@oiz/stzh-components 2.7.0 → 2.8.0-alpha

package/dist/stzh-components/p-ebcc510d.system.entry.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,s,i){function a(t){return t instanceof s?t:new s((function(e){e(t)}))}return new(s||(s=Promise))((function(s,r){function c(t){try{h(i.next(t))}catch(t){r(t)}}function n(t){try{h(i["throw"](t))}catch(t){r(t)}}function h(t){t.done?s(t.value):a(t.value).then(c,n)}h((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var s={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,a,r,c;return c={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function n(t){return function(e){return h([t,e])}}function h(n){if(i)throw new TypeError("Generator is already executing.");while(c&&(c=0,n[0]&&(s=0)),s)try{if(i=1,a&&(r=n[0]&2?a["return"]:n[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,n[1])).done)return r;if(a=0,r)n=[n[0]&2,r.value];switch(n[0]){case 0:case 1:r=n;break;case 4:s.label++;return{value:n[1],done:false};case 5:s.label++;a=n[1];n=[0];continue;case 7:n=s.ops.pop();s.trys.pop();continue;default:if(!(r=s.trys,r=r.length>0&&r[r.length-1])&&(n[0]===6||n[0]===2)){s=0;continue}if(n[0]===3&&(!r||n[1]>r[0]&&n[1]<r[3])){s.label=n[1];break}if(n[0]===6&&s.label<r[1]){s.label=r[1];r=n;break}if(r&&s.label<r[2]){s.label=r[2];s.ops.push(n);break}if(r[2])s.ops.pop();s.trys.pop();continue}n=e.call(t,s)}catch(t){n=[6,t];a=0}finally{i=r=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};System.register(["./p-7b184ebb.system.js","./p-d4b7a303.system.js","./p-176db2fe.system.js","./p-a408bfba.system.js","./p-60521956.system.js"],(function(t){"use strict";var e,s,i,a,r,c,n,h,o,l,d,z,p;return{setters:[function(t){e=t.r;s=t.c;i=t.f;a=t.h;r=t.F;c=t.a;n=t.g},function(t){h=t.s;o=t.h;l=t.c},function(t){d=t.m},function(t){z=t.f},function(t){p=t.S}],execute:function(){var u='.sc-stzh-card-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-card-h{display:none}.sc-stzh-card-h *.sc-stzh-card,.sc-stzh-card-h *.sc-stzh-card::before,.sc-stzh-card-h *.sc-stzh-card::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-card-h{--box-shadow:var(--stzh-box-shadow-popover);--border-color:var(--stzh-base-border-color);--border-radius:0.1875rem;--content-min-height:7.5rem;--dnd-visibility:hidden;--dnd-opacity:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;border-radius:var(--border-radius)}[collapsed].sc-stzh-card-h:not([collapsed=false]){--content-min-height:none}[checked].sc-stzh-card-h:not([checked=false]){outline:0.1875rem solid var(--stzh-color-primary, var(--stzh-color-zueriblue))}[hide-elevation].sc-stzh-card-h:not([hide-elevation=false]){--box-shadow:none}[hide-elevation].sc-stzh-card-h:not([hide-elevation=false])[href]:hover,[hide-elevation].sc-stzh-card-h:not([hide-elevation=false])[href]:focus-within,[hide-elevation].sc-stzh-card-h:not([hide-elevation=false]).is-selected,[hide-elevation].sc-stzh-card-h:not([hide-elevation=false]).is-chosen,.is-selected [hide-elevation].sc-stzh-card-h:not([hide-elevation=false]),.is-chosen [hide-elevation].sc-stzh-card-h:not([hide-elevation=false]){--box-shadow:var(--stzh-box-shadow-popover)}.is-ghost.sc-stzh-card-h::after,.is-ghost .sc-stzh-card-h::after{border-radius:var(--border-radius)}[href].sc-stzh-card-h:hover,[href].sc-stzh-card-h:focus-within,.is-selected.sc-stzh-card-h,.is-chosen.sc-stzh-card-h,.is-selected .sc-stzh-card-h,.is-chosen .sc-stzh-card-h{--box-shadow:var(--stzh-box-shadow-overlay)}.is-ghost.sc-stzh-card-h,.is-ghost .sc-stzh-card-h{--box-shadow:none;--border-color:transparent;overflow:hidden}.is-drag.sc-stzh-card-h,.is-chosen.sc-stzh-card-h,.is-ghost.sc-stzh-card-h,.is-selected.sc-stzh-card-h,.is-drag .sc-stzh-card-h,.is-chosen .sc-stzh-card-h,.is-ghost .sc-stzh-card-h,.is-selected .sc-stzh-card-h,[is-sortable].sc-stzh-card-h:hover{--dnd-visibility:visible;--dnd-opacity:1}.sc-stzh-card-h .sc-stzh-card-s>*{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.sc-stzh-card-h .sc-stzh-card-s>[slot=image]{width:100%;max-width:100%}.sc-stzh-card-h .sc-stzh-card-s>img[slot=image]{display:block}.sc-stzh-card-h .sc-stzh-card-s>[slot=meta]:not(:last-child){margin-right:var(--stzh-space-xsmall)}.sc-stzh-card-h .sc-stzh-card-s>table{border:0;border-spacing:0}.sc-stzh-card-h .sc-stzh-card-s>table th{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.sc-stzh-card-h .sc-stzh-card-s>table td,.sc-stzh-card-h .sc-stzh-card-s>table th{padding:0}.sc-stzh-card-h .sc-stzh-card-s>table td{color:var(--stzh-color-black);padding-left:var(--stzh-space-xsmall)}.sc-stzh-card-h .sc-stzh-card-s>[slot=heading],.stzh-card__title.sc-stzh-card{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.sc-stzh-card-h .sc-stzh-card-s>[slot=heading],.stzh-card__title.sc-stzh-card{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 1024px){.sc-stzh-card-h .sc-stzh-card-s>[slot=heading],.stzh-card__title.sc-stzh-card{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-regular-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing)}}.stzh-card.sc-stzh-card{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:var(--stzh-color-white);border-radius:var(--border-radius);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);border-width:0.0625rem;border-style:solid;border-color:var(--border-color);-webkit-transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed), -webkit-box-shadow var(--stzh-base-transition-animation-speed)}@media screen and (max-width: 1023px){.stzh-card.sc-stzh-card .vshow-medium.sc-stzh-card{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}@media screen and (max-width: 1023px){.stzh-card.sc-stzh-card .show-medium.sc-stzh-card{display:none}}@media screen and (min-width: 1024px){.stzh-card.sc-stzh-card .hide-medium.sc-stzh-card{display:none}}.stzh-card__content-wrapper.sc-stzh-card{position:relative;-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:var(--content-min-height)}.stzh-card__dnd.sc-stzh-card{--size:var(--stzh-icon-size-xsmall);position:absolute;left:0.1875rem;top:1.4375rem;display:-ms-flexbox;display:flex;visibility:var(--dnd-visibility);opacity:var(--dnd-opacity);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);display:none}@media screen and (min-width: 1024px){.stzh-card__dnd.sc-stzh-card{display:block}}@media screen and (min-width: 1260px){.stzh-card__dnd.sc-stzh-card{left:0.25rem;top:1.6875rem}}.stzh-card__header.sc-stzh-card{padding:var(--stzh-space-medium);border-bottom:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.stzh-card__header.sc-stzh-card{padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card__header.sc-stzh-card{padding:var(--stzh-space-xlarge)}}.stzh-card__header-top.sc-stzh-card{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}.stzh-card__header-meta.sc-stzh-card:not(:empty){display:-ms-inline-flexbox;display:inline-flex;margin-top:var(--stzh-space-xsmall)}.stzh-card__header-left.sc-stzh-card,.stzh-card__header-right.sc-stzh-card{display:-ms-flexbox;display:flex}.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-medium)}}.stzh-card__left.sc-stzh-card{-ms-flex-item-align:center;align-self:center}.stzh-card__title-area.sc-stzh-card{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden}.stzh-card__title.sc-stzh-card,.stzh-card__subtitle.sc-stzh-card{margin:0}.stzh-card__title-link.sc-stzh-card{color:inherit;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-card__image-link.sc-stzh-card{display:block}.stzh-card__subtitle.sc-stzh-card{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);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-text-decoration-line:none;text-decoration-line:none;margin-left:-0.5625em}@media screen and (min-width: 1024px){.stzh-card__subtitle.sc-stzh-card{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-card__subtitle-text.sc-stzh-card{position:relative;display:-ms-inline-flexbox;display:inline-flex;padding-left:0.5625em}.stzh-card__subtitle-text.sc-stzh-card::after{content:",";position:absolute;left:0}.stzh-card__content.sc-stzh-card{-ms-flex-positive:1;flex-grow:1}.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-xlarge)}}.stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-medium);border-top:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-xlarge)}}.stzh-card__footer-arrow.sc-stzh-card{--size:var(--stzh-icon-size-medium);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-card__card-actions.sc-stzh-card{display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}@media screen and (max-width: 1023px){.stzh-card__card-action.sc-stzh-card{--icon-text-margin:0px;--badge-icon-text-margin:0px}}.stzh-card__card-action[variant=tertiary].sc-stzh-card{--color:var(--stzh-color-grey70)}.stzh-card__card-action.is-button.sc-stzh-card{--icon-size:var(--stzh-icon-size-small)}.stzh-card__card-action.is-placeholder.sc-stzh-card{width:var(--stzh-space-xxlarge);height:var(--stzh-space-xxlarge)}.stzh-card__card-action-popover.sc-stzh-card{--width:auto}.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card{color:var(--stzh-color-primary, var(--stzh-color-zueriblue));-webkit-text-decoration-line:none;text-decoration-line:none;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius)}.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card::before,.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card::after{z-index:1}.stzh-card--has-link.sc-stzh-card .stzh-card__card-actions.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__header-meta.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__footer-actionset.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__footer-select-button.sc-stzh-card{position:relative;z-index:2}.stzh-card--has-link.sc-stzh-card .stzh-card__image-link.sc-stzh-card:hover+.stzh-card__content-wrapper.sc-stzh-card .stzh-card__title-link.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card:hover,.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-card--has-link.sc-stzh-card:hover .stzh-card__footer-arrow.sc-stzh-card{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{cursor:pointer;font-family:inherit;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card:hover,.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-card--is-collapsible.sc-stzh-card .stzh-card__header.sc-stzh-card{cursor:pointer}.stzh-card--is-collapsed.sc-stzh-card .vhide-when-collapsed.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__header.sc-stzh-card .vhide-when-collapsed.sc-stzh-card{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-card--is-collapsed.sc-stzh-card .hide-when-collapsed.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__header.sc-stzh-card .hide-when-collapsed.sc-stzh-card{display:none}.stzh-card--is-collapsed.sc-stzh-card .show-when-collapsed.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__header.sc-stzh-card .show-when-collapsed.sc-stzh-card{display:block}.stzh-card--is-collapsed.sc-stzh-card .stzh-card__header.sc-stzh-card{border-bottom:none}.stzh-card--is-collapsed.sc-stzh-card .stzh-card__card-action.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__card-action.sc-stzh-card{--icon-text-margin:0px;--badge-icon-text-margin:0px}.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card:hover,.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-card--has-hidden-header-border.sc-stzh-card .stzh-card__header.sc-stzh-card{border-bottom:none;padding-bottom:0}.stzh-card--has-hidden-footer-border.sc-stzh-card .stzh-card__footer.sc-stzh-card:not(:empty){padding-top:0;border-top:none}';var f=t("stzh_card",function(){function t(t){var a=this;e(this,t);this.stzhClick=s(this,"stzhClick",7);this.stzhCollapse=s(this,"stzhCollapse",7);this.stzhSubtitleClick=s(this,"stzhSubtitleClick",7);this.stzhStarClick=s(this,"stzhStarClick",7);this.stzhHeaderActionClick=s(this,"stzhHeaderActionClick",7);this._subtitles=[];this.nodeChange=function(t){var e=false;t.forEach((function(t){if(t.target.closest("[slot]")||t.target.hasAttribute("slot")){e=true}}));if(e){i(a.element)}};this.update=function(){if(!a.mainElement){return}a.mainElement.classList.remove("stzh-card--has-collapsed-header");if(d("medium").matches){var t=a.headerElement.clientWidth;var e=a.headerLeftElement.clientWidth;var s=a.headerRightElement.clientWidth;if(t-e<=s){a.mainElement.classList.add("stzh-card--has-collapsed-header")}}};this.headerClick=function(t){if(!a.collapsible){return}var e=["stzh-popover","stzh-tooltip","button","a","input","select","textarea","iframe","details","label","area"];var s=t.composedPath().map((function(t){var e;return(e=t.tagName)===null||e===void 0?void 0:e.toLowerCase()}));var i=s.some((function(t){return e.includes(t)}));if(!i){a.collapsed=!a.collapsed;a.stzhCollapse.emit({component:"stzh-card",collapsed:a.collapsed})}};this.subtitleClick=function(){if(a.subtitleInteractive){a.stzhSubtitleClick.emit({component:"stzh-card"})}};this.starToggleClick=function(){a.stzhStarClick.emit({component:"stzh-card",starred:a.starred})};this.actionClick=function(t){a.stzhHeaderActionClick.emit({component:"stzh-card",action:t})};this.arrowUpClick=function(){var t=a.element.closest("stzh-sortable");if(t){var e=a.findSortableChildElement();t.moveItem(e,"up")}};this.arrowDownClick=function(){var t=a.element.closest("stzh-sortable");if(t){var e=a.findSortableChildElement();t.moveItem(e,"down")}};this.updateElementInsideSortable=function(){var t=a.element.closest("stzh-sortable");if(!t){a.sortable.removeEventListener("stzhUpdate",a.updateElementInsideSortable);a.sortable.removeEventListener("stzhDisable",a.updateElementInsideSortable);return}if(a.element){i(a.element)}};this.init=function(){var t=a.element.querySelectorAll('stzh-chip[slot="meta"], [slot="meta"] stzh-chip');t.forEach((function(t){h(t,{size:"small"})}))};this.handleResize=function(){if(a.debounceResize){window.cancelAnimationFrame(a.debounceResize)}a.debounceResize=requestAnimationFrame(a.update)};this.handleMutation=function(t){a.init();a.nodeChange(t)};this.handleSelectionChange=function(t){a.checked=t.detail.checked};this.cardClick=function(t){a.stzhClick.emit({component:"stzh-card",originalEvent:t})};this.localization=undefined;this.collapsed=false;this.starred=false;this.starrable=false;this.selectable=false;this.checked=false;this.name="";this.href=undefined;this.target=undefined;this.value="";this.disabled=false;this.withArrow=false;this.heading="";this.subtitle="";this.headerActions=[];this.footerActions=[];this.subtitleInteractive=false;this.sortableDisabled=false;this.collapsible=false;this.hideHeaderBorder=false;this.hideFooterBorder=false;this.hideElevation=false;this.hideMovementActions=false;this.analyticsId=undefined}t.prototype.subtitleWatcher=function(t){if(typeof t==="string"){try{this._subtitles=JSON.parse(t)}catch(e){this._subtitles=[t]}}else{this._subtitles=t}};t.prototype.headerActionsWatcher=function(t){if(typeof t==="string"){this._headerActions=JSON.parse(t)}else{this._headerActions=t}};t.prototype.footerActionsWatcher=function(t){if(typeof t==="string"){this._footerActions=JSON.parse(t)}else{this._footerActions=t}};t.prototype.collapsedWatcher=function(){this.handleResize()};t.prototype.findSortableChildElement=function(){var t=this.element.closest("stzh-sortable");if(t){var e=this.element;var s=null;if(typeof t.container==="function"){s=t.container()}else{s=t.container}while(e.parentElement&&e.parentElement!==s){e=e.parentElement}return e}};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.subtitleWatcher(this.subtitle);this.headerActionsWatcher(this.headerActions);this.footerActionsWatcher(this.footerActions);if(!!this.localization)return[3,2];t=this;return[4,z(this.element,"card")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.componentDidLoad=function(){this.sortable=this.element.closest("stzh-sortable");if(this.sortable){this.sortable.addEventListener("stzhUpdate",this.updateElementInsideSortable);this.sortable.addEventListener("stzhDisable",this.updateElementInsideSortable)}};t.prototype.componentDidRender=function(){var t=this;requestAnimationFrame((function(){t.imageLinkElement.setAttribute("s-object-id",t.analyticsId||t.headingTextElement.innerText);t.titleLinkElement.setAttribute("s-object-id",t.analyticsId||t.headingTextElement.innerText)}))};t.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.handleMutation);this.observer.observe(this.element,{childList:true,subtree:true});this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element)};t.prototype.disconnectedCallback=function(){if(this.observer){this.observer.disconnect()}if(this.resizeObserver){this.resizeObserver.disconnect()}};t.prototype.render=function(){var t=this;var e,s,i;var n=o(this.element,"image");var h=o(this.element,"content");var l="".concat(this.subtitleInteractive?"button":"span");var d=this.findSortableChildElement();var z=(d===null||d===void 0?void 0:d.parentElement)&&Array.from((e=d===null||d===void 0?void 0:d.parentElement)===null||e===void 0?void 0:e.children).indexOf(d)===0;var p=(d===null||d===void 0?void 0:d.parentElement)&&Array.from((s=d===null||d===void 0?void 0:d.parentElement)===null||s===void 0?void 0:s.children).indexOf(d)===((i=d===null||d===void 0?void 0:d.parentElement)===null||i===void 0?void 0:i.children.length)-1;var u=!this.sortableDisabled&&this.sortable&&!this.sortable.disabled;var f=u&&!this.hideMovementActions;var m=this._headerActions.filter((function(t){return!t.onlyCollapseText}));var v={"stzh-card":true,"stzh-card--has-link":!!this.href,"stzh-card--has-image":n,"stzh-card--has-content":h,"stzh-card--has-subtitle":!!this.subtitle,"stzh-card--has-subtitle-interactive":!!this.subtitle&&this.subtitleInteractive,"stzh-card--has-hidden-header-border":this.hideHeaderBorder,"stzh-card--has-hidden-footer-border":this.hideFooterBorder,"stzh-card--is-collapsible":this.collapsible,"stzh-card--is-collapsed":this.collapsed,"stzh-card--is-starred":this.starred,"stzh-card--is-checked":this.checked,"stzh-card--is-sortable":u};return a(c,{role:"listitem","aria-label":this.heading,"is-sortable":u},a("article",{ref:function(e){return t.mainElement=e},class:v},a("a",{ref:function(e){return t.imageLinkElement=e},"aria-hidden":"true",tabindex:"-1",class:"stzh-card__image-link",href:this.href,target:this.target,onClick:this.href?this.cardClick:null},a("slot",{name:"image"})),a("div",{class:"stzh-card__content-wrapper"},a("stzh-icon",{class:"stzh-card__dnd",name:"drag"}),a("header",{ref:function(e){return t.headerElement=e},class:"stzh-card__header",onClick:this.headerClick},a("div",{class:"stzh-card__header-top"},a("div",{ref:function(e){return t.headerLeftElement=e},class:"stzh-card__header-left"},a("div",{class:"stzh-card__title-area"},a("h3",{class:"stzh-card__title"},a("a",{ref:function(e){return t.titleLinkElement=e},class:"stzh-card__title-link",href:this.href,target:this.target,onClick:this.href?this.cardClick:null},a("div",{ref:function(e){return t.headingTextElement=e}},this.heading?this.heading:a("slot",{name:"heading"})))),this._subtitles.length>0&&a(l,{class:"stzh-card__subtitle",onClick:this.subtitleClick},this._subtitles.map((function(t){return a("span",{class:"stzh-card__subtitle-text"},t)}))))),a("div",{ref:function(e){return t.headerRightElement=e},class:"stzh-card__header-right"},a("div",{class:"stzh-card__card-actions"},this._headerActions.map((function(e){return a("stzh-button",{class:{"stzh-card__card-action":true,"is-button":true,"show-medium":!e.onlyCollapseText,"hide-when-collapsed":!e.onlyCollapseText,"hide-text-when-collapsed":e.onlyCollapseText},icon:e.icon,badge:e.badge,badgeEmpty:e.badgeEmpty,badgeType:e.badgeType,variant:"tertiary",size:"tiny",badgePosition:"icon",onClick:function(){t.actionClick(e)}},a("span",{class:{"vshow-medium":e.onlyCollapseText,"vhide-when-collapsed":e.onlyCollapseText}},e.label))})),this.starrable&&a("stzh-tooltip",null,a("stzh-button",{class:"stzh-card__card-action is-star",icon:this.starred?"star-filled":"star",variant:"tertiary",size:"tiny",iconOnly:true,onClick:this.starToggleClick}),a("div",{slot:"content"},this.starred?this.localization.actionRemove:this.localization.actionAdd)),(m.length>0||this.starrable||f)&&a("stzh-popover",{label:this.localization.actionsPopoverLabel,placement:"bottom-end",class:{"stzh-card__card-action-popover":true,"hide-medium show-when-collapsed":!this.starrable&&!f}},a("stzh-button",{class:"stzh-card__card-action is-further",variant:"tertiary",size:"tiny",icon:"more-vertical",iconOnly:true}),a("stzh-menu",{slot:"content"},this.starrable&&a("stzh-menu-item",{icon:this.starred?"star-filled":"star",onClick:this.starToggleClick},this.starred?this.localization.actionRemove:this.localization.actionAdd),m.map((function(e){return a("stzh-menu-item",{class:"hide-medium show-when-collapsed",icon:e.icon,badge:e.badge,badgeEmpty:e.badgeEmpty,badgeType:e.badgeType,onClick:function(){t.actionClick(e)}},e.label)})),f&&a(r,null,!z&&a("stzh-menu-item",{icon:"arrow-up",onClick:this.arrowUpClick},this.localization.actionMoveUp),!p&&a("stzh-menu-item",{icon:"arrow-down",onClick:this.arrowDownClick},this.localization.actionMoveDown))))))),a("div",{class:"stzh-card__header-meta"},a("slot",{name:"meta"}))),a("div",{class:"stzh-card__content hide-when-collapsed"},a("slot",{name:"content"})),a("div",{class:"stzh-card__footer hide-when-collapsed"},a("slot",{name:"footer"},this._footerActions.length>0&&a("stzh-actionset",{class:"stzh-card__footer-actionset",actions:this._footerActions}),this.selectable&&a("stzh-button",{class:"stzh-card__footer-select-button",fullwidth:true,type:"radio",variant:"secondary",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,label:this.localization.select,onStzhChange:this.handleSelectionChange}),this.withArrow&&a("stzh-icon",{class:"stzh-card__footer-arrow",name:"arrow-right-long"}))))))};Object.defineProperty(t.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{subtitle:["subtitleWatcher"],headerActions:["headerActionsWatcher"],footerActions:["footerActionsWatcher"],collapsed:["collapsedWatcher"]}},enumerable:false,configurable:true});return t}());f.style=u;var m=".sc-stzh-card-list-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-card-list-h{display:none}.sc-stzh-card-list-h *.sc-stzh-card-list,.sc-stzh-card-list-h *.sc-stzh-card-list::before,.sc-stzh-card-list-h *.sc-stzh-card-list::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-card-list-h[layout=fullwidth] .sc-stzh-card-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.sc-stzh-card-list-h[layout=fullwidth] .sc-stzh-card-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-card-list-h[layout=fullwidth] .sc-stzh-card-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-xlarge)}}.sc-stzh-card-list-h[layout=subpages] .sc-stzh-card-list-s>*:not([slot]){width:100%;margin:calc(var(--stzh-grid-gutter) / 2)}@media screen and (min-width: 600px){.sc-stzh-card-list-h[layout=subpages] .sc-stzh-card-list-s>*:not([slot]){width:calc(50% - var(--stzh-grid-gutter-small));margin:calc(var(--stzh-grid-gutter-small) / 2)}}@media screen and (min-width: 1024px){.sc-stzh-card-list-h[layout=subpages] .sc-stzh-card-list-s>*:not([slot]){width:calc(33.333% - var(--stzh-grid-gutter-medium));margin:calc(var(--stzh-grid-gutter-medium) / 2)}}.sc-stzh-card-list-h .sc-stzh-card-list-s>[slot=description] stzh-icon{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.sc-stzh-card-list-h .sc-stzh-card-list-s>stzh-text[slot=description]{--color:inherit}.stzh-card-list__cards.sc-stzh-card-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-card-list__header.sc-stzh-card-list{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}@media screen and (min-width: 800px){.stzh-card-list__header.sc-stzh-card-list{-ms-flex-direction:row;flex-direction:row}}.stzh-card-list__description.sc-stzh-card-list{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);color:var(--stzh-base-lead-color)}@media screen and (min-width: 1024px){.stzh-card-list__description.sc-stzh-card-list{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-card-list__description.sc-stzh-card-list:not(:empty){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 800px){.stzh-card-list__description.sc-stzh-card-list:not(:empty){margin-bottom:0}}.stzh-card-list__switch.sc-stzh-card-list{--color:var(--stzh-base-lead-color);-ms-flex-item-align:end;align-self:end}.stzh-card-list--has-header.sc-stzh-card-list .stzh-card-list__header.sc-stzh-card-list{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-card-list--has-header.sc-stzh-card-list .stzh-card-list__header.sc-stzh-card-list{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card-list--has-header.sc-stzh-card-list .stzh-card-list__header.sc-stzh-card-list{margin-bottom:var(--stzh-space-xlarge)}}.stzh-card-list--layout-subpages.sc-stzh-card-list .stzh-card-list__cards.sc-stzh-card-list{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:calc(var(--stzh-grid-gutter) / -2)}@media screen and (min-width: 600px){.stzh-card-list--layout-subpages.sc-stzh-card-list .stzh-card-list__cards.sc-stzh-card-list{margin:calc(var(--stzh-grid-gutter-small) / -2)}}@media screen and (min-width: 1024px){.stzh-card-list--layout-subpages.sc-stzh-card-list .stzh-card-list__cards.sc-stzh-card-list{margin:calc(var(--stzh-grid-gutter-medium) / -2)}}";var v=t("stzh_card_list",function(){function t(t){var i=this;e(this,t);this.stzhCollapseAll=s(this,"stzhCollapseAll",7);this.collapseClick=function(){var t=Array.from(i.element.querySelectorAll("stzh-card"));t.forEach((function(t){if(t.collapsible){t.collapsed=!i.allCollapsed}}));i.allCollapsed=!i.allCollapsed;i.stzhCollapseAll.emit({component:"stzh-card-list",allCollapsed:i.allCollapsed})};this.updateCollapsedState=function(){var t=Array.from(i.element.querySelectorAll("stzh-card"));i.allCollapsed=!t.some((function(t){return!t.collapsed}))};this.sortableGhostClone=function(t){var e=l(t),s=e[0],i=e[1],a=e[2];if(i&&a&&i.tagName.toLowerCase()==="stzh-card"){var r=i;var c=a;r.heading=c.heading;r.subtitle=c.subtitle;r.headerActions=c.headerActions;r.footerActions=c.footerActions;r.hideMovementActions=c.hideMovementActions}return s};this.localization=undefined;this.layout="fullwidth";this.description=undefined;this.showToggleLink=false;this.sortableEnabled=false;this.sortableDataIdAttribute="data-id";this.allCollapsed=false}t.prototype.collapseListener=function(){this.updateCollapsedState()};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(!!this.localization)return[3,2];t=this;return[4,z(this.element,"card-list")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.componentDidLoad=function(){this.updateCollapsedState()};t.prototype.render=function(){var t;var e=o(this.element,"description")||!!this.description;var s=(t={"stzh-card-list":true,"stzh-card-list--has-header":this.showToggleLink||e},t["stzh-card-list--layout-".concat(this.layout)]=!!this.layout,t);return a(c,null,a("div",{class:s},a("div",{class:"stzh-card-list__header"},a("div",{class:"stzh-card-list__description"},this.description?this.description:a("slot",{name:"description"})),this.showToggleLink&&a("stzh-link",{class:"stzh-card-list__switch",icon:this.allCollapsed?"list-expanded":"list-shrinked",label:this.allCollapsed?this.localization.expandAll:this.localization.collapseAll,onClick:this.collapseClick})),a("stzh-sortable",{disabled:!this.sortableEnabled,dataIdAttribute:this.sortableDataIdAttribute,ghostClone:this.sortableGhostClone},a("div",{class:"stzh-card-list__cards",role:"list"},a("slot",null)))))};Object.defineProperty(t.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return t}());v.style=m;var b=".sc-stzh-chip-select-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-chip-select-h{display:none}.sc-stzh-chip-select-h *.sc-stzh-chip-select,.sc-stzh-chip-select-h *.sc-stzh-chip-select::before,.sc-stzh-chip-select-h *.sc-stzh-chip-select::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.stzh-chip-select__marker-symbol.sc-stzh-chip-select{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-chip-select__marker-text.sc-stzh-chip-select{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-chip-select__description-wrapper.sc-stzh-chip-select{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-chip-select__error.sc-stzh-chip-select,.stzh-chip-select__description.sc-stzh-chip-select{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-chip-select__error.sc-stzh-chip-select{color:var(--stzh-color-error)}.stzh-chip-select__error-list.sc-stzh-chip-select{list-style:none;margin:0;padding:0}.stzh-chip-select__description.sc-stzh-chip-select{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-chip-select__description-long.sc-stzh-chip-select{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-chip-select__description-long-popover.sc-stzh-chip-select{--width:auto;--max-width:27.3125rem}.stzh-chip-select__description-long-popover[open].sc-stzh-chip-select:not([open=false]) .stzh-chip-select__description-long-button.sc-stzh-chip-select{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-chip-select__description-long-button.sc-stzh-chip-select{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-chip-select__description-long-button.sc-stzh-chip-select:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-chip-select.sc-stzh-chip-select stzh-icon.stzh-chip-select__description-long-icon.sc-stzh-chip-select{--size:var(--stzh-icon-size-xsmall)}.stzh-chip-select--has-error.sc-stzh-chip-select .stzh-chip-select__error.sc-stzh-chip-select,.stzh-chip-select--has-description.sc-stzh-chip-select .stzh-chip-select__description.sc-stzh-chip-select{margin-top:var(--stzh-space-xxsmall)}.stzh-chip-select__chips.sc-stzh-chip-select{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:calc(var(--stzh-space-small) / -2) calc(var(--stzh-space-xsmall) / -2);border-radius:var(--stzh-button-border-radius)}@media screen and (max-width: 1023px){.stzh-chip-select__chips.sc-stzh-chip-select{display:none}}.stzh-chip-select__chip.sc-stzh-chip-select{margin:calc(var(--stzh-space-small) / 2) calc(var(--stzh-space-xsmall) / 2)}.stzh-chip-select__chip.is-focused.sc-stzh-chip-select,.stzh-chip-select__chip.is-focused[active].sc-stzh-chip-select:not([active=false]){--border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-chip-select__chip.is-focused[active].sc-stzh-chip-select:not([active=false]){--background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media screen and (min-width: 1024px){.stzh-chip-select__dropdown.sc-stzh-chip-select{display:none}}@media screen and (max-width: 1023px){.stzh-chip-select__description-wrapper.sc-stzh-chip-select{display:none}}.stzh-chip-select--has-error.sc-stzh-chip-select .stzh-chip-select__error.sc-stzh-chip-select,.stzh-chip-select--has-description.sc-stzh-chip-select .stzh-chip-select__description.sc-stzh-chip-select{margin-top:var(--stzh-space-xsmall)}";var g=0;var _=t("stzh_chip_select",function(){function t(t){var i=this;e(this,t);this.stzhChange=s(this,"stzhChange",7);this._data=[];this._dataDropdown=[];this.handleChipClick=function(t,e){i.value=t.value;i.activeFocusOptionIndex=e;i.stzhChange.emit({component:"stzh-chip-select",value:i.value})};this.handleDropdownChange=function(t){i.value=t.detail.value;i.activeFocusOptionIndex=i._data.findIndex((function(t){return t.value===i.value}));i.stzhChange.emit({component:"stzh-chip-select",value:i.value})};this.handleKeydown=function(t){var e=null;var s=i.activeFocusOptionIndex;if(t.key==="ArrowUp"||t.key==="ArrowLeft"){t.preventDefault();if(s>0){e=s-1}}else if(t.key==="ArrowDown"||t.key==="ArrowRight"){t.preventDefault();if(s<i._data.length-1){e=s+1}}else if(t.key===" "||t.key==="Enter"){t.preventDefault();i.value=i._data[s].value;i.stzhChange.emit({component:"stzh-chip-select",value:i.value})}if(e!==null){i.activeFocusOptionIndex=e}};this.localization=undefined;this.data=[];this.name=undefined;this.label="";this.value="";this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.invalid=false;this.required=false;this.disabled=false;this.a11yDescribedby="";this.activeFocusOptionIndex=0}t.prototype.dataWatcher=function(t){if(typeof t==="string"){this._data=JSON.parse(t)}else{this._data=t}this._dataDropdown=this._data.map((function(t){return{text:"".concat(t.label," (").concat(t.counter,")"),value:t.value}}))};t.prototype.errorWatcher=function(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(e){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}this.invalid=this._error.length>0};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.id="stzh-chip-select-".concat(g++);this.dataWatcher(this.data);this.errorWatcher(this.error);if(!!this.localization)return[3,2];t=this;return[4,z(this.element,"chip-select")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.render=function(){var t=this;var e=!!this.description;var s=!!this.descriptionLong;var i=!!this.error;var r={"stzh-chip-select":true,"stzh-chip-select--has-description":e,"stzh-chip-select--has-description-long":s,"stzh-chip-select--has-error":i,"stzh-chip-select--is-invalid":this.invalid,"stzh-chip-select--is-disabled":this.disabled,"stzh-chip-select--is-required":this.required};return a(c,null,a("div",{class:r},a("input",{type:"hidden",name:this.name,value:this.value}),a("div",{class:"stzh-chip-select__chips",role:"listbox",tabindex:"0","aria-multiselectable":"false","aria-activedescendant":"".concat(this.id,"-option-").concat(this.activeFocusOptionIndex),"aria-describedby":"".concat(this.id,"-description ").concat(this.a11yDescribedby),onKeyDown:this.handleKeydown},this._data.map((function(e,s){return a("stzh-chip",{role:"option",class:{"stzh-chip-select__chip":true,"is-focused":t.activeFocusOptionIndex===s},label:e.label,counter:e.counter,icon:e.icon,type:e.type,variant:e.variant,size:e.size,disabled:t.disabled||e.disabled,active:t.value===e.value,"aria-selected":t.value===e.value?"true":"false",id:"".concat(t.id,"-option-").concat(s),a11yTabindex:"-1",onClick:function(){return t.handleChipClick(e,s)}})}))),a(p,{classPrefix:"stzh-chip-select",id:"".concat(this.id,"-description"),error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:s,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel}),a("stzh-dropdown",{class:"stzh-chip-select__dropdown",disabled:this.disabled,error:this._error,description:this.description,descriptionLong:this.descriptionLong,required:this.required,invalid:this.invalid,items:[this.value],label:this.label,options:this._dataDropdown,onStzhChange:this.handleDropdownChange})))};Object.defineProperty(t.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{data:["dataWatcher"],error:["errorWatcher"]}},enumerable:false,configurable:true});return t}());_.style=b}}}));
-//# sourceMappingURL=p-ebcc510d.system.entry.js.map

package/dist/stzh-components/p-ebcc510d.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhCardCss","StzhCard","exports","this","_subtitles","nodeChange","entries","changeInSlot","forEach","entry","target","closest","hasAttribute","forceUpdate","_this","element","update","mainElement","classList","remove","media","matches","headerWidth","headerElement","clientWidth","leftWidth","headerLeftElement","rightWidth","headerRightElement","add","headerClick","event","collapsible","filterTags","composedPathTags","composedPath","map","_a","tagName","toLowerCase","found","some","r","includes","collapsed","stzhCollapse","emit","component","subtitleClick","subtitleInteractive","stzhSubtitleClick","starToggleClick","stzhStarClick","starred","actionClick","action","stzhHeaderActionClick","arrowUpClick","sortable","findSortableChildElement","moveItem","arrowDownClick","updateElementInsideSortable","currentSortable","removeEventListener","init","chips","querySelectorAll","chip","setPropsIfNull","size","handleResize","debounceResize","window","cancelAnimationFrame","requestAnimationFrame","handleMutation","handleSelectionChange","checked","detail","cardClick","originalEvent","stzhClick","class_1","prototype","subtitleWatcher","newValue","JSON","parse","err","headerActionsWatcher","_headerActions","footerActionsWatcher","_footerActions","collapsedWatcher","sortableContainer","container","parentElement","componentWillLoad","subtitle","headerActions","footerActions","localization","_d","fetchTranslations","_e","sent","componentDidLoad","addEventListener","componentDidRender","imageLinkElement","setAttribute","analyticsId","headingTextElement","innerText","titleLinkElement","connectedCallback","observer","MutationObserver","observe","childList","subtree","resizeObserver","ResizeObserver","disconnectedCallback","disconnect","render","imageUsed","hasSlot","contentUsed","Subtitle","concat","sortableChildElement","isFirstItemInSortable","Array","from","children","indexOf","isLastItemInSortable","_b","_c","length","sortableEnabled","sortableDisabled","disabled","sortableActionsEnabled","hideMovementActions","nonCollapsingTextHeaderActions","filter","onlyCollapseText","classes","href","hideHeaderBorder","hideFooterBorder","h","Host","role","heading","ref","el","class","tabindex","onClick","name","icon","badge","badgeEmpty","badgeType","variant","badgePosition","label","starrable","iconOnly","slot","actionRemove","actionAdd","actionsPopoverLabel","placement","Fragment","actionMoveUp","actionMoveDown","actions","selectable","fullwidth","type","value","select","onStzhChange","withArrow","stzhCardListCss","StzhCardList","collapseClick","cards","card","allCollapsed","stzhCollapseAll","updateCollapsedState","sortableGhostClone","dragElement","cloneWrappedStzhElement","clonedElement","clonedStzhElement","originalStzhElement","clonedStzhElementCard","originalStzhElementCard","class_2","collapseListener","descriptionSlotUsed","description","showToggleLink","layout","expandAll","collapseAll","dataIdAttribute","sortableDataIdAttribute","ghostClone","stzhChipSelectCss","chipSelectCounter","StzhChipSelect","_data","_dataDropdown","handleChipClick","data","index","activeFocusOptionIndex","stzhChange","handleDropdownChange","findIndex","handleKeydown","newActiveIndex","activeOptionIndex","key","preventDefault","class_3","dataWatcher","text","counter","errorWatcher","_error","e","invalid","id","error","descriptionUsed","descriptionLongUsed","descriptionLong","errorUsed","required","a11yDescribedby","onKeyDown","active","a11yTabindex","StzhInputDescription","classPrefix","moreInfoButtonLabel","$globals","items","options"],"sources":["src/components/stzh-card/stzh-card.scss?tag=stzh-card&encapsulation=scoped","src/components/stzh-card/stzh-card.tsx","src/components/stzh-card-list/stzh-card-list.scss?tag=stzh-card-list&encapsulation=scoped","src/components/stzh-card-list/stzh-card-list.tsx","src/components/stzh-chip-select/stzh-chip-select.scss?tag=stzh-chip-select&encapsulation=scoped","src/components/stzh-chip-select/stzh-chip-select.tsx"],"sourcesContent":[":host {\n  --box-shadow: #{$boxShadowPopover};\n  --border-color: #{$baseBorderColor};\n  --border-radius: 3px;\n\n  --content-min-height: 120px;\n\n  --dnd-visibility: hidden;\n  --dnd-opacity: 0;\n\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  border-radius: var(--border-radius);\n\n  &[collapsed]:not([collapsed=\"false\"]) {\n    --content-min-height: none;\n  }\n\n  &[checked]:not([checked=\"false\"]) {\n    outline: 3px solid $colorPrimary;\n  }\n\n  &[hide-elevation]:not([hide-elevation=\"false\"]) {\n    --box-shadow: none;\n\n    &[href]:hover,\n    &[href]:focus-within,\n    &.is-selected,\n    &.is-chosen,\n    .is-selected &,\n    .is-chosen & {\n      --box-shadow: #{$boxShadowPopover};\n    }\n  }\n\n  &.is-ghost::after,\n  .is-ghost &::after {\n    border-radius: var(--border-radius);\n  }\n\n  &[href]:hover,\n  &[href]:focus-within,\n  &.is-selected,\n  &.is-chosen,\n  .is-selected &,\n  .is-chosen & {\n    --box-shadow: #{$boxShadowOverlay};\n  }\n\n  &.is-ghost,\n  .is-ghost & {\n    --box-shadow: none;\n    --border-color: transparent;\n\n    overflow: hidden;\n  }\n\n  &.is-drag,\n  &.is-chosen,\n  &.is-ghost,\n  &.is-selected,\n  .is-drag &,\n  .is-chosen &,\n  .is-ghost &,\n  .is-selected &,\n  &[is-sortable]:hover {\n    --dnd-visibility: visible;\n    --dnd-opacity: 1;\n  }\n\n  ::slotted(*) {\n    @include fontSize('milli');\n  }\n\n  ::slotted([slot=\"image\"]) {\n    width: 100%;\n    max-width: 100%;\n  }\n\n  ::slotted(img[slot=\"image\"]) {\n    display: block;\n  }\n\n  ::slotted([slot=\"meta\"]:not(:last-child)) {\n    margin-right: space('xsmall');\n  }\n\n  ::slotted(table) {\n    border: 0;\n    border-spacing: 0;\n\n    th {\n      @include font;\n    }\n\n    td, th {\n      padding: 0;\n    }\n\n    td {\n      color: $colorBlack;\n      padding-left: space('xsmall');\n    }\n  }\n}\n\n:host ::slotted([slot=\"heading\"]),\n.stzh-card__title {\n  @include font('heavy');\n  @include fontCurve('h3', 'heading');\n}\n\n.stzh-card {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n\tbackground-color: $colorWhite;\n\tborder-radius: var(--border-radius);\n\tbox-shadow: var(--box-shadow);\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--border-color);\n\ttransition: box-shadow $baseTransitionAnimationSpeed;\n\n  .vshow-medium {\n    @include mq($to: medium) {\n      @include visuallyhidden;\n    }\n  }\n\n  .show-medium {\n    @include mq($to: medium) {\n      display: none;\n    }\n  }\n\n  .hide-medium {\n    @include mq($from: medium) {\n      display: none;\n    }\n  }\n\n  &__content-wrapper {\n    position: relative;\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n    min-height: var(--content-min-height);\n  }\n\n\t&__dnd {\n    --size: #{iconSize('xsmall')};\n\t\tposition: absolute;\n    // INFO: we don't use space() values here, because we want this element to align with the heading\n    left: 3px;\n    top: 23px;\n\t\tdisplay: flex;\n\t\tvisibility: var(--dnd-visibility);\n\t\topacity: var(--dnd-opacity);\n\t\ttransition: all $baseTransitionAnimationSpeed;\n    display: none;\n\n    @include mq($from: medium) {\n      display: block;\n    }\n\n    @include mq($from: large) {\n      // INFO: we don't use space() values here, because we want this element to align with the heading\n      left: 4px;\n      top: 27px;\n    }\n\t}\n\n  &__header {\n\t\t@include spaceCurve('padding', 'regular');\n\t\tborder-bottom: 1px solid $baseBorderColor;\n\t}\n\n  &__header-top {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: flex-start;\n  }\n\n  &__header-meta {\n    &:not(:empty) {\n      display: inline-flex;\n      margin-top: space('xsmall');\n    }\n  }\n\n\t&__header-left,\n\t&__header-right {\n\t\tdisplay: flex;\n\t}\n\n\t&__header-right {\n    @include spaceCurve('padding-left', 'tiny');\n\t}\n\n\t&__left {\n\t\talign-self: center;\n\t}\n\n\t&__title-area {\n\t\t@include wordWrap;\n\t\toverflow: hidden;\n\t}\n\n\t&__title,\n\t&__subtitle {\n\t\tmargin: 0;\n\t}\n\n  &__title-link {\n    color: inherit;\n    text-decoration-line: none;\n  }\n\n  &__image-link {\n    display: block;\n  }\n\n\t&__subtitle {\n    @include fontCurve('p1');\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex-wrap: wrap;\n\t\ttext-decoration-line: none;\n    // INFO: we don't use space() values here, since we try to mimic the width of a whitespace here\n\t\tmargin-left: -0.5625em;\n\t}\n\n\t&__subtitle-text {\n\t\tposition: relative;\n\t\tdisplay: inline-flex;\n    // INFO: we don't use space() values here, since we try to mimic the width of a whitespace here\n\t\tpadding-left: 0.5625em;\n\n\t\t&::after {\n\t\t\tcontent: ',';\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t}\n\t}\n\n\t&__content {\n    flex-grow: 1;\n\n    &:not(:empty) {\n      @include spaceCurve('padding', 'regular');\n    }\n\t}\n\n  &__footer {\n    &:not(:empty) {\n      @include spaceCurve('padding', 'regular');\n      border-top: 1px solid $baseBorderColor;\n    }\n  }\n\n  &__footer-arrow {\n    --size: #{iconSize('medium')};\n    color: $colorPrimary;\n  }\n\n  &__card-actions {\n\t\tdisplay: inline-flex;\n    white-space: nowrap;\n\t}\n\n\t&__card-action {\n    @include mq($to: medium) {\n      --icon-text-margin: 0px;\n      --badge-icon-text-margin: 0px;\n    }\n\n    &[variant=\"tertiary\"] {\n      --color: #{$colorGrey70};\n    }\n\n    &.is-button {\n      --icon-size: #{iconSize('small')};\n    }\n\n    &.is-placeholder {\n      width: space('xxlarge');\n      height: space('xxlarge');\n    }\n\n    &.is-star {\n    }\n\t}\n\n  &__card-action-popover {\n    --width: auto;\n  }\n\n  /* Has Link */\n\n  &--has-link &__title-link {\n    color: $colorPrimary;\n    text-decoration-line: none;\n    transition: color $baseTransitionAnimationSpeed;\n    border-radius: $buttonBorderRadius;\n\n    &::before,\n    &::after {\n      content: '';\n      display: block;\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n    }\n\n    // &::before {\n    //   transition: all $baseTransitionAnimationSpeed;\n    // }\n\n    &::after {\n      z-index: 1;\n    }\n  }\n\n  &--has-link &__card-actions,\n  &--has-link &__header-meta,\n  &--has-link &__footer-actionset,\n  &--has-link &__footer-select-button {\n    position: relative;\n    z-index: 2;\n  }\n\n  &--has-link &__image-link:hover + &__content-wrapper &__title-link,\n  &--has-link &__title-link:hover,\n  &--has-link &__title-link:focus {\n    color: $colorPrimaryHover;\n\n  //   &::before,\n  //   &::before {\n  //     background-color: $colorPrimary4;\n  //   }\n  }\n\n  &--has-link:hover &__footer-arrow {\n    color: $colorPrimaryHover;\n  }\n\n  /* Interactive Subtitle */\n\n  &--has-subtitle-interactive &__subtitle {\n    cursor: pointer;\n    font-family: inherit;\n    padding: 0;\n    appearance: none;\n    background: none;\n    border: none;\n    transition: color $baseTransitionAnimationSpeed;\n    color: $colorPrimary;\n\n    &:hover,\n    &:focus {\n      color: $colorPrimaryHover;\n    }\n  }\n\n  /* Is collapsible */\n\n  &--is-collapsible &__header {\n    cursor: pointer;\n  }\n\n  /* Collapsed (Header) */\n\n  &--is-collapsed,\n  &--has-collapsed-header &__header {\n    .vhide-when-collapsed {\n      @include visuallyhidden;\n    }\n\n    .hide-when-collapsed {\n      display: none;\n    }\n\n    .show-when-collapsed {\n      display: block;\n    }\n  }\n\n  &--is-collapsed &__header {\n    border-bottom: none;\n  }\n\n  &--is-collapsed &__card-action,\n  &--has-collapsed-header &__card-action {\n    --icon-text-margin: 0px;\n    --badge-icon-text-margin: 0px;\n  }\n\n  /* Starred */\n\n  &--is-starred &__card-action.is-star {\n    color: $colorPrimary;\n\n    &:hover,\n    &:focus {\n      color: $colorPrimaryHover;\n    }\n  }\n\n  /** Hidden header / footer border */\n\n  &--has-hidden-header-border &__header {\n\t\tborder-bottom: none;\n    padding-bottom: 0;\n  }\n\n  &--has-hidden-footer-border &__footer {\n    &:not(:empty) {\n      padding-top: 0;\n      border-top: none;\n    }\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Watch,\n  Event,\n  EventEmitter,\n  Fragment,\n  forceUpdate\n} from \"@stencil/core\";\n\nimport {\n  StzhCardHeaderAction,\n  StzhActionsetItem,\n  StzhCardCollapseEvent,\n  StzhCardSubtitleClickEvent,\n  StzhCardStarClickEvent,\n  StzhCardClickEvent,\n  StzhCardHeaderActionClickEvent,\n  StzhButtonChangeEvent\n} from \"../../index\";\n\nimport { hasSlot, setPropsIfNull } from \"../../utils/utils\";\nimport { media } from '../../utils/media-utils';\n\nimport { fetchTranslations } from \"../../utils/translation-utils\";\nimport { StzhCardLocalizedText } from './stzh-card.localization';\n\n/**\n * @slot heading - Slot for heading\n * @slot image - Slot for optional image element\n * @slot content - Slot for content for any elements\n * @slot meta - Slot for meta elements (status or chip)\n * @slot footer - Slot to replace footer content (`footerActions`, 'withArrow`, and `selectable` button are not shown anymore)\n */\n@Component({\n  tag: \"stzh-card\",\n  styleUrl: \"stzh-card.scss\",\n  scoped: true\n})\nexport class StzhCard {\n  /** Translation strings */\n  @Prop() localization: StzhCardLocalizedText;\n\n  /** Whether card is collapsed or not */\n  @Prop({ reflect: true, mutable: true }) collapsed: boolean = false;\n\n  /** Whether card was starred */\n  @Prop({ reflect: true, mutable: true }) starred: boolean = false;\n\n  /**\n   * Whether card star is displayed (with tooltip and menu-item in mobile popover).\n   * The tooltip / menu-item text can be adjusted in the translations file (`actionAdd` & `actionRemove`).\n   */\n  @Prop({ reflect: true }) starrable: boolean = false;\n\n  /** Whether card is selectable */\n  @Prop({ reflect: true }) selectable: boolean = false;\n\n  /** Whether card is checked (if card is selectable) */\n  @Prop({ reflect: true }) checked: boolean = false;\n\n  /** The name of the input element (if card is selectable) */\n  @Prop({ reflect: true }) name: string = \"\";\n\n  /** Href of card */\n  @Prop({ reflect: true }) href: string;\n\n  /** target if the button is used as link (if href used)  */\n  @Prop() target: string;\n\n  /** The value of the input element (if card is selectable) */\n  @Prop({ mutable: true }) value: string = \"\";\n\n  /** Whether the element is disabled or not (if card is selectable) */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Whether card arrow is shown in footer area */\n  @Prop({ reflect: true }) withArrow: boolean = false;\n\n  /** Heading (or use heading slot instead) */\n  @Prop() heading: string = \"\";\n\n  /** Subtitle */\n  @Prop() subtitle: string | string[] = \"\";\n  private _subtitles = [];\n\n  /** Card header actions */\n  @Prop() headerActions: string | StzhCardHeaderAction[] = [];\n  private _headerActions: StzhCardHeaderAction[];\n\n  /**\n   * Card footer actions.\n   * The [`stzh-actionset`](?path=/story/components-actionset) component is used internally.\n   * You can listen to clicks with the `stzhActionClick` event.\n   */\n  @Prop() footerActions: string | StzhActionsetItem[] = [];\n  private _footerActions: StzhActionsetItem[];\n\n  /** Whether subtitle should be rendered as button and event `stzhSubtitleClick` executed on click */\n  @Prop() subtitleInteractive: boolean = false;\n\n  /**\n   * Whether sorting should be disabled.\n   * Has no effect if card is not inside a `card-list` element, which has `sortableEnabled` property set to true.\n   */\n  @Prop({ reflect: true }) sortableDisabled: boolean = false;\n\n  /** Whether card is collapsible */\n  @Prop({ reflect: true }) collapsible: boolean = false;\n\n  /** Whether to hide header separation border */\n  @Prop({ reflect: true }) hideHeaderBorder: boolean = false;\n\n  /** Whether to hide footer separation border */\n  @Prop({ reflect: true }) hideFooterBorder: boolean = false;\n\n  /** Whether card elevation should be hidden */\n  @Prop({ reflect: true }) hideElevation: boolean = false;\n\n  /**\n   * Whether movement menu items should be shown.\n   * Has no effect if card is not inside a `card-list` element, which has `sortableEnabled` property set to true.\n   */\n  @Prop() hideMovementActions: boolean = false;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the link elements.\n   * Default value will be taken from `heading` prop/slot.\n   */\n  @Prop() analyticsId: string;\n\n  @Element() element: HTMLStzhCardElement;\n\n  /** Click event (if href is used) */\n  @Event() stzhClick: EventEmitter<StzhCardClickEvent>;\n\n  /** Collapse event */\n  @Event() stzhCollapse: EventEmitter<StzhCardCollapseEvent>;\n\n  /** Subtitle click event */\n  @Event() stzhSubtitleClick: EventEmitter<StzhCardSubtitleClickEvent>;\n\n  /** Star click event */\n  @Event() stzhStarClick: EventEmitter<StzhCardStarClickEvent>;\n\n  /** Header action click event */\n  @Event() stzhHeaderActionClick: EventEmitter<StzhCardHeaderActionClickEvent>;\n\n  @Watch(\"subtitle\")\n  subtitleWatcher(newValue: string[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._subtitles = JSON.parse(newValue);\n      } catch(err) {\n        this._subtitles = [newValue];\n      }\n    } else {\n      this._subtitles = newValue;\n    }\n  }\n\n  @Watch(\"headerActions\")\n  headerActionsWatcher(newValue: StzhCardHeaderAction[] | string) {\n    if (typeof newValue === \"string\") {\n      this._headerActions = JSON.parse(newValue);\n    } else {\n      this._headerActions = newValue;\n    }\n  }\n\n  @Watch(\"footerActions\")\n  footerActionsWatcher(newValue: StzhActionsetItem[] | string) {\n    if (typeof newValue === \"string\") {\n      this._footerActions = JSON.parse(newValue);\n    } else {\n      this._footerActions = newValue;\n    }\n  }\n\n  @Watch(\"collapsed\")\n  collapsedWatcher() {\n    this.handleResize();\n  }\n\n  private observer: MutationObserver;\n\n  private nodeChange = (entries) => {\n    let changeInSlot = false;\n\n    entries.forEach((entry) => {\n      if (entry.target.closest('[slot]') || entry.target.hasAttribute('slot')) {\n        changeInSlot = true;\n      }\n    });\n\n    if (changeInSlot) {\n      forceUpdate(this.element);\n    }\n  };\n\n  private mainElement: HTMLElement;\n  private headerElement: HTMLElement;\n  private headerLeftElement: HTMLElement;\n  private headerRightElement: HTMLElement;\n  private imageLinkElement: HTMLAnchorElement;\n  private titleLinkElement: HTMLAnchorElement;\n  private headingTextElement: HTMLDivElement;\n  private sortable: HTMLStzhSortableElement;\n\n  private debounceResize: number;\n  private resizeObserver: ResizeObserver;\n\n  private update = () => {\n    if (!this.mainElement) {\n      return;\n    }\n\n    this.mainElement.classList.remove(\"stzh-card--has-collapsed-header\");\n\n    if (media('medium').matches) {\n      const headerWidth = this.headerElement.clientWidth;\n      const leftWidth = this.headerLeftElement.clientWidth;\n      const rightWidth = this.headerRightElement.clientWidth;\n\n      if (headerWidth - leftWidth <= rightWidth) {\n        this.mainElement.classList.add(\"stzh-card--has-collapsed-header\");\n      }\n    }\n  }\n\n  private headerClick = (event: MouseEvent) => {\n    if (!this.collapsible) {\n      return;\n    }\n\n    const filterTags = [\"stzh-popover\", \"stzh-tooltip\", \"button\", \"a\", \"input\", \"select\", \"textarea\", \"iframe\", \"details\", \"label\", \"area\"];\n    const composedPathTags = event.composedPath().map(element => (element as HTMLElement).tagName?.toLowerCase());\n    const found = composedPathTags.some(r => filterTags.includes(r))\n\n    if (!found) {\n      this.collapsed = !this.collapsed;\n\n      this.stzhCollapse.emit({\n        component: \"stzh-card\",\n        collapsed: this.collapsed\n      });\n    }\n  }\n\n  private subtitleClick = () => {\n    if (this.subtitleInteractive) {\n      this.stzhSubtitleClick.emit({\n        component: \"stzh-card\"\n      });\n    }\n  }\n\n  private starToggleClick = () => {\n    this.stzhStarClick.emit({\n      component: \"stzh-card\",\n      starred: this.starred\n    });\n  }\n\n  private actionClick = (action: StzhCardHeaderAction) => {\n    this.stzhHeaderActionClick.emit({\n      component: \"stzh-card\",\n      action\n    });\n  }\n\n  private arrowUpClick = () => {\n    const sortable = this.element.closest(\"stzh-sortable\");\n\n    if (sortable) {\n      const element = this.findSortableChildElement();\n      sortable.moveItem(element, \"up\");\n    }\n  }\n\n  private arrowDownClick = () => {\n    const sortable = this.element.closest(\"stzh-sortable\");\n\n    if (sortable) {\n      const element = this.findSortableChildElement();\n      sortable.moveItem(element, \"down\");\n    }\n  }\n\n  private updateElementInsideSortable = () => {\n    const currentSortable = this.element.closest(\"stzh-sortable\");\n\n    // check if element is still inside sortable\n    if (!currentSortable) {\n      this.sortable.removeEventListener(\"stzhUpdate\", this.updateElementInsideSortable);\n      this.sortable.removeEventListener(\"stzhDisable\", this.updateElementInsideSortable)\n      return;\n    }\n\n    if (this.element) {\n      forceUpdate(this.element);\n    }\n  }\n\n  private init = () => {\n    const chips = this.element.querySelectorAll(\n      'stzh-chip[slot=\"meta\"], [slot=\"meta\"] stzh-chip'\n    );\n\n    chips.forEach((chip) => {\n      setPropsIfNull(chip, {\n        size: \"small\"\n      } as HTMLStzhChipElement)\n    });\n  }\n\n  private handleResize = () => {\n    if (this.debounceResize) {\n      window.cancelAnimationFrame(this.debounceResize);\n    }\n\n    this.debounceResize = requestAnimationFrame(this.update);\n  }\n\n  private handleMutation = (entries) => {\n    this.init();\n    this.nodeChange(entries);\n  }\n\n  private handleSelectionChange = (event: CustomEvent<StzhButtonChangeEvent>) => {\n    this.checked = event.detail.checked;\n  }\n\n  private cardClick = (originalEvent: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-card\",\n      originalEvent\n    });\n  }\n\n  private findSortableChildElement(): HTMLElement | undefined {\n    const sortable = this.element.closest(\"stzh-sortable\");\n\n    if (sortable) {\n      let element: HTMLElement = this.element;\n      let sortableContainer = null;\n\n      if (typeof sortable.container === \"function\") {\n        sortableContainer = sortable.container();\n      } else {\n        sortableContainer = sortable.container;\n      }\n\n      while (element.parentElement && element.parentElement !== sortableContainer) {\n        element = element.parentElement;\n      }\n\n      return element;\n    }\n  }\n\n  async componentWillLoad() {\n    this.subtitleWatcher(this.subtitle);\n    this.headerActionsWatcher(this.headerActions);\n    this.footerActionsWatcher(this.footerActions);\n\n    if (!this.localization) {\n      this.localization = await fetchTranslations(this.element, \"card\");\n    }\n  }\n\n  componentDidLoad() {\n    this.sortable = this.element.closest(\"stzh-sortable\");\n\n    if (this.sortable) {\n      this.sortable.addEventListener(\"stzhUpdate\", this.updateElementInsideSortable);\n      this.sortable.addEventListener(\"stzhDisable\", this.updateElementInsideSortable)\n    }\n  }\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      this.imageLinkElement.setAttribute(\"s-object-id\", this.analyticsId || this.headingTextElement.innerText);\n      this.titleLinkElement.setAttribute(\"s-object-id\", this.analyticsId || this.headingTextElement.innerText);\n    });\n  }\n\n  connectedCallback() {\n    this.init();\n\n    this.observer = new MutationObserver(this.handleMutation);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true\n    });\n\n    this.resizeObserver = new ResizeObserver(this.handleResize);\n    this.resizeObserver.observe(this.element);\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n  }\n\n  render() {\n    const imageUsed: boolean = hasSlot(this.element, \"image\");\n    const contentUsed: boolean = hasSlot(this.element, \"content\");\n\n    const Subtitle = `${this.subtitleInteractive ? 'button' : 'span'}`;\n\n    const sortableChildElement = this.findSortableChildElement();\n\n    const isFirstItemInSortable = sortableChildElement?.parentElement\n      && Array.from(sortableChildElement?.parentElement?.children)\n        .indexOf(sortableChildElement) === 0;\n\n    const isLastItemInSortable = sortableChildElement?.parentElement\n      && Array.from(sortableChildElement?.parentElement?.children)\n        .indexOf(sortableChildElement) === sortableChildElement?.parentElement?.children.length - 1;\n\n    const sortableEnabled = !this.sortableDisabled && this.sortable && !this.sortable.disabled;\n    const sortableActionsEnabled = sortableEnabled && !this.hideMovementActions;\n\n    const nonCollapsingTextHeaderActions = this._headerActions.filter(action => !action.onlyCollapseText);\n\n    // const headerActions = [\n    //   ...this._headerActions\n    // ];\n\n    const classes = {\n      \"stzh-card\": true,\n      \"stzh-card--has-link\": !!this.href,\n      \"stzh-card--has-image\": imageUsed,\n      \"stzh-card--has-content\": contentUsed,\n      \"stzh-card--has-subtitle\": !!this.subtitle,\n      \"stzh-card--has-subtitle-interactive\": !!this.subtitle && this.subtitleInteractive,\n      \"stzh-card--has-hidden-header-border\": this.hideHeaderBorder,\n      \"stzh-card--has-hidden-footer-border\": this.hideFooterBorder,\n      \"stzh-card--is-collapsible\": this.collapsible,\n      \"stzh-card--is-collapsed\": this.collapsed,\n      \"stzh-card--is-starred\": this.starred,\n      \"stzh-card--is-checked\": this.checked,\n      \"stzh-card--is-sortable\": sortableEnabled\n    };\n\n    return (\n      <Host role=\"listitem\" aria-label={this.heading} is-sortable={sortableEnabled}>\n        <article\n          ref={(el) => (this.mainElement = el as HTMLElement)}\n          class={classes}\n        >\n          <a\n            ref={(el) => (this.imageLinkElement = el as HTMLAnchorElement)}\n            aria-hidden=\"true\"\n            tabindex=\"-1\"\n            class=\"stzh-card__image-link\"\n            href={this.href}\n            target={this.target}\n            onClick={this.href ? this.cardClick : null}\n          >\n            <slot name=\"image\"></slot>\n          </a>\n          <div class=\"stzh-card__content-wrapper\">\n            <stzh-icon class=\"stzh-card__dnd\" name=\"drag\"></stzh-icon>\n\n            <header\n              ref={(el) => (this.headerElement = el as HTMLElement)}\n              class=\"stzh-card__header\"\n              onClick={this.headerClick}\n            >\n              <div class=\"stzh-card__header-top\">\n                <div\n                  ref={(el) => (this.headerLeftElement = el as HTMLElement)}\n                  class=\"stzh-card__header-left\"\n                >\n                  <div class=\"stzh-card__title-area\">\n                    <h3 class=\"stzh-card__title\">\n                      <a\n                        ref={(el) => (this.titleLinkElement = el as HTMLAnchorElement)}\n                        class=\"stzh-card__title-link\"\n                        href={this.href}\n                        target={this.target}\n                        onClick={this.href ? this.cardClick : null}\n                      >\n                        <div ref={(el) => (this.headingTextElement = el as HTMLDivElement)}>\n                          {this.heading ? this.heading : <slot name=\"heading\"></slot>}\n                        </div>\n                      </a>\n                    </h3>\n                    {this._subtitles.length > 0 &&\n                      <Subtitle class=\"stzh-card__subtitle\" onClick={this.subtitleClick}>\n                        {this._subtitles.map(subtitle => (\n                          <span class=\"stzh-card__subtitle-text\">{subtitle}</span>\n                        ))}\n                      </Subtitle>\n                    }\n                  </div>\n                </div>\n                <div\n                  ref={(el) => (this.headerRightElement = el as HTMLElement)}\n                  class=\"stzh-card__header-right\"\n                >\n                  <div class=\"stzh-card__card-actions\">\n                    {this._headerActions.map(action => (\n                      <stzh-button\n                        class={{\n                          \"stzh-card__card-action\": true,\n                          \"is-button\": true,\n                          \"show-medium\": !action.onlyCollapseText,\n                          \"hide-when-collapsed\": !action.onlyCollapseText,\n                          \"hide-text-when-collapsed\": action.onlyCollapseText\n                        }}\n                        icon={action.icon}\n                        badge={action.badge}\n                        badgeEmpty={action.badgeEmpty}\n                        badgeType={action.badgeType}\n                        variant=\"tertiary\"\n                        size=\"tiny\"\n                        badgePosition=\"icon\"\n                        onClick={() => { this.actionClick(action) }}\n                      >\n                        <span\n                          class={{\n                            \"vshow-medium\": action.onlyCollapseText,\n                            \"vhide-when-collapsed\": action.onlyCollapseText\n                          }}\n                        >\n                          {action.label}\n                        </span>\n                      </stzh-button>\n                    ))}\n\n                    {this.starrable &&\n                      <stzh-tooltip>\n                        <stzh-button\n                          class=\"stzh-card__card-action is-star\"\n                          icon={this.starred ? \"star-filled\" : \"star\"}\n                          variant=\"tertiary\"\n                          size=\"tiny\"\n                          iconOnly={true}\n                          onClick={this.starToggleClick}\n                        ></stzh-button>\n                        <div slot=\"content\">\n                          {this.starred ? this.localization.actionRemove : this.localization.actionAdd}\n                        </div>\n                      </stzh-tooltip>\n                    }\n\n                    {/* <stzh-actionset actions={headerActions} variant=\"overflow\"></stzh-actionset> */}\n\n                    {(nonCollapsingTextHeaderActions.length > 0 || this.starrable || sortableActionsEnabled) &&\n                      <stzh-popover\n                        label={this.localization.actionsPopoverLabel}\n                        placement=\"bottom-end\"\n                        class={{\n                          \"stzh-card__card-action-popover\": true,\n                          \"hide-medium show-when-collapsed\": !this.starrable && !sortableActionsEnabled\n                        }}\n                      >\n                        <stzh-button\n                          class=\"stzh-card__card-action is-further\"\n                          variant=\"tertiary\"\n                          size=\"tiny\"\n                          icon=\"more-vertical\"\n                          iconOnly={true}\n                        ></stzh-button>\n                        <stzh-menu slot=\"content\">\n                          {this.starrable &&\n                            <stzh-menu-item icon={this.starred ? \"star-filled\" : \"star\"} onClick={this.starToggleClick}>\n                              {this.starred ? this.localization.actionRemove : this.localization.actionAdd}\n                            </stzh-menu-item>\n                          }\n\n                          {nonCollapsingTextHeaderActions.map(action => (\n                            <stzh-menu-item\n                              class=\"hide-medium show-when-collapsed\"\n                              icon={action.icon}\n                              badge={action.badge}\n                              badgeEmpty={action.badgeEmpty}\n                              badgeType={action.badgeType}\n                              onClick={() => { this.actionClick(action) }}\n                            >\n                              {action.label}\n                            </stzh-menu-item>\n                          ))}\n\n                          {sortableActionsEnabled &&\n                            <Fragment>\n                              {!isFirstItemInSortable &&\n                                <stzh-menu-item icon=\"arrow-up\" onClick={this.arrowUpClick}>\n                                  {this.localization.actionMoveUp}\n                                </stzh-menu-item>\n                              }\n                              {!isLastItemInSortable &&\n                                <stzh-menu-item icon=\"arrow-down\" onClick={this.arrowDownClick}>\n                                  {this.localization.actionMoveDown}\n                                </stzh-menu-item>\n                              }\n                            </Fragment>\n                          }\n                        </stzh-menu>\n                      </stzh-popover>\n                    }\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"stzh-card__header-meta\">\n                <slot name=\"meta\"></slot>\n              </div>\n            </header>\n\n            <div class=\"stzh-card__content hide-when-collapsed\">\n              <slot name=\"content\"></slot>\n            </div>\n\n            <div class=\"stzh-card__footer hide-when-collapsed\">\n              <slot name=\"footer\">\n                {this._footerActions.length > 0 &&\n                  <stzh-actionset\n                    class=\"stzh-card__footer-actionset\"\n                    actions={this._footerActions}\n                  ></stzh-actionset>\n                }\n\n                {this.selectable &&\n                  <stzh-button\n                    class=\"stzh-card__footer-select-button\"\n                    fullwidth\n                    type=\"radio\"\n                    variant=\"secondary\"\n                    name={this.name}\n                    value={this.value}\n                    checked={this.checked}\n                    disabled={this.disabled}\n                    label={this.localization.select}\n                    onStzhChange={this.handleSelectionChange}\n                  ></stzh-button>\n                }\n\n                {this.withArrow &&\n                  <stzh-icon\n                    class=\"stzh-card__footer-arrow\"\n                    name=\"arrow-right-long\"\n                  ></stzh-icon>}\n              </slot>\n            </div>\n          </div>\n        </article>\n      </Host>\n    );\n  }\n}\n",":host {\n  &[layout=\"fullwidth\"] ::slotted(*:not(:last-child):not([slot])) {\n    @include spaceCurve('margin-bottom', 'regular');\n  }\n\n  &[layout=\"subpages\"] ::slotted(*:not([slot])) {\n    width: 100%;\n    margin: calc(#{$gridGutter} / 2);\n\n    @include mq($from: small) {\n      width: calc(50% - #{$gridGutterSmall});\n      margin: calc(#{$gridGutterSmall} / 2);\n    }\n\n    @include mq($from: medium) {\n      width: calc(33.333% - #{$gridGutterMedium});\n      margin: calc(#{$gridGutterMedium} / 2);\n    }\n  }\n\n  ::slotted([slot=\"description\"]) {\n    stzh-icon {\n      color: $colorPrimary;\n    }\n  }\n\n  ::slotted(stzh-text[slot=\"description\"]) {\n    --color: inherit;\n  }\n}\n\n\n.stzh-card-list {\n  &__cards {\n    display: flex;\n    flex-direction: column;\n  }\n\n  &__header {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n    flex-direction: column;\n    align-items: flex-start;\n\n    @include mq($from: smallheader) {\n      flex-direction: row;\n    }\n  }\n\n  &__description {\n    @include fontCurve('p1');\n    color: $baseLeadColor;\n\n    &:not(:empty) {\n      margin-bottom: space('xsmall');\n\n      @include mq($from: smallheader) {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  &__switch {\n    --color: #{$baseLeadColor};\n    align-self: end;\n  }\n\n  /* Has content inside header */\n\n  &--has-header &__header {\n    @include spaceCurve('margin-bottom', 'regular');\n  }\n\n  /* Layout variant */\n\n  &--layout-subpages &__cards {\n    flex-direction: row;\n    flex-wrap: wrap;\n    margin: calc(#{$gridGutter} / -2);\n\n    @include mq($from: small) {\n      margin: calc(#{$gridGutterSmall} / -2);\n    }\n\n    @include mq($from: medium) {\n      margin: calc(#{$gridGutterMedium} / -2);\n    }\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Listen,\n  State,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport { StzhCardListCollapseAllEvent } from \"../../index\";\nimport { cloneWrappedStzhElement, hasSlot } from \"../../utils/utils\";\nimport { fetchTranslations } from \"../../utils/translation-utils\";\nimport { StzhCardListLocalizedText } from './stzh-card-list.localization';\n\n/**\n * @slot - Slot for `stzh-card` elements\n * @slot description - Slot for description\n */\n@Component({\n  tag: \"stzh-card-list\",\n  styleUrl: \"stzh-card-list.scss\",\n  scoped: true\n})\nexport class StzhCardList {\n  /** Translation strings */\n  @Prop() localization: StzhCardListLocalizedText;\n\n  @Prop({ reflect: true }) layout: \"fullwidth\" | \"subpages\" = \"fullwidth\";\n\n  /** Description message (use description slot as alternative) */\n  @Prop() description: string;\n\n  /** Whether collapse/expand toggle link */\n  @Prop({ reflect: true }) showToggleLink: boolean = false;\n\n  /** Whether sorting should be enabled */\n  @Prop() sortableEnabled: boolean = false;\n\n  /** HTML attribute that is used by the `toArray()` of sortable method */\n  @Prop() sortableDataIdAttribute: string = \"data-id\";\n\n  @Element() element: HTMLStzhCardListElement;\n\n  /** Collapse all event */\n  @Event() stzhCollapseAll: EventEmitter<StzhCardListCollapseAllEvent>;  \n\n  @Listen(\"stzhCollapse\")\n  collapseListener() {\n    this.updateCollapsedState();\n  }\n\n  @State() allCollapsed: boolean = false;\n\n  private collapseClick = () => {\n    const cards = Array.from(this.element.querySelectorAll(\"stzh-card\"));\n    cards.forEach(card => {\n      if (card.collapsible) {\n        card.collapsed = !this.allCollapsed\n      }\n    });\n\n    this.allCollapsed = !this.allCollapsed;\n\n    this.stzhCollapseAll.emit({\n      component: \"stzh-card-list\",\n      allCollapsed: this.allCollapsed\n    });\n  }\n\n  private updateCollapsedState = () => {\n    const cards = Array.from(this.element.querySelectorAll(\"stzh-card\"));\n    this.allCollapsed = !cards.some(card => !card.collapsed);\n  }\n\n  private sortableGhostClone: Function = (dragElement: HTMLElement) => {\n    const [clonedElement, clonedStzhElement, originalStzhElement] = cloneWrappedStzhElement(dragElement);\n\n    if (\n      clonedStzhElement\n      && originalStzhElement\n      && clonedStzhElement.tagName.toLowerCase() === \"stzh-card\"\n    ) {\n      const clonedStzhElementCard: HTMLStzhCardElement = clonedStzhElement as HTMLStzhCardElement;\n      const originalStzhElementCard: HTMLStzhCardElement = originalStzhElement as HTMLStzhCardElement;\n\n      // copy every property that is not reflected to its attribute\n      clonedStzhElementCard.heading = originalStzhElementCard.heading;\n      clonedStzhElementCard.subtitle = originalStzhElementCard.subtitle;\n      clonedStzhElementCard.headerActions = originalStzhElementCard.headerActions;\n      clonedStzhElementCard.footerActions = originalStzhElementCard.footerActions;\n      clonedStzhElementCard.hideMovementActions = originalStzhElementCard.hideMovementActions;\n    }\n\n    return clonedElement;\n  }\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await fetchTranslations(this.element, \"card-list\");\n    }\n  }\n\n  componentDidLoad() {\n    this.updateCollapsedState();\n  }\n\n  render() {\n    const descriptionSlotUsed = hasSlot(this.element, \"description\") || !!this.description;\n\n    const classes = {\n      \"stzh-card-list\": true,\n      \"stzh-card-list--has-header\": this.showToggleLink || descriptionSlotUsed,\n      [`stzh-card-list--layout-${this.layout}`]: !!this.layout\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-card-list__header\">\n            <div class=\"stzh-card-list__description\">\n              {this.description ? this.description : <slot name=\"description\"></slot>}\n            </div>\n            {this.showToggleLink &&\n              <stzh-link\n                class=\"stzh-card-list__switch\"\n                icon={this.allCollapsed ? \"list-expanded\" : \"list-shrinked\"}\n                label={this.allCollapsed ? this.localization.expandAll : this.localization.collapseAll}\n                onClick={this.collapseClick}\n              ></stzh-link>\n            }\n          </div>\n\n          <stzh-sortable\n            disabled={!this.sortableEnabled}\n            dataIdAttribute={this.sortableDataIdAttribute}\n            ghostClone={this.sortableGhostClone}\n          >\n            <div class=\"stzh-card-list__cards\" role=\"list\">\n              <slot></slot>\n            </div>\n          </stzh-sortable>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n}\n\n.stzh-chip-select {\n\t@include input-description;\n\n  &__chips {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    margin: calc(#{space('small')} / -2) calc(#{space('xsmall')} / -2);\n    border-radius: $buttonBorderRadius;\n\n    @include mq($to: medium) {\n      display: none;\n    }\n  }\n\n  &__chip {\n    margin: calc(#{space('small')} / 2) calc(#{space('xsmall')} / 2);\n\n    &.is-focused,\n    &.is-focused[active]:not([active=false]) {\n      --border-color: #{$colorPrimaryHover};\n    }\n\n    &.is-focused[active]:not([active=false]) {\n      --background-color: #{$colorPrimaryHover};\n    }\n  }\n\n  &__dropdown {\n    @include mq($from: medium) {\n      display: none;\n    }\n  }\n\n  &__description-wrapper {\n    @include mq($to: medium) {\n      display: none;\n    }\n  }\n\n  &--has-error &__error,\n  &--has-description &__description {\n    margin-top: space('xsmall');\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Watch,\n  Event,\n  EventEmitter,\n  State\n} from \"@stencil/core\";\n\nimport {\n  StzhChipSelectItem,\n  StzhChipSelectChangeEvent,\n  StzhDropdownChangeEvent\n} from \"../../index\";\n\nimport { StzhInputDescription } from \"../stzh-input/stzh-input-description\";\n\n// import { hasSlot } from \"../../utils/utils\";\nimport { fetchTranslations, StzhLocaleComponent } from \"../../utils/translation-utils\";\n\nlet chipSelectCounter = 0;\n\n/**\n */\n@Component({\n  tag: \"stzh-chip-select\",\n  styleUrl: \"stzh-chip-select.scss\",\n  scoped: true\n})\nexport class StzhChipSelect {\n  /** Translation strings */\n  @Prop() localization: StzhLocaleComponent;\n\n  /** The list of chips */\n  @Prop() data: string | StzhChipSelectItem[] = [];\n  private _data: StzhChipSelectItem[] = [];\n  private _dataDropdown: any[] = [];\n\n  /** The name of the input element */\n  @Prop({ reflect: true }) name: string;\n\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Value */\n  @Prop() value: string = \"\";\n\n  /** Description message (use description slot as alternative) */\n  @Prop() description: string;\n\n  /** Long description message appearing in a popover (use description-long slot as alternative) */\n  @Prop() descriptionLong: string;\n\n  /** One or multiple error message (use error slot as alternative) */\n  @Prop() error: string | string[];\n  private _error: string[];\n\n  /** Invalid status */\n  @Prop({ reflect: true }) invalid: boolean = false;\n\n  /** Required status */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /** Whether all chips are disabled or not */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Id for element which describes the input (this will be overwritten if description prop or slot is used, used by stzh-radiogroup) */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n  @State() activeFocusOptionIndex: number = 0;\n\n  @Element() element: HTMLStzhChipSelectElement;\n\n  /** Change event */\n  @Event() stzhChange: EventEmitter<StzhChipSelectChangeEvent>;\n\n  @Watch(\"data\")\n  dataWatcher(newValue: StzhChipSelectItem[] | string) {\n    if (typeof newValue === \"string\") {\n      this._data = JSON.parse(newValue);\n    } else {\n      this._data = newValue;\n    }\n\n    this._dataDropdown = this._data.map((data) => {\n      return {\n        text: `${data.label} (${data.counter})`,\n        value: data.value\n      }\n    });\n  }\n\n  @Watch(\"error\")\n  errorWatcher(newValue: string | string[]) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._error = JSON.parse(newValue);\n      } catch (e) {\n        if (newValue) {\n          this._error = [newValue];\n        } else {\n          this._error = [];\n        }\n      }\n    } else if (newValue) {\n      this._error = newValue;\n    } else {\n      this._error = [];\n    }\n\n    this.invalid = this._error.length > 0;\n  }\n\n  private id: string;\n\n  private handleChipClick = (data: StzhChipSelectItem, index: number) => {\n    this.value = data.value;\n    this.activeFocusOptionIndex = index;\n\n    this.stzhChange.emit({\n      component: \"stzh-chip-select\",\n      value: this.value\n    })\n  }\n\n  private handleDropdownChange = (event: CustomEvent<StzhDropdownChangeEvent>) => {\n    this.value = event.detail.value;\n    this.activeFocusOptionIndex = this._data.findIndex(data => {\n      return data.value === this.value;\n    });\n\n    this.stzhChange.emit({\n      component: \"stzh-chip-select\",\n      value: this.value\n    })\n  }\n\n  private handleKeydown = (event: KeyboardEvent) => {\n    let newActiveIndex: number = null;\n    const activeOptionIndex = this.activeFocusOptionIndex;\n\n    if (event.key === \"ArrowUp\" || event.key === \"ArrowLeft\") {\n      event.preventDefault();\n\n      if (activeOptionIndex > 0) {\n        newActiveIndex = activeOptionIndex - 1;\n      }\n    } else if (event.key === \"ArrowDown\" || event.key === \"ArrowRight\") {\n      event.preventDefault();\n\n      if (activeOptionIndex < this._data.length - 1) {\n        newActiveIndex = activeOptionIndex + 1;\n      }\n    } else if (event.key === \" \" || event.key === \"Enter\") {\n      event.preventDefault();\n      this.value = this._data[activeOptionIndex].value;\n\n      this.stzhChange.emit({\n        component: \"stzh-chip-select\",\n        value: this.value\n      });\n    }\n\n    if (newActiveIndex !== null) {\n      this.activeFocusOptionIndex = newActiveIndex;\n    }\n  }\n\n  async componentWillLoad() {\n    this.id = `stzh-chip-select-${chipSelectCounter++}`;\n\n    this.dataWatcher(this.data);\n    this.errorWatcher(this.error);\n\n    if (!this.localization) {\n      this.localization = await fetchTranslations(this.element, \"chip-select\");\n    }\n  }\n\n  render() {\n    const descriptionUsed = !!this.description;\n    const descriptionLongUsed = !!this.descriptionLong;\n    const errorUsed = !!this.error;\n\n    const classes = {\n      \"stzh-chip-select\": true,\n      \"stzh-chip-select--has-description\": descriptionUsed,\n      \"stzh-chip-select--has-description-long\": descriptionLongUsed,\n      \"stzh-chip-select--has-error\": errorUsed,\n      \"stzh-chip-select--is-invalid\": this.invalid,\n      \"stzh-chip-select--is-disabled\": this.disabled,\n      \"stzh-chip-select--is-required\": this.required\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <input type=\"hidden\" name={this.name} value={this.value} />\n\n          <div\n            class=\"stzh-chip-select__chips\"\n            role=\"listbox\"\n            tabindex=\"0\"\n            aria-multiselectable=\"false\"\n            aria-activedescendant={`${this.id}-option-${this.activeFocusOptionIndex}`}\n            aria-describedby={`${this.id}-description ${this.a11yDescribedby}`}\n            onKeyDown={this.handleKeydown}\n          >\n            {this._data.map((data, index) => (\n              <stzh-chip\n                role=\"option\"\n                class={{\n                  \"stzh-chip-select__chip\": true,\n                  \"is-focused\": this.activeFocusOptionIndex === index\n                }}\n                label={data.label}\n                counter={data.counter}\n                icon={data.icon}\n                type={data.type}\n                variant={data.variant}\n                size={data.size}\n                disabled={this.disabled || data.disabled}\n                active={this.value === data.value}\n                aria-selected={this.value === data.value ? \"true\" : \"false\"}\n                id={`${this.id}-option-${index}`}\n                a11yTabindex=\"-1\"\n                onClick={() => this.handleChipClick(data, index)}\n              ></stzh-chip>\n            ))}\n          </div>\n\n          <StzhInputDescription\n            classPrefix=\"stzh-chip-select\"\n            id={`${this.id}-description`}\n            error={this._error}\n            description={this.description}\n            descriptionLong={this.descriptionLong}\n            descriptionLongUsed={descriptionLongUsed}\n            moreInfoButtonLabel={this.localization.$globals.moreInfoButtonLabel}\n          />\n\n          <stzh-dropdown\n            class=\"stzh-chip-select__dropdown\"\n            disabled={this.disabled}\n            error={this._error}\n            description={this.description}\n            descriptionLong={this.descriptionLong}\n            required={this.required}\n            invalid={this.invalid}\n            items={[this.value]}\n            label={this.label}\n            options={this._dataDropdown}\n            onStzhChange={this.handleDropdownChange}\n          ></stzh-dropdown>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"w0DAAA,IAAMA,EAAc,06b,IC0CPC,EAAQC,EAAA,uB,kRA6CXC,KAAAC,WAAa,GAuGbD,KAAAE,WAAa,SAACC,GACpB,IAAIC,EAAe,MAEnBD,EAAQE,SAAQ,SAACC,GACf,GAAIA,EAAMC,OAAOC,QAAQ,WAAaF,EAAMC,OAAOE,aAAa,QAAS,CACvEL,EAAe,I,KAInB,GAAIA,EAAc,CAChBM,EAAYC,EAAKC,Q,GAgBbZ,KAAAa,OAAS,WACf,IAAKF,EAAKG,YAAa,CACrB,M,CAGFH,EAAKG,YAAYC,UAAUC,OAAO,mCAElC,GAAIC,EAAM,UAAUC,QAAS,CAC3B,IAAMC,EAAcR,EAAKS,cAAcC,YACvC,IAAMC,EAAYX,EAAKY,kBAAkBF,YACzC,IAAMG,EAAab,EAAKc,mBAAmBJ,YAE3C,GAAIF,EAAcG,GAAaE,EAAY,CACzCb,EAAKG,YAAYC,UAAUW,IAAI,kC,IAK7B1B,KAAA2B,YAAc,SAACC,GACrB,IAAKjB,EAAKkB,YAAa,CACrB,M,CAGF,IAAMC,EAAa,CAAC,eAAgB,eAAgB,SAAU,IAAK,QAAS,SAAU,WAAY,SAAU,UAAW,QAAS,QAChI,IAAMC,EAAmBH,EAAMI,eAAeC,KAAI,SAAArB,GAAO,IAAAsB,EAAI,OAAAA,EAACtB,EAAwBuB,WAAO,MAAAD,SAAA,SAAAA,EAAEE,aAAa,IAC5G,IAAMC,EAAQN,EAAiBO,MAAK,SAAAC,GAAK,OAAAT,EAAWU,SAASD,EAApB,IAEzC,IAAKF,EAAO,CACV1B,EAAK8B,WAAa9B,EAAK8B,UAEvB9B,EAAK+B,aAAaC,KAAK,CACrBC,UAAW,YACXH,UAAW9B,EAAK8B,W,GAKdzC,KAAA6C,cAAgB,WACtB,GAAIlC,EAAKmC,oBAAqB,CAC5BnC,EAAKoC,kBAAkBJ,KAAK,CAC1BC,UAAW,a,GAKT5C,KAAAgD,gBAAkB,WACxBrC,EAAKsC,cAAcN,KAAK,CACtBC,UAAW,YACXM,QAASvC,EAAKuC,S,EAIVlD,KAAAmD,YAAc,SAACC,GACrBzC,EAAK0C,sBAAsBV,KAAK,CAC9BC,UAAW,YACXQ,OAAMA,G,EAIFpD,KAAAsD,aAAe,WACrB,IAAMC,EAAW5C,EAAKC,QAAQJ,QAAQ,iBAEtC,GAAI+C,EAAU,CACZ,IAAM3C,EAAUD,EAAK6C,2BACrBD,EAASE,SAAS7C,EAAS,K,GAIvBZ,KAAA0D,eAAiB,WACvB,IAAMH,EAAW5C,EAAKC,QAAQJ,QAAQ,iBAEtC,GAAI+C,EAAU,CACZ,IAAM3C,EAAUD,EAAK6C,2BACrBD,EAASE,SAAS7C,EAAS,O,GAIvBZ,KAAA2D,4BAA8B,WACpC,IAAMC,EAAkBjD,EAAKC,QAAQJ,QAAQ,iBAG7C,IAAKoD,EAAiB,CACpBjD,EAAK4C,SAASM,oBAAoB,aAAclD,EAAKgD,6BACrDhD,EAAK4C,SAASM,oBAAoB,cAAelD,EAAKgD,6BACtD,M,CAGF,GAAIhD,EAAKC,QAAS,CAChBF,EAAYC,EAAKC,Q,GAIbZ,KAAA8D,KAAO,WACb,IAAMC,EAAQpD,EAAKC,QAAQoD,iBACzB,mDAGFD,EAAM1D,SAAQ,SAAC4D,GACbC,EAAeD,EAAM,CACnBE,KAAM,S,KAKJnE,KAAAoE,aAAe,WACrB,GAAIzD,EAAK0D,eAAgB,CACvBC,OAAOC,qBAAqB5D,EAAK0D,e,CAGnC1D,EAAK0D,eAAiBG,sBAAsB7D,EAAKE,O,EAG3Cb,KAAAyE,eAAiB,SAACtE,GACxBQ,EAAKmD,OACLnD,EAAKT,WAAWC,E,EAGVH,KAAA0E,sBAAwB,SAAC9C,GAC/BjB,EAAKgE,QAAU/C,EAAMgD,OAAOD,O,EAGtB3E,KAAA6E,UAAY,SAACC,GACnBnE,EAAKoE,UAAUpC,KAAK,CAClBC,UAAW,YACXkC,cAAaA,G,6CArS4C,M,aAGF,M,eAMb,M,gBAGC,M,aAGH,M,UAGJ,G,qDASC,G,cAGI,M,eAGC,M,aAGpB,G,cAGY,G,mBAImB,G,mBAQH,G,yBAIf,M,sBAMc,M,iBAGL,M,sBAGK,M,sBAGA,M,mBAGH,M,yBAMX,M,2BA2BvCE,EAAAC,UAAAC,gBAAA,SAAgBC,GACd,UAAWA,IAAa,SAAU,CAChC,IACEnF,KAAKC,WAAamF,KAAKC,MAAMF,E,CAC7B,MAAMG,GACNtF,KAAKC,WAAa,CAACkF,E,MAEhB,CACLnF,KAAKC,WAAakF,C,GAKtBH,EAAAC,UAAAM,qBAAA,SAAqBJ,GACnB,UAAWA,IAAa,SAAU,CAChCnF,KAAKwF,eAAiBJ,KAAKC,MAAMF,E,KAC5B,CACLnF,KAAKwF,eAAiBL,C,GAK1BH,EAAAC,UAAAQ,qBAAA,SAAqBN,GACnB,UAAWA,IAAa,SAAU,CAChCnF,KAAK0F,eAAiBN,KAAKC,MAAMF,E,KAC5B,CACLnF,KAAK0F,eAAiBP,C,GAK1BH,EAAAC,UAAAU,iBAAA,WACE3F,KAAKoE,c,EA+JCY,EAAAC,UAAAzB,yBAAA,WACN,IAAMD,EAAWvD,KAAKY,QAAQJ,QAAQ,iBAEtC,GAAI+C,EAAU,CACZ,IAAI3C,EAAuBZ,KAAKY,QAChC,IAAIgF,EAAoB,KAExB,UAAWrC,EAASsC,YAAc,WAAY,CAC5CD,EAAoBrC,EAASsC,W,KACxB,CACLD,EAAoBrC,EAASsC,S,CAG/B,MAAOjF,EAAQkF,eAAiBlF,EAAQkF,gBAAkBF,EAAmB,CAC3EhF,EAAUA,EAAQkF,a,CAGpB,OAAOlF,C,GAILoE,EAAAC,UAAAc,kBAAN,W,kHACE/F,KAAKkF,gBAAgBlF,KAAKgG,UAC1BhG,KAAKuF,qBAAqBvF,KAAKiG,eAC/BjG,KAAKyF,qBAAqBzF,KAAKkG,e,KAE1BlG,KAAKmG,aAAN,YACFC,EAAApG,KAAoB,SAAMqG,EAAkBrG,KAAKY,QAAS,S,OAA1DwF,EAAKD,aAAeG,EAAAC,O,mCAIxBvB,EAAAC,UAAAuB,iBAAA,WACExG,KAAKuD,SAAWvD,KAAKY,QAAQJ,QAAQ,iBAErC,GAAIR,KAAKuD,SAAU,CACjBvD,KAAKuD,SAASkD,iBAAiB,aAAczG,KAAK2D,6BAClD3D,KAAKuD,SAASkD,iBAAiB,cAAezG,KAAK2D,4B,GAIvDqB,EAAAC,UAAAyB,mBAAA,eAAA/F,EAAAX,KACEwE,uBAAsB,WACpB7D,EAAKgG,iBAAiBC,aAAa,cAAejG,EAAKkG,aAAelG,EAAKmG,mBAAmBC,WAC9FpG,EAAKqG,iBAAiBJ,aAAa,cAAejG,EAAKkG,aAAelG,EAAKmG,mBAAmBC,U,KAIlG/B,EAAAC,UAAAgC,kBAAA,WACEjH,KAAK8D,OAEL9D,KAAKkH,SAAW,IAAIC,iBAAiBnH,KAAKyE,gBAC1CzE,KAAKkH,SAASE,QAAQpH,KAAKY,QAAS,CAClCyG,UAAW,KACXC,QAAS,OAGXtH,KAAKuH,eAAiB,IAAIC,eAAexH,KAAKoE,cAC9CpE,KAAKuH,eAAeH,QAAQpH,KAAKY,Q,EAGnCoE,EAAAC,UAAAwC,qBAAA,WACE,GAAIzH,KAAKkH,SAAU,CACjBlH,KAAKkH,SAASQ,Y,CAGhB,GAAI1H,KAAKuH,eAAgB,CACvBvH,KAAKuH,eAAeG,Y,GAIxB1C,EAAAC,UAAA0C,OAAA,eAAAhH,EAAAX,K,UACE,IAAM4H,EAAqBC,EAAQ7H,KAAKY,QAAS,SACjD,IAAMkH,EAAuBD,EAAQ7H,KAAKY,QAAS,WAEnD,IAAMmH,EAAW,GAAAC,OAAGhI,KAAK8C,oBAAsB,SAAW,QAE1D,IAAMmF,EAAuBjI,KAAKwD,2BAElC,IAAM0E,GAAwBD,IAAoB,MAApBA,SAAoB,SAApBA,EAAsBnC,gBAC/CqC,MAAMC,MAAKlG,EAAA+F,IAAoB,MAApBA,SAAoB,SAApBA,EAAsBnC,iBAAa,MAAA5D,SAAA,SAAAA,EAAEmG,UAChDC,QAAQL,KAA0B,EAEvC,IAAMM,GAAuBN,IAAoB,MAApBA,SAAoB,SAApBA,EAAsBnC,gBAC9CqC,MAAMC,MAAKI,EAAAP,IAAoB,MAApBA,SAAoB,SAApBA,EAAsBnC,iBAAa,MAAA0C,SAAA,SAAAA,EAAEH,UAChDC,QAAQL,OAA0BQ,EAAAR,IAAoB,MAApBA,SAAoB,SAApBA,EAAsBnC,iBAAa,MAAA2C,SAAA,SAAAA,EAAEJ,SAASK,QAAS,EAE9F,IAAMC,GAAmB3I,KAAK4I,kBAAoB5I,KAAKuD,WAAavD,KAAKuD,SAASsF,SAClF,IAAMC,EAAyBH,IAAoB3I,KAAK+I,oBAExD,IAAMC,EAAiChJ,KAAKwF,eAAeyD,QAAO,SAAA7F,GAAU,OAACA,EAAO8F,gBAAR,IAM5E,IAAMC,EAAU,CACd,YAAa,KACb,wBAAyBnJ,KAAKoJ,KAC9B,uBAAwBxB,EACxB,yBAA0BE,EAC1B,4BAA6B9H,KAAKgG,SAClC,wCAAyChG,KAAKgG,UAAYhG,KAAK8C,oBAC/D,sCAAuC9C,KAAKqJ,iBAC5C,sCAAuCrJ,KAAKsJ,iBAC5C,4BAA6BtJ,KAAK6B,YAClC,0BAA2B7B,KAAKyC,UAChC,wBAAyBzC,KAAKkD,QAC9B,wBAAyBlD,KAAK2E,QAC9B,yBAA0BgE,GAG5B,OACEY,EAACC,EAAI,CAACC,KAAK,WAAU,aAAazJ,KAAK0J,QAAO,cAAef,GAC3DY,EAAA,WACEI,IAAK,SAACC,GAAE,OAAMjJ,EAAKG,YAAc8I,CAAzB,EACRC,MAAOV,GAEPI,EAAA,KACEI,IAAK,SAACC,GAAE,OAAMjJ,EAAKgG,iBAAmBiD,CAA9B,EAAsD,cAClD,OACZE,SAAS,KACTD,MAAM,wBACNT,KAAMpJ,KAAKoJ,KACX7I,OAAQP,KAAKO,OACbwJ,QAAS/J,KAAKoJ,KAAOpJ,KAAK6E,UAAY,MAEtC0E,EAAA,QAAMS,KAAK,WAEbT,EAAA,OAAKM,MAAM,8BACTN,EAAA,aAAWM,MAAM,iBAAiBG,KAAK,SAEvCT,EAAA,UACEI,IAAK,SAACC,GAAE,OAAMjJ,EAAKS,cAAgBwI,CAA3B,EACRC,MAAM,oBACNE,QAAS/J,KAAK2B,aAEd4H,EAAA,OAAKM,MAAM,yBACTN,EAAA,OACEI,IAAK,SAACC,GAAE,OAAMjJ,EAAKY,kBAAoBqI,CAA/B,EACRC,MAAM,0BAENN,EAAA,OAAKM,MAAM,yBACTN,EAAA,MAAIM,MAAM,oBACRN,EAAA,KACEI,IAAK,SAACC,GAAE,OAAMjJ,EAAKqG,iBAAmB4C,CAA9B,EACRC,MAAM,wBACNT,KAAMpJ,KAAKoJ,KACX7I,OAAQP,KAAKO,OACbwJ,QAAS/J,KAAKoJ,KAAOpJ,KAAK6E,UAAY,MAEtC0E,EAAA,OAAKI,IAAK,SAACC,GAAE,OAAMjJ,EAAKmG,mBAAqB8C,CAAhC,GACV5J,KAAK0J,QAAU1J,KAAK0J,QAAUH,EAAA,QAAMS,KAAK,eAI/ChK,KAAKC,WAAWyI,OAAS,GACxBa,EAACxB,EAAQ,CAAC8B,MAAM,sBAAsBE,QAAS/J,KAAK6C,eACjD7C,KAAKC,WAAWgC,KAAI,SAAA+D,GAAQ,OAC3BuD,EAAA,QAAMM,MAAM,4BAA4B7D,EADb,OAOrCuD,EAAA,OACEI,IAAK,SAACC,GAAE,OAAMjJ,EAAKc,mBAAqBmI,CAAhC,EACRC,MAAM,2BAENN,EAAA,OAAKM,MAAM,2BACR7J,KAAKwF,eAAevD,KAAI,SAAAmB,GAAM,OAC7BmG,EAAA,eACEM,MAAO,CACL,yBAA0B,KAC1B,YAAa,KACb,eAAgBzG,EAAO8F,iBACvB,uBAAwB9F,EAAO8F,iBAC/B,2BAA4B9F,EAAO8F,kBAErCe,KAAM7G,EAAO6G,KACbC,MAAO9G,EAAO8G,MACdC,WAAY/G,EAAO+G,WACnBC,UAAWhH,EAAOgH,UAClBC,QAAQ,WACRlG,KAAK,OACLmG,cAAc,OACdP,QAAS,WAAQpJ,EAAKwC,YAAYC,EAAO,GAEzCmG,EAAA,QACEM,MAAO,CACL,eAAgBzG,EAAO8F,iBACvB,uBAAwB9F,EAAO8F,mBAGhC9F,EAAOmH,OAxBiB,IA6B9BvK,KAAKwK,WACJjB,EAAA,oBACEA,EAAA,eACEM,MAAM,iCACNI,KAAMjK,KAAKkD,QAAU,cAAgB,OACrCmH,QAAQ,WACRlG,KAAK,OACLsG,SAAU,KACVV,QAAS/J,KAAKgD,kBAEhBuG,EAAA,OAAKmB,KAAK,WACP1K,KAAKkD,QAAUlD,KAAKmG,aAAawE,aAAe3K,KAAKmG,aAAayE,aAOvE5B,EAA+BN,OAAS,GAAK1I,KAAKwK,WAAa1B,IAC/DS,EAAA,gBACEgB,MAAOvK,KAAKmG,aAAa0E,oBACzBC,UAAU,aACVjB,MAAO,CACL,iCAAkC,KAClC,mCAAoC7J,KAAKwK,YAAc1B,IAGzDS,EAAA,eACEM,MAAM,oCACNQ,QAAQ,WACRlG,KAAK,OACL8F,KAAK,gBACLQ,SAAU,OAEZlB,EAAA,aAAWmB,KAAK,WACb1K,KAAKwK,WACJjB,EAAA,kBAAgBU,KAAMjK,KAAKkD,QAAU,cAAgB,OAAQ6G,QAAS/J,KAAKgD,iBACxEhD,KAAKkD,QAAUlD,KAAKmG,aAAawE,aAAe3K,KAAKmG,aAAayE,WAItE5B,EAA+B/G,KAAI,SAAAmB,GAAM,OACxCmG,EAAA,kBACEM,MAAM,kCACNI,KAAM7G,EAAO6G,KACbC,MAAO9G,EAAO8G,MACdC,WAAY/G,EAAO+G,WACnBC,UAAWhH,EAAOgH,UAClBL,QAAS,WAAQpJ,EAAKwC,YAAYC,EAAO,GAExCA,EAAOmH,MAT8B,IAazCzB,GACCS,EAACwB,EAAQ,MACL7C,GACAqB,EAAA,kBAAgBU,KAAK,WAAWF,QAAS/J,KAAKsD,cAC3CtD,KAAKmG,aAAa6E,eAGrBzC,GACAgB,EAAA,kBAAgBU,KAAK,aAAaF,QAAS/J,KAAK0D,gBAC7C1D,KAAKmG,aAAa8E,sBAYvC1B,EAAA,OAAKM,MAAM,0BACTN,EAAA,QAAMS,KAAK,WAIfT,EAAA,OAAKM,MAAM,0CACTN,EAAA,QAAMS,KAAK,aAGbT,EAAA,OAAKM,MAAM,yCACTN,EAAA,QAAMS,KAAK,UACRhK,KAAK0F,eAAegD,OAAS,GAC5Ba,EAAA,kBACEM,MAAM,8BACNqB,QAASlL,KAAK0F,iBAIjB1F,KAAKmL,YACJ5B,EAAA,eACEM,MAAM,kCACNuB,UAAS,KACTC,KAAK,QACLhB,QAAQ,YACRL,KAAMhK,KAAKgK,KACXsB,MAAOtL,KAAKsL,MACZ3G,QAAS3E,KAAK2E,QACdkE,SAAU7I,KAAK6I,SACf0B,MAAOvK,KAAKmG,aAAaoF,OACzBC,aAAcxL,KAAK0E,wBAItB1E,KAAKyL,WACJlC,EAAA,aACEM,MAAM,0BACNG,KAAK,yB,uWAnmBJ,I,UC1CrB,IAAM0B,EAAkB,+tI,IC0BXC,EAAY5L,EAAA,4B,oFA8BfC,KAAA4L,cAAgB,WACtB,IAAMC,EAAQ1D,MAAMC,KAAKzH,EAAKC,QAAQoD,iBAAiB,cACvD6H,EAAMxL,SAAQ,SAAAyL,GACZ,GAAIA,EAAKjK,YAAa,CACpBiK,EAAKrJ,WAAa9B,EAAKoL,Y,KAI3BpL,EAAKoL,cAAgBpL,EAAKoL,aAE1BpL,EAAKqL,gBAAgBrJ,KAAK,CACxBC,UAAW,iBACXmJ,aAAcpL,EAAKoL,c,EAIf/L,KAAAiM,qBAAuB,WAC7B,IAAMJ,EAAQ1D,MAAMC,KAAKzH,EAAKC,QAAQoD,iBAAiB,cACvDrD,EAAKoL,cAAgBF,EAAMvJ,MAAK,SAAAwJ,GAAQ,OAACA,EAAKrJ,SAAN,G,EAGlCzC,KAAAkM,mBAA+B,SAACC,GAChC,IAAA/F,EAA0DgG,EAAwBD,GAAjFE,EAAajG,EAAA,GAAEkG,EAAiBlG,EAAA,GAAEmG,EAAmBnG,EAAA,GAE5D,GACEkG,GACGC,GACAD,EAAkBnK,QAAQC,gBAAkB,YAC/C,CACA,IAAMoK,EAA6CF,EACnD,IAAMG,EAA+CF,EAGrDC,EAAsB9C,QAAU+C,EAAwB/C,QACxD8C,EAAsBxG,SAAWyG,EAAwBzG,SACzDwG,EAAsBvG,cAAgBwG,EAAwBxG,cAC9DuG,EAAsBtG,cAAgBuG,EAAwBvG,cAC9DsG,EAAsBzD,oBAAsB0D,EAAwB1D,mB,CAGtE,OAAOsD,C,0CAlEmD,Y,+CAMT,M,qBAGhB,M,6BAGO,U,kBAYT,K,CAJjCK,EAAAzH,UAAA0H,iBAAA,WACE3M,KAAKiM,sB,EAgDDS,EAAAzH,UAAAc,kBAAN,W,uHACO/F,KAAKmG,aAAN,YACFC,EAAApG,KAAoB,SAAMqG,EAAkBrG,KAAKY,QAAS,c,OAA1DwF,EAAKD,aAAeG,EAAAC,O,mCAIxBmG,EAAAzH,UAAAuB,iBAAA,WACExG,KAAKiM,sB,EAGPS,EAAAzH,UAAA0C,OAAA,W,MACE,IAAMiF,EAAsB/E,EAAQ7H,KAAKY,QAAS,kBAAoBZ,KAAK6M,YAE3E,IAAM1D,GAAO/C,EAAA,CACX,iBAAkB,KAClB,6BAA8BpG,KAAK8M,gBAAkBF,GACrDxG,EAAC,0BAAA4B,OAA0BhI,KAAK+M,WAAa/M,KAAK+M,O,GAGpD,OACExD,EAACC,EAAI,KACHD,EAAA,OAAKM,MAAOV,GACVI,EAAA,OAAKM,MAAM,0BACTN,EAAA,OAAKM,MAAM,+BACR7J,KAAK6M,YAAc7M,KAAK6M,YAActD,EAAA,QAAMS,KAAK,iBAEnDhK,KAAK8M,gBACJvD,EAAA,aACEM,MAAM,yBACNI,KAAMjK,KAAK+L,aAAe,gBAAkB,gBAC5CxB,MAAOvK,KAAK+L,aAAe/L,KAAKmG,aAAa6G,UAAYhN,KAAKmG,aAAa8G,YAC3ElD,QAAS/J,KAAK4L,iBAKpBrC,EAAA,iBACEV,UAAW7I,KAAK2I,gBAChBuE,gBAAiBlN,KAAKmN,wBACtBC,WAAYpN,KAAKkM,oBAEjB3C,EAAA,OAAKM,MAAM,wBAAwBJ,KAAK,QACtCF,EAAA,gB,4HAnHW,I,UC1BzB,IAAM8D,EAAoB,4zICuB1B,IAAIC,EAAoB,E,IASXC,EAAcxN,EAAA,8B,0EAMjBC,KAAAwN,MAA8B,GAC9BxN,KAAAyN,cAAuB,GA+EvBzN,KAAA0N,gBAAkB,SAACC,EAA0BC,GACnDjN,EAAK2K,MAAQqC,EAAKrC,MAClB3K,EAAKkN,uBAAyBD,EAE9BjN,EAAKmN,WAAWnL,KAAK,CACnBC,UAAW,mBACX0I,MAAO3K,EAAK2K,O,EAIRtL,KAAA+N,qBAAuB,SAACnM,GAC9BjB,EAAK2K,MAAQ1J,EAAMgD,OAAO0G,MAC1B3K,EAAKkN,uBAAyBlN,EAAK6M,MAAMQ,WAAU,SAAAL,GACjD,OAAOA,EAAKrC,QAAU3K,EAAK2K,K,IAG7B3K,EAAKmN,WAAWnL,KAAK,CACnBC,UAAW,mBACX0I,MAAO3K,EAAK2K,O,EAIRtL,KAAAiO,cAAgB,SAACrM,GACvB,IAAIsM,EAAyB,KAC7B,IAAMC,EAAoBxN,EAAKkN,uBAE/B,GAAIjM,EAAMwM,MAAQ,WAAaxM,EAAMwM,MAAQ,YAAa,CACxDxM,EAAMyM,iBAEN,GAAIF,EAAoB,EAAG,CACzBD,EAAiBC,EAAoB,C,OAElC,GAAIvM,EAAMwM,MAAQ,aAAexM,EAAMwM,MAAQ,aAAc,CAClExM,EAAMyM,iBAEN,GAAIF,EAAoBxN,EAAK6M,MAAM9E,OAAS,EAAG,CAC7CwF,EAAiBC,EAAoB,C,OAElC,GAAIvM,EAAMwM,MAAQ,KAAOxM,EAAMwM,MAAQ,QAAS,CACrDxM,EAAMyM,iBACN1N,EAAK2K,MAAQ3K,EAAK6M,MAAMW,GAAmB7C,MAE3C3K,EAAKmN,WAAWnL,KAAK,CACnBC,UAAW,mBACX0I,MAAO3K,EAAK2K,O,CAIhB,GAAI4C,IAAmB,KAAM,CAC3BvN,EAAKkN,uBAAyBK,C,yCAlIY,G,+BAQtB,G,WAGA,G,4FAaoB,M,cAGC,M,cAGA,M,qBAGsB,G,4BAEzB,C,CAQ1CI,EAAArJ,UAAAsJ,YAAA,SAAYpJ,GACV,UAAWA,IAAa,SAAU,CAChCnF,KAAKwN,MAAQpI,KAAKC,MAAMF,E,KACnB,CACLnF,KAAKwN,MAAQrI,C,CAGfnF,KAAKyN,cAAgBzN,KAAKwN,MAAMvL,KAAI,SAAC0L,GACnC,MAAO,CACLa,KAAM,GAAAxG,OAAG2F,EAAKpD,MAAK,MAAAvC,OAAK2F,EAAKc,QAAO,KACpCnD,MAAOqC,EAAKrC,M,KAMlBgD,EAAArJ,UAAAyJ,aAAA,SAAavJ,GACX,UAAWA,IAAa,SAAU,CAChC,IACEnF,KAAK2O,OAASvJ,KAAKC,MAAMF,E,CACzB,MAAOyJ,GACP,GAAIzJ,EAAU,CACZnF,KAAK2O,OAAS,CAACxJ,E,KACV,CACLnF,KAAK2O,OAAS,E,QAGb,GAAIxJ,EAAU,CACnBnF,KAAK2O,OAASxJ,C,KACT,CACLnF,KAAK2O,OAAS,E,CAGhB3O,KAAK6O,QAAU7O,KAAK2O,OAAOjG,OAAS,C,EA0DhC4F,EAAArJ,UAAAc,kBAAN,W,kHACE/F,KAAK8O,GAAK,oBAAA9G,OAAoBsF,KAE9BtN,KAAKuO,YAAYvO,KAAK2N,MACtB3N,KAAK0O,aAAa1O,KAAK+O,O,KAElB/O,KAAKmG,aAAN,YACFC,EAAApG,KAAoB,SAAMqG,EAAkBrG,KAAKY,QAAS,gB,OAA1DwF,EAAKD,aAAeG,EAAAC,O,mCAIxB+H,EAAArJ,UAAA0C,OAAA,eAAAhH,EAAAX,KACE,IAAMgP,IAAoBhP,KAAK6M,YAC/B,IAAMoC,IAAwBjP,KAAKkP,gBACnC,IAAMC,IAAcnP,KAAK+O,MAEzB,IAAM5F,EAAU,CACd,mBAAoB,KACpB,oCAAqC6F,EACrC,yCAA0CC,EAC1C,8BAA+BE,EAC/B,+BAAgCnP,KAAK6O,QACrC,gCAAiC7O,KAAK6I,SACtC,gCAAiC7I,KAAKoP,UAGxC,OACE7F,EAACC,EAAI,KACHD,EAAA,OAAKM,MAAOV,GACVI,EAAA,SAAO8B,KAAK,SAASrB,KAAMhK,KAAKgK,KAAMsB,MAAOtL,KAAKsL,QAElD/B,EAAA,OACEM,MAAM,0BACNJ,KAAK,UACLK,SAAS,IAAG,uBACS,QAAO,wBACL,GAAA9B,OAAGhI,KAAK8O,GAAE,YAAA9G,OAAWhI,KAAK6N,wBAAwB,mBACvD,GAAA7F,OAAGhI,KAAK8O,GAAE,iBAAA9G,OAAgBhI,KAAKqP,iBACjDC,UAAWtP,KAAKiO,eAEfjO,KAAKwN,MAAMvL,KAAI,SAAC0L,EAAMC,GAAK,OAC1BrE,EAAA,aACEE,KAAK,SACLI,MAAO,CACL,yBAA0B,KAC1B,aAAclJ,EAAKkN,yBAA2BD,GAEhDrD,MAAOoD,EAAKpD,MACZkE,QAASd,EAAKc,QACdxE,KAAM0D,EAAK1D,KACXoB,KAAMsC,EAAKtC,KACXhB,QAASsD,EAAKtD,QACdlG,KAAMwJ,EAAKxJ,KACX0E,SAAUlI,EAAKkI,UAAY8E,EAAK9E,SAChC0G,OAAQ5O,EAAK2K,QAAUqC,EAAKrC,MAAK,gBAClB3K,EAAK2K,QAAUqC,EAAKrC,MAAQ,OAAS,QACpDwD,GAAI,GAAA9G,OAAGrH,EAAKmO,GAAE,YAAA9G,OAAW4F,GACzB4B,aAAa,KACbzF,QAAS,WAAM,OAAApJ,EAAK+M,gBAAgBC,EAAMC,EAA3B,GAlBS,KAuB9BrE,EAACkG,EAAoB,CACnBC,YAAY,mBACZZ,GAAI,GAAA9G,OAAGhI,KAAK8O,GAAE,gBACdC,MAAO/O,KAAK2O,OACZ9B,YAAa7M,KAAK6M,YAClBqC,gBAAiBlP,KAAKkP,gBACtBD,oBAAqBA,EACrBU,oBAAqB3P,KAAKmG,aAAayJ,SAASD,sBAGlDpG,EAAA,iBACEM,MAAM,6BACNhB,SAAU7I,KAAK6I,SACfkG,MAAO/O,KAAK2O,OACZ9B,YAAa7M,KAAK6M,YAClBqC,gBAAiBlP,KAAKkP,gBACtBE,SAAUpP,KAAKoP,SACfP,QAAS7O,KAAK6O,QACdgB,MAAO,CAAC7P,KAAKsL,OACbf,MAAOvK,KAAKuK,MACZuF,QAAS9P,KAAKyN,cACdjC,aAAcxL,KAAK+N,wB,yQA/NJ,I"}

package/dist/stzh-components/p-ee7a68db.js

@@ -1,2 +0,0 @@
-function s(s){const n=s.replace(/^\s*(?:<br\s*\/?>\s*)*/i,"").replace(/\s*(?:<br\s*\/?>\s*)*$/i,"").replace(/(?:<br\s*\/?>\s*?){2,}/gi,"</p><p>");return`<p>${n}</p>`}function n(s){return s.replace(/-([a-z])/g,(function(s){return s[1].toUpperCase()}))}export{s as a,n as c};
-//# sourceMappingURL=p-ee7a68db.js.map

package/dist/stzh-components/p-ee7a68db.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["createParagraphsFromBrs","content","replaced","replace","camelCase","dashString","g","toUpperCase"],"sources":["./src/utils/string-utils.ts"],"sourcesContent":["export function createParagraphsFromBrs(content: string) {\n  const replaced = content\n    .replace(/^\\s*(?:<br\\s*\\/?>\\s*)*/i, \"\")\n    .replace(/\\s*(?:<br\\s*\\/?>\\s*)*$/i, \"\")\n    .replace(/(?:<br\\s*\\/?>\\s*?){2,}/gi, \"</p><p>\");\n\n  return `<p>${replaced}</p>`;\n}\n\nexport function camelCase(dashString: string) {\n  return dashString\n    .replace(/-([a-z])/g, function (g) {\n      return g[1].toUpperCase();\n    });\n}\n"],"mappings":"SAAgBA,EAAwBC,GACtC,MAAMC,EAAWD,EACdE,QAAQ,0BAA2B,IACnCA,QAAQ,0BAA2B,IACnCA,QAAQ,2BAA4B,WAEvC,MAAO,MAAMD,OACf,C,SAEgBE,EAAUC,GACxB,OAAOA,EACJF,QAAQ,aAAa,SAAUG,GAC9B,OAAOA,EAAE,GAAGC,a,GAElB,Q"}

package/dist/stzh-components/p-f2d74491.system.entry.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,r,i){function o(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,s){function a(t){try{h(i.next(t))}catch(t){s(t)}}function n(t){try{h(i["throw"](t))}catch(t){s(t)}}function h(t){t.done?r(t.value):o(t.value).then(a,n)}h((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},i,o,s,a;return a={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function n(t){return function(e){return h([t,e])}}function h(n){if(i)throw new TypeError("Generator is already executing.");while(a&&(a=0,n[0]&&(r=0)),r)try{if(i=1,o&&(s=n[0]&2?o["return"]:n[0]?o["throw"]||((s=o["return"])&&s.call(o),0):o.next)&&!(s=s.call(o,n[1])).done)return s;if(o=0,s)n=[n[0]&2,s.value];switch(n[0]){case 0:case 1:s=n;break;case 4:r.label++;return{value:n[1],done:false};case 5:r.label++;o=n[1];n=[0];continue;case 7:n=r.ops.pop();r.trys.pop();continue;default:if(!(s=r.trys,s=s.length>0&&s[s.length-1])&&(n[0]===6||n[0]===2)){r=0;continue}if(n[0]===3&&(!s||n[1]>s[0]&&n[1]<s[3])){r.label=n[1];break}if(n[0]===6&&r.label<s[1]){r.label=s[1];s=n;break}if(s&&r.label<s[2]){r.label=s[2];r.ops.push(n);break}if(s[2])r.ops.pop();r.trys.pop();continue}n=e.call(t,r)}catch(t){n=[6,t];o=0}finally{i=s=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};System.register(["./p-7b184ebb.system.js","./p-a408bfba.system.js","./p-11816251.system.js","./p-309d2b66.system.js","./p-d4b7a303.system.js","./p-60521956.system.js","./p-f58c28ad.system.js"],(function(t){"use strict";var e,r,i,o,s,a,n,h,d,c,l,u,p;return{setters:[function(t){e=t.r;r=t.c;i=t.h;o=t.F;s=t.a;a=t.g},function(t){n=t.f},function(t){h=t.a;d=t.p},function(t){c=t.c},function(t){l=t.h},function(t){u=t.S},function(t){p=t.c}],execute:function(){var z=".sc-stzh-datepicker-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-datepicker-h{display:none}.sc-stzh-datepicker-h *.sc-stzh-datepicker,.sc-stzh-datepicker-h *.sc-stzh-datepicker::before,.sc-stzh-datepicker-h *.sc-stzh-datepicker::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-datepicker-h{width:100%}.stzh-datepicker__popover.sc-stzh-datepicker{--padding:var(--stzh-space-medium);--width:auto}.stzh-datepicker__actions.sc-stzh-datepicker{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.stzh-datepicker__actions.sc-stzh-datepicker:not(:empty){margin-top:var(--stzh-space-xsmall)}";var f=t("stzh_datepicker",function(){function t(t){var i=this;e(this,t);this.stzhChange=r(this,"stzhChange",7);this.onRootFocus=function(){if(i.input){i.input.setFocus()}};this.onInputChange=function(){var t=i.dateAdapter.parse(i.input.value,"inputdate");if(i.input.value===""||t){var e=h(t);if(i.calendar){i.calendar.value=e}i.value=e;i.stzhChange.emit({component:"stzh-datepicker",value:i.value,valueAsDate:t})}};this.onCalendarChange=function(t){i.value=t.detail.value;i.stzhChange.emit({component:"stzh-datepicker",value:i.value,valueAsDate:t.detail.valueAsDate});if(i.input){i.input.value=t.detail.valueAsDate&&i.dateAdapter.format(t.detail.valueAsDate,"inputdate")}if(i.popover){i.popover.hide()}};this.calendarMin="";this.calendarMax="";this.calendarIsDateDisabled=function(){return false};this.name="";this.value="";this.label="";this.readonly=false;this.disabled=false;this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.invalid=false;this.required=false;this.showMarker=false;this.size="default";this.inline=false;this.dateAdapter=undefined;this.localization=undefined;this.buttonLabel=undefined}t.prototype.createDateFormatters=function(){if(this.localization){this.dateFormatLong=new Intl.DateTimeFormat(this.localization.$locale,{day:"numeric",month:"long",year:"numeric"})}};t.prototype.valueWatcher=function(t){var e=d(t);if(this.calendar){this.calendar.value=t}if(this.input){this.input.value=this.dateAdapter.format(e,"inputdate")}this.updateButtonAccessibleLabel()};t.prototype.setDate=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.value=h(t);return[2]}))}))};t.prototype.getPopover=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.popover]}))}))};t.prototype.updateButtonAccessibleLabel=function(){if(!this.localization){return}try{var t=d(this.value);this.buttonLabel="".concat(this.localization.buttonLabel,", ").concat(this.localization.selectedDateMessage," ").concat(this.dateFormatLong.format(t))}catch(t){this.buttonLabel=this.localization.buttonLabel}};t.prototype.connectedCallback=function(){this.createDateFormatters()};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(!!this.localization)return[3,2];t=this;return[4,n(this.element,"datepicker")];case 1:t.localization=e.sent();e.label=2;case 2:if(!this.dateAdapter){this.dateAdapter=c(this.localization.$formats,this.localization.$globals)}return[2]}}))}))};t.prototype.componentDidLoad=function(){this.valueWatcher(this.value)};t.prototype.render=function(){var t=this;var e={"stzh-datepicker":true,"stzh-datepicker--inline":this.inline};return i(s,{tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},i("div",{class:e},i("input",{type:"hidden",name:this.name,value:this.value}),this.inline&&i(o,null,i("stzh-calendar",{ref:function(e){return t.calendar=e},isDateDisabled:this.calendarIsDateDisabled,min:this.calendarMin,max:this.calendarMax,onStzhChange:this.onCalendarChange}),i("div",{class:"stzh-datepicker__actions"},i("slot",{name:"action"}))),!this.inline&&i("stzh-input",{label:this.label,ref:function(e){return t.input=e},noAutocomplete:true,onStzhChange:this.onInputChange,readonly:this.readonly,disabled:this.disabled,description:this.description,descriptionLong:this.descriptionLong,error:this.error,invalid:this.invalid,required:this.required,showMarker:this.showMarker,size:this.size},i("stzh-popover",{ref:function(e){return t.popover=e},class:"stzh-datepicker__popover",slot:"button-right",placement:"bottom-end",label:this.label},i("stzh-button",{variant:"input","icon-only":true,icon:"calendar",disabled:this.disabled,a11yLabel:this.buttonLabel}),i("div",{slot:"content"},i("stzh-calendar",{ref:function(e){return t.calendar=e},isDateDisabled:this.calendarIsDateDisabled,min:this.calendarMin,max:this.calendarMax,onStzhChange:this.onCalendarChange}),i("div",{class:"stzh-datepicker__actions"},i("slot",{name:"action"})))))))};Object.defineProperty(t.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{localization:["createDateFormatters"],value:["valueWatcher"]}},enumerable:false,configurable:true});return t}());f.style=z;var b='.sc-stzh-radio-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-radio-h{display:none}.sc-stzh-radio-h *.sc-stzh-radio,.sc-stzh-radio-h *.sc-stzh-radio::before,.sc-stzh-radio-h *.sc-stzh-radio::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-radio-h{display:inline-block}.sc-stzh-radio-h .sc-stzh-radio-s>stzh-text{--color:inherit}.stzh-radio__marker-symbol.sc-stzh-radio{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-radio__marker-text.sc-stzh-radio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-radio__description-wrapper.sc-stzh-radio{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-radio__error.sc-stzh-radio,.stzh-radio__description.sc-stzh-radio{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-radio__error.sc-stzh-radio{color:var(--stzh-color-error)}.stzh-radio__error-list.sc-stzh-radio{list-style:none;margin:0;padding:0}.stzh-radio__description.sc-stzh-radio{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-radio__description-long.sc-stzh-radio{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-radio__description-long-popover.sc-stzh-radio{--width:auto;--max-width:27.3125rem}.stzh-radio__description-long-popover[open].sc-stzh-radio:not([open=false]) .stzh-radio__description-long-button.sc-stzh-radio{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radio__description-long-button.sc-stzh-radio{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-radio__description-long-button.sc-stzh-radio:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radio.sc-stzh-radio stzh-icon.stzh-radio__description-long-icon.sc-stzh-radio{--size:var(--stzh-icon-size-xsmall)}.stzh-radio--has-error.sc-stzh-radio .stzh-radio__error.sc-stzh-radio,.stzh-radio--has-description.sc-stzh-radio .stzh-radio__description.sc-stzh-radio{margin-top:var(--stzh-space-xxsmall)}.stzh-radio__field-wrapper.sc-stzh-radio{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);position:relative;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.stzh-radio__input.sc-stzh-radio{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:-1;opacity:0;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--stzh-form-input-border-radius)}.stzh-radio__mark.sc-stzh-radio{border:0.0625rem solid var(--stzh-color-grey61);background-color:var(--stzh-color-white);width:1.5rem;height:1.5rem;-ms-flex-negative:0;flex-shrink:0;border-radius:50%;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:border-color var(--stzh-base-transition-animation-speed);transition:border-color var(--stzh-base-transition-animation-speed)}.stzh-radio__mark.sc-stzh-radio::before{content:""}.stzh-radio__check.sc-stzh-radio{background-color:currentColor;color:var(--stzh-color-primary, var(--stzh-color-zueriblue));width:0.5rem;height:0.5rem;border-radius:50%;opacity:0}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-radio__check.sc-stzh-radio{background-color:ButtonText}}.stzh-radio__label.sc-stzh-radio{display:inline-block;color:var(--stzh-base-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);margin-left:var(--stzh-space-small);line-height:1.5rem}.stzh-radio__label.sc-stzh-radio:empty{display:none}.stzh-radio__marker-symbol.sc-stzh-radio{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-radio.sc-stzh-radio:hover .stzh-radio__label.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__label.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:focus~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__label.sc-stzh-radio{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radio.sc-stzh-radio:hover .stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:focus:hover~.stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:focus~.stzh-radio__mark.sc-stzh-radio{border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-radio__input.sc-stzh-radio:focus~.stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__mark.sc-stzh-radio{border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{opacity:1}.stzh-radio--is-invalid.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__label.sc-stzh-radio,.stzh-radio--is-invalid.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:var(--stzh-color-error)}.stzh-radio--is-invalid.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio{border-color:var(--stzh-color-error)}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__field-wrapper.sc-stzh-radio{cursor:not-allowed}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__label.sc-stzh-radio,.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:var(--stzh-color-grey61)}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio{border-color:transparent}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__mark.sc-stzh-radio{background-color:var(--stzh-color-black8)}';var g=0;var v=t("stzh_radio",function(){function t(t){var i=this;e(this,t);this.stzhChange=r(this,"stzhChange",7);this.stzhFocus=r(this,"stzhFocus",7);this.stzhBlur=r(this,"stzhBlur",7);this.focusedByInput=false;this.onInput=function(t){i.checked=i.input.checked;i.stzhChange.emit({component:"stzh-radio",originalEvent:t,value:i.value,checked:i.checked})};this.onRootFocus=function(){if(!i.focusedByInput){i.setFocus()}i.focusedByInput=false};this.onFocus=function(t){i.focusedByInput=true;var e=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});i.element.dispatchEvent(e);i.stzhFocus.emit({component:"stzh-radio",originalEvent:t})};this.onBlur=function(t){var e=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});i.element.dispatchEvent(e);i.stzhBlur.emit({component:"stzh-radio",originalEvent:t})};this.localization=undefined;this.disabled=false;this.name="";this.value="";this.invalid=false;this.required=false;this.showMarker=false;this.checked=false;this.label="";this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.a11yDescribedby=""}t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.input.focus();return[2]}))}))};t.prototype.errorWatcher=function(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(e){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}this.invalid=this._error.length>0};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.inputId="stzh-radio-".concat(g++);this.errorWatcher(this.error);if(!!this.localization)return[3,2];t=this;return[4,n(this.element,"radio")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.render=function(){var t=this;var e=l(this.element,"description")||!!this.description;var r=l(this.element,"description-long")||!!this.descriptionLong;var o=l(this.element,"error")||!!this.error;var a={"stzh-radio":true,"stzh-radio--has-description":e,"stzh-radio--has-description-long":r,"stzh-radio--has-error":o,"stzh-radio--is-required":this.required,"stzh-radio--is-invalid":this.invalid,"stzh-radio--is-disabled":this.disabled};return i(s,{tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},i("div",{class:a},i("label",{class:"stzh-radio__field-wrapper"},i("input",{class:"stzh-radio__input",ref:function(e){return t.input=e},type:"radio",id:this.inputId,name:this.name,value:this.value,disabled:this.disabled,"aria-describedby":"".concat(this.inputId,"-description ").concat(this.a11yDescribedby),"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",checked:this.checked,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur}),i("div",{class:"stzh-radio__mark"},i("div",{class:"stzh-radio__check"})),i("div",{class:"stzh-radio__label"},this.label?this.label:i("slot",null),this.showMarker&&i("span",{class:"stzh-radio__marker"},i("span",{class:"stzh-radio__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),i("span",{class:"stzh-radio__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText)))),i(u,{classPrefix:"stzh-radio",id:"".concat(this.inputId,"-description"),error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:r,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel})))};Object.defineProperty(t.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{error:["errorWatcher"]}},enumerable:false,configurable:true});return t}());v.style=b;var m=".sc-stzh-radiogroup-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-radiogroup-h{display:none}.sc-stzh-radiogroup-h *.sc-stzh-radiogroup,.sc-stzh-radiogroup-h *.sc-stzh-radiogroup::before,.sc-stzh-radiogroup-h *.sc-stzh-radiogroup::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-radiogroup-h[direction=vertical] .sc-stzh-radiogroup-s>stzh-radio:not(:last-child){margin-bottom:var(--stzh-space-medium)}.sc-stzh-radiogroup-h[direction=horizontal] .sc-stzh-radiogroup-s>stzh-radio:not(:last-child){margin-right:var(--stzh-space-large)}.stzh-radiogroup.sc-stzh-radiogroup{margin:0;padding:0;border:none}.stzh-radiogroup__marker-symbol.sc-stzh-radiogroup{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-radiogroup__marker-text.sc-stzh-radiogroup{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-radiogroup__description-wrapper.sc-stzh-radiogroup{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-radiogroup__error.sc-stzh-radiogroup,.stzh-radiogroup__description.sc-stzh-radiogroup{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-radiogroup__error.sc-stzh-radiogroup{color:var(--stzh-color-error)}.stzh-radiogroup__error-list.sc-stzh-radiogroup{list-style:none;margin:0;padding:0}.stzh-radiogroup__description.sc-stzh-radiogroup{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-radiogroup__description-long.sc-stzh-radiogroup{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-radiogroup__description-long-popover.sc-stzh-radiogroup{--width:auto;--max-width:27.3125rem}.stzh-radiogroup__description-long-popover[open].sc-stzh-radiogroup:not([open=false]) .stzh-radiogroup__description-long-button.sc-stzh-radiogroup{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radiogroup__description-long-button.sc-stzh-radiogroup{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-radiogroup__description-long-button.sc-stzh-radiogroup:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radiogroup.sc-stzh-radiogroup stzh-icon.stzh-radiogroup__description-long-icon.sc-stzh-radiogroup{--size:var(--stzh-icon-size-xsmall)}.stzh-radiogroup--has-error.sc-stzh-radiogroup .stzh-radiogroup__error.sc-stzh-radiogroup,.stzh-radiogroup--has-description.sc-stzh-radiogroup .stzh-radiogroup__description.sc-stzh-radiogroup{margin-top:var(--stzh-space-xxsmall)}.stzh-radiogroup__fields.sc-stzh-radiogroup{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column}.stzh-radiogroup__legend.sc-stzh-radiogroup{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);padding:0;margin-bottom:var(--stzh-space-xsmall)}.stzh-radiogroup--hide-legend.sc-stzh-radiogroup .stzh-radiogroup__legend.sc-stzh-radiogroup{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-radiogroup--direction-horizontal.sc-stzh-radiogroup .stzh-radiogroup__fields.sc-stzh-radiogroup{-ms-flex-direction:row;flex-direction:row}";var _="stzh-radio, stzh-button[type=radio], stzh-card";var y=0;var k=t("stzh_radiogroup",function(){function t(t){var r=this;e(this,t);this._preventUpdateProperties=[];this.init=function(){r.radios=Array.from(r.element.querySelectorAll(_));r.updateRadiosProperty("show-marker",false);r.updateRadiosProperty("a11y-describedby","".concat(r.radiogroupId,"-description"));r.watchValue(r.value);r.watchName(r.name);r.watchDisabled(r.disabled);r.watchInvalid(r.invalid);r.watchRequired(r.required)};this.localization=undefined;this.disabled=false;this.name=undefined;this.legend=undefined;this.hideLegend=false;this.invalid=false;this.required=false;this.showMarker=false;this.value="";this.direction="vertical";this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.checkedRadio=null;this.preventUpdateProperties=[]}t.prototype.watchName=function(t){this.updateRadiosProperty("name",t)};t.prototype.watchDisabled=function(t){this.updateRadiosProperty("disabled",t)};t.prototype.watchInvalid=function(t){this.updateRadiosProperty("invalid",t)};t.prototype.watchRequired=function(t){this.updateRadiosProperty("required",t)};t.prototype.watchValue=function(t){this.updateCheckedRadioByValue(t)};t.prototype.errorWatcher=function(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(e){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}this.invalid=this._error.length>0};t.prototype.preventUpdatePropertiesWatcher=function(t){if(typeof t==="string"){this._preventUpdateProperties=JSON.parse(t)}else{this._preventUpdateProperties=t}};t.prototype.onChange=function(t){this.value=t.detail.value};t.prototype.updateRadiosProperty=function(t,e){var r=this;this.radios.forEach((function(i){if(t==="name"||r._preventUpdateProperties.indexOf(t)===-1){i[p(t)]=e}}))};t.prototype.updateCheckedRadioByValue=function(t){this.checkedRadio=this.radios.find((function(e){return e.value===t}));if(this.checkedRadio){this.checkedRadio.checked=true}this.uncheckRadios()};t.prototype.uncheckRadios=function(){var t=this;this.radios.forEach((function(e){if(!t.checkedRadio||e!==t.checkedRadio){e.checked=false}}))};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.radiogroupId="stzh-radiogroup-".concat(y++);this.errorWatcher(this.error);this.preventUpdatePropertiesWatcher(this.preventUpdateProperties);if(!!this.localization)return[3,2];t=this;return[4,n(this.element,"radiogroup")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.componentShouldUpdate=function(t,e,r){return r!=="checkedRadio"};t.prototype.componentDidRender=function(){this.init()};t.prototype.connectedCallback=function(){if(!this.value){this.radios=Array.from(this.element.querySelectorAll(_));var t=this.radios.find((function(t){return t.checked}));if(t){this.value=t.value}}this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){if(this.observer){this.observer.disconnect()}};t.prototype.render=function(){var t;var e=l(this.element,"description")||!!this.description;var r=l(this.element,"description-long")||!!this.descriptionLong;var o=l(this.element,"error")||!!this.error;var s=(t={"stzh-radiogroup":true,"stzh-radiogroup--has-description":e,"stzh-radiogroup--has-description-long":r,"stzh-radiogroup--has-error":o,"stzh-radiogroup--is-required":this.required,"stzh-radiogroup--is-disabled":this.disabled,"stzh-radiogroup--is-invalid":this.invalid,"stzh-radiogroup--hide-legend":this.hideLegend},t["stzh-radiogroup--direction-".concat(this.direction)]=!!this.direction,t);return i("fieldset",{class:s},this.legend&&i("legend",{class:"stzh-radiogroup__legend"},this.legend,this.showMarker&&i("span",{class:"stzh-radiogroup__marker"},i("span",{class:"stzh-radiogroup__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),i("span",{class:"stzh-radiogroup__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),i("div",{class:"stzh-radiogroup__fields"},i("slot",null)),i(u,{classPrefix:"stzh-radiogroup",id:"".concat(this.radiogroupId,"-description"),error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:r,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel}))};Object.defineProperty(t.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{name:["watchName"],disabled:["watchDisabled"],invalid:["watchInvalid"],required:["watchRequired"],value:["watchValue"],error:["errorWatcher"],preventUpdateProperties:["preventUpdatePropertiesWatcher"]}},enumerable:false,configurable:true});return t}());k.style=m}}}));
-//# sourceMappingURL=p-f2d74491.system.entry.js.map

package/dist/stzh-components/p-f2d74491.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhDatepickerCss","StzhDatepicker","exports","this","onRootFocus","_this","input","setFocus","onInputChange","parsedDate","dateAdapter","parse","value","isoDate","printISODate","calendar","stzhChange","emit","component","valueAsDate","onCalendarChange","event","detail","format","popover","hide","class_1","prototype","createDateFormatters","localization","dateFormatLong","Intl","DateTimeFormat","$locale","day","month","year","valueWatcher","newValue","date","parseISODate","updateButtonAccessibleLabel","setDate","getPopover","buttonLabel","concat","selectedDateMessage","err","connectedCallback","componentWillLoad","_a","fetchTranslations","element","_b","sent","createGlobalAdapter","$formats","$globals","componentDidLoad","render","classes","inline","h","Host","tabindex","disabled","onFocus","class","type","name","Fragment","ref","el","isDateDisabled","calendarIsDateDisabled","min","calendarMin","max","calendarMax","onStzhChange","label","noAutocomplete","readonly","description","descriptionLong","error","invalid","required","showMarker","size","slot","placement","variant","icon","a11yLabel","stzhRadioCss","radioCounter","StzhRadio","focusedByInput","onInput","checked","originalEvent","focusEvent","FocusEvent","view","window","bubbles","cancelable","dispatchEvent","stzhFocus","onBlur","blurEvent","stzhBlur","class_2","focus","errorWatcher","_error","JSON","e","length","inputId","descriptionUsed","hasSlot","descriptionLongUsed","errorUsed","id","a11yDescribedby","requiredFieldMarker","optionalFieldMarker","requiredFieldText","optionalFieldText","StzhInputDescription","classPrefix","moreInfoButtonLabel","stzhRadiogroupCss","SELECTOR_RADIO","radiogroupCounter","StzhRadiogroup","_preventUpdateProperties","init","radios","Array","from","querySelectorAll","updateRadiosProperty","radiogroupId","watchValue","watchName","watchDisabled","watchInvalid","watchRequired","class_3","updateCheckedRadioByValue","preventUpdatePropertiesWatcher","onChange","prop","forEach","radio","indexOf","camelCase","checkedRadio","find","uncheckRadios","preventUpdateProperties","componentShouldUpdate","_newValue","_oldValue","componentDidRender","observer","MutationObserver","observe","childList","subtree","disconnectedCallback","disconnect","hideLegend","direction","legend"],"sources":["src/components/stzh-datepicker/stzh-datepicker.scss?tag=stzh-datepicker&encapsulation=scoped","src/components/stzh-datepicker/stzh-datepicker.tsx","src/components/stzh-radio/stzh-radio.scss?tag=stzh-radio&encapsulation=scoped","src/components/stzh-radio/stzh-radio.tsx","src/components/stzh-radiogroup/stzh-radiogroup.scss?tag=stzh-radiogroup&encapsulation=scoped","src/components/stzh-radiogroup/stzh-radiogroup.tsx"],"sourcesContent":[":host {\n  width: 100%;\n}\n\n.stzh-datepicker {\n  &__popover {\n    --padding: #{space('medium')};\n    --width: auto;\n  }\n\n  &__actions {\n    display: flex;\n    justify-content: flex-end;\n\n    &:not(:empty) {\n      margin-top: space('xsmall');\n    }\n  }\n}\n","import {\n  Component,\n  Prop,\n  Host,\n  Element,\n  h,\n  Event,\n  EventEmitter,\n  Method,\n  Watch,\n  Fragment,\n  State\n} from \"@stencil/core\";\n\nimport {\n  StzhCalendarChangeEvent,\n  StzhDatepickerChangeEvent\n} from \"../../index\";\n\nimport { StzhCalendarDateDisabledPredicate } from \"../../index\";\n\nimport { fetchTranslations } from \"../../utils/translation-utils\";\nimport { printISODate, parseISODate } from \"../../utils/date-utils\"\nimport { StzhLocaleAdapter, createGlobalAdapter } from \"../../utils/date-adapter\"\n\nimport { StzhDatepickerLocalizedText } from \"./stzh-datepicker.localization\";\n\n/**\n * @slot action - Slot for action below calendar (stzh-link element)\n */\n@Component({\n  tag: \"stzh-datepicker\",\n  styleUrl: \"stzh-datepicker.scss\",\n  scoped: true\n})\nexport class StzhDatepicker {\n  /**\n   * Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\n   * This setting can be used alone or together with the max property.\n   */\n  @Prop() calendarMin: string = \"\"\n\n  /**\n   * Maximum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\n   * This setting can be used alone or together with the min property.\n   */\n  @Prop() calendarMax: string = \"\"\n\n  /**\n   * Controls which days are disabled and therefore disallowed.\n   * For example, this can be used to disallow selection of weekends.\n   */\n  @Prop() calendarIsDateDisabled: StzhCalendarDateDisabledPredicate = () => false\n\n  /** Name of the hidden date picker input. */\n  @Prop({ reflect: true }) name: string = \"\";\n\n  /** Value of hidden date picker input (current selected date in ISO format). */\n  @Prop({ mutable: true }) value: string = \"\";\n\n  /** Label for input field and popover */\n  @Prop() label: string = \"\";\n\n  /** Whether the element is readonly or not */\n  @Prop({ reflect: true }) readonly: boolean = false;\n\n  /** Whether the element is disabled or not */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Description message (use description slot as alternative) */\n  @Prop() description: string;\n\n  /** Long description message appearing in a popover (use description-long slot as alternative) */\n  @Prop() descriptionLong: string;\n\n  /** One or multiple error message (use error slot as alternative) */\n  @Prop() error: string | string[];\n\n  /** Invalid status */\n  @Prop({ reflect: true }) invalid: boolean = false;\n\n  /** Required status */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /** Append text to label depending if field is optional/required. true -> show \"(optional)\", false -> show nothing */\n  @Prop({ reflect: true }) showMarker: boolean = false;\n\n  /** Size variant */\n  @Prop({ reflect: true }) size: \"default\" | \"small\" = \"default\";\n\n  /** Show calendar inline */\n  @Prop() inline: boolean = false;\n\n  /**\n   * Date adapter, for custom parsing/formatting.\n   * Must be object with a `parse` function which accepts a `string` and returns a `Date`,\n   * and a `format` function which accepts a `Date` and returns a `string`.\n   */\n  @Prop() dateAdapter: StzhLocaleAdapter;\n\n  /**  Translation strings. */\n  @Prop() localization: StzhDatepickerLocalizedText;\n\n  @State() buttonLabel: string;\n\n  @Watch(\"localization\")\n  createDateFormatters() {\n    if (this.localization) {\n      this.dateFormatLong = new Intl.DateTimeFormat(this.localization.$locale, {\n        day: \"numeric\",\n        month: \"long\",\n        year: \"numeric\",\n      })\n    }\n  }\n\n  /** Update calendar and input when value prop has changed */\n  @Watch(\"value\")\n  valueWatcher(newValue: string) {\n    const date = parseISODate(newValue);\n\n    if (this.calendar) {\n      this.calendar.value = newValue;\n    }\n\n    if (this.input) {\n      this.input.value = this.dateAdapter.format(date, \"inputdate\");\n    }\n\n    this.updateButtonAccessibleLabel();\n  }\n\n  /** Set value by a JS Date object */\n  @Method()\n  async setDate(date: Date) {\n    this.value = printISODate(date);\n  }\n\n  /** Return internal popover element */\n  @Method()\n  async getPopover(): Promise<HTMLStzhPopoverElement> {\n    return this.popover;\n  }\n\n  /** Datepicker change event */\n  @Event() stzhChange: EventEmitter<StzhDatepickerChangeEvent>;\n\n  @Element() element: HTMLStzhDatepickerElement;\n\n  /**\n   * To format dates exclusively for the benefit of screen readers.\n   *\n   * We prefer DateTimeFormat over date.toLocaleDateString, as the former has\n   * better performance when formatting large number of dates. See:\n   * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString#Performance\n   */\n  private dateFormatLong: Intl.DateTimeFormat\n\n  private input: HTMLStzhInputElement;\n  private popover: HTMLStzhPopoverElement;\n  private calendar: HTMLStzhCalendarElement;\n\n  private onRootFocus = () => {\n    if (this.input) {\n      this.input.setFocus();\n    }\n  }\n\n  private onInputChange = () => {\n    const parsedDate = this.dateAdapter.parse(this.input.value, \"inputdate\")\n\n    if (this.input.value === \"\" || parsedDate) {\n      const isoDate = printISODate(parsedDate);\n\n      if (this.calendar) {\n        this.calendar.value = isoDate;\n      }\n\n      this.value = isoDate;\n      this.stzhChange.emit({\n        component: \"stzh-datepicker\",\n        value: this.value,\n        valueAsDate: parsedDate,\n      })\n    }\n  }\n\n  private onCalendarChange = (event: CustomEvent<StzhCalendarChangeEvent>) => {\n    this.value = event.detail.value;\n    this.stzhChange.emit({\n      component: \"stzh-datepicker\",\n      value: this.value,\n      valueAsDate: event.detail.valueAsDate,\n    });\n\n    if (this.input) {\n      this.input.value = event.detail.valueAsDate\n        && this.dateAdapter.format(event.detail.valueAsDate, \"inputdate\");\n    }\n\n    if (this.popover) {\n      this.popover.hide();\n    }\n  }\n\n  private updateButtonAccessibleLabel() {\n    if (!this.localization) {\n      return;\n    }\n\n    try {\n      const valueAsDate = parseISODate(this.value);\n      this.buttonLabel = `${this.localization.buttonLabel}, ${this.localization.selectedDateMessage} ${this.dateFormatLong.format(valueAsDate)}`;\n    } catch (err) {\n      this.buttonLabel = this.localization.buttonLabel;\n    }\n  }\n\n  connectedCallback() {\n    this.createDateFormatters();\n  }\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await fetchTranslations(this.element, \"datepicker\");\n    }\n\n    if (!this.dateAdapter) {\n      this.dateAdapter = createGlobalAdapter(\n        this.localization.$formats,\n        this.localization.$globals\n      );\n    }\n  }\n\n  componentDidLoad() {\n    this.valueWatcher(this.value);\n  }\n\n  render() {\n    const classes = {\n      \"stzh-datepicker\": true,\n      \"stzh-datepicker--inline\": this.inline\n    };\n\n    return (\n      <Host tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n        <div class={classes}>\n          <input\n            type=\"hidden\"\n            name={this.name}\n            value={this.value}\n          />\n\n          {this.inline &&\n            <Fragment>\n              <stzh-calendar\n                ref={(el) => (this.calendar = el as HTMLStzhCalendarElement)}\n                isDateDisabled={this.calendarIsDateDisabled}\n                min={this.calendarMin}\n                max={this.calendarMax}\n                onStzhChange={this.onCalendarChange}\n              ></stzh-calendar>\n              <div class=\"stzh-datepicker__actions\">\n                <slot name=\"action\"></slot>\n              </div>\n            </Fragment>\n          }\n\n          {!this.inline &&\n            <stzh-input\n              label={this.label}\n              ref={(el) => (this.input = el as HTMLStzhInputElement)}\n              noAutocomplete\n              onStzhChange={this.onInputChange}\n              readonly={this.readonly}\n              disabled={this.disabled}\n              description={this.description}\n              descriptionLong={this.descriptionLong}\n              error={this.error}\n              invalid={this.invalid}\n              required={this.required}\n              showMarker={this.showMarker}\n              size={this.size}\n            >\n              <stzh-popover\n                ref={(el) => (this.popover = el as HTMLStzhPopoverElement)}\n                class=\"stzh-datepicker__popover\"\n                slot=\"button-right\"\n                placement=\"bottom-end\"\n                label={this.label}\n              >\n                <stzh-button\n                  variant=\"input\"\n                  icon-only\n                  icon=\"calendar\"\n                  disabled={this.disabled}\n                  a11yLabel={this.buttonLabel}\n                >\n                </stzh-button>\n                <div slot=\"content\">\n                  <stzh-calendar\n                    ref={(el) => (this.calendar = el as HTMLStzhCalendarElement)}\n                    isDateDisabled={this.calendarIsDateDisabled}\n                    min={this.calendarMin}\n                    max={this.calendarMax}\n                    onStzhChange={this.onCalendarChange}\n                  >\n                  </stzh-calendar>\n                  <div class=\"stzh-datepicker__actions\">\n                    <slot name=\"action\"></slot>\n                  </div>\n                </div>\n              </stzh-popover>\n            </stzh-input>\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  display: inline-block;\n\n  ::slotted(stzh-text) {\n    --color: inherit;\n  }\n}\n\n.stzh-radio {\n\t@include input-description;\n\n  &__field-wrapper {\n    @include fontSize('milli');\n    position: relative;\n    display: flex;\n    user-select: none;\n    cursor: pointer;\n  }\n\n  &__input {\n    @include visuallyhiddenInput;\n    border-radius: $formInputBorderRadius;\n  }\n\n  &__mark {\n    @include radio__mark();\n  }\n\n  &__check {\n    @include radio__check();\n  }\n\n  &__label {\n    display: inline-block;\n    color: $baseColor;\n    transition: color $baseTransitionAnimationSpeed;\n    margin-left: space('small');\n    line-height: 24px;\n\n    &:empty {\n      display: none;\n    }\n  }\n\n  &__marker-symbol {\n    @include fontSize('micro');\n  }\n\n  /* Hover / Focus / Checked */\n\n  &:hover &__label,\n  &__input:checked:hover ~ &__label,\n  &__input:checked:hover ~ &__mark &__check,\n  &__input:checked:focus ~ &__mark &__check {\n    color: $colorPrimaryHover;\n  }\n\n  &__input:checked ~ &__label {\n    color: $colorPrimary;\n  }\n\n  &:hover &__mark,\n  &__input:focus:hover ~ &__mark,\n  &__input:checked:hover ~ &__mark,\n  &__input:checked:focus ~ &__mark {\n    border-color: $colorPrimaryHover;\n  }\n\n  &__input:focus ~ &__mark,\n  &__input:checked ~ &__mark {\n    border-color: $colorPrimary;\n  }\n\n  &__input:checked ~ &__mark &__check {\n    opacity: 1;\n  }\n\n  /* Invalid */\n\n  &--is-invalid &__input ~ &__label,\n  &--is-invalid &__input ~ &__mark &__check {\n    color: $colorError;\n  }\n\n  &--is-invalid &__input ~ &__mark {\n    border-color: $colorError;\n  }\n\n  /* Disabled */\n\n\t&--is-disabled &__field-wrapper {\n    cursor: not-allowed;\n  }\n\n  &--is-disabled &__input ~ &__label,\n  &--is-disabled &__input ~ &__mark &__check {\n    color: $formDisabledColor;\n  }\n\n  &--is-disabled &__input ~ &__mark {\n    border-color: $formDisabledBorderColor;\n  }\n\n  &--is-disabled &__mark {\n    background-color: $formDisabledBackgroundColor;\n  }\n}\n","import {\n  Host,\n  Component,\n  Prop,\n  Event,\n  Element,\n  EventEmitter,\n  Method,\n  h,\n  Watch\n} from \"@stencil/core\";\n\nimport {\n  StzhRadioChangeEvent,\n  StzhRadioFocusEvent,\n  StzhRadioBlurEvent\n} from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\nimport { fetchTranslations, StzhLocaleComponent } from \"../../utils/translation-utils\";\n\nimport { StzhInputDescription } from \"../stzh-input/stzh-input-description\";\n\nlet radioCounter = 0;\n\n/**\n * @slot - Slot for label content\n * @slot description - Slot for description\n * @slot description-long - Slot for long description (in popover)\n * @slot error - Slot for error\n */\n@Component({\n  tag: \"stzh-radio\",\n  styleUrl: \"stzh-radio.scss\",\n  scoped: true\n})\nexport class StzhRadio {\n  /** Translation strings */\n  @Prop() localization: StzhLocaleComponent;\n\n  /** Whether the element is disabled or not */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** The name of the input element */\n  @Prop({ reflect: true }) name: string = \"\";\n\n  /** The value of the input element */\n  @Prop({ mutable: true }) value: string = \"\";\n\n  /** Invalid status */\n  @Prop({ reflect: true }) invalid: boolean = false;\n\n  /** Required status */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /** Append text to label depending if field is optional/required. true -> show \"(optional)\", false -> show nothing */\n  @Prop({ reflect: true }) showMarker: boolean = false;\n\n  /** Checked status */\n  @Prop({ mutable: true, reflect: true }) checked: boolean = false;\n\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Description message (use description slot as alternative) */\n  @Prop() description: string;\n\n  /** Long description message appearing in a popover (use description-long slot as alternative) */\n  @Prop() descriptionLong: string;\n\n  /** One or multiple error message (use error slot as alternative) */\n  @Prop() error: string | string[];\n  private _error: string[];\n\n  /** Id for element which describes the radio button (this will be overwritten if description prop or slot is used, used by stzh-radiogroup) */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n  /** Focus input field */\n  @Method()\n  async setFocus() {\n    this.input.focus();\n  }\n\n  /** Input change event */\n  @Event() stzhChange: EventEmitter<StzhRadioChangeEvent>;\n\n  /** Input focus event */\n  @Event() stzhFocus: EventEmitter<StzhRadioFocusEvent>;\n\n  /** Input blur event */\n  @Event() stzhBlur: EventEmitter<StzhRadioBlurEvent>;\n\n  @Watch(\"error\")\n  errorWatcher(newValue: string | string[]) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._error = JSON.parse(newValue);\n      } catch (e) {\n        if (newValue) {\n          this._error = [newValue];\n        } else {\n          this._error = [];\n        }\n      }\n    } else if (newValue) {\n      this._error = newValue;\n    } else {\n      this._error = [];\n    }\n\n    this.invalid = this._error.length > 0;\n  }\n\n  @Element() element: HTMLStzhRadioElement;\n\n  private input: HTMLInputElement;\n  private inputId: string;\n  private focusedByInput: boolean = false;\n\n  private onInput = (event: InputEvent) => {\n    this.checked = this.input.checked;\n    this.stzhChange.emit({\n      component: \"stzh-radio\",\n      originalEvent: event,\n      value: this.value,\n      checked: this.checked\n    });\n  }\n\n  private onRootFocus = () => {\n    if (!this.focusedByInput) {\n      this.setFocus();\n    }\n\n    this.focusedByInput = false;\n  }\n\n  private onFocus = (event: FocusEvent) => {\n    this.focusedByInput = true;\n\n    const focusEvent = new FocusEvent('focus', {\n      view: window,\n      bubbles: false,\n      cancelable: false\n    });\n\n    this.element.dispatchEvent(focusEvent);\n    this.stzhFocus.emit({\n      component: \"stzh-radio\",\n      originalEvent: event\n    });\n  }\n\n  private onBlur = (event: FocusEvent) => {\n    const blurEvent = new FocusEvent('blur', {\n      view: window,\n      bubbles: false,\n      cancelable: false\n    });\n\n    this.element.dispatchEvent(blurEvent);\n    this.stzhBlur.emit({\n      component: \"stzh-radio\",\n      originalEvent: event\n    });\n  }\n\n  async componentWillLoad() {\n    this.inputId = `stzh-radio-${radioCounter++}`;\n    this.errorWatcher(this.error);\n\n    if (!this.localization) {\n      this.localization = await fetchTranslations(this.element, 'radio');\n    }\n  }\n\n  render() {\n    const descriptionUsed = hasSlot(this.element, 'description') || !!this.description;\n    const descriptionLongUsed = hasSlot(this.element, 'description-long') || !!this.descriptionLong;\n    const errorUsed = hasSlot(this.element, 'error') || !!this.error;\n\n    const classes = {\n      \"stzh-radio\": true,\n      \"stzh-radio--has-description\": descriptionUsed,\n      \"stzh-radio--has-description-long\": descriptionLongUsed,\n      \"stzh-radio--has-error\": errorUsed,\n      \"stzh-radio--is-required\": this.required,\n      \"stzh-radio--is-invalid\": this.invalid,\n      \"stzh-radio--is-disabled\": this.disabled\n    };\n\n    return (\n      <Host tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n        <div class={classes}>\n          <label class=\"stzh-radio__field-wrapper\">\n            <input\n              class=\"stzh-radio__input\"\n              ref={(el) => (this.input = el as HTMLInputElement)}\n              type=\"radio\"\n              id={this.inputId}\n              name={this.name}\n              value={this.value}\n              disabled={this.disabled}\n              aria-describedby={`${this.inputId}-description ${this.a11yDescribedby}`}\n              aria-required={this.required ? \"true\" : \"false\"}\n              aria-invalid={this.invalid ? \"true\" : \"false\"}\n              checked={this.checked}\n              onInput={this.onInput}\n              onFocus={this.onFocus}\n              onBlur={this.onBlur}\n            />\n            <div class=\"stzh-radio__mark\">\n              <div class=\"stzh-radio__check\"></div>\n            </div>\n            <div class=\"stzh-radio__label\">\n              {this.label ? this.label : <slot></slot>}\n              {this.showMarker &&\n                <span class=\"stzh-radio__marker\">\n                  <span class=\"stzh-radio__marker-symbol\" aria-hidden=\"true\">\n                    {this.required\n                      ? this.localization.$globals.requiredFieldMarker\n                      : this.localization.$globals.optionalFieldMarker\n                    }\n                  </span>\n                  <span class=\"stzh-radio__marker-text\">\n                    {this.required\n                      ? this.localization.$globals.requiredFieldText\n                      : this.localization.$globals.optionalFieldText\n                    }\n                  </span>\n                </span>\n              }\n            </div>\n          </label>\n          <StzhInputDescription\n            classPrefix=\"stzh-radio\"\n            id={`${this.inputId}-description`}\n            error={this._error}\n            description={this.description}\n            descriptionLong={this.descriptionLong}\n            descriptionLongUsed={descriptionLongUsed}\n            moreInfoButtonLabel={this.localization.$globals.moreInfoButtonLabel}\n          />\n        </div>\n      </Host>\n    );\n  }\n}\n",":host([direction=\"vertical\"]) {\n  ::slotted(stzh-radio:not(:last-child)) {\n    margin-bottom: space('medium');\n  }\n}\n\n:host([direction=\"horizontal\"]) {\n  ::slotted(stzh-radio:not(:last-child)) {\n    margin-right: space('large');\n  }\n}\n\n.stzh-radiogroup {\n  @include input-description;\n  margin: 0;\n  padding: 0;\n  border: none;\n\n  &__fields {\n    display: flex;\n    align-items: flex-start;\n    flex-direction: column;\n  }\n\n  &__legend {\n    @include font('heavy');\n    @include fontSize('nano');\n    padding: 0;\n    margin-bottom: space('xsmall');\n  }\n\n  &--hide-legend &__legend {\n    @include visuallyhidden;\n  }\n\n  &--direction-horizontal &__fields {\n    flex-direction: row;\n  }\n}\n","import {\n  Component,\n  Prop,\n  Element,\n  Watch,\n  h,\n  Listen\n} from \"@stencil/core\";\n\nimport { StzhRadioChangeEvent } from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\nimport { camelCase } from \"../../utils/string-utils\";\nimport { fetchTranslations, StzhLocaleComponent } from \"../../utils/translation-utils\";\n\nimport { StzhInputDescription } from \"../stzh-input/stzh-input-description\";\n\nconst SELECTOR_RADIO = 'stzh-radio, stzh-button[type=radio], stzh-card';\n\nlet radiogroupCounter = 0;\n\n/**\n * @slot - Slot for `stzh-radio`, `stzh-button[type=\"radio\"]` or `stzh-card` elements\n * @slot description - Slot for description\n * @slot description-long - Slot for long description (in popover)\n * @slot error - Slot for error\n */\n@Component({\n  tag: \"stzh-radiogroup\",\n  styleUrl: \"stzh-radiogroup.scss\",\n  scoped: true\n})\nexport class StzhRadiogroup {\n  /** Translation strings */\n  @Prop() localization: StzhLocaleComponent;\n\n  /** Whether the element is disabled or not */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** The name of the input radio elements, will define the radio group. If you have more than one radio group on a page, every group needs to have its own unique name */\n  @Prop({ reflect: true }) name: string;\n\n  /** The legend */\n  @Prop() legend: string;\n\n  /** Hide legend to show only for screenreaders */\n  @Prop({ reflect: true }) hideLegend: boolean = false;\n\n  /** Invalid status */\n  @Prop({ reflect: true }) invalid: boolean = false;\n\n  /** Required status */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /** Append text to label depending if field is optional/required. true -> show \"(optional)\", false -> show nothing */\n  @Prop({ reflect: true }) showMarker: boolean = false;\n\n  /** Select a radio by value */\n  @Prop({ mutable: true }) value: string = \"\";\n\n  /** Direction */\n  @Prop({ reflect: true }) direction: \"vertical\" | \"horizontal\" = \"vertical\";\n\n  /** Description message (use description slot as alternative) */\n  @Prop() description: string;\n\n  /** Long description message appearing in a popover (use description-long slot as alternative) */\n  @Prop() descriptionLong: string;\n\n  /** One or multiple error message (use error slot as alternative) */\n  @Prop() error: string | string[];\n  private _error: string[];\n\n  /** Current checked radio element (readonly) */\n  @Prop() checkedRadio: HTMLStzhRadioElement | null = null;\n\n  /** Prevent updating certain properties of radio elements (possible values inside array: disabled, invalid, required, hide-marker) */\n  @Prop() preventUpdateProperties: string[] | string = [];\n  private _preventUpdateProperties: string[] = [];\n\n  /** Host element */\n  @Element() element: HTMLElement;\n\n  @Watch(\"name\")\n  watchName(newValue: string) {\n    this.updateRadiosProperty(\"name\", newValue);\n  }\n\n  @Watch(\"disabled\")\n  watchDisabled(newValue: boolean) {\n    this.updateRadiosProperty(\"disabled\", newValue);\n  }\n\n  @Watch(\"invalid\")\n  watchInvalid(newValue: boolean) {\n    this.updateRadiosProperty(\"invalid\", newValue);\n  }\n\n  @Watch(\"required\")\n  watchRequired(newValue: boolean) {\n    this.updateRadiosProperty(\"required\", newValue);\n  }\n\n  @Watch(\"value\")\n  watchValue(newValue: string) {\n    this.updateCheckedRadioByValue(newValue);\n  }\n\n  @Watch(\"error\")\n  errorWatcher(newValue: string | string[]) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._error = JSON.parse(newValue);\n      } catch (e) {\n        if (newValue) {\n          this._error = [newValue];\n        } else {\n          this._error = [];\n        }\n      }\n    } else if (newValue) {\n      this._error = newValue;\n    } else {\n      this._error = [];\n    }\n\n    this.invalid = this._error.length > 0;\n  }\n\n  @Watch(\"preventUpdateProperties\")\n  preventUpdatePropertiesWatcher(newValue: string[] | string) {\n    if (typeof newValue === \"string\") {\n      this._preventUpdateProperties = JSON.parse(newValue);\n    } else {\n      this._preventUpdateProperties = newValue;\n    }\n  }\n\n  @Listen(\"stzhChange\")\n  onChange(event: CustomEvent<StzhRadioChangeEvent>) {\n    this.value = event.detail.value;\n  }\n\n  /** Radio elements */\n  private radios: HTMLStzhRadioElement[];\n  private radiogroupId: string;\n  private observer: MutationObserver;\n\n  private updateRadiosProperty(prop: string, value: any) {\n    this.radios.forEach((radio: HTMLStzhRadioElement) => {\n      if (prop === \"name\" || (this._preventUpdateProperties.indexOf(prop) === -1)) {\n        radio[camelCase(prop)] = value;\n      }\n    });\n  }\n\n  private updateCheckedRadioByValue(value: string) {\n    this.checkedRadio = this.radios.find(radio => radio.value === value);\n\n    if (this.checkedRadio) {\n      this.checkedRadio.checked = true;\n    }\n\n    this.uncheckRadios();\n  }\n\n  private uncheckRadios() {\n    // make sure that no other radios are checked than the current one or no one\n    this.radios.forEach((radio: HTMLStzhRadioElement) => {\n      if (!this.checkedRadio || radio !== this.checkedRadio) {\n        radio.checked = false;\n      }\n    });\n  }\n\n  private init = () => {\n    // update radios\n    this.radios = Array.from(this.element.querySelectorAll(SELECTOR_RADIO));\n\n    this.updateRadiosProperty(\"show-marker\", false);\n    this.updateRadiosProperty(\"a11y-describedby\", `${this.radiogroupId}-description`);\n\n    this.watchValue(this.value);\n    this.watchName(this.name);\n    this.watchDisabled(this.disabled);\n    this.watchInvalid(this.invalid);\n    this.watchRequired(this.required);\n  }\n\n  async componentWillLoad() {\n    this.radiogroupId = `stzh-radiogroup-${radiogroupCounter++}`;\n    this.errorWatcher(this.error);\n    this.preventUpdatePropertiesWatcher(this.preventUpdateProperties);\n\n    if (!this.localization) {\n      this.localization = await fetchTranslations(this.element, 'radiogroup');\n    }\n  }\n\n  componentShouldUpdate(_newValue, _oldValue, prop: string) {\n    return prop !== \"checkedRadio\";\n  }\n\n  componentDidRender() {\n    this.init();\n  }\n\n  connectedCallback() {\n    if (!this.value) {\n      this.radios = Array.from(this.element.querySelectorAll(SELECTOR_RADIO));\n\n      // try to find a checkbox that might has checked set to true\n      const checkedRadio = this.radios.find(radio => radio.checked);\n\n      if (checkedRadio) {\n        this.value = checkedRadio.value;\n      }\n    }\n\n    this.observer = new MutationObserver(this.init);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  render() {\n    const descriptionUsed = hasSlot(this.element, 'description') || !!this.description;\n    const descriptionLongUsed = hasSlot(this.element, 'description-long') || !!this.descriptionLong;\n    const errorUsed = hasSlot(this.element, 'error') || !!this.error;\n\n    const classes = {\n      \"stzh-radiogroup\": true,\n      \"stzh-radiogroup--has-description\": descriptionUsed,\n      \"stzh-radiogroup--has-description-long\": descriptionLongUsed,\n      \"stzh-radiogroup--has-error\": errorUsed,\n      \"stzh-radiogroup--is-required\": this.required,\n      \"stzh-radiogroup--is-disabled\": this.disabled,\n      \"stzh-radiogroup--is-invalid\": this.invalid,\n      \"stzh-radiogroup--hide-legend\": this.hideLegend,\n      [`stzh-radiogroup--direction-${this.direction}`]: !!this.direction\n    };\n\n    return (\n      <fieldset class={classes}>\n        {this.legend &&\n          <legend class=\"stzh-radiogroup__legend\">\n            {this.legend}\n            {this.showMarker &&\n              <span class=\"stzh-radiogroup__marker\">\n                <span class=\"stzh-radiogroup__marker-symbol\" aria-hidden=\"true\">\n                  {this.required\n                    ? this.localization.$globals.requiredFieldMarker\n                    : this.localization.$globals.optionalFieldMarker\n                  }\n                </span>\n                <span class=\"stzh-radiogroup__marker-text\">\n                  {this.required\n                    ? this.localization.$globals.requiredFieldText\n                    : this.localization.$globals.optionalFieldText\n                  }\n                </span>\n              </span>\n            }\n          </legend>\n        }\n        <div class=\"stzh-radiogroup__fields\">\n          <slot></slot>\n        </div>\n        <StzhInputDescription\n          classPrefix=\"stzh-radiogroup\"\n          id={`${this.radiogroupId}-description`}\n          error={this._error}\n          description={this.description}\n          descriptionLong={this.descriptionLong}\n          descriptionLongUsed={descriptionLongUsed}\n          moreInfoButtonLabel={this.localization.$globals.moreInfoButtonLabel}\n        />\n      </fieldset>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/stzh-components/p-f58c28ad.system.js

@@ -1,2 +0,0 @@
-System.register([],(function(e){"use strict";return{execute:function(){e({a:r,c:t});function r(e){var r=e.replace(/^\s*(?:<br\s*\/?>\s*)*/i,"").replace(/\s*(?:<br\s*\/?>\s*)*$/i,"").replace(/(?:<br\s*\/?>\s*?){2,}/gi,"</p><p>");return"<p>".concat(r,"</p>")}function t(e){return e.replace(/-([a-z])/g,(function(e){return e[1].toUpperCase()}))}}}}));
-//# sourceMappingURL=p-f58c28ad.system.js.map

package/dist/stzh-components/p-f58c28ad.system.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["createParagraphsFromBrs","content","replaced","replace","concat","camelCase","dashString","g","toUpperCase"],"sources":["src/utils/string-utils.ts"],"sourcesContent":["export function createParagraphsFromBrs(content: string) {\n  const replaced = content\n    .replace(/^\\s*(?:<br\\s*\\/?>\\s*)*/i, \"\")\n    .replace(/\\s*(?:<br\\s*\\/?>\\s*)*$/i, \"\")\n    .replace(/(?:<br\\s*\\/?>\\s*?){2,}/gi, \"</p><p>\");\n\n  return `<p>${replaced}</p>`;\n}\n\nexport function camelCase(dashString: string) {\n  return dashString\n    .replace(/-([a-z])/g, function (g) {\n      return g[1].toUpperCase();\n    });\n}\n"],"mappings":"6FAAgBA,EAAwBC,GACtC,IAAMC,EAAWD,EACdE,QAAQ,0BAA2B,IACnCA,QAAQ,0BAA2B,IACnCA,QAAQ,2BAA4B,WAEvC,MAAO,MAAAC,OAAMF,EAAQ,OACvB,C,SAEgBG,EAAUC,GACxB,OAAOA,EACJH,QAAQ,aAAa,SAAUI,GAC9B,OAAOA,EAAE,GAAGC,a,GAElB,C"}

package/dist/stzh-components/p-fda1c56c.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-7b184ebb.system.js"],(function(t){"use strict";var s,r,e,a;return{setters:[function(t){s=t.r;r=t.h;e=t.a;a=t.g}],execute:function(){var o=".sc-stzh-status-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-status-h{display:none}.sc-stzh-status-h *.sc-stzh-status,.sc-stzh-status-h *.sc-stzh-status::before,.sc-stzh-status-h *.sc-stzh-status::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-status-h{--color:var(--stzh-base-color);--min-width:none}[with-loadingbar].sc-stzh-status-h:not([with-loadingbar=false]){--min-width:10rem}[type=success].sc-stzh-status-h{--color:var(--stzh-color-truegreen)}[type=warning].sc-stzh-status-h{--color:var(--stzh-color-warning)}[type=error].sc-stzh-status-h{--color:var(--stzh-color-error)}[type=info].sc-stzh-status-h{--color:var(--stzh-color-zueriblue)}.stzh-status.sc-stzh-status{min-width:var(--min-width);color:var(--color)}.stzh-status__dot.sc-stzh-status{border-radius:50%;width:0.75rem;height:0.75rem;background-color:currentColor;margin-right:var(--stzh-space-xxsmall)}.stzh-status__bar.sc-stzh-status{display:block;height:0.25rem;border-radius:0.75rem;background-color:var(--stzh-color-grey13);margin-top:var(--stzh-space-xxsmall)}.stzh-status__bar-inner.sc-stzh-status{display:block;height:100%;width:0;border-radius:0.75rem;background:currentColor}.stzh-status__text.sc-stzh-status{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}";var i=t("stzh_status",function(){function t(t){s(this,t);this.percent=0;this.withLoadingbar=false;this.label="";this.type="default"}t.prototype.render=function(){var t;var s=(t={"stzh-status":true},t["stzh-status--type-".concat(this.type)]=!!this.type,t);return r(e,null,r("div",{class:s},r("div",{class:"stzh-status__text"},r("div",{class:"stzh-status__dot"}),this.label&&r("div",{class:"stzh-status__label"},this.label)),this.withLoadingbar&&r("div",{class:"stzh-status__bar"},r("div",{class:"stzh-status__bar-inner",style:{width:"".concat(this.percent,"%")}}))))};Object.defineProperty(t.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());i.style=o}}}));
-//# sourceMappingURL=p-fda1c56c.system.entry.js.map

package/dist/stzh-components/p-fda1c56c.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhStatusCss","StzhStatus","exports","class_1","prototype","render","classes","_a","concat","this","type","h","Host","class","label","withLoadingbar","style","width","percent"],"sources":["src/components/stzh-status/stzh-status.scss?tag=stzh-status&encapsulation=scoped","src/components/stzh-status/stzh-status.tsx"],"sourcesContent":[":host {\n  --color: #{$baseColor};\n  --min-width: none;\n\n  &[with-loadingbar]:not([with-loadingbar=\"false\"]) {\n    --min-width: 160px;\n  }\n\n  &[type=\"success\"] {\n    --color: #{$colorTruegreen};\n  }\n\n  &[type=\"warning\"] {\n    --color: #{$colorWarning};\n  }\n\n  &[type=\"error\"] {\n    --color: #{$colorError};\n  }\n\n  &[type=\"info\"] {\n    --color: #{$colorZueriblue};\n  }\n}\n\n.stzh-status {\n  min-width: var(--min-width);\n  color: var(--color);\n\n  &__dot {\n    border-radius: 50%;\n    width: 12px;\n    height: 12px;\n    background-color: currentColor;\n    margin-right: space('xxsmall');\n  }\n\n  &__bar {\n    display: block;\n    height: 4px;\n    border-radius: 12px;\n    background-color: $colorGrey13;\n    margin-top: space('xxsmall');\n  }\n\n  &__bar-inner {\n    display: block;\n    height: 100%;\n    width: 0;\n    border-radius: 12px;\n    background: currentColor;\n  }\n\n  &__text {\n    @include fontSize('micro');\n    display: flex;\n    align-items: center;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n} from \"@stencil/core\";\n\n/**\n */\n@Component({\n  tag: \"stzh-status\",\n  styleUrl: \"stzh-status.scss\",\n  scoped: true\n})\nexport class StzhStatus {\n  /** Percent */\n  @Prop() percent: number = 0;\n\n  /** Whether to hide/show loadingbar */\n  @Prop({ reflect: true }) withLoadingbar: boolean = false;\n\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Type */\n  @Prop({ reflect: true }) type: \"default\" | \"success\" | \"warning\" | \"error\" | \"info\" = \"default\";\n\n  @Element() element: HTMLStzhStatusElement;\n\n  render() {\n    const classes = {\n      \"stzh-status\": true,\n      [`stzh-status--type-${this.type}`]: !!this.type\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-status__text\">\n            <div class=\"stzh-status__dot\"></div>\n            {this.label &&\n              <div class=\"stzh-status__label\">\n                {this.label}\n              </div>\n            }\n          </div>\n          {this.withLoadingbar &&\n            <div class=\"stzh-status__bar\">\n              <div class=\"stzh-status__bar-inner\" style={{\n                width: `${this.percent}%`\n              }}></div>\n            </div>\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0JAAA,IAAMA,EAAgB,gpD,ICeTC,EAAUC,EAAA,yB,qCAEK,E,oBAGyB,M,WAG3B,G,UAG8D,S,CAItFC,EAAAC,UAAAC,OAAA,W,MACE,IAAMC,GAAOC,EAAA,CACX,cAAe,MACfA,EAAC,qBAAAC,OAAqBC,KAAKC,SAAWD,KAAKC,K,GAG7C,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOP,GACVK,EAAA,OAAKE,MAAM,qBACTF,EAAA,OAAKE,MAAM,qBACVJ,KAAKK,OACJH,EAAA,OAAKE,MAAM,sBACRJ,KAAKK,QAIXL,KAAKM,gBACJJ,EAAA,OAAKE,MAAM,oBACTF,EAAA,OAAKE,MAAM,yBAAyBG,MAAO,CACzCC,MAAO,GAAAT,OAAGC,KAAKS,QAAO,U,4HAnCf,I"}