@oiz/stzh-components 2.0.0-beta → 2.1.0-alpha

package/dist/collection/pages/meinkonto.stories.js

@@ -170,7 +170,7 @@ const TemplateServices = (args) => (
 
         <stzh-vspace curve="large"></stzh-vspace>
 
-        <stzh-card-list show-toggle-link>
+        <stzh-card-list show-toggle-link sortable-enabled>
           <stzh-text slot="description">
             Services are shown here, which you marked with <stzh-icon name="star-filled"></stzh-icon>
           </stzh-text>
@@ -321,7 +321,7 @@ const TemplateMessages = (args) => (
                 <stzh-input label="Search" type="search"></stzh-input>
               </stzh-cell>
               <stzh-cell span-small="4">
-                <stzh-vspace size="xsmall" size-small="none"></stzh-vspace>
+                <stzh-vspace size-small="none"></stzh-vspace>
                 <stzh-dropdown
                   label="Type"
                   items='["all"]'
@@ -333,7 +333,7 @@ const TemplateMessages = (args) => (
                 ></stzh-dropdown>
               </stzh-cell>
               <stzh-cell span-small="4">
-                <stzh-vspace size="xsmall" size-small="none"></stzh-vspace>
+                <stzh-vspace size-small="none"></stzh-vspace>
                 <stzh-dropdown
                   label="Sort"
                   items='["date"]'

package/dist/components/index.d.ts

@@ -3,8 +3,10 @@ export { StzhAccordion as StzhAccordion } from '../types/components/stzh-accordi
 export { StzhAccordionItem as StzhAccordionItem } from '../types/components/stzh-accordion-item/stzh-accordion-item';
 export { StzhActions as StzhActions } from '../types/components/stzh-actions/stzh-actions';
 export { StzhActionset as StzhActionset } from '../types/components/stzh-actionset/stzh-actionset';
+export { StzhAnchornav as StzhAnchornav } from '../types/components/stzh-anchornav/stzh-anchornav';
 export { StzhAppnav as StzhAppnav } from '../types/components/stzh-appnav/stzh-appnav';
 export { StzhAppointments as StzhAppointments } from '../types/components/stzh-appointments/stzh-appointments';
+export { StzhAudio as StzhAudio } from '../types/components/stzh-audio/stzh-audio';
 export { StzhBadge as StzhBadge } from '../types/components/stzh-badge/stzh-badge';
 export { StzhButton as StzhButton } from '../types/components/stzh-button/stzh-button';
 export { StzhCalendar as StzhCalendar } from '../types/components/stzh-calendar/stzh-calendar';
@@ -15,6 +17,7 @@ export { StzhCheckbox as StzhCheckbox } from '../types/components/stzh-checkbox/
 export { StzhCheckboxgroup as StzhCheckboxgroup } from '../types/components/stzh-checkboxgroup/stzh-checkboxgroup';
 export { StzhChip as StzhChip } from '../types/components/stzh-chip/stzh-chip';
 export { StzhChipSelect as StzhChipSelect } from '../types/components/stzh-chip-select/stzh-chip-select';
+export { StzhClamp as StzhClamp } from '../types/components/stzh-clamp/stzh-clamp';
 export { StzhContainer as StzhContainer } from '../types/components/stzh-container/stzh-container';
 export { StzhCspace as StzhCspace } from '../types/components/stzh-cspace/stzh-cspace';
 export { StzhDatalist as StzhDatalist } from '../types/components/stzh-datalist/stzh-datalist';
@@ -45,6 +48,7 @@ export { StzhMenu as StzhMenu } from '../types/components/stzh-menu/stzh-menu';
 export { StzhMenuItem as StzhMenuItem } from '../types/components/stzh-menu-item/stzh-menu-item';
 export { StzhMessage as StzhMessage } from '../types/components/stzh-message/stzh-message';
 export { StzhMetanav as StzhMetanav } from '../types/components/stzh-metanav/stzh-metanav';
+export { StzhOlmap as StzhOlmap } from '../types/components/stzh-olmap/stzh-olmap';
 export { StzhOverlay as StzhOverlay } from '../types/components/stzh-overlay/stzh-overlay';
 export { StzhPageSkiplinks as StzhPageSkiplinks } from '../types/components/stzh-page-skiplinks/stzh-page-skiplinks';
 export { StzhPagetitle as StzhPagetitle } from '../types/components/stzh-pagetitle/stzh-pagetitle';
@@ -62,6 +66,7 @@ export { StzhSection as StzhSection } from '../types/components/stzh-section/stz
 export { StzhSkiplink as StzhSkiplink } from '../types/components/stzh-skiplink/stzh-skiplink';
 export { StzhSortable as StzhSortable } from '../types/components/stzh-sortable/stzh-sortable';
 export { StzhStatus as StzhStatus } from '../types/components/stzh-status/stzh-status';
+export { StzhSticky as StzhSticky } from '../types/components/stzh-sticky/stzh-sticky';
 export { StzhTable as StzhTable } from '../types/components/stzh-table/stzh-table';
 export { StzhText as StzhText } from '../types/components/stzh-text/stzh-text';
 export { StzhToggle as StzhToggle } from '../types/components/stzh-toggle/stzh-toggle';

package/dist/components/index.js

@@ -3,8 +3,10 @@ export { StzhAccordion, defineCustomElement as defineCustomElementStzhAccordion
 export { StzhAccordionItem, defineCustomElement as defineCustomElementStzhAccordionItem } from './stzh-accordion-item.js';
 export { StzhActions, defineCustomElement as defineCustomElementStzhActions } from './stzh-actions.js';
 export { StzhActionset, defineCustomElement as defineCustomElementStzhActionset } from './stzh-actionset.js';
+export { StzhAnchornav, defineCustomElement as defineCustomElementStzhAnchornav } from './stzh-anchornav.js';
 export { StzhAppnav, defineCustomElement as defineCustomElementStzhAppnav } from './stzh-appnav.js';
 export { StzhAppointments, defineCustomElement as defineCustomElementStzhAppointments } from './stzh-appointments.js';
+export { StzhAudio, defineCustomElement as defineCustomElementStzhAudio } from './stzh-audio.js';
 export { StzhBadge, defineCustomElement as defineCustomElementStzhBadge } from './stzh-badge.js';
 export { StzhButton, defineCustomElement as defineCustomElementStzhButton } from './stzh-button.js';
 export { StzhCalendar, defineCustomElement as defineCustomElementStzhCalendar } from './stzh-calendar.js';
@@ -15,6 +17,7 @@ export { StzhCheckbox, defineCustomElement as defineCustomElementStzhCheckbox }
 export { StzhCheckboxgroup, defineCustomElement as defineCustomElementStzhCheckboxgroup } from './stzh-checkboxgroup.js';
 export { StzhChip, defineCustomElement as defineCustomElementStzhChip } from './stzh-chip.js';
 export { StzhChipSelect, defineCustomElement as defineCustomElementStzhChipSelect } from './stzh-chip-select.js';
+export { StzhClamp, defineCustomElement as defineCustomElementStzhClamp } from './stzh-clamp.js';
 export { StzhContainer, defineCustomElement as defineCustomElementStzhContainer } from './stzh-container.js';
 export { StzhCspace, defineCustomElement as defineCustomElementStzhCspace } from './stzh-cspace.js';
 export { StzhDatalist, defineCustomElement as defineCustomElementStzhDatalist } from './stzh-datalist.js';
@@ -45,6 +48,7 @@ export { StzhMenu, defineCustomElement as defineCustomElementStzhMenu } from './
 export { StzhMenuItem, defineCustomElement as defineCustomElementStzhMenuItem } from './stzh-menu-item.js';
 export { StzhMessage, defineCustomElement as defineCustomElementStzhMessage } from './stzh-message.js';
 export { StzhMetanav, defineCustomElement as defineCustomElementStzhMetanav } from './stzh-metanav.js';
+export { StzhOlmap, defineCustomElement as defineCustomElementStzhOlmap } from './stzh-olmap.js';
 export { StzhOverlay, defineCustomElement as defineCustomElementStzhOverlay } from './stzh-overlay.js';
 export { StzhPageSkiplinks, defineCustomElement as defineCustomElementStzhPageSkiplinks } from './stzh-page-skiplinks.js';
 export { StzhPagetitle, defineCustomElement as defineCustomElementStzhPagetitle } from './stzh-pagetitle.js';
@@ -62,6 +66,7 @@ export { StzhSection, defineCustomElement as defineCustomElementStzhSection } fr
 export { StzhSkiplink, defineCustomElement as defineCustomElementStzhSkiplink } from './stzh-skiplink.js';
 export { StzhSortable, defineCustomElement as defineCustomElementStzhSortable } from './stzh-sortable.js';
 export { StzhStatus, defineCustomElement as defineCustomElementStzhStatus } from './stzh-status.js';
+export { StzhSticky, defineCustomElement as defineCustomElementStzhSticky } from './stzh-sticky.js';
 export { StzhTable, defineCustomElement as defineCustomElementStzhTable } from './stzh-table.js';
 export { StzhText, defineCustomElement as defineCustomElementStzhText } from './stzh-text.js';
 export { StzhToggle, defineCustomElement as defineCustomElementStzhToggle } from './stzh-toggle.js';
@@ -74,7 +79,7 @@ export { StzhVisuallyhidden, defineCustomElement as defineCustomElementStzhVisua
 export { StzhVspace, defineCustomElement as defineCustomElementStzhVspace } from './stzh-vspace.js';
 
 const name = "@oiz/stzh-components";
-const version = "2.0.0-beta";
+const version = "2.1.0-alpha";
 
 const packageName = name.substring(name.indexOf('/')+1);
 

package/dist/components/stzh-accordion-item.js

@@ -1,22 +1,24 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { w as waitForEvent } from './event-utils.js';
 import { s as stopAnimations, a as animateTo, b as shimKeyframesHeightAuto } from './animation-utils.js';
+import { d as defineCustomElement$3 } from './stzh-badge2.js';
+import { d as defineCustomElement$2 } from './stzh-icon2.js';
 
-const stzhAccordionItemCss = ".sc-stzh-accordion-item-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-accordion-item-h{display:none}.sc-stzh-accordion-item-h *.sc-stzh-accordion-item,.sc-stzh-accordion-item-h *.sc-stzh-accordion-item::before,.sc-stzh-accordion-item-h *.sc-stzh-accordion-item::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-accordion-item-h{--trigger-size:1.3125rem;--content-padding:var(--stzh-accordion-content-padding);--content-background:var(--stzh-accordion-content-background)}.stzh-accordion-item__heading.sc-stzh-accordion-item{margin:0}.stzh-accordion-item__button.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;padding:var(--stzh-space-xsmall) var(--stzh-space-medium);border:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:3.75rem;border:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-primary, var(--stzh-color-zueriblue));text-align:left;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}@media screen and (min-width: 1024px){.stzh-accordion-item__button.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-accordion-item__button.sc-stzh-accordion-item:hover,.stzh-accordion-item__button.sc-stzh-accordion-item:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-accordion-item__button-text.sc-stzh-accordion-item{-ms-flex-positive:1;flex-grow:1}.stzh-accordion-item__button-icon.sc-stzh-accordion-item{position:relative;width:var(--trigger-size);height:var(--trigger-size);margin-left:var(--stzh-space-medium)}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::before,.stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{position:absolute;top:50%;left:50%;content:\"\";display:block;width:var(--trigger-size);height:0.0625rem;-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s;-webkit-transform-origin:top left;transform-origin:top left;background-color:currentColor}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::before{-webkit-transform:rotate(180deg) translate(-50%, -50%);transform:rotate(180deg) translate(-50%, -50%)}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{-webkit-transform:rotate(90deg) translate(-50%, -50%);transform:rotate(90deg) translate(-50%, -50%)}.stzh-accordion-item__content.sc-stzh-accordion-item{overflow:hidden;background-color:var(--content-background)}.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding:var(--content-padding)}.stzh-accordion-item__subtitle.sc-stzh-accordion-item{-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}.stzh-accordion-item__heading.sc-stzh-accordion-item,.stzh-accordion-item__subtitle.sc-stzh-accordion-item{display:block}.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{padding:var(--stzh-space-medium)}.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__subtitle.sc-stzh-accordion-item{color:var(--stzh-base-color)}.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1440px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{color:var(--stzh-color-white);background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__subtitle.sc-stzh-accordion-item{color:var(--stzh-color-white)}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button-icon.sc-stzh-accordion-item::before,.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{-webkit-transform:rotate(0) translate(-50%, -50%);transform:rotate(0) translate(-50%, -50%)}.stzh-accordion-item--is-disabled.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{cursor:not-allowed;color:var(--stzh-color-grey61);border-color:var(--stzh-color-grey5);background-color:var(--stzh-color-grey5)}";
+const stzhAccordionItemCss = ".sc-stzh-accordion-item-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-accordion-item-h{display:none}.sc-stzh-accordion-item-h *.sc-stzh-accordion-item,.sc-stzh-accordion-item-h *.sc-stzh-accordion-item::before,.sc-stzh-accordion-item-h *.sc-stzh-accordion-item::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-accordion-item-h{--trigger-size:1.3125rem;--content-padding:var(--stzh-accordion-content-padding);--content-background:var(--stzh-accordion-content-background);--icon-size:var(--stzh-icon-size-small)}.sc-stzh-accordion-item-h .sc-stzh-accordion-item-s>stzh-icon,.stzh-accordion-item__icon.sc-stzh-accordion-item{--size:var(--icon-size)}.stzh-accordion-item__heading.sc-stzh-accordion-item{position:relative;margin:0}.stzh-accordion-item__button.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;padding:var(--stzh-space-xsmall) var(--stzh-space-medium);border:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:3.75rem;border:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-primary, var(--stzh-color-zueriblue));text-align:left;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}@media screen and (min-width: 1024px){.stzh-accordion-item__button.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-accordion-item__button.sc-stzh-accordion-item:hover,.stzh-accordion-item__button.sc-stzh-accordion-item:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-accordion-item__button-text.sc-stzh-accordion-item{-ms-flex-positive:1;flex-grow:1}.stzh-accordion-item__button-icon.sc-stzh-accordion-item{position:relative;width:var(--trigger-size);height:var(--trigger-size);margin-left:var(--stzh-space-medium)}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::before,.stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{position:absolute;top:50%;left:50%;content:\"\";display:block;width:var(--trigger-size);height:0.0625rem;-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s;-webkit-transform-origin:top left;transform-origin:top left;background-color:currentColor}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::before{-webkit-transform:rotate(180deg) translate(-50%, -50%);transform:rotate(180deg) translate(-50%, -50%)}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{-webkit-transform:rotate(90deg) translate(-50%, -50%);transform:rotate(90deg) translate(-50%, -50%)}.stzh-accordion-item__content.sc-stzh-accordion-item{overflow:hidden;background-color:var(--content-background)}.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding:var(--content-padding)}.stzh-accordion-item__icon-wrapper.sc-stzh-accordion-item{-ms-flex-item-align:start;align-self:flex-start}.stzh-accordion-item__icon-wrapper.sc-stzh-accordion-item:not(:empty){margin-right:var(--stzh-space-xsmall)}.stzh-accordion-item__badge.sc-stzh-accordion-item{position:absolute;right:-0.3125rem;top:-0.3125rem}.stzh-accordion-item__description.sc-stzh-accordion-item,.stzh-accordion-item__subtitle.sc-stzh-accordion-item{color:var(--stzh-base-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}.stzh-accordion-item__description.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 1024px){.stzh-accordion-item__description.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-accordion-item__heading.sc-stzh-accordion-item,.stzh-accordion-item__description.sc-stzh-accordion-item,.stzh-accordion-item__subtitle.sc-stzh-accordion-item{display:block}.stzh-accordion-item--has-description.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item,.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{padding:var(--stzh-space-medium)}.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1440px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{color:var(--stzh-color-white);background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__description.sc-stzh-accordion-item,.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__subtitle.sc-stzh-accordion-item{color:var(--stzh-color-white)}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button-icon.sc-stzh-accordion-item::before,.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{-webkit-transform:rotate(0) translate(-50%, -50%);transform:rotate(0) translate(-50%, -50%)}.stzh-accordion-item--is-disabled.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{cursor:not-allowed;color:var(--stzh-color-grey61);border-color:var(--stzh-color-grey5);background-color:var(--stzh-color-grey5)}";
 
 const ANIMATION_SHOW = {
   keyframes: [
-    { height: '0', opacity: '0' },
-    { height: 'auto', opacity: '1' }
+    { height: "0", opacity: "0" },
+    { height: "auto", opacity: "1" }
   ],
-  options: { duration: 300, easing: 'linear' }
+  options: { duration: 300, easing: "linear" }
 };
 const ANIMATION_HIDE = {
   keyframes: [
-    { height: 'auto', opacity: '1' },
-    { height: '0', opacity: '0' }
+    { height: "auto", opacity: "1" },
+    { height: "0", opacity: "0" }
   ],
-  options: { duration: 300, easing: 'linear' }
+  options: { duration: 300, easing: "linear" }
 };
 let accordionItemCounter = 0;
 const StzhAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
@@ -27,16 +29,6 @@ const StzhAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
     this.stzhOpened = createEvent(this, "stzhOpened", 7);
     this.stzhClose = createEvent(this, "stzhClose", 7);
     this.stzhClosed = createEvent(this, "stzhClosed", 7);
-    /** Whether fold is open */
-    this.open = false;
-    /** Whether fold disabled */
-    this.disabled = false;
-    /** Heading title */
-    this.heading = "";
-    /** Subtitle */
-    this.subtitle = "";
-    /** Heading level */
-    this.headingLevel = "3";
     this.toggledByMethod = false;
     this.handleHeaderClick = () => {
       this.toggle();
@@ -84,37 +76,49 @@ const StzhAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
         accordion.setItemFocus(this.element, action);
       }
     };
+    this.open = false;
+    this.disabled = false;
+    this.heading = "";
+    this.subtitle = "";
+    this.description = "";
+    this.icon = "";
+    this.badge = "";
+    this.badgeEmpty = false;
+    this.badgeType = "default";
+    this.headingLevel = "3";
   }
   async openWatcher(newValue) {
     if (newValue) {
       if (this.toggledByMethod) {
         this.stzhOpen.emit({
-          component: 'stzh-accordion-item'
+          component: "stzh-accordion-item"
         });
       }
       await stopAnimations(this.bodyElement);
       this.bodyElement.hidden = false;
       await animateTo(this.bodyElement, shimKeyframesHeightAuto(ANIMATION_SHOW.keyframes, this.bodyElement.scrollHeight), ANIMATION_SHOW.options);
-      this.bodyElement.style.height = 'auto';
+      this.bodyElement.style.height = "auto";
+      this.bodyElement.style.overflow = "visible";
       if (this.toggledByMethod) {
         this.stzhOpened.emit({
-          component: 'stzh-accordion-item'
+          component: "stzh-accordion-item"
         });
       }
     }
     else {
       if (this.toggledByMethod) {
         this.stzhClose.emit({
-          component: 'stzh-accordion-item'
+          component: "stzh-accordion-item"
         });
       }
       await stopAnimations(this.bodyElement);
       await animateTo(this.bodyElement, shimKeyframesHeightAuto(ANIMATION_HIDE.keyframes, this.bodyElement.scrollHeight), ANIMATION_HIDE.options);
       this.bodyElement.hidden = true;
-      this.bodyElement.style.height = 'auto';
+      this.bodyElement.style.height = "0px";
+      this.bodyElement.style.overflow = "hidden";
       if (this.toggledByMethod) {
         this.stzhClosed.emit({
-          component: 'stzh-accordion-item'
+          component: "stzh-accordion-item"
         });
       }
     }
@@ -156,17 +160,23 @@ const StzhAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
   }
   componentDidLoad() {
     this.bodyElement.hidden = !this.open;
-    this.bodyElement.style.height = this.open ? "auto" : "0";
+    this.bodyElement.style.height = this.open ? "auto" : "0px";
+    this.bodyElement.style.overflow = this.open ? "visible" : "hidden";
   }
   render() {
     const Heading = `h${this.headingLevel}`;
     const classes = {
       "stzh-accordion-item": true,
+      "stzh-accordion-item--has-description": !!this.description,
       "stzh-accordion-item--has-subtitle": !!this.subtitle,
       "stzh-accordion-item--is-open": this.open,
       "stzh-accordion-item--is-disabled": this.disabled,
     };
-    return (h(Host, null, h("div", { class: classes }, h(Heading, { id: `${this.accordionItemId}-header`, class: "stzh-accordion-item__heading", onClick: this.handleHeaderClick }, h("button", { ref: (el) => (this.buttonElement = el), class: "stzh-accordion-item__button", "aria-controls": `${this.accordionItemId}-content`, "aria-expanded": `${this.open ? "true" : "false"}`, disabled: this.disabled, onKeyDown: this.onButtonKeydown, type: "button" }, h("span", { class: "stzh-accordion-item__button-text" }, h("span", { class: "stzh-accordion-item__subtitle" }, this.subtitle), h("span", { class: "stzh-accordion-item__heading" }, this.heading)), h("span", { class: "stzh-accordion-item__button-icon" }))), h("div", { id: `${this.accordionItemId}-content`, ref: (el) => (this.bodyElement = el), class: "stzh-accordion-item__content", "aria-labelledby": `${this.accordionItemId}-header`, role: "region", onKeyDown: this.onContentKeydown }, h("div", { class: "stzh-accordion-item__content-inner" }, h("slot", null))))));
+    return (h(Host, null, h("div", { class: classes }, h(Heading, { id: `${this.accordionItemId}-header`, class: "stzh-accordion-item__heading", onClick: this.handleHeaderClick }, h("button", { ref: (el) => (this.buttonElement = el), class: "stzh-accordion-item__button", "aria-controls": `${this.accordionItemId}-content`, "aria-expanded": `${this.open ? "true" : "false"}`, disabled: this.disabled, onKeyDown: this.onButtonKeydown, type: "button" }, h("span", { class: "stzh-accordion-item__icon-wrapper" }, this.icon ?
+      h("stzh-icon", { class: "stzh-accordion-item__icon", name: this.icon })
+      :
+        h("slot", { name: "icon" })), h("span", { class: "stzh-accordion-item__button-text" }, h("span", { class: "stzh-accordion-item__subtitle" }, this.subtitle), h("span", { class: "stzh-accordion-item__heading" }, this.heading), h("span", { class: "stzh-accordion-item__description" }, this.description)), h("span", { class: "stzh-accordion-item__button-icon" }), (this.badge || this.badgeEmpty) &&
+      h("stzh-badge", { class: "stzh-accordion-item__badge", label: this.badge, type: this.badgeType }))), h("div", { id: `${this.accordionItemId}-content`, ref: (el) => (this.bodyElement = el), class: "stzh-accordion-item__content", "aria-labelledby": `${this.accordionItemId}-header`, role: "region", onKeyDown: this.onContentKeydown }, h("div", { class: "stzh-accordion-item__content-inner" }, h("slot", null))))));
   }
   get element() { return this; }
   static get watchers() { return {
@@ -178,6 +188,11 @@ const StzhAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
     "disabled": [516],
     "heading": [1],
     "subtitle": [1],
+    "description": [1],
+    "icon": [1],
+    "badge": [1],
+    "badgeEmpty": [516, "badge-empty"],
+    "badgeType": [513, "badge-type"],
     "headingLevel": [513, "heading-level"],
     "show": [64],
     "hide": [64],
@@ -188,13 +203,23 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["stzh-accordion-item"];
+  const components = ["stzh-accordion-item", "stzh-badge", "stzh-icon"];
   components.forEach(tagName => { switch (tagName) {
     case "stzh-accordion-item":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, StzhAccordionItem$1);
       }
       break;
+    case "stzh-badge":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "stzh-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
   } });
 }
 

package/dist/components/stzh-accordion.js

@@ -6,9 +6,7 @@ const StzhAccordion$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   constructor() {
     super();
     this.__registerHost();
-    /** Whether folds are collapsible */
     this.collapsible = true;
-    /** Whether multiple folds can be opened at once */
     this.multiselectable = true;
   }
   openListener(event) {

package/dist/components/stzh-actions.js

@@ -7,10 +7,6 @@ const StzhActions$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   constructor() {
     super();
     this.__registerHost();
-    /** Variant determining what position the action buttons are */
-    this.variant = "form";
-    /** With border separator */
-    this.withBorder = false;
     this.init = () => {
       const secondaryButtons = this.element.querySelectorAll('stzh-button[slot="secondary"], [slot="secondary"] stzh-button');
       const buttons = this.element.querySelectorAll('stzh-button');
@@ -23,6 +19,8 @@ const StzhActions$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
         button.setAttribute("role", "listitem");
       });
     };
+    this.variant = "form";
+    this.withBorder = false;
   }
   connectedCallback() {
     this.init();

package/dist/components/stzh-actionset2.js

@@ -16,22 +16,12 @@ const StzhActionset = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     super();
     this.__registerHost();
     this.stzhActionClick = createEvent(this, "stzhActionClick", 7);
-    /** Variant determining what position the action buttons are */
-    this.variant = "stack";
-    /** Popover button variant */
-    this.popoverButtonVariant = "";
-    /** Popover button size */
-    this.popoverButtonSize = "";
-    /** Popover placement */
-    this.popoverPlacement = "bottom-end";
-    /** Card header actions */
-    this.actions = [];
     this._actions = [];
-    this.actionsCollapsed = [];
-    this.actionClick = (action) => {
+    this.actionClick = (action, originalEvent) => {
       this.stzhActionClick.emit({
         component: "stzh-actionset",
-        action
+        action,
+        originalEvent
       });
     };
     this.update = () => {
@@ -84,6 +74,16 @@ const StzhActionset = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       }
       this.actionsCollapsed = this._actions.slice(newActionsVisible);
     };
+    this.localization = undefined;
+    this.variant = "stack";
+    this.popoverButtonVariant = "";
+    this.popoverButtonSize = "";
+    this.popoverPlacement = "bottom-end";
+    this.actions = [];
+    this.actionsCollapsed = [];
+    this.dynamicActions = undefined;
+    this.isSmall = undefined;
+    this.isMedium = undefined;
   }
   actionsWatcher(newValue) {
     if (typeof newValue === "string") {
@@ -93,14 +93,6 @@ const StzhActionset = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       this._actions = newValue;
     }
   }
-  // handleLoad(e) {
-  //   console.log(e);
-  //   requestAnimationFrame(() => {
-  //   requestAnimationFrame(() => {
-  //     this.update();
-  //   });
-  //   });
-  // }
   handleResize() {
     if (this.debounceResize) {
       window.cancelAnimationFrame(this.debounceResize);
@@ -133,7 +125,7 @@ const StzhActionset = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
         ? action.variant
         : (this.variant === "stack" ? "secondary" : "tertiary"), size: action.size
         ? action.size
-        : (this.variant === "stack" ? "default" : "tiny"), badgePosition: "icon", onClick: () => { this.actionClick(action); } }, h("span", { class: {
+        : (this.variant === "stack" ? "default" : "tiny"), badgePosition: "icon", onClick: (e) => { this.actionClick(action, e); } }, h("span", { class: {
       // "show-medium": action.onlyCollapseText,
       // "hide-when-collapsed": action.onlyCollapseText
       } }, action.label)));
@@ -155,7 +147,7 @@ const StzhActionset = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
         ? this.localization.furtherActions
         : (!this.isMedium ? this.localization.actions : "") }), h("stzh-menu", { slot: "content" }, this.actionsCollapsed.map(action => (h("stzh-menu-item", {
       // class="hide-medium show-when-collapsed"
-      icon: action.icon, badge: action.badge, onClick: () => { this.actionClick(action); }
+      icon: action.icon, badge: action.badge, badgeEmpty: action.badgeEmpty, badgeType: action.badgeType, onClick: (e) => { this.actionClick(action, e); }
     }, action.label)))))))));
   }
   get element() { return this; }

package/dist/components/stzh-anchornav.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface StzhAnchornav extends Components.StzhAnchornav, HTMLElement {}
+export const StzhAnchornav: {
+  prototype: StzhAnchornav;
+  new (): StzhAnchornav;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/stzh-anchornav.js

@@ -0,0 +1,97 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$5 } from './stzh-badge2.js';
+import { d as defineCustomElement$4 } from './stzh-clamp2.js';
+import { d as defineCustomElement$3 } from './stzh-icon2.js';
+import { d as defineCustomElement$2 } from './stzh-link2.js';
+
+const stzhAnchornavCss = ".sc-stzh-anchornav-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-anchornav-h{display:none}.sc-stzh-anchornav-h *.sc-stzh-anchornav,.sc-stzh-anchornav-h *.sc-stzh-anchornav::before,.sc-stzh-anchornav-h *.sc-stzh-anchornav::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-anchornav-h{--columns:1;width:100%}[columns=\"1\"].sc-stzh-anchornav-h{--columns:1}[columns=\"2\"].sc-stzh-anchornav-h{--columns:2}[columns=\"3\"].sc-stzh-anchornav-h{--columns:3}[columns=\"4\"].sc-stzh-anchornav-h{--columns:4}[columns=\"5\"].sc-stzh-anchornav-h{--columns:5}@media screen and (min-width: 600px){[columns-small=\"1\"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 600px){[columns-small=\"2\"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 600px){[columns-small=\"3\"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 600px){[columns-small=\"4\"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 600px){[columns-small=\"5\"].sc-stzh-anchornav-h{--columns:5}}@media screen and (min-width: 800px){[columns-smallheader=\"1\"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 800px){[columns-smallheader=\"2\"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 800px){[columns-smallheader=\"3\"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 800px){[columns-smallheader=\"4\"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 800px){[columns-smallheader=\"5\"].sc-stzh-anchornav-h{--columns:5}}@media screen and (min-width: 1024px){[columns-medium=\"1\"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 1024px){[columns-medium=\"2\"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 1024px){[columns-medium=\"3\"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 1024px){[columns-medium=\"4\"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 1024px){[columns-medium=\"5\"].sc-stzh-anchornav-h{--columns:5}}@media screen and (min-width: 1260px){[columns-large=\"1\"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 1260px){[columns-large=\"2\"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 1260px){[columns-large=\"3\"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 1260px){[columns-large=\"4\"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 1260px){[columns-large=\"5\"].sc-stzh-anchornav-h{--columns:5}}@media screen and (min-width: 1440px){[columns-ultra=\"1\"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 1440px){[columns-ultra=\"2\"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 1440px){[columns-ultra=\"3\"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 1440px){[columns-ultra=\"4\"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 1440px){[columns-ultra=\"5\"].sc-stzh-anchornav-h{--columns:5}}.stzh-anchornav.sc-stzh-anchornav{-moz-column-count:var(--columns);-webkit-column-count:var(--columns);column-count:var(--columns)}.stzh-anchornav__list.sc-stzh-anchornav{margin:calc(var(--stzh-space-xxsmall) / -2)}.stzh-anchornav__item.sc-stzh-anchornav{padding:calc(var(--stzh-space-xxsmall))}.stzh-anchornav--has-border.sc-stzh-anchornav{padding:calc(var(--stzh-space-small)) 0;border-top:0.0625rem solid var(--stzh-base-border-color);border-bottom:0.0625rem solid var(--stzh-base-border-color)}";
+
+const StzhAnchornav$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.stzhItemClick = createEvent(this, "stzhItemClick", 7);
+    this.columns = 1;
+    this.columnsSmall = 0;
+    this.columnsMedium = 0;
+    this.columnsLarge = 0;
+    this.columnsUltra = 0;
+    this.items = [];
+    this.withBorder = false;
+  }
+  appointmentsWatcher(newValue) {
+    if (typeof newValue === "string") {
+      this._items = JSON.parse(newValue);
+    }
+    else {
+      this._items = newValue;
+    }
+  }
+  handleClick(item, originalEvent) {
+    this.stzhItemClick.emit({
+      component: "stzh-anchornav",
+      item,
+      originalEvent
+    });
+  }
+  async componentWillLoad() {
+    this.appointmentsWatcher(this.items);
+  }
+  render() {
+    const classes = {
+      "stzh-anchornav": true,
+      "stzh-anchornav--has-border": this.withBorder
+    };
+    return (h(Host, null, h("div", { class: classes }, h("div", { class: "stzh-anchornav__list", role: "list" }, this._items.map((item) => h("stzh-link", { class: "stzh-anchornav__item", role: "listitem", fullwidth: true, "text-align": "left", href: item.href, icon: item.icon || "angle-right", onClick: (e) => this.handleClick(item, e) }, h("stzh-clamp", { lines: 2 }, item.label)))))));
+  }
+  static get watchers() { return {
+    "items": ["appointmentsWatcher"]
+  }; }
+  static get style() { return stzhAnchornavCss; }
+}, [2, "stzh-anchornav", {
+    "columns": [514],
+    "columnsSmall": [514, "columns-small"],
+    "columnsMedium": [514, "columns-medium"],
+    "columnsLarge": [514, "columns-large"],
+    "columnsUltra": [514, "columns-ultra"],
+    "items": [1],
+    "withBorder": [516, "with-border"]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["stzh-anchornav", "stzh-badge", "stzh-clamp", "stzh-icon", "stzh-link"];
+  components.forEach(tagName => { switch (tagName) {
+    case "stzh-anchornav":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, StzhAnchornav$1);
+      }
+      break;
+    case "stzh-badge":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "stzh-clamp":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "stzh-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "stzh-link":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const StzhAnchornav = StzhAnchornav$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { StzhAnchornav, defineCustomElement };

package/dist/components/stzh-appnav.js

@@ -7,12 +7,6 @@ const StzhAppnav$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   constructor() {
     super();
     this.__registerHost();
-    /** App title shown on tablet/desktop */
-    this.appTitle = "";
-    /** Status displayed next to app title (only displayed if `app-title` is defined) */
-    this.appStatus = "";
-    /** Link of app title (only used if `app-title` is defined) */
-    this.appHref = "";
     this.init = () => {
       const links = this.element.querySelectorAll("stzh-link");
       links.forEach((link) => {
@@ -23,6 +17,9 @@ const StzhAppnav$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
         link.setAttribute("role", "listitem");
       });
     };
+    this.appTitle = "";
+    this.appStatus = "";
+    this.appHref = "";
   }
   connectedCallback() {
     this.init();

package/dist/components/stzh-appointments.js

@@ -21,22 +21,6 @@ const StzhAppointments$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     super();
     this.__registerHost();
     this.stzhChange = createEvent(this, "stzhChange", 7);
-    /** Sort by */
-    this.sortBy = "start";
-    /** Initial selected values */
-    this.appointments = [];
-    /* Selected appointment by value */
-    this.value = "";
-    /* Name of radiogroup form element */
-    this.name = "appointment";
-    /** Nr of items shown */
-    this.showItems = 5;
-    /** Nr of items shown when more link is clicked */
-    this.stepItems = 5;
-    /** Overwrite default calendar title */
-    this.calendarTitle = "";
-    /** Overwrite default appointments title */
-    this.appointmentsTitle = "";
     this.showMoreLink = false;
     this.moreItemsLeft = 0;
     this.showCalendar = false;
@@ -91,6 +75,17 @@ const StzhAppointments$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
         value: this.value
       });
     };
+    this.localization = undefined;
+    this.sortBy = "start";
+    this.appointments = [];
+    this.currentDate = undefined;
+    this.value = "";
+    this.name = "appointment";
+    this.showItems = 5;
+    this.stepItems = 5;
+    this.calendarTitle = "";
+    this.appointmentsTitle = "";
+    this.dateAdapter = undefined;
   }
   currentDateWatcher(newValue) {
     if (!newValue) {

package/dist/components/stzh-audio.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface StzhAudio extends Components.StzhAudio, HTMLElement {}
+export const StzhAudio: {
+  prototype: StzhAudio;
+  new (): StzhAudio;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;