Semi-Breaking Changes:

• zoo-input-tag:
• added clearSelection() method to programmatically clear current component selection
• zoo-tag-options can contain not only zoo-tag elements, but custom markup
• zoo-tag-options are now stacked vertically
• zoo-tag-options - changed left,right padding to 15px and removed 5px gap, --input-tag-padding-top-bottom and --input-tag-padding-left-right to control component padding
• selection will be updated when data-initial-value attribute changes
• --input-tag-options-max-height CSS variable to control max height of options list overlay
• --input-tag-options-overflow CSS variable to control options list scrolls
• zoo-tag with type="tag" uses same border radius as other components

CSS changes:

• --item-hovered - new CSS variable to control color of hovered areas in components
• --input-disabled - new CSS variable to control color of disabled form components
• zoo-tooltip - new CSS variable zoo-tooltip-z-index to change predefined z-index in case of conflict with some other 3rd party components
• zoo-toast - new CSS variable zoo-toast-z-index to change predefined z-index in case of conflict with some other 3rd party components
• zoo-grid - new CSS variable zoo-grid-z-index to change predefined z-index in case of conflict with some other 3rd party components
• zoo-spinner - new CSS variable zoo-spinner-z-index to change predefined z-index in case of conflict with some other 3rd party components

zoo-modal:

• added CSS variable zoo-modal-z-index to change predefined z-index in case of conflict with some other 3rd party components
• added optional button-closeable attribute to prevent closing of modal when clicking on box overlay area

zoo-grid - added CSS variable grid-stickyheader-position-top to change top position of sticky header

zoo-modal - added CSS variable zoo-modal-opacity to change background transparency

zoo-collapsable-list - improvements

Enhancements: zoo-toggle-switch - toggle value can be changed on slider click, not only on circle click

Semi-Breaking Changes: zoo-tag - reverted cloud type changes and added tag type to be used witch zoo-input tag component zoo-input-tag - changed zoo-tag type to tag

zoo-input-tag - added data-initial-value property, fixed components overlapping

zoo-grid-header - fix icons width; zoo-input-tag - fix internal component dependencies; update dev dependencies.

New components: zoo-input-tag - combination of input and select for selecting options and presenting them as tags with filtering via input.

Fixes: zoo-info - fix positioning of icon when there"s a lot of text. zoo-seachable-select - stretch info and error slots to full width of component. zoo-tag - adjust component to be more flexible.

fix positioning issue in zoo-seachable-select introduced in 10.1.0.

New components: zoo-date-range - form component that accepts two inputs for setting date-from and date-to with validation between those two values.

Make library tree-shakeable. Please refer to the README for more info.

zoo-input - align checkbox with indeterminate state with style guide and with standard input type checkbox visuals.

zoo-link - fix line-height to comply with styleguide; zoo-button - added new type grayscale, frequently used in situations for nasty visual hack for cookie consent popups.

zoo-navigation - remove css containment; zoo-searchable-select - align nested zoo-link with label.

New component: zoo-button-group - a container which holds slotted zoo-button components and switches state on click.

zoo-grid-row - new component for zoo-grid; zoo-button - added new type attribute value transparent.

zoo-checkbox - set or remove attribute based on checked property instead of blindly toggling it on change.

zoo-navigation - fix overflow issue when navigation children have absolutely positioned children.

zoo-searchable-select - hide cross icon when value is selected and select is disabled.

security fixes in some components.

zoo-searchable-select - do not allow to click cross icon when select is disabled. zoo-navigation - remove padding for vertical direction.

zoo-grid - allow to define additional content via footer-content slot in the bottom side of the grid.

zoo-searchable-select - remove grid-gap from internal zoo-input to match height of other components in a single form.

zoo-checkbox - add support for indeterminate state.

• Additions:

  • new component zoo-tag

• Enhancements:

  • Form components (zoo-input, zoo-select, zoo-quantity-control, zoo-radio, zoo-searchable-select, zoo-toggle-switch) now support new attribute labelposition switch accepts one of two values:

    • top (or empty string), default value;
    • left.

  • zoo-navigation - new attribute direction which will make the component horizontal or a vertical navigation menu. API stays the same.

• Breaking changes:

  • zoo-footer - copyright attribute is not supported anymore, use according slot additional-content for that.
  • zoo-modal - headertext attribute is not supported anymore, use according slot header for that.
  • zoo-tooltip - text attribute is not supported anymore, use default slot for that.
  • zoo-searchable-select - user should provide an input element for this component, input is not provided internally anymore.

All form elements (zoo-input, zoo-select etc) - refactored and fixed appearing error icon when error message was not defined.

zoo-input - fix not being able to adjust height of input type="date" and setting padding for the zoo-input box-sizing.

zoo-input - align height when type="date" or type="time" attribute is supplied;

Since 8.3.0 two main bundles are released:

• ESM - for using this library as a module - zoo-web-components-esm.js;
• IIFE - for using this library as a standard script - zoo-web-components.js.

zoo-select - fix arrow icon to always be centered vertically (for example when user changes padding for the slotted select).

zoo-grid - hide paginator when neither currentpage nor maxpages is defined.

zoo-searchable-select - fix placement of zoo-link when supplied.

Mutation observers performance updates and overall bundle size reduction.

zoo-input - added new slot additional for additional content. zoo-navigation - added background effect on slotted element focus.

zoo-select - make color darker when disabled for a11y; zoo-navigation - make container horizontally scrollable when there is a lot of slotted elements; zoo-paginator - added vertical padding.

zoo-info - fix showing info icon when no slot content is passed.

zoo-checkbox - accessibility improvements - set hidden on svg icon, make it clear when checkbox is focused;
zoo-searchable-select - expose internal label to screen readers only when input has focus;
zoo-grid-header - wrap icons in buttons for better a11y, added new attributes: sorttitle and swaptitle for both icons;
zoo-grid - added new attributes prevpagetitle and nextpagetitle for a11y;
zoo-paginator - added new attributes prevpagetitle and nextpagetitle for a11y;
zoo-arrow-icon - added new attribute title for svg a11y;
zoo-paw-icon - added new attribute title for svg a11y;

Integrated jasmine into puppeteer runtime to skip time with jasmine.clock(), tests should execute faster.

fix deplyoed files

Export each individual component along with main full bundle.

zoo-footer - do not show copyright when attribute not specified. zoo-grid - simplify selector used internally when reordering columns. zoo-feedback - fix icon not changing color according to type.

zoo-paw-icon - added new loader icon which represents an animal"s paw.

All form components - moved form validation logic to abstract class. Added roles attributes for a11y.

zoo-grid - refactor and fix reordering columns when reorderable attribute is defined.

zoo-navigation - provide default styles for slotted content; zoo-header - remove styles for small screens; zoo-attention-icon - fix display on windows OS; grid-header - fix sort button color.

zoo-collapsable-list - use native details underneath.

zoo-select - fix showing select when labelposition=left is specified/

zoo-toast - no longer provides close button as per https://www.w3.org/TR/wai-aria-practices-1.1/examples/dialog-modal/alertdialog.html. Use slot if this button is needed.

New components that encapsulate svg icons:

• zoo-arrow-icon
• zoo-cross-icon
• zoo-attention-icon

All form components now listen on HTML5 invalid event and react correspondingly.

zoo-radio - wrap slotted elements into a fieldset for a11y.

zoo-checkbox - fix removing disabled attribute from host element.

maintanence release, update dependencies, added tests, removed unused code.

zoo-searchable-select - deprecated usage of internal input. User should supply an input with a separate label, a select with a separate label and a legend text element to be accessible. zoo-quantity-control - buttons are no longer provided internally, you should use increase and decrease slots to provide your buttons to have full control over states (for example, disabled) and a11y.

zoo-select - fix showing loader when according attribute is present.

zoo-toast - drop support for properties. Deprecated attribute text. Use slots instead.

zoo-modal - deprecated attribute headertext. Use composition via slots;
zoo-header - deprecated attribute headertext. Use composition to add h2 element via slot.

zoo-input - deprecated infotext, labeltext and inputerrormsg attributes. User slots instead.
zoo-input - removed linktext, linktarget and linkhref attributes support. User slots instead.
zoo-input - changed slot names to input and label instead of inputelement and inputlabel.
zoo-searchable-select - deprecated infotext, labeltext and inputerrormsg attributes. User slots instead.
zoo-searchable-select - removed linktext, linktarget and linkhref attributes support. User slots instead.
zoo-searchable-select - changed slot names to select and label instead of selectelement and selectlabel.
zoo-select - deprecated infotext, labeltext and inputerrormsg attributes. User slots instead.
zoo-select - removed linktext, linktarget and linkhref attributes support. User slots instead.
zoo-select - changed slot names to select and label instead of selectelement and selectlabel.
zoo-checkbox - deprecated infotext, labeltext and inputerrormsg attributes. User slots instead.
zoo-checkbox - changed slot names to checkbox and label instead of checkboxelement and checkboxlabel.
zoo-radio - deprecated infotext, labeltext and inputerrormsg attributes. User slots instead.
zoo-grid-paginator - renamed to zoo-paginator. Update your HTML.

bundle size is now about 1/3 smaller.

removed default values for color theme. To have default z+ theme add the following to your main css file:

:root {
	--primary-mid: #3C9700;
	--primary-light: #66B100;
	--primary-dark: #286400;
	--primary-ultralight: #EBF4E5;
	--secondary-mid: #FF6200;
	--secondary-light: #F80;
	--secondary-dark: #CC4E00;
	--info-ultralight: #ECF5FA;
	--info-mid: #459FD0;
	--warning-ultralight: #FDE8E9;
	--warning-mid: #ED1C24;
}

zoo-toggle-switch - make it play nice with bootstrap;

clean-up css to make them smaller.

Play nicely with css libraries like Bootstrap. Internal pipeline improvement and test extension.

Export all classes as default module exports; Move documentation to a separate repo;
Use Jasmine (2 dependencies) instead of mocha + chai (110 dependencies);
Minor fixes and perfomance updates for components.

zoo-checkbox - fix grey border for disabled checkbox;

zoo-checkbox - always show user tabbed checkbox when using keyboard navigation; zoo-modal - added esc button handler which will close the modal window.

zoo-select - fix scrolling when a lot of options are supplied and multiple attribute is present.

zoo-searchable-select - move select slot inside zoo-input, so that the select is positioned relative to input and not zoo-input (with label, info, etc.) zoo-input-info - set min-width for icons so that they do not shrink when a lot of text is supplied to this element.

zoo-searchable-select - fix padding from top border to depend on the context.

zoo-checkbox - fix checked border.

zoo-checkbox - toggle class on wrapper element when attribute checked was changed to show or hide tick inside the box.

zoo-select - now accepts additional slot input for composition with zoo-input component; zoo-input - now accepts additional slot button for composition with zoo-button component;

zoo-grid - reflect resizable and reorderable properties as attributes. Fix grid sometimes not applying widths to columns when resizable attribute is set. Avoid assigning column numbers to elements one by one when a lot of slots are inserted during a small time span (for example, during initialization).

zoo-searchable-select - show initial version on mobile devices

zoo-searchable-select - fix showing and hiding "x" sign when value is selected.

zoo-searchable-select - properly set disabled state in input element when injected select is disabled.

zoo-select - added box-sizing: border-box to include padding and margin in components width; zoo-checkbox - added change event dispatching when user clicks on a label, which is created based on labeltext attribute.

zoo-grid - fix setting resizable and reorderable attributes not being reflected in behavior.

zoo-footer - fix displaying links according to their width and in line.

This release concentrates on further performance improvements and alignment with current web standards. Additionally:

• bundle size was reduced
• initialization time was reduced
• runtime performance improvements

BREAKING CHANGES All components that relied on boolean properties now act according to HTML spec. Meaning that when attribute is set on an element its value is treated as true. For false value -> remove the attribute completely.

valid attribute is no longer supported, use invalid instead.

zoo-button - no longer encapsulates <button> element inside, instead the client should supply its own button via slot. zoo-checkbox, zoo-input, zoo-quantity-control, zoo-radio, zoo-searchable-select, zoo-select - replace valid attribute with invalid. zoo-link - no longer encapsulates <a> element inside, instead the client should supply its own anchor via slot. zoo-grid - loading attribute must follow HTML boolean attribute spec.

IIFE version of this package will no longer be released starting with version 7.

Three new components: zoo-toggle-switch - toggler component; zoo-segmented-buttons - container for zoo-buttons that handles active/inactive state; zoo-quantity-control - component for quantity increase/decrease.

zoo-feedback - no longer accepts text attribute. Use slot instead. zoo-button - no longer accepts buttoncontent slot. Use unnamed slot instead.

zoo-checkbox - fix infotext rendering below the checkbox.

zoo-button - added additional unnamed slot to avoid writing slot="buttoncontent" all the time.

zoo-checkbox - fixed border style to use primary css variable. zoo-input-info - flatten internal DOM structure. zoo-input, zoo-checkbox, zoo-radio, zoo-select - do not render zoo-input-info when not needed. zoo-grid-paginator - remove rendering of all ... in pagination, only max 1 on each side of active page.

Added a11y and animation performance stylelint rules and fixed existing problems in styles.

zoo-navigation - fix width when using bootstrap.

This release mainly concentrates on internal clean-up. Added storybook docs for better documentation. zoo-checkbox - Added storybook docs. zoo-feedback - simplify internal css. zoo-grid - added MutationObserver to give possibility to dynamically change resizable and reorderable attributes.

zoo-button - drop support for deprecated type attribute values such as cold, hot. zoo-collapsable-list - migrated from accepting properties to slots. Consult documentation to see what changed. zoo-footer - migrated from accepting properties to slots. Consult documentation to see what changed. zoo-header - removed support for imgsrc, imgalt attributes in favor of <slot name="img"></slot>. Consult documentation for details. zoo-link - drop support for deprecated type attribute values such as standard, green. zoo-radio - change errormsg to errormsg as in zoo-input and zoo-select components.

zoo-searchable-select - fix select styles to behave as a regular select element.

zoo-input - fix grey background for input with type="date" or type="time" on android devices. Fixed appearance of type="date" and type="time" on iOS mobile devices.
zoo-searchable-select - fix showing select element when user is using mobile device.

zoo-checkbox - minor simplification of internal styles;
zoo-header - use more semantically correct HTML tags for elements;
zoo-radio - remove redundant code which accepted template as slotted element;
zoo-input-info - simplify internal css;

zoo-select, zoo-searchable-select - change color of select arrow when select is in invalid state. zoo-navigation - use more a11y friendly <nav> element. zoo-input - do not render link when insufficient params are passed. Remove css that altered native browser behavior. zoo-grid - use darker color for norecords slot for bigger contrast. zoo-checkbox - make checkbox body react to click when external label is slotted. Various documentation improvements regarding a11y.

zoo-checkbox, zoo-radio - simplified internal styles by styling input directly as pseudo-classes for ::slotted() do not work in safari.

zoo-grid - added option reorderable for grid to allow columns reorder.

zoo-grid - slot="headercell" no longer accepts any element, to preserve backward compatibility slotted element will automatically be transformed to zoo-grid-header. Use zoo-grid-header as a wrapper container when injecting headercell slot.

remove containment of most of elements that might be used a lot of a single page.
zoo-grid - simplification of internal styles and making zoo-paginator a sticky container which sticks to the right side.

zoo-searchable-select - remove contain: layout to fix stacking context. Fix focus/error css borders conflict.
zoo-input, zoo-select - fix pixels for icons;

zoo-select, zoo-input - added new <slot name="selectlabel> and <slot name="inputlabel> respectively for injecting <label> element for a11y; labeltext attribute is still accepted when you don"t care about a11y. Fixed link padding;
zoo-checkbox - added new <slot name="checkboxlabel> for injecting <label> element for a11y; labeltext attribute is still accepted when you don"t care about a11y.

zoo-grid - fix for sorting icon to have fixed size, fix for paginator elements to have dynamic size depending on the page number.

zoo-checkbox - avoid checkbox jumping when it changes state from/to clicked. Fix setting clicked class on create;
zoo-grid - simplify communication with zoo-grid-header, performance improvements when changing column width;
zoo-link - fix padding in zoo-footer;
zoo-select - show arrow/cross icons interchangeably when option is(not) selected.

zoo-tooltip - remove unused css;
zoo-toast - simplify HTML structure;
zoo-select - remove unused variable;
zoo-modal - move element to a separate rendering layer;
zoo-link - remove unnecessary if for rendering, simplify css structure; Added new API param size
zoo-header - mark logo image with importance="high";
zoo-grid - simplify debounce function, perform resize on next frame;
zoo-collapsable-list - simplify HTML structure;
Various performance improvements for documentation page.

grid-paginator - hide page size select when no rows supplied.
zoo-button - simplify internal css structure.

zoo-input-label - simplification of internal DOM tree.
zoo-input-info - simplification of internal DOM tree.
zoo-radio - simplification of internal DOM tree.
zoo-checkbox - fixed dynamic reflection of changing attributes and fixed input-info part to be outside of checkbox border.

zoo-searchable-select - added :focus-within to show focus both on input and select elements;
zoo-button - made API make more sense, new types are primary, secondary and hollow. Previous values cold and hot are still supported but will be removed in the major release. Showing warning in console when inappropriate type is passed. zoo-link - showing warning in console when inappropriate type is passed.

zoo-spinner - remove merged position: relative from previous version.

This release mainly concentrates on internal performance and size improvements and alignment with newer version of the styleguide. The biggest change for library users is change of the names external css custom variables, read on to know more.

zoo-grid - new component for data table presentation. zoo-button - simplify internal css structure, prevent emitting click event when button is disabled. Added new type hollow, address docs for example and usage; Aligned with newer version of style guide; zoo-checkbox - simplify internal structure of css. Aligned with newer version of style guide; zoo-collapsable-list - simplify internal css structure, optimize svg; zoo-feedback - use only 1 type of svg for all type of feedback component. Simplify internal css structure; zoo-footer - simplify internal css structure; zoo-input - simplify internal css structure; optimize svg size; align with newer version of style guide; remove redundant valid state related JS; zoo-link - simplify internal css structure; New type attribute possible values are: primary, negative and grey; zoo-modal - simplify internal css structure; zoo-radio - simplify internal css structure; remove redundant valid state related JS; zoo-searchable-select - internal css and js optimizations; zoo-select - aligned with newer version of style guide; simplify internal css structure; optimize svgs; internal JS optimizations; zoo-toast - optimize svgs; simplify internal css structure; zoo-tooltip - simplify internal css structure; align with newer version of style guide;

zoo-input - no longer accepts nopadding attribute; zoo-link - no longer accepts type="standard" nor type="green" attributes, unknown type attributes will fall back to primary value;

To override color pallete the following css custom properties can be used:

• Primary color: --primary-ultralight, --primary-light, --primary-mid, --primary-dark;
• Secondary color: --secondary-ultralight, --secondary-light, --secondary-mid, --secondary-dark;
• Warning/error color: --warning-ultralight, --warning-mid, --warning-dark;
• Success color: $success-ultralight, $success-mid;
• Info color: $info-ultralight, $info-mid;

zoo-spinner - fixed bumping page scrollbar by fixing position of element

Fixed a typo in documentation. zoo-feedback - fixed size of icon to have min-width and min-height;

zoo-spinner - added new component, is a spinner for notifying user that something is loading.

zoo-tooltip - remove max-width limitation.

zoo-feedback - added padding for better presentation of one-line feedback text.
zoo-modal - prevent showing scrollbar when it is not needed on windows. Added small padding from bottom for large modal content.
zoo-toast - added breaking words for very long words.
Update dependencies.
Update package.json to get rid of unix specific commands so that it can be run on windows.

Maintenance release for updating dependencies.

Maintenance release for updating dependencies.

zoo-modal, zoo-toast, zoo-tooltip - change of z-index property so that zoo-toast is above zoo-modal.

zoo-modal - added scroll for modal element when content is too large.

zoo-header - fix prev version.

zoo-header - logoClicked event is emitted whenever the user clicks image in header.

zoo-searchable-select - fixing input not reaacting to change of select disabled attribute change.

zoo-checkbox - API now reacts to inputerrormsg and infotext properties just like inputs and selects do.

zoo-input, zoo-select - fixed grid-gap, which caused inputs and selects to be shorter than checkboxes.

zoo-input, zoo-select - longer label is not wrapped unnecessarily if there is space in same line (because of absent link)

zoo-checkbox - changing highlighted border color when checkbox is checked from very start.

zoo-checkbox - making whole checkbox box react to click event which changes checkbox state.

zoo-input - decrease line-height to 20px to align input height with other form elements. zoo-checkbox - decrease padding to align input height with other form elements.

zoo-input - increasing line-height to 22px to align input height with other form elements.

zoo-checkbox - added default margin-top: 21px to align it with other form inputs with label, margin can be overriden by host styles. Changed color for disabled checkbox to grey instead of white for better visual presentation.

zoo-seachable-select - fixed preloader to show exactly in the middle of the input element.

zoo-radio - added possibility to add label text for radio inputs group via labeltext property.

zoo-toast - internal change of css rules to allow consumer application to define position of the toast on the screen.

zoo-input - set margin to 0 for slotted input and textarea.

Update dependencies with security issues.

zoo-tooltip - removed half of the code responsible for positioning and animation. Tooltip now has defined keyframes for fade in. To use is you can do the following:

.your-class:hover {
	zoo-tooltip {
		display: block;
		animation: fadeTooltipIn 0.2s;
	}
}

zoo-searchable-select - fix cross icon to position itself within the input field.

zoo-input - allow click through error triangle.

Unify cross sign for zoo-select and zoo-searchable-select.

Remove unused dependency.

New set of icons. Getting rid of unnecessary matrix transforms and strange viewports at a cost small size increase.

zoo-searchable-select - setting disabled attribute on input when select has disabled attribute.

zoo-select - increased padding and added text-overflow for very long option text.

zoo-searchable-select - small refactoring (removing duplicate logic in functions). handleOptionChange function is now exported and can be used outside component. handleOptionChange is a function which constructs new placeholder based on selected options.

zoo-searchable-select - aligned option click behaviour with zoo-select. Now placeholder changes after change event and not after click event.

zoo-preloader - reduced preloader size by 2 px; zoo-select, zoo-searchable-select - added cross to clear the value of the select. Cross will not appear for zoo-select with multiple option set as it can be easily cleared by cmd+click or ctrl+click;

Added new component zoo-preloader;

zoo-toast fixed svg icon to be independent of text length.

zoo-seachable-select improved keyboard user experience while using this element.

zoo-seachable-select improved keyboard user experience while using this element. zoo-input - type date and time now doesn"t fall back to native inputs but is more styled like other inputs.

zoo-seachable-select now performs full text scan instead of checking whether something starts with input value.

Fixed label alignment for InputLabel.

Fixed iife prod build not to export classes.

zoo-footer now accepts copyright attribute to show name of the company for example.

Included possibility for theming and new component zoo-collapsable-list.

Added iife export back again. how both iife and esm versions will be published and the user will decide which one to use.

Rename all components from zoo-log-... to zoo-.... Project internals cleanup. Changed export from iife to esm.

zoo-log-searchable-select aligned behaviour of multiple and single select elements.

zoo-log-searchable-select fixed not setting input value on selecting options.

Added some interactivity to Button, Link, Modal and Tooltip elements.

Various UX improvements.

zoo-log-select Using single svg for select arrows instead of 2. zoo-log-radio extended to handle focus and blur events.

zoo-log-radio fix error state change when not using template.

Created zoo-log-radio.

Extended zoo-log-checkbox to handle enter keypress and react to focus event.

Wrapped SVGs to preserve static width and height to avoid change of size depending on the size of sibling node text.

Optimized size of svg, causing the library to lose 10 Kbytes minified and about 2.5KB gzipped.

zoo-log-select - reduced the size of arrows and made them more aligned.

zoo-log-searchable-select placeholder now shows initial placeholder when no options are selected and selected options separated with , otherwise.

REMOVED folding option from zoo-log-tooltip. zoo-log-searchable-select now shows tooltip on hover on itself or on the tooltip.

zoo-log-tooltip now accepts another option folding. When folding is true, tooltip will have length of 60px and overflow hidden. The content will show up on hover; Additional minor css fixes for zoo-log-searchable-select.

zoo-log-searchable-select now has a fallback to standard zoo-log-select when user is on mobile browser. Covered all components with tests. Minor clean-ups here and there.

Added zoo-log-searchable-select to component lists.

BREAKING CHANGE: zoo-log-header, zoo-log-modal and zoo-log-navigation now doesn"t accept named slots. Just define slotted content as regular HTMLElement, for example:

<zoo-log-navigation class="nav">
	<div slot="content">
		{#each navlinks as link}
			<zoo-log-link href="{link.href}" target="{link.target}" type="{link.type}"
				text="{link.text}">
			</zoo-log-link>
		{/each}
	</div>
</zoo-log-navigation>

<zoo-log-navigation class="nav">
	<div>
		{#each navlinks as link}
			<zoo-log-link href="{link.href}" target="{link.target}" type="{link.type}"
				text="{link.text}">
			</zoo-log-link>
		{/each}
	</div>
</zoo-log-navigation>

BREAKING CHANGE: refer to README.md for Button element as the slots for that element has changed. Now the <button> element is embedded inside web-component, while the content of the button can still be injected from external source.