@oiz/stzh-components 2.2.0-beta → 2.3.0-alpha

package/dist/esm-es5/stzh-accordion-item.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,i,o){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,s){function r(t){try{a(o.next(t))}catch(e){s(e)}}function c(t){try{a(o["throw"](t))}catch(e){s(e)}}function a(t){t.done?i(t.value):n(t.value).then(r,c)}a((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},o,n,s,r;return r={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function c(t){return function(e){return a([t,e])}}function a(r){if(o)throw new TypeError("Generator is already executing.");while(i)try{if(o=1,n&&(s=r[0]&2?n["return"]:r[0]?n["throw"]||((s=n["return"])&&s.call(n),0):n.next)&&!(s=s.call(n,r[1])).done)return s;if(n=0,s)r=[r[0]&2,s.value];switch(r[0]){case 0:case 1:s=r;break;case 4:i.label++;return{value:r[1],done:false};case 5:i.label++;n=r[1];r=[0];continue;case 7:r=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(r[0]===6||r[0]===2)){i=0;continue}if(r[0]===3&&(!s||r[1]>s[0]&&r[1]<s[3])){i.label=r[1];break}if(r[0]===6&&i.label<s[1]){i.label=s[1];s=r;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(r);break}if(s[2])i.ops.pop();i.trys.pop();continue}r=e.call(t,i)}catch(c){r=[6,c];n=0}finally{o=s=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-011c84fe.js";import{w as waitForEvent}from"./event-utils-7a709e21.js";import{s as stopAnimations,a as animateTo,b as shimKeyframesHeightAuto}from"./animation-utils-25c74e5b.js";var stzhAccordionItemCss='.sc-stzh-accordion-item-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-accordion-item-h{display:none}.sc-stzh-accordion-item-h *.sc-stzh-accordion-item,.sc-stzh-accordion-item-h *.sc-stzh-accordion-item::before,.sc-stzh-accordion-item-h *.sc-stzh-accordion-item::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-accordion-item-h{--trigger-size:1.3125rem;--content-background:var(--stzh-accordion-content-background);--icon-size:var(--stzh-icon-size-small)}.sc-stzh-accordion-item-h .sc-stzh-accordion-item-s>stzh-icon,.stzh-accordion-item__icon.sc-stzh-accordion-item{--size:var(--icon-size)}.stzh-accordion-item__heading.sc-stzh-accordion-item{position:relative;margin:0}.stzh-accordion-item__button.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);border:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:3.75rem;border:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-primary, var(--stzh-color-zueriblue));text-align:left;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}@media screen and (min-width: 1024px){.stzh-accordion-item__button.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-accordion-item__button.sc-stzh-accordion-item:hover,.stzh-accordion-item__button.sc-stzh-accordion-item:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-accordion-item__button.sc-stzh-accordion-item,.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-accordion-item__button.sc-stzh-accordion-item,.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button.sc-stzh-accordion-item,.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-accordion-item__button.sc-stzh-accordion-item,.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button.sc-stzh-accordion-item,.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-right:var(--stzh-space-xlarge)}}.stzh-accordion-item__button-text.sc-stzh-accordion-item{-ms-flex-positive:1;flex-grow:1}.stzh-accordion-item__button-icon.sc-stzh-accordion-item{position:relative;width:var(--trigger-size);height:var(--trigger-size);margin-left:var(--stzh-space-medium)}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::before,.stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{position:absolute;top:50%;left:50%;content:"";display:block;width:var(--trigger-size);height:0.0625rem;-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s;-webkit-transform-origin:top left;transform-origin:top left;background-color:currentColor}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::before{-webkit-transform:rotate(180deg) translate(-50%, -50%);transform:rotate(180deg) translate(-50%, -50%)}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{-webkit-transform:rotate(90deg) translate(-50%, -50%);transform:rotate(90deg) translate(-50%, -50%)}.stzh-accordion-item__content.sc-stzh-accordion-item{overflow:hidden;background-color:var(--content-background)}.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-accordion-item__icon-wrapper.sc-stzh-accordion-item{-ms-flex-item-align:start;align-self:flex-start}.stzh-accordion-item__icon-wrapper.sc-stzh-accordion-item:not(:empty){margin-right:var(--stzh-space-xsmall)}.stzh-accordion-item__badge.sc-stzh-accordion-item{position:absolute;right:-0.3125rem;top:-0.3125rem}.stzh-accordion-item__description.sc-stzh-accordion-item,.stzh-accordion-item__subtitle.sc-stzh-accordion-item{color:var(--stzh-base-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}.stzh-accordion-item__description.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 1024px){.stzh-accordion-item__description.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-accordion-item__heading.sc-stzh-accordion-item,.stzh-accordion-item__description.sc-stzh-accordion-item,.stzh-accordion-item__subtitle.sc-stzh-accordion-item{display:block}.stzh-accordion-item--has-description.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item,.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{padding:var(--stzh-space-medium)}.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1440px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{color:var(--stzh-color-white);background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__description.sc-stzh-accordion-item,.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__subtitle.sc-stzh-accordion-item{color:var(--stzh-color-white)}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button-icon.sc-stzh-accordion-item::before,.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{-webkit-transform:rotate(0) translate(-50%, -50%);transform:rotate(0) translate(-50%, -50%)}.stzh-accordion-item--is-disabled.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{cursor:not-allowed;color:var(--stzh-color-grey61);border-color:transparent;background-color:var(--stzh-color-black8)}';var ANIMATION_SHOW={keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:300,easing:"linear"}};var ANIMATION_HIDE={keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"linear"}};var accordionItemCounter=0;var StzhAccordionItem=function(){function t(t){var e=this;registerInstance(this,t);this.stzhOpen=createEvent(this,"stzhOpen",7);this.stzhOpened=createEvent(this,"stzhOpened",7);this.stzhClose=createEvent(this,"stzhClose",7);this.stzhClosed=createEvent(this,"stzhClosed",7);this.toggledByMethod=false;this.handleHeaderClick=function(){e.toggle()};this.onButtonKeydown=function(t){var i=null;if(t.key==="ArrowDown"){i="next"}else if(t.key==="ArrowUp"){i="prev"}else if(t.key==="Home"){i="first"}else if(t.key==="End"){i="last"}else if(t.key==="PageDown"&&t.ctrlKey){i="next"}else if(t.key==="PageUp"&&t.ctrlKey){i="prev"}if(i){t.preventDefault();var o=e.element.closest("stzh-accordion");o.setItemFocus(e.element,i)}};this.onContentKeydown=function(t){if(!t.ctrlKey){return}var i=null;if(t.key==="PageDown"){i="next"}else if(t.key==="PageUp"){i="prev"}if(i){t.preventDefault();var o=e.element.closest("stzh-accordion");o.setItemFocus(e.element,i)}};this.open=false;this.disabled=false;this.heading="";this.subtitle="";this.description="";this.icon="";this.badge="";this.badgeEmpty=false;this.badgeType="default";this.headingLevel="3"}t.prototype.openWatcher=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!t)return[3,3];if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-accordion-item"})}return[4,stopAnimations(this.bodyElement)];case 1:e.sent();this.bodyElement.hidden=false;return[4,animateTo(this.bodyElement,shimKeyframesHeightAuto(ANIMATION_SHOW.keyframes,this.bodyElement.scrollHeight),ANIMATION_SHOW.options)];case 2:e.sent();this.bodyElement.style.height="auto";this.bodyElement.style.overflow="visible";if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-accordion-item"})}return[3,6];case 3:if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-accordion-item"})}return[4,stopAnimations(this.bodyElement)];case 4:e.sent();this.bodyElement.style.overflow="hidden";return[4,animateTo(this.bodyElement,shimKeyframesHeightAuto(ANIMATION_HIDE.keyframes,this.bodyElement.scrollHeight),ANIMATION_HIDE.options)];case 5:e.sent();this.bodyElement.hidden=true;this.bodyElement.style.height="0px";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-accordion-item"})}e.label=6;case 6:this.toggledByMethod=false;return[2]}}))}))};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.open||this.disabled){return[2]}this.toggledByMethod=true;this.open=true;return[2,waitForEvent(this.element,"stzhOpened")]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){t=this.element.closest("stzh-accordion");if(!this.open||this.disabled||t&&!t.collapsible){return[2]}this.toggledByMethod=true;this.open=false;return[2,waitForEvent(this.element,"stzhClosed")]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.open)return[3,2];return[4,this.hide()];case 1:return[2,t.sent()];case 2:return[4,this.show()];case 3:return[2,t.sent()]}}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.buttonElement.focus();return[2]}))}))};t.prototype.componentWillLoad=function(){this.accordionItemId="stzh-accordion-item-".concat(accordionItemCounter++)};t.prototype.componentDidLoad=function(){this.bodyElement.hidden=!this.open;this.bodyElement.style.height=this.open?"auto":"0px";this.bodyElement.style.overflow=this.open?"visible":"hidden"};t.prototype.render=function(){var t=this;var e="h".concat(this.headingLevel);var i={"stzh-accordion-item":true,"stzh-accordion-item--has-description":!!this.description,"stzh-accordion-item--has-subtitle":!!this.subtitle,"stzh-accordion-item--is-open":this.open,"stzh-accordion-item--is-disabled":this.disabled};return h(Host,null,h("div",{class:i},h(e,{id:"".concat(this.accordionItemId,"-header"),class:"stzh-accordion-item__heading",onClick:this.handleHeaderClick},h("button",{ref:function(e){return t.buttonElement=e},class:"stzh-accordion-item__button","aria-controls":"".concat(this.accordionItemId,"-content"),"aria-expanded":"".concat(this.open?"true":"false"),disabled:this.disabled,onKeyDown:this.onButtonKeydown,type:"button"},h("span",{class:"stzh-accordion-item__icon-wrapper"},this.icon?h("stzh-icon",{class:"stzh-accordion-item__icon",name:this.icon}):h("slot",{name:"icon"})),h("span",{class:"stzh-accordion-item__button-text"},h("span",{class:"stzh-accordion-item__subtitle"},this.subtitle),h("span",{class:"stzh-accordion-item__heading"},this.heading),h("span",{class:"stzh-accordion-item__description"},this.description)),h("span",{class:"stzh-accordion-item__button-icon"}),(this.badge||this.badgeEmpty)&&h("stzh-badge",{class:"stzh-accordion-item__badge",label:this.badge,type:this.badgeType}))),h("div",{id:"".concat(this.accordionItemId,"-content"),ref:function(e){return t.bodyElement=e},class:"stzh-accordion-item__content","aria-labelledby":"".concat(this.accordionItemId,"-header"),role:"region",onKeyDown:this.onContentKeydown},h("div",{class:"stzh-accordion-item__content-inner"},h("slot",null)))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["openWatcher"]}},enumerable:false,configurable:true});return t}();StzhAccordionItem.style=stzhAccordionItemCss;export{StzhAccordionItem as stzh_accordion_item};
+var __awaiter=this&&this.__awaiter||function(t,e,i,o){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,s){function r(t){try{a(o.next(t))}catch(e){s(e)}}function c(t){try{a(o["throw"](t))}catch(e){s(e)}}function a(t){t.done?i(t.value):n(t.value).then(r,c)}a((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},o,n,s,r;return r={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function c(t){return function(e){return a([t,e])}}function a(c){if(o)throw new TypeError("Generator is already executing.");while(r&&(r=0,c[0]&&(i=0)),i)try{if(o=1,n&&(s=c[0]&2?n["return"]:c[0]?n["throw"]||((s=n["return"])&&s.call(n),0):n.next)&&!(s=s.call(n,c[1])).done)return s;if(n=0,s)c=[c[0]&2,s.value];switch(c[0]){case 0:case 1:s=c;break;case 4:i.label++;return{value:c[1],done:false};case 5:i.label++;n=c[1];c=[0];continue;case 7:c=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(c[0]===6||c[0]===2)){i=0;continue}if(c[0]===3&&(!s||c[1]>s[0]&&c[1]<s[3])){i.label=c[1];break}if(c[0]===6&&i.label<s[1]){i.label=s[1];s=c;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(c);break}if(s[2])i.ops.pop();i.trys.pop();continue}c=e.call(t,i)}catch(a){c=[6,a];n=0}finally{o=s=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};import{r as registerInstance,e as createEvent,h,c as Host,g as getElement}from"./index-319b7c49.js";import{w as waitForEvent}from"./event-utils-7a709e21.js";import{s as stopAnimations,a as animateTo,b as shimKeyframesHeightAuto}from"./animation-utils-e234a5f8.js";var stzhAccordionItemCss='.sc-stzh-accordion-item-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-accordion-item-h{display:none}.sc-stzh-accordion-item-h *.sc-stzh-accordion-item,.sc-stzh-accordion-item-h *.sc-stzh-accordion-item::before,.sc-stzh-accordion-item-h *.sc-stzh-accordion-item::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-accordion-item-h{--trigger-size:1.3125rem;--content-background:var(--stzh-accordion-content-background);--icon-size:var(--stzh-icon-size-small)}.sc-stzh-accordion-item-h .sc-stzh-accordion-item-s>stzh-icon,.stzh-accordion-item__icon.sc-stzh-accordion-item{--size:var(--icon-size)}.stzh-accordion-item__heading.sc-stzh-accordion-item{position:relative;margin:0}.stzh-accordion-item__button.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);font-family:inherit;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);border:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:3.75rem;border:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-primary, var(--stzh-color-zueriblue));text-align:left;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}@media screen and (min-width: 1024px){.stzh-accordion-item__button.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-accordion-item__button.sc-stzh-accordion-item:hover,.stzh-accordion-item__button.sc-stzh-accordion-item:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-accordion-item__button.sc-stzh-accordion-item,.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-accordion-item__button.sc-stzh-accordion-item,.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button.sc-stzh-accordion-item,.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-accordion-item__button.sc-stzh-accordion-item,.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button.sc-stzh-accordion-item,.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-right:var(--stzh-space-xlarge)}}.stzh-accordion-item__button-text.sc-stzh-accordion-item{-ms-flex-positive:1;flex-grow:1}.stzh-accordion-item__button-icon.sc-stzh-accordion-item{position:relative;width:var(--trigger-size);height:var(--trigger-size);margin-left:var(--stzh-space-medium)}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::before,.stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{position:absolute;top:50%;left:50%;content:"";display:block;width:var(--trigger-size);height:0.0625rem;-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s;-webkit-transform-origin:top left;transform-origin:top left;background-color:currentColor}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::before{-webkit-transform:rotate(180deg) translate(-50%, -50%);transform:rotate(180deg) translate(-50%, -50%)}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{-webkit-transform:rotate(90deg) translate(-50%, -50%);transform:rotate(90deg) translate(-50%, -50%)}.stzh-accordion-item__content.sc-stzh-accordion-item{overflow:hidden;background-color:var(--content-background)}.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-accordion-item__icon-wrapper.sc-stzh-accordion-item{-ms-flex-item-align:start;align-self:flex-start}.stzh-accordion-item__icon-wrapper.sc-stzh-accordion-item:not(:empty){margin-right:var(--stzh-space-xsmall)}.stzh-accordion-item__badge.sc-stzh-accordion-item{position:absolute;right:-0.3125rem;top:-0.3125rem}.stzh-accordion-item__description.sc-stzh-accordion-item,.stzh-accordion-item__subtitle.sc-stzh-accordion-item{color:var(--stzh-base-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}.stzh-accordion-item__description.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 1024px){.stzh-accordion-item__description.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-accordion-item__heading.sc-stzh-accordion-item,.stzh-accordion-item__description.sc-stzh-accordion-item,.stzh-accordion-item__subtitle.sc-stzh-accordion-item{display:block}.stzh-accordion-item--has-description.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item,.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{padding:var(--stzh-space-medium)}.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1440px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{color:var(--stzh-color-white);background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__description.sc-stzh-accordion-item,.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__subtitle.sc-stzh-accordion-item{color:var(--stzh-color-white)}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button-icon.sc-stzh-accordion-item::before,.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{-webkit-transform:rotate(0) translate(-50%, -50%);transform:rotate(0) translate(-50%, -50%)}.stzh-accordion-item--is-disabled.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{cursor:not-allowed;color:var(--stzh-color-grey61);border-color:transparent;background-color:var(--stzh-color-black8)}';var ANIMATION_SHOW={keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:300,easing:"linear"}};var ANIMATION_HIDE={keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"linear"}};var accordionItemCounter=0;var StzhAccordionItem=function(){function t(t){var e=this;registerInstance(this,t);this.stzhOpen=createEvent(this,"stzhOpen",7);this.stzhOpened=createEvent(this,"stzhOpened",7);this.stzhClose=createEvent(this,"stzhClose",7);this.stzhClosed=createEvent(this,"stzhClosed",7);this.toggledByMethod=false;this.handleHeaderClick=function(){e.toggle()};this.onButtonKeydown=function(t){var i=null;if(t.key==="ArrowDown"){i="next"}else if(t.key==="ArrowUp"){i="prev"}else if(t.key==="Home"){i="first"}else if(t.key==="End"){i="last"}else if(t.key==="PageDown"&&t.ctrlKey){i="next"}else if(t.key==="PageUp"&&t.ctrlKey){i="prev"}if(i){t.preventDefault();var o=e.element.closest("stzh-accordion");o.setItemFocus(e.element,i)}};this.onContentKeydown=function(t){if(!t.ctrlKey){return}var i=null;if(t.key==="PageDown"){i="next"}else if(t.key==="PageUp"){i="prev"}if(i){t.preventDefault();var o=e.element.closest("stzh-accordion");o.setItemFocus(e.element,i)}};this.open=false;this.disabled=false;this.heading="";this.subtitle="";this.description="";this.icon="";this.badge="";this.badgeEmpty=false;this.badgeType="default";this.headingLevel="3"}t.prototype.openWatcher=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!this.bodyElement){return[2]}if(!t)return[3,3];if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-accordion-item"})}return[4,stopAnimations(this.bodyElement)];case 1:e.sent();this.bodyElement.hidden=false;return[4,animateTo(this.bodyElement,shimKeyframesHeightAuto(ANIMATION_SHOW.keyframes,this.bodyElement.scrollHeight),ANIMATION_SHOW.options)];case 2:e.sent();this.bodyElement.style.height="auto";this.bodyElement.style.overflow="visible";if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-accordion-item"})}return[3,6];case 3:if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-accordion-item"})}return[4,stopAnimations(this.bodyElement)];case 4:e.sent();this.bodyElement.style.overflow="hidden";return[4,animateTo(this.bodyElement,shimKeyframesHeightAuto(ANIMATION_HIDE.keyframes,this.bodyElement.scrollHeight),ANIMATION_HIDE.options)];case 5:e.sent();this.bodyElement.hidden=true;this.bodyElement.style.height="0px";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-accordion-item"})}e.label=6;case 6:this.toggledByMethod=false;return[2]}}))}))};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.open||this.disabled){return[2]}this.toggledByMethod=true;this.open=true;return[2,waitForEvent(this.element,"stzhOpened")]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){t=this.element.closest("stzh-accordion");if(!this.open||this.disabled||t&&!t.collapsible){return[2]}this.toggledByMethod=true;this.open=false;return[2,waitForEvent(this.element,"stzhClosed")]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.open)return[3,2];return[4,this.hide()];case 1:return[2,t.sent()];case 2:return[4,this.show()];case 3:return[2,t.sent()]}}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.buttonElement.focus();return[2]}))}))};t.prototype.componentWillLoad=function(){this.accordionItemId="stzh-accordion-item-".concat(accordionItemCounter++)};t.prototype.componentDidLoad=function(){this.bodyElement.hidden=!this.open;this.bodyElement.style.height=this.open?"auto":"0px";this.bodyElement.style.overflow=this.open?"visible":"hidden"};t.prototype.render=function(){var t=this;var e="h".concat(this.headingLevel);var i={"stzh-accordion-item":true,"stzh-accordion-item--has-description":!!this.description,"stzh-accordion-item--has-subtitle":!!this.subtitle,"stzh-accordion-item--is-open":this.open,"stzh-accordion-item--is-disabled":this.disabled};return h(Host,null,h("div",{class:i},h(e,{id:"".concat(this.accordionItemId,"-header"),class:"stzh-accordion-item__heading",onClick:this.handleHeaderClick},h("button",{ref:function(e){return t.buttonElement=e},class:"stzh-accordion-item__button","aria-controls":"".concat(this.accordionItemId,"-content"),"aria-expanded":"".concat(this.open?"true":"false"),disabled:this.disabled,onKeyDown:this.onButtonKeydown,type:"button"},h("span",{class:"stzh-accordion-item__icon-wrapper"},this.icon?h("stzh-icon",{class:"stzh-accordion-item__icon",name:this.icon}):h("slot",{name:"icon"})),h("span",{class:"stzh-accordion-item__button-text"},h("span",{class:"stzh-accordion-item__subtitle"},this.subtitle),h("span",{class:"stzh-accordion-item__heading"},this.heading),h("span",{class:"stzh-accordion-item__description"},this.description)),h("span",{class:"stzh-accordion-item__button-icon"}),(this.badge||this.badgeEmpty)&&h("stzh-badge",{class:"stzh-accordion-item__badge",label:this.badge,type:this.badgeType}))),h("div",{id:"".concat(this.accordionItemId,"-content"),ref:function(e){return t.bodyElement=e},class:"stzh-accordion-item__content","aria-labelledby":"".concat(this.accordionItemId,"-header"),role:"region",onKeyDown:this.onContentKeydown},h("div",{class:"stzh-accordion-item__content-inner"},h("slot",null)))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["openWatcher"]}},enumerable:false,configurable:true});return t}();StzhAccordionItem.style=stzhAccordionItemCss;export{StzhAccordionItem as stzh_accordion_item};

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,r,o){function n(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,i){function s(t){try{a(o.next(t))}catch(e){i(e)}}function c(t){try{a(o["throw"](t))}catch(e){i(e)}}function a(t){t.done?r(t.value):n(t.value).then(s,c)}a((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},o,n,i,s;return s={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function c(t){return function(e){return a([t,e])}}function a(s){if(o)throw new TypeError("Generator is already executing.");while(r)try{if(o=1,n&&(i=s[0]&2?n["return"]:s[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,s[1])).done)return i;if(n=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;n=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){r.label=s[1];break}if(s[0]===6&&r.label<i[1]){r.label=i[1];i=s;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(s);break}if(i[2])r.ops.pop();r.trys.pop();continue}s=e.call(t,r)}catch(c){s=[6,c];n=0}finally{o=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,h,a as Host,g as getElement}from"./index-011c84fe.js";var stzhAccordionCss=".sc-stzh-accordion-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-accordion-h{display:none}.sc-stzh-accordion-h *.sc-stzh-accordion,.sc-stzh-accordion-h *.sc-stzh-accordion::before,.sc-stzh-accordion-h *.sc-stzh-accordion::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-accordion-h .sc-stzh-accordion-s>stzh-accordion-item:not(:last-child){margin-bottom:var(--stzh-space-small)}";var StzhAccordion=function(){function t(t){registerInstance(this,t);this.collapsible=true;this.multiselectable=true}t.prototype.openListener=function(t){var e=t.target;var r=e.closest("stzh-accordion");if(this.multiselectable||t.detail&&t.detail.component!=="stzh-accordion-item"||r!==this.element){return}var o=Array.from(r.querySelectorAll("stzh-accordion-item"));o.forEach((function(t){if(t!==e){t.hide()}}))};t.prototype.setItemFocus=function(t,e){return __awaiter(this,void 0,void 0,(function(){var r,o,n;return __generator(this,(function(i){r=t.closest("stzh-accordion");if(r!==this.element){return[2]}o=Array.from(r.querySelectorAll("stzh-accordion-item")).filter((function(t){return!t.disabled}));n=o.indexOf(t);if((e==="prev"||e==="next")&&n===null){e=e==="prev"?"last":"first"}if(e==="prev"&&n===0){e="last"}if(e==="next"&&n===o.length-1){e="first"}if(e==="prev"){o[n-1].setFocus()}else if(e==="next"){o[n+1].setFocus()}else if(e==="last"){o[o.length-1].setFocus()}else if(e==="first"){o[0].setFocus()}else{t.setFocus()}return[2]}))}))};t.prototype.render=function(){var t={"stzh-accordion":true};return h(Host,null,h("div",{class:t},h("slot",null)))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhAccordion.style=stzhAccordionCss;export{StzhAccordion as stzh_accordion};
+var __awaiter=this&&this.__awaiter||function(t,e,r,o){function n(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,i){function s(t){try{a(o.next(t))}catch(e){i(e)}}function c(t){try{a(o["throw"](t))}catch(e){i(e)}}function a(t){t.done?r(t.value):n(t.value).then(s,c)}a((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},o,n,i,s;return s={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function c(t){return function(e){return a([t,e])}}function a(c){if(o)throw new TypeError("Generator is already executing.");while(s&&(s=0,c[0]&&(r=0)),r)try{if(o=1,n&&(i=c[0]&2?n["return"]:c[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,c[1])).done)return i;if(n=0,i)c=[c[0]&2,i.value];switch(c[0]){case 0:case 1:i=c;break;case 4:r.label++;return{value:c[1],done:false};case 5:r.label++;n=c[1];c=[0];continue;case 7:c=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(c[0]===6||c[0]===2)){r=0;continue}if(c[0]===3&&(!i||c[1]>i[0]&&c[1]<i[3])){r.label=c[1];break}if(c[0]===6&&r.label<i[1]){r.label=i[1];i=c;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(c);break}if(i[2])r.ops.pop();r.trys.pop();continue}c=e.call(t,r)}catch(a){c=[6,a];n=0}finally{o=i=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};import{r as registerInstance,h,c as Host,g as getElement}from"./index-319b7c49.js";var stzhAccordionCss=".sc-stzh-accordion-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-accordion-h{display:none}.sc-stzh-accordion-h *.sc-stzh-accordion,.sc-stzh-accordion-h *.sc-stzh-accordion::before,.sc-stzh-accordion-h *.sc-stzh-accordion::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-accordion-h .sc-stzh-accordion-s>stzh-accordion-item:not(:last-child){margin-bottom:var(--stzh-space-small)}";var StzhAccordion=function(){function t(t){registerInstance(this,t);this.collapsible=true;this.multiselectable=true}t.prototype.openListener=function(t){var e=t.target;var r=e.closest("stzh-accordion");if(this.multiselectable||t.detail&&t.detail.component!=="stzh-accordion-item"||r!==this.element){return}var o=Array.from(r.querySelectorAll("stzh-accordion-item"));o.forEach((function(t){if(t!==e){t.hide()}}))};t.prototype.setItemFocus=function(t,e){return __awaiter(this,void 0,void 0,(function(){var r,o,n;return __generator(this,(function(i){r=t.closest("stzh-accordion");if(r!==this.element){return[2]}o=Array.from(r.querySelectorAll("stzh-accordion-item")).filter((function(t){return!t.disabled}));n=o.indexOf(t);if((e==="prev"||e==="next")&&n===null){e=e==="prev"?"last":"first"}if(e==="prev"&&n===0){e="last"}if(e==="next"&&n===o.length-1){e="first"}if(e==="prev"){o[n-1].setFocus()}else if(e==="next"){o[n+1].setFocus()}else if(e==="last"){o[o.length-1].setFocus()}else if(e==="first"){o[0].setFocus()}else{t.setFocus()}return[2]}))}))};t.prototype.render=function(){var t={"stzh-accordion":true};return h(Host,null,h("div",{class:t},h("slot",null)))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhAccordion.style=stzhAccordionCss;export{StzhAccordion as stzh_accordion};

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

@@ -1 +1 @@
-import{r as registerInstance,h,a as Host,g as getElement}from"./index-011c84fe.js";import{s as setPropsIfNull}from"./utils-92a77db5.js";var stzhActionsCss=".sc-stzh-actions-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-actions-h{display:none}.sc-stzh-actions-h *.sc-stzh-actions,.sc-stzh-actions-h *.sc-stzh-actions::before,.sc-stzh-actions-h *.sc-stzh-actions::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-actions-h .sc-stzh-actions-s>[slot=primary],.sc-stzh-actions-h .sc-stzh-actions-s>[slot=secondary]{-ms-flex-positive:1;flex-grow:1;margin:var(--stzh-space-xxsmall)}.sc-stzh-actions-h[variant=cta] .sc-stzh-actions-s>[slot=primary],.sc-stzh-actions-h[variant=cta] .sc-stzh-actions-s>[slot=secondary]{-ms-flex-positive:0;flex-grow:0}.stzh-actions__actions.sc-stzh-actions{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:calc(var(--stzh-space-xxsmall) * -1)}@media screen and (min-width: 600px){.stzh-actions__actions.sc-stzh-actions{-ms-flex-direction:row;flex-direction:row}}.stzh-actions__primary-actions.sc-stzh-actions,.stzh-actions__secondary-actions.sc-stzh-actions{display:-ms-flexbox;display:flex}.stzh-actions--dialog.sc-stzh-actions .stzh-actions__actions.sc-stzh-actions{-ms-flex-pack:end;justify-content:flex-end}.stzh-actions--process.sc-stzh-actions .stzh-actions__actions.sc-stzh-actions{-ms-flex-pack:justify;justify-content:space-between}.stzh-actions--has-border.sc-stzh-actions{padding-top:var(--stzh-space-medium);border-top:0.0625rem solid var(--stzh-base-border-color)}";var StzhActions=function(){function s(s){var t=this;registerInstance(this,s);this.init=function(){var s=t.element.querySelectorAll('stzh-button[slot="secondary"], [slot="secondary"] stzh-button');var o=t.element.querySelectorAll("stzh-button");s.forEach((function(s){setPropsIfNull(s,{variant:"secondary"})}));o.forEach((function(s){s.setAttribute("role","listitem")}))};this.variant="form";this.withBorder=false}s.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};s.prototype.disconnectedCallback=function(){this.observer.disconnect()};s.prototype.render=function(){var s;var t=(s={"stzh-actions":true,"stzh-actions--has-border":this.withBorder},s["stzh-actions--".concat(this.variant)]=!!this.variant,s);return h(Host,null,h("div",{class:t},h("div",{class:"stzh-actions__actions",role:"list"},h("div",{class:"stzh-actions__secondary-actions"},h("slot",{name:"secondary"})),h("div",{class:"stzh-actions__primary-actions"},h("slot",{name:"primary"})))))};Object.defineProperty(s.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return s}();StzhActions.style=stzhActionsCss;export{StzhActions as stzh_actions};
+import{r as registerInstance,h,c as Host,g as getElement}from"./index-319b7c49.js";import{s as setPropsIfNull}from"./utils-92a77db5.js";var stzhActionsCss=".sc-stzh-actions-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-actions-h{display:none}.sc-stzh-actions-h *.sc-stzh-actions,.sc-stzh-actions-h *.sc-stzh-actions::before,.sc-stzh-actions-h *.sc-stzh-actions::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-actions-h .sc-stzh-actions-s>[slot=primary],.sc-stzh-actions-h .sc-stzh-actions-s>[slot=secondary]{-ms-flex-positive:1;flex-grow:1;margin:var(--stzh-space-xxsmall)}.sc-stzh-actions-h[variant=cta] .sc-stzh-actions-s>[slot=primary],.sc-stzh-actions-h[variant=cta] .sc-stzh-actions-s>[slot=secondary]{-ms-flex-positive:0;flex-grow:0}.stzh-actions__actions.sc-stzh-actions{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:calc(var(--stzh-space-xxsmall) * -1)}@media screen and (min-width: 600px){.stzh-actions__actions.sc-stzh-actions{-ms-flex-direction:row;flex-direction:row}}.stzh-actions__primary-actions.sc-stzh-actions,.stzh-actions__secondary-actions.sc-stzh-actions{display:-ms-flexbox;display:flex}.stzh-actions--dialog.sc-stzh-actions .stzh-actions__actions.sc-stzh-actions{-ms-flex-pack:end;justify-content:flex-end}.stzh-actions--process.sc-stzh-actions .stzh-actions__actions.sc-stzh-actions{-ms-flex-pack:justify;justify-content:space-between}.stzh-actions--has-border.sc-stzh-actions{padding-top:var(--stzh-space-medium);border-top:0.0625rem solid var(--stzh-base-border-color)}";var StzhActions=function(){function s(s){var t=this;registerInstance(this,s);this.init=function(){var s=t.element.querySelectorAll('stzh-button[slot="secondary"], [slot="secondary"] stzh-button');var o=t.element.querySelectorAll("stzh-button");s.forEach((function(s){setPropsIfNull(s,{variant:"secondary"})}));o.forEach((function(s){s.setAttribute("role","listitem")}))};this.variant="form";this.withBorder=false}s.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};s.prototype.disconnectedCallback=function(){this.observer.disconnect()};s.prototype.render=function(){var s;var t=(s={"stzh-actions":true,"stzh-actions--has-border":this.withBorder},s["stzh-actions--".concat(this.variant)]=!!this.variant,s);return h(Host,null,h("div",{class:t},h("div",{class:"stzh-actions__actions",role:"list"},h("div",{class:"stzh-actions__secondary-actions"},h("slot",{name:"secondary"})),h("div",{class:"stzh-actions__primary-actions"},h("slot",{name:"primary"})))))};Object.defineProperty(s.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return s}();StzhActions.style=stzhActionsCss;export{StzhActions as stzh_actions};

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,i,e,s){function n(t){return t instanceof e?t:new e((function(i){i(t)}))}return new(e||(e=Promise))((function(e,a){function o(t){try{r(s.next(t))}catch(i){a(i)}}function c(t){try{r(s["throw"](t))}catch(i){a(i)}}function r(t){t.done?e(t.value):n(t.value).then(o,c)}r((s=s.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var e={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},s,n,a,o;return o={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function c(t){return function(i){return r([t,i])}}function r(o){if(s)throw new TypeError("Generator is already executing.");while(e)try{if(s=1,n&&(a=o[0]&2?n["return"]:o[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,o[1])).done)return a;if(n=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:e.label++;return{value:o[1],done:false};case 5:e.label++;n=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(a=e.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){e.label=o[1];break}if(o[0]===6&&e.label<a[1]){e.label=a[1];a=o;break}if(a&&e.label<a[2]){e.label=a[2];e.ops.push(o);break}if(a[2])e.ops.pop();e.trys.pop();continue}o=i.call(t,e)}catch(c){o=[6,c];n=0}finally{s=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-011c84fe.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";import{m as media}from"./media-utils-9b041ceb.js";var stzhActionsetCss=".sc-stzh-actionset-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-actionset-h{display:none}.sc-stzh-actionset-h *.sc-stzh-actionset,.sc-stzh-actionset-h *.sc-stzh-actionset::before,.sc-stzh-actionset-h *.sc-stzh-actionset::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-actionset__actions.sc-stzh-actionset{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.stzh-actionset__actions-wrapper.sc-stzh-actionset{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden}.stzh-actionset__action.sc-stzh-actionset:not(:last-child){margin-right:var(--stzh-space-xsmall)}.stzh-actionset__action-popover.sc-stzh-actionset{opacity:0}.stzh-actionset--has-collapsed-items.sc-stzh-actionset .stzh-actionset__action-popover.sc-stzh-actionset{--width:auto;opacity:1}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__actions.sc-stzh-actionset{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__actions-wrapper.sc-stzh-actionset{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset:not(:last-child){margin-bottom:var(--stzh-space-xsmall);margin-right:0}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action-popover.sc-stzh-actionset{margin-top:var(--stzh-space-xsmall)}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset:not(.stzh-actionset--has-collapsed-items) .stzh-actionset__action-popover.sc-stzh-actionset{display:none}}";var StzhActionset=function(){function t(t){var i=this;registerInstance(this,t);this.stzhActionClick=createEvent(this,"stzhActionClick",7);this._actions=[];this.actionClick=function(t,e){i.stzhActionClick.emit({component:"stzh-actionset",action:t,originalEvent:e})};this.update=function(){i.isSmall=media("small").matches;i.isMedium=media("medium").matches;if(!i.actionsElement){return}Object.assign(i.actionsElement.style,{width:null,height:null});var t=0;if(i.variant==="overflow"&&i.isMedium||i.variant==="stack"&&i.isSmall){i.dynamicActions=true;var e=0;var s=0;Array.from(i.actionsElement.children).forEach((function(i){if(i.offsetTop===0){t++;var n=getComputedStyle(i);var a=parseInt(n.marginLeft);var o=parseInt(n.marginRight);var c=parseInt(n.marginTop);var r=parseInt(n.marginBottom);var l=i.offsetWidth+a+o;var h=i.offsetHeight+c+r;if(e<h){e=h}s=s+l}}));Object.assign(i.actionsElement.style,{width:"".concat(s+1,"px"),height:"".concat(e,"px")})}else{i.dynamicActions=false;if(i.variant==="overflow"){t=0}else if(i.variant==="stack"){t=i._actions.length<=3?i._actions.length:2}}i.actionsCollapsed=i._actions.slice(t)};this.localization=undefined;this.variant="stack";this.popoverButtonVariant="";this.popoverButtonSize="";this.popoverPlacement="bottom-end";this.actions=[];this.actionsCollapsed=[];this.dynamicActions=undefined;this.isSmall=undefined;this.isMedium=undefined}t.prototype.actionsWatcher=function(t){if(typeof t==="string"){this._actions=JSON.parse(t)}else{this._actions=t}};t.prototype.handleResize=function(){if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.update)};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:this.actionsWatcher(this.actions);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"actionset")];case 1:t.localization=i.sent();i.label=2;case 2:return[2]}}))}))};t.prototype.componentDidLoad=function(){this.update()};t.prototype.render=function(){var t;var i=this;var e=(t={"stzh-actionset":true,"stzh-actionset--has-collapsed-items":this.actionsCollapsed.length>0},t["stzh-actionset--".concat(this.variant)]=!!this.variant,t);var s=function(t){return h("stzh-button",{class:{"stzh-actionset__action":true,"is-button":true},role:"listitem",icon:t.icon,iconPosition:t.iconPosition,iconOnly:t.iconOnly,badge:t.badge,variant:t.variant?t.variant:i.variant==="stack"?"secondary":"tertiary",size:t.size?t.size:i.variant==="stack"?"default":"tiny",badgePosition:"icon",onClick:function(e){i.actionClick(t,e)}},h("span",{class:{}},t.label))};return h(Host,{"has-collapsed-items":this.actionsCollapsed.length>0},h("div",{class:e},h("div",{class:"stzh-actionset__actions",role:"list"},h("div",{ref:function(t){return i.actionsElement=t},class:"stzh-actionset__actions-wrapper"},this._actions.map((function(t){return(i.dynamicActions||!i.dynamicActions&&i.actionsCollapsed.indexOf(t)===-1)&&(t.tooltipContent?h("stzh-tooltip",{strategy:"fixed",content:t.tooltipContent},s(t)):s(t))}))),h("stzh-popover",{label:this.variant==="stack"?this.localization.furtherActions:!this.isMedium?this.localization.actions:"",strategy:"fixed",placement:this.popoverPlacement,class:"stzh-actionset__action-popover"},h("stzh-button",{fullwidth:true,disabled:this.actionsCollapsed.length===0,class:"stzh-actionset__action is-further",variant:this.popoverButtonVariant!==""?this.popoverButtonVariant:this.variant==="stack"?"secondary":"tertiary",size:this.popoverButtonSize!==""?this.popoverButtonSize:this.variant==="stack"?"default":"tiny",icon:this.variant==="stack"?"angle-down":"more-vertical",iconOnly:this.variant==="overflow"&&this.isMedium,iconPosition:"right",label:this.variant==="stack"?this.localization.furtherActions:!this.isMedium?this.localization.actions:""}),h("stzh-menu",{slot:"content"},this.actionsCollapsed.map((function(t){return h("stzh-menu-item",{icon:t.icon,badge:t.badge,badgeEmpty:t.badgeEmpty,badgeType:t.badgeType,onClick:function(e){i.actionClick(t,e)}},t.label)})))))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{actions:["actionsWatcher"]}},enumerable:false,configurable:true});return t}();StzhActionset.style=stzhActionsetCss;export{StzhActionset as stzh_actionset};
+var __awaiter=this&&this.__awaiter||function(t,e,i,n){function s(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,a){function o(t){try{r(n.next(t))}catch(e){a(e)}}function c(t){try{r(n["throw"](t))}catch(e){a(e)}}function r(t){t.done?i(t.value):s(t.value).then(o,c)}r((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,s,a,o;return o={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function c(t){return function(e){return r([t,e])}}function r(c){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,c[0]&&(i=0)),i)try{if(n=1,s&&(a=c[0]&2?s["return"]:c[0]?s["throw"]||((a=s["return"])&&a.call(s),0):s.next)&&!(a=a.call(s,c[1])).done)return a;if(s=0,a)c=[c[0]&2,a.value];switch(c[0]){case 0:case 1:a=c;break;case 4:i.label++;return{value:c[1],done:false};case 5:i.label++;s=c[1];c=[0];continue;case 7:c=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(c[0]===6||c[0]===2)){i=0;continue}if(c[0]===3&&(!a||c[1]>a[0]&&c[1]<a[3])){i.label=c[1];break}if(c[0]===6&&i.label<a[1]){i.label=a[1];a=c;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(c);break}if(a[2])i.ops.pop();i.trys.pop();continue}c=e.call(t,i)}catch(r){c=[6,r];s=0}finally{n=a=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};import{r as registerInstance,e as createEvent,h,c as Host,g as getElement}from"./index-319b7c49.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";import{m as media,a as addMediaChangeListener,r as removeMediaChangeListener}from"./media-utils-9b041ceb.js";var stzhActionsetCss=".sc-stzh-actionset-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-actionset-h{display:none}.sc-stzh-actionset-h *.sc-stzh-actionset,.sc-stzh-actionset-h *.sc-stzh-actionset::before,.sc-stzh-actionset-h *.sc-stzh-actionset::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-actionset__actions.sc-stzh-actionset{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.stzh-actionset__actions-wrapper.sc-stzh-actionset{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden}.stzh-actionset__action.sc-stzh-actionset:not(:last-child){margin-right:var(--stzh-space-xsmall)}.stzh-actionset__action-popover.sc-stzh-actionset{opacity:0}.stzh-actionset--has-collapsed-items.sc-stzh-actionset .stzh-actionset__action-popover.sc-stzh-actionset{--width:auto;opacity:1}@media screen and (min-width: 1024px){.stzh-actionset--overflow.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset{--white-space:nowrap}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__actions.sc-stzh-actionset{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__actions-wrapper.sc-stzh-actionset{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}}@media screen and (min-width: 600px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset{--white-space:nowrap}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset:not(:last-child){margin-bottom:var(--stzh-space-xsmall);margin-right:0}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action-popover.sc-stzh-actionset{margin-top:var(--stzh-space-xsmall)}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset:not(.stzh-actionset--has-collapsed-items) .stzh-actionset__action-popover.sc-stzh-actionset{display:none}}";var StzhActionset=function(){function t(t){var e=this;registerInstance(this,t);this.stzhActionClick=createEvent(this,"stzhActionClick",7);this._actions=[];this.actionClick=function(t,i){e.stzhActionClick.emit({component:"stzh-actionset",action:t,originalEvent:i})};this.update=function(){e.isSmall=media("small").matches;e.isMedium=media("medium").matches;if(!e.actionsElement){return}Object.assign(e.actionsElement.style,{width:null,height:null});var t=0;if(e.variant==="overflow"&&e.isMedium||e.variant==="stack"&&e.isSmall){e.dynamicActions=true;var i=0;var n=0;Array.from(e.actionsElement.children).forEach((function(e){if(e.offsetTop===0){t++;var s=getComputedStyle(e);var a=parseInt(s.marginLeft);var o=parseInt(s.marginRight);var c=parseInt(s.marginTop);var r=parseInt(s.marginBottom);var h=e.offsetWidth+a+o;var l=e.offsetHeight+c+r;if(i<l){i=l}n=n+h+1}}));Object.assign(e.actionsElement.style,{width:"".concat(n,"px"),height:"".concat(i,"px")})}else{e.dynamicActions=false;if(e.variant==="overflow"){t=0}else if(e.variant==="stack"){t=e._actions.length<=3?e._actions.length:2}}e.actionsCollapsed=e._actions.slice(t)};this.mediaChangeHandler=function(){e.actionsCollapsed=[];requestAnimationFrame(e.update)};this.localization=undefined;this.variant="stack";this.popoverButtonVariant="";this.popoverButtonSize="";this.popoverPlacement="bottom-end";this.actions=[];this.actionsCollapsed=[];this.dynamicActions=undefined;this.isSmall=undefined;this.isMedium=undefined}t.prototype.actionsWatcher=function(t){if(typeof t==="string"){this._actions=JSON.parse(t)}else{this._actions=t}};t.prototype.handleLoad=function(){if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.update)};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.actionsWatcher(this.actions);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"actionset")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.connectedCallback=function(){addMediaChangeListener(this.mediaChangeHandler)};t.prototype.disconnectedCallback=function(){removeMediaChangeListener(this.mediaChangeHandler)};t.prototype.componentDidLoad=function(){this.update()};t.prototype.render=function(){var t;var e=this;var i=(t={"stzh-actionset":true,"stzh-actionset--has-collapsed-items":this.actionsCollapsed.length>0},t["stzh-actionset--".concat(this.variant)]=!!this.variant,t);var n=function(t){return h("stzh-button",{class:{"stzh-actionset__action":true,"is-button":true},role:"listitem",icon:t.icon,iconPosition:t.iconPosition,iconOnly:t.iconOnly,badge:t.badge,variant:t.variant?t.variant:e.variant==="stack"?"secondary":"tertiary",size:t.size?t.size:e.variant==="stack"?"default":"tiny",badgePosition:"icon",onClick:function(i){e.actionClick(t,i)}},h("span",{class:{}},t.label))};return h(Host,{"has-collapsed-items":this.actionsCollapsed.length>0},h("div",{class:i},h("div",{class:"stzh-actionset__actions",role:"list"},h("div",{ref:function(t){return e.actionsElement=t},class:"stzh-actionset__actions-wrapper"},this._actions.map((function(t){return(e.dynamicActions||!e.dynamicActions&&e.actionsCollapsed.indexOf(t)===-1)&&(t.tooltipContent?h("stzh-tooltip",{strategy:"fixed",content:t.tooltipContent},n(t)):n(t))}))),h("stzh-popover",{label:this.variant==="stack"?this.localization.furtherActions:!this.isMedium?this.localization.actions:"",strategy:"fixed",placement:this.popoverPlacement,class:"stzh-actionset__action-popover"},h("stzh-button",{fullwidth:true,disabled:this.actionsCollapsed.length===0,class:"stzh-actionset__action is-further",variant:this.popoverButtonVariant!==""?this.popoverButtonVariant:this.variant==="stack"?"secondary":"tertiary",size:this.popoverButtonSize!==""?this.popoverButtonSize:this.variant==="stack"?"default":"tiny",icon:this.variant==="stack"?"angle-down":"more-vertical",iconOnly:this.variant==="overflow"&&this.isMedium,iconPosition:"right",label:this.variant==="stack"?this.localization.furtherActions:!this.isMedium?this.localization.actions:""}),h("stzh-menu",{slot:"content"},this.actionsCollapsed.map((function(t){return h("stzh-menu-item",{icon:t.icon,badge:t.badge,badgeEmpty:t.badgeEmpty,badgeType:t.badgeType,onClick:function(i){e.actionClick(t,i)}},t.label)})))))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{actions:["actionsWatcher"]}},enumerable:false,configurable:true});return t}();StzhActionset.style=stzhActionsetCss;export{StzhActionset as stzh_actionset};

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(n,s,a,t){function e(n){return n instanceof a?n:new a((function(s){s(n)}))}return new(a||(a=Promise))((function(a,c){function r(n){try{h(t.next(n))}catch(s){c(s)}}function o(n){try{h(t["throw"](n))}catch(s){c(s)}}function h(n){n.done?a(n.value):e(n.value).then(r,o)}h((t=t.apply(n,s||[])).next())}))};var __generator=this&&this.__generator||function(n,s){var a={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},t,e,c,r;return r={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function o(n){return function(s){return h([n,s])}}function h(r){if(t)throw new TypeError("Generator is already executing.");while(a)try{if(t=1,e&&(c=r[0]&2?e["return"]:r[0]?e["throw"]||((c=e["return"])&&c.call(e),0):e.next)&&!(c=c.call(e,r[1])).done)return c;if(e=0,c)r=[r[0]&2,c.value];switch(r[0]){case 0:case 1:c=r;break;case 4:a.label++;return{value:r[1],done:false};case 5:a.label++;e=r[1];r=[0];continue;case 7:r=a.ops.pop();a.trys.pop();continue;default:if(!(c=a.trys,c=c.length>0&&c[c.length-1])&&(r[0]===6||r[0]===2)){a=0;continue}if(r[0]===3&&(!c||r[1]>c[0]&&r[1]<c[3])){a.label=r[1];break}if(r[0]===6&&a.label<c[1]){a.label=c[1];c=r;break}if(c&&a.label<c[2]){a.label=c[2];a.ops.push(r);break}if(c[2])a.ops.pop();a.trys.pop();continue}r=s.call(n,a)}catch(o){r=[6,o];e=0}finally{t=c=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host}from"./index-011c84fe.js";var stzhAnchornavCss='.sc-stzh-anchornav-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-anchornav-h{display:none}.sc-stzh-anchornav-h *.sc-stzh-anchornav,.sc-stzh-anchornav-h *.sc-stzh-anchornav::before,.sc-stzh-anchornav-h *.sc-stzh-anchornav::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-anchornav-h{--columns:1;width:100%}[columns="1"].sc-stzh-anchornav-h{--columns:1}[columns="2"].sc-stzh-anchornav-h{--columns:2}[columns="3"].sc-stzh-anchornav-h{--columns:3}[columns="4"].sc-stzh-anchornav-h{--columns:4}[columns="5"].sc-stzh-anchornav-h{--columns:5}@media screen and (min-width: 600px){[columns-small="1"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 600px){[columns-small="2"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 600px){[columns-small="3"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 600px){[columns-small="4"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 600px){[columns-small="5"].sc-stzh-anchornav-h{--columns:5}}@media screen and (min-width: 800px){[columns-smallheader="1"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 800px){[columns-smallheader="2"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 800px){[columns-smallheader="3"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 800px){[columns-smallheader="4"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 800px){[columns-smallheader="5"].sc-stzh-anchornav-h{--columns:5}}@media screen and (min-width: 1024px){[columns-medium="1"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 1024px){[columns-medium="2"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 1024px){[columns-medium="3"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 1024px){[columns-medium="4"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 1024px){[columns-medium="5"].sc-stzh-anchornav-h{--columns:5}}@media screen and (min-width: 1260px){[columns-large="1"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 1260px){[columns-large="2"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 1260px){[columns-large="3"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 1260px){[columns-large="4"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 1260px){[columns-large="5"].sc-stzh-anchornav-h{--columns:5}}@media screen and (min-width: 1440px){[columns-ultra="1"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 1440px){[columns-ultra="2"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 1440px){[columns-ultra="3"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 1440px){[columns-ultra="4"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 1440px){[columns-ultra="5"].sc-stzh-anchornav-h{--columns:5}}.stzh-anchornav.sc-stzh-anchornav{-moz-column-count:var(--columns);-webkit-column-count:var(--columns);column-count:var(--columns)}.stzh-anchornav__list.sc-stzh-anchornav{margin:calc((var(--stzh-space-large) / 2) / -2)}.stzh-anchornav__item.sc-stzh-anchornav{--text-decoration:none;--hover-text-decoration:underline;padding:calc(var(--stzh-space-large) / 2)}.stzh-anchornav--has-border.sc-stzh-anchornav{padding:calc(var(--stzh-space-large)) 0;border-top:0.0625rem solid var(--stzh-base-border-color);border-bottom:0.0625rem solid var(--stzh-base-border-color)}';var StzhAnchornav=function(){function n(n){registerInstance(this,n);this.stzhItemClick=createEvent(this,"stzhItemClick",7);this.columns=1;this.columnsSmall=0;this.columnsMedium=0;this.columnsLarge=0;this.columnsUltra=0;this.items=[];this.withBorder=false}n.prototype.appointmentsWatcher=function(n){if(typeof n==="string"){this._items=JSON.parse(n)}else{this._items=n}};n.prototype.handleClick=function(n,s){this.stzhItemClick.emit({component:"stzh-anchornav",item:n,originalEvent:s})};n.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){this.appointmentsWatcher(this.items);return[2]}))}))};n.prototype.render=function(){var n=this;var s={"stzh-anchornav":true,"stzh-anchornav--has-border":this.withBorder};return h(Host,null,h("div",{class:s},h("div",{class:"stzh-anchornav__list",role:"list"},this._items.map((function(s){return h("stzh-link",{class:"stzh-anchornav__item",role:"listitem",fullwidth:true,"text-align":"left",href:s.href,icon:s.icon||"arrow-right-down",size:"small",onClick:function(a){return n.handleClick(s,a)}},h("stzh-clamp",{lines:2},s.label))})))))};Object.defineProperty(n,"watchers",{get:function(){return{items:["appointmentsWatcher"]}},enumerable:false,configurable:true});return n}();StzhAnchornav.style=stzhAnchornavCss;export{StzhAnchornav as stzh_anchornav};
+var __awaiter=this&&this.__awaiter||function(n,s,a,t){function e(n){return n instanceof a?n:new a((function(s){s(n)}))}return new(a||(a=Promise))((function(a,c){function r(n){try{h(t.next(n))}catch(s){c(s)}}function o(n){try{h(t["throw"](n))}catch(s){c(s)}}function h(n){n.done?a(n.value):e(n.value).then(r,o)}h((t=t.apply(n,s||[])).next())}))};var __generator=this&&this.__generator||function(n,s){var a={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},t,e,c,r;return r={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function o(n){return function(s){return h([n,s])}}function h(o){if(t)throw new TypeError("Generator is already executing.");while(r&&(r=0,o[0]&&(a=0)),a)try{if(t=1,e&&(c=o[0]&2?e["return"]:o[0]?e["throw"]||((c=e["return"])&&c.call(e),0):e.next)&&!(c=c.call(e,o[1])).done)return c;if(e=0,c)o=[o[0]&2,c.value];switch(o[0]){case 0:case 1:c=o;break;case 4:a.label++;return{value:o[1],done:false};case 5:a.label++;e=o[1];o=[0];continue;case 7:o=a.ops.pop();a.trys.pop();continue;default:if(!(c=a.trys,c=c.length>0&&c[c.length-1])&&(o[0]===6||o[0]===2)){a=0;continue}if(o[0]===3&&(!c||o[1]>c[0]&&o[1]<c[3])){a.label=o[1];break}if(o[0]===6&&a.label<c[1]){a.label=c[1];c=o;break}if(c&&a.label<c[2]){a.label=c[2];a.ops.push(o);break}if(c[2])a.ops.pop();a.trys.pop();continue}o=s.call(n,a)}catch(h){o=[6,h];e=0}finally{t=c=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,e as createEvent,h,c as Host}from"./index-319b7c49.js";var stzhAnchornavCss='.sc-stzh-anchornav-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-anchornav-h{display:none}.sc-stzh-anchornav-h *.sc-stzh-anchornav,.sc-stzh-anchornav-h *.sc-stzh-anchornav::before,.sc-stzh-anchornav-h *.sc-stzh-anchornav::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-anchornav-h{--columns:1;width:100%}[columns="1"].sc-stzh-anchornav-h{--columns:1}[columns="2"].sc-stzh-anchornav-h{--columns:2}[columns="3"].sc-stzh-anchornav-h{--columns:3}[columns="4"].sc-stzh-anchornav-h{--columns:4}[columns="5"].sc-stzh-anchornav-h{--columns:5}@media screen and (min-width: 600px){[columns-small="1"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 600px){[columns-small="2"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 600px){[columns-small="3"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 600px){[columns-small="4"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 600px){[columns-small="5"].sc-stzh-anchornav-h{--columns:5}}@media screen and (min-width: 800px){[columns-smallheader="1"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 800px){[columns-smallheader="2"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 800px){[columns-smallheader="3"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 800px){[columns-smallheader="4"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 800px){[columns-smallheader="5"].sc-stzh-anchornav-h{--columns:5}}@media screen and (min-width: 1024px){[columns-medium="1"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 1024px){[columns-medium="2"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 1024px){[columns-medium="3"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 1024px){[columns-medium="4"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 1024px){[columns-medium="5"].sc-stzh-anchornav-h{--columns:5}}@media screen and (min-width: 1260px){[columns-large="1"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 1260px){[columns-large="2"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 1260px){[columns-large="3"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 1260px){[columns-large="4"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 1260px){[columns-large="5"].sc-stzh-anchornav-h{--columns:5}}@media screen and (min-width: 1440px){[columns-ultra="1"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 1440px){[columns-ultra="2"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 1440px){[columns-ultra="3"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 1440px){[columns-ultra="4"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 1440px){[columns-ultra="5"].sc-stzh-anchornav-h{--columns:5}}.stzh-anchornav__list.sc-stzh-anchornav{-moz-column-count:var(--columns);-webkit-column-count:var(--columns);column-count:var(--columns);margin:calc((var(--stzh-space-large) / 2) / -2)}.stzh-anchornav__item.sc-stzh-anchornav{--text-decoration:none;--hover-text-decoration:underline;padding:calc(var(--stzh-space-large) / 2)}.stzh-anchornav--has-border.sc-stzh-anchornav{padding:calc(var(--stzh-space-large)) 0;border-top:0.0625rem solid var(--stzh-base-border-color);border-bottom:0.0625rem solid var(--stzh-base-border-color)}';var StzhAnchornav=function(){function n(n){registerInstance(this,n);this.stzhItemClick=createEvent(this,"stzhItemClick",7);this.columns=1;this.columnsSmall=0;this.columnsMedium=0;this.columnsLarge=0;this.columnsUltra=0;this.items=[];this.withBorder=false}n.prototype.appointmentsWatcher=function(n){if(typeof n==="string"){this._items=JSON.parse(n)}else{this._items=n}};n.prototype.handleClick=function(n,s){this.stzhItemClick.emit({component:"stzh-anchornav",item:n,originalEvent:s})};n.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){this.appointmentsWatcher(this.items);return[2]}))}))};n.prototype.render=function(){var n=this;var s={"stzh-anchornav":true,"stzh-anchornav--has-border":this.withBorder};return h(Host,null,h("div",{class:s},h("div",{class:"stzh-anchornav__list",role:"list"},this._items.map((function(s){return h("stzh-link",{class:"stzh-anchornav__item",role:"listitem",fullwidth:true,"text-align":"left",href:s.href,icon:s.icon||"arrow-right-down",size:"small",onClick:function(a){return n.handleClick(s,a)}},h("stzh-clamp",{lines:2},s.label))})))))};Object.defineProperty(n,"watchers",{get:function(){return{items:["appointmentsWatcher"]}},enumerable:false,configurable:true});return n}();StzhAnchornav.style=stzhAnchornavCss;export{StzhAnchornav as stzh_anchornav};

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

@@ -1 +1 @@
-import{r as registerInstance,h,a as Host,g as getElement}from"./index-011c84fe.js";import{s as setPropsIfNull}from"./utils-92a77db5.js";var stzhAppnavCss=".sc-stzh-appnav-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-appnav-h{display:none}.sc-stzh-appnav-h *.sc-stzh-appnav,.sc-stzh-appnav-h *.sc-stzh-appnav::before,.sc-stzh-appnav-h *.sc-stzh-appnav::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-appnav-h{width:100%}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link{--text-decoration:none;--hover-text-decoration:none;letter-spacing:0.01em}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__inner{-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__inner{-ms-flex-direction:row;flex-direction:row}}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__text{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__text{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--has-icon .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:0}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--has-icon .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:var(--stzh-space-xsmall)}}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--badge-position-icon.stzh-link--has-icon.stzh-link--has-badge .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:0}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--badge-position-icon.stzh-link--has-icon.stzh-link--has-badge .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:var(--stzh-space-small)}}@media screen and (max-width: 599px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__icon-wrapper{height:auto}}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>*:not(:last-child){margin-right:var(--stzh-space-xlarge)}}.stzh-appnav.sc-stzh-appnav{display:-ms-flexbox;display:flex;background-color:var(--stzh-color-white);height:4rem;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:center}@media screen and (min-width: 600px){.stzh-appnav.sc-stzh-appnav{height:3rem;text-align:left}}.stzh-appnav__items.sc-stzh-appnav{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 600px){.stzh-appnav__items.sc-stzh-appnav{-ms-flex-positive:0;flex-grow:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}}.stzh-appnav__title.sc-stzh-appnav{font-family:var(--stzh-font-family-light);font-weight:var(--stzh-font-weight-light);font-style:normal;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);color:var(--stzh-base-color);text-decoration:none;white-space:nowrap;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);margin-left:var(--stzh-space-small);display:none}@media screen and (min-width: 800px){.stzh-appnav__title.sc-stzh-appnav{display:-ms-flexbox;display:flex}}.stzh-appnav__title.sc-stzh-appnav:hover{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-appnav__title.sc-stzh-appnav:hover .stzh-appnav__status.sc-stzh-appnav{border-color:rgba(7, 2, 80, 0.4)}.stzh-appnav__status.sc-stzh-appnav{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;-webkit-box-sizing:content-box;box-sizing:content-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:0.875rem;min-width:0.625rem;font-size:0.625rem;line-height:1.4;border-radius:0.875rem;padding:0.0625rem 0.375rem;border:0.0625rem solid rgba(115, 115, 115, 0.25);color:inherit;-webkit-transform:translateY(calc(var(--stzh-space-xsmall) * -1));transform:translateY(calc(var(--stzh-space-xsmall) * -1));margin-left:var(--stzh-space-xxsmall);-webkit-transition:border-color var(--stzh-base-transition-animation-speed);transition:border-color var(--stzh-base-transition-animation-speed)}";var StzhAppnav=function(){function t(t){var s=this;registerInstance(this,t);this.init=function(){var t=s.element.querySelectorAll("stzh-link");t.forEach((function(t){setPropsIfNull(t,{size:"small",variant:"secondary"});t.setAttribute("role","listitem")}))};this.appTitle="";this.appStatus="";this.appHref=""}t.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){this.observer.disconnect()};t.prototype.render=function(){return h(Host,null,h("div",{class:"stzh-appnav"},h("div",{class:"stzh-appnav__items",role:"list"},h("slot",null)),this.appTitle&&h("a",{class:"stzh-appnav__title",href:this.appHref},this.appTitle,this.appStatus&&h("span",{class:"stzh-appnav__status"},this.appStatus))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhAppnav.style=stzhAppnavCss;export{StzhAppnav as stzh_appnav};
+import{r as registerInstance,h,c as Host,g as getElement}from"./index-319b7c49.js";import{s as setPropsIfNull}from"./utils-92a77db5.js";var stzhAppnavCss=".sc-stzh-appnav-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-appnav-h{display:none}.sc-stzh-appnav-h *.sc-stzh-appnav,.sc-stzh-appnav-h *.sc-stzh-appnav::before,.sc-stzh-appnav-h *.sc-stzh-appnav::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-appnav-h{width:100%}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link{--text-decoration:none;--hover-text-decoration:none;letter-spacing:0.01em}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__inner{-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__inner{-ms-flex-direction:row;flex-direction:row}}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__text{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__text{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--has-icon .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:0}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--has-icon .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:var(--stzh-space-xsmall)}}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--badge-position-icon.stzh-link--has-icon.stzh-link--has-badge .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:0}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--badge-position-icon.stzh-link--has-icon.stzh-link--has-badge .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:var(--stzh-space-small)}}@media screen and (max-width: 599px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__icon-wrapper{height:auto}}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>*:not(:last-child){margin-right:var(--stzh-space-xlarge)}}.stzh-appnav.sc-stzh-appnav{display:-ms-flexbox;display:flex;background-color:var(--stzh-color-white);height:4rem;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:center}@media screen and (min-width: 600px){.stzh-appnav.sc-stzh-appnav{height:3rem;text-align:left}}.stzh-appnav__items.sc-stzh-appnav{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 600px){.stzh-appnav__items.sc-stzh-appnav{-ms-flex-positive:0;flex-grow:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}}.stzh-appnav__title.sc-stzh-appnav{font-family:var(--stzh-font-family-light);font-weight:var(--stzh-font-weight-light);font-style:normal;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);color:var(--stzh-base-color);text-decoration:none;white-space:nowrap;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);margin-left:var(--stzh-space-small);display:none}@media screen and (min-width: 800px){.stzh-appnav__title.sc-stzh-appnav{display:-ms-flexbox;display:flex}}.stzh-appnav__title.sc-stzh-appnav:hover{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-appnav__title.sc-stzh-appnav:hover .stzh-appnav__status.sc-stzh-appnav{border-color:rgba(7, 2, 80, 0.4)}.stzh-appnav__status.sc-stzh-appnav{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;-webkit-box-sizing:content-box;box-sizing:content-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:0.875rem;min-width:0.625rem;font-size:0.625rem;line-height:1.4;border-radius:0.875rem;padding:0.0625rem 0.375rem;border:0.0625rem solid rgba(115, 115, 115, 0.25);color:inherit;-webkit-transform:translateY(calc(var(--stzh-space-xsmall) * -1));transform:translateY(calc(var(--stzh-space-xsmall) * -1));margin-left:var(--stzh-space-xxsmall);-webkit-transition:border-color var(--stzh-base-transition-animation-speed);transition:border-color var(--stzh-base-transition-animation-speed)}";var StzhAppnav=function(){function t(t){var s=this;registerInstance(this,t);this.init=function(){var t=s.element.querySelectorAll("stzh-link");t.forEach((function(t){setPropsIfNull(t,{size:"small",variant:"secondary"});t.setAttribute("role","listitem")}))};this.appTitle="";this.appStatus="";this.appHref=""}t.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){this.observer.disconnect()};t.prototype.render=function(){return h(Host,null,h("div",{class:"stzh-appnav"},h("div",{class:"stzh-appnav__items",role:"list"},h("slot",null)),this.appTitle&&h("a",{class:"stzh-appnav__title",href:this.appHref},this.appTitle,this.appStatus&&h("span",{class:"stzh-appnav__status"},this.appStatus))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhAppnav.style=stzhAppnavCss;export{StzhAppnav as stzh_appnav};

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,s){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,a){function o(t){try{p(s.next(t))}catch(e){a(e)}}function r(t){try{p(s["throw"](t))}catch(e){a(e)}}function p(t){t.done?n(t.value):i(t.value).then(o,r)}p((s=s.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},s,i,a,o;return o={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function r(t){return function(e){return p([t,e])}}function p(o){if(s)throw new TypeError("Generator is already executing.");while(n)try{if(s=1,i&&(a=o[0]&2?i["return"]:o[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,o[1])).done)return a;if(i=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;i=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){n.label=o[1];break}if(o[0]===6&&n.label<a[1]){n.label=a[1];a=o;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(o);break}if(a[2])n.ops.pop();n.trys.pop();continue}o=e.call(t,n)}catch(r){o=[6,r];i=0}finally{s=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-011c84fe.js";import{f as fetchTranslations,t as tc}from"./translation-utils-2623783f.js";import{p as parseISODate,a as printISODate}from"./date-utils-be83fff1.js";import{c as createGlobalAdapter}from"./date-adapter-cbc340fa.js";var stzhAppointmentsCss=".sc-stzh-appointments-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-appointments-h{display:none}.sc-stzh-appointments-h *.sc-stzh-appointments,.sc-stzh-appointments-h *.sc-stzh-appointments::before,.sc-stzh-appointments-h *.sc-stzh-appointments::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-appointments__wrapper.sc-stzh-appointments{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 1024px){.stzh-appointments__wrapper.sc-stzh-appointments{-ms-flex-direction:row;flex-direction:row}}.stzh-appointments__calendar-wrapper.sc-stzh-appointments{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 1024px){.stzh-appointments__calendar-wrapper.sc-stzh-appointments{margin-right:var(--stzh-space-large)}}.stzh-appointments__appointments-wrapper.sc-stzh-appointments{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column;margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:var(--stzh-space-medium);height:var(--stzh-space-xxlarge)}}.stzh-appointments__calendar-title.sc-stzh-appointments,.stzh-appointments__appointments-title.sc-stzh-appointments{display:-ms-flexbox;display:flex}.stzh-appointments__calendar-icon.sc-stzh-appointments,.stzh-appointments__appointments-icon.sc-stzh-appointments{margin-right:var(--stzh-space-xsmall);display:none}@media screen and (min-width: 1024px){.stzh-appointments__calendar-icon.sc-stzh-appointments,.stzh-appointments__appointments-icon.sc-stzh-appointments{display:-ms-inline-flexbox;display:inline-flex}}.stzh-appointments__calendar-content-medium.sc-stzh-appointments,.stzh-appointments__appointments-content.sc-stzh-appointments{background-color:var(--stzh-color-white);border:0.0625rem solid var(--stzh-color-grey13);border-radius:0.125rem}@media screen and (min-width: 1024px){.stzh-appointments__calendar-content.sc-stzh-appointments{display:none}}.stzh-appointments__calendar-content-medium.sc-stzh-appointments{display:none;padding:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-appointments__calendar-content-medium.sc-stzh-appointments{display:block}}.stzh-appointments__appointments-content.sc-stzh-appointments{padding:var(--stzh-space-xlarge);-ms-flex-positive:1;flex-grow:1}.stzh-appointments__more-link.sc-stzh-appointments{margin-top:var(--stzh-space-medium)}.stzh-appointments--has-calendar.sc-stzh-appointments .stzh-appointments__appointments-wrapper.sc-stzh-appointments{margin-top:var(--stzh-space-large)}@media screen and (min-width: 1024px){.stzh-appointments--has-calendar.sc-stzh-appointments .stzh-appointments__appointments-wrapper.sc-stzh-appointments{margin-top:0}}";var StzhAppointments=function(){function t(t){var e=this;registerInstance(this,t);this.stzhChange=createEvent(this,"stzhChange",7);this.showMoreLink=false;this.moreItemsLeft=0;this.showCalendar=false;this.showSort=false;this.showSortStart=false;this.showSortPlace=false;this.showAppointmentsTitle=false;this.allAppointsmentOnSameDay=true;this.sortOptions=[];this.isDateDisabled=function(t){var n=!!e._appointments.find((function(e){return e.start.getFullYear()===t.getFullYear()&&e.start.getMonth()===t.getMonth()&&e.start.getDate()===t.getDate()}));return!n};this.onNextActiveDateClick=function(){return __awaiter(e,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(!this.nextDate)return[3,2];this.currentDate=this.nextDate;return[4,this.datepickerElement.getPopover()];case 1:t=e.sent();if(t){t.hide()}e.label=2;case 2:return[2]}}))}))};this.onMoreClick=function(){e.showItems=e.stepItems+e.showItems;var t=e.inputElement.querySelector("stzh-radio");t.setFocus()};this.onDropdownChange=function(t){return __awaiter(e,void 0,void 0,(function(){var e,n;return __generator(this,(function(s){switch(s.label){case 0:e=t.target;return[4,e.getValue()];case 1:n=s.sent();if(n){this.sortBy=n}return[2]}}))}))};this.onDatepickerChange=function(t){if(t.detail.component!=="stzh-datepicker"||!t.detail.valueAsDate){return}e.currentDate=t.detail.valueAsDate;e.showItems=e.stepItems};this.onRadioChange=function(t){e.value=t.detail.value;e.stzhChange.emit({component:"stzh-appointments",value:e.value})};this.localization=undefined;this.sortBy="start";this.appointments=[];this.currentDate=undefined;this.value="";this.name="appointment";this.showItems=5;this.stepItems=5;this.calendarTitle="";this.appointmentsTitle="";this.dateAdapter=undefined}t.prototype.currentDateWatcher=function(t){if(!t){this._currentDate=this.dateByValue||this.earliestDate;if(!this.dateByValue){this.setValueToFirstAppointmentOfCurrentDate()}}else if(typeof t==="string"){this._currentDate=parseISODate(t);this.setValueToFirstAppointmentOfCurrentDate()}else{this._currentDate=t;this.setValueToFirstAppointmentOfCurrentDate()}};t.prototype.sortByWatcher=function(){this.setValueToFirstAppointmentOfCurrentDate()};t.prototype.valueWatcher=function(){this.updateDateByValue();this.currentDateWatcher(this.currentDate)};t.prototype.appointmentsWatcher=function(t){if(typeof t==="string"){this._appointments=JSON.parse(t)}else{this._appointments=t}this._appointments.forEach((function(t){t.start=new Date(t.start);t.end=new Date(t.end)}));if(this._appointments.length>0){this._appointments.sort((function(t,e){return t["start"]>e["start"]?1:-1}));this.earliestDate=this._appointments[0].start;this.latestDate=this._appointments[this._appointments.length-1].start;this.updateDateByValue()}if(this._appointments.length>1){var e=this._appointments[0].start;this.allAppointsmentOnSameDay=this._appointments.map((function(t){return t.start})).every((function(t){return"".concat(t.getFullYear(),"-").concat(t.getMonth(),"-").concat(t.getDate())==="".concat(e.getFullYear(),"-").concat(e.getMonth(),"-").concat(e.getDate())}))}this.showCalendar=!this.allAppointsmentOnSameDay;this.showAppointmentsTitle=this._appointments.length>1;this.currentDateWatcher(this.currentDate)};t.prototype.updateDateByValue=function(){var t=this;this.dateByValue=this.value&&this._appointments.find((function(e){return e.value===t.value})).start};t.prototype.getCurrentDateAppointments=function(){var t=this;var e=0;var n=this._appointments.filter((function(n,s){var i=n.start.getFullYear()===t._currentDate.getFullYear()&&n.start.getMonth()===t._currentDate.getMonth()&&n.start.getDate()===t._currentDate.getDate();if(i){e=s}return i}));if(this._appointments[e+1]){this.nextDate=this._appointments[e+1].start}else{this.nextDate=null}n.sort((function(e,n){return e[t.sortBy]>n[t.sortBy]?1:-1}));return n};t.prototype.setValueToFirstAppointmentOfCurrentDate=function(){var t=this.getCurrentDateAppointments().filter((function(t){return!t.disabled}));if(t.length>0){this.value=t[0].value;this.stzhChange.emit({component:"stzh-appointments",value:this.value})}};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.appointmentsWatcher(this.appointments);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"appointments")];case 1:t.localization=e.sent();e.label=2;case 2:if(!this.dateAdapter){this.dateAdapter=createGlobalAdapter(this.localization.$formats,this.localization.$globals)}return[2]}}))}))};t.prototype.componentWillRender=function(){var t=this;var e=this.getCurrentDateAppointments();this.appointmentsShown=e.slice(0,this.showItems);this.showMoreLink=this.showItems<e.length;this.moreItemsLeft=e.length-this.showItems;this.showSortStart=e.map((function(e){return t.dateAdapter.format(e.start,"time")})).filter((function(t,e,n){return n.indexOf(t)==e})).length>1;this.showSortPlace=e.map((function(t){return t.place})).filter((function(t,e,n){return n.indexOf(t)==e})).length>1;this.sortOptions=[];if(this.showSortStart){this.sortOptions.push({text:this.localization.sortByTime,value:"start"})}if(this.showSortPlace){this.sortOptions.push({text:this.localization.sortByPlace,value:"place"})}this.showSort=this.appointmentsShown.length>1;this._sortBy=this.showSortStart&&!this.showSortPlace&&"start"||!this.showSortStart&&this.showSortPlace&&"place"||this.sortBy};t.prototype.componentDidRender=function(){if(this.datepickerElement){this.datepickerElement.setDate(this._currentDate)}if(this.datepickerElementMedium){this.datepickerElementMedium.setDate(this._currentDate)}};t.prototype.render=function(){var t=this;var e={"stzh-appointments":true,"stzh-appointments--has-calendar":this.showCalendar,"stzh-appointments--has-appointments-title":this.showAppointmentsTitle,"stzh-appointments--has-sort":this.showSort};return h(Host,null,h("div",{class:e},h("div",{class:"stzh-appointments__wrapper"},this.showCalendar&&h("div",{class:"stzh-appointments__calendar-wrapper"},h("div",{class:"stzh-appointments__calendar-title-wrapper"},h("div",{class:"stzh-appointments__calendar-title"},h("stzh-icon",{class:"stzh-appointments__calendar-icon",name:"calendar"}),h("stzh-text",{font:"heavy"},this.calendarTitle||this.localization.calendarTitle))),h("div",{class:"stzh-appointments__calendar-content"},h("stzh-datepicker",{ref:function(e){return t.datepickerElement=e},onStzhChange:this.onDatepickerChange,label:this.localization.datepickerLabel,calendarIsDateDisabled:this.isDateDisabled,calendarMin:printISODate(this.earliestDate),calendarMax:printISODate(this.latestDate)},h("stzh-link",{slot:"action",disabled:!this.nextDate,onClick:this.onNextActiveDateClick},h("stzh-text",{size:"milli"},this.localization.nextDayWithAppointments)))),h("div",{class:"stzh-appointments__calendar-content-medium"},h("stzh-datepicker",{ref:function(e){return t.datepickerElementMedium=e},onStzhChange:this.onDatepickerChange,inline:true,calendarIsDateDisabled:this.isDateDisabled,calendarMin:printISODate(this.earliestDate),calendarMax:printISODate(this.latestDate)},this.nextDate&&h("stzh-link",{slot:"action",onClick:this.onNextActiveDateClick},h("stzh-text",{size:"milli"},this.localization.nextDayWithAppointments))))),h("div",{class:"stzh-appointments__appointments-wrapper"},this.showAppointmentsTitle&&h("div",{class:"stzh-appointments__appointments-title-wrapper"},h("div",{class:"stzh-appointments__appointments-title"},h("stzh-icon",{class:"stzh-appointments__appointments-icon",name:"clock"}),h("stzh-text",{font:"heavy"},this.appointmentsTitle||this.localization.appointmentsTitle)),this.showSort&&h("div",{class:"stzh-appointments__sort"},h("stzh-dropdown",{inline:true,"no-search":true,class:"stzh-appointments__sort-dropdown",variant:"plain",size:"small",items:[this._sortBy],options:this.sortOptions,onStzhChange:this.onDropdownChange}))),h("div",{class:"stzh-appointments__appointments-content"},h("stzh-radiogroup",{ref:function(e){return t.inputElement=e},legend:this.localization.inputLegend,"hide-legend":true,name:this.name,value:this.value,preventUpdateProperties:["disabled"]},this.appointmentsShown.map((function(e){return h("stzh-radio",{onStzhChange:t.onRadioChange,value:e.value,disabled:typeof e.disabled!=="undefined"?e.disabled:false},h("stzh-text",{font:"heavy",size:"milli"},!t.showCalendar&&h("span",null,t.dateAdapter.format(e.start),", "),t.dateAdapter.format(e.start,"time"),h("span",{innerHTML:t.localization.$formats.timeRange}),t.dateAdapter.format(e.end,"time"),h("span",{innerHTML:t.localization.$formats.timePostfix})),h("stzh-text",{size:"milli"},e.caption))}))),this.showMoreLink&&h("stzh-link",{class:"stzh-appointments__more-link",onClick:this.onMoreClick},h("stzh-text",{size:"milli"},tc(this.localization.moreTextItems,this.moreItemsLeft>this.stepItems?this.stepItems:this.moreItemsLeft))))))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{currentDate:["currentDateWatcher"],sortBy:["sortByWatcher"],value:["valueWatcher"],appointments:["appointmentsWatcher"]}},enumerable:false,configurable:true});return t}();StzhAppointments.style=stzhAppointmentsCss;export{StzhAppointments as stzh_appointments};
+var __awaiter=this&&this.__awaiter||function(t,e,n,s){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,a){function o(t){try{p(s.next(t))}catch(e){a(e)}}function r(t){try{p(s["throw"](t))}catch(e){a(e)}}function p(t){t.done?n(t.value):i(t.value).then(o,r)}p((s=s.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},s,i,a,o;return o={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function r(t){return function(e){return p([t,e])}}function p(r){if(s)throw new TypeError("Generator is already executing.");while(o&&(o=0,r[0]&&(n=0)),n)try{if(s=1,i&&(a=r[0]&2?i["return"]:r[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,r[1])).done)return a;if(i=0,a)r=[r[0]&2,a.value];switch(r[0]){case 0:case 1:a=r;break;case 4:n.label++;return{value:r[1],done:false};case 5:n.label++;i=r[1];r=[0];continue;case 7:r=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(r[0]===6||r[0]===2)){n=0;continue}if(r[0]===3&&(!a||r[1]>a[0]&&r[1]<a[3])){n.label=r[1];break}if(r[0]===6&&n.label<a[1]){n.label=a[1];a=r;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(r);break}if(a[2])n.ops.pop();n.trys.pop();continue}r=e.call(t,n)}catch(p){r=[6,p];i=0}finally{s=a=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};import{r as registerInstance,e as createEvent,h,c as Host,g as getElement}from"./index-319b7c49.js";import{f as fetchTranslations,t as tc}from"./translation-utils-2623783f.js";import{p as parseISODate,a as printISODate}from"./date-utils-be83fff1.js";import{c as createGlobalAdapter}from"./date-adapter-cbc340fa.js";var stzhAppointmentsCss=".sc-stzh-appointments-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-appointments-h{display:none}.sc-stzh-appointments-h *.sc-stzh-appointments,.sc-stzh-appointments-h *.sc-stzh-appointments::before,.sc-stzh-appointments-h *.sc-stzh-appointments::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-appointments__wrapper.sc-stzh-appointments{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 1024px){.stzh-appointments__wrapper.sc-stzh-appointments{-ms-flex-direction:row;flex-direction:row}}.stzh-appointments__calendar-wrapper.sc-stzh-appointments{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 1024px){.stzh-appointments__calendar-wrapper.sc-stzh-appointments{margin-right:var(--stzh-space-large)}}.stzh-appointments__appointments-wrapper.sc-stzh-appointments{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column;margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:var(--stzh-space-medium);height:var(--stzh-space-xxlarge)}}.stzh-appointments__calendar-title.sc-stzh-appointments,.stzh-appointments__appointments-title.sc-stzh-appointments{display:-ms-flexbox;display:flex}.stzh-appointments__calendar-icon.sc-stzh-appointments,.stzh-appointments__appointments-icon.sc-stzh-appointments{margin-right:var(--stzh-space-xsmall);display:none}@media screen and (min-width: 1024px){.stzh-appointments__calendar-icon.sc-stzh-appointments,.stzh-appointments__appointments-icon.sc-stzh-appointments{display:-ms-inline-flexbox;display:inline-flex}}.stzh-appointments__calendar-content-medium.sc-stzh-appointments,.stzh-appointments__appointments-content.sc-stzh-appointments{background-color:var(--stzh-color-white);border:0.0625rem solid var(--stzh-color-grey13);border-radius:0.125rem}@media screen and (min-width: 1024px){.stzh-appointments__calendar-content.sc-stzh-appointments{display:none}}.stzh-appointments__calendar-content-medium.sc-stzh-appointments{display:none;padding:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-appointments__calendar-content-medium.sc-stzh-appointments{display:block}}.stzh-appointments__appointments-content.sc-stzh-appointments{padding:var(--stzh-space-xlarge);-ms-flex-positive:1;flex-grow:1}.stzh-appointments__more-link.sc-stzh-appointments{margin-top:var(--stzh-space-medium)}.stzh-appointments--has-calendar.sc-stzh-appointments .stzh-appointments__appointments-wrapper.sc-stzh-appointments{margin-top:var(--stzh-space-large)}@media screen and (min-width: 1024px){.stzh-appointments--has-calendar.sc-stzh-appointments .stzh-appointments__appointments-wrapper.sc-stzh-appointments{margin-top:0}}";var StzhAppointments=function(){function t(t){var e=this;registerInstance(this,t);this.stzhChange=createEvent(this,"stzhChange",7);this.showMoreLink=false;this.moreItemsLeft=0;this.showCalendar=false;this.showSort=false;this.showSortStart=false;this.showSortPlace=false;this.showAppointmentsTitle=false;this.allAppointsmentOnSameDay=true;this.sortOptions=[];this.isDateDisabled=function(t){var n=!!e._appointments.find((function(e){return e.start.getFullYear()===t.getFullYear()&&e.start.getMonth()===t.getMonth()&&e.start.getDate()===t.getDate()}));return!n};this.onNextActiveDateClick=function(){return __awaiter(e,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(!this.nextDate)return[3,2];this.currentDate=this.nextDate;return[4,this.datepickerElement.getPopover()];case 1:t=e.sent();if(t){t.hide()}e.label=2;case 2:return[2]}}))}))};this.onMoreClick=function(){e.showItems=e.stepItems+e.showItems;var t=e.inputElement.querySelector("stzh-radio");t.setFocus()};this.onDropdownChange=function(t){return __awaiter(e,void 0,void 0,(function(){var e,n;return __generator(this,(function(s){switch(s.label){case 0:e=t.target;return[4,e.getValue()];case 1:n=s.sent();if(n){this.sortBy=n}return[2]}}))}))};this.onDatepickerChange=function(t){if(t.detail.component!=="stzh-datepicker"||!t.detail.valueAsDate){return}e.currentDate=t.detail.valueAsDate;e.showItems=e.stepItems};this.onRadioChange=function(t){e.value=t.detail.value;e.stzhChange.emit({component:"stzh-appointments",value:e.value})};this.localization=undefined;this.sortBy="start";this.appointments=[];this.currentDate=undefined;this.value="";this.name="appointment";this.showItems=5;this.stepItems=5;this.calendarTitle="";this.appointmentsTitle="";this.dateAdapter=undefined}t.prototype.currentDateWatcher=function(t){if(!t){this._currentDate=this.dateByValue||this.earliestDate;if(!this.dateByValue){this.setValueToFirstAppointmentOfCurrentDate()}}else if(typeof t==="string"){this._currentDate=parseISODate(t);this.setValueToFirstAppointmentOfCurrentDate()}else{this._currentDate=t;this.setValueToFirstAppointmentOfCurrentDate()}};t.prototype.sortByWatcher=function(){this.setValueToFirstAppointmentOfCurrentDate()};t.prototype.valueWatcher=function(){this.updateDateByValue();this.currentDateWatcher(this.currentDate)};t.prototype.appointmentsWatcher=function(t){if(typeof t==="string"){this._appointments=JSON.parse(t)}else{this._appointments=t}this._appointments.forEach((function(t){t.start=new Date(t.start);t.end=new Date(t.end)}));if(this._appointments.length>0){this._appointments.sort((function(t,e){return t["start"]>e["start"]?1:-1}));this.earliestDate=this._appointments[0].start;this.latestDate=this._appointments[this._appointments.length-1].start;this.updateDateByValue()}if(this._appointments.length>1){var e=this._appointments[0].start;this.allAppointsmentOnSameDay=this._appointments.map((function(t){return t.start})).every((function(t){return"".concat(t.getFullYear(),"-").concat(t.getMonth(),"-").concat(t.getDate())==="".concat(e.getFullYear(),"-").concat(e.getMonth(),"-").concat(e.getDate())}))}this.showCalendar=!this.allAppointsmentOnSameDay;this.showAppointmentsTitle=this._appointments.length>1;this.currentDateWatcher(this.currentDate)};t.prototype.updateDateByValue=function(){var t=this;this.dateByValue=this.value&&this._appointments.find((function(e){return e.value===t.value})).start};t.prototype.getCurrentDateAppointments=function(){var t=this;var e=0;var n=this._appointments.filter((function(n,s){var i=n.start.getFullYear()===t._currentDate.getFullYear()&&n.start.getMonth()===t._currentDate.getMonth()&&n.start.getDate()===t._currentDate.getDate();if(i){e=s}return i}));if(this._appointments[e+1]){this.nextDate=this._appointments[e+1].start}else{this.nextDate=null}n.sort((function(e,n){return e[t.sortBy]>n[t.sortBy]?1:-1}));return n};t.prototype.setValueToFirstAppointmentOfCurrentDate=function(){var t=this.getCurrentDateAppointments().filter((function(t){return!t.disabled}));if(t.length>0){this.value=t[0].value;this.stzhChange.emit({component:"stzh-appointments",value:this.value})}};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.appointmentsWatcher(this.appointments);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"appointments")];case 1:t.localization=e.sent();e.label=2;case 2:if(!this.dateAdapter){this.dateAdapter=createGlobalAdapter(this.localization.$formats,this.localization.$globals)}return[2]}}))}))};t.prototype.componentWillRender=function(){var t=this;var e=this.getCurrentDateAppointments();this.appointmentsShown=e.slice(0,this.showItems);this.showMoreLink=this.showItems<e.length;this.moreItemsLeft=e.length-this.showItems;this.showSortStart=e.map((function(e){return t.dateAdapter.format(e.start,"time")})).filter((function(t,e,n){return n.indexOf(t)==e})).length>1;this.showSortPlace=e.map((function(t){return t.place})).filter((function(t,e,n){return n.indexOf(t)==e})).length>1;this.sortOptions=[];if(this.showSortStart){this.sortOptions.push({text:this.localization.sortByTime,value:"start"})}if(this.showSortPlace){this.sortOptions.push({text:this.localization.sortByPlace,value:"place"})}this.showSort=this.appointmentsShown.length>1;this._sortBy=this.showSortStart&&!this.showSortPlace&&"start"||!this.showSortStart&&this.showSortPlace&&"place"||this.sortBy};t.prototype.componentDidRender=function(){if(this.datepickerElement){this.datepickerElement.setDate(this._currentDate)}if(this.datepickerElementMedium){this.datepickerElementMedium.setDate(this._currentDate)}};t.prototype.render=function(){var t=this;var e={"stzh-appointments":true,"stzh-appointments--has-calendar":this.showCalendar,"stzh-appointments--has-appointments-title":this.showAppointmentsTitle,"stzh-appointments--has-sort":this.showSort};return h(Host,null,h("div",{class:e},h("div",{class:"stzh-appointments__wrapper"},this.showCalendar&&h("div",{class:"stzh-appointments__calendar-wrapper"},h("div",{class:"stzh-appointments__calendar-title-wrapper"},h("div",{class:"stzh-appointments__calendar-title"},h("stzh-icon",{class:"stzh-appointments__calendar-icon",name:"calendar"}),h("stzh-text",{font:"heavy"},this.calendarTitle||this.localization.calendarTitle))),h("div",{class:"stzh-appointments__calendar-content"},h("stzh-datepicker",{ref:function(e){return t.datepickerElement=e},onStzhChange:this.onDatepickerChange,label:this.localization.datepickerLabel,calendarIsDateDisabled:this.isDateDisabled,calendarMin:printISODate(this.earliestDate),calendarMax:printISODate(this.latestDate)},h("stzh-link",{slot:"action",disabled:!this.nextDate,onClick:this.onNextActiveDateClick},h("stzh-text",{size:"milli"},this.localization.nextDayWithAppointments)))),h("div",{class:"stzh-appointments__calendar-content-medium"},h("stzh-datepicker",{ref:function(e){return t.datepickerElementMedium=e},onStzhChange:this.onDatepickerChange,inline:true,calendarIsDateDisabled:this.isDateDisabled,calendarMin:printISODate(this.earliestDate),calendarMax:printISODate(this.latestDate)},this.nextDate&&h("stzh-link",{slot:"action",onClick:this.onNextActiveDateClick},h("stzh-text",{size:"milli"},this.localization.nextDayWithAppointments))))),h("div",{class:"stzh-appointments__appointments-wrapper"},this.showAppointmentsTitle&&h("div",{class:"stzh-appointments__appointments-title-wrapper"},h("div",{class:"stzh-appointments__appointments-title"},h("stzh-icon",{class:"stzh-appointments__appointments-icon",name:"clock"}),h("stzh-text",{font:"heavy"},this.appointmentsTitle||this.localization.appointmentsTitle)),this.showSort&&h("div",{class:"stzh-appointments__sort"},h("stzh-dropdown",{inline:true,"no-search":true,class:"stzh-appointments__sort-dropdown",variant:"plain",size:"small",items:[this._sortBy],options:this.sortOptions,onStzhChange:this.onDropdownChange}))),h("div",{class:"stzh-appointments__appointments-content"},h("stzh-radiogroup",{ref:function(e){return t.inputElement=e},legend:this.localization.inputLegend,"hide-legend":true,name:this.name,value:this.value,preventUpdateProperties:["disabled"]},this.appointmentsShown.map((function(e){return h("stzh-radio",{onStzhChange:t.onRadioChange,value:e.value,disabled:typeof e.disabled!=="undefined"?e.disabled:false},h("stzh-text",{font:"heavy",size:"milli"},!t.showCalendar&&h("span",null,t.dateAdapter.format(e.start),", "),t.dateAdapter.format(e.start,"time"),h("span",{innerHTML:t.localization.$formats.timeRange}),t.dateAdapter.format(e.end,"time"),h("span",{innerHTML:t.localization.$formats.timePostfix})),h("stzh-text",{size:"milli"},e.caption))}))),this.showMoreLink&&h("stzh-link",{class:"stzh-appointments__more-link",onClick:this.onMoreClick},h("stzh-text",{size:"milli"},tc(this.localization.moreTextItems,this.moreItemsLeft>this.stepItems?this.stepItems:this.moreItemsLeft))))))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{currentDate:["currentDateWatcher"],sortBy:["sortByWatcher"],value:["valueWatcher"],appointments:["appointmentsWatcher"]}},enumerable:false,configurable:true});return t}();StzhAppointments.style=stzhAppointmentsCss;export{StzhAppointments as stzh_appointments};

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

@@ -1,4 +1,4 @@
-var __extends=this&&this.__extends||function(){var e=function(t,i){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)if(Object.prototype.hasOwnProperty.call(t,i))e[i]=t[i]};return e(t,i)};return function(t,i){if(typeof i!=="function"&&i!==null)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");e(t,i);function n(){this.constructor=t}t.prototype=i===null?Object.create(i):(n.prototype=i.prototype,new n)}}();var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++){t=arguments[i];for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r))e[r]=t[r]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(t,i,n,r){function o(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,s){function a(t){try{u(r.next(t))}catch(e){s(e)}}function l(t){try{u(r["throw"](t))}catch(e){s(e)}}function u(e){e.done?n(e.value):o(e.value).then(a,l)}u((r=r.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var n={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},r,o,s,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 u([e,t])}}function u(a){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,o&&(s=a[0]&2?o["return"]:a[0]?o["throw"]||((s=o["return"])&&s.call(o),0):o.next)&&!(s=s.call(o,a[1])).done)return s;if(o=0,s)a=[a[0]&2,s.value];switch(a[0]){case 0:case 1:s=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;o=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(s=n.trys,s=s.length>0&&s[s.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!s||a[1]>s[0]&&a[1]<s[3])){n.label=a[1];break}if(a[0]===6&&n.label<s[1]){n.label=s[1];s=a;break}if(s&&n.label<s[2]){n.label=s[2];n.ops.push(a);break}if(s[2])n.ops.pop();n.trys.pop();continue}a=i.call(t,n)}catch(e){a=[6,e];o=0}finally{r=s=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __rest=this&&this.__rest||function(e,t){var i={};for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0)i[n]=e[n];if(e!=null&&typeof Object.getOwnPropertySymbols==="function")for(var r=0,n=Object.getOwnPropertySymbols(e);r<n.length;r++){if(t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r]))i[n[r]]=e[n[r]]}return i};var __spreadArray=this&&this.__spreadArray||function(e,t,i){if(i||arguments.length===2)for(var n=0,r=t.length,o;n<r;n++){if(o||!(n in t)){if(!o)o=Array.prototype.slice.call(t,0,n);o[n]=t[n]}}return e.concat(o||Array.prototype.slice.call(t))};var _a,_b;import{r as registerInstance,c as createEvent,h as h$2,a as Host,g as getElement}from"./index-011c84fe.js";import{h as hasSlot}from"./utils-92a77db5.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";
+var __extends=this&&this.__extends||function(){var e=function(t,i){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)if(Object.prototype.hasOwnProperty.call(t,i))e[i]=t[i]};return e(t,i)};return function(t,i){if(typeof i!=="function"&&i!==null)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");e(t,i);function n(){this.constructor=t}t.prototype=i===null?Object.create(i):(n.prototype=i.prototype,new n)}}();var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++){t=arguments[i];for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r))e[r]=t[r]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(t,i,n,r){function o(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,s){function a(t){try{u(r.next(t))}catch(e){s(e)}}function l(t){try{u(r["throw"](t))}catch(e){s(e)}}function u(e){e.done?n(e.value):o(e.value).then(a,l)}u((r=r.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var n={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},r,o,s,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 u([e,t])}}function u(l){if(r)throw new TypeError("Generator is already executing.");while(a&&(a=0,l[0]&&(n=0)),n)try{if(r=1,o&&(s=l[0]&2?o["return"]:l[0]?o["throw"]||((s=o["return"])&&s.call(o),0):o.next)&&!(s=s.call(o,l[1])).done)return s;if(o=0,s)l=[l[0]&2,s.value];switch(l[0]){case 0:case 1:s=l;break;case 4:n.label++;return{value:l[1],done:false};case 5:n.label++;o=l[1];l=[0];continue;case 7:l=n.ops.pop();n.trys.pop();continue;default:if(!(s=n.trys,s=s.length>0&&s[s.length-1])&&(l[0]===6||l[0]===2)){n=0;continue}if(l[0]===3&&(!s||l[1]>s[0]&&l[1]<s[3])){n.label=l[1];break}if(l[0]===6&&n.label<s[1]){n.label=s[1];s=l;break}if(s&&n.label<s[2]){n.label=s[2];n.ops.push(l);break}if(s[2])n.ops.pop();n.trys.pop();continue}l=i.call(t,n)}catch(e){l=[6,e];o=0}finally{r=s=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};var __rest=this&&this.__rest||function(e,t){var i={};for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0)i[n]=e[n];if(e!=null&&typeof Object.getOwnPropertySymbols==="function")for(var r=0,n=Object.getOwnPropertySymbols(e);r<n.length;r++){if(t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r]))i[n[r]]=e[n[r]]}return i};var __spreadArray=this&&this.__spreadArray||function(e,t,i){if(i||arguments.length===2)for(var n=0,r=t.length,o;n<r;n++){if(o||!(n in t)){if(!o)o=Array.prototype.slice.call(t,0,n);o[n]=t[n]}}return e.concat(o||Array.prototype.slice.call(t))};var _a,_b;import{r as registerInstance,e as createEvent,h as h$2,c as Host,g as getElement}from"./index-319b7c49.js";import{h as hasSlot}from"./utils-92a77db5.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";
 /**
  * @license
  * Copyright 2017 Google LLC

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,o,s,e){function n(t){return t instanceof s?t:new s((function(o){o(t)}))}return new(s||(s=Promise))((function(s,r){function i(t){try{h(e.next(t))}catch(o){r(o)}}function a(t){try{h(e["throw"](t))}catch(o){r(o)}}function h(t){t.done?s(t.value):n(t.value).then(i,a)}h((e=e.apply(t,o||[])).next())}))};var __generator=this&&this.__generator||function(t,o){var s={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},e,n,r,i;return i={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function a(t){return function(o){return h([t,o])}}function h(i){if(e)throw new TypeError("Generator is already executing.");while(s)try{if(e=1,n&&(r=i[0]&2?n["return"]:i[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,i[1])).done)return r;if(n=0,r)i=[i[0]&2,r.value];switch(i[0]){case 0:case 1:r=i;break;case 4:s.label++;return{value:i[1],done:false};case 5:s.label++;n=i[1];i=[0];continue;case 7:i=s.ops.pop();s.trys.pop();continue;default:if(!(r=s.trys,r=r.length>0&&r[r.length-1])&&(i[0]===6||i[0]===2)){s=0;continue}if(i[0]===3&&(!r||i[1]>r[0]&&i[1]<r[3])){s.label=i[1];break}if(i[0]===6&&s.label<r[1]){s.label=r[1];r=i;break}if(r&&s.label<r[2]){s.label=r[2];s.ops.push(i);break}if(r[2])s.ops.pop();s.trys.pop();continue}i=o.call(t,s)}catch(a){i=[6,a];n=0}finally{e=r=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{r as registerInstance,h,a as Host,c as createEvent,F as Fragment,g as getElement}from"./index-011c84fe.js";import{h as hasSlot}from"./utils-92a77db5.js";var stzhBadgeCss=".sc-stzh-badge-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-badge-h{display:none}.sc-stzh-badge-h *.sc-stzh-badge,.sc-stzh-badge-h *.sc-stzh-badge::before,.sc-stzh-badge-h *.sc-stzh-badge::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-badge-h{--color:var(--stzh-color-white);--background-color:var(--stzh-base-color);display:-ms-inline-flexbox;display:inline-flex}[type=success].sc-stzh-badge-h{--background-color:var(--stzh-color-truegreen)}[type=warning].sc-stzh-badge-h{--color:var(--stzh-color-grey87);--background-color:var(--stzh-color-warning)}[type=error].sc-stzh-badge-h{--background-color:var(--stzh-color-error)}[type=info].sc-stzh-badge-h{--background-color:var(--stzh-color-zueriblue)}.stzh-badge.sc-stzh-badge{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;-webkit-box-sizing:content-box;box-sizing:content-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-width:0.625rem;font-size:0.625rem;line-height:1.4;-webkit-box-shadow:0 0 0 0.0625rem #fff;box-shadow:0 0 0 0.0625rem #fff;border-radius:0.875rem;padding:0.0625rem 0.375rem;background-color:var(--background-color);color:var(--color);text-transform:uppercase}.stzh-badge.sc-stzh-badge:empty{width:0.875rem;height:0.875rem;padding:0}";var StzhBadge=function(){function t(t){registerInstance(this,t);this.label="";this.type="default"}t.prototype.render=function(){var t;var o=(t={"stzh-badge":true},t["stzh-badge--type-".concat(this.type)]=!!this.type,t);return h(Host,null,h("div",{class:o},this.label))};return t}();StzhBadge.style=stzhBadgeCss;var stzhButtonCss='@charset "UTF-8";.sc-stzh-button-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-button-h{display:none}.sc-stzh-button-h *.sc-stzh-button,.sc-stzh-button-h *.sc-stzh-button::before,.sc-stzh-button-h *.sc-stzh-button::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-button-h{--color:var(--stzh-color-white);--background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--height:var(--stzh-form-input-height);--icon-size:var(--stzh-icon-size-small);--icon-text-margin:var(--stzh-space-small);--badge-icon-text-margin:calc(var(--icon-text-margin) + var(--stzh-space-xxsmall));--padding:var(--stzh-space-xsmall) var(--stzh-space-xlarge);--hover-color:var(--stzh-color-white);--hover-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));display:inline-block;border-radius:var(--stzh-button-border-radius)}[fullwidth].sc-stzh-button-h:not([fullwidth=false]){width:100%;display:block}[size=small].sc-stzh-button-h{--height:var(--stzh-form-input-small-height)}[size=tiny].sc-stzh-button-h{--height:var(--stzh-form-input-tiny-height);--icon-text-margin:var(--stzh-space-xsmall);--padding:var(--stzh-space-xxsmall) var(--stzh-space-medium)}[variant=secondary].sc-stzh-button-h{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--background-color:var(--stzh-color-white)}[variant=input].sc-stzh-button-h{--color:var(--stzh-color-grey61);--background-color:transparent;--border-color:var(--stzh-color-grey61);--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:transparent;--hover-border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}[variant=tertiary].sc-stzh-button-h{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--background-color:transparent;--border-color:transparent;--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:var(--stzh-button-text-hover-background);--hover-border-color:transparent}[active].sc-stzh-button-h:not([active=false]){--color:var(--stzh-color-white);--background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-color:var(--stzh-color-white);--hover-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}[disabled].sc-stzh-button-h:not([disabled=false]){--border-color:var(--stzh-color-grey13);--background-color:var(--stzh-color-grey13);--hover-border-color:var(--stzh-color-grey13);--hover-background-color:var(--stzh-color-grey13)}[disabled].sc-stzh-button-h:not([disabled=false])[variant=secondary],[disabled].sc-stzh-button-h:not([disabled=false])[variant=input],[disabled].sc-stzh-button-h:not([disabled=false])[variant=tertiary]{--color:var(--stzh-color-grey25);--border-color:var(--stzh-color-grey13);--background-color:transparent;--hover-color:var(--stzh-color-grey25);--hover-border-color:var(--stzh-color-grey13);--hover-background-color:transparent}@-webkit-keyframes stzh-button-effect-cta{0%,20%,50%,80%,100%{-webkit-transform:translateX(0);transform:translateX(0)}40%{-webkit-transform:translateX(-0.5rem);transform:translateX(-0.5rem)}60%{-webkit-transform:translateX(-0.25rem);transform:translateX(-0.25rem)}}@keyframes stzh-button-effect-cta{0%,20%,50%,80%,100%{-webkit-transform:translateX(0);transform:translateX(0)}40%{-webkit-transform:translateX(-0.5rem);transform:translateX(-0.5rem)}60%{-webkit-transform:translateX(-0.25rem);transform:translateX(-0.25rem)}}.sc-stzh-button-h .sc-stzh-button-s>stzh-icon,.stzh-button__icon.sc-stzh-button{--size:var(--icon-size)}.stzh-button.sc-stzh-button{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;z-index:0;overflow:visible;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:stretch;justify-content:stretch;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--color);padding:var(--padding);background-color:var(--background-color);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);border:0.0625rem solid var(--border-color);cursor:pointer;text-decoration:none;width:100%;min-width:var(--height);height:var(--height);border-radius:var(--stzh-button-border-radius);text-align:left}.stzh-button.sc-stzh-button:hover{border-color:var(--hover-border-color);background-color:var(--hover-background-color);color:var(--hover-color)}.stzh-button__inner.sc-stzh-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1}.stzh-button__icon-wrapper.sc-stzh-button{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;width:auto;height:1em}.stzh-button__text.sc-stzh-button{white-space:nowrap}.stzh-button__icon-wrapper.sc-stzh-button:not(:empty)+.stzh-button__text.sc-stzh-button:not(:empty),.stzh-button__text.sc-stzh-button:not(:empty)+.stzh-button__icon-wrapper.sc-stzh-button:not(:empty){margin-left:var(--icon-text-margin)}.stzh-button__badge.sc-stzh-button{position:absolute;z-index:1;top:0;right:0}.stzh-button__input.sc-stzh-button{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:-1;opacity:0;pointer-events:none}.stzh-button__mark.sc-stzh-button{border:0.0625rem solid var(--stzh-color-grey61);background-color:var(--stzh-color-white);width:1.5rem;height:1.5rem;-ms-flex-negative:0;flex-shrink:0;border-radius:50%;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:border-color var(--stzh-base-transition-animation-speed);transition:border-color var(--stzh-base-transition-animation-speed);width:1.25rem;height:1.25rem;margin-right:var(--stzh-space-xsmall);border-color:currentColor}.stzh-button__mark.sc-stzh-button::before{content:""}.stzh-button__check.sc-stzh-button{background-color:currentColor;color:var(--stzh-color-primary, var(--stzh-color-zueriblue));width:0.5rem;height:0.5rem;border-radius:50%;opacity:0}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-button__check.sc-stzh-button{background-color:ButtonText}}.stzh-button__input.sc-stzh-button:checked:hover~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked:focus~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-button.sc-stzh-button:hover .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:focus:hover~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked:hover~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked:focus~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button{border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-button__input.sc-stzh-button:focus~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button{border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-button__input.sc-stzh-button:checked~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button{opacity:1}.stzh-button--is-disabled.sc-stzh-button .stzh-button__input.sc-stzh-button~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button{color:var(--stzh-color-grey61)}.stzh-button--is-disabled.sc-stzh-button .stzh-button__input.sc-stzh-button~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button{border-color:transparent}.stzh-button--is-disabled.sc-stzh-button .stzh-button__mark.sc-stzh-button{background-color:var(--stzh-color-black8)}.stzh-button--size-small.sc-stzh-button,.stzh-button--size-tiny.sc-stzh-button{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-button--badge-position-button.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button{position:static}.stzh-button__badge.sc-stzh-button,.stzh-button--badge-position-button.sc-stzh-button .stzh-button__badge.sc-stzh-button{top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-xsmall) * -1)}.stzh-button--badge-position-icon.stzh-button--has-icon.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button{position:relative}.stzh-button--badge-position-icon.stzh-button--has-icon.sc-stzh-button .stzh-button__badge.sc-stzh-button{top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-small) * -1)}.stzh-button--badge-position-icon.stzh-button--has-icon.stzh-button--has-badge.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button:not(:empty)+.stzh-button__text.sc-stzh-button:not(:empty),.stzh-button--badge-position-icon.stzh-button--has-icon.stzh-button--has-badge.sc-stzh-button .stzh-button__text.sc-stzh-button:not(:empty)+.stzh-button__icon-wrapper.sc-stzh-button:not(:empty){margin-left:var(--badge-icon-text-margin)}.stzh-button--has-icon-only.sc-stzh-button{width:var(--height);height:var(--height);padding:0}.stzh-button--has-icon-only.sc-stzh-button .stzh-button__text.sc-stzh-button{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-button--effect-cta.sc-stzh-button:hover .stzh-button__icon-wrapper.sc-stzh-button{-webkit-animation:stzh-button-effect-cta 1s;animation:stzh-button-effect-cta 1s}.stzh-button--align-left.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:start;justify-content:flex-start}.stzh-button--align-right.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:end;justify-content:flex-end}.stzh-button--align-center.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:center;justify-content:center}.stzh-button--align-space-between.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:justify;justify-content:space-between}.stzh-button--is-disabled.sc-stzh-button{cursor:not-allowed}';var StzhButton=function(){function t(t){var o=this;registerInstance(this,t);this.stzhFocus=createEvent(this,"stzhFocus",7);this.stzhBlur=createEvent(this,"stzhBlur",7);this.stzhChange=createEvent(this,"stzhChange",7);this.onInput=function(t){o.checked=o.input.checked;o.stzhChange.emit({component:"stzh-button",originalEvent:t,value:o.value,checked:o.checked})};this.onFocus=function(t){var s=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});o.element.dispatchEvent(s);o.stzhFocus.emit({component:"stzh-button",originalEvent:t})};this.onBlur=function(t){var s=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});o.element.dispatchEvent(s);o.stzhBlur.emit({component:"stzh-button",originalEvent:t})};this.onClick=function(t){if(o.disabled){t.stopPropagation();t.preventDefault()}};this.badge="";this.badgeType="default";this.badgePosition="button";this.badgeEmpty=false;this.fullwidth=false;this.size="default";this.textAlign="default";this.variant="default";this.icon="";this.iconPosition="left";this.checked=false;this.name="";this.value="";this.href="";this.rel=undefined;this.target="";this.download=undefined;this.type="button";this.disabled=false;this.active=false;this.label="";this.effect="default";this.iconOnly=false;this.linkAccesskey=undefined;this.a11yLabel=undefined;this.a11yDescribedby="";this.a11yExpanded=undefined;this.a11yControls=undefined}t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.button.focus();return[2]}))}))};t.prototype.renderIcon=function(t){return h("div",{class:"stzh-button__icon-wrapper"},this.icon?h("stzh-icon",{class:"stzh-button__icon",name:this.icon}):h("slot",{name:"icon"}),(this.badge||this.badgeEmpty)&&this.badgePosition==="icon"&&t&&h("stzh-badge",{class:"stzh-button__badge",label:this.badge,type:this.badgeType}))};t.prototype.renderContent=function(){return h("div",{class:"stzh-button__text"},this.label?this.label:h("slot",null))};t.prototype.renderInner=function(t){return h(Fragment,null,h("div",{class:"stzh-button__inner",onClick:this.onClick},this.type==="radio"&&h("div",{class:"stzh-button__mark"},h("div",{class:"stzh-button__check"})),this.iconPosition==="left"&&this.renderIcon(t),this.renderContent(),this.iconPosition==="right"&&this.renderIcon(t)),(this.badge||this.badgeEmpty)&&(this.badgePosition==="button"||!t)&&h("stzh-badge",{class:"stzh-button__badge",label:this.badge,type:this.badgeType,onClick:this.onClick}))};t.prototype.render=function(){var t;var o=this;var s=hasSlot(this.element,"icon")||!!this.icon;var e=(t={"stzh-button":true,"stzh-button--has-icon":s,"stzh-button--has-icon-only":this.iconOnly,"stzh-button--has-badge":!!this.badge,"stzh-button--is-fullwidth":this.fullwidth,"stzh-button--is-disabled":this.disabled,"stzh-button--is-active":this.active},t["stzh-button--effect-".concat(this.effect)]=!!this.effect,t["stzh-button--badge-position-".concat(this.badgePosition)]=!!this.badgePosition,t["stzh-button--align-".concat(this.textAlign)]=!!this.textAlign,t["stzh-button--size-".concat(this.size)]=!!this.size,t["stzh-button--type-".concat(this.type)]=!!this.type,t["stzh-button--".concat(this.variant)]=!!this.variant,t);return h(Host,null,this.href?h("a",{ref:function(t){return o.button=t},href:this.disabled?null:this.href,rel:this.rel,download:this.download,target:this.target,class:e,"aria-label":this.a11yLabel,"aria-describedby":this.a11yDescribedby,"aria-expanded":typeof this.a11yExpanded!=="undefined"?this.a11yExpanded?"true":"false":null,"aria-controls":this.a11yControls,accessKey:this.linkAccesskey,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},this.renderInner(s)):this.type==="radio"?h("label",{ref:function(t){return o.button=t},class:e,onClick:this.onClick},h("input",{ref:function(t){return o.input=t},type:"radio",class:"stzh-button__input",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,"aria-label":this.a11yLabel,"aria-describedby":this.a11yDescribedby,"aria-expanded":typeof this.a11yExpanded!=="undefined"?this.a11yExpanded?"true":"false":null,"aria-controls":this.a11yControls,accessKey:this.linkAccesskey,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,onInput:this.onInput}),this.renderInner(s)):h("button",{ref:function(t){return o.button=t},class:e,type:this.type,disabled:this.disabled,"aria-label":this.a11yLabel,"aria-describedby":this.a11yDescribedby,"aria-expanded":typeof this.a11yExpanded!=="undefined"?this.a11yExpanded?"true":"false":null,"aria-controls":this.a11yControls,accessKey:this.linkAccesskey,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},this.renderInner(s)))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhButton.style=stzhButtonCss;var stzhIconCss=".sc-stzh-icon-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-icon-h{display:none}.sc-stzh-icon-h *.sc-stzh-icon,.sc-stzh-icon-h *.sc-stzh-icon::before,.sc-stzh-icon-h *.sc-stzh-icon::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-icon-h{--size:var(--stzh-icon-size-default);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:currentColor;vertical-align:text-top}.stzh-icon.sc-stzh-icon{width:var(--size);height:var(--size)}";var iconCounter=0;var StzhIcon=function(){function t(t){registerInstance(this,t);this.name="";this.a11yTitle=""}t.prototype.componentWillLoad=function(){this.iconId="stzh-icon-".concat(iconCounter++)};t.prototype.render=function(){return h(Host,null,this.name&&h("svg",{class:"stzh-icon",role:this.a11yTitle?"img":"presentation",focusable:this.a11yTitle?"true":"false","aria-labelledby":this.a11yTitle?"".concat(this.iconId,"-title"):null},this.a11yTitle&&h("title",{id:"".concat(this.iconId,"-title")},this.a11yTitle),h("use",{href:"#stzh-icon-".concat(this.name)})))};return t}();StzhIcon.style=stzhIconCss;export{StzhBadge as stzh_badge,StzhButton as stzh_button,StzhIcon as stzh_icon};
+var __awaiter=this&&this.__awaiter||function(t,o,e,s){function n(t){return t instanceof e?t:new e((function(o){o(t)}))}return new(e||(e=Promise))((function(e,r){function i(t){try{h(s.next(t))}catch(o){r(o)}}function a(t){try{h(s["throw"](t))}catch(o){r(o)}}function h(t){t.done?e(t.value):n(t.value).then(i,a)}h((s=s.apply(t,o||[])).next())}))};var __generator=this&&this.__generator||function(t,o){var e={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},s,n,r,i;return i={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function a(t){return function(o){return h([t,o])}}function h(a){if(s)throw new TypeError("Generator is already executing.");while(i&&(i=0,a[0]&&(e=0)),e)try{if(s=1,n&&(r=a[0]&2?n["return"]:a[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,a[1])).done)return r;if(n=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:e.label++;return{value:a[1],done:false};case 5:e.label++;n=a[1];a=[0];continue;case 7:a=e.ops.pop();e.trys.pop();continue;default:if(!(r=e.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){e=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){e.label=a[1];break}if(a[0]===6&&e.label<r[1]){e.label=r[1];r=a;break}if(r&&e.label<r[2]){e.label=r[2];e.ops.push(a);break}if(r[2])e.ops.pop();e.trys.pop();continue}a=o.call(t,e)}catch(h){a=[6,h];n=0}finally{s=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{r as registerInstance,h,c as Host,e as createEvent,F as Fragment,g as getElement}from"./index-319b7c49.js";import{h as hasSlot}from"./utils-92a77db5.js";var stzhBadgeCss=".sc-stzh-badge-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-badge-h{display:none}.sc-stzh-badge-h *.sc-stzh-badge,.sc-stzh-badge-h *.sc-stzh-badge::before,.sc-stzh-badge-h *.sc-stzh-badge::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-badge-h{--color:var(--stzh-color-white);--background-color:var(--stzh-base-color);display:-ms-inline-flexbox;display:inline-flex}[type=success].sc-stzh-badge-h{--background-color:var(--stzh-color-truegreen)}[type=warning].sc-stzh-badge-h{--color:var(--stzh-color-grey87);--background-color:var(--stzh-color-warning)}[type=error].sc-stzh-badge-h{--background-color:var(--stzh-color-error)}[type=info].sc-stzh-badge-h{--background-color:var(--stzh-color-zueriblue)}.stzh-badge.sc-stzh-badge{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;-webkit-box-sizing:content-box;box-sizing:content-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-width:0.625rem;font-size:0.625rem;line-height:1.4;-webkit-box-shadow:0 0 0 0.0625rem #fff;box-shadow:0 0 0 0.0625rem #fff;border-radius:0.875rem;padding:0.0625rem 0.375rem;background-color:var(--background-color);color:var(--color);text-transform:uppercase}.stzh-badge.sc-stzh-badge:empty{width:0.875rem;height:0.875rem;padding:0}";var StzhBadge=function(){function t(t){registerInstance(this,t);this.label="";this.type="default"}t.prototype.render=function(){var t;var o=(t={"stzh-badge":true},t["stzh-badge--type-".concat(this.type)]=!!this.type,t);return h(Host,null,h("div",{class:o},this.label))};return t}();StzhBadge.style=stzhBadgeCss;var stzhButtonCss='@charset "UTF-8";.sc-stzh-button-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-button-h{display:none}.sc-stzh-button-h *.sc-stzh-button,.sc-stzh-button-h *.sc-stzh-button::before,.sc-stzh-button-h *.sc-stzh-button::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-button-h{--color:var(--stzh-color-white);--background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--height:var(--stzh-form-input-height);--icon-size:var(--stzh-icon-size-small);--icon-text-margin:var(--stzh-space-small);--badge-icon-text-margin:calc(var(--icon-text-margin) + var(--stzh-space-xxsmall));--padding:calc(var(--stzh-space-xsmall) - 0.0625rem) var(--stzh-space-xlarge);--white-space:normal;--hover-color:var(--stzh-color-white);--hover-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));display:inline-block;border-radius:var(--stzh-button-border-radius)}[fullwidth].sc-stzh-button-h:not([fullwidth=false]){width:100%;display:block}[size=small].sc-stzh-button-h{--height:var(--stzh-form-input-small-height)}[size=tiny].sc-stzh-button-h{--height:var(--stzh-form-input-tiny-height);--icon-text-margin:var(--stzh-space-xsmall);--padding:calc(var(--stzh-space-xxsmall) - 0.0625rem) var(--stzh-space-medium)}[variant=secondary].sc-stzh-button-h{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--background-color:var(--stzh-color-white)}[variant=input].sc-stzh-button-h{--color:var(--stzh-color-grey61);--background-color:transparent;--border-color:var(--stzh-color-grey61);--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:transparent;--hover-border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}[variant=tertiary].sc-stzh-button-h{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--background-color:transparent;--border-color:transparent;--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:var(--stzh-button-text-hover-background);--hover-border-color:transparent}[active].sc-stzh-button-h:not([active=false]){--color:var(--stzh-color-white);--background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-color:var(--stzh-color-white);--hover-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}[disabled].sc-stzh-button-h:not([disabled=false]){--border-color:var(--stzh-color-grey13);--background-color:var(--stzh-color-grey13);--hover-border-color:var(--stzh-color-grey13);--hover-background-color:var(--stzh-color-grey13)}[disabled].sc-stzh-button-h:not([disabled=false])[variant=secondary],[disabled].sc-stzh-button-h:not([disabled=false])[variant=input],[disabled].sc-stzh-button-h:not([disabled=false])[variant=tertiary]{--color:var(--stzh-color-grey25);--border-color:var(--stzh-color-grey13);--background-color:transparent;--hover-color:var(--stzh-color-grey25);--hover-border-color:var(--stzh-color-grey13);--hover-background-color:transparent}@-webkit-keyframes stzh-button-effect-cta{0%,20%,50%,80%,100%{-webkit-transform:translateX(0);transform:translateX(0)}40%{-webkit-transform:translateX(-0.5rem);transform:translateX(-0.5rem)}60%{-webkit-transform:translateX(-0.25rem);transform:translateX(-0.25rem)}}@keyframes stzh-button-effect-cta{0%,20%,50%,80%,100%{-webkit-transform:translateX(0);transform:translateX(0)}40%{-webkit-transform:translateX(-0.5rem);transform:translateX(-0.5rem)}60%{-webkit-transform:translateX(-0.25rem);transform:translateX(-0.25rem)}}.sc-stzh-button-h .sc-stzh-button-s>stzh-icon,.stzh-button__icon.sc-stzh-button{--size:var(--icon-size)}.stzh-button.sc-stzh-button{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);line-height:1.25;font-family:inherit;position:relative;z-index:0;overflow:visible;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:stretch;justify-content:stretch;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--color);padding:var(--padding);background-color:var(--background-color);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);border:0.0625rem solid var(--border-color);cursor:pointer;text-decoration:none;width:100%;min-width:var(--height);min-height:var(--height);border-radius:var(--stzh-button-border-radius);text-align:left}.stzh-button.sc-stzh-button:hover{border-color:var(--hover-border-color);background-color:var(--hover-background-color);color:var(--hover-color)}.stzh-button__inner.sc-stzh-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1}.stzh-button__icon-wrapper.sc-stzh-button{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;width:auto;height:1em}.stzh-button__text.sc-stzh-button{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:var(--white-space);text-align:center}.stzh-button__icon-wrapper.sc-stzh-button:not(:empty)+.stzh-button__text.sc-stzh-button:not(:empty),.stzh-button__text.sc-stzh-button:not(:empty)+.stzh-button__icon-wrapper.sc-stzh-button:not(:empty){margin-left:var(--icon-text-margin)}.stzh-button__badge.sc-stzh-button{position:absolute;z-index:1;top:0;right:0}.stzh-button__input.sc-stzh-button{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:-1;opacity:0;pointer-events:none}.stzh-button__mark.sc-stzh-button{border:0.0625rem solid var(--stzh-color-grey61);background-color:var(--stzh-color-white);width:1.5rem;height:1.5rem;-ms-flex-negative:0;flex-shrink:0;border-radius:50%;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:border-color var(--stzh-base-transition-animation-speed);transition:border-color var(--stzh-base-transition-animation-speed);width:1.25rem;height:1.25rem;margin-right:var(--stzh-space-xsmall);border-color:currentColor}.stzh-button__mark.sc-stzh-button::before{content:""}.stzh-button__check.sc-stzh-button{background-color:currentColor;color:var(--stzh-color-primary, var(--stzh-color-zueriblue));width:0.5rem;height:0.5rem;border-radius:50%;opacity:0}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-button__check.sc-stzh-button{background-color:ButtonText}}.stzh-button__input.sc-stzh-button:checked:hover~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked:focus~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-button.sc-stzh-button:hover .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:focus:hover~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked:hover~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked:focus~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button{border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-button__input.sc-stzh-button:focus~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button{border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-button__input.sc-stzh-button:checked~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button{opacity:1}.stzh-button--is-disabled.sc-stzh-button .stzh-button__input.sc-stzh-button~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button{color:var(--stzh-color-grey61)}.stzh-button--is-disabled.sc-stzh-button .stzh-button__input.sc-stzh-button~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button{border-color:transparent}.stzh-button--is-disabled.sc-stzh-button .stzh-button__mark.sc-stzh-button{background-color:var(--stzh-color-black8)}.stzh-button--size-small.sc-stzh-button,.stzh-button--size-tiny.sc-stzh-button{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-button--badge-position-button.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button{position:static}.stzh-button__badge.sc-stzh-button,.stzh-button--badge-position-button.sc-stzh-button .stzh-button__badge.sc-stzh-button{top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-xsmall) * -1)}.stzh-button--badge-position-icon.stzh-button--has-icon.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button{position:relative}.stzh-button--badge-position-icon.stzh-button--has-icon.sc-stzh-button .stzh-button__badge.sc-stzh-button{top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-small) * -1)}.stzh-button--badge-position-icon.stzh-button--has-icon.stzh-button--has-badge.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button:not(:empty)+.stzh-button__text.sc-stzh-button:not(:empty),.stzh-button--badge-position-icon.stzh-button--has-icon.stzh-button--has-badge.sc-stzh-button .stzh-button__text.sc-stzh-button:not(:empty)+.stzh-button__icon-wrapper.sc-stzh-button:not(:empty){margin-left:var(--badge-icon-text-margin)}.stzh-button--has-icon-only.sc-stzh-button{width:var(--height);height:var(--height);padding:0}.stzh-button--has-icon-only.sc-stzh-button .stzh-button__text.sc-stzh-button{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-button--effect-cta.sc-stzh-button:hover .stzh-button__icon-wrapper.sc-stzh-button{-webkit-animation:stzh-button-effect-cta 1s;animation:stzh-button-effect-cta 1s}.stzh-button--align-left.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:start;justify-content:flex-start}.stzh-button--align-right.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:end;justify-content:flex-end}.stzh-button--align-center.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:center;justify-content:center}.stzh-button--align-space-between.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:justify;justify-content:space-between}.stzh-button--is-disabled.sc-stzh-button{cursor:not-allowed}';var StzhButton=function(){function t(t){var o=this;registerInstance(this,t);this.stzhFocus=createEvent(this,"stzhFocus",7);this.stzhBlur=createEvent(this,"stzhBlur",7);this.stzhChange=createEvent(this,"stzhChange",7);this.onInput=function(t){o.checked=o.input.checked;o.stzhChange.emit({component:"stzh-button",originalEvent:t,value:o.value,checked:o.checked})};this.onFocus=function(t){var e=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});o.element.dispatchEvent(e);o.stzhFocus.emit({component:"stzh-button",originalEvent:t})};this.onBlur=function(t){var e=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});o.element.dispatchEvent(e);o.stzhBlur.emit({component:"stzh-button",originalEvent:t})};this.onClick=function(t){if(o.disabled){t.stopPropagation();t.preventDefault()}};this.badge="";this.badgeType="default";this.badgePosition="button";this.badgeEmpty=false;this.fullwidth=false;this.size="default";this.textAlign="default";this.variant="default";this.icon="";this.iconPosition="left";this.checked=false;this.name="";this.value="";this.href="";this.rel=undefined;this.target="";this.download=undefined;this.type="button";this.disabled=false;this.active=false;this.label="";this.effect="default";this.iconOnly=false;this.linkAccesskey=undefined;this.a11yLabel=undefined;this.a11yDescribedby="";this.a11yExpanded=undefined;this.a11yControls=undefined}t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.button.focus();return[2]}))}))};t.prototype.renderIcon=function(t){return h("div",{class:"stzh-button__icon-wrapper"},this.icon?h("stzh-icon",{class:"stzh-button__icon",name:this.icon}):h("slot",{name:"icon"}),(this.badge||this.badgeEmpty)&&this.badgePosition==="icon"&&t&&h("stzh-badge",{class:"stzh-button__badge",label:this.badge,type:this.badgeType}))};t.prototype.renderContent=function(){return h("div",{class:"stzh-button__text"},this.label?this.label:h("slot",null))};t.prototype.renderInner=function(t){return h(Fragment,null,h("div",{class:"stzh-button__inner",onClick:this.onClick},this.type==="radio"&&h("div",{class:"stzh-button__mark"},h("div",{class:"stzh-button__check"})),this.iconPosition==="left"&&this.renderIcon(t),this.renderContent(),this.iconPosition==="right"&&this.renderIcon(t)),(this.badge||this.badgeEmpty)&&(this.badgePosition==="button"||!t)&&h("stzh-badge",{class:"stzh-button__badge",label:this.badge,type:this.badgeType,onClick:this.onClick}))};t.prototype.render=function(){var t;var o=this;var e=hasSlot(this.element,"icon")||!!this.icon;var s=(t={"stzh-button":true,"stzh-button--has-icon":e,"stzh-button--has-icon-only":this.iconOnly,"stzh-button--has-badge":!!this.badge,"stzh-button--is-fullwidth":this.fullwidth,"stzh-button--is-disabled":this.disabled,"stzh-button--is-active":this.active},t["stzh-button--effect-".concat(this.effect)]=!!this.effect,t["stzh-button--badge-position-".concat(this.badgePosition)]=!!this.badgePosition,t["stzh-button--align-".concat(this.textAlign)]=!!this.textAlign,t["stzh-button--size-".concat(this.size)]=!!this.size,t["stzh-button--type-".concat(this.type)]=!!this.type,t["stzh-button--".concat(this.variant)]=!!this.variant,t);return h(Host,null,this.href?h("a",{ref:function(t){return o.button=t},href:this.disabled?null:this.href,rel:this.rel,download:this.download,target:this.target,class:s,"aria-label":this.a11yLabel,"aria-describedby":this.a11yDescribedby,"aria-expanded":typeof this.a11yExpanded!=="undefined"?this.a11yExpanded?"true":"false":null,"aria-controls":this.a11yControls,accessKey:this.linkAccesskey,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},this.renderInner(e)):this.type==="radio"?h("label",{ref:function(t){return o.button=t},class:s,onClick:this.onClick},h("input",{ref:function(t){return o.input=t},type:"radio",class:"stzh-button__input",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,"aria-label":this.a11yLabel,"aria-describedby":this.a11yDescribedby,"aria-expanded":typeof this.a11yExpanded!=="undefined"?this.a11yExpanded?"true":"false":null,"aria-controls":this.a11yControls,accessKey:this.linkAccesskey,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,onInput:this.onInput}),this.renderInner(e)):h("button",{ref:function(t){return o.button=t},class:s,type:this.type,disabled:this.disabled,"aria-label":this.a11yLabel,"aria-describedby":this.a11yDescribedby,"aria-expanded":typeof this.a11yExpanded!=="undefined"?this.a11yExpanded?"true":"false":null,"aria-controls":this.a11yControls,accessKey:this.linkAccesskey,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},this.renderInner(e)))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhButton.style=stzhButtonCss;var stzhIconCss=".sc-stzh-icon-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-icon-h{display:none}.sc-stzh-icon-h *.sc-stzh-icon,.sc-stzh-icon-h *.sc-stzh-icon::before,.sc-stzh-icon-h *.sc-stzh-icon::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-icon-h{--size:var(--stzh-icon-size-default);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:currentColor;vertical-align:text-top}.stzh-icon.sc-stzh-icon{width:var(--size);height:var(--size)}";var iconCounter=0;var StzhIcon=function(){function t(t){registerInstance(this,t);this.name="";this.a11yTitle=""}t.prototype.componentWillLoad=function(){this.iconId="stzh-icon-".concat(iconCounter++)};t.prototype.render=function(){return h(Host,null,this.name&&h("svg",{class:"stzh-icon",role:this.a11yTitle?"img":"presentation","aria-hidden":this.a11yTitle?null:"true",focusable:this.a11yTitle?"true":"false","aria-labelledby":this.a11yTitle?"".concat(this.iconId,"-title"):null},this.a11yTitle&&h("title",{id:"".concat(this.iconId,"-title")},this.a11yTitle),h("use",{href:"#stzh-icon-".concat(this.name)})))};return t}();StzhIcon.style=stzhIconCss;export{StzhBadge as stzh_badge,StzhButton as stzh_button,StzhIcon as stzh_icon};

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,a,t,s){function n(e){return e instanceof t?e:new t((function(a){a(e)}))}return new(t||(t=Promise))((function(t,r){function o(e){try{l(s.next(e))}catch(a){r(a)}}function i(e){try{l(s["throw"](e))}catch(a){r(a)}}function l(e){e.done?t(e.value):n(e.value).then(o,i)}l((s=s.apply(e,a||[])).next())}))};var __generator=this&&this.__generator||function(e,a){var t={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},s,n,r,o;return o={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function i(e){return function(a){return l([e,a])}}function l(o){if(s)throw new TypeError("Generator is already executing.");while(t)try{if(s=1,n&&(r=o[0]&2?n["return"]:o[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,o[1])).done)return r;if(n=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;n=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(r=t.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){t.label=o[1];break}if(o[0]===6&&t.label<r[1]){t.label=r[1];r=o;break}if(r&&t.label<r[2]){t.label=r[2];t.ops.push(o);break}if(r[2])t.ops.pop();t.trys.pop();continue}o=a.call(e,t)}catch(i){o=[6,i];n=0}finally{s=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{h,r as registerInstance,c as createEvent,a as Host,g as getElement}from"./index-011c84fe.js";import{i as isEqual,b as isEqualMonth,g as getViewOfMonth,c as inRange,p as parseISODate,D as DaysOfWeek,d as clamp,a as printISODate,e as addDays,s as startOfWeek,f as endOfWeek,h as setMonth,j as startOfMonth,k as endOfMonth,l as setYear}from"./date-utils-be83fff1.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";var StzhCalendarDay=function(e){var a=e.focusedDay,t=e.today,s=e.day,n=e.onDaySelect,r=e.onKeyboardNavigation,o=e.focusedDayRef,i=e.disabled,l=e.inRange,c=e.isSelected,d=e.dateFormatter;var u=isEqual(s,t);var f=isEqualMonth(s,a);var z=isEqual(s,a);var p=!l;function y(e){n(e,s)}return h("button",{class:{"stzh-calendar__day":true,"is-outside":p,"is-today":u,"is-month":f,"is-disabled":i},tabIndex:z?0:-1,onClick:y,onKeyDown:r,"aria-disabled":i?"true":undefined,disabled:p,type:"button","aria-pressed":c?"true":"false","aria-current":u?"date":undefined,ref:function(e){if(z&&e&&o){o(e)}}},h("span",{"aria-hidden":"true"},s.getDate()),h("span",{class:"stzh-calendar__vhidden"},d.format(s)))};function chunk(e,a){var t=[];for(var s=0;s<e.length;s+=a){t.push(e.slice(s,s+a))}return t}function mapWithOffset(e,a,t){return e.map((function(s,n){var r=(n+a)%e.length;return t(e[r])}))}var StzhCalendarMonth=function(e){var a=e.selectedDate,t=e.focusedDate,s=e.labelledById,n=e.localization,r=e.firstDayOfWeek,o=e.min,i=e.max,l=e.dateFormatter,c=e.isDateDisabled,d=e.onDateSelect,u=e.onKeyboardNavigation,f=e.focusedDayRef;var z=new Date;var p=getViewOfMonth(t,r);return h("table",{class:"stzh-calendar__table","aria-labelledby":s},h("thead",null,h("tr",null,mapWithOffset(n.$globals.dayNames,r,(function(e){return h("th",{class:"stzh-calendar__table-header",scope:"col"},h("span",{"aria-hidden":"true"},e.substring(0,2)),h("span",{class:"stzh-calendar__vhidden"},e))})))),h("tbody",null,chunk(p,7).map((function(e){return h("tr",{class:"stzh-calendar__row"},e.map((function(e){return h("td",{class:"stzh-calendar__cell"},h(StzhCalendarDay,{day:e,today:z,focusedDay:t,isSelected:isEqual(e,a),disabled:c(e),inRange:inRange(e,o,i),onDaySelect:d,dateFormatter:l,onKeyboardNavigation:u,focusedDayRef:f}))})))}))))};var stzhCalendarCss='.sc-stzh-calendar-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-calendar-h{display:none}.sc-stzh-calendar-h *.sc-stzh-calendar,.sc-stzh-calendar-h *.sc-stzh-calendar::before,.sc-stzh-calendar-h *.sc-stzh-calendar::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-calendar-h{display:block}.stzh-calendar.sc-stzh-calendar{display:-ms-flexbox;display:flex;position:relative;text-align:left;color:var(--stzh-base-color);-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.stzh-calendar__wrapper.sc-stzh-calendar{width:100%}@media screen and (min-width: 600px){.stzh-calendar__wrapper.sc-stzh-calendar{min-width:18.125rem}}.stzh-calendar__table.sc-stzh-calendar{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;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);border-collapse:collapse;border-spacing:0;color:var(--stzh-base-color);text-align:center;width:100%}.stzh-calendar__table-header.sc-stzh-calendar,.stzh-calendar__cell.sc-stzh-calendar{padding:var(--stzh-space-xxxsmall)}.stzh-calendar__table-header.sc-stzh-calendar:first-child,.stzh-calendar__cell.sc-stzh-calendar:first-child{padding-left:0}.stzh-calendar__table-header.sc-stzh-calendar:last-child,.stzh-calendar__cell.sc-stzh-calendar:last-child{padding-right:0}.stzh-calendar__row.sc-stzh-calendar:last-child .stzh-calendar__cell.sc-stzh-calendar{padding-bottom:0}.stzh-calendar__table-header.sc-stzh-calendar{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);text-decoration:none;padding-top:0}.stzh-calendar__cell.sc-stzh-calendar{text-align:center}.stzh-calendar__day.sc-stzh-calendar{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:50%;color:var(--stzh-base-color);cursor:pointer;display:inline-block;font-variant-numeric:tabular-nums;height:2.5rem;padding:0 0 0.0625rem;position:relative;text-align:center;vertical-align:middle;width:2.5rem;z-index:1}.stzh-calendar__day.sc-stzh-calendar::before{border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.stzh-calendar__day.is-today.sc-stzh-calendar{-webkit-box-shadow:0 0 0 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue));box-shadow:0 0 0 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue));position:relative;z-index:200}.stzh-calendar__day.sc-stzh-calendar:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-calendar__day.sc-stzh-calendar:hover::before{background:var(--stzh-color-primary, var(--stzh-color-zueriblue));opacity:0.08}.stzh-calendar__day[aria-pressed=true].sc-stzh-calendar,.stzh-calendar__day.sc-stzh-calendar:focus{background:var(--stzh-color-primary, var(--stzh-color-zueriblue));-webkit-box-shadow:none;box-shadow:none;color:var(--stzh-color-white)}.stzh-calendar__day.sc-stzh-calendar:active{background:var(--stzh-color-primary, var(--stzh-color-zueriblue));-webkit-box-shadow:0 0 0.3125rem var(--stzh-color-primary, var(--stzh-color-zueriblue));box-shadow:0 0 0.3125rem var(--stzh-color-primary, var(--stzh-color-zueriblue));color:var(--stzh-color-white);z-index:200}.stzh-calendar__day.sc-stzh-calendar:focus{z-index:200}.stzh-calendar__day.sc-stzh-calendar:not(.is-month){-webkit-box-shadow:none;box-shadow:none}.stzh-calendar__day.sc-stzh-calendar:not(.is-month),.stzh-calendar__day[aria-disabled=true].sc-stzh-calendar{background:transparent;color:var(--stzh-color-grey25);cursor:default}.stzh-calendar__day[aria-disabled=true].is-today.sc-stzh-calendar{-webkit-box-shadow:0 0 0 0.0625rem var(--stzh-color-grey13);box-shadow:0 0 0 0.0625rem var(--stzh-color-grey13)}.stzh-calendar__day[aria-disabled=true].is-today.sc-stzh-calendar:focus{-webkit-box-shadow:0 0 0.3125rem var(--stzh-color-primary, var(--stzh-color-zueriblue));box-shadow:0 0 0.3125rem var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-calendar__day[aria-disabled=true].sc-stzh-calendar::before{display:none}.stzh-calendar__day.is-disabled.sc-stzh-calendar{text-decoration:line-through}.stzh-calendar__day.is-outside.sc-stzh-calendar{background:var(--stzh-color-grey5);-webkit-box-shadow:none;box-shadow:none;color:var(--stzh-base-color);cursor:default;opacity:0.6;pointer-events:none;text-decoration:none}.stzh-calendar__day.is-outside.sc-stzh-calendar::before{display:none}.stzh-calendar__header.sc-stzh-calendar{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:var(--stzh-space-medium);width:100%}.stzh-calendar__nav.sc-stzh-calendar{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.stzh-calendar__prev.sc-stzh-calendar,.stzh-calendar__next.sc-stzh-calendar{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0.0625rem solid var(--stzh-color-grey13);border-radius:50%;color:var(--stzh-color-grey70);cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;margin-left:var(--stzh-space-xsmall);padding:0;-webkit-transition:background-color 300ms ease;transition:background-color 300ms ease;height:2rem;width:2rem}.stzh-calendar__prev.sc-stzh-calendar:disabled,.stzh-calendar__next.sc-stzh-calendar:disabled{cursor:default;opacity:0.5}.stzh-calendar__select-wrapper.sc-stzh-calendar{display:-ms-inline-flexbox;display:inline-flex;position:relative}.stzh-calendar__select-wrapper.sc-stzh-calendar span.sc-stzh-calendar{margin-right:0}.stzh-calendar__select.sc-stzh-calendar{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);cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:2;border-radius:var(--stzh-form-input-border-radius)}.stzh-calendar__select-label.sc-stzh-calendar{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-heading-line-height);letter-spacing:var(--stzh-font-curve---heading-letter-spacing);-ms-flex-align:center;align-items:center;border-radius:var(--stzh-form-input-border-radius);color:var(--stzh-color-grey70);display:-ms-flexbox;display:flex;padding:0 var(--stzh-space-xxsmall) 0 var(--stzh-space-xsmall);pointer-events:none;position:relative;width:100%;z-index:1}.stzh-calendar__icon.sc-stzh-calendar{--size:var(--stzh-icon-size-medium)}.stzh-calendar__vhidden.sc-stzh-calendar{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}';function range(e,a){var t=[];for(var s=e;s<=a;s++){t.push(s)}return t}var keyCode={TAB:9,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40};var calendarCounter=0;var StzhCalendar=function(){function e(e){var a=this;registerInstance(this,e);this.stzhChange=createEvent(this,"stzhChange",7);this.initialTouchX=null;this.initialTouchY=null;this.enableActiveFocus=function(){a.activeFocus=true};this.disableActiveFocus=function(){a.activeFocus=false};this.handleTouchStart=function(e){var t=e.changedTouches[0];a.initialTouchX=t.pageX;a.initialTouchY=t.pageY};this.handleTouchEnd=function(e){var t=e.changedTouches[0];var s=t.pageX-a.initialTouchX;var n=t.pageY-a.initialTouchY;var r=70;var o=Math.abs(s)>=r&&Math.abs(n)<=r;if(o){a.addMonths(s<0?1:-1)}a.initialTouchY=null;a.initialTouchX=null};this.handleNextMonthClick=function(e){e.preventDefault();a.addMonths(1)};this.handlePreviousMonthClick=function(e){e.preventDefault();a.addMonths(-1)};this.handleKeyboardNavigation=function(e){var t=true;switch(e.keyCode){case keyCode.RIGHT:a.addDays(1);break;case keyCode.LEFT:a.addDays(-1);break;case keyCode.DOWN:a.addDays(7);break;case keyCode.UP:a.addDays(-7);break;case keyCode.PAGE_UP:if(e.shiftKey){a.addYears(-1)}else{a.addMonths(-1)}break;case keyCode.PAGE_DOWN:if(e.shiftKey){a.addYears(1)}else{a.addMonths(1)}break;case keyCode.HOME:a.startOfWeek();break;case keyCode.END:a.endOfWeek();break;default:t=false}if(t){e.preventDefault();a.enableActiveFocus()}};this.handleDaySelect=function(e,t){var s=inRange(t,parseISODate(a.min),parseISODate(a.max));var n=!a.isDateDisabled(t);if(s&&n){a.setDate(t);a.stzhChange.emit({component:"stzh-calendar",value:a.value,valueAsDate:t})}else{a.setFocusedDay(t)}};this.handleMonthSelect=function(e){a.setMonth(parseInt(e.target.value,10))};this.handleYearSelect=function(e){a.setYear(parseInt(e.target.value,10))};this.processFocusedDayNode=function(e){if(a.activeFocus){setTimeout((function(){return e.focus()}),0)}};this.value="";this.min="";this.max="";this.firstDayOfWeek=DaysOfWeek.Monday;this.localization=undefined;this.isDateDisabled=function(){return false};this.activeFocus=false;this.focusedDay=new Date}e.prototype.createDateFormatters=function(){if(this.localization){this.dateFormatShort=new Intl.DateTimeFormat(this.localization.$locale,{day:"numeric",month:"long"})}};e.prototype.valueWatcher=function(e){if(e){this.setFocusedDay(parseISODate(this.value))}else{this.setFocusedDay(new Date)}};e.prototype.setFocusedDay=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.focusedDay=clamp(e,parseISODate(this.min),parseISODate(this.max));return[2]}))}))};e.prototype.setDate=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.value=printISODate(e);return[2]}))}))};e.prototype.addDays=function(e){this.setFocusedDay(addDays(this.focusedDay,e))};e.prototype.addMonths=function(e){this.setMonth(this.focusedDay.getMonth()+e)};e.prototype.addYears=function(e){this.setYear(this.focusedDay.getFullYear()+e)};e.prototype.startOfWeek=function(){this.setFocusedDay(startOfWeek(this.focusedDay,this.firstDayOfWeek))};e.prototype.endOfWeek=function(){this.setFocusedDay(endOfWeek(this.focusedDay,this.firstDayOfWeek))};e.prototype.setMonth=function(e){var a=setMonth(startOfMonth(this.focusedDay),e);var t=endOfMonth(a);var s=setMonth(this.focusedDay,e);this.setFocusedDay(clamp(s,a,t))};e.prototype.setYear=function(e){var a=setYear(startOfMonth(this.focusedDay),e);var t=endOfMonth(a);var s=setYear(this.focusedDay,e);this.setFocusedDay(clamp(s,a,t))};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(a){switch(a.label){case 0:this.monthSelectId="stzh-calendar-month-".concat(calendarCounter);this.yearSelectId="stzh-calendar-year-".concat(calendarCounter);this.dialogLabelId="stzh-calendar-dialog-".concat(calendarCounter);calendarCounter++;this.valueWatcher(this.value);if(!!this.localization)return[3,2];e=this;return[4,fetchTranslations(this.element,"calendar")];case 1:e.localization=a.sent();a.label=2;case 2:return[2]}}))}))};e.prototype.connectedCallback=function(){this.createDateFormatters()};e.prototype.render=function(){var e=parseISODate(this.value);var a=(e||this.focusedDay).getFullYear();var t=this.focusedDay.getMonth();var s=this.focusedDay.getFullYear();var n=parseISODate(this.min);var r=parseISODate(this.max);var o=n!=null&&n.getMonth()===t&&n.getFullYear()===s;var i=r!=null&&r.getMonth()===t&&r.getFullYear()===s;var l=n?n.getFullYear():a-10;var c=r?r.getFullYear():a+10;return h(Host,null,h("div",{class:{"stzh-calendar":true},onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd},h("div",{class:"stzh-calendar__wrapper"},h("div",{class:"stzh-calendar__header",onFocusin:this.disableActiveFocus},h("div",null,h("h2",{id:this.dialogLabelId,class:"stzh-calendar__vhidden","aria-live":"polite","aria-atomic":"true"},this.localization.$globals.monthNames[t],this.focusedDay.getFullYear()),h("label",{htmlFor:this.monthSelectId,class:"stzh-calendar__vhidden"},this.localization.monthSelectLabel),h("div",{class:"stzh-calendar__select-wrapper"},h("select",{id:this.monthSelectId,class:"stzh-calendar__select stzh-calendar__select--month",onChange:this.handleMonthSelect},this.localization.$globals.monthNames.map((function(e,a){return h("option",{key:e,value:a,selected:a===t,disabled:!inRange(new Date(s,a,1),n?startOfMonth(n):null,r?endOfMonth(r):null)},e)}))),h("div",{class:"stzh-calendar__select-label","aria-hidden":"true"},h("span",null,this.localization.$globals.monthNamesShort[t]),h("stzh-icon",{class:"stzh-calendar__icon",name:"angle-down"}))),h("label",{htmlFor:this.yearSelectId,class:"stzh-calendar__vhidden"},this.localization.yearSelectLabel),h("div",{class:"stzh-calendar__select-wrapper"},h("select",{id:this.yearSelectId,class:"stzh-calendar__select stzh-calendar__select--year",onChange:this.handleYearSelect},range(l,c).map((function(e){return h("option",{key:e,selected:e===s},e)}))),h("div",{class:"stzh-calendar__select-label","aria-hidden":"true"},h("span",null,this.focusedDay.getFullYear()),h("stzh-icon",{class:"stzh-calendar__icon",name:"angle-down"})))),h("div",{class:"stzh-calendar__nav"},h("button",{class:"stzh-calendar__prev",onClick:this.handlePreviousMonthClick,disabled:o,type:"button"},h("stzh-icon",{class:"stzh-calendar__icon",name:"angle-left"}),h("span",{class:"stzh-calendar__vhidden"},this.localization.prevMonthLabel)),h("button",{class:"stzh-calendar__next",onClick:this.handleNextMonthClick,disabled:i,type:"button"},h("stzh-icon",{class:"stzh-calendar__icon",name:"angle-right"}),h("span",{class:"stzh-calendar__vhidden"},this.localization.nextMonthLabel)))),h(StzhCalendarMonth,{dateFormatter:this.dateFormatShort,selectedDate:e,focusedDate:this.focusedDay,onDateSelect:this.handleDaySelect,onKeyboardNavigation:this.handleKeyboardNavigation,labelledById:this.dialogLabelId,localization:this.localization,firstDayOfWeek:this.firstDayOfWeek,focusedDayRef:this.processFocusedDayNode,min:n,max:r,isDateDisabled:this.isDateDisabled}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{localization:["createDateFormatters"],value:["valueWatcher"]}},enumerable:false,configurable:true});return e}();StzhCalendar.style=stzhCalendarCss;export{StzhCalendar as stzh_calendar};
+var __awaiter=this&&this.__awaiter||function(e,a,t,s){function n(e){return e instanceof t?e:new t((function(a){a(e)}))}return new(t||(t=Promise))((function(t,r){function o(e){try{l(s.next(e))}catch(a){r(a)}}function i(e){try{l(s["throw"](e))}catch(a){r(a)}}function l(e){e.done?t(e.value):n(e.value).then(o,i)}l((s=s.apply(e,a||[])).next())}))};var __generator=this&&this.__generator||function(e,a){var t={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},s,n,r,o;return o={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function i(e){return function(a){return l([e,a])}}function l(i){if(s)throw new TypeError("Generator is already executing.");while(o&&(o=0,i[0]&&(t=0)),t)try{if(s=1,n&&(r=i[0]&2?n["return"]:i[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,i[1])).done)return r;if(n=0,r)i=[i[0]&2,r.value];switch(i[0]){case 0:case 1:r=i;break;case 4:t.label++;return{value:i[1],done:false};case 5:t.label++;n=i[1];i=[0];continue;case 7:i=t.ops.pop();t.trys.pop();continue;default:if(!(r=t.trys,r=r.length>0&&r[r.length-1])&&(i[0]===6||i[0]===2)){t=0;continue}if(i[0]===3&&(!r||i[1]>r[0]&&i[1]<r[3])){t.label=i[1];break}if(i[0]===6&&t.label<r[1]){t.label=r[1];r=i;break}if(r&&t.label<r[2]){t.label=r[2];t.ops.push(i);break}if(r[2])t.ops.pop();t.trys.pop();continue}i=a.call(e,t)}catch(l){i=[6,l];n=0}finally{s=r=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{h,r as registerInstance,e as createEvent,c as Host,g as getElement}from"./index-319b7c49.js";import{i as isEqual,b as isEqualMonth,g as getViewOfMonth,c as inRange,p as parseISODate,D as DaysOfWeek,d as clamp,a as printISODate,e as addDays,s as startOfWeek,f as endOfWeek,h as setMonth,j as startOfMonth,k as endOfMonth,l as setYear}from"./date-utils-be83fff1.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";var StzhCalendarDay=function(e){var a=e.focusedDay,t=e.today,s=e.day,n=e.onDaySelect,r=e.onKeyboardNavigation,o=e.focusedDayRef,i=e.disabled,l=e.inRange,c=e.isSelected,d=e.dateFormatter;var u=isEqual(s,t);var f=isEqualMonth(s,a);var z=isEqual(s,a);var p=!l;function y(e){n(e,s)}return h("button",{class:{"stzh-calendar__day":true,"is-outside":p,"is-today":u,"is-month":f,"is-disabled":i},tabIndex:z?0:-1,onClick:y,onKeyDown:r,"aria-disabled":i?"true":undefined,disabled:p,type:"button","aria-pressed":c?"true":"false","aria-current":u?"date":undefined,ref:function(e){if(z&&e&&o){o(e)}}},h("span",{"aria-hidden":"true"},s.getDate()),h("span",{class:"stzh-calendar__vhidden"},d.format(s)))};function chunk(e,a){var t=[];for(var s=0;s<e.length;s+=a){t.push(e.slice(s,s+a))}return t}function mapWithOffset(e,a,t){return e.map((function(s,n){var r=(n+a)%e.length;return t(e[r])}))}var StzhCalendarMonth=function(e){var a=e.selectedDate,t=e.focusedDate,s=e.labelledById,n=e.localization,r=e.firstDayOfWeek,o=e.min,i=e.max,l=e.dateFormatter,c=e.isDateDisabled,d=e.onDateSelect,u=e.onKeyboardNavigation,f=e.focusedDayRef;var z=new Date;var p=getViewOfMonth(t,r);return h("table",{class:"stzh-calendar__table","aria-labelledby":s},h("thead",null,h("tr",null,mapWithOffset(n.$globals.dayNames,r,(function(e){return h("th",{class:"stzh-calendar__table-header",scope:"col"},h("span",{"aria-hidden":"true"},e.substring(0,2)),h("span",{class:"stzh-calendar__vhidden"},e))})))),h("tbody",null,chunk(p,7).map((function(e){return h("tr",{class:"stzh-calendar__row"},e.map((function(e){return h("td",{class:"stzh-calendar__cell"},h(StzhCalendarDay,{day:e,today:z,focusedDay:t,isSelected:isEqual(e,a),disabled:c(e),inRange:inRange(e,o,i),onDaySelect:d,dateFormatter:l,onKeyboardNavigation:u,focusedDayRef:f}))})))}))))};var stzhCalendarCss='.sc-stzh-calendar-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-calendar-h{display:none}.sc-stzh-calendar-h *.sc-stzh-calendar,.sc-stzh-calendar-h *.sc-stzh-calendar::before,.sc-stzh-calendar-h *.sc-stzh-calendar::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-calendar-h{display:block}.stzh-calendar.sc-stzh-calendar{display:-ms-flexbox;display:flex;position:relative;text-align:left;color:var(--stzh-base-color);-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.stzh-calendar__wrapper.sc-stzh-calendar{width:100%}@media screen and (min-width: 600px){.stzh-calendar__wrapper.sc-stzh-calendar{min-width:18.125rem}}.stzh-calendar__table.sc-stzh-calendar{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;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);border-collapse:collapse;border-spacing:0;color:var(--stzh-base-color);text-align:center;width:100%}.stzh-calendar__table-header.sc-stzh-calendar,.stzh-calendar__cell.sc-stzh-calendar{padding:var(--stzh-space-xxxsmall)}.stzh-calendar__table-header.sc-stzh-calendar:first-child,.stzh-calendar__cell.sc-stzh-calendar:first-child{padding-left:0}.stzh-calendar__table-header.sc-stzh-calendar:last-child,.stzh-calendar__cell.sc-stzh-calendar:last-child{padding-right:0}.stzh-calendar__row.sc-stzh-calendar:last-child .stzh-calendar__cell.sc-stzh-calendar{padding-bottom:0}.stzh-calendar__table-header.sc-stzh-calendar{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);text-decoration:none;padding-top:0}.stzh-calendar__cell.sc-stzh-calendar{text-align:center}.stzh-calendar__day.sc-stzh-calendar{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:50%;color:var(--stzh-base-color);cursor:pointer;display:inline-block;font-variant-numeric:tabular-nums;height:2.5rem;padding:0 0 0.0625rem;position:relative;text-align:center;vertical-align:middle;width:2.5rem;z-index:1}.stzh-calendar__day.sc-stzh-calendar::before{border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.stzh-calendar__day.is-today.sc-stzh-calendar{-webkit-box-shadow:0 0 0 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue));box-shadow:0 0 0 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue));position:relative;z-index:200}.stzh-calendar__day.sc-stzh-calendar:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-calendar__day.sc-stzh-calendar:hover::before{background:var(--stzh-color-primary, var(--stzh-color-zueriblue));opacity:0.08}.stzh-calendar__day[aria-pressed=true].sc-stzh-calendar,.stzh-calendar__day.sc-stzh-calendar:focus{background:var(--stzh-color-primary, var(--stzh-color-zueriblue));-webkit-box-shadow:none;box-shadow:none;color:var(--stzh-color-white)}.stzh-calendar__day.sc-stzh-calendar:active{background:var(--stzh-color-primary, var(--stzh-color-zueriblue));-webkit-box-shadow:0 0 0.3125rem var(--stzh-color-primary, var(--stzh-color-zueriblue));box-shadow:0 0 0.3125rem var(--stzh-color-primary, var(--stzh-color-zueriblue));color:var(--stzh-color-white);z-index:200}.stzh-calendar__day.sc-stzh-calendar:focus{z-index:200}.stzh-calendar__day.sc-stzh-calendar:not(.is-month){-webkit-box-shadow:none;box-shadow:none}.stzh-calendar__day.sc-stzh-calendar:not(.is-month),.stzh-calendar__day[aria-disabled=true].sc-stzh-calendar{background:transparent;color:var(--stzh-color-grey25);cursor:default}.stzh-calendar__day[aria-disabled=true].is-today.sc-stzh-calendar{-webkit-box-shadow:0 0 0 0.0625rem var(--stzh-color-grey13);box-shadow:0 0 0 0.0625rem var(--stzh-color-grey13)}.stzh-calendar__day[aria-disabled=true].is-today.sc-stzh-calendar:focus{-webkit-box-shadow:0 0 0.3125rem var(--stzh-color-primary, var(--stzh-color-zueriblue));box-shadow:0 0 0.3125rem var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-calendar__day[aria-disabled=true].sc-stzh-calendar::before{display:none}.stzh-calendar__day.is-disabled.sc-stzh-calendar{text-decoration:line-through}.stzh-calendar__day.is-outside.sc-stzh-calendar{background:var(--stzh-color-grey5);-webkit-box-shadow:none;box-shadow:none;color:var(--stzh-base-color);cursor:default;opacity:0.6;pointer-events:none;text-decoration:none}.stzh-calendar__day.is-outside.sc-stzh-calendar::before{display:none}.stzh-calendar__header.sc-stzh-calendar{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:var(--stzh-space-medium);width:100%}.stzh-calendar__nav.sc-stzh-calendar{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.stzh-calendar__prev.sc-stzh-calendar,.stzh-calendar__next.sc-stzh-calendar{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;background:transparent;border:0.0625rem solid var(--stzh-color-grey13);border-radius:50%;color:var(--stzh-color-grey70);cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;margin-left:var(--stzh-space-xsmall);padding:0;-webkit-transition:background-color 300ms ease;transition:background-color 300ms ease;height:2rem;width:2rem}.stzh-calendar__prev.sc-stzh-calendar:disabled,.stzh-calendar__next.sc-stzh-calendar:disabled{cursor:default;opacity:0.5}.stzh-calendar__select-wrapper.sc-stzh-calendar{display:-ms-inline-flexbox;display:inline-flex;position:relative}.stzh-calendar__select-wrapper.sc-stzh-calendar span.sc-stzh-calendar{margin-right:0}.stzh-calendar__select.sc-stzh-calendar{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);cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:2;border-radius:var(--stzh-form-input-border-radius)}.stzh-calendar__select-label.sc-stzh-calendar{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-heading-line-height);letter-spacing:var(--stzh-font-curve---heading-letter-spacing);-ms-flex-align:center;align-items:center;border-radius:var(--stzh-form-input-border-radius);color:var(--stzh-color-grey70);display:-ms-flexbox;display:flex;padding:0 var(--stzh-space-xxsmall) 0 var(--stzh-space-xsmall);pointer-events:none;position:relative;width:100%;z-index:1}.stzh-calendar__icon.sc-stzh-calendar{--size:var(--stzh-icon-size-medium)}.stzh-calendar__vhidden.sc-stzh-calendar{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}';function range(e,a){var t=[];for(var s=e;s<=a;s++){t.push(s)}return t}var keyCode={TAB:9,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40};var calendarCounter=0;var StzhCalendar=function(){function e(e){var a=this;registerInstance(this,e);this.stzhChange=createEvent(this,"stzhChange",7);this.initialTouchX=null;this.initialTouchY=null;this.enableActiveFocus=function(){a.activeFocus=true};this.disableActiveFocus=function(){a.activeFocus=false};this.handleTouchStart=function(e){var t=e.changedTouches[0];a.initialTouchX=t.pageX;a.initialTouchY=t.pageY};this.handleTouchEnd=function(e){var t=e.changedTouches[0];var s=t.pageX-a.initialTouchX;var n=t.pageY-a.initialTouchY;var r=70;var o=Math.abs(s)>=r&&Math.abs(n)<=r;if(o){a.addMonths(s<0?1:-1)}a.initialTouchY=null;a.initialTouchX=null};this.handleNextMonthClick=function(e){e.preventDefault();a.addMonths(1)};this.handlePreviousMonthClick=function(e){e.preventDefault();a.addMonths(-1)};this.handleKeyboardNavigation=function(e){var t=true;switch(e.keyCode){case keyCode.RIGHT:a.addDays(1);break;case keyCode.LEFT:a.addDays(-1);break;case keyCode.DOWN:a.addDays(7);break;case keyCode.UP:a.addDays(-7);break;case keyCode.PAGE_UP:if(e.shiftKey){a.addYears(-1)}else{a.addMonths(-1)}break;case keyCode.PAGE_DOWN:if(e.shiftKey){a.addYears(1)}else{a.addMonths(1)}break;case keyCode.HOME:a.startOfWeek();break;case keyCode.END:a.endOfWeek();break;default:t=false}if(t){e.preventDefault();a.enableActiveFocus()}};this.handleDaySelect=function(e,t){var s=inRange(t,parseISODate(a.min),parseISODate(a.max));var n=!a.isDateDisabled(t);if(s&&n){a.setDate(t);a.stzhChange.emit({component:"stzh-calendar",value:a.value,valueAsDate:t})}else{a.setFocusedDay(t)}};this.handleMonthSelect=function(e){a.setMonth(parseInt(e.target.value,10))};this.handleYearSelect=function(e){a.setYear(parseInt(e.target.value,10))};this.processFocusedDayNode=function(e){if(a.activeFocus){setTimeout((function(){return e.focus()}),0)}};this.value="";this.min="";this.max="";this.firstDayOfWeek=DaysOfWeek.Monday;this.localization=undefined;this.isDateDisabled=function(){return false};this.activeFocus=false;this.focusedDay=new Date}e.prototype.createDateFormatters=function(){if(this.localization){this.dateFormatShort=new Intl.DateTimeFormat(this.localization.$locale,{day:"numeric",month:"long"})}};e.prototype.valueWatcher=function(e){if(e){this.setFocusedDay(parseISODate(this.value))}else{this.setFocusedDay(new Date)}};e.prototype.setFocusedDay=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.focusedDay=clamp(e,parseISODate(this.min),parseISODate(this.max));return[2]}))}))};e.prototype.setDate=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.value=printISODate(e);return[2]}))}))};e.prototype.addDays=function(e){this.setFocusedDay(addDays(this.focusedDay,e))};e.prototype.addMonths=function(e){this.setMonth(this.focusedDay.getMonth()+e)};e.prototype.addYears=function(e){this.setYear(this.focusedDay.getFullYear()+e)};e.prototype.startOfWeek=function(){this.setFocusedDay(startOfWeek(this.focusedDay,this.firstDayOfWeek))};e.prototype.endOfWeek=function(){this.setFocusedDay(endOfWeek(this.focusedDay,this.firstDayOfWeek))};e.prototype.setMonth=function(e){var a=setMonth(startOfMonth(this.focusedDay),e);var t=endOfMonth(a);var s=setMonth(this.focusedDay,e);this.setFocusedDay(clamp(s,a,t))};e.prototype.setYear=function(e){var a=setYear(startOfMonth(this.focusedDay),e);var t=endOfMonth(a);var s=setYear(this.focusedDay,e);this.setFocusedDay(clamp(s,a,t))};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(a){switch(a.label){case 0:this.monthSelectId="stzh-calendar-month-".concat(calendarCounter);this.yearSelectId="stzh-calendar-year-".concat(calendarCounter);this.dialogLabelId="stzh-calendar-dialog-".concat(calendarCounter);calendarCounter++;this.valueWatcher(this.value);if(!!this.localization)return[3,2];e=this;return[4,fetchTranslations(this.element,"calendar")];case 1:e.localization=a.sent();a.label=2;case 2:return[2]}}))}))};e.prototype.connectedCallback=function(){this.createDateFormatters()};e.prototype.render=function(){var e=parseISODate(this.value);var a=(e||this.focusedDay).getFullYear();var t=this.focusedDay.getMonth();var s=this.focusedDay.getFullYear();var n=parseISODate(this.min);var r=parseISODate(this.max);var o=n!=null&&n.getMonth()===t&&n.getFullYear()===s;var i=r!=null&&r.getMonth()===t&&r.getFullYear()===s;var l=n?n.getFullYear():a-10;var c=r?r.getFullYear():a+10;return h(Host,null,h("div",{class:{"stzh-calendar":true},onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd},h("div",{class:"stzh-calendar__wrapper"},h("div",{class:"stzh-calendar__header",onFocusin:this.disableActiveFocus},h("div",null,h("h2",{id:this.dialogLabelId,class:"stzh-calendar__vhidden","aria-live":"polite","aria-atomic":"true"},this.localization.$globals.monthNames[t],this.focusedDay.getFullYear()),h("label",{htmlFor:this.monthSelectId,class:"stzh-calendar__vhidden"},this.localization.monthSelectLabel),h("div",{class:"stzh-calendar__select-wrapper"},h("select",{id:this.monthSelectId,class:"stzh-calendar__select stzh-calendar__select--month",onChange:this.handleMonthSelect},this.localization.$globals.monthNames.map((function(e,a){return h("option",{key:e,value:a,selected:a===t,disabled:!inRange(new Date(s,a,1),n?startOfMonth(n):null,r?endOfMonth(r):null)},e)}))),h("div",{class:"stzh-calendar__select-label","aria-hidden":"true"},h("span",null,this.localization.$globals.monthNamesShort[t]),h("stzh-icon",{class:"stzh-calendar__icon",name:"angle-down"}))),h("label",{htmlFor:this.yearSelectId,class:"stzh-calendar__vhidden"},this.localization.yearSelectLabel),h("div",{class:"stzh-calendar__select-wrapper"},h("select",{id:this.yearSelectId,class:"stzh-calendar__select stzh-calendar__select--year",onChange:this.handleYearSelect},range(l,c).map((function(e){return h("option",{key:e,selected:e===s},e)}))),h("div",{class:"stzh-calendar__select-label","aria-hidden":"true"},h("span",null,this.focusedDay.getFullYear()),h("stzh-icon",{class:"stzh-calendar__icon",name:"angle-down"})))),h("div",{class:"stzh-calendar__nav"},h("button",{class:"stzh-calendar__prev",onClick:this.handlePreviousMonthClick,disabled:o,type:"button"},h("stzh-icon",{class:"stzh-calendar__icon",name:"angle-left"}),h("span",{class:"stzh-calendar__vhidden"},this.localization.prevMonthLabel)),h("button",{class:"stzh-calendar__next",onClick:this.handleNextMonthClick,disabled:i,type:"button"},h("stzh-icon",{class:"stzh-calendar__icon",name:"angle-right"}),h("span",{class:"stzh-calendar__vhidden"},this.localization.nextMonthLabel)))),h(StzhCalendarMonth,{dateFormatter:this.dateFormatShort,selectedDate:e,focusedDate:this.focusedDay,onDateSelect:this.handleDaySelect,onKeyboardNavigation:this.handleKeyboardNavigation,labelledById:this.dialogLabelId,localization:this.localization,firstDayOfWeek:this.firstDayOfWeek,focusedDayRef:this.processFocusedDayNode,min:n,max:r,isDateDisabled:this.isDateDisabled}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{localization:["createDateFormatters"],value:["valueWatcher"]}},enumerable:false,configurable:true});return e}();StzhCalendar.style=stzhCalendarCss;export{StzhCalendar as stzh_calendar};