@oiz/stzh-components 2.7.0 → 2.8.0-beta

package/dist/esm-es5/stzh-carousel.entry.js

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,s,i){function r(e){return e instanceof s?e:new s((function(t){t(e)}))}return new(s||(s=Promise))((function(s,o){function a(e){try{n(i.next(e))}catch(e){o(e)}}function l(e){try{n(i["throw"](e))}catch(e){o(e)}}function n(e){e.done?s(e.value):r(e.value).then(a,l)}n((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var s={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,r,o,a;return a={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function l(e){return function(t){return n([e,t])}}function n(l){if(i)throw new TypeError("Generator is already executing.");while(a&&(a=0,l[0]&&(s=0)),s)try{if(i=1,r&&(o=l[0]&2?r["return"]:l[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,l[1])).done)return o;if(r=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:s.label++;return{value:l[1],done:false};case 5:s.label++;r=l[1];l=[0];continue;case 7:l=s.ops.pop();s.trys.pop();continue;default:if(!(o=s.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){s=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){s.label=l[1];break}if(l[0]===6&&s.label<o[1]){s.label=o[1];o=l;break}if(o&&s.label<o[2]){s.label=o[2];s.ops.push(l);break}if(o[2])s.ops.pop();s.trys.pop();continue}l=t.call(e,s)}catch(e){l=[6,e];r=0}finally{i=o=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-67fd55c9.js";import{i as isStzhElement}from"./utils-51148d9a.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";import{a as addMediaChangeListener,r as removeMediaChangeListener,m as media}from"./media-utils-9b041ceb.js";var stzhCarouselCss=".sc-stzh-carousel-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-carousel-h{display:none}.sc-stzh-carousel-h *.sc-stzh-carousel,.sc-stzh-carousel-h *.sc-stzh-carousel::before,.sc-stzh-carousel-h *.sc-stzh-carousel::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-carousel-h{--peek:calc(var(--peek-in, 0px) + var(--peek-out, 0px));--peek-out:1.25rem;--padding-top:0px;--padding-bottom:0px;--gutter:var(--stzh-space-xxxsmall);--snap-stop:always;--slides:1;--slide-size:calc((100% - (var(--slides) - 1) * var(--gutter)) / var(--slides))}@media screen and (min-width: 600px){.sc-stzh-carousel-h{--peek-out:2rem}}@media screen and (min-width: 1024px){.sc-stzh-carousel-h{--peek-out:0px}}[variant=cards].sc-stzh-carousel-h{--padding-top:0.25rem;--padding-bottom:0.25rem;--gutter:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){[variant=cards].sc-stzh-carousel-h{--peek-out:2.5rem;--gutter:var(--stzh-space-small)}}@media screen and (min-width: 1260px){[variant=cards].sc-stzh-carousel-h{--peek-out:5.5rem;--gutter:var(--stzh-space-medium)}}@media screen and (min-width: 1440px){[variant=cards].sc-stzh-carousel-h{--peek-out:calc((100vw - 78.75rem - var(--stzh-scrollbar-width, 0px)) / 2)}}.sc-stzh-carousel-h .sc-stzh-carousel-s>*{width:100%;height:100%;-ms-flex-negative:0;flex-shrink:0;scroll-snap-align:start;scroll-snap-stop:var(--snap-stop)}.sc-stzh-carousel-h .sc-stzh-carousel-s img{-webkit-user-drag:none;user-drag:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions]{position:absolute;top:0;left:0;z-index:1;pointer-events:none;padding:0 var(--peek)}.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] stzh-text{width:auto}.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] stzh-button{pointer-events:all}.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-space,.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-hspace,.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-vspace{padding:var(--stzh-space-xsmall)}.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions]{--background-color:transparent}.sc-stzh-carousel-h[variant=cards] .sc-stzh-carousel-s>[slot=actions]{position:relative;-ms-flex-order:1;order:1;margin-top:calc(var(--stzh-space-medium) - var(--padding-bottom))}.stzh-carousel.sc-stzh-carousel{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:calc(100% + var(--peek-out) * 2);margin-left:calc(var(--peek-out) / -1);margin-right:calc(var(--peek-out) / -1)}.stzh-carousel__vhidden.sc-stzh-carousel{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-carousel__scroll.sc-stzh-carousel{position:relative;grid-area:slides;display:grid;width:100%;height:100%;place-items:center;overflow-x:auto;overflow-y:visible;grid-auto-flow:column;grid-auto-columns:var(--slide-size);grid-auto-rows:100%;-moz-column-gap:var(--gutter);-webkit-column-gap:var(--gutter);column-gap:var(--gutter);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scroll-padding:0 var(--peek);padding:var(--padding-top) var(--peek) var(--padding-bottom)}@media (prefers-reduced-motion: reduce){.stzh-carousel__scroll.sc-stzh-carousel{scroll-behavior:auto}}.stzh-carousel__scroll.sc-stzh-carousel::-webkit-scrollbar{display:none}.stzh-carousel--is-draggable.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:-webkit-grab;cursor:grab}.stzh-carousel--is-dragging.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:-webkit-grabbing;cursor:grabbing}.stzh-carousel--is-disabled.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:not-allowed;overflow:hidden}";var reducedMotionMedia=window.matchMedia("(prefers-reduced-motion: reduce)");var carouselCounter=0;var StzhCarousel=function(){function e(e){var t=this;registerInstance(this,e);this.stzhSlideStart=createEvent(this,"stzhSlideStart",7);this.stzhSlidePassed=createEvent(this,"stzhSlidePassed",7);this.stzhSlideEnd=createEvent(this,"stzhSlideEnd",7);this.slideScrollLeft=0;this.scrolledByAutoplay=false;this.scrollTimeoutId=null;this.lastX=null;this.startX=null;this.startScrollLeft=null;this.disableTimeoutId=null;this.stoppedDragging=false;this.onReducedMotionMediaChange=function(){t.autoplayDisabledByMotionMedia=reducedMotionMedia.matches};this.onMouseenter=function(){t.autoplayDisabledByMouse=true};this.onMouseleave=function(){t.autoplayDisabledByMouse=false};this.onFocusin=function(){t.autoplayDisabledByFocus=true};this.onFocusout=function(){t.autoplayDisabledByFocus=false};this.onPreviousClick=function(){t.scrollToPreviousSnapPoint()};this.onNextClick=function(){t.scrollToNextSnapPoint()};this.onSlideResize=function(){if(t.scrollElement){t.itemSize=t.sizingMethod()}};this.onMutation=function(){if(!t.scrollElement){return}t.slideElements=Array.from(t.scrollElement.children);t.slideElements.forEach((function(e,s){e.setAttribute("role","group");e.setAttribute("aria-roledescription","slide");e.setAttribute("aria-label",t.localization.slideLabel.replace(/\{current\}/gi,(s+1).toString()).replace(/\{total\}/gi,t.slideElements.length.toString()))}));t.previousElements=Array.from(t.element.querySelectorAll("[data-stzh-carousel-previous]"));t.nextElements=Array.from(t.element.querySelectorAll("[data-stzh-carousel-next]"));t.navigationTextElements=Array.from(t.element.querySelectorAll("[data-stzh-carousel-navigation-text]"))};this.onScroll=function(){if(t.scrollTimeoutId===null){var e=t.scrollElement.scrollLeft>t.slideScrollLeft?1:-1;t.scrolling=true;if(!t.scrolledByAutoplay){t.autoplay=false}t.stzhSlideStart.emit({component:"stzh-carousel",index:t.slide+e})}if(t.slide!==t.calculateSlide()){t.update();t.stzhSlidePassed.emit({component:"stzh-carousel",index:t.slide})}t.scrollTimeoutId&&window.clearTimeout(t.scrollTimeoutId);t.scrollTimeoutId=window.setTimeout(t.onScrollEnd,t.scrollTimeout)};this.onScrollEnd=function(){t.scrollTimeoutId=null;t.update();t.scrolling=false;t.scrolledByAutoplay=false;if(t.stoppedDragging){t.stoppedDragging=false;t.scrollElement.style.removeProperty("scroll-behavior");t.scrollElement.style.removeProperty("scroll-snap-type")}if(t.tabThrough||t.variant==="cards"){t.ariaLive=""}else{t.ariaLive=(t.currentSlides>1?t.localization.slidesLabel:t.localization.slideLabel).replace(/\{(current|from)\}/gi,(t.slide+1).toString()).replace(/\{to\}/gi,(t.slide+t.currentSlides).toString()).replace(/\{total\}/gi,t.slideElements.length.toString())}t.stzhSlideEnd.emit({component:"stzh-carousel",index:t.slide})};this.onMediaChange=function(){var e=media("ultra").matches;var s=media("large").matches;var i=media("medium").matches;var r=media("small").matches;if(e&&t.slidesUltra!==0){t.currentSlides=t.slidesUltra}else if(s&&t.slidesLarge!==0){t.currentSlides=t.slidesLarge}else if(i&&t.slidesMedium!==0){t.currentSlides=t.slidesMedium}else if(r&&t.slidesSmall!==0){t.currentSlides=t.slidesSmall}else{t.currentSlides=t.slides}t.currentSwipeSlides=t.currentSlides};this.mouseMove=function(e){var s=t.lastX-e.clientX;t.lastX=e.clientX;t.scrollElement.scrollLeft+=s};this.startDragging=function(e){e.preventDefault();t.disableTimeoutId&&window.clearTimeout(t.disableTimeoutId);t.disableTimeoutId=null;t.startX=t.lastX=e.clientX;t.startScrollLeft=t.scrollElement.scrollLeft;t.scrollElement.style.setProperty("scroll-behavior","auto");t.scrollElement.style.setProperty("scroll-snap-type","unset");t.dragging=true;t.autoplay=false;window.addEventListener("mousemove",t.mouseMove);window.addEventListener("mouseup",t.stopDragging,{capture:true});window.addEventListener("click",t.checkClick,{capture:true})};this.stopDragging=function(e){e.preventDefault();var s=Math.abs(t.startX-t.lastX);var i=s>t.distanceQuickSwipe;var r=t.lastX>t.startX?1:-1;t.dragging=false;var o=t.scrollElement.scrollLeft;t.scrollElement.style.removeProperty("scroll-snap-type");var a=t.scrollElement.scrollLeft;t.scrollElement.style.setProperty("scroll-snap-type","unset");t.scrollElement.scrollTo({left:o,behavior:"auto"});if(a!==t.startScrollLeft||!i){t.scrollElement.scrollTo({left:a,behavior:reducedMotionMedia.matches?"auto":"smooth"})}else if(r===1){t.slideToPrevious()}else{t.slideToNext()}window.removeEventListener("mousemove",t.mouseMove);window.removeEventListener("mouseup",t.stopDragging,{capture:true});t.stoppedDragging=true};this.checkClick=function(e){var s=Math.abs(t.startX-t.lastX);var i=s>t.distancePreventClick;if(i){e.preventDefault()}t.lastX=null;window.removeEventListener("click",t.checkClick,{capture:true})};this.autoplayInterval=function(){t.scrolledByAutoplay=true;if(t.hasReachedLastSlide()){t.slideTo(0)}else{t.slideToNext()}};this.localization=undefined;this.variant="default";this.disabled=false;this.slides=1;this.slidesSmall=0;this.slidesMedium=0;this.slidesLarge=0;this.slidesUltra=0;this.slide=0;this.autoplay=false;this.tabThrough=false;this.preventMouseDrag=false;this.scrollTimeout=100;this.autoplayTimeout=3e3;this.distanceQuickSwipe=40;this.distancePreventClick=6;this.autoplayRunning=false;this.autoplayDisabledByMotionMedia=false;this.autoplayDisabledByMouse=false;this.autoplayDisabledByFocus=false;this.dragging=false;this.scrolling=false;this.ariaLive="";this.currentSlides=1;this.currentSwipeSlides=1;this.slideElements=[];this.previousElements=[];this.nextElements=[];this.navigationTextElements=[]}e.prototype.slideTo=function(e,t){if(t===void 0){t="smooth"}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(s){this.scrollToSlide(e,t);return[2]}))}))};e.prototype.slideToPrevious=function(e){if(e===void 0){e="smooth"}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.scrollToPreviousSnapPoint(e);return[2]}))}))};e.prototype.slideToNext=function(e){if(e===void 0){e="smooth"}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.scrollToNextSnapPoint(e);return[2]}))}))};e.prototype.disabledWatcher=function(){if(this.disabled){this.scrollElement&&this.scrollElement.removeEventListener("scroll",this.onScroll);this.scrollTimeoutId&&window.clearTimeout(this.scrollTimeoutId);this.scrollTimeoutId=null;this.element.removeEventListener("mouseenter",this.onMouseenter);this.element.removeEventListener("mouseleave",this.onMouseleave);this.element.removeEventListener("focusin",this.onFocusin);this.element.removeEventListener("focusout",this.onFocusout);this.onReducedMotionMediaChange();reducedMotionMedia&&reducedMotionMedia.removeEventListener("change",this.onReducedMotionMediaChange)}else{this.scrollElement&&this.scrollElement.addEventListener("scroll",this.onScroll,{passive:true});this.element.addEventListener("mouseenter",this.onMouseenter);this.element.addEventListener("mouseleave",this.onMouseleave);this.element.addEventListener("focusin",this.onFocusin);this.element.addEventListener("focusout",this.onFocusout);reducedMotionMedia&&reducedMotionMedia.addEventListener("change",this.onReducedMotionMediaChange)}};e.prototype.preventMouseDragWatcher=function(){if(this.preventMouseDrag||this.disabled){this.disableTimeoutId&&window.clearTimeout(this.disableTimeoutId);this.disableTimeoutId=null;this.scrollElement&&this.scrollElement.removeEventListener("mousedown",this.startDragging);this.lastX=null}else{this.scrollElement&&this.scrollElement.addEventListener("mousedown",this.startDragging)}};e.prototype.autoplayRunningWatcher=function(){if(!this.autoplay||this.disabled||this.autoplayDisabledByMotionMedia||this.autoplayDisabledByMouse||this.autoplayDisabledByFocus){this.autoplayIntervalId&&window.clearInterval(this.autoplayIntervalId);this.autoplayIntervalId=null;this.autoplayRunning=false}else{this.autoplayIntervalId&&window.clearInterval(this.autoplayIntervalId);this.autoplayIntervalId=window.setInterval(this.autoplayInterval,this.autoplayTimeout);this.autoplayRunning=true}};e.prototype.snapAlignWatcher=function(){var e=this;this.slideElements.forEach((function(t,s){var i=(s-e.currentSwipeSlides)%e.currentSwipeSlides===0;if(i){t.style.removeProperty("scroll-snap-align")}else{t.style.setProperty("scroll-snap-align","none")}}))};e.prototype.inertWatcher=function(){var e=this;this.slideElements.forEach((function(t,s){var i=e.tabThrough||e.variant==="cards"||s>=e.slide&&s<e.slide+e.currentSlides;t.inert=!i;if(i){t.removeAttribute("aria-hidden")}else{t.setAttribute("aria-hidden",i?"false":"true")}}))};e.prototype.prevNextNavigationWatcher=function(){var e=this.tabThrough||this.variant==="cards";var t=function(t){var s=isStzhElement(t);if(e){t.setAttribute("aria-hidden","true");t.setAttribute(s?"a11y-tabindex":"tabindex","-1")}else{t.removeAttribute("aria-hidden");t.removeAttribute(s?"a11y-tabindex":"tabindex")}};this.nextElements.forEach(t);this.previousElements.forEach(t)};e.prototype.prevNextHiddenWatcher=function(){var e=this.slideElements.length<=this.currentSlides;var t=function(t){if(e){t.setAttribute("hidden","")}else{t.removeAttribute("hidden")}};this.navigationTextElements.forEach(t);this.nextElements.forEach(t);this.previousElements.forEach(t)};e.prototype.nextPrevDisabledWatcher=function(){if(!this.scrollElement){return}var e=this.slide===0;var t=this.hasReachedLastSlide();this.nextElements.forEach((function(e){var s=isStzhElement(e);e.setAttribute(s?"a11y-disabled":"aria-disabled",t?"true":"false")}));this.previousElements.forEach((function(t){var s=isStzhElement(t);t.setAttribute(s?"a11y-disabled":"aria-disabled",e?"true":"false")}))};e.prototype.nextElementsWatcher=function(){var e=this;this.nextElements.forEach((function(t){var s=isStzhElement(t);t.addEventListener("click",e.onNextClick);t.setAttribute(s?"a11y-controls":"aria-controls","".concat(e.carouselId,"-scroll"))}))};e.prototype.previousElementsWatcher=function(){var e=this;this.previousElements.forEach((function(t){var s=isStzhElement(t);t.addEventListener("click",e.onPreviousClick);t.setAttribute(s?"a11y-controls":"aria-controls","".concat(e.carouselId,"-scroll"))}))};e.prototype.scrollToSlide=function(e,t){if(t===void 0){t="smooth"}if(this.disabled){return}this.scrollElement.scrollTo({left:e*this.itemSize,behavior:reducedMotionMedia.matches?"auto":t})};e.prototype.sizingMethod=function(){var e=window.getComputedStyle(this.scrollElement);return this.scrollElement.firstElementChild.offsetWidth+parseInt(e.getPropertyValue("column-gap"),10)};e.prototype.calculateSlide=function(){return Math.floor(this.scrollElement.scrollLeft/this.itemSize)};e.prototype.scrollToPreviousSnapPoint=function(e){if(e===void 0){e="smooth"}if(this.disabled){return}var t=this.slide;var s=false;while(!s&&t>0){t=t-1;s=(t-this.currentSwipeSlides)%this.currentSwipeSlides===0}this.slideTo(t,e)};e.prototype.scrollToNextSnapPoint=function(e){if(e===void 0){e="smooth"}if(this.disabled){return}this.slideTo(this.slide+this.currentSwipeSlides,e)};e.prototype.update=function(){this.slide=this.calculateSlide();this.slideScrollLeft=this.slide*this.itemSize;this.onMutation()};e.prototype.hasReachedLastSlide=function(){var e=this.scrollElement,t=e.scrollLeft,s=e.offsetWidth,i=e.scrollWidth;return Math.ceil(t+s)>=i};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:this.carouselId="stzh-carousel-".concat(carouselCounter++);this.onMediaChange();if(!!this.localization)return[3,2];e=this;return[4,fetchTranslations(this.element,"carousel")];case 1:e.localization=t.sent();t.label=2;case 2:return[2]}}))}))};e.prototype.componentDidLoad=function(){this.itemSize=this.sizingMethod();this.update();this.disabledWatcher();this.preventMouseDragWatcher();this.autoplayRunningWatcher()};e.prototype.connectedCallback=function(){addMediaChangeListener(this.onMediaChange);this.resizeObserver=new ResizeObserver(this.onSlideResize);this.resizeObserver.observe(this.element);this.mutationObserver=new MutationObserver(this.onMutation);this.mutationObserver.observe(this.element,{childList:true,subtree:true})};e.prototype.disconnectedCallback=function(){this.scrollTimeoutId&&window.clearTimeout(this.scrollTimeoutId);this.scrollTimeoutId=null;this.disabled=true;removeMediaChangeListener(this.onMediaChange);if(this.resizeObserver){this.resizeObserver.disconnect()}if(this.mutationObserver){this.mutationObserver.disconnect()}};e.prototype.render=function(){var e=this;var t={"stzh-carousel":true,"stzh-carousel--is-disabled":this.disabled,"stzh-carousel--is-draggable":!this.preventMouseDrag,"stzh-carousel--is-dragging":this.dragging,"stzh-carousel--is-scrolling":this.scrolling,"stzh-carousel--has-autoplay":this.autoplay,"stzh-carousel--is-autoplay-running":this.autoplayRunning,"stzh-carousel--is-autoplay-disabled-by-motion-media":this.autoplayDisabledByMotionMedia,"stzh-carousel--is-autoplay-disabled-by-mouse":this.autoplayDisabledByMouse,"stzh-carousel--is-autoplay-disabled-by-focus":this.autoplayDisabledByFocus};return h(Host,{"aria-roledescription":"carousel",style:{"--slides":this.currentSlides.toString()}},h("div",{class:t},h("slot",{name:"actions"}),h("div",{class:"stzh-carousel__vhidden","aria-live":this.autoplayDisabledByFocus||this.autoplayDisabledByMouse?"polite":"off"},this.ariaLive),h("div",{ref:function(t){return e.scrollElement=t},id:"".concat(this.carouselId,"-scroll"),class:"stzh-carousel__scroll"},h("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{disabled:["disabledWatcher","preventMouseDragWatcher","autoplayRunningWatcher"],preventMouseDrag:["preventMouseDragWatcher"],autoplay:["autoplayRunningWatcher"],autoplayDisabledByMotionMedia:["autoplayRunningWatcher"],autoplayDisabledByMouse:["autoplayRunningWatcher"],autoplayDisabledByFocus:["autoplayRunningWatcher"],autoplayTimeout:["autoplayRunningWatcher"],slideElements:["snapAlignWatcher","inertWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher"],currentSwipeSlides:["snapAlignWatcher"],slide:["inertWatcher","nextPrevDisabledWatcher"],variant:["inertWatcher","prevNextNavigationWatcher"],currentSlides:["inertWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher"],tabThrough:["inertWatcher","prevNextNavigationWatcher"],nextElements:["prevNextNavigationWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher","nextElementsWatcher"],previousElements:["prevNextNavigationWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher","previousElementsWatcher"],navigationTextElements:["prevNextHiddenWatcher"]}},enumerable:false,configurable:true});return e}();StzhCarousel.style=stzhCarouselCss;export{StzhCarousel as stzh_carousel};
+var __awaiter=this&&this.__awaiter||function(e,t,s,i){function r(e){return e instanceof s?e:new s((function(t){t(e)}))}return new(s||(s=Promise))((function(s,o){function a(e){try{n(i.next(e))}catch(e){o(e)}}function l(e){try{n(i["throw"](e))}catch(e){o(e)}}function n(e){e.done?s(e.value):r(e.value).then(a,l)}n((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var s={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,r,o,a;return a={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function l(e){return function(t){return n([e,t])}}function n(l){if(i)throw new TypeError("Generator is already executing.");while(a&&(a=0,l[0]&&(s=0)),s)try{if(i=1,r&&(o=l[0]&2?r["return"]:l[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,l[1])).done)return o;if(r=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:s.label++;return{value:l[1],done:false};case 5:s.label++;r=l[1];l=[0];continue;case 7:l=s.ops.pop();s.trys.pop();continue;default:if(!(o=s.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){s=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){s.label=l[1];break}if(l[0]===6&&s.label<o[1]){s.label=o[1];o=l;break}if(o&&s.label<o[2]){s.label=o[2];s.ops.push(l);break}if(o[2])s.ops.pop();s.trys.pop();continue}l=t.call(e,s)}catch(e){l=[6,e];r=0}finally{i=o=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-67fd55c9.js";import{i as isStzhElement}from"./utils-8f264f12.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";import{a as addMediaChangeListener,r as removeMediaChangeListener,m as media}from"./media-utils-9b041ceb.js";var stzhCarouselCss=".sc-stzh-carousel-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-carousel-h{display:none}.sc-stzh-carousel-h *.sc-stzh-carousel,.sc-stzh-carousel-h *.sc-stzh-carousel::before,.sc-stzh-carousel-h *.sc-stzh-carousel::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-carousel-h{--peek:calc(var(--peek-in, 0px) + var(--peek-out, 0px));--peek-out:1.25rem;--padding-top:0px;--padding-bottom:0px;--gutter:var(--stzh-space-xxxsmall);--snap-stop:always;--slides:1;--slide-size:calc((100% - (var(--slides) - 1) * var(--gutter)) / var(--slides))}@media screen and (min-width: 600px){.sc-stzh-carousel-h{--peek-out:2rem}}@media screen and (min-width: 1024px){.sc-stzh-carousel-h{--peek-out:0px}}[variant=cards].sc-stzh-carousel-h{--padding-top:0.25rem;--padding-bottom:0.25rem;--gutter:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){[variant=cards].sc-stzh-carousel-h{--peek-out:2.5rem;--gutter:var(--stzh-space-small)}}@media screen and (min-width: 1260px){[variant=cards].sc-stzh-carousel-h{--peek-out:5.5rem;--gutter:var(--stzh-space-medium)}}@media screen and (min-width: 1440px){[variant=cards].sc-stzh-carousel-h{--peek-out:calc((100vw - 78.75rem - var(--stzh-scrollbar-width, 0px)) / 2)}}.sc-stzh-carousel-h .sc-stzh-carousel-s>*{width:100%;height:100%;-ms-flex-negative:0;flex-shrink:0;scroll-snap-align:start;scroll-snap-stop:var(--snap-stop)}.sc-stzh-carousel-h .sc-stzh-carousel-s img{-webkit-user-drag:none;user-drag:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions]{position:absolute;top:0;left:0;z-index:1;pointer-events:none;padding:0 var(--peek)}.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] stzh-text{width:auto}.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] stzh-button{pointer-events:all}.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-space,.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-hspace,.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-vspace{padding:var(--stzh-space-xsmall)}.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions]{--background-color:transparent}.sc-stzh-carousel-h[variant=cards] .sc-stzh-carousel-s>[slot=actions]{position:relative;-ms-flex-order:1;order:1;margin-top:calc(var(--stzh-space-medium) - var(--padding-bottom))}.stzh-carousel.sc-stzh-carousel{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:calc(100% + var(--peek-out) * 2);margin-left:calc(var(--peek-out) / -1);margin-right:calc(var(--peek-out) / -1)}.stzh-carousel__vhidden.sc-stzh-carousel{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-carousel__scroll.sc-stzh-carousel{position:relative;grid-area:slides;display:grid;width:100%;height:100%;place-items:center;overflow-x:auto;overflow-y:visible;grid-auto-flow:column;grid-auto-columns:var(--slide-size);grid-auto-rows:100%;-moz-column-gap:var(--gutter);-webkit-column-gap:var(--gutter);column-gap:var(--gutter);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scroll-padding:0 var(--peek);padding:var(--padding-top) var(--peek) var(--padding-bottom)}@media (prefers-reduced-motion: reduce){.stzh-carousel__scroll.sc-stzh-carousel{scroll-behavior:auto}}.stzh-carousel__scroll.sc-stzh-carousel::-webkit-scrollbar{display:none}.stzh-carousel--is-draggable.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:-webkit-grab;cursor:grab}.stzh-carousel--is-dragging.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:-webkit-grabbing;cursor:grabbing}.stzh-carousel--is-disabled.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:not-allowed;overflow:hidden}";var reducedMotionMedia=window.matchMedia("(prefers-reduced-motion: reduce)");var carouselCounter=0;var StzhCarousel=function(){function e(e){var t=this;registerInstance(this,e);this.stzhSlideStart=createEvent(this,"stzhSlideStart",7);this.stzhSlidePassed=createEvent(this,"stzhSlidePassed",7);this.stzhSlideEnd=createEvent(this,"stzhSlideEnd",7);this.slideScrollLeft=0;this.scrolledByAutoplay=false;this.scrollTimeoutId=null;this.lastX=null;this.startX=null;this.startScrollLeft=null;this.disableTimeoutId=null;this.stoppedDragging=false;this.onReducedMotionMediaChange=function(){t.autoplayDisabledByMotionMedia=reducedMotionMedia.matches};this.onMouseenter=function(){t.autoplayDisabledByMouse=true};this.onMouseleave=function(){t.autoplayDisabledByMouse=false};this.onFocusin=function(){t.autoplayDisabledByFocus=true};this.onFocusout=function(){t.autoplayDisabledByFocus=false};this.onPreviousClick=function(){t.scrollToPreviousSnapPoint()};this.onNextClick=function(){t.scrollToNextSnapPoint()};this.onSlideResize=function(){if(t.scrollElement){t.itemSize=t.sizingMethod()}};this.onMutation=function(){if(!t.scrollElement){return}t.slideElements=Array.from(t.scrollElement.children);t.slideElements.forEach((function(e,s){e.setAttribute("role","group");e.setAttribute("aria-roledescription","slide");e.setAttribute("aria-label",t.localization.slideLabel.replace(/\{current\}/gi,(s+1).toString()).replace(/\{total\}/gi,t.slideElements.length.toString()))}));t.previousElements=Array.from(t.element.querySelectorAll("[data-stzh-carousel-previous]"));t.nextElements=Array.from(t.element.querySelectorAll("[data-stzh-carousel-next]"));t.navigationTextElements=Array.from(t.element.querySelectorAll("[data-stzh-carousel-navigation-text]"))};this.onScroll=function(){if(t.scrollTimeoutId===null){var e=t.scrollElement.scrollLeft>t.slideScrollLeft?1:-1;t.scrolling=true;if(!t.scrolledByAutoplay){t.autoplay=false}t.stzhSlideStart.emit({component:"stzh-carousel",index:t.slide+e})}if(t.slide!==t.calculateSlide()){t.update();t.stzhSlidePassed.emit({component:"stzh-carousel",index:t.slide})}t.scrollTimeoutId&&window.clearTimeout(t.scrollTimeoutId);t.scrollTimeoutId=window.setTimeout(t.onScrollEnd,t.scrollTimeout)};this.onScrollEnd=function(){t.scrollTimeoutId=null;t.update();t.scrolling=false;t.scrolledByAutoplay=false;if(t.stoppedDragging){t.stoppedDragging=false;t.scrollElement.style.removeProperty("scroll-behavior");t.scrollElement.style.removeProperty("scroll-snap-type")}if(t.tabThrough||t.variant==="cards"){t.ariaLive=""}else{t.ariaLive=(t.currentSlides>1?t.localization.slidesLabel:t.localization.slideLabel).replace(/\{(current|from)\}/gi,(t.slide+1).toString()).replace(/\{to\}/gi,(t.slide+t.currentSlides).toString()).replace(/\{total\}/gi,t.slideElements.length.toString())}t.stzhSlideEnd.emit({component:"stzh-carousel",index:t.slide})};this.onMediaChange=function(){var e=media("ultra").matches;var s=media("large").matches;var i=media("medium").matches;var r=media("small").matches;if(e&&t.slidesUltra!==0){t.currentSlides=t.slidesUltra}else if(s&&t.slidesLarge!==0){t.currentSlides=t.slidesLarge}else if(i&&t.slidesMedium!==0){t.currentSlides=t.slidesMedium}else if(r&&t.slidesSmall!==0){t.currentSlides=t.slidesSmall}else{t.currentSlides=t.slides}t.currentSwipeSlides=t.currentSlides};this.mouseMove=function(e){var s=t.lastX-e.clientX;t.lastX=e.clientX;t.scrollElement.scrollLeft+=s};this.startDragging=function(e){e.preventDefault();t.disableTimeoutId&&window.clearTimeout(t.disableTimeoutId);t.disableTimeoutId=null;t.startX=t.lastX=e.clientX;t.startScrollLeft=t.scrollElement.scrollLeft;t.scrollElement.style.setProperty("scroll-behavior","auto");t.scrollElement.style.setProperty("scroll-snap-type","unset");t.dragging=true;t.autoplay=false;window.addEventListener("mousemove",t.mouseMove);window.addEventListener("mouseup",t.stopDragging,{capture:true});window.addEventListener("click",t.checkClick,{capture:true})};this.stopDragging=function(e){e.preventDefault();var s=Math.abs(t.startX-t.lastX);var i=s>t.distanceQuickSwipe;var r=t.lastX>t.startX?1:-1;t.dragging=false;var o=t.scrollElement.scrollLeft;t.scrollElement.style.removeProperty("scroll-snap-type");var a=t.scrollElement.scrollLeft;t.scrollElement.style.setProperty("scroll-snap-type","unset");t.scrollElement.scrollTo({left:o,behavior:"auto"});if(a!==t.startScrollLeft||!i){t.scrollElement.scrollTo({left:a,behavior:reducedMotionMedia.matches?"auto":"smooth"})}else if(r===1){t.slideToPrevious()}else{t.slideToNext()}window.removeEventListener("mousemove",t.mouseMove);window.removeEventListener("mouseup",t.stopDragging,{capture:true});t.stoppedDragging=true};this.checkClick=function(e){var s=Math.abs(t.startX-t.lastX);var i=s>t.distancePreventClick;if(i){e.preventDefault()}t.lastX=null;window.removeEventListener("click",t.checkClick,{capture:true})};this.autoplayInterval=function(){t.scrolledByAutoplay=true;if(t.hasReachedLastSlide()){t.slideTo(0)}else{t.slideToNext()}};this.localization=undefined;this.variant="default";this.disabled=false;this.slides=1;this.slidesSmall=0;this.slidesMedium=0;this.slidesLarge=0;this.slidesUltra=0;this.slide=0;this.autoplay=false;this.tabThrough=false;this.preventMouseDrag=false;this.scrollTimeout=100;this.autoplayTimeout=3e3;this.distanceQuickSwipe=40;this.distancePreventClick=6;this.autoplayRunning=false;this.autoplayDisabledByMotionMedia=false;this.autoplayDisabledByMouse=false;this.autoplayDisabledByFocus=false;this.dragging=false;this.scrolling=false;this.ariaLive="";this.currentSlides=1;this.currentSwipeSlides=1;this.slideElements=[];this.previousElements=[];this.nextElements=[];this.navigationTextElements=[]}e.prototype.slideTo=function(e,t){if(t===void 0){t="smooth"}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(s){this.scrollToSlide(e,t);return[2]}))}))};e.prototype.slideToPrevious=function(e){if(e===void 0){e="smooth"}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.scrollToPreviousSnapPoint(e);return[2]}))}))};e.prototype.slideToNext=function(e){if(e===void 0){e="smooth"}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.scrollToNextSnapPoint(e);return[2]}))}))};e.prototype.disabledWatcher=function(){if(this.disabled){this.scrollElement&&this.scrollElement.removeEventListener("scroll",this.onScroll);this.scrollTimeoutId&&window.clearTimeout(this.scrollTimeoutId);this.scrollTimeoutId=null;this.element.removeEventListener("mouseenter",this.onMouseenter);this.element.removeEventListener("mouseleave",this.onMouseleave);this.element.removeEventListener("focusin",this.onFocusin);this.element.removeEventListener("focusout",this.onFocusout);this.onReducedMotionMediaChange();reducedMotionMedia&&reducedMotionMedia.removeEventListener("change",this.onReducedMotionMediaChange)}else{this.scrollElement&&this.scrollElement.addEventListener("scroll",this.onScroll,{passive:true});this.element.addEventListener("mouseenter",this.onMouseenter);this.element.addEventListener("mouseleave",this.onMouseleave);this.element.addEventListener("focusin",this.onFocusin);this.element.addEventListener("focusout",this.onFocusout);reducedMotionMedia&&reducedMotionMedia.addEventListener("change",this.onReducedMotionMediaChange)}};e.prototype.preventMouseDragWatcher=function(){if(this.preventMouseDrag||this.disabled){this.disableTimeoutId&&window.clearTimeout(this.disableTimeoutId);this.disableTimeoutId=null;this.scrollElement&&this.scrollElement.removeEventListener("mousedown",this.startDragging);this.lastX=null}else{this.scrollElement&&this.scrollElement.addEventListener("mousedown",this.startDragging)}};e.prototype.autoplayRunningWatcher=function(){if(!this.autoplay||this.disabled||this.autoplayDisabledByMotionMedia||this.autoplayDisabledByMouse||this.autoplayDisabledByFocus){this.autoplayIntervalId&&window.clearInterval(this.autoplayIntervalId);this.autoplayIntervalId=null;this.autoplayRunning=false}else{this.autoplayIntervalId&&window.clearInterval(this.autoplayIntervalId);this.autoplayIntervalId=window.setInterval(this.autoplayInterval,this.autoplayTimeout);this.autoplayRunning=true}};e.prototype.snapAlignWatcher=function(){var e=this;this.slideElements.forEach((function(t,s){var i=(s-e.currentSwipeSlides)%e.currentSwipeSlides===0;if(i){t.style.removeProperty("scroll-snap-align")}else{t.style.setProperty("scroll-snap-align","none")}}))};e.prototype.inertWatcher=function(){var e=this;this.slideElements.forEach((function(t,s){var i=e.tabThrough||e.variant==="cards"||s>=e.slide&&s<e.slide+e.currentSlides;t.inert=!i;if(i){t.removeAttribute("aria-hidden")}else{t.setAttribute("aria-hidden",i?"false":"true")}}))};e.prototype.prevNextNavigationWatcher=function(){var e=this.tabThrough||this.variant==="cards";var t=function(t){var s=isStzhElement(t);if(e){t.setAttribute("aria-hidden","true");t.setAttribute(s?"a11y-tabindex":"tabindex","-1")}else{t.removeAttribute("aria-hidden");t.removeAttribute(s?"a11y-tabindex":"tabindex")}};this.nextElements.forEach(t);this.previousElements.forEach(t)};e.prototype.prevNextHiddenWatcher=function(){var e=this.slideElements.length<=this.currentSlides;var t=function(t){if(e){t.setAttribute("hidden","")}else{t.removeAttribute("hidden")}};this.navigationTextElements.forEach(t);this.nextElements.forEach(t);this.previousElements.forEach(t)};e.prototype.nextPrevDisabledWatcher=function(){if(!this.scrollElement){return}var e=this.slide===0;var t=this.hasReachedLastSlide();this.nextElements.forEach((function(e){var s=isStzhElement(e);e.setAttribute(s?"a11y-disabled":"aria-disabled",t?"true":"false")}));this.previousElements.forEach((function(t){var s=isStzhElement(t);t.setAttribute(s?"a11y-disabled":"aria-disabled",e?"true":"false")}))};e.prototype.nextElementsWatcher=function(){var e=this;this.nextElements.forEach((function(t){var s=isStzhElement(t);t.addEventListener("click",e.onNextClick);t.setAttribute(s?"a11y-controls":"aria-controls","".concat(e.carouselId,"-scroll"))}))};e.prototype.previousElementsWatcher=function(){var e=this;this.previousElements.forEach((function(t){var s=isStzhElement(t);t.addEventListener("click",e.onPreviousClick);t.setAttribute(s?"a11y-controls":"aria-controls","".concat(e.carouselId,"-scroll"))}))};e.prototype.scrollToSlide=function(e,t){if(t===void 0){t="smooth"}if(this.disabled){return}this.scrollElement.scrollTo({left:e*this.itemSize,behavior:reducedMotionMedia.matches?"auto":t})};e.prototype.sizingMethod=function(){var e=window.getComputedStyle(this.scrollElement);return this.scrollElement.firstElementChild.offsetWidth+parseInt(e.getPropertyValue("column-gap"),10)};e.prototype.calculateSlide=function(){return Math.floor(this.scrollElement.scrollLeft/this.itemSize)};e.prototype.scrollToPreviousSnapPoint=function(e){if(e===void 0){e="smooth"}if(this.disabled){return}var t=this.slide;var s=false;while(!s&&t>0){t=t-1;s=(t-this.currentSwipeSlides)%this.currentSwipeSlides===0}this.slideTo(t,e)};e.prototype.scrollToNextSnapPoint=function(e){if(e===void 0){e="smooth"}if(this.disabled){return}this.slideTo(this.slide+this.currentSwipeSlides,e)};e.prototype.update=function(){this.slide=this.calculateSlide();this.slideScrollLeft=this.slide*this.itemSize;this.onMutation()};e.prototype.hasReachedLastSlide=function(){var e=this.scrollElement,t=e.scrollLeft,s=e.offsetWidth,i=e.scrollWidth;return Math.ceil(t+s)>=i};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:this.carouselId="stzh-carousel-".concat(carouselCounter++);this.onMediaChange();if(!!this.localization)return[3,2];e=this;return[4,fetchTranslations(this.element,"carousel")];case 1:e.localization=t.sent();t.label=2;case 2:return[2]}}))}))};e.prototype.componentDidLoad=function(){this.itemSize=this.sizingMethod();this.update();this.disabledWatcher();this.preventMouseDragWatcher();this.autoplayRunningWatcher()};e.prototype.connectedCallback=function(){addMediaChangeListener(this.onMediaChange);this.resizeObserver=new ResizeObserver(this.onSlideResize);this.resizeObserver.observe(this.element);this.mutationObserver=new MutationObserver(this.onMutation);this.mutationObserver.observe(this.element,{childList:true,subtree:true})};e.prototype.disconnectedCallback=function(){this.scrollTimeoutId&&window.clearTimeout(this.scrollTimeoutId);this.scrollTimeoutId=null;this.disabled=true;removeMediaChangeListener(this.onMediaChange);if(this.resizeObserver){this.resizeObserver.disconnect()}if(this.mutationObserver){this.mutationObserver.disconnect()}};e.prototype.render=function(){var e=this;var t={"stzh-carousel":true,"stzh-carousel--is-disabled":this.disabled,"stzh-carousel--is-draggable":!this.preventMouseDrag,"stzh-carousel--is-dragging":this.dragging,"stzh-carousel--is-scrolling":this.scrolling,"stzh-carousel--has-autoplay":this.autoplay,"stzh-carousel--is-autoplay-running":this.autoplayRunning,"stzh-carousel--is-autoplay-disabled-by-motion-media":this.autoplayDisabledByMotionMedia,"stzh-carousel--is-autoplay-disabled-by-mouse":this.autoplayDisabledByMouse,"stzh-carousel--is-autoplay-disabled-by-focus":this.autoplayDisabledByFocus};return h(Host,{"aria-roledescription":"carousel",style:{"--slides":this.currentSlides.toString()}},h("div",{class:t},h("slot",{name:"actions"}),h("div",{class:"stzh-carousel__vhidden","aria-live":this.autoplayDisabledByFocus||this.autoplayDisabledByMouse?"polite":"off"},this.ariaLive),h("div",{ref:function(t){return e.scrollElement=t},id:"".concat(this.carouselId,"-scroll"),class:"stzh-carousel__scroll"},h("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{disabled:["disabledWatcher","preventMouseDragWatcher","autoplayRunningWatcher"],preventMouseDrag:["preventMouseDragWatcher"],autoplay:["autoplayRunningWatcher"],autoplayDisabledByMotionMedia:["autoplayRunningWatcher"],autoplayDisabledByMouse:["autoplayRunningWatcher"],autoplayDisabledByFocus:["autoplayRunningWatcher"],autoplayTimeout:["autoplayRunningWatcher"],slideElements:["snapAlignWatcher","inertWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher"],currentSwipeSlides:["snapAlignWatcher"],slide:["inertWatcher","nextPrevDisabledWatcher"],variant:["inertWatcher","prevNextNavigationWatcher"],currentSlides:["inertWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher"],tabThrough:["inertWatcher","prevNextNavigationWatcher"],nextElements:["prevNextNavigationWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher","nextElementsWatcher"],previousElements:["prevNextNavigationWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher","previousElementsWatcher"],navigationTextElements:["prevNextHiddenWatcher"]}},enumerable:false,configurable:true});return e}();StzhCarousel.style=stzhCarouselCss;export{StzhCarousel as stzh_carousel};
 //# sourceMappingURL=stzh-carousel.entry.js.map

package/dist/esm-es5/stzh-cell.entry.js

@@ -1,2 +1,2 @@
-import{r as registerInstance,h,a as Host}from"./index-67fd55c9.js";var stzhCellCss=':host{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}:host[hidden]{display:none}:host *,:host *::before,:host *::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)}:host{--cell-width:100%;max-width:100%;width:var(--cell-width);-ms-flex-preferred-size:var(--cell-width);flex-basis:var(--cell-width);-ms-flex-negative:0;flex-shrink:0}:host::after{content:"";display:table;clear:both}:host([justify-self=start]){justify-self:flex-start}:host([justify-self=end]){justify-self:flex-end}:host([justify-self=center]){justify-self:center}:host([justify-self=between]){justify-self:space-between}:host([justify-self=around]){justify-self:space-around}:host([justify-self=evenly]){justify-self:space-evenly}:host([align-self=start]){-ms-flex-item-align:start;align-self:flex-start}:host([align-self=end]){-ms-flex-item-align:end;align-self:flex-end}:host([align-self=center]){-ms-flex-item-align:center;align-self:center}:host([align-self=baseline]){-ms-flex-item-align:baseline;align-self:baseline}:host([align-self=stretch]){-ms-flex-item-align:stretch;align-self:stretch}:host([span="1"]){--cell-width:8.3333333333%}:host([span="2"]){--cell-width:16.6666666667%}:host([span="3"]){--cell-width:25%}:host([span="4"]){--cell-width:33.3333333333%}:host([span="5"]){--cell-width:41.6666666667%}:host([span="6"]){--cell-width:50%}:host([span="7"]){--cell-width:58.3333333333%}:host([span="8"]){--cell-width:66.6666666667%}:host([span="9"]){--cell-width:75%}:host([span="10"]){--cell-width:83.3333333333%}:host([span="11"]){--cell-width:91.6666666667%}:host([span="12"]){--cell-width:100%}@media screen and (min-width: 600px){:host([span-small="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 600px){:host([span-small="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 600px){:host([span-small="3"]){--cell-width:25%}}@media screen and (min-width: 600px){:host([span-small="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 600px){:host([span-small="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 600px){:host([span-small="6"]){--cell-width:50%}}@media screen and (min-width: 600px){:host([span-small="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 600px){:host([span-small="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 600px){:host([span-small="9"]){--cell-width:75%}}@media screen and (min-width: 600px){:host([span-small="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 600px){:host([span-small="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 600px){:host([span-small="12"]){--cell-width:100%}}@media screen and (min-width: 800px){:host([span-smallheader="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="3"]){--cell-width:25%}}@media screen and (min-width: 800px){:host([span-smallheader="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="6"]){--cell-width:50%}}@media screen and (min-width: 800px){:host([span-smallheader="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="9"]){--cell-width:75%}}@media screen and (min-width: 800px){:host([span-smallheader="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="12"]){--cell-width:100%}}@media screen and (min-width: 1024px){:host([span-medium="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="3"]){--cell-width:25%}}@media screen and (min-width: 1024px){:host([span-medium="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="6"]){--cell-width:50%}}@media screen and (min-width: 1024px){:host([span-medium="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="9"]){--cell-width:75%}}@media screen and (min-width: 1024px){:host([span-medium="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="12"]){--cell-width:100%}}@media screen and (min-width: 1260px){:host([span-large="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="3"]){--cell-width:25%}}@media screen and (min-width: 1260px){:host([span-large="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="6"]){--cell-width:50%}}@media screen and (min-width: 1260px){:host([span-large="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="9"]){--cell-width:75%}}@media screen and (min-width: 1260px){:host([span-large="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="12"]){--cell-width:100%}}@media screen and (min-width: 1440px){:host([span-ultra="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="3"]){--cell-width:25%}}@media screen and (min-width: 1440px){:host([span-ultra="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="6"]){--cell-width:50%}}@media screen and (min-width: 1440px){:host([span-ultra="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="9"]){--cell-width:75%}}@media screen and (min-width: 1440px){:host([span-ultra="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="12"]){--cell-width:100%}}.stzh-cell{height:100%;padding-left:calc(var(--stzh-grid-gutter) / 2);padding-right:calc(var(--stzh-grid-gutter) / 2)}@media screen and (min-width: 600px){.stzh-cell{padding-left:calc(var(--stzh-grid-gutter-small) / 2);padding-right:calc(var(--stzh-grid-gutter-small) / 2)}}@media screen and (min-width: 1024px){.stzh-cell{padding-left:calc(var(--stzh-grid-gutter-medium) / 2);padding-right:calc(var(--stzh-grid-gutter-medium) / 2)}}';var StzhCell=function(){function e(e){registerInstance(this,e);this.span=12;this.spanSmall=0;this.spanMedium=0;this.spanLarge=0;this.spanUltra=0;this.justifySelf="auto";this.alignSelf="auto"}e.prototype.render=function(){return h(Host,null,h("div",{class:{"stzh-cell":true}},h("slot",null)))};return e}();StzhCell.style=stzhCellCss;export{StzhCell as stzh_cell};
+import{r as registerInstance,h,a as Host}from"./index-67fd55c9.js";var stzhCellCss=':host{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}:host[hidden]{display:none}:host *,:host *::before,:host *::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)}:host{--cell-width:100%;max-width:100%;width:var(--cell-width);-ms-flex-preferred-size:var(--cell-width);flex-basis:var(--cell-width);-ms-flex-negative:0;flex-shrink:0}:host([justify-self=start]){justify-self:flex-start}:host([justify-self=end]){justify-self:flex-end}:host([justify-self=center]){justify-self:center}:host([justify-self=between]){justify-self:space-between}:host([justify-self=around]){justify-self:space-around}:host([justify-self=evenly]){justify-self:space-evenly}:host([align-self=start]){-ms-flex-item-align:start;align-self:flex-start}:host([align-self=end]){-ms-flex-item-align:end;align-self:flex-end}:host([align-self=center]){-ms-flex-item-align:center;align-self:center}:host([align-self=baseline]){-ms-flex-item-align:baseline;align-self:baseline}:host([align-self=stretch]){-ms-flex-item-align:stretch;align-self:stretch}:host([span="1"]){--cell-width:8.3333333333%}:host([span="2"]){--cell-width:16.6666666667%}:host([span="3"]){--cell-width:25%}:host([span="4"]){--cell-width:33.3333333333%}:host([span="5"]){--cell-width:41.6666666667%}:host([span="6"]){--cell-width:50%}:host([span="7"]){--cell-width:58.3333333333%}:host([span="8"]){--cell-width:66.6666666667%}:host([span="9"]){--cell-width:75%}:host([span="10"]){--cell-width:83.3333333333%}:host([span="11"]){--cell-width:91.6666666667%}:host([span="12"]){--cell-width:100%}@media screen and (min-width: 600px){:host([span-small="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 600px){:host([span-small="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 600px){:host([span-small="3"]){--cell-width:25%}}@media screen and (min-width: 600px){:host([span-small="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 600px){:host([span-small="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 600px){:host([span-small="6"]){--cell-width:50%}}@media screen and (min-width: 600px){:host([span-small="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 600px){:host([span-small="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 600px){:host([span-small="9"]){--cell-width:75%}}@media screen and (min-width: 600px){:host([span-small="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 600px){:host([span-small="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 600px){:host([span-small="12"]){--cell-width:100%}}@media screen and (min-width: 800px){:host([span-smallheader="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="3"]){--cell-width:25%}}@media screen and (min-width: 800px){:host([span-smallheader="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="6"]){--cell-width:50%}}@media screen and (min-width: 800px){:host([span-smallheader="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="9"]){--cell-width:75%}}@media screen and (min-width: 800px){:host([span-smallheader="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="12"]){--cell-width:100%}}@media screen and (min-width: 1024px){:host([span-medium="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="3"]){--cell-width:25%}}@media screen and (min-width: 1024px){:host([span-medium="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="6"]){--cell-width:50%}}@media screen and (min-width: 1024px){:host([span-medium="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="9"]){--cell-width:75%}}@media screen and (min-width: 1024px){:host([span-medium="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="12"]){--cell-width:100%}}@media screen and (min-width: 1260px){:host([span-large="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="3"]){--cell-width:25%}}@media screen and (min-width: 1260px){:host([span-large="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="6"]){--cell-width:50%}}@media screen and (min-width: 1260px){:host([span-large="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="9"]){--cell-width:75%}}@media screen and (min-width: 1260px){:host([span-large="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="12"]){--cell-width:100%}}@media screen and (min-width: 1440px){:host([span-ultra="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="3"]){--cell-width:25%}}@media screen and (min-width: 1440px){:host([span-ultra="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="6"]){--cell-width:50%}}@media screen and (min-width: 1440px){:host([span-ultra="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="9"]){--cell-width:75%}}@media screen and (min-width: 1440px){:host([span-ultra="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="12"]){--cell-width:100%}}.stzh-cell{height:100%;padding-left:calc(var(--stzh-grid-gutter) / 2);padding-right:calc(var(--stzh-grid-gutter) / 2)}@media screen and (min-width: 600px){.stzh-cell{padding-left:calc(var(--stzh-grid-gutter-small) / 2);padding-right:calc(var(--stzh-grid-gutter-small) / 2)}}@media screen and (min-width: 1024px){.stzh-cell{padding-left:calc(var(--stzh-grid-gutter-medium) / 2);padding-right:calc(var(--stzh-grid-gutter-medium) / 2)}}';var StzhCell=function(){function e(e){registerInstance(this,e);this.span=12;this.spanSmall=0;this.spanMedium=0;this.spanLarge=0;this.spanUltra=0;this.justifySelf="auto";this.alignSelf="auto"}e.prototype.render=function(){return h(Host,null,h("div",{class:{"stzh-cell":true}},h("slot",null)))};return e}();StzhCell.style=stzhCellCss;export{StzhCell as stzh_cell};
 //# sourceMappingURL=stzh-cell.entry.js.map

package/dist/esm-es5/stzh-cell.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["stzhCellCss","StzhCell","prototype","render","h","Host","class"],"sources":["src/components/stzh-cell/stzh-cell.scss?tag=stzh-cell&encapsulation=shadow","src/components/stzh-cell/stzh-cell.tsx"],"sourcesContent":[":host {\n  @include clearfix;\n\n  // couldn't use cell-span and calcuate the with with css calc\n  // since IE was calculating the width wrongly with certain viewport widths\n  // so calculating it with sass and using the width directly\n  --cell-width: 100%;\n\n  max-width: 100%;\n  width: var(--cell-width);\n  flex-basis: var(--cell-width);\n  flex-shrink: 0;\n}\n\n/* Justify self variants */\n\n:host([justify-self=\"start\"]) {\n  justify-self: flex-start;\n}\n\n:host([justify-self=\"end\"]) {\n  justify-self: flex-end;\n}\n\n:host([justify-self=\"center\"]) {\n  justify-self: center;\n}\n\n:host([justify-self=\"between\"]) {\n  justify-self: space-between;\n}\n\n:host([justify-self=\"around\"]) {\n  justify-self: space-around;\n}\n\n:host([justify-self=\"evenly\"]) {\n  justify-self: space-evenly;\n}\n\n/* Align self variants */\n\n:host([align-self=\"start\"]) {\n  align-self: flex-start;\n}\n\n:host([align-self=\"end\"]) {\n  align-self: flex-end;\n}\n\n:host([align-self=\"center\"]) {\n  align-self: center;\n}\n\n:host([align-self=\"baseline\"]) {\n  align-self: baseline;\n}\n\n:host([align-self=\"stretch\"]) {\n  align-self: stretch;\n}\n\n@mixin cellProps($breakpoint: null) {\n  @for $i from 1 through $gridCells {\n    @if $breakpoint {\n      :host([span-#{$breakpoint}=\"#{$i}\"]) {\n        @include mq($from: $breakpoint) {\n          --cell-width: #{100% / ($gridCells / $i)};\n        }\n      }\n    } @else {\n      :host([span=\"#{$i}\"]) {\n        --cell-width: #{100% / ($gridCells / $i)};\n      }\n    }\n  }\n}\n\n@include cellProps();\n\n@each $breakpoint, $size in $breakpoints {\n  @include cellProps($breakpoint);\n}\n\n.stzh-cell {\n  height: 100%;\n  padding-left: calc(#{$gridGutter} / 2);\n  padding-right: calc(#{$gridGutter} / 2);\n\n  @include mq($from: small) {\n    padding-left: calc(#{$gridGutterSmall} / 2);\n    padding-right: calc(#{$gridGutterSmall} / 2);\n  }\n\n  @include mq($from: medium) {\n    padding-left: calc(#{$gridGutterMedium} / 2);\n    padding-right: calc(#{$gridGutterMedium} / 2);\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n} from \"@stencil/core\";\n\nimport { Layout } from \"../../index\";\n\n/**\n * @slot - Slot for any content\n */\n@Component({\n  tag: \"stzh-cell\",\n  styleUrl: \"stzh-cell.scss\",\n  shadow: true\n})\nexport class StzhCell {\n  /** Default span of each cell */\n  @Prop() span: number = 12;\n  /** Default span of each cell above small breakpoint */\n  @Prop() spanSmall: number = 0;\n  /** Default span of each cell above medium breakpoint */\n  @Prop() spanMedium: number = 0;\n  /** Default span of each cell above large breakpoint */\n  @Prop() spanLarge: number = 0;\n  /** Default span of each cell above ultra breakpoint */\n  @Prop() spanUltra: number = 0;\n\n  /** Controlling how cells are positioned along a container's main axis */\n  @Prop({ reflect: true }) justifySelf: Layout.JustifySelf = \"auto\";\n\n  /** Control how cells items are positioned along a container's cross axis */\n  @Prop({ reflect: true }) alignSelf: Layout.AlignSelf = \"auto\";\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            \"stzh-cell\": true\n          }}\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"mEAAA,IAAMA,YAAc,i8O,ICiBPC,SAAQ,W,iDAEI,G,eAEK,E,gBAEC,E,eAED,E,eAEA,E,iBAG+B,O,eAGJ,M,CAEvDA,EAAAC,UAAAC,OAAA,WACE,OACEC,EAACC,KAAI,KACHD,EAAA,OACEE,MAAO,CACL,YAAa,OAGfF,EAAA,c,WA1BW,G"}
+{"version":3,"names":["stzhCellCss","StzhCell","prototype","render","h","Host","class"],"sources":["src/components/stzh-cell/stzh-cell.scss?tag=stzh-cell&encapsulation=shadow","src/components/stzh-cell/stzh-cell.tsx"],"sourcesContent":[":host {\n  // couldn't use cell-span and calcuate the with with css calc\n  // since IE was calculating the width wrongly with certain viewport widths\n  // so calculating it with sass and using the width directly\n  --cell-width: 100%;\n\n  max-width: 100%;\n  width: var(--cell-width);\n  flex-basis: var(--cell-width);\n  flex-shrink: 0;\n}\n\n/* Justify self variants */\n\n:host([justify-self=\"start\"]) {\n  justify-self: flex-start;\n}\n\n:host([justify-self=\"end\"]) {\n  justify-self: flex-end;\n}\n\n:host([justify-self=\"center\"]) {\n  justify-self: center;\n}\n\n:host([justify-self=\"between\"]) {\n  justify-self: space-between;\n}\n\n:host([justify-self=\"around\"]) {\n  justify-self: space-around;\n}\n\n:host([justify-self=\"evenly\"]) {\n  justify-self: space-evenly;\n}\n\n/* Align self variants */\n\n:host([align-self=\"start\"]) {\n  align-self: flex-start;\n}\n\n:host([align-self=\"end\"]) {\n  align-self: flex-end;\n}\n\n:host([align-self=\"center\"]) {\n  align-self: center;\n}\n\n:host([align-self=\"baseline\"]) {\n  align-self: baseline;\n}\n\n:host([align-self=\"stretch\"]) {\n  align-self: stretch;\n}\n\n@mixin cellProps($breakpoint: null) {\n  @for $i from 1 through $gridCells {\n    @if $breakpoint {\n      :host([span-#{$breakpoint}=\"#{$i}\"]) {\n        @include mq($from: $breakpoint) {\n          --cell-width: #{100% / ($gridCells / $i)};\n        }\n      }\n    } @else {\n      :host([span=\"#{$i}\"]) {\n        --cell-width: #{100% / ($gridCells / $i)};\n      }\n    }\n  }\n}\n\n@include cellProps();\n\n@each $breakpoint, $size in $breakpoints {\n  @include cellProps($breakpoint);\n}\n\n.stzh-cell {\n  height: 100%;\n  padding-left: calc(#{$gridGutter} / 2);\n  padding-right: calc(#{$gridGutter} / 2);\n\n  @include mq($from: small) {\n    padding-left: calc(#{$gridGutterSmall} / 2);\n    padding-right: calc(#{$gridGutterSmall} / 2);\n  }\n\n  @include mq($from: medium) {\n    padding-left: calc(#{$gridGutterMedium} / 2);\n    padding-right: calc(#{$gridGutterMedium} / 2);\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n} from \"@stencil/core\";\n\nimport { Layout } from \"../../index\";\n\n/**\n * @slot - Slot for any content\n */\n@Component({\n  tag: \"stzh-cell\",\n  styleUrl: \"stzh-cell.scss\",\n  shadow: true\n})\nexport class StzhCell {\n  /** Default span of each cell */\n  @Prop() span: number = 12;\n  /** Default span of each cell above small breakpoint */\n  @Prop() spanSmall: number = 0;\n  /** Default span of each cell above medium breakpoint */\n  @Prop() spanMedium: number = 0;\n  /** Default span of each cell above large breakpoint */\n  @Prop() spanLarge: number = 0;\n  /** Default span of each cell above ultra breakpoint */\n  @Prop() spanUltra: number = 0;\n\n  /** Controlling how cells are positioned along a container's main axis */\n  @Prop({ reflect: true }) justifySelf: Layout.JustifySelf = \"auto\";\n\n  /** Control how cells items are positioned along a container's cross axis */\n  @Prop({ reflect: true }) alignSelf: Layout.AlignSelf = \"auto\";\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            \"stzh-cell\": true\n          }}\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"mEAAA,IAAMA,YAAc,g5O,ICiBPC,SAAQ,W,iDAEI,G,eAEK,E,gBAEC,E,eAED,E,eAEA,E,iBAG+B,O,eAGJ,M,CAEvDA,EAAAC,UAAAC,OAAA,WACE,OACEC,EAACC,KAAI,KACHD,EAAA,OACEE,MAAO,CACL,YAAa,OAGfF,EAAA,c,WA1BW,G"}

package/dist/esm-es5/stzh-checkbox.entry.js

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,c,s){function o(e){return e instanceof c?e:new c((function(t){t(e)}))}return new(c||(c=Promise))((function(c,h){function r(e){try{n(s.next(e))}catch(e){h(e)}}function i(e){try{n(s["throw"](e))}catch(e){h(e)}}function n(e){e.done?c(e.value):o(e.value).then(r,i)}n((s=s.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var c={label:0,sent:function(){if(h[0]&1)throw h[1];return h[1]},trys:[],ops:[]},s,o,h,r;return r={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function i(e){return function(t){return n([e,t])}}function n(i){if(s)throw new TypeError("Generator is already executing.");while(r&&(r=0,i[0]&&(c=0)),c)try{if(s=1,o&&(h=i[0]&2?o["return"]:i[0]?o["throw"]||((h=o["return"])&&h.call(o),0):o.next)&&!(h=h.call(o,i[1])).done)return h;if(o=0,h)i=[i[0]&2,h.value];switch(i[0]){case 0:case 1:h=i;break;case 4:c.label++;return{value:i[1],done:false};case 5:c.label++;o=i[1];i=[0];continue;case 7:i=c.ops.pop();c.trys.pop();continue;default:if(!(h=c.trys,h=h.length>0&&h[h.length-1])&&(i[0]===6||i[0]===2)){c=0;continue}if(i[0]===3&&(!h||i[1]>h[0]&&i[1]<h[3])){c.label=i[1];break}if(i[0]===6&&c.label<h[1]){c.label=h[1];h=i;break}if(h&&c.label<h[2]){c.label=h[2];c.ops.push(i);break}if(h[2])c.ops.pop();c.trys.pop();continue}i=t.call(e,c)}catch(e){i=[6,e];o=0}finally{s=h=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-67fd55c9.js";import{h as hasSlot}from"./utils-51148d9a.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";import{S as StzhInputDescription}from"./stzh-input-description-cceaa066.js";var Check='<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n  <path d="M2 11.3333L9 18.6667L22 5.33334" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" vector-effect="non-scaling-stroke" />\n</svg>\n';var stzhCheckboxCss=".sc-stzh-checkbox-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-checkbox-h{display:none}.sc-stzh-checkbox-h *.sc-stzh-checkbox,.sc-stzh-checkbox-h *.sc-stzh-checkbox::before,.sc-stzh-checkbox-h *.sc-stzh-checkbox::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-checkbox-h{display:inline-block}.sc-stzh-checkbox-h .sc-stzh-checkbox-s>stzh-text{--color:inherit}.stzh-checkbox__marker-symbol.sc-stzh-checkbox{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-checkbox__marker-text.sc-stzh-checkbox{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-checkbox__description-wrapper.sc-stzh-checkbox{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-checkbox__error.sc-stzh-checkbox,.stzh-checkbox__description.sc-stzh-checkbox{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-checkbox__error.sc-stzh-checkbox{color:var(--stzh-color-error)}.stzh-checkbox__error-list.sc-stzh-checkbox{list-style:none;margin:0;padding:0}.stzh-checkbox__description.sc-stzh-checkbox{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-checkbox__description-long.sc-stzh-checkbox{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-checkbox__description-long-popover.sc-stzh-checkbox{--width:auto;--max-width:27.3125rem}.stzh-checkbox__description-long-popover[open].sc-stzh-checkbox:not([open=false]) .stzh-checkbox__description-long-button.sc-stzh-checkbox{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-checkbox__description-long-button.sc-stzh-checkbox{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-checkbox__description-long-button.sc-stzh-checkbox:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-checkbox.sc-stzh-checkbox stzh-icon.stzh-checkbox__description-long-icon.sc-stzh-checkbox{--size:var(--stzh-icon-size-xsmall)}.stzh-checkbox--has-error.sc-stzh-checkbox .stzh-checkbox__error.sc-stzh-checkbox,.stzh-checkbox--has-description.sc-stzh-checkbox .stzh-checkbox__description.sc-stzh-checkbox{margin-top:var(--stzh-space-xxsmall)}.stzh-checkbox__field-wrapper.sc-stzh-checkbox{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-checkbox__input.sc-stzh-checkbox{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-checkbox__mark.sc-stzh-checkbox{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:var(--stzh-form-input-border-radius);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-checkbox__check.sc-stzh-checkbox{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;opacity:0;color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-checkbox__label.sc-stzh-checkbox{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-checkbox__label.sc-stzh-checkbox:empty{display:none}.stzh-checkbox__marker-symbol.sc-stzh-checkbox{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-checkbox.sc-stzh-checkbox:hover .stzh-checkbox__label.sc-stzh-checkbox,.stzh-checkbox__input.sc-stzh-checkbox:checked:hover~.stzh-checkbox__label.sc-stzh-checkbox,.stzh-checkbox__input.sc-stzh-checkbox:checked:hover~.stzh-checkbox__mark.sc-stzh-checkbox .stzh-checkbox__check.sc-stzh-checkbox,.stzh-checkbox__input.sc-stzh-checkbox:checked:focus~.stzh-checkbox__mark.sc-stzh-checkbox .stzh-checkbox__check.sc-stzh-checkbox{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-checkbox__input.sc-stzh-checkbox:checked~.stzh-checkbox__label.sc-stzh-checkbox{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-checkbox.sc-stzh-checkbox:hover .stzh-checkbox__mark.sc-stzh-checkbox,.stzh-checkbox__input.sc-stzh-checkbox:focus:hover~.stzh-checkbox__mark.sc-stzh-checkbox,.stzh-checkbox__input.sc-stzh-checkbox:checked:hover~.stzh-checkbox__mark.sc-stzh-checkbox,.stzh-checkbox__input.sc-stzh-checkbox:checked:focus~.stzh-checkbox__mark.sc-stzh-checkbox{border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-checkbox__input.sc-stzh-checkbox:focus~.stzh-checkbox__mark.sc-stzh-checkbox,.stzh-checkbox__input.sc-stzh-checkbox:checked~.stzh-checkbox__mark.sc-stzh-checkbox{border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-checkbox__input.sc-stzh-checkbox:checked~.stzh-checkbox__mark.sc-stzh-checkbox .stzh-checkbox__check.sc-stzh-checkbox{opacity:1}.stzh-checkbox--is-invalid.sc-stzh-checkbox .stzh-checkbox__input.sc-stzh-checkbox~.stzh-checkbox__label.sc-stzh-checkbox,.stzh-checkbox--is-invalid.sc-stzh-checkbox .stzh-checkbox__input.sc-stzh-checkbox~.stzh-checkbox__mark.sc-stzh-checkbox .stzh-checkbox__check.sc-stzh-checkbox{color:var(--stzh-color-error)}.stzh-checkbox--is-invalid.sc-stzh-checkbox .stzh-checkbox__input.sc-stzh-checkbox~.stzh-checkbox__mark.sc-stzh-checkbox{border-color:var(--stzh-color-error)}.stzh-checkbox--is-disabled.sc-stzh-checkbox .stzh-checkbox__field-wrapper.sc-stzh-checkbox{cursor:not-allowed}.stzh-checkbox--is-disabled.sc-stzh-checkbox .stzh-checkbox__input.sc-stzh-checkbox~.stzh-checkbox__label.sc-stzh-checkbox{color:var(--stzh-color-grey61)}.stzh-checkbox--is-disabled.sc-stzh-checkbox .stzh-checkbox__input.sc-stzh-checkbox~.stzh-checkbox__mark.sc-stzh-checkbox .stzh-checkbox__check.sc-stzh-checkbox{color:var(--stzh-color-grey70)}.stzh-checkbox--is-disabled.sc-stzh-checkbox .stzh-checkbox__input.sc-stzh-checkbox~.stzh-checkbox__mark.sc-stzh-checkbox{border-color:transparent}.stzh-checkbox--is-disabled.sc-stzh-checkbox .stzh-checkbox__mark.sc-stzh-checkbox{background-color:var(--stzh-color-black8)}";var checkboxCounter=0;var StzhCheckbox=function(){function e(e){var t=this;registerInstance(this,e);this.stzhChange=createEvent(this,"stzhChange",7);this.stzhFocus=createEvent(this,"stzhFocus",7);this.stzhBlur=createEvent(this,"stzhBlur",7);this.focusedByInput=false;this.onInput=function(e){t.checked=t.input.checked;t.stzhChange.emit({component:"stzh-checkbox",originalEvent:e,value:t.value,checked:t.checked})};this.onRootFocus=function(){if(!t.focusedByInput){t.setFocus()}t.focusedByInput=false};this.onFocus=function(e){t.focusedByInput=true;var c=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});t.element.dispatchEvent(c);t.stzhFocus.emit({component:"stzh-checkbox",originalEvent:e})};this.onBlur=function(e){var c=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});t.element.dispatchEvent(c);t.stzhBlur.emit({component:"stzh-checkbox",originalEvent:e})};this.localization=undefined;this.disabled=false;this.name="";this.value="";this.invalid=false;this.required=false;this.checked=false;this.label="";this.description=undefined;this.descriptionLong=undefined;this.showMarker=false;this.error=undefined;this.a11yDescribedby=""}e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.input.focus();return[2]}))}))};e.prototype.errorWatcher=function(e){if(typeof e==="string"){try{this._error=JSON.parse(e)}catch(t){if(e){this._error=[e]}else{this._error=[]}}}else if(e){this._error=e}else{this._error=[]}this.invalid=this._error.length>0};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:this.inputId="stzh-checkbox-".concat(checkboxCounter++);this.errorWatcher(this.error);if(!!this.localization)return[3,2];e=this;return[4,fetchTranslations(this.element,"checkbox")];case 1:e.localization=t.sent();t.label=2;case 2:return[2]}}))}))};e.prototype.render=function(){var e=this;var t=hasSlot(this.element,"description")||!!this.description;var c=hasSlot(this.element,"description-long")||!!this.descriptionLong;var s=hasSlot(this.element,"error")||!!this.error;var o={"stzh-checkbox":true,"stzh-checkbox--has-description":t,"stzh-checkbox--has-description-long":c,"stzh-checkbox--has-error":s,"stzh-checkbox--is-required":this.required,"stzh-checkbox--is-invalid":this.invalid,"stzh-checkbox--is-disabled":this.disabled};return h(Host,{tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},h("div",{class:o},h("label",{class:"stzh-checkbox__field-wrapper"},h("input",{class:"stzh-checkbox__input",ref:function(t){return e.input=t},type:"checkbox",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}),h("div",{class:"stzh-checkbox__mark"},h("div",{class:"stzh-checkbox__check",innerHTML:Check})),h("div",{class:"stzh-checkbox__label"},this.label?this.label:h("slot",null),this.showMarker&&h("span",{class:"stzh-checkbox__marker"},h("span",{class:"stzh-checkbox__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),h("span",{class:"stzh-checkbox__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText)))),h(StzhInputDescription,{classPrefix:"stzh-checkbox",id:"".concat(this.inputId,"-description"),error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:c,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{error:["errorWatcher"]}},enumerable:false,configurable:true});return e}();StzhCheckbox.style=stzhCheckboxCss;export{StzhCheckbox as stzh_checkbox};
+var __awaiter=this&&this.__awaiter||function(e,t,c,s){function o(e){return e instanceof c?e:new c((function(t){t(e)}))}return new(c||(c=Promise))((function(c,h){function r(e){try{n(s.next(e))}catch(e){h(e)}}function i(e){try{n(s["throw"](e))}catch(e){h(e)}}function n(e){e.done?c(e.value):o(e.value).then(r,i)}n((s=s.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var c={label:0,sent:function(){if(h[0]&1)throw h[1];return h[1]},trys:[],ops:[]},s,o,h,r;return r={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function i(e){return function(t){return n([e,t])}}function n(i){if(s)throw new TypeError("Generator is already executing.");while(r&&(r=0,i[0]&&(c=0)),c)try{if(s=1,o&&(h=i[0]&2?o["return"]:i[0]?o["throw"]||((h=o["return"])&&h.call(o),0):o.next)&&!(h=h.call(o,i[1])).done)return h;if(o=0,h)i=[i[0]&2,h.value];switch(i[0]){case 0:case 1:h=i;break;case 4:c.label++;return{value:i[1],done:false};case 5:c.label++;o=i[1];i=[0];continue;case 7:i=c.ops.pop();c.trys.pop();continue;default:if(!(h=c.trys,h=h.length>0&&h[h.length-1])&&(i[0]===6||i[0]===2)){c=0;continue}if(i[0]===3&&(!h||i[1]>h[0]&&i[1]<h[3])){c.label=i[1];break}if(i[0]===6&&c.label<h[1]){c.label=h[1];h=i;break}if(h&&c.label<h[2]){c.label=h[2];c.ops.push(i);break}if(h[2])c.ops.pop();c.trys.pop();continue}i=t.call(e,c)}catch(e){i=[6,e];o=0}finally{s=h=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-67fd55c9.js";import{h as hasSlot}from"./utils-8f264f12.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";import{S as StzhInputDescription}from"./stzh-input-description-cceaa066.js";var Check='<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n  <path d="M2 11.3333L9 18.6667L22 5.33334" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" vector-effect="non-scaling-stroke" />\n</svg>\n';var stzhCheckboxCss=".sc-stzh-checkbox-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-checkbox-h{display:none}.sc-stzh-checkbox-h *.sc-stzh-checkbox,.sc-stzh-checkbox-h *.sc-stzh-checkbox::before,.sc-stzh-checkbox-h *.sc-stzh-checkbox::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-checkbox-h{display:inline-block}.sc-stzh-checkbox-h .sc-stzh-checkbox-s>stzh-text{--color:inherit}.stzh-checkbox__marker-symbol.sc-stzh-checkbox{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-checkbox__marker-text.sc-stzh-checkbox{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-checkbox__description-wrapper.sc-stzh-checkbox{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-checkbox__error.sc-stzh-checkbox,.stzh-checkbox__description.sc-stzh-checkbox{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-checkbox__error.sc-stzh-checkbox{color:var(--stzh-color-error)}.stzh-checkbox__error-list.sc-stzh-checkbox{list-style:none;margin:0;padding:0}.stzh-checkbox__description.sc-stzh-checkbox{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-checkbox__description-long.sc-stzh-checkbox{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-checkbox__description-long-popover.sc-stzh-checkbox{--width:auto;--max-width:27.3125rem}.stzh-checkbox__description-long-popover[open].sc-stzh-checkbox:not([open=false]) .stzh-checkbox__description-long-button.sc-stzh-checkbox{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-checkbox__description-long-button.sc-stzh-checkbox{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-checkbox__description-long-button.sc-stzh-checkbox:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-checkbox.sc-stzh-checkbox stzh-icon.stzh-checkbox__description-long-icon.sc-stzh-checkbox{--size:var(--stzh-icon-size-xsmall)}.stzh-checkbox--has-error.sc-stzh-checkbox .stzh-checkbox__error.sc-stzh-checkbox,.stzh-checkbox--has-description.sc-stzh-checkbox .stzh-checkbox__description.sc-stzh-checkbox{margin-top:var(--stzh-space-xxsmall)}.stzh-checkbox__field-wrapper.sc-stzh-checkbox{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-checkbox__input.sc-stzh-checkbox{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-checkbox__mark.sc-stzh-checkbox{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:var(--stzh-form-input-border-radius);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-checkbox__check.sc-stzh-checkbox{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;opacity:0;color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-checkbox__label.sc-stzh-checkbox{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-checkbox__label.sc-stzh-checkbox:empty{display:none}.stzh-checkbox__marker-symbol.sc-stzh-checkbox{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-checkbox.sc-stzh-checkbox:hover .stzh-checkbox__label.sc-stzh-checkbox,.stzh-checkbox__input.sc-stzh-checkbox:checked:hover~.stzh-checkbox__label.sc-stzh-checkbox,.stzh-checkbox__input.sc-stzh-checkbox:checked:hover~.stzh-checkbox__mark.sc-stzh-checkbox .stzh-checkbox__check.sc-stzh-checkbox,.stzh-checkbox__input.sc-stzh-checkbox:checked:focus~.stzh-checkbox__mark.sc-stzh-checkbox .stzh-checkbox__check.sc-stzh-checkbox{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-checkbox__input.sc-stzh-checkbox:checked~.stzh-checkbox__label.sc-stzh-checkbox{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-checkbox.sc-stzh-checkbox:hover .stzh-checkbox__mark.sc-stzh-checkbox,.stzh-checkbox__input.sc-stzh-checkbox:focus:hover~.stzh-checkbox__mark.sc-stzh-checkbox,.stzh-checkbox__input.sc-stzh-checkbox:checked:hover~.stzh-checkbox__mark.sc-stzh-checkbox,.stzh-checkbox__input.sc-stzh-checkbox:checked:focus~.stzh-checkbox__mark.sc-stzh-checkbox{border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-checkbox__input.sc-stzh-checkbox:focus~.stzh-checkbox__mark.sc-stzh-checkbox,.stzh-checkbox__input.sc-stzh-checkbox:checked~.stzh-checkbox__mark.sc-stzh-checkbox{border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-checkbox__input.sc-stzh-checkbox:checked~.stzh-checkbox__mark.sc-stzh-checkbox .stzh-checkbox__check.sc-stzh-checkbox{opacity:1}.stzh-checkbox--is-invalid.sc-stzh-checkbox .stzh-checkbox__input.sc-stzh-checkbox~.stzh-checkbox__label.sc-stzh-checkbox,.stzh-checkbox--is-invalid.sc-stzh-checkbox .stzh-checkbox__input.sc-stzh-checkbox~.stzh-checkbox__mark.sc-stzh-checkbox .stzh-checkbox__check.sc-stzh-checkbox{color:var(--stzh-color-error)}.stzh-checkbox--is-invalid.sc-stzh-checkbox .stzh-checkbox__input.sc-stzh-checkbox~.stzh-checkbox__mark.sc-stzh-checkbox{border-color:var(--stzh-color-error)}.stzh-checkbox--is-disabled.sc-stzh-checkbox .stzh-checkbox__field-wrapper.sc-stzh-checkbox{cursor:not-allowed}.stzh-checkbox--is-disabled.sc-stzh-checkbox .stzh-checkbox__input.sc-stzh-checkbox~.stzh-checkbox__label.sc-stzh-checkbox{color:var(--stzh-color-grey61)}.stzh-checkbox--is-disabled.sc-stzh-checkbox .stzh-checkbox__input.sc-stzh-checkbox~.stzh-checkbox__mark.sc-stzh-checkbox .stzh-checkbox__check.sc-stzh-checkbox{color:var(--stzh-color-grey70)}.stzh-checkbox--is-disabled.sc-stzh-checkbox .stzh-checkbox__input.sc-stzh-checkbox~.stzh-checkbox__mark.sc-stzh-checkbox{border-color:transparent}.stzh-checkbox--is-disabled.sc-stzh-checkbox .stzh-checkbox__mark.sc-stzh-checkbox{background-color:var(--stzh-color-black8)}";var checkboxCounter=0;var StzhCheckbox=function(){function e(e){var t=this;registerInstance(this,e);this.stzhChange=createEvent(this,"stzhChange",7);this.stzhFocus=createEvent(this,"stzhFocus",7);this.stzhBlur=createEvent(this,"stzhBlur",7);this.focusedByInput=false;this.onInput=function(e){t.checked=t.input.checked;t.stzhChange.emit({component:"stzh-checkbox",originalEvent:e,value:t.value,checked:t.checked})};this.onRootFocus=function(){if(!t.focusedByInput){t.setFocus()}t.focusedByInput=false};this.onFocus=function(e){t.focusedByInput=true;var c=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});t.element.dispatchEvent(c);t.stzhFocus.emit({component:"stzh-checkbox",originalEvent:e})};this.onBlur=function(e){var c=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});t.element.dispatchEvent(c);t.stzhBlur.emit({component:"stzh-checkbox",originalEvent:e})};this.localization=undefined;this.disabled=false;this.name="";this.value="";this.invalid=false;this.required=false;this.checked=false;this.label="";this.description=undefined;this.descriptionLong=undefined;this.showMarker=false;this.error=undefined;this.a11yDescribedby=""}e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.input.focus();return[2]}))}))};e.prototype.errorWatcher=function(e){if(typeof e==="string"){try{this._error=JSON.parse(e)}catch(t){if(e){this._error=[e]}else{this._error=[]}}}else if(e){this._error=e}else{this._error=[]}this.invalid=this._error.length>0};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:this.inputId="stzh-checkbox-".concat(checkboxCounter++);this.errorWatcher(this.error);if(!!this.localization)return[3,2];e=this;return[4,fetchTranslations(this.element,"checkbox")];case 1:e.localization=t.sent();t.label=2;case 2:return[2]}}))}))};e.prototype.render=function(){var e=this;var t=hasSlot(this.element,"description")||!!this.description;var c=hasSlot(this.element,"description-long")||!!this.descriptionLong;var s=hasSlot(this.element,"error")||!!this.error;var o={"stzh-checkbox":true,"stzh-checkbox--has-description":t,"stzh-checkbox--has-description-long":c,"stzh-checkbox--has-error":s,"stzh-checkbox--is-required":this.required,"stzh-checkbox--is-invalid":this.invalid,"stzh-checkbox--is-disabled":this.disabled};return h(Host,{tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},h("div",{class:o},h("label",{class:"stzh-checkbox__field-wrapper"},h("input",{class:"stzh-checkbox__input",ref:function(t){return e.input=t},type:"checkbox",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}),h("div",{class:"stzh-checkbox__mark"},h("div",{class:"stzh-checkbox__check",innerHTML:Check})),h("div",{class:"stzh-checkbox__label"},this.label?this.label:h("slot",null),this.showMarker&&h("span",{class:"stzh-checkbox__marker"},h("span",{class:"stzh-checkbox__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),h("span",{class:"stzh-checkbox__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText)))),h(StzhInputDescription,{classPrefix:"stzh-checkbox",id:"".concat(this.inputId,"-description"),error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:c,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{error:["errorWatcher"]}},enumerable:false,configurable:true});return e}();StzhCheckbox.style=stzhCheckboxCss;export{StzhCheckbox as stzh_checkbox};
 //# sourceMappingURL=stzh-checkbox.entry.js.map

package/dist/esm-es5/stzh-checkboxgroup.entry.js

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,o,r){function s(e){return e instanceof o?e:new o((function(t){t(e)}))}return new(o||(o=Promise))((function(o,i){function c(e){try{h(r.next(e))}catch(e){i(e)}}function n(e){try{h(r["throw"](e))}catch(e){i(e)}}function h(e){e.done?o(e.value):s(e.value).then(c,n)}h((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var o={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,s,i,c;return c={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function n(e){return function(t){return h([e,t])}}function h(n){if(r)throw new TypeError("Generator is already executing.");while(c&&(c=0,n[0]&&(o=0)),o)try{if(r=1,s&&(i=n[0]&2?s["return"]:n[0]?s["throw"]||((i=s["return"])&&i.call(s),0):s.next)&&!(i=i.call(s,n[1])).done)return i;if(s=0,i)n=[n[0]&2,i.value];switch(n[0]){case 0:case 1:i=n;break;case 4:o.label++;return{value:n[1],done:false};case 5:o.label++;s=n[1];n=[0];continue;case 7:n=o.ops.pop();o.trys.pop();continue;default:if(!(i=o.trys,i=i.length>0&&i[i.length-1])&&(n[0]===6||n[0]===2)){o=0;continue}if(n[0]===3&&(!i||n[1]>i[0]&&n[1]<i[3])){o.label=n[1];break}if(n[0]===6&&o.label<i[1]){o.label=i[1];i=n;break}if(i&&o.label<i[2]){o.label=i[2];o.ops.push(n);break}if(i[2])o.ops.pop();o.trys.pop();continue}n=t.call(e,o)}catch(e){n=[6,e];s=0}finally{r=i=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};import{r as registerInstance,h,g as getElement}from"./index-67fd55c9.js";import{h as hasSlot}from"./utils-51148d9a.js";import{c as camelCase}from"./string-utils-f98ee4e8.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";import{S as StzhInputDescription}from"./stzh-input-description-cceaa066.js";var stzhCheckboxgroupCss=".sc-stzh-checkboxgroup-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-checkboxgroup-h{display:none}.sc-stzh-checkboxgroup-h *.sc-stzh-checkboxgroup,.sc-stzh-checkboxgroup-h *.sc-stzh-checkboxgroup::before,.sc-stzh-checkboxgroup-h *.sc-stzh-checkboxgroup::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-checkboxgroup-h[direction=vertical] .sc-stzh-checkboxgroup-s>stzh-checkbox:not(:last-child){margin-bottom:var(--stzh-space-medium)}.sc-stzh-checkboxgroup-h[direction=horizontal] .sc-stzh-checkboxgroup-s>stzh-checkbox:not(:last-child){margin-right:var(--stzh-space-large)}.stzh-checkboxgroup.sc-stzh-checkboxgroup{margin:0;padding:0;border:none}.stzh-checkboxgroup__marker-symbol.sc-stzh-checkboxgroup{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-checkboxgroup__marker-text.sc-stzh-checkboxgroup{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-checkboxgroup__description-wrapper.sc-stzh-checkboxgroup{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-checkboxgroup__error.sc-stzh-checkboxgroup,.stzh-checkboxgroup__description.sc-stzh-checkboxgroup{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-checkboxgroup__error.sc-stzh-checkboxgroup{color:var(--stzh-color-error)}.stzh-checkboxgroup__error-list.sc-stzh-checkboxgroup{list-style:none;margin:0;padding:0}.stzh-checkboxgroup__description.sc-stzh-checkboxgroup{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-checkboxgroup__description-long.sc-stzh-checkboxgroup{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-checkboxgroup__description-long-popover.sc-stzh-checkboxgroup{--width:auto;--max-width:27.3125rem}.stzh-checkboxgroup__description-long-popover[open].sc-stzh-checkboxgroup:not([open=false]) .stzh-checkboxgroup__description-long-button.sc-stzh-checkboxgroup{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-checkboxgroup__description-long-button.sc-stzh-checkboxgroup{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-checkboxgroup__description-long-button.sc-stzh-checkboxgroup:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-checkboxgroup.sc-stzh-checkboxgroup stzh-icon.stzh-checkboxgroup__description-long-icon.sc-stzh-checkboxgroup{--size:var(--stzh-icon-size-xsmall)}.stzh-checkboxgroup--has-error.sc-stzh-checkboxgroup .stzh-checkboxgroup__error.sc-stzh-checkboxgroup,.stzh-checkboxgroup--has-description.sc-stzh-checkboxgroup .stzh-checkboxgroup__description.sc-stzh-checkboxgroup{margin-top:var(--stzh-space-xxsmall)}.stzh-checkboxgroup__fields.sc-stzh-checkboxgroup{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column}.stzh-checkboxgroup__legend.sc-stzh-checkboxgroup{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-checkboxgroup--hide-legend.sc-stzh-checkboxgroup .stzh-checkboxgroup__legend.sc-stzh-checkboxgroup{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-checkboxgroup--direction-horizontal.sc-stzh-checkboxgroup .stzh-checkboxgroup__fields.sc-stzh-checkboxgroup{-ms-flex-direction:row;flex-direction:row}";var checkboxgroupCounter=0;var StzhCheckboxgroup=function(){function e(e){var t=this;registerInstance(this,e);this._value=[];this._preventUpdateProperties=[];this.init=function(){t.checkboxes=Array.from(t.element.querySelectorAll("stzh-checkbox"));t.updateCheckboxesProperty("a11y-describedby","".concat(t.checkboxgroupId,"-description"));t.watchValue(t.value);t.watchName(t.name);t.watchDisabled(t.disabled);t.watchInvalid(t.invalid);t.watchShowMarker(t.showMarker)};this.localization=undefined;this.disabled=false;this.name=undefined;this.legend=undefined;this.hideLegend=false;this.invalid=false;this.showMarker=false;this.value="";this.direction="vertical";this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.checkedCheckbox=null;this.preventUpdateProperties=[]}e.prototype.watchName=function(e){this.updateCheckboxesProperty("name",e)};e.prototype.watchDisabled=function(e){this.updateCheckboxesProperty("disabled",e)};e.prototype.watchInvalid=function(e){this.updateCheckboxesProperty("invalid",e)};e.prototype.watchShowMarker=function(e){this.updateCheckboxesProperty("showMarker",e)};e.prototype.watchValue=function(e){if(typeof e==="string"){this._value=JSON.parse(e)}else{this._value=e}this.updateCheckedCheckboxByValue(this._value)};e.prototype.errorWatcher=function(e){if(typeof e==="string"){try{this._error=JSON.parse(e)}catch(t){if(e){this._error=[e]}else{this._error=[]}}}else if(e){this._error=e}else{this._error=[]}this.invalid=this._error.length>0};e.prototype.preventUpdatePropertiesWatcher=function(e){if(typeof e==="string"){this._preventUpdateProperties=JSON.parse(e)}else{this._preventUpdateProperties=e}};e.prototype.onChange=function(e){if(e.detail.checked){this._value.push(e.detail.value)}else{this._value=this._value.filter((function(t){return t!==e.detail.value}))}this.value=this._value};e.prototype.updateCheckboxesProperty=function(e,t){var o=this;this.checkboxes.forEach((function(r){if(e==="name"||o._preventUpdateProperties.indexOf(e)===-1){r[camelCase(e)]=t}}))};e.prototype.updateCheckedCheckboxByValue=function(e){this.checkedCheckbox=this.checkboxes.filter((function(t){return e.indexOf(t.value)>-1}));this.checkboxes.forEach((function(t){return t.checked=e.indexOf(t.value)>-1}))};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:this.checkboxgroupId="stzh-checkboxgroup-".concat(checkboxgroupCounter++);this.errorWatcher(this.error);this.preventUpdatePropertiesWatcher(this.preventUpdateProperties);if(!!this.localization)return[3,2];e=this;return[4,fetchTranslations(this.element,"checkboxgroup")];case 1:e.localization=t.sent();t.label=2;case 2:return[2]}}))}))};e.prototype.componentShouldUpdate=function(e,t,o){return o!=="checkedCheckbox"};e.prototype.componentDidRender=function(){this.init()};e.prototype.connectedCallback=function(){if(!this.value.length){this.checkboxes=Array.from(this.element.querySelectorAll("stzh-checkbox"));this.value=this.checkboxes.filter((function(e){return e.checked})).map((function(e){return e.value}))}this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};e.prototype.disconnectedCallback=function(){if(this.observer){this.observer.disconnect()}};e.prototype.render=function(){var e;var t=hasSlot(this.element,"description")||!!this.description;var o=hasSlot(this.element,"description-long")||!!this.descriptionLong;var r=hasSlot(this.element,"error")||!!this.error;var s=(e={"stzh-checkboxgroup":true,"stzh-checkboxgroup--has-description":t,"stzh-checkboxgroup--has-description-long":o,"stzh-checkboxgroup--has-error":r,"stzh-checkboxgroup--is-disabled":this.disabled,"stzh-checkboxgroup--is-invalid":this.invalid,"stzh-checkboxgroup--hide-legend":this.hideLegend},e["stzh-checkboxgroup--direction-".concat(this.direction)]=!!this.direction,e);return h("fieldset",{class:s},this.legend&&h("legend",{class:"stzh-checkboxgroup__legend"},this.legend),h("div",{class:"stzh-checkboxgroup__fields"},h("slot",null)),h(StzhInputDescription,{classPrefix:"stzh-checkboxgroup",id:"".concat(this.checkboxgroupId,"-description"),error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:o,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel}))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{name:["watchName"],disabled:["watchDisabled"],invalid:["watchInvalid"],showMarker:["watchShowMarker"],value:["watchValue"],error:["errorWatcher"],preventUpdateProperties:["preventUpdatePropertiesWatcher"]}},enumerable:false,configurable:true});return e}();StzhCheckboxgroup.style=stzhCheckboxgroupCss;export{StzhCheckboxgroup as stzh_checkboxgroup};
+var __awaiter=this&&this.__awaiter||function(e,t,o,r){function s(e){return e instanceof o?e:new o((function(t){t(e)}))}return new(o||(o=Promise))((function(o,i){function c(e){try{h(r.next(e))}catch(e){i(e)}}function n(e){try{h(r["throw"](e))}catch(e){i(e)}}function h(e){e.done?o(e.value):s(e.value).then(c,n)}h((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var o={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,s,i,c;return c={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function n(e){return function(t){return h([e,t])}}function h(n){if(r)throw new TypeError("Generator is already executing.");while(c&&(c=0,n[0]&&(o=0)),o)try{if(r=1,s&&(i=n[0]&2?s["return"]:n[0]?s["throw"]||((i=s["return"])&&i.call(s),0):s.next)&&!(i=i.call(s,n[1])).done)return i;if(s=0,i)n=[n[0]&2,i.value];switch(n[0]){case 0:case 1:i=n;break;case 4:o.label++;return{value:n[1],done:false};case 5:o.label++;s=n[1];n=[0];continue;case 7:n=o.ops.pop();o.trys.pop();continue;default:if(!(i=o.trys,i=i.length>0&&i[i.length-1])&&(n[0]===6||n[0]===2)){o=0;continue}if(n[0]===3&&(!i||n[1]>i[0]&&n[1]<i[3])){o.label=n[1];break}if(n[0]===6&&o.label<i[1]){o.label=i[1];i=n;break}if(i&&o.label<i[2]){o.label=i[2];o.ops.push(n);break}if(i[2])o.ops.pop();o.trys.pop();continue}n=t.call(e,o)}catch(e){n=[6,e];s=0}finally{r=i=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};import{r as registerInstance,h,g as getElement}from"./index-67fd55c9.js";import{h as hasSlot}from"./utils-8f264f12.js";import{c as camelCase}from"./string-utils-3ffa8d6b.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";import{S as StzhInputDescription}from"./stzh-input-description-cceaa066.js";var stzhCheckboxgroupCss=".sc-stzh-checkboxgroup-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-checkboxgroup-h{display:none}.sc-stzh-checkboxgroup-h *.sc-stzh-checkboxgroup,.sc-stzh-checkboxgroup-h *.sc-stzh-checkboxgroup::before,.sc-stzh-checkboxgroup-h *.sc-stzh-checkboxgroup::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-checkboxgroup-h[direction=vertical] .sc-stzh-checkboxgroup-s>stzh-checkbox:not(:last-child){margin-bottom:var(--stzh-space-medium)}.sc-stzh-checkboxgroup-h[direction=horizontal] .sc-stzh-checkboxgroup-s>stzh-checkbox:not(:last-child){margin-right:var(--stzh-space-large)}.stzh-checkboxgroup.sc-stzh-checkboxgroup{margin:0;padding:0;border:none}.stzh-checkboxgroup__marker-symbol.sc-stzh-checkboxgroup{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-checkboxgroup__marker-text.sc-stzh-checkboxgroup{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-checkboxgroup__description-wrapper.sc-stzh-checkboxgroup{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-checkboxgroup__error.sc-stzh-checkboxgroup,.stzh-checkboxgroup__description.sc-stzh-checkboxgroup{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-checkboxgroup__error.sc-stzh-checkboxgroup{color:var(--stzh-color-error)}.stzh-checkboxgroup__error-list.sc-stzh-checkboxgroup{list-style:none;margin:0;padding:0}.stzh-checkboxgroup__description.sc-stzh-checkboxgroup{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-checkboxgroup__description-long.sc-stzh-checkboxgroup{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-checkboxgroup__description-long-popover.sc-stzh-checkboxgroup{--width:auto;--max-width:27.3125rem}.stzh-checkboxgroup__description-long-popover[open].sc-stzh-checkboxgroup:not([open=false]) .stzh-checkboxgroup__description-long-button.sc-stzh-checkboxgroup{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-checkboxgroup__description-long-button.sc-stzh-checkboxgroup{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-checkboxgroup__description-long-button.sc-stzh-checkboxgroup:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-checkboxgroup.sc-stzh-checkboxgroup stzh-icon.stzh-checkboxgroup__description-long-icon.sc-stzh-checkboxgroup{--size:var(--stzh-icon-size-xsmall)}.stzh-checkboxgroup--has-error.sc-stzh-checkboxgroup .stzh-checkboxgroup__error.sc-stzh-checkboxgroup,.stzh-checkboxgroup--has-description.sc-stzh-checkboxgroup .stzh-checkboxgroup__description.sc-stzh-checkboxgroup{margin-top:var(--stzh-space-xxsmall)}.stzh-checkboxgroup__fields.sc-stzh-checkboxgroup{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column}.stzh-checkboxgroup__legend.sc-stzh-checkboxgroup{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-checkboxgroup--hide-legend.sc-stzh-checkboxgroup .stzh-checkboxgroup__legend.sc-stzh-checkboxgroup{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-checkboxgroup--direction-horizontal.sc-stzh-checkboxgroup .stzh-checkboxgroup__fields.sc-stzh-checkboxgroup{-ms-flex-direction:row;flex-direction:row}";var checkboxgroupCounter=0;var StzhCheckboxgroup=function(){function e(e){var t=this;registerInstance(this,e);this._value=[];this._preventUpdateProperties=[];this.init=function(){t.checkboxes=Array.from(t.element.querySelectorAll("stzh-checkbox"));t.updateCheckboxesProperty("a11y-describedby","".concat(t.checkboxgroupId,"-description"));t.watchValue(t.value);t.watchName(t.name);t.watchDisabled(t.disabled);t.watchInvalid(t.invalid);t.watchShowMarker(t.showMarker)};this.localization=undefined;this.disabled=false;this.name=undefined;this.legend=undefined;this.hideLegend=false;this.invalid=false;this.showMarker=false;this.value="";this.direction="vertical";this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.checkedCheckbox=null;this.preventUpdateProperties=[]}e.prototype.watchName=function(e){this.updateCheckboxesProperty("name",e)};e.prototype.watchDisabled=function(e){this.updateCheckboxesProperty("disabled",e)};e.prototype.watchInvalid=function(e){this.updateCheckboxesProperty("invalid",e)};e.prototype.watchShowMarker=function(e){this.updateCheckboxesProperty("showMarker",e)};e.prototype.watchValue=function(e){if(typeof e==="string"){this._value=JSON.parse(e)}else{this._value=e}this.updateCheckedCheckboxByValue(this._value)};e.prototype.errorWatcher=function(e){if(typeof e==="string"){try{this._error=JSON.parse(e)}catch(t){if(e){this._error=[e]}else{this._error=[]}}}else if(e){this._error=e}else{this._error=[]}this.invalid=this._error.length>0};e.prototype.preventUpdatePropertiesWatcher=function(e){if(typeof e==="string"){this._preventUpdateProperties=JSON.parse(e)}else{this._preventUpdateProperties=e}};e.prototype.onChange=function(e){if(e.detail.checked){this._value.push(e.detail.value)}else{this._value=this._value.filter((function(t){return t!==e.detail.value}))}this.value=this._value};e.prototype.updateCheckboxesProperty=function(e,t){var o=this;this.checkboxes.forEach((function(r){if(e==="name"||o._preventUpdateProperties.indexOf(e)===-1){r[camelCase(e)]=t}}))};e.prototype.updateCheckedCheckboxByValue=function(e){this.checkedCheckbox=this.checkboxes.filter((function(t){return e.indexOf(t.value)>-1}));this.checkboxes.forEach((function(t){return t.checked=e.indexOf(t.value)>-1}))};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:this.checkboxgroupId="stzh-checkboxgroup-".concat(checkboxgroupCounter++);this.errorWatcher(this.error);this.preventUpdatePropertiesWatcher(this.preventUpdateProperties);if(!!this.localization)return[3,2];e=this;return[4,fetchTranslations(this.element,"checkboxgroup")];case 1:e.localization=t.sent();t.label=2;case 2:return[2]}}))}))};e.prototype.componentShouldUpdate=function(e,t,o){return o!=="checkedCheckbox"};e.prototype.componentDidRender=function(){this.init()};e.prototype.connectedCallback=function(){if(!this.value.length){this.checkboxes=Array.from(this.element.querySelectorAll("stzh-checkbox"));this.value=this.checkboxes.filter((function(e){return e.checked})).map((function(e){return e.value}))}this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};e.prototype.disconnectedCallback=function(){if(this.observer){this.observer.disconnect()}};e.prototype.render=function(){var e;var t=hasSlot(this.element,"description")||!!this.description;var o=hasSlot(this.element,"description-long")||!!this.descriptionLong;var r=hasSlot(this.element,"error")||!!this.error;var s=(e={"stzh-checkboxgroup":true,"stzh-checkboxgroup--has-description":t,"stzh-checkboxgroup--has-description-long":o,"stzh-checkboxgroup--has-error":r,"stzh-checkboxgroup--is-disabled":this.disabled,"stzh-checkboxgroup--is-invalid":this.invalid,"stzh-checkboxgroup--hide-legend":this.hideLegend},e["stzh-checkboxgroup--direction-".concat(this.direction)]=!!this.direction,e);return h("fieldset",{class:s},this.legend&&h("legend",{class:"stzh-checkboxgroup__legend"},this.legend),h("div",{class:"stzh-checkboxgroup__fields"},h("slot",null)),h(StzhInputDescription,{classPrefix:"stzh-checkboxgroup",id:"".concat(this.checkboxgroupId,"-description"),error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:o,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel}))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{name:["watchName"],disabled:["watchDisabled"],invalid:["watchInvalid"],showMarker:["watchShowMarker"],value:["watchValue"],error:["errorWatcher"],preventUpdateProperties:["preventUpdatePropertiesWatcher"]}},enumerable:false,configurable:true});return e}();StzhCheckboxgroup.style=stzhCheckboxgroupCss;export{StzhCheckboxgroup as stzh_checkboxgroup};
 //# sourceMappingURL=stzh-checkboxgroup.entry.js.map

package/dist/esm-es5/stzh-chip-select.entry.js

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(e,t,s,i){function c(e){return e instanceof s?e:new s((function(t){t(e)}))}return new(s||(s=Promise))((function(s,r){function n(e){try{o(i.next(e))}catch(e){r(e)}}function a(e){try{o(i["throw"](e))}catch(e){r(e)}}function o(e){e.done?s(e.value):c(e.value).then(n,a)}o((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var s={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,c,r,n;return n={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function a(e){return function(t){return o([e,t])}}function o(a){if(i)throw new TypeError("Generator is already executing.");while(n&&(n=0,a[0]&&(s=0)),s)try{if(i=1,c&&(r=a[0]&2?c["return"]:a[0]?c["throw"]||((r=c["return"])&&r.call(c),0):c.next)&&!(r=r.call(c,a[1])).done)return r;if(c=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:s.label++;return{value:a[1],done:false};case 5:s.label++;c=a[1];a=[0];continue;case 7:a=s.ops.pop();s.trys.pop();continue;default:if(!(r=s.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){s=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){s.label=a[1];break}if(a[0]===6&&s.label<r[1]){s.label=r[1];r=a;break}if(r&&s.label<r[2]){s.label=r[2];s.ops.push(a);break}if(r[2])s.ops.pop();s.trys.pop();continue}a=t.call(e,s)}catch(e){a=[6,e];c=0}finally{i=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-67fd55c9.js";import{S as StzhInputDescription}from"./stzh-input-description-cceaa066.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";var stzhChipSelectCss=".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 chipSelectCounter=0;var StzhChipSelect=function(){function e(e){var t=this;registerInstance(this,e);this.stzhChange=createEvent(this,"stzhChange",7);this._data=[];this._dataDropdown=[];this.handleChipClick=function(e,s){t.value=e.value;t.activeFocusOptionIndex=s;t.stzhChange.emit({component:"stzh-chip-select",value:t.value})};this.handleDropdownChange=function(e){t.value=e.detail.value;t.activeFocusOptionIndex=t._data.findIndex((function(e){return e.value===t.value}));t.stzhChange.emit({component:"stzh-chip-select",value:t.value})};this.handleKeydown=function(e){var s=null;var i=t.activeFocusOptionIndex;if(e.key==="ArrowUp"||e.key==="ArrowLeft"){e.preventDefault();if(i>0){s=i-1}}else if(e.key==="ArrowDown"||e.key==="ArrowRight"){e.preventDefault();if(i<t._data.length-1){s=i+1}}else if(e.key===" "||e.key==="Enter"){e.preventDefault();t.value=t._data[i].value;t.stzhChange.emit({component:"stzh-chip-select",value:t.value})}if(s!==null){t.activeFocusOptionIndex=s}};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}e.prototype.dataWatcher=function(e){if(typeof e==="string"){this._data=JSON.parse(e)}else{this._data=e}this._dataDropdown=this._data.map((function(e){return{text:"".concat(e.label," (").concat(e.counter,")"),value:e.value}}))};e.prototype.errorWatcher=function(e){if(typeof e==="string"){try{this._error=JSON.parse(e)}catch(t){if(e){this._error=[e]}else{this._error=[]}}}else if(e){this._error=e}else{this._error=[]}this.invalid=this._error.length>0};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:this.id="stzh-chip-select-".concat(chipSelectCounter++);this.dataWatcher(this.data);this.errorWatcher(this.error);if(!!this.localization)return[3,2];e=this;return[4,fetchTranslations(this.element,"chip-select")];case 1:e.localization=t.sent();t.label=2;case 2:return[2]}}))}))};e.prototype.render=function(){var e=this;var t=!!this.description;var s=!!this.descriptionLong;var i=!!this.error;var c={"stzh-chip-select":true,"stzh-chip-select--has-description":t,"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 h(Host,null,h("div",{class:c},h("input",{type:"hidden",name:this.name,value:this.value}),h("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(t,s){return h("stzh-chip",{role:"option",class:{"stzh-chip-select__chip":true,"is-focused":e.activeFocusOptionIndex===s},label:t.label,counter:t.counter,icon:t.icon,type:t.type,variant:t.variant,size:t.size,disabled:e.disabled||t.disabled,active:e.value===t.value,"aria-selected":e.value===t.value?"true":"false",id:"".concat(e.id,"-option-").concat(s),a11yTabindex:"-1",onClick:function(){return e.handleChipClick(t,s)}})}))),h(StzhInputDescription,{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}),h("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(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{data:["dataWatcher"],error:["errorWatcher"]}},enumerable:false,configurable:true});return e}();StzhChipSelect.style=stzhChipSelectCss;export{StzhChipSelect as stzh_chip_select};
+//# sourceMappingURL=stzh-chip-select.entry.js.map

package/dist/esm-es5/stzh-chip-select.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhChipSelectCss","chipSelectCounter","StzhChipSelect","this","_data","_dataDropdown","handleChipClick","data","index","_this","value","activeFocusOptionIndex","stzhChange","emit","component","handleDropdownChange","event","detail","findIndex","handleKeydown","newActiveIndex","activeOptionIndex","key","preventDefault","length","class_1","prototype","dataWatcher","newValue","JSON","parse","map","text","concat","label","counter","errorWatcher","_error","e","invalid","componentWillLoad","id","error","localization","_a","fetchTranslations","element","_b","sent","render","descriptionUsed","description","descriptionLongUsed","descriptionLong","errorUsed","classes","disabled","required","h","Host","class","type","name","role","tabindex","a11yDescribedby","onKeyDown","icon","variant","size","active","a11yTabindex","onClick","StzhInputDescription","classPrefix","moreInfoButtonLabel","$globals","items","options","onStzhChange"],"sources":["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}\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":"ksDAAA,IAAMA,kBAAoB,4zICuB1B,IAAIC,kBAAoB,E,IASXC,eAAc,W,mGAMjBC,KAAAC,MAA8B,GAC9BD,KAAAE,cAAuB,GA+EvBF,KAAAG,gBAAkB,SAACC,EAA0BC,GACnDC,EAAKC,MAAQH,EAAKG,MAClBD,EAAKE,uBAAyBH,EAE9BC,EAAKG,WAAWC,KAAK,CACnBC,UAAW,mBACXJ,MAAOD,EAAKC,O,EAIRP,KAAAY,qBAAuB,SAACC,GAC9BP,EAAKC,MAAQM,EAAMC,OAAOP,MAC1BD,EAAKE,uBAAyBF,EAAKL,MAAMc,WAAU,SAAAX,GACjD,OAAOA,EAAKG,QAAUD,EAAKC,K,IAG7BD,EAAKG,WAAWC,KAAK,CACnBC,UAAW,mBACXJ,MAAOD,EAAKC,O,EAIRP,KAAAgB,cAAgB,SAACH,GACvB,IAAII,EAAyB,KAC7B,IAAMC,EAAoBZ,EAAKE,uBAE/B,GAAIK,EAAMM,MAAQ,WAAaN,EAAMM,MAAQ,YAAa,CACxDN,EAAMO,iBAEN,GAAIF,EAAoB,EAAG,CACzBD,EAAiBC,EAAoB,C,OAElC,GAAIL,EAAMM,MAAQ,aAAeN,EAAMM,MAAQ,aAAc,CAClEN,EAAMO,iBAEN,GAAIF,EAAoBZ,EAAKL,MAAMoB,OAAS,EAAG,CAC7CJ,EAAiBC,EAAoB,C,OAElC,GAAIL,EAAMM,MAAQ,KAAON,EAAMM,MAAQ,QAAS,CACrDN,EAAMO,iBACNd,EAAKC,MAAQD,EAAKL,MAAMiB,GAAmBX,MAE3CD,EAAKG,WAAWC,KAAK,CACnBC,UAAW,mBACXJ,MAAOD,EAAKC,O,CAIhB,GAAIU,IAAmB,KAAM,CAC3BX,EAAKE,uBAAyBS,C,yCAlIY,G,+BAQtB,G,WAGA,G,4FAaoB,M,cAGC,M,cAGA,M,qBAGsB,G,4BAEzB,C,CAQ1CK,EAAAC,UAAAC,YAAA,SAAYC,GACV,UAAWA,IAAa,SAAU,CAChCzB,KAAKC,MAAQyB,KAAKC,MAAMF,E,KACnB,CACLzB,KAAKC,MAAQwB,C,CAGfzB,KAAKE,cAAgBF,KAAKC,MAAM2B,KAAI,SAACxB,GACnC,MAAO,CACLyB,KAAM,GAAAC,OAAG1B,EAAK2B,MAAK,MAAAD,OAAK1B,EAAK4B,QAAO,KACpCzB,MAAOH,EAAKG,M,KAMlBe,EAAAC,UAAAU,aAAA,SAAaR,GACX,UAAWA,IAAa,SAAU,CAChC,IACEzB,KAAKkC,OAASR,KAAKC,MAAMF,E,CACzB,MAAOU,GACP,GAAIV,EAAU,CACZzB,KAAKkC,OAAS,CAACT,E,KACV,CACLzB,KAAKkC,OAAS,E,QAGb,GAAIT,EAAU,CACnBzB,KAAKkC,OAAST,C,KACT,CACLzB,KAAKkC,OAAS,E,CAGhBlC,KAAKoC,QAAUpC,KAAKkC,OAAOb,OAAS,C,EA0DhCC,EAAAC,UAAAc,kBAAN,W,kHACErC,KAAKsC,GAAK,oBAAAR,OAAoBhC,qBAE9BE,KAAKwB,YAAYxB,KAAKI,MACtBJ,KAAKiC,aAAajC,KAAKuC,O,KAElBvC,KAAKwC,aAAN,YACFC,EAAAzC,KAAoB,SAAM0C,kBAAkB1C,KAAK2C,QAAS,gB,OAA1DF,EAAKD,aAAeI,EAAAC,O,mCAIxBvB,EAAAC,UAAAuB,OAAA,eAAAxC,EAAAN,KACE,IAAM+C,IAAoB/C,KAAKgD,YAC/B,IAAMC,IAAwBjD,KAAKkD,gBACnC,IAAMC,IAAcnD,KAAKuC,MAEzB,IAAMa,EAAU,CACd,mBAAoB,KACpB,oCAAqCL,EACrC,yCAA0CE,EAC1C,8BAA+BE,EAC/B,+BAAgCnD,KAAKoC,QACrC,gCAAiCpC,KAAKqD,SACtC,gCAAiCrD,KAAKsD,UAGxC,OACEC,EAACC,KAAI,KACHD,EAAA,OAAKE,MAAOL,GACVG,EAAA,SAAOG,KAAK,SAASC,KAAM3D,KAAK2D,KAAMpD,MAAOP,KAAKO,QAElDgD,EAAA,OACEE,MAAM,0BACNG,KAAK,UACLC,SAAS,IAAG,uBACS,QAAO,wBACL,GAAA/B,OAAG9B,KAAKsC,GAAE,YAAAR,OAAW9B,KAAKQ,wBAAwB,mBACvD,GAAAsB,OAAG9B,KAAKsC,GAAE,iBAAAR,OAAgB9B,KAAK8D,iBACjDC,UAAW/D,KAAKgB,eAEfhB,KAAKC,MAAM2B,KAAI,SAACxB,EAAMC,GAAK,OAC1BkD,EAAA,aACEK,KAAK,SACLH,MAAO,CACL,yBAA0B,KAC1B,aAAcnD,EAAKE,yBAA2BH,GAEhD0B,MAAO3B,EAAK2B,MACZC,QAAS5B,EAAK4B,QACdgC,KAAM5D,EAAK4D,KACXN,KAAMtD,EAAKsD,KACXO,QAAS7D,EAAK6D,QACdC,KAAM9D,EAAK8D,KACXb,SAAU/C,EAAK+C,UAAYjD,EAAKiD,SAChCc,OAAQ7D,EAAKC,QAAUH,EAAKG,MAAK,gBAClBD,EAAKC,QAAUH,EAAKG,MAAQ,OAAS,QACpD+B,GAAI,GAAAR,OAAGxB,EAAKgC,GAAE,YAAAR,OAAWzB,GACzB+D,aAAa,KACbC,QAAS,WAAM,OAAA/D,EAAKH,gBAAgBC,EAAMC,EAA3B,GAlBS,KAuB9BkD,EAACe,qBAAoB,CACnBC,YAAY,mBACZjC,GAAI,GAAAR,OAAG9B,KAAKsC,GAAE,gBACdC,MAAOvC,KAAKkC,OACZc,YAAahD,KAAKgD,YAClBE,gBAAiBlD,KAAKkD,gBACtBD,oBAAqBA,EACrBuB,oBAAqBxE,KAAKwC,aAAaiC,SAASD,sBAGlDjB,EAAA,iBACEE,MAAM,6BACNJ,SAAUrD,KAAKqD,SACfd,MAAOvC,KAAKkC,OACZc,YAAahD,KAAKgD,YAClBE,gBAAiBlD,KAAKkD,gBACtBI,SAAUtD,KAAKsD,SACflB,QAASpC,KAAKoC,QACdsC,MAAO,CAAC1E,KAAKO,OACbwB,MAAO/B,KAAK+B,MACZ4C,QAAS3E,KAAKE,cACd0E,aAAc5E,KAAKY,wB,kRA/NJ,G"}

package/dist/esm-es5/stzh-chip_2.entry.js

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,r,o){function i(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,s){function n(e){try{h(o.next(e))}catch(e){s(e)}}function a(e){try{h(o["throw"](e))}catch(e){s(e)}}function h(e){e.done?r(e.value):i(e.value).then(n,a)}h((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},o,i,s,n;return n={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function a(e){return function(t){return h([e,t])}}function h(a){if(o)throw new TypeError("Generator is already executing.");while(n&&(n=0,a[0]&&(r=0)),r)try{if(o=1,i&&(s=a[0]&2?i["return"]:a[0]?i["throw"]||((s=i["return"])&&s.call(i),0):i.next)&&!(s=s.call(i,a[1])).done)return s;if(i=0,s)a=[a[0]&2,s.value];switch(a[0]){case 0:case 1:s=a;break;case 4:r.label++;return{value:a[1],done:false};case 5:r.label++;i=a[1];a=[0];continue;case 7:a=r.ops.pop();r.trys.pop();continue;default:if(!(s=r.trys,s=s.length>0&&s[s.length-1])&&(a[0]===6||a[0]===2)){r=0;continue}if(a[0]===3&&(!s||a[1]>s[0]&&a[1]<s[3])){r.label=a[1];break}if(a[0]===6&&r.label<s[1]){r.label=s[1];s=a;break}if(s&&r.label<s[2]){r.label=s[2];r.ops.push(a);break}if(s[2])r.ops.pop();r.trys.pop();continue}a=t.call(e,r)}catch(e){a=[6,e];i=0}finally{o=s=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,F as Fragment,a as Host,g as getElement}from"./index-67fd55c9.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";var stzhChipCss=".sc-stzh-chip-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-h{display:none}.sc-stzh-chip-h *.sc-stzh-chip,.sc-stzh-chip-h *.sc-stzh-chip::before,.sc-stzh-chip-h *.sc-stzh-chip::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-chip-h{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--height:2rem;--padding:0 var(--stzh-space-medium);--border-color:var(--stzh-color-grey13);--border-radius:1rem;--remove-color:var(--stzh-base-lead-color);--remove-border-radius:1.5rem;--background-color:var(--stzh-color-white);--icon-size:var(--stzh-icon-size-small);--icon-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--icon-gap:var(--stzh-space-xsmall);--counter-color:var(--stzh-color-primary60op);--counter-gap:var(--stzh-space-xsmall);--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-border-color:var(--border-color);--hover-background-color:var(--stzh-color-primary8);--hover-remove-color:var(--hover-color);--hover-remove-background-color:var(--hover-background-color);--hover-icon-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-counter-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));display:-ms-inline-flexbox;display:inline-flex}@media (forced-colors: active), (-ms-high-contrast: active){.sc-stzh-chip-h{--hover-color:Highlight;--hover-border:0.0625rem solid Highlight;--hover-background-color:Canvas;--hover-remove-color:Highlight;--hover-remove-background-color:Canvas;--hover-icon-color:Highlight;--hover-counter-color:Highlight}}[size=large].sc-stzh-chip-h{--height:2.5rem;--border-radius:1.25rem;--padding:0 var(--stzh-space-xlarge)}[size=small].sc-stzh-chip-h{--height:1.5rem;--icon-size:var(--stzh-icon-size-xsmall);--counter-gap:var(--stzh-space-xxsmall)}[variant=input].sc-stzh-chip-h{--border-color:transparent;--background-color:var(--stzh-color-grey5);--hover-border-color:transparent}[variant=tag].sc-stzh-chip-h{--color:var(--stzh-base-color);--icon-color:var(--stzh-base-color);--counter-color:var(--stzh-base-color);--border-color:transparent;--background-color:var(--stzh-color-black8);--hover-color:var(--stzh-base-color);--hover-border-color:transparent;--hover-background-color:var(--stzh-color-black8);--hover-icon-color:var(--stzh-base-color);--hover-counter-color:var(--stzh-base-color)}[variant=input][size=small].sc-stzh-chip-h{--padding:0 var(--stzh-space-small);--icon-gap:var(--stzh-space-xxsmall)}[variant=tag][size=small].sc-stzh-chip-h{--padding:0 var(--stzh-space-xsmall);--icon-gap:var(--stzh-space-xxsmall)}[type=secondary].sc-stzh-chip-h{--color:var(--stzh-base-lead-color);--counter-color:var(--stzh-color-grey40)}[type=important].sc-stzh-chip-h{--color:var(--stzh-color-error);--icon-color:var(--stzh-color-error);--counter-color:var(--stzh-color-error);--hover-color:var(--stzh-color-error);--hover-icon-color:var(--stzh-color-error);--hover-counter-color:var(--stzh-color-error)}@media (forced-colors: active), (-ms-high-contrast: active){[type=important].sc-stzh-chip-h{--hover-color:Highlight;--hover-icon-color:Highlight;--hover-counter-color:Highlight}}[active].sc-stzh-chip-h:not([active=false]){--color:var(--stzh-color-white);--border-color:transparent;--remove-color:var(--stzh-color-white);--background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--icon-color:var(--stzh-color-white);--counter-color:var(--stzh-color-white56);--hover-color:var(--stzh-color-white);--hover-border-color:transparent;--hover-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-remove-color:var(--stzh-color-white);--hover-remove-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-icon-color:var(--stzh-color-white);--hover-counter-color:var(--stzh-color-white56)}@media (forced-colors: active), (-ms-high-contrast: active){[active].sc-stzh-chip-h:not([active=false]){--color:SelectedItem;--border-color:SelectedItem;--remove-color:SelectedItem;--background-color:Canvas;--icon-color:SelectedItem;--counter-color:SelectedItem;--hover-color:Highlight;--hover-border-color:Highlight;--hover-background-color:Canvas;--hover-remove-color:Highlight;--hover-remove-background-color:Canvas;--hover-icon-color:Highlight;--hover-counter-color:Highlight}}[non-interactive].sc-stzh-chip-h:not([non-interactive=false]){--hover-color:var(--color);--hover-border:var(--border-color);--hover-background-color:var(--background-color);--hover-icon-color:var(--icon-color);--hover-counter-color:var(--counter-color)}[disabled].sc-stzh-chip-h:not([disabled=false]){--color:var(--stzh-color-grey25);--border-color:var(--stzh-base-border-color);--remove-color:var(--stzh-color-grey13);--background-color:var(--stzh-color-white);--icon-color:var(--stzh-color-grey25);--counter-color:var(--stzh-color-grey25);--hover-color:var(--stzh-color-grey25);--hover-border-color:var(--stzh-base-border-color);--hover-background-color:var(--stzh-color-white);--hover-remove-color:var(--stzh-color-grey13);--hover-remove-background-color:transparent;--hover-icon-color:var(--stzh-color-grey25);--hover-counter-color:var(--stzh-color-grey25)}.sc-stzh-chip-h .sc-stzh-chip-s>stzh-icon,.stzh-chip__icon.sc-stzh-chip{--size:var(--icon-size)}.stzh-chip.sc-stzh-chip{position:relative}.stzh-chip__vhidden.sc-stzh-chip{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__button.sc-stzh-chip{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);font-family:inherit;height:var(--height);display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;border-radius:var(--border-radius);padding:var(--padding);color:var(--color);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:0.0625rem;border-style:solid;border-color:var(--border-color);background-color:var(--background-color);-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-chip__button.is-button.sc-stzh-chip,.stzh-chip__button.is-link.sc-stzh-chip{cursor:pointer}.stzh-chip__label.sc-stzh-chip{text-align:left}.stzh-chip__icon-wrapper.sc-stzh-chip{display:-ms-flexbox;display:flex;color:var(--icon-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);-ms-flex-negative:0;flex-shrink:0}.stzh-chip__icon-wrapper.sc-stzh-chip:not(:empty){margin-right:var(--icon-gap)}.stzh-chip__counter.sc-stzh-chip{display:-ms-flexbox;display:flex;font-variant-numeric:tabular-nums;margin-left:var(--counter-gap);color:var(--counter-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}.stzh-chip__remove.sc-stzh-chip{position:absolute;top:0;right:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;border:none;background:none;padding:0;width:var(--height);height:var(--height);border-radius:var(--remove-border-radius);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-left:var(--stzh-space-xxsmall);color:var(--remove-color);-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color;cursor:pointer}.stzh-chip__remove.sc-stzh-chip:hover{color:var(--hover-remove-color);background-color:var(--hover-remove-background-color)}.stzh-chip__remove-icon.sc-stzh-chip{--size:var(--stzh-icon-size-xxsmall)}.stzh-chip__button.sc-stzh-chip:hover,.stzh-chip__remove.sc-stzh-chip:hover+.stzh-chip__button.sc-stzh-chip{color:var(--hover-color);background-color:var(--hover-background-color);border-color:var(--hover-border-color)}.stzh-chip__button.sc-stzh-chip:hover .stzh-chip__counter.sc-stzh-chip,.stzh-chip__remove.sc-stzh-chip:hover+.stzh-chip__button.sc-stzh-chip .stzh-chip__counter.sc-stzh-chip{color:var(--hover-counter-color)}.stzh-chip__button.sc-stzh-chip:hover .stzh-chip__icon-wrapper.sc-stzh-chip,.stzh-chip__remove.sc-stzh-chip:hover+.stzh-chip__button.sc-stzh-chip .stzh-chip__icon-wrapper.sc-stzh-chip{color:var(--hover-icon-color)}.stzh-chip--size-small.sc-stzh-chip .stzh-chip__button.sc-stzh-chip{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-chip--is-removable.sc-stzh-chip .stzh-chip__button.sc-stzh-chip{padding-right:calc(var(--height) + var(--stzh-space-xxsmall))}.stzh-chip--is-disabled.sc-stzh-chip .stzh-chip__button.sc-stzh-chip,.stzh-chip--is-disabled.sc-stzh-chip .stzh-chip__remove.sc-stzh-chip{cursor:not-allowed}";var StzhChip=function(){function e(e){var t=this;registerInstance(this,e);this.stzhClick=createEvent(this,"stzhClick",7);this.stzhRemove=createEvent(this,"stzhRemove",7);this.stzhFocus=createEvent(this,"stzhFocus",7);this.stzhBlur=createEvent(this,"stzhBlur",7);this.focusedByInput=false;this.onRootFocus=function(){if(!t.focusedByInput){t.setFocus()}t.focusedByInput=false};this.onFocus=function(e){t.focusedByInput=true;var r=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});t.element.dispatchEvent(r);t.stzhFocus.emit({component:"stzh-chip",originalEvent:e})};this.onBlur=function(e){var r=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});t.element.dispatchEvent(r);t.stzhBlur.emit({component:"stzh-chip",originalEvent:e})};this.onClick=function(e){t.stzhClick.emit({component:"stzh-chip",originalEvent:e})};this.onRemoveClick=function(e){t.stzhRemove.emit({component:"stzh-chip",originalEvent:e})};this.label="";this.icon="";this.href="";this.target="";this.nonInteractive=false;this.removable=false;this.variant="tag";this.size="default";this.type="default";this.counter="";this.removeLabel="";this.active=false;this.disabled=false;this.a11yTabindex=undefined;this.a11yLabel=undefined;this.a11yDescribedby="";this.analyticsId=undefined;this.removeAnalyticsId=undefined}e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.chip.focus();return[2]}))}))};e.prototype.componentDidRender=function(){var e=this;requestAnimationFrame((function(){e.chip.setAttribute("s-object-id",e.analyticsId||e.text.innerText)}))};e.prototype.renderInner=function(){var e=this;return h(Fragment,null,h("div",{class:"stzh-chip__icon-wrapper"},this.icon?h("stzh-icon",{class:"stzh-chip__icon",name:this.icon}):h("slot",{name:"icon"})),h("stzh-clamp",{lines:1,class:"stzh-chip__label",ref:function(t){return e.text=t}},this.label?this.label:h("slot",null),this.counter&&h("span",{class:"stzh-chip__vhidden"}," (",this.counter,")")),this.counter&&h("div",{class:"stzh-chip__counter","aria-hidden":"true"},this.counter))};e.prototype.render=function(){var e;var t=this;var r=(e={"stzh-chip":true,"stzh-chip--is-active":this.active,"stzh-chip--is-disabled":this.disabled,"stzh-chip--is-removable":this.removable,"stzh-chip--has-counter":!!this.counter},e["stzh-chip--type-".concat(this.type)]=!!this.type,e["stzh-chip--size-".concat(this.size)]=!!this.size,e["stzh-chip--".concat(this.variant)]=!!this.variant,e);var o=this.nonInteractive?"div":this.href?"a":"button";return h(Host,{tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},h("div",{class:r},this.removable&&h("button",{class:"stzh-chip__remove",onClick:this.onRemoveClick,disabled:this.disabled,"aria-label":this.removeLabel,type:"button","s-object-id":this.removeAnalyticsId||this.removeLabel},h("stzh-icon",{class:"stzh-chip__remove-icon",name:"close"})),this.href?h(o,{ref:function(e){return t.chip=e},class:{"stzh-chip__button":true,"is-button":!this.nonInteractive&&!this.href,"is-link":!this.nonInteractive&&!!this.href},href:this.disabled?null:this.href,target:this.target,tabindex:this.a11yTabindex,"aria-label":this.a11yLabel,"aria-describedby":this.a11yDescribedby,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur},this.renderInner()):h(o,{ref:function(e){return t.chip=e},class:{"stzh-chip__button":true,"is-button":!this.nonInteractive&&!this.href,"is-link":!this.nonInteractive&&!!this.href},disabled:this.disabled,type:"button",tabindex:this.a11yTabindex,"aria-label":this.a11yLabel,"aria-describedby":this.a11yDescribedby,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur},this.renderInner())))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();StzhChip.style=stzhChipCss;var stzhClampCss=":host{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}:host[hidden]{display:none}:host *,:host *::before,:host *::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-clamp{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;--current-lines:var(--lines, 0);width:100%;color:inherit;font-family:inherit;font-weight:inherit;font-style:inherit;font-size:inherit;line-height:inherit}stzh-clamp[hidden]{display:none}stzh-clamp *,stzh-clamp *::before,stzh-clamp *::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)}@media screen and (min-width: 600px){stzh-clamp{--current-lines:var(--lines-small, var(--lines, 0))}}@media screen and (min-width: 1024px){stzh-clamp{--current-lines:var(--lines-medium, var(--lines-small, var(--lines, 0)))}}@media screen and (min-width: 1260px){stzh-clamp{--current-lines:var(--lines-large, var(--lines-medium, var(--lines-small, var(--lines, 0))))}}@media screen and (min-width: 1440px){stzh-clamp{--current-lines:var(--lines-ultra, var(--lines-large, var(--lines-medium, var(--lines-small, var(--lines, 0)))))}}.stzh-clamp{position:relative}.stzh-clamp__text{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.stzh-clamp__text>*:first-child{margin-top:0 !important}.stzh-clamp__text>*:last-child{margin-bottom:0 !important}.stzh-clamp__text.is-clone{position:absolute;visibility:hidden;opacity:0;top:0;left:0;width:100%}.stzh-clamp__trigger{margin-top:var(--stzh-space-xxsmall)}.stzh-clamp--is-not-expanded .stzh-clamp__text,.stzh-clamp__text.is-clone{-webkit-line-clamp:var(--current-lines);line-clamp:var(--current-lines)}";var StzhClamp=function(){function e(e){var t=this;registerInstance(this,e);this.stzhClamp=createEvent(this,"stzhClamp",7);this.stzhExpand=createEvent(this,"stzhExpand",7);this.updateClamped=function(){if(!t.textCloneElement){return}var e=t.clamped;t.clamped=t.textCloneElement.scrollHeight>t.textCloneElement.clientHeight;if(e!==t.clamped){t.stzhClamp.emit({component:"stzh-clamp",clamped:t.clamped})}};this.handleResize=function(){if(t.debounceResize){window.cancelAnimationFrame(t.debounceResize)}t.debounceResize=requestAnimationFrame(t.updateClamped)};this.handleMutaton=function(){t.update()};this.handleExpandClick=function(){t.expanded=!t.expanded;t.stzhExpand.emit({component:"stzh-clamp",expanded:t.expanded})};this.localization=undefined;this.lines=1;this.linesSmall=0;this.linesMedium=0;this.linesLarge=0;this.linesUltra=0;this.showExpandLink=false;this.expanded=false;this.clamped=false}e.prototype.update=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.textCloneElement.innerHTML=this.textElement.innerHTML;this.updateClamped();return[2]}))}))};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:if(!!this.localization)return[3,2];e=this;return[4,fetchTranslations(this.element,"clamp")];case 1:e.localization=t.sent();t.label=2;case 2:return[2]}}))}))};e.prototype.componentDidLoad=function(){this.mutationObserver=new MutationObserver(this.handleMutaton);this.mutationObserver.observe(this.textElement,{childList:true,subtree:true})};e.prototype.componentDidRender=function(){this.update()};e.prototype.connectedCallback=function(){this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element)};e.prototype.disconnectedCallback=function(){if(this.resizeObserver){this.resizeObserver.disconnect()}if(this.mutationObserver){this.mutationObserver.disconnect()}};e.prototype.render=function(){var e=this;var t={"stzh-clamp":true,"stzh-clamp--is-not-expanded":!this.expanded};return h(Host,{style:{"--lines":this.lines?this.lines.toString():null,"--lines-small":this.linesSmall?this.linesSmall.toString():null,"--lines-medium":this.linesMedium?this.linesMedium.toString():null,"--lines-large":this.linesLarge?this.linesLarge.toString():null,"--lines-ultra":this.linesUltra?this.linesUltra.toString():null}},h("div",{class:t},h("div",{ref:function(t){return e.textElement=t},class:"stzh-clamp__text"},h("slot",null)),h("div",{ref:function(t){return e.textCloneElement=t},class:"stzh-clamp__text is-clone","aria-hidden":"true"}),this.showExpandLink&&this.clamped&&h("stzh-link",{class:"stzh-clamp__trigger",a11yTabindex:"-1","aria-hidden":"true",onClick:this.handleExpandClick},!this.expanded?this.localization.showMore:this.localization.showLess)))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();StzhClamp.style=stzhClampCss;export{StzhChip as stzh_chip,StzhClamp as stzh_clamp};
+var __awaiter=this&&this.__awaiter||function(e,t,r,o){function i(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,s){function n(e){try{h(o.next(e))}catch(e){s(e)}}function a(e){try{h(o["throw"](e))}catch(e){s(e)}}function h(e){e.done?r(e.value):i(e.value).then(n,a)}h((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},o,i,s,n;return n={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function a(e){return function(t){return h([e,t])}}function h(a){if(o)throw new TypeError("Generator is already executing.");while(n&&(n=0,a[0]&&(r=0)),r)try{if(o=1,i&&(s=a[0]&2?i["return"]:a[0]?i["throw"]||((s=i["return"])&&s.call(i),0):i.next)&&!(s=s.call(i,a[1])).done)return s;if(i=0,s)a=[a[0]&2,s.value];switch(a[0]){case 0:case 1:s=a;break;case 4:r.label++;return{value:a[1],done:false};case 5:r.label++;i=a[1];a=[0];continue;case 7:a=r.ops.pop();r.trys.pop();continue;default:if(!(s=r.trys,s=s.length>0&&s[s.length-1])&&(a[0]===6||a[0]===2)){r=0;continue}if(a[0]===3&&(!s||a[1]>s[0]&&a[1]<s[3])){r.label=a[1];break}if(a[0]===6&&r.label<s[1]){r.label=s[1];s=a;break}if(s&&r.label<s[2]){r.label=s[2];r.ops.push(a);break}if(s[2])r.ops.pop();r.trys.pop();continue}a=t.call(e,r)}catch(e){a=[6,e];i=0}finally{o=s=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,F as Fragment,a as Host,g as getElement}from"./index-67fd55c9.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";var stzhChipCss=".sc-stzh-chip-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-h{display:none}.sc-stzh-chip-h *.sc-stzh-chip,.sc-stzh-chip-h *.sc-stzh-chip::before,.sc-stzh-chip-h *.sc-stzh-chip::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-chip-h{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--height:2rem;--padding:0 var(--stzh-space-medium);--border-color:var(--stzh-color-grey13);--border-radius:1rem;--remove-color:var(--stzh-base-lead-color);--remove-border-radius:1.5rem;--background-color:var(--stzh-color-white);--icon-size:var(--stzh-icon-size-small);--icon-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--icon-gap:var(--stzh-space-xsmall);--counter-color:var(--stzh-color-primary60op);--counter-gap:var(--stzh-space-xsmall);--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-border-color:var(--border-color);--hover-background-color:var(--stzh-color-primary8);--hover-remove-color:var(--hover-color);--hover-remove-background-color:var(--hover-background-color);--hover-icon-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-counter-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));display:-ms-inline-flexbox;display:inline-flex}@media (forced-colors: active), (-ms-high-contrast: active){.sc-stzh-chip-h{--hover-color:Highlight;--hover-border:0.0625rem solid Highlight;--hover-background-color:Canvas;--hover-remove-color:Highlight;--hover-remove-background-color:Canvas;--hover-icon-color:Highlight;--hover-counter-color:Highlight}}[size=large].sc-stzh-chip-h{--height:2.5rem;--border-radius:1.25rem;--padding:0 var(--stzh-space-xlarge)}[size=small].sc-stzh-chip-h{--height:1.5rem;--icon-size:var(--stzh-icon-size-xsmall);--counter-gap:var(--stzh-space-xxsmall)}[variant=input].sc-stzh-chip-h{--border-color:transparent;--background-color:var(--stzh-color-grey5);--hover-border-color:transparent}[variant=tag].sc-stzh-chip-h{--color:var(--stzh-base-color);--icon-color:var(--stzh-base-color);--counter-color:var(--stzh-base-color);--border-color:transparent;--background-color:var(--stzh-color-black8);--hover-color:var(--stzh-base-color);--hover-border-color:transparent;--hover-background-color:var(--stzh-color-black8);--hover-icon-color:var(--stzh-base-color);--hover-counter-color:var(--stzh-base-color)}[variant=input][size=small].sc-stzh-chip-h{--padding:0 var(--stzh-space-small);--icon-gap:var(--stzh-space-xxsmall)}[variant=tag][size=small].sc-stzh-chip-h{--padding:0 var(--stzh-space-xsmall);--icon-gap:var(--stzh-space-xxsmall)}[type=secondary].sc-stzh-chip-h{--color:var(--stzh-base-lead-color);--counter-color:var(--stzh-color-grey40)}[type=important].sc-stzh-chip-h{--color:var(--stzh-color-error);--icon-color:var(--stzh-color-error);--counter-color:var(--stzh-color-error);--hover-color:var(--stzh-color-error);--hover-icon-color:var(--stzh-color-error);--hover-counter-color:var(--stzh-color-error)}@media (forced-colors: active), (-ms-high-contrast: active){[type=important].sc-stzh-chip-h{--hover-color:Highlight;--hover-icon-color:Highlight;--hover-counter-color:Highlight}}[active].sc-stzh-chip-h:not([active=false]){--color:var(--stzh-color-white);--border-color:transparent;--remove-color:var(--stzh-color-white);--background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--icon-color:var(--stzh-color-white);--counter-color:var(--stzh-color-white56);--hover-color:var(--stzh-color-white);--hover-border-color:transparent;--hover-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-remove-color:var(--stzh-color-white);--hover-remove-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-icon-color:var(--stzh-color-white);--hover-counter-color:var(--stzh-color-white56)}@media (forced-colors: active), (-ms-high-contrast: active){[active].sc-stzh-chip-h:not([active=false]){--color:SelectedItem;--border-color:SelectedItem;--remove-color:SelectedItem;--background-color:Canvas;--icon-color:SelectedItem;--counter-color:SelectedItem;--hover-color:Highlight;--hover-border-color:Highlight;--hover-background-color:Canvas;--hover-remove-color:Highlight;--hover-remove-background-color:Canvas;--hover-icon-color:Highlight;--hover-counter-color:Highlight}}[non-interactive].sc-stzh-chip-h:not([non-interactive=false]){--hover-color:var(--color);--hover-border:var(--border-color);--hover-background-color:var(--background-color);--hover-icon-color:var(--icon-color);--hover-counter-color:var(--counter-color)}[disabled].sc-stzh-chip-h:not([disabled=false]){--color:var(--stzh-color-grey25);--border-color:var(--stzh-base-border-color);--remove-color:var(--stzh-color-grey13);--background-color:var(--stzh-color-white);--icon-color:var(--stzh-color-grey25);--counter-color:var(--stzh-color-grey25);--hover-color:var(--stzh-color-grey25);--hover-border-color:var(--stzh-base-border-color);--hover-background-color:var(--stzh-color-white);--hover-remove-color:var(--stzh-color-grey13);--hover-remove-background-color:transparent;--hover-icon-color:var(--stzh-color-grey25);--hover-counter-color:var(--stzh-color-grey25)}.sc-stzh-chip-h .sc-stzh-chip-s>stzh-icon,.stzh-chip__icon.sc-stzh-chip{--size:var(--icon-size)}.stzh-chip.sc-stzh-chip{position:relative}.stzh-chip__vhidden.sc-stzh-chip{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__button.sc-stzh-chip{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);font-family:inherit;height:var(--height);display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;border-radius:var(--border-radius);padding:var(--padding);color:var(--color);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:0.0625rem;border-style:solid;border-color:var(--border-color);background-color:var(--background-color);-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-chip__button.is-button.sc-stzh-chip,.stzh-chip__button.is-link.sc-stzh-chip{cursor:pointer}.stzh-chip__label.sc-stzh-chip{text-align:left}.stzh-chip__icon-wrapper.sc-stzh-chip{display:-ms-flexbox;display:flex;color:var(--icon-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);-ms-flex-negative:0;flex-shrink:0}.stzh-chip__icon-wrapper.sc-stzh-chip:not(:empty){margin-right:var(--icon-gap)}.stzh-chip__counter.sc-stzh-chip{display:-ms-flexbox;display:flex;font-variant-numeric:tabular-nums;margin-left:var(--counter-gap);color:var(--counter-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}.stzh-chip__remove.sc-stzh-chip{position:absolute;top:0;right:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;border:none;background:none;padding:0;width:var(--height);height:var(--height);border-radius:var(--remove-border-radius);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-left:var(--stzh-space-xxsmall);color:var(--remove-color);-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color;cursor:pointer}.stzh-chip__remove.sc-stzh-chip:hover{color:var(--hover-remove-color);background-color:var(--hover-remove-background-color)}.stzh-chip__remove-icon.sc-stzh-chip{--size:var(--stzh-icon-size-xxsmall)}.stzh-chip__button.sc-stzh-chip:hover,.stzh-chip__remove.sc-stzh-chip:hover+.stzh-chip__button.sc-stzh-chip{color:var(--hover-color);background-color:var(--hover-background-color);border-color:var(--hover-border-color)}.stzh-chip__button.sc-stzh-chip:hover .stzh-chip__counter.sc-stzh-chip,.stzh-chip__remove.sc-stzh-chip:hover+.stzh-chip__button.sc-stzh-chip .stzh-chip__counter.sc-stzh-chip{color:var(--hover-counter-color)}.stzh-chip__button.sc-stzh-chip:hover .stzh-chip__icon-wrapper.sc-stzh-chip,.stzh-chip__remove.sc-stzh-chip:hover+.stzh-chip__button.sc-stzh-chip .stzh-chip__icon-wrapper.sc-stzh-chip{color:var(--hover-icon-color)}.stzh-chip--size-small.sc-stzh-chip .stzh-chip__button.sc-stzh-chip{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-chip--is-removable.sc-stzh-chip .stzh-chip__button.sc-stzh-chip{padding-right:calc(var(--height) + var(--stzh-space-xxsmall))}.stzh-chip--is-disabled.sc-stzh-chip .stzh-chip__button.sc-stzh-chip,.stzh-chip--is-disabled.sc-stzh-chip .stzh-chip__remove.sc-stzh-chip{cursor:not-allowed}";var StzhChip=function(){function e(e){var t=this;registerInstance(this,e);this.stzhClick=createEvent(this,"stzhClick",7);this.stzhRemove=createEvent(this,"stzhRemove",7);this.stzhFocus=createEvent(this,"stzhFocus",7);this.stzhBlur=createEvent(this,"stzhBlur",7);this.focusedByInput=false;this.onRootFocus=function(){if(!t.focusedByInput){t.setFocus()}t.focusedByInput=false};this.onFocus=function(e){t.focusedByInput=true;var r=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});t.element.dispatchEvent(r);t.stzhFocus.emit({component:"stzh-chip",originalEvent:e})};this.onBlur=function(e){var r=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});t.element.dispatchEvent(r);t.stzhBlur.emit({component:"stzh-chip",originalEvent:e})};this.onClick=function(e){t.stzhClick.emit({component:"stzh-chip",originalEvent:e})};this.onRemoveClick=function(e){t.stzhRemove.emit({component:"stzh-chip",originalEvent:e})};this.label="";this.icon="";this.href="";this.target="";this.nonInteractive=false;this.removable=false;this.variant="tag";this.size="default";this.type="default";this.counter="";this.removeLabel="";this.active=false;this.disabled=false;this.a11yTabindex=undefined;this.a11yLabel=undefined;this.a11yDescribedby="";this.analyticsId=undefined;this.removeAnalyticsId=undefined}e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.chip.focus();return[2]}))}))};e.prototype.componentDidRender=function(){var e=this;requestAnimationFrame((function(){e.chip.setAttribute("s-object-id",e.analyticsId||e.text.innerText)}))};e.prototype.renderInner=function(){var e=this;return h(Fragment,null,h("div",{class:"stzh-chip__icon-wrapper"},this.icon?h("stzh-icon",{class:"stzh-chip__icon",name:this.icon}):h("slot",{name:"icon"})),h("stzh-clamp",{lines:1,class:"stzh-chip__label",ref:function(t){return e.text=t}},this.label?this.label:h("slot",null),this.counter&&h("span",{class:"stzh-chip__vhidden"}," (",this.counter,")")),this.counter&&h("div",{class:"stzh-chip__counter","aria-hidden":"true"},this.counter))};e.prototype.render=function(){var e;var t=this;var r=(e={"stzh-chip":true,"stzh-chip--is-active":this.active,"stzh-chip--is-disabled":this.disabled,"stzh-chip--is-removable":this.removable,"stzh-chip--has-counter":!!this.counter},e["stzh-chip--type-".concat(this.type)]=!!this.type,e["stzh-chip--size-".concat(this.size)]=!!this.size,e["stzh-chip--".concat(this.variant)]=!!this.variant,e);var o=this.nonInteractive?"div":this.href?"a":"button";return h(Host,{tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},h("div",{class:r},this.removable&&h("button",{class:"stzh-chip__remove",onClick:this.onRemoveClick,disabled:this.disabled,"aria-label":this.removeLabel,type:"button","s-object-id":this.removeAnalyticsId||this.removeLabel},h("stzh-icon",{class:"stzh-chip__remove-icon",name:"close"})),this.href?h(o,{ref:function(e){return t.chip=e},class:{"stzh-chip__button":true,"is-button":!this.nonInteractive&&!this.href,"is-link":!this.nonInteractive&&!!this.href},href:this.disabled?null:this.href,target:this.target,tabindex:this.a11yTabindex,"aria-label":this.a11yLabel||null,"aria-describedby":this.a11yDescribedby||null,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur},this.renderInner()):h(o,{ref:function(e){return t.chip=e},class:{"stzh-chip__button":true,"is-button":!this.nonInteractive&&!this.href,"is-link":!this.nonInteractive&&!!this.href},disabled:this.disabled,type:"button",tabindex:this.a11yTabindex,"aria-label":this.a11yLabel||null,"aria-describedby":this.a11yDescribedby||null,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur},this.renderInner())))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();StzhChip.style=stzhChipCss;var stzhClampCss=":host{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}:host[hidden]{display:none}:host *,:host *::before,:host *::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-clamp{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;--current-lines:var(--lines, 0);width:100%;color:inherit;font-family:inherit;font-weight:inherit;font-style:inherit;font-size:inherit;line-height:inherit}stzh-clamp[hidden]{display:none}stzh-clamp *,stzh-clamp *::before,stzh-clamp *::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)}@media screen and (min-width: 600px){stzh-clamp{--current-lines:var(--lines-small, var(--lines, 0))}}@media screen and (min-width: 1024px){stzh-clamp{--current-lines:var(--lines-medium, var(--lines-small, var(--lines, 0)))}}@media screen and (min-width: 1260px){stzh-clamp{--current-lines:var(--lines-large, var(--lines-medium, var(--lines-small, var(--lines, 0))))}}@media screen and (min-width: 1440px){stzh-clamp{--current-lines:var(--lines-ultra, var(--lines-large, var(--lines-medium, var(--lines-small, var(--lines, 0)))))}}.stzh-clamp{position:relative}.stzh-clamp__text{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.stzh-clamp__text>*:first-child{margin-top:0 !important}.stzh-clamp__text>*:last-child{margin-bottom:0 !important}.stzh-clamp__text.is-clone{position:absolute;visibility:hidden;opacity:0;top:0;left:0;width:100%}.stzh-clamp__trigger{margin-top:var(--stzh-space-xxsmall)}.stzh-clamp--is-not-expanded .stzh-clamp__text,.stzh-clamp__text.is-clone{-webkit-line-clamp:var(--current-lines);line-clamp:var(--current-lines)}";var StzhClamp=function(){function e(e){var t=this;registerInstance(this,e);this.stzhClamp=createEvent(this,"stzhClamp",7);this.stzhExpand=createEvent(this,"stzhExpand",7);this.updateClamped=function(){if(!t.textCloneElement){return}var e=t.clamped;t.clamped=t.textCloneElement.scrollHeight>t.textCloneElement.clientHeight;if(e!==t.clamped){t.stzhClamp.emit({component:"stzh-clamp",clamped:t.clamped})}};this.handleResize=function(){if(t.debounceResize){window.cancelAnimationFrame(t.debounceResize)}t.debounceResize=requestAnimationFrame(t.updateClamped)};this.handleMutaton=function(){t.update()};this.handleExpandClick=function(){t.expanded=!t.expanded;t.stzhExpand.emit({component:"stzh-clamp",expanded:t.expanded})};this.localization=undefined;this.lines=1;this.linesSmall=0;this.linesMedium=0;this.linesLarge=0;this.linesUltra=0;this.showExpandLink=false;this.expanded=false;this.clamped=false}e.prototype.update=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.textCloneElement.innerHTML=this.textElement.innerHTML;this.updateClamped();return[2]}))}))};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:if(!!this.localization)return[3,2];e=this;return[4,fetchTranslations(this.element,"clamp")];case 1:e.localization=t.sent();t.label=2;case 2:return[2]}}))}))};e.prototype.componentDidLoad=function(){this.mutationObserver=new MutationObserver(this.handleMutaton);this.mutationObserver.observe(this.textElement,{childList:true,subtree:true})};e.prototype.componentDidRender=function(){this.update()};e.prototype.connectedCallback=function(){this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element)};e.prototype.disconnectedCallback=function(){if(this.resizeObserver){this.resizeObserver.disconnect()}if(this.mutationObserver){this.mutationObserver.disconnect()}};e.prototype.render=function(){var e=this;var t={"stzh-clamp":true,"stzh-clamp--is-not-expanded":!this.expanded};return h(Host,{style:{"--lines":this.lines?this.lines.toString():null,"--lines-small":this.linesSmall?this.linesSmall.toString():null,"--lines-medium":this.linesMedium?this.linesMedium.toString():null,"--lines-large":this.linesLarge?this.linesLarge.toString():null,"--lines-ultra":this.linesUltra?this.linesUltra.toString():null}},h("div",{class:t},h("div",{ref:function(t){return e.textElement=t},class:"stzh-clamp__text"},h("slot",null)),h("div",{ref:function(t){return e.textCloneElement=t},class:"stzh-clamp__text is-clone","aria-hidden":"true"}),this.showExpandLink&&this.clamped&&h("stzh-link",{class:"stzh-clamp__trigger",a11yTabindex:"-1","aria-hidden":"true",onClick:this.handleExpandClick},!this.expanded?this.localization.showMore:this.localization.showLess)))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();StzhClamp.style=stzhClampCss;export{StzhChip as stzh_chip,StzhClamp as stzh_clamp};
 //# sourceMappingURL=stzh-chip_2.entry.js.map