@oiz/stzh-components 2.4.0-beta → 2.5.0-alpha-carousel

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

@@ -1 +1 @@
-import{r as registerInstance,h,c as Host,g as getElement}from"./index-319b7c49.js";var stzhLoaderCss=".sc-stzh-loader-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-loader-h{display:none}.sc-stzh-loader-h *.sc-stzh-loader,.sc-stzh-loader-h *.sc-stzh-loader::before,.sc-stzh-loader-h *.sc-stzh-loader::after{-webkit-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes stzh-loader{0%{-webkit-transform:scale(0);transform:scale(0);left:0;opacity:1}12.5%{-webkit-transform:scale(1);transform:scale(1)}25%{left:0}37.5%{left:4.375rem}50%{left:4.375rem}62.5%{left:8.75rem}75%{left:8.75rem;-webkit-transform:scale(1);transform:scale(1)}87.5%{left:8.75rem;-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{left:8.75rem;opacity:0}}@keyframes stzh-loader{0%{-webkit-transform:scale(0);transform:scale(0);left:0;opacity:1}12.5%{-webkit-transform:scale(1);transform:scale(1)}25%{left:0}37.5%{left:4.375rem}50%{left:4.375rem}62.5%{left:8.75rem}75%{left:8.75rem;-webkit-transform:scale(1);transform:scale(1)}87.5%{left:8.75rem;-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{left:8.75rem;opacity:0}}.stzh-loader.sc-stzh-loader{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.stzh-loader__label.sc-stzh-loader{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);text-align:center}.stzh-loader__label.sc-stzh-loader:not(:empty){margin-top:var(--stzh-space-medium)}.stzh-loader__wrapper.sc-stzh-loader{width:2.5rem;height:0.5rem}.stzh-loader__uil.sc-stzh-loader{background:none;position:relative;width:12.5rem;height:2.5rem;-webkit-transform:scale(0.2);transform:scale(0.2);-webkit-transform-origin:top left;transform-origin:top left}.stzh-loader__ib.sc-stzh-loader{width:100%;height:100%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.stzh-loader__circle.sc-stzh-loader{width:3.75rem;height:2.5rem;position:absolute;opacity:0;text-align:center;-webkit-animation:stzh-loader 3s linear infinite;animation:stzh-loader 3s linear infinite}.stzh-loader__circle.sc-stzh-loader>div.sc-stzh-loader{width:2.5rem;height:2.5rem;border-radius:1.25rem;margin:0 0.625rem}.stzh-loader__circle.sc-stzh-loader:nth-of-type(2n+1)>div.sc-stzh-loader{background:#0F05A0}.stzh-loader__circle.sc-stzh-loader:nth-of-type(2n)>div.sc-stzh-loader{background:#0F05A0}.stzh-loader__circle.sc-stzh-loader:nth-of-type(1){-webkit-animation-delay:0s;animation-delay:0s}.stzh-loader__circle.sc-stzh-loader:nth-of-type(2){-webkit-animation-delay:0.75s;animation-delay:0.75s}.stzh-loader__circle.sc-stzh-loader:nth-of-type(3){-webkit-animation-delay:1.5s;animation-delay:1.5s}.stzh-loader__circle.sc-stzh-loader:nth-of-type(4){-webkit-animation-delay:2.25s;animation-delay:2.25s}.stzh-loader--size-small.sc-stzh-loader .stzh-loader__label.sc-stzh-loader{font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height)}.stzh-loader--size-small.sc-stzh-loader .stzh-loader__label.sc-stzh-loader:not(:empty){margin-top:var(--stzh-space-xsmall)}.stzh-loader--size-small.sc-stzh-loader .stzh-loader__wrapper.sc-stzh-loader{width:1.25rem;height:0.25rem}.stzh-loader--size-small.sc-stzh-loader .stzh-loader__uil.sc-stzh-loader{-webkit-transform:scale(0.1);transform:scale(0.1)}.stzh-loader--hide-label.sc-stzh-loader .stzh-loader__label.sc-stzh-loader{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}";var StzhLoader=function(){function e(e){registerInstance(this,e);this.size="default";this.label="";this.hideLabel=false}e.prototype.render=function(){var e;var t=(e={"stzh-loader":true,"stzh-loader--hide-label":this.hideLabel},e["stzh-loader--size-".concat(this.size)]=!!this.size,e);return h(Host,null,h("div",{class:t},h("div",{class:"stzh-loader__wrapper"},h("div",{class:"stzh-loader__uil"},h("div",{class:"stzh-loader__ib"},h("div",{class:"stzh-loader__circle"},h("div",null)),h("div",{class:"stzh-loader__circle"},h("div",null)),h("div",{class:"stzh-loader__circle"},h("div",null)),h("div",{class:"stzh-loader__circle"},h("div",null))))),h("div",{class:"stzh-loader__label","aria-live":"polite"},this.label?this.label:h("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();StzhLoader.style=stzhLoaderCss;export{StzhLoader as stzh_loader};
+import{r as registerInstance,h,c as Host,g as getElement}from"./index-319b7c49.js";var stzhLoaderCss=".sc-stzh-loader-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-loader-h{display:none}.sc-stzh-loader-h *.sc-stzh-loader,.sc-stzh-loader-h *.sc-stzh-loader::before,.sc-stzh-loader-h *.sc-stzh-loader::after{-webkit-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes stzh-loader{0%{-webkit-transform:scale(0);transform:scale(0);left:0px;opacity:1}12.5%{-webkit-transform:scale(1);transform:scale(1)}25%{left:0px}37.5%{left:4.375rem}50%{left:4.375rem}62.5%{left:8.75rem}75%{left:8.75rem;-webkit-transform:scale(1);transform:scale(1)}87.5%{left:8.75rem;-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{left:8.75rem;opacity:0}}@keyframes stzh-loader{0%{-webkit-transform:scale(0);transform:scale(0);left:0px;opacity:1}12.5%{-webkit-transform:scale(1);transform:scale(1)}25%{left:0px}37.5%{left:4.375rem}50%{left:4.375rem}62.5%{left:8.75rem}75%{left:8.75rem;-webkit-transform:scale(1);transform:scale(1)}87.5%{left:8.75rem;-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{left:8.75rem;opacity:0}}.stzh-loader.sc-stzh-loader{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.stzh-loader__label.sc-stzh-loader{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);text-align:center}.stzh-loader__label.sc-stzh-loader:not(:empty){margin-top:var(--stzh-space-medium)}.stzh-loader__wrapper.sc-stzh-loader{width:2.5rem;height:0.5rem}.stzh-loader__uil.sc-stzh-loader{background:none;position:relative;width:12.5rem;height:2.5rem;-webkit-transform:scale(0.2);transform:scale(0.2);-webkit-transform-origin:top left;transform-origin:top left}.stzh-loader__ib.sc-stzh-loader{width:100%;height:100%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.stzh-loader__circle.sc-stzh-loader{width:3.75rem;height:2.5rem;position:absolute;opacity:0;text-align:center;-webkit-animation:stzh-loader 3s linear infinite;animation:stzh-loader 3s linear infinite}.stzh-loader__circle.sc-stzh-loader>div.sc-stzh-loader{width:2.5rem;height:2.5rem;border-radius:1.25rem;margin:0 0.625rem}.stzh-loader__circle.sc-stzh-loader:nth-of-type(2n+1)>div.sc-stzh-loader{background:#0F05A0}.stzh-loader__circle.sc-stzh-loader:nth-of-type(2n)>div.sc-stzh-loader{background:#0F05A0}.stzh-loader__circle.sc-stzh-loader:nth-of-type(1){-webkit-animation-delay:0s;animation-delay:0s}.stzh-loader__circle.sc-stzh-loader:nth-of-type(2){-webkit-animation-delay:0.75s;animation-delay:0.75s}.stzh-loader__circle.sc-stzh-loader:nth-of-type(3){-webkit-animation-delay:1.5s;animation-delay:1.5s}.stzh-loader__circle.sc-stzh-loader:nth-of-type(4){-webkit-animation-delay:2.25s;animation-delay:2.25s}.stzh-loader--size-small.sc-stzh-loader .stzh-loader__label.sc-stzh-loader{font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height)}.stzh-loader--size-small.sc-stzh-loader .stzh-loader__label.sc-stzh-loader:not(:empty){margin-top:var(--stzh-space-xsmall)}.stzh-loader--size-small.sc-stzh-loader .stzh-loader__wrapper.sc-stzh-loader{width:1.25rem;height:0.25rem}.stzh-loader--size-small.sc-stzh-loader .stzh-loader__uil.sc-stzh-loader{-webkit-transform:scale(0.1);transform:scale(0.1)}.stzh-loader--hide-label.sc-stzh-loader .stzh-loader__label.sc-stzh-loader{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}";var StzhLoader=function(){function e(e){registerInstance(this,e);this.size="default";this.label="";this.hideLabel=false}e.prototype.render=function(){var e;var t=(e={"stzh-loader":true,"stzh-loader--hide-label":this.hideLabel},e["stzh-loader--size-".concat(this.size)]=!!this.size,e);return h(Host,null,h("div",{class:t},h("div",{class:"stzh-loader__wrapper"},h("div",{class:"stzh-loader__uil"},h("div",{class:"stzh-loader__ib"},h("div",{class:"stzh-loader__circle"},h("div",null)),h("div",{class:"stzh-loader__circle"},h("div",null)),h("div",{class:"stzh-loader__circle"},h("div",null)),h("div",{class:"stzh-loader__circle"},h("div",null))))),h("div",{class:"stzh-loader__label","aria-live":"polite"},this.label?this.label:h("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();StzhLoader.style=stzhLoaderCss;export{StzhLoader as stzh_loader};

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,s){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,i){function o(e){try{h(s.next(e))}catch(t){i(t)}}function a(e){try{h(s["throw"](e))}catch(t){i(t)}}function h(e){e.done?n(e.value):r(e.value).then(o,a)}h((s=s.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},s,r,i,o;return o={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function a(e){return function(t){return h([e,t])}}function h(a){if(s)throw new TypeError("Generator is already executing.");while(o&&(o=0,a[0]&&(n=0)),n)try{if(s=1,r&&(i=a[0]&2?r["return"]:a[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,a[1])).done)return i;if(r=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;r=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){n.label=a[1];break}if(a[0]===6&&n.label<i[1]){n.label=i[1];i=a;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(a);break}if(i[2])n.ops.pop();n.trys.pop();continue}a=t.call(e,n)}catch(h){a=[6,h];r=0}finally{s=i=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-51148d9a.js";var stzhMenuCss=".sc-stzh-menu-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-menu-h{display:none}.sc-stzh-menu-h *.sc-stzh-menu,.sc-stzh-menu-h *.sc-stzh-menu::before,.sc-stzh-menu-h *.sc-stzh-menu::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-menu-h .sc-stzh-menu-s>stzh-hr{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}.stzh-menu.sc-stzh-menu{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}";var StzhMenu=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h(Host,{role:"menu"},h("div",{class:"stzh-menu"},h("slot",null)))};return e}();StzhMenu.style=stzhMenuCss;var stzhMenuItemCss=".sc-stzh-menu-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-menu-item-h{display:none}.sc-stzh-menu-item-h *.sc-stzh-menu-item,.sc-stzh-menu-item-h *.sc-stzh-menu-item::before,.sc-stzh-menu-item-h *.sc-stzh-menu-item::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-menu-item-h{--height:var(--stzh-menu-item-height);--color:var(--stzh-color-grey70);--background-color:transparent;--icon-size:var(--stzh-icon-size-small);--hover-color:var(--stzh-color-grey70);--hover-background-color:var(--stzh-color-grey5)}[active].sc-stzh-menu-item-h:not([active=false]){--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:var(--stzh-color-primary8)}[disabled].sc-stzh-menu-item-h:not([disabled=false]){--color:var(--stzh-color-white);--background-color:var(--stzh-color-grey13);--hover-color:var(--stzh-color-white);--hover-background-color:var(--stzh-color-grey13)}.sc-stzh-menu-item-h .sc-stzh-menu-item-s>stzh-icon,.stzh-menu-item__icon.sc-stzh-menu-item{--size:var(--icon-size)}.stzh-menu-item.sc-stzh-menu-item{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);font-family:inherit;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;text-decoration:none;border:none;padding:var(--stzh-space-xsmall) var(--stzh-space-medium);padding-left:var(--stzh-space-large);color:var(--color);background-color:var(--background-color);width:100%;height:var(--height);line-height:var(--height);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);cursor:pointer}.stzh-menu-item.sc-stzh-menu-item:hover{color:var(--hover-color);background-color:var(--hover-background-color)}.stzh-menu-item__icon-wrapper.sc-stzh-menu-item{position:relative;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-menu-item__badge.sc-stzh-menu-item{position:absolute;z-index:1;top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-xsmall) * -1)}.stzh-menu-item__icon-wrapper.sc-stzh-menu-item+.stzh-menu-item__text.sc-stzh-menu-item:not(:empty){margin-left:var(--stzh-space-xsmall)}.stzh-menu-item__text.sc-stzh-menu-item{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stzh-menu-item--is-disabled.sc-stzh-menu-item{cursor:not-allowed}";var StzhMenuItem=function(){function e(e){var t=this;registerInstance(this,e);this.stzhFocus=createEvent(this,"stzhFocus",7);this.stzhBlur=createEvent(this,"stzhBlur",7);this.onFocus=function(e){var n=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});t.element.dispatchEvent(n);t.stzhFocus.emit({component:"stzh-menu-item",originalEvent:e})};this.onBlur=function(e){var n=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});t.element.dispatchEvent(n);t.stzhBlur.emit({component:"stzh-menu-item",originalEvent:e})};this.badge="";this.badgeType="default";this.badgeEmpty=false;this.icon="";this.active=false;this.label="";this.href="";this.target="";this.disabled=false;this.a11yLabel=undefined}e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.menuItem.focus();return[2]}))}))};e.prototype.renderInner=function(e){return h(Fragment,null,e&&h("div",{class:"stzh-menu-item__icon-wrapper"},this.icon?h("stzh-icon",{class:"stzh-menu-item__icon",name:this.icon}):h("slot",{name:"icon"}),(this.badge||this.badgeEmpty)&&h("stzh-badge",{class:"stzh-menu-item__badge",label:this.badge,type:this.badgeType})),h("div",{class:"stzh-menu-item__text"},this.label?this.label:h("slot",null)))};e.prototype.render=function(){var e=this;var t=hasSlot(this.element,"icon")||!!this.icon;var n={"stzh-menu-item":true,"stzh-menu-item--has-icon":t,"stzh-menu-item--has-badge":!!this.badge,"stzh-menu-item--is-disabled":this.disabled,"stzh-menu-item--is-active":this.active};return h(Host,{role:"menuitem"},this.href?h("a",{ref:function(t){return e.menuItem=t},href:this.disabled?null:this.href,target:this.target,class:n,"aria-label":this.a11yLabel,onFocus:this.onFocus,onBlur:this.onBlur},this.renderInner(t)):h("button",{ref:function(t){return e.menuItem=t},class:n,type:"button",disabled:this.disabled,"aria-label":this.a11yLabel,onFocus:this.onFocus,onBlur:this.onBlur},this.renderInner(t)))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();StzhMenuItem.style=stzhMenuItemCss;export{StzhMenu as stzh_menu,StzhMenuItem as stzh_menu_item};
+var __awaiter=this&&this.__awaiter||function(e,t,n,s){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,i){function o(e){try{h(s.next(e))}catch(t){i(t)}}function a(e){try{h(s["throw"](e))}catch(t){i(t)}}function h(e){e.done?n(e.value):r(e.value).then(o,a)}h((s=s.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},s,r,i,o;return o={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function a(e){return function(t){return h([e,t])}}function h(a){if(s)throw new TypeError("Generator is already executing.");while(o&&(o=0,a[0]&&(n=0)),n)try{if(s=1,r&&(i=a[0]&2?r["return"]:a[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,a[1])).done)return i;if(r=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;r=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){n.label=a[1];break}if(a[0]===6&&n.label<i[1]){n.label=i[1];i=a;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(a);break}if(i[2])n.ops.pop();n.trys.pop();continue}a=t.call(e,n)}catch(h){a=[6,h];r=0}finally{s=i=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-51148d9a.js";var stzhMenuCss=".sc-stzh-menu-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-menu-h{display:none}.sc-stzh-menu-h *.sc-stzh-menu,.sc-stzh-menu-h *.sc-stzh-menu::before,.sc-stzh-menu-h *.sc-stzh-menu::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-menu-h .sc-stzh-menu-s>stzh-hr{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}.stzh-menu.sc-stzh-menu{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}";var StzhMenu=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h(Host,{role:"menu"},h("div",{class:"stzh-menu"},h("slot",null)))};return e}();StzhMenu.style=stzhMenuCss;var stzhMenuItemCss=".sc-stzh-menu-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-menu-item-h{display:none}.sc-stzh-menu-item-h *.sc-stzh-menu-item,.sc-stzh-menu-item-h *.sc-stzh-menu-item::before,.sc-stzh-menu-item-h *.sc-stzh-menu-item::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-menu-item-h{--height:var(--stzh-menu-item-height);--color:var(--stzh-color-grey70);--background-color:transparent;--icon-size:var(--stzh-icon-size-small);--hover-color:var(--stzh-color-grey70);--hover-background-color:var(--stzh-color-grey5)}[active].sc-stzh-menu-item-h:not([active=false]){--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:var(--stzh-color-primary8)}[disabled].sc-stzh-menu-item-h:not([disabled=false]){--color:var(--stzh-color-white);--background-color:var(--stzh-color-grey13);--hover-color:var(--stzh-color-white);--hover-background-color:var(--stzh-color-grey13)}.sc-stzh-menu-item-h .sc-stzh-menu-item-s>stzh-icon,.stzh-menu-item__icon.sc-stzh-menu-item{--size:var(--icon-size)}.stzh-menu-item.sc-stzh-menu-item{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);font-family:inherit;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;text-decoration:none;border:none;padding:var(--stzh-space-xsmall) var(--stzh-space-medium);padding-left:var(--stzh-space-large);color:var(--color);background-color:var(--background-color);width:100%;height:var(--height);line-height:var(--height);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);cursor:pointer}.stzh-menu-item.sc-stzh-menu-item:hover{color:var(--hover-color);background-color:var(--hover-background-color)}.stzh-menu-item__icon-wrapper.sc-stzh-menu-item{position:relative;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-menu-item__badge.sc-stzh-menu-item{position:absolute;z-index:1;top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-xsmall) * -1)}.stzh-menu-item__icon-wrapper.sc-stzh-menu-item+.stzh-menu-item__text.sc-stzh-menu-item:not(:empty){margin-left:var(--stzh-space-xsmall)}.stzh-menu-item__text.sc-stzh-menu-item{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stzh-menu-item--is-disabled.sc-stzh-menu-item{cursor:not-allowed}";var StzhMenuItem=function(){function e(e){var t=this;registerInstance(this,e);this.stzhFocus=createEvent(this,"stzhFocus",7);this.stzhBlur=createEvent(this,"stzhBlur",7);this.onFocus=function(e){var n=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});t.element.dispatchEvent(n);t.stzhFocus.emit({component:"stzh-menu-item",originalEvent:e})};this.onBlur=function(e){var n=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});t.element.dispatchEvent(n);t.stzhBlur.emit({component:"stzh-menu-item",originalEvent:e})};this.badge="";this.badgeType="default";this.badgeEmpty=false;this.disabled=false;this.active=false;this.icon="";this.label="";this.href="";this.target="";this.a11yLabel=undefined}e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.menuItem.focus();return[2]}))}))};e.prototype.renderInner=function(e){return h(Fragment,null,e&&h("div",{class:"stzh-menu-item__icon-wrapper"},this.icon?h("stzh-icon",{class:"stzh-menu-item__icon",name:this.icon}):h("slot",{name:"icon"}),(this.badge||this.badgeEmpty)&&h("stzh-badge",{class:"stzh-menu-item__badge",label:this.badge,type:this.badgeType})),h("div",{class:"stzh-menu-item__text"},this.label?this.label:h("slot",null)))};e.prototype.render=function(){var e=this;var t=hasSlot(this.element,"icon")||!!this.icon;var n={"stzh-menu-item":true,"stzh-menu-item--has-icon":t,"stzh-menu-item--has-badge":!!this.badge,"stzh-menu-item--is-disabled":this.disabled,"stzh-menu-item--is-active":this.active};return h(Host,{role:"menuitem"},this.href?h("a",{ref:function(t){return e.menuItem=t},href:this.disabled?null:this.href,target:this.target,class:n,"aria-label":this.a11yLabel,onFocus:this.onFocus,onBlur:this.onBlur},this.renderInner(t)):h("button",{ref:function(t){return e.menuItem=t},class:n,type:"button",disabled:this.disabled,"aria-label":this.a11yLabel,onFocus:this.onFocus,onBlur:this.onBlur},this.renderInner(t)))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();StzhMenuItem.style=stzhMenuItemCss;export{StzhMenu as stzh_menu,StzhMenuItem as stzh_menu_item};

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,s,t,a){function i(e){return e instanceof t?e:new t((function(s){s(e)}))}return new(t||(t=Promise))((function(t,n){function o(e){try{h(a.next(e))}catch(s){n(s)}}function r(e){try{h(a["throw"](e))}catch(s){n(s)}}function h(e){e.done?t(e.value):i(e.value).then(o,r)}h((a=a.apply(e,s||[])).next())}))};var __generator=this&&this.__generator||function(e,s){var t={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},a,i,n,o;return o={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function r(e){return function(s){return h([e,s])}}function h(r){if(a)throw new TypeError("Generator is already executing.");while(o&&(o=0,r[0]&&(t=0)),t)try{if(a=1,i&&(n=r[0]&2?i["return"]:r[0]?i["throw"]||((n=i["return"])&&n.call(i),0):i.next)&&!(n=n.call(i,r[1])).done)return n;if(i=0,n)r=[r[0]&2,n.value];switch(r[0]){case 0:case 1:n=r;break;case 4:t.label++;return{value:r[1],done:false};case 5:t.label++;i=r[1];r=[0];continue;case 7:r=t.ops.pop();t.trys.pop();continue;default:if(!(n=t.trys,n=n.length>0&&n[n.length-1])&&(r[0]===6||r[0]===2)){t=0;continue}if(r[0]===3&&(!n||r[1]>n[0]&&r[1]<n[3])){t.label=r[1];break}if(r[0]===6&&t.label<n[1]){t.label=n[1];n=r;break}if(n&&t.label<n[2]){t.label=n[2];t.ops.push(r);break}if(n[2])t.ops.pop();t.trys.pop();continue}r=s.call(e,t)}catch(h){r=[6,h];i=0}finally{a=n=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{j as js_cookie}from"./js.cookie-53735b72.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";import"./_commonjsHelpers-f9dc4873.js";var stzhMessageCss=".sc-stzh-message-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-message-h{display:none}.sc-stzh-message-h *.sc-stzh-message,.sc-stzh-message-h *.sc-stzh-message::before,.sc-stzh-message-h *.sc-stzh-message::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-message-h{--background-color:var(--stzh-color-white);--icon-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--close-color:var(--stzh-base-lead-color);--label-color:var(--stzh-base-color);--description-color:var(--stzh-base-color);--priority-high-link-color:var(--stzh-base-invert-color);--priority-high-link-hover-color:var(--stzh-base-invert-color)}[type=success].sc-stzh-message-h{--label-color:var(--stzh-color-truegreen);--icon-color:var(--stzh-color-truegreen)}[type=warning].sc-stzh-message-h{--label-color:var(--stzh-color-warning);--icon-color:var(--stzh-color-warning)}[type=error].sc-stzh-message-h{--label-color:var(--stzh-color-error);--icon-color:var(--stzh-color-error)}.stzh-message.sc-stzh-message{padding:var(--stzh-space-medium);position:relative;display:-ms-flexbox;display:flex;-webkit-box-shadow:var(--stzh-box-shadow-message);box-shadow:var(--stzh-box-shadow-message);background-color:var(--background-color)}@media screen and (min-width: 1024px){.stzh-message.sc-stzh-message{padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-message.sc-stzh-message{padding:var(--stzh-space-xlarge)}}.stzh-message__content.sc-stzh-message{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 600px){.stzh-message__content.sc-stzh-message{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start}}.stzh-message__icon-wrapper.sc-stzh-message{display:-ms-flexbox;display:flex}.stzh-message__icon.sc-stzh-message{--size:var(--stzh-icon-size-large);color:var(--icon-color)}@media screen and (min-width: 600px){.stzh-message__text-wrapper.sc-stzh-message{-ms-flex-positive:1;flex-grow:1;margin-left:var(--stzh-space-small)}}.stzh-message__label.sc-stzh-message{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-h4-default-text-letter-spacing);margin-top:var(--stzh-space-small);color:var(--label-color)}@media screen and (min-width: 1024px){.stzh-message__label.sc-stzh-message{font-size:var(--stzh-font-curve-h4-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h4-medium-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-message__label.sc-stzh-message{margin-top:0}}.stzh-message__description.sc-stzh-message{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);color:var(--description-color)}@media screen and (min-width: 1024px){.stzh-message__description.sc-stzh-message{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-message__link.sc-stzh-message:not(:empty){margin-top:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-message__link.sc-stzh-message:not(:empty){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-message__link.sc-stzh-message:not(:empty){margin-top:var(--stzh-space-large)}}.stzh-message__description.sc-stzh-message:empty+.stzh-message__link.sc-stzh-message{margin-top:0}.stzh-message__close.sc-stzh-message{-ms-flex-negative:0;flex-shrink:0}@media screen and (min-width: 600px){.stzh-message__close.sc-stzh-message{margin-left:var(--stzh-space-small)}}.stzh-message__close-button.sc-stzh-message{top:var(--stzh-space-medium);right:var(--stzh-space-medium);position:absolute;display:-ms-flexbox;display:flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;border:none;background:none;padding:var(--stzh-space-xsmall);margin:calc(var(--stzh-space-xsmall) * -1);border-radius:var(--stzh-button-border-radius);cursor:pointer}@media screen and (min-width: 1024px){.stzh-message__close-button.sc-stzh-message{top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-message__close-button.sc-stzh-message{top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-message__close-button.sc-stzh-message{right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-message__close-button.sc-stzh-message{right:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.stzh-message__close-button.sc-stzh-message{position:initial;top:initial;right:initial}}.stzh-message__close-icon.sc-stzh-message{--size:var(--stzh-icon-size-medium);color:var(--close-color)}";var KEY_PREFIX_CLOSE="stzh-components-message-close";var StzhMessage=function(){function e(e){var s=this;registerInstance(this,e);this.stzhOpen=createEvent(this,"stzhOpen",7);this.stzhClose=createEvent(this,"stzhClose",7);this.onCloseButtonClick=function(){s.hide()};this.label="";this.description="";this.closeKey="";this.type="info";this.hideClose=false;this.localization=undefined;this.open=true}e.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=true;this.stzhOpen.emit({component:"stzh-message"});return[2]}))}))};e.prototype.hide=function(e){if(e===void 0){e=true}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(s){this.open=false;this.stzhClose.emit({component:"stzh-message"});if(this.closeKey&&e){js_cookie.set("".concat(KEY_PREFIX_CLOSE,"-").concat(this.closeKey),Date.now().toString())}return[2]}))}))};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,s;return __generator(this,(function(t){switch(t.label){case 0:if(this.closeKey){e=js_cookie.get("".concat(KEY_PREFIX_CLOSE,"-").concat(this.closeKey));if(e){this.hide(false)}}if(!!this.localization)return[3,2];s=this;return[4,fetchTranslations(this.element,"message")];case 1:s.localization=t.sent();t.label=2;case 2:return[2]}}))}))};e.prototype.render=function(){var e;var s=(e={"stzh-message":true,"stzh-message--has-close-hidden":this.hideClose},e["stzh-message--type-".concat(this.type)]=!!this.type,e);return h(Host,{hidden:!this.open},h("div",{class:s},h("div",{class:"stzh-message__content"},h("div",{class:"stzh-message__icon-wrapper"},h("stzh-icon",{class:"stzh-message__icon",name:this.type==="info"&&"info-help"||this.type==="success"&&"checkmark-circle"||this.type==="warning"&&"warning"||this.type==="error"&&"important-warning"})),h("div",{class:"stzh-message__text-wrapper"},h("div",{class:"stzh-message__label"},this.label),h("div",{class:"stzh-message__description"},this.description?this.description:h("slot",null)),h("div",{class:"stzh-message__link"},h("slot",{name:"link"})))),!this.hideClose&&h("div",{class:"stzh-message__close"},h("button",{class:"stzh-message__close-button",onClick:this.onCloseButtonClick,"aria-label":this.localization.close,type:"button"},h("stzh-icon",{class:"stzh-message__close-icon",name:"close"})))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();StzhMessage.style=stzhMessageCss;export{StzhMessage as stzh_message};
+var __awaiter=this&&this.__awaiter||function(e,s,t,a){function i(e){return e instanceof t?e:new t((function(s){s(e)}))}return new(t||(t=Promise))((function(t,n){function o(e){try{h(a.next(e))}catch(s){n(s)}}function r(e){try{h(a["throw"](e))}catch(s){n(s)}}function h(e){e.done?t(e.value):i(e.value).then(o,r)}h((a=a.apply(e,s||[])).next())}))};var __generator=this&&this.__generator||function(e,s){var t={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},a,i,n,o;return o={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function r(e){return function(s){return h([e,s])}}function h(r){if(a)throw new TypeError("Generator is already executing.");while(o&&(o=0,r[0]&&(t=0)),t)try{if(a=1,i&&(n=r[0]&2?i["return"]:r[0]?i["throw"]||((n=i["return"])&&n.call(i),0):i.next)&&!(n=n.call(i,r[1])).done)return n;if(i=0,n)r=[r[0]&2,n.value];switch(r[0]){case 0:case 1:n=r;break;case 4:t.label++;return{value:r[1],done:false};case 5:t.label++;i=r[1];r=[0];continue;case 7:r=t.ops.pop();t.trys.pop();continue;default:if(!(n=t.trys,n=n.length>0&&n[n.length-1])&&(r[0]===6||r[0]===2)){t=0;continue}if(r[0]===3&&(!n||r[1]>n[0]&&r[1]<n[3])){t.label=r[1];break}if(r[0]===6&&t.label<n[1]){t.label=n[1];n=r;break}if(n&&t.label<n[2]){t.label=n[2];t.ops.push(r);break}if(n[2])t.ops.pop();t.trys.pop();continue}r=s.call(e,t)}catch(h){r=[6,h];i=0}finally{a=n=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{j as js_cookie}from"./js.cookie-28a40640.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";import"./_commonjsHelpers-ba3f0406.js";var stzhMessageCss=".sc-stzh-message-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-message-h{display:none}.sc-stzh-message-h *.sc-stzh-message,.sc-stzh-message-h *.sc-stzh-message::before,.sc-stzh-message-h *.sc-stzh-message::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-message-h{--background-color:var(--stzh-color-white);--icon-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--close-color:var(--stzh-base-lead-color);--label-color:var(--stzh-base-color);--description-color:var(--stzh-base-color);--priority-high-link-color:var(--stzh-base-invert-color);--priority-high-link-hover-color:var(--stzh-base-invert-color)}[type=success].sc-stzh-message-h{--label-color:var(--stzh-color-truegreen);--icon-color:var(--stzh-color-truegreen)}[type=warning].sc-stzh-message-h{--label-color:var(--stzh-color-warning);--icon-color:var(--stzh-color-warning)}[type=error].sc-stzh-message-h{--label-color:var(--stzh-color-error);--icon-color:var(--stzh-color-error)}.stzh-message.sc-stzh-message{padding:var(--stzh-space-medium);position:relative;display:-ms-flexbox;display:flex;-webkit-box-shadow:var(--stzh-box-shadow-message);box-shadow:var(--stzh-box-shadow-message);background-color:var(--background-color)}@media screen and (min-width: 1024px){.stzh-message.sc-stzh-message{padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-message.sc-stzh-message{padding:var(--stzh-space-xlarge)}}.stzh-message__content.sc-stzh-message{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 600px){.stzh-message__content.sc-stzh-message{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start}}.stzh-message__icon-wrapper.sc-stzh-message{display:-ms-flexbox;display:flex}.stzh-message__icon.sc-stzh-message{--size:var(--stzh-icon-size-large);color:var(--icon-color)}@media screen and (min-width: 600px){.stzh-message__text-wrapper.sc-stzh-message{-ms-flex-positive:1;flex-grow:1;margin-left:var(--stzh-space-small)}}.stzh-message__label.sc-stzh-message{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-h4-default-text-letter-spacing);margin-top:var(--stzh-space-small);color:var(--label-color)}@media screen and (min-width: 1024px){.stzh-message__label.sc-stzh-message{font-size:var(--stzh-font-curve-h4-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h4-medium-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-message__label.sc-stzh-message{margin-top:0}}.stzh-message__description.sc-stzh-message{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);color:var(--description-color)}@media screen and (min-width: 1024px){.stzh-message__description.sc-stzh-message{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-message__link.sc-stzh-message:not(:empty){margin-top:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-message__link.sc-stzh-message:not(:empty){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-message__link.sc-stzh-message:not(:empty){margin-top:var(--stzh-space-large)}}.stzh-message__description.sc-stzh-message:empty+.stzh-message__link.sc-stzh-message{margin-top:0}.stzh-message__close.sc-stzh-message{-ms-flex-negative:0;flex-shrink:0}@media screen and (min-width: 600px){.stzh-message__close.sc-stzh-message{margin-left:var(--stzh-space-small)}}.stzh-message__close-button.sc-stzh-message{top:var(--stzh-space-medium);right:var(--stzh-space-medium);position:absolute;display:-ms-flexbox;display:flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;border:none;background:none;padding:var(--stzh-space-xsmall);margin:calc(var(--stzh-space-xsmall) * -1);border-radius:var(--stzh-button-border-radius);cursor:pointer}@media screen and (min-width: 1024px){.stzh-message__close-button.sc-stzh-message{top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-message__close-button.sc-stzh-message{top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-message__close-button.sc-stzh-message{right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-message__close-button.sc-stzh-message{right:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.stzh-message__close-button.sc-stzh-message{position:initial;top:initial;right:initial}}.stzh-message__close-icon.sc-stzh-message{--size:var(--stzh-icon-size-medium);color:var(--close-color)}";var KEY_PREFIX_CLOSE="stzh-components-message-close";var StzhMessage=function(){function e(e){var s=this;registerInstance(this,e);this.stzhOpen=createEvent(this,"stzhOpen",7);this.stzhClose=createEvent(this,"stzhClose",7);this.onCloseButtonClick=function(){s.hide()};this.label="";this.description="";this.closeKey="";this.type="info";this.hideClose=false;this.localization=undefined;this.open=true}e.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=true;this.stzhOpen.emit({component:"stzh-message"});return[2]}))}))};e.prototype.hide=function(e){if(e===void 0){e=true}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(s){this.open=false;this.stzhClose.emit({component:"stzh-message"});if(this.closeKey&&e){js_cookie.set("".concat(KEY_PREFIX_CLOSE,"-").concat(this.closeKey),Date.now().toString())}return[2]}))}))};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,s;return __generator(this,(function(t){switch(t.label){case 0:if(this.closeKey){e=js_cookie.get("".concat(KEY_PREFIX_CLOSE,"-").concat(this.closeKey));if(e){this.hide(false)}}if(!!this.localization)return[3,2];s=this;return[4,fetchTranslations(this.element,"message")];case 1:s.localization=t.sent();t.label=2;case 2:return[2]}}))}))};e.prototype.render=function(){var e;var s=(e={"stzh-message":true,"stzh-message--has-close-hidden":this.hideClose},e["stzh-message--type-".concat(this.type)]=!!this.type,e);return h(Host,{hidden:!this.open},h("div",{class:s},h("div",{class:"stzh-message__content"},h("div",{class:"stzh-message__icon-wrapper"},h("stzh-icon",{class:"stzh-message__icon",name:this.type==="info"&&"info-help"||this.type==="success"&&"checkmark-circle"||this.type==="warning"&&"warning"||this.type==="error"&&"important-warning"})),h("div",{class:"stzh-message__text-wrapper"},h("div",{class:"stzh-message__label"},this.label),h("div",{class:"stzh-message__description"},this.description?this.description:h("slot",null)),h("div",{class:"stzh-message__link"},h("slot",{name:"link"})))),!this.hideClose&&h("div",{class:"stzh-message__close"},h("button",{class:"stzh-message__close-button",onClick:this.onCloseButtonClick,"aria-label":this.localization.close,type:"button"},h("stzh-icon",{class:"stzh-message__close-icon",name:"close"})))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();StzhMessage.style=stzhMessageCss;export{StzhMessage as stzh_message};

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

@@ -1 +1 @@
-import{r as registerInstance,h,c as Host,g as getElement}from"./index-319b7c49.js";var stzhMetanavCss=".sc-stzh-metanav-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-metanav-h{display:none}.sc-stzh-metanav-h *.sc-stzh-metanav,.sc-stzh-metanav-h *.sc-stzh-metanav::before,.sc-stzh-metanav-h *.sc-stzh-metanav::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-metanav-h .sc-stzh-metanav-s>stzh-link .stzh-link{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);padding:var(--stzh-space-xsmall) var(--stzh-space-small);color:var(--stzh-color-grey61)}.sc-stzh-metanav-h .sc-stzh-metanav-s>stzh-link .stzh-link:hover{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.sc-stzh-metanav-h .sc-stzh-metanav-s>stzh-link .stzh-link:hover .stzh-link__text{text-decoration:underline}.sc-stzh-metanav-h .sc-stzh-metanav-s>stzh-link .stzh-link__text{text-decoration:none}.stzh-metanav.sc-stzh-metanav{display:-ms-flexbox;display:flex}";var StzhMetanav=function(){function t(t){var e=this;registerInstance(this,t);this.init=function(){var t=e.element.querySelectorAll("stzh-link");t.forEach((function(t){t.setAttribute("role","listitem")}))}}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-metanav",role:"list"},h("slot",null)))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhMetanav.style=stzhMetanavCss;export{StzhMetanav as stzh_metanav};
+import{r as registerInstance,h,c as Host,g as getElement}from"./index-319b7c49.js";var stzhMetanavCss=".sc-stzh-metanav-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-metanav-h{display:none}.sc-stzh-metanav-h *.sc-stzh-metanav,.sc-stzh-metanav-h *.sc-stzh-metanav::before,.sc-stzh-metanav-h *.sc-stzh-metanav::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-metanav-h .sc-stzh-metanav-s>stzh-link .stzh-link{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);padding:var(--stzh-space-xsmall) var(--stzh-space-small);color:var(--stzh-color-grey61)}.sc-stzh-metanav-h .sc-stzh-metanav-s>stzh-link .stzh-link:hover{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.sc-stzh-metanav-h .sc-stzh-metanav-s>stzh-link .stzh-link:hover .stzh-link__text{text-decoration:underline}.sc-stzh-metanav-h .sc-stzh-metanav-s>stzh-link .stzh-link__text{text-decoration:none}.stzh-metanav.sc-stzh-metanav{display:-ms-flexbox;display:flex}";var StzhMetanav=function(){function t(t){var e=this;registerInstance(this,t);this.init=function(){var t=e.element.querySelectorAll("stzh-link");t.forEach((function(t){t.setAttribute("role","listitem")}))}}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(){if(this.observer){this.observer.disconnect()}};t.prototype.render=function(){return h(Host,null,h("div",{class:"stzh-metanav",role:"list"},h("slot",null)))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhMetanav.style=stzhMetanavCss;export{StzhMetanav as stzh_metanav};

package/dist/esm-es5/stzh-microsite-teaserlist.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,i,s){function r(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,a){function n(t){try{l(s.next(t))}catch(e){a(e)}}function o(t){try{l(s["throw"](t))}catch(e){a(e)}}function l(t){t.done?i(t.value):r(t.value).then(n,o)}l((s=s.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:[]},s,r,a,n;return n={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function o(t){return function(e){return l([t,e])}}function l(o){if(s)throw new TypeError("Generator is already executing.");while(n&&(n=0,o[0]&&(i=0)),i)try{if(s=1,r&&(a=o[0]&2?r["return"]:o[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,o[1])).done)return a;if(r=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;r=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){i.label=o[1];break}if(o[0]===6&&i.label<a[1]){i.label=a[1];a=o;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(o);break}if(a[2])i.ops.pop();i.trys.pop();continue}o=e.call(t,i)}catch(l){o=[6,l];r=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,h,c as Host,g as getElement}from"./index-319b7c49.js";import{a as axios}from"./axios-e2b39666.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";var stzhMicrositeTeaserlistCss=".sc-stzh-microsite-teaserlist-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-microsite-teaserlist-h{display:none}.sc-stzh-microsite-teaserlist-h *.sc-stzh-microsite-teaserlist,.sc-stzh-microsite-teaserlist-h *.sc-stzh-microsite-teaserlist::before,.sc-stzh-microsite-teaserlist-h *.sc-stzh-microsite-teaserlist::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-microsite-teaserlist__filter.sc-stzh-microsite-teaserlist{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.stzh-microsite-teaserlist__filter.sc-stzh-microsite-teaserlist{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-microsite-teaserlist__filter.sc-stzh-microsite-teaserlist{margin-bottom:var(--stzh-space-xxxlarge)}}.stzh-microsite-teaserlist__show-more.sc-stzh-microsite-teaserlist{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.stzh-microsite-teaserlist__show-more.sc-stzh-microsite-teaserlist{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-microsite-teaserlist__show-more.sc-stzh-microsite-teaserlist{margin-top:var(--stzh-space-xxxlarge)}}";var StzhMicrositeTeaserlist=function(){function t(t){var e=this;registerInstance(this,t);this._tags=[];this._tagChips=[];this.items=[];this.filteredItems=[];this.filteredSlicedItems=[];this.handleChange=function(t){e.showItems=e.stepItems;e.activeFilter=t.detail.value};this.handleMoreClick=function(){e.showItems+=e.stepItems};this.localization=undefined;this.api=undefined;this.tags=[];this.stepItems=6;this.showItems=undefined;this.activeFilter=""}t.prototype.filterHandler=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){this.filteredItems=this.items.filter((function(e){return t.activeFilter!==""?e.tags.some((function(e){return t.activeFilter===e})):true}));this.filteredSlicedItems=this.filteredItems.slice(0,this.showItems);return[2]}))}))};t.prototype.tagsWatcher=function(t){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(i){if(typeof t==="string"){this._tags=JSON.parse(t)}else{this._tags=t}this._tagChips=this._tags.map((function(t){return{label:t.name,value:t.id,variant:"filter",type:"secondary",counter:(t.id?e.items.filter((function(e){return e.tags.indexOf(t.id)>-1})).length:e.items.length).toString()}}));return[2]}))}))};t.prototype.apiWatcher=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i;return __generator(this,(function(s){switch(s.label){case 0:if(!t){return[2]}e=this.api.replace(/\{lang\}/,this.localization.$locale);return[4,axios.get(e)];case 1:i=s.sent().data;this.items=i.items;this.showItems=this.stepItems;this.tagsWatcher(this.tags);return[2]}}))}))};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"microsite-teaserlist")];case 1:t.localization=e.sent();e.label=2;case 2:return[4,this.apiWatcher(this.api)];case 3:e.sent();return[2]}}))}))};t.prototype.render=function(){var t={"stzh-microsite-teaserlist":true};return h(Host,null,h("div",{class:t},h("stzh-chip-select",{class:"stzh-microsite-teaserlist__filter",label:this.localization.tagsLabel,data:this._tagChips,onStzhChange:this.handleChange}),h("stzh-card-list",{layout:"subpages"},this.filteredSlicedItems.map((function(t){return h("stzh-card",{href:t.link,hideHeaderBorder:true,hideFooterBorder:true,withArrow:true},t.image&&h("img",{slot:"image",src:t.image}),t.title&&h("stzh-clamp",{slot:"heading",lines:2},t.title),t.description&&h("stzh-clamp",{slot:"content",lines:3},t.description))}))),this.showItems<this.filteredItems.length&&h("div",{class:"stzh-microsite-teaserlist__show-more"},h("stzh-button",{variant:"secondary",label:this.localization.showMore,onClick:this.handleMoreClick}))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{showItems:["filterHandler"],activeFilter:["filterHandler"],tags:["tagsWatcher"],api:["apiWatcher"]}},enumerable:false,configurable:true});return t}();StzhMicrositeTeaserlist.style=stzhMicrositeTeaserlistCss;export{StzhMicrositeTeaserlist as stzh_microsite_teaserlist};
+var __awaiter=this&&this.__awaiter||function(t,e,i,s){function r(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,a){function n(t){try{l(s.next(t))}catch(e){a(e)}}function o(t){try{l(s["throw"](t))}catch(e){a(e)}}function l(t){t.done?i(t.value):r(t.value).then(n,o)}l((s=s.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:[]},s,r,a,n;return n={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function o(t){return function(e){return l([t,e])}}function l(o){if(s)throw new TypeError("Generator is already executing.");while(n&&(n=0,o[0]&&(i=0)),i)try{if(s=1,r&&(a=o[0]&2?r["return"]:o[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,o[1])).done)return a;if(r=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;r=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){i.label=o[1];break}if(o[0]===6&&i.label<a[1]){i.label=a[1];a=o;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(o);break}if(a[2])i.ops.pop();i.trys.pop();continue}o=e.call(t,i)}catch(l){o=[6,l];r=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,h,c as Host,g as getElement}from"./index-319b7c49.js";import{a as axios}from"./axios-e2b39666.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";var stzhMicrositeTeaserlistCss=".sc-stzh-microsite-teaserlist-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-microsite-teaserlist-h{display:none}.sc-stzh-microsite-teaserlist-h *.sc-stzh-microsite-teaserlist,.sc-stzh-microsite-teaserlist-h *.sc-stzh-microsite-teaserlist::before,.sc-stzh-microsite-teaserlist-h *.sc-stzh-microsite-teaserlist::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-microsite-teaserlist__filter.sc-stzh-microsite-teaserlist{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.stzh-microsite-teaserlist__filter.sc-stzh-microsite-teaserlist{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-microsite-teaserlist__filter.sc-stzh-microsite-teaserlist{margin-bottom:var(--stzh-space-xxxlarge)}}.stzh-microsite-teaserlist__show-more.sc-stzh-microsite-teaserlist{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.stzh-microsite-teaserlist__show-more.sc-stzh-microsite-teaserlist{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-microsite-teaserlist__show-more.sc-stzh-microsite-teaserlist{margin-top:var(--stzh-space-xxxlarge)}}";var StzhMicrositeTeaserlist=function(){function t(t){var e=this;registerInstance(this,t);this._tags=[];this._tagChips=[];this.items=[];this.filteredItems=[];this.filteredSlicedItems=[];this.handleChange=function(t){e.showItems=e.stepItems;e.activeFilter=t.detail.value};this.handleMoreClick=function(){e.showItems+=e.stepItems};this.localization=undefined;this.api=undefined;this.tags=[];this.stepItems=6;this.showItems=undefined;this.activeFilter=""}t.prototype.filterHandler=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){this.filteredItems=this.items.filter((function(e){return t.activeFilter!==""?e.tags.some((function(e){return t.activeFilter===e})):true}));this.filteredSlicedItems=this.filteredItems.slice(0,this.showItems);return[2]}))}))};t.prototype.tagsWatcher=function(t){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(i){if(typeof t==="string"){this._tags=JSON.parse(t)}else{this._tags=t}this._tagChips=this._tags.map((function(t){return{label:t.name,value:t.id,variant:"filter",type:"secondary",counter:(t.id?e.items.filter((function(e){return e.tags.indexOf(t.id)>-1})).length:e.items.length).toString()}}));return[2]}))}))};t.prototype.apiWatcher=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i;return __generator(this,(function(s){switch(s.label){case 0:if(!t){return[2]}e=this.api.replace(/\{lang\}/,this.localization.$locale);return[4,axios.get(e)];case 1:i=s.sent().data;this.items=i.items;this.showItems=this.stepItems;this.tagsWatcher(this.tags);return[2]}}))}))};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"microsite-teaserlist")];case 1:t.localization=e.sent();e.label=2;case 2:return[4,this.apiWatcher(this.api)];case 3:e.sent();return[2]}}))}))};t.prototype.render=function(){var t={"stzh-microsite-teaserlist":true};return h(Host,null,h("div",{class:t},h("stzh-chip-select",{class:"stzh-microsite-teaserlist__filter",label:this.localization.tagsLabel,data:this._tagChips,onStzhChange:this.handleChange}),h("stzh-card-list",{layout:"subpages"},this.filteredSlicedItems.map((function(t){return h("stzh-card",{href:t.link,hideHeaderBorder:true,hideFooterBorder:true,withArrow:true,hideElevation:true},t.image&&h("img",{slot:"image",src:t.image}),t.title&&h("stzh-clamp",{slot:"heading",lines:2},t.title),t.description&&h("stzh-clamp",{slot:"content",lines:3},t.description))}))),this.showItems<this.filteredItems.length&&h("div",{class:"stzh-microsite-teaserlist__show-more"},h("stzh-button",{variant:"secondary",label:this.localization.showMore,onClick:this.handleMoreClick}))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{showItems:["filterHandler"],activeFilter:["filterHandler"],tags:["tagsWatcher"],api:["apiWatcher"]}},enumerable:false,configurable:true});return t}();StzhMicrositeTeaserlist.style=stzhMicrositeTeaserlistCss;export{StzhMicrositeTeaserlist as stzh_microsite_teaserlist};