npm - @oiz/stzh-components - Versions diffs - 1.4.0-npmjstest → 2.0.0-beta - Mend

@oiz/stzh-components 1.4.0-npmjstest → 2.0.0-beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (477) hide show

package/dist/esm-es5/stzh-loadingbar.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{r as registerInstance,h,a as Host,g as getElement}from"./index-~~0e6d34c6~~.js";var stzhLoadingbarCss=".sc-stzh-loadingbar-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-loadingbar-h{display:none}.sc-stzh-loadingbar-h .sc-stzh-loadingbar,.sc-stzh-loadingbar-h .sc-stzh-loadingbar::before,.sc-stzh-loadingbar-h *.sc-stzh-loadingbar::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-loadingbar-h{--color:var(--stzh-base-color);--bar-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--bar-bg-color:var(--stzh-color-grey13)}.stzh-loadingbar.sc-stzh-loadingbar{min-width:10rem}.stzh-loadingbar__bar.sc-stzh-loadingbar{display:block;height:0.5rem;border-radius:0.75rem;background-color:var(--bar-bg-color)}.stzh-loadingbar__bar-inner.sc-stzh-loadingbar{display:block;height:100%;width:0;border-radius:0.75rem;background:var(--bar-color)}.stzh-loadingbar__text.sc-stzh-loadingbar{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);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;color:var(--color);margin-bottom:var(--stzh-space-xxsmall)}.stzh-loadingbar__percent.sc-stzh-loadingbar{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);letter-spacing:0.01em;margin-left:var(--stzh-space-medium);font-variant-numeric:tabular-nums}";var StzhLoadingbar=function(){function t(t){registerInstance(this,t);this.percent=0;this.hidePercent=false;this.label=""}t.prototype.render=function(){var t={"stzh-loadingbar":true};return h(Host,null,h("div",{class:t},h("div",{class:"stzh-loadingbar__text"},this.label&&h("div",{class:"stzh-loadingbar__label"},this.label),this.percent&&!this.hidePercent&&h("div",{class:"stzh-loadingbar__percent"},this.percent,"%")),h("div",{class:"stzh-loadingbar__bar"},h("div",{class:"stzh-loadingbar__bar-inner",style:{width:"".concat(this.percent,"%")}}))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhLoadingbar.style=stzhLoadingbarCss;export{StzhLoadingbar as stzh_loadingbar};
1	+ import{r as registerInstance,h,a as Host,g as getElement}from"./index-84f71a43.js";var stzhLoadingbarCss=".sc-stzh-loadingbar-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-loadingbar-h{display:none}.sc-stzh-loadingbar-h .sc-stzh-loadingbar,.sc-stzh-loadingbar-h .sc-stzh-loadingbar::before,.sc-stzh-loadingbar-h *.sc-stzh-loadingbar::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-loadingbar-h{--color:var(--stzh-base-color);--bar-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--bar-bg-color:var(--stzh-color-grey13)}.stzh-loadingbar.sc-stzh-loadingbar{min-width:10rem}.stzh-loadingbar__bar.sc-stzh-loadingbar{display:block;height:0.5rem;border-radius:0.75rem;background-color:var(--bar-bg-color)}.stzh-loadingbar__bar-inner.sc-stzh-loadingbar{display:block;height:100%;width:0;border-radius:0.75rem;background:var(--bar-color)}.stzh-loadingbar__text.sc-stzh-loadingbar{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);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;color:var(--color);margin-bottom:var(--stzh-space-xxsmall)}.stzh-loadingbar__percent.sc-stzh-loadingbar{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);letter-spacing:0.01em;margin-left:var(--stzh-space-medium);font-variant-numeric:tabular-nums}";var StzhLoadingbar=function(){function t(t){registerInstance(this,t);this.percent=0;this.hidePercent=false;this.label=""}t.prototype.render=function(){var t={"stzh-loadingbar":true};return h(Host,null,h("div",{class:t},h("div",{class:"stzh-loadingbar__text"},this.label&&h("div",{class:"stzh-loadingbar__label"},this.label),this.percent&&!this.hidePercent&&h("div",{class:"stzh-loadingbar__percent"},this.percent,"%")),h("div",{class:"stzh-loadingbar__bar"},h("div",{class:"stzh-loadingbar__bar-inner",style:{width:"".concat(this.percent,"%")}}))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhLoadingbar.style=stzhLoadingbarCss;export{StzhLoadingbar as stzh_loadingbar};

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

	@@ -1 +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(o){if(s)throw new TypeError("Generator is already executing.");while(n)try{if(s=1,r&&(i=o[0]&2?r["return"]:o[0]?r["throw"]\|\|((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,o[1])).done)return i;if(r=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;r=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6\|\|o[0]===2)){n=0;continue}if(o[0]===3&&(!i\|\|o[1]>i[0]&&o[1]<i[3])){n.label=o[1];break}if(o[0]===6&&n.label<i[1]){n.label=i[1];i=o;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(o);break}if(i[2])n.ops.pop();n.trys.pop();continue}o=t.call(e,n)}catch(a){o=[6,a];r=0}finally{s=i=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,h,a as Host,c as createEvent,F as Fragment,g as getElement}from"./index-~~0e6d34c6~~.js";import{h as hasSlot}from"./utils-~~904416df~~.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);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.badge="";this.icon="";this.active=false;this.label="";this.href="";this.target="";this.disabled=false;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})}}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&&h("stzh-badge",{class:"stzh-menu-item__badge",label:this.badge})),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};
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(o){if(s)throw new TypeError("Generator is already executing.");while(n)try{if(s=1,r&&(i=o[0]&2?r["return"]:o[0]?r["throw"]\|\|((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,o[1])).done)return i;if(r=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;r=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6\|\|o[0]===2)){n=0;continue}if(o[0]===3&&(!i\|\|o[1]>i[0]&&o[1]<i[3])){n.label=o[1];break}if(o[0]===6&&n.label<i[1]){n.label=i[1];i=o;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(o);break}if(i[2])n.ops.pop();n.trys.pop();continue}o=t.call(e,n)}catch(a){o=[6,a];r=0}finally{s=i=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,h,a as Host,c as createEvent,F as Fragment,g as getElement}from"./index-84f71a43.js";import{h as hasSlot}from"./utils-68a28fce.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);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.badge="";this.icon="";this.active=false;this.label="";this.href="";this.target="";this.disabled=false;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})}}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&&h("stzh-badge",{class:"stzh-menu-item__badge",label:this.badge})),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 CHANGED Viewed

	@@ -1 +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,o){function n(e){try{h(a.next(e))}catch(s){o(s)}}function r(e){try{h(a["throw"](e))}catch(s){o(s)}}function h(e){e.done?t(e.value):i(e.value).then(n,r)}h((a=a.apply(e,s\|\|[])).next())}))};var __generator=this&&this.__generator\|\|function(e,s){var t={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},a,i,o,n;return n={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function r(e){return function(s){return h([e,s])}}function h(n){if(a)throw new TypeError("Generator is already executing.");while(t)try{if(a=1,i&&(o=n[0]&2?i["return"]:n[0]?i["throw"]\|\|((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,n[1])).done)return o;if(i=0,o)n=[n[0]&2,o.value];switch(n[0]){case 0:case 1:o=n;break;case 4:t.label++;return{value:n[1],done:false};case 5:t.label++;i=n[1];n=[0];continue;case 7:n=t.ops.pop();t.trys.pop();continue;default:if(!(o=t.trys,o=o.length>0&&o[o.length-1])&&(n[0]===6\|\|n[0]===2)){t=0;continue}if(n[0]===3&&(!o\|\|n[1]>o[0]&&n[1]<o[3])){t.label=n[1];break}if(n[0]===6&&t.label<o[1]){t.label=o[1];o=n;break}if(o&&t.label<o[2]){t.label=o[2];t.ops.push(n);break}if(o[2])t.ops.pop();t.trys.pop();continue}n=s.call(e,t)}catch(r){n=[6,r];i=0}finally{a=o=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-~~0e6d34c6~~.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)}}.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;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.label="";this.description="";this.closeKey="";this.type="info";this.hideClose=false;this.open=true;this.onCloseButtonClick=function(){s.hide()}}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};
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,o){function n(e){try{h(a.next(e))}catch(s){o(s)}}function r(e){try{h(a["throw"](e))}catch(s){o(s)}}function h(e){e.done?t(e.value):i(e.value).then(n,r)}h((a=a.apply(e,s\|\|[])).next())}))};var __generator=this&&this.__generator\|\|function(e,s){var t={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},a,i,o,n;return n={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function r(e){return function(s){return h([e,s])}}function h(n){if(a)throw new TypeError("Generator is already executing.");while(t)try{if(a=1,i&&(o=n[0]&2?i["return"]:n[0]?i["throw"]\|\|((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,n[1])).done)return o;if(i=0,o)n=[n[0]&2,o.value];switch(n[0]){case 0:case 1:o=n;break;case 4:t.label++;return{value:n[1],done:false};case 5:t.label++;i=n[1];n=[0];continue;case 7:n=t.ops.pop();t.trys.pop();continue;default:if(!(o=t.trys,o=o.length>0&&o[o.length-1])&&(n[0]===6\|\|n[0]===2)){t=0;continue}if(n[0]===3&&(!o\|\|n[1]>o[0]&&n[1]<o[3])){t.label=n[1];break}if(n[0]===6&&t.label<o[1]){t.label=o[1];o=n;break}if(o&&t.label<o[2]){t.label=o[2];t.ops.push(n);break}if(o[2])t.ops.pop();t.trys.pop();continue}n=s.call(e,t)}catch(r){n=[6,r];i=0}finally{a=o=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-84f71a43.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)}}.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;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.label="";this.description="";this.closeKey="";this.type="info";this.hideClose=false;this.open=true;this.onCloseButtonClick=function(){s.hide()}}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 CHANGED Viewed

	@@ -1 +1 @@
1	- import{r as registerInstance,h,a as Host,g as getElement}from"./index-~~0e6d34c6~~.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};
1	+ import{r as registerInstance,h,a as Host,g as getElement}from"./index-84f71a43.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};

package/dist/esm-es5/stzh-overlay.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- var __awaiter=this&&this.__awaiter\|\|function(t,e,n,o){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n\|\|(n=Promise))((function(n,r){function s(t){try{l(o.next(t))}catch(e){r(e)}}function a(t){try{l(o["throw"](t))}catch(e){r(e)}}function l(t){t.done?n(t.value):i(t.value).then(s,a)}l((o=o.apply(t,e\|\|[])).next())}))};var __generator=this&&this.__generator\|\|function(t,e){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,i,r,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(t){return function(e){return l([t,e])}}function l(s){if(o)throw new TypeError("Generator is already executing.");while(n)try{if(o=1,i&&(r=s[0]&2?i["return"]:s[0]?i["throw"]\|\|((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,s[1])).done)return r;if(i=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;i=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6\|\|s[0]===2)){n=0;continue}if(s[0]===3&&(!r\|\|s[1]>r[0]&&s[1]<r[3])){n.label=s[1];break}if(s[0]===6&&n.label<r[1]){n.label=r[1];r=s;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(s);break}if(r[2])n.ops.pop();n.trys.pop();continue}s=e.call(t,n)}catch(a){s=[6,a];i=0}finally{o=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-~~0e6d34c6~~.js";import{c as createFocusTrap}from"./focus-trap.esm-074705a3.js";var stzhOverlayCss=".sc-stzh-overlay-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-overlay-h{display:none}.sc-stzh-overlay-h .sc-stzh-overlay,.sc-stzh-overlay-h .sc-stzh-overlay::before,.sc-stzh-overlay-h *.sc-stzh-overlay::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-overlay.sc-stzh-overlay{display:none;z-index:var(--stzh-z-index-overlay);position:fixed;top:0;left:0;width:100%;height:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:stretch;justify-content:stretch;-ms-flex-align:stretch;align-items:stretch}.stzh-overlay__backdrop.sc-stzh-overlay{z-index:1;background-color:var(--stzh-color-white);opacity:~~0.95~~;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-overlay__content.sc-stzh-overlay{z-index:2;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;position:relative;-ms-flex-positive:1;flex-grow:1;overflow:auto}.stzh-overlay__content-inner.sc-stzh-overlay{margin-top:auto;margin-bottom:auto;outline:none}.stzh-overlay--is-open.sc-stzh-overlay{display:-ms-flexbox;display:flex}";var CLASS_BODY_OPEN="stzh-overlay-open";var StzhOverlay=function(){function t(t){registerInstance(this,t);this.stzhOpen=createEvent(this,"stzhOpen",7);this.stzhClose=createEvent(this,"stzhClose",7);this.open=false;this.stay=true;this.a11yLabel=""}t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=true;this.stzhOpen.emit({component:"stzh-overlay"});return[2]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=false;this.stzhClose.emit({component:"stzh-overlay"});return[2]}))}))};t.prototype.getSiblings=function(){var t=this;if(!this.parentElement){return[]}return Array.from(this.parentElement.children).filter((function(e){return e!==t.element}))};t.prototype.disableSiblings=function(){this.getSiblings().forEach((function(t){t.setAttribute("aria-hidden","true")}))};t.prototype.enableSiblings=function(){this.getSiblings().forEach((function(t){t.removeAttribute("aria-hidden")}))};t.prototype.dialogShown=function(){document.body.classList.add(CLASS_BODY_OPEN);this.disableSiblings();if(this.trap){this.trap.activate()}};t.prototype.dialogHidden=function(){document.body.classList.remove(CLASS_BODY_OPEN);this.enableSiblings();if(this.trap){this.trap.deactivate()}};t.prototype.connectedCallback=function(){if(!this.stay&&this.element.parentElement!==document.body){document.body.appendChild(this.element)}this.parentElement=this.element.parentElement};t.prototype.componentDidRender=function(){this.open?this.dialogShown():this.dialogHidden()};t.prototype.componentDidUpdate=function(){this.trap.updateContainerElements(this.element)};t.prototype.componentDidLoad=function(){this.trap=createFocusTrap(this.element,{fallbackFocus:this.dialogElement,returnFocusOnDeactivate:true});if(this.open){this.dialogShown()}};t.prototype.disconnectedCallback=function(){this.dialogHidden()};t.prototype.render=function(){var t=this;var e={"stzh-overlay":true,"stzh-overlay--is-open":this.open};return h(Host,null,h("div",{class:e},h("div",{class:"stzh-overlay__backdrop"}),h("div",{class:"stzh-overlay__content"},h("div",{class:"stzh-overlay__content-inner",ref:function(e){return t.dialogElement=e},tabindex:"-1",role:"dialog","aria-label":this.a11yLabel,"aria-hidden":this.open?"false":"true"},h("slot",null)))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhOverlay.style=stzhOverlayCss;export{StzhOverlay as stzh_overlay};
1	+ var __awaiter=this&&this.__awaiter\|\|function(t,e,n,o){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n\|\|(n=Promise))((function(n,r){function s(t){try{l(o.next(t))}catch(e){r(e)}}function a(t){try{l(o["throw"](t))}catch(e){r(e)}}function l(t){t.done?n(t.value):i(t.value).then(s,a)}l((o=o.apply(t,e\|\|[])).next())}))};var __generator=this&&this.__generator\|\|function(t,e){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,i,r,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(t){return function(e){return l([t,e])}}function l(s){if(o)throw new TypeError("Generator is already executing.");while(n)try{if(o=1,i&&(r=s[0]&2?i["return"]:s[0]?i["throw"]\|\|((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,s[1])).done)return r;if(i=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;i=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6\|\|s[0]===2)){n=0;continue}if(s[0]===3&&(!r\|\|s[1]>r[0]&&s[1]<r[3])){n.label=s[1];break}if(s[0]===6&&n.label<r[1]){n.label=r[1];r=s;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(s);break}if(r[2])n.ops.pop();n.trys.pop();continue}s=e.call(t,n)}catch(a){s=[6,a];i=0}finally{o=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-84f71a43.js";import{c as createFocusTrap}from"./focus-trap.esm-074705a3.js";var stzhOverlayCss=".sc-stzh-overlay-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-overlay-h{display:none}.sc-stzh-overlay-h .sc-stzh-overlay,.sc-stzh-overlay-h .sc-stzh-overlay::before,.sc-stzh-overlay-h *.sc-stzh-overlay::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-overlay-h{--backdrop-opacity:0.8}.stzh-overlay.sc-stzh-overlay{display:none;z-index:var(--stzh-z-index-overlay);position:fixed;top:0;left:0;width:100%;height:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:stretch;justify-content:stretch;-ms-flex-align:stretch;align-items:stretch}.stzh-overlay__backdrop.sc-stzh-overlay{z-index:1;background-color:var(--stzh-color-white);opacity:var(--backdrop-opacity);position:absolute;top:0;left:0;width:100%;height:100%}.stzh-overlay__content.sc-stzh-overlay{z-index:2;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;position:relative;-ms-flex-positive:1;flex-grow:1;overflow:auto}.stzh-overlay__content-inner.sc-stzh-overlay{margin-top:auto;margin-bottom:auto;outline:none}.stzh-overlay--is-open.sc-stzh-overlay{display:-ms-flexbox;display:flex}";var CLASS_BODY_OPEN="stzh-overlay-open";var StzhOverlay=function(){function t(t){registerInstance(this,t);this.stzhOpen=createEvent(this,"stzhOpen",7);this.stzhClose=createEvent(this,"stzhClose",7);this.open=false;this.stay=true;this.a11yLabel=""}t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=true;this.stzhOpen.emit({component:"stzh-overlay"});return[2]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=false;this.stzhClose.emit({component:"stzh-overlay"});return[2]}))}))};t.prototype.getSiblings=function(){var t=this;if(!this.parentElement){return[]}return Array.from(this.parentElement.children).filter((function(e){return e!==t.element}))};t.prototype.disableSiblings=function(){this.getSiblings().forEach((function(t){t.setAttribute("aria-hidden","true")}))};t.prototype.enableSiblings=function(){this.getSiblings().forEach((function(t){t.removeAttribute("aria-hidden")}))};t.prototype.dialogShown=function(){document.body.classList.add(CLASS_BODY_OPEN);this.disableSiblings();if(this.trap){this.trap.activate()}};t.prototype.dialogHidden=function(){document.body.classList.remove(CLASS_BODY_OPEN);this.enableSiblings();if(this.trap){this.trap.deactivate()}};t.prototype.connectedCallback=function(){if(!this.stay&&this.element.parentElement!==document.body){document.body.appendChild(this.element)}this.parentElement=this.element.parentElement};t.prototype.componentDidRender=function(){this.open?this.dialogShown():this.dialogHidden()};t.prototype.componentDidUpdate=function(){this.trap.updateContainerElements(this.element)};t.prototype.componentDidLoad=function(){this.trap=createFocusTrap(this.element,{fallbackFocus:this.dialogElement,returnFocusOnDeactivate:true});if(this.open){this.dialogShown()}};t.prototype.disconnectedCallback=function(){this.dialogHidden()};t.prototype.render=function(){var t=this;var e={"stzh-overlay":true,"stzh-overlay--is-open":this.open};return h(Host,null,h("div",{class:e},h("div",{class:"stzh-overlay__backdrop"}),h("div",{class:"stzh-overlay__content"},h("div",{class:"stzh-overlay__content-inner",ref:function(e){return t.dialogElement=e},tabindex:"-1",role:"dialog","aria-label":this.a11yLabel,"aria-hidden":this.open?"false":"true"},h("slot",null)))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhOverlay.style=stzhOverlayCss;export{StzhOverlay as stzh_overlay};

package/dist/esm-es5/stzh-page-skiplinks.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{r as registerInstance,h,a as Host,g as getElement}from"./index-~~0e6d34c6~~.js";var stzhPageSkiplinksCss=".sc-stzh-page-skiplinks-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-page-skiplinks-h{display:none}.sc-stzh-page-skiplinks-h .sc-stzh-page-skiplinks,.sc-stzh-page-skiplinks-h .sc-stzh-page-skiplinks::before,.sc-stzh-page-skiplinks-h *.sc-stzh-page-skiplinks::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-page-skiplinks-h{z-index:var(--stzh-z-index-popup);position:absolute;top:var(--stzh-space-medium);right:var(--stzh-grid-gutter-small)}@media screen and (min-width: 800px){.sc-stzh-page-skiplinks-h{right:50%}}@media screen and (min-width: 1260px){.sc-stzh-page-skiplinks-h{top:var(--stzh-space-xlarge);right:60%}}";var StzhPageSkiplinks=function(){function s(s){var e=this;registerInstance(this,s);this.init=function(){var s=e.element.querySelectorAll("stzh-skiplink");s.forEach((function(s){s.setAttribute("role","listitem")}))}}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(){return h(Host,null,h("div",{class:"stzh-page-skiplinks",role:"list"},h("slot",null)))};Object.defineProperty(s.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return s}();StzhPageSkiplinks.style=stzhPageSkiplinksCss;export{StzhPageSkiplinks as stzh_page_skiplinks};
1	+ import{r as registerInstance,h,a as Host,g as getElement}from"./index-84f71a43.js";var stzhPageSkiplinksCss=".sc-stzh-page-skiplinks-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-page-skiplinks-h{display:none}.sc-stzh-page-skiplinks-h .sc-stzh-page-skiplinks,.sc-stzh-page-skiplinks-h .sc-stzh-page-skiplinks::before,.sc-stzh-page-skiplinks-h *.sc-stzh-page-skiplinks::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-page-skiplinks-h{z-index:var(--stzh-z-index-popup);position:absolute;top:var(--stzh-space-medium);right:var(--stzh-grid-gutter-small)}@media screen and (min-width: 800px){.sc-stzh-page-skiplinks-h{right:50%}}@media screen and (min-width: 1260px){.sc-stzh-page-skiplinks-h{top:var(--stzh-space-xlarge);right:60%}}";var StzhPageSkiplinks=function(){function s(s){var e=this;registerInstance(this,s);this.init=function(){var s=e.element.querySelectorAll("stzh-skiplink");s.forEach((function(s){s.setAttribute("role","listitem")}))}}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(){return h(Host,null,h("div",{class:"stzh-page-skiplinks",role:"list"},h("slot",null)))};Object.defineProperty(s.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return s}();StzhPageSkiplinks.style=stzhPageSkiplinksCss;export{StzhPageSkiplinks as stzh_page_skiplinks};

package/dist/esm-es5/stzh-pagetitle.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{r as registerInstance,h,a as Host,g as getElement}from"./index-~~0e6d34c6~~.js";import{s as setPropsIfNull,h as hasSlot}from"./utils-~~904416df~~.js";var stzhPagetitleCss=".sc-stzh-pagetitle-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-pagetitle-h{display:none}.sc-stzh-pagetitle-h .sc-stzh-pagetitle,.sc-stzh-pagetitle-h .sc-stzh-pagetitle::before,.sc-stzh-pagetitle-h *.sc-stzh-pagetitle::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=heading]{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=heading]{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=heading]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=heading]{margin-bottom:var(--stzh-space-xxlarge)}}.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=image]{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=lead]{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=lead]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=lead]{margin-top:var(--stzh-space-xlarge)}}.stzh-pagetitle__actions.sc-stzh-pagetitle{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}";var StzhPagetitle=function(){function t(t){var e=this;registerInstance(this,t);this.init=function(){var t=e.element.querySelectorAll('stzh-heading[slot="heading"], [slot="heading"] stzh-heading');var s=e.element.querySelectorAll('stzh-text[slot="lead"], [slot="lead"] stzh-text');var a=e.element.querySelectorAll('stzh-link[slot="action-left"], stzh-link[slot="action-right"], [slot="action-left"] stzh-link, [slot="action-right"] stzh-link');var i=e.element.querySelectorAll('stzh-link[slot="action-right"], [slot="action-right"] stzh-link');t.forEach((function(t){setPropsIfNull(t,{withBorder:true})}));s.forEach((function(t){setPropsIfNull(t,{lead:true})}));i.forEach((function(t){setPropsIfNull(t,{icon:"web-link"})}));a.forEach((function(t){setPropsIfNull(t,{size:"small"})}))}}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(){var t=hasSlot(this.element,"heading");var e=hasSlot(this.element,"image");var s=hasSlot(this.element,"lead");var a=hasSlot(this.element,"action-left");var i=hasSlot(this.element,"action-right");var l={"stzh-pagetitle":true,"stzh-pagetitle--has-heading":t,"stzh-pagetitle--has-image":e,"stzh-pagetitle--has-lead":s,"stzh-pagetitle--has-action":a\|\|i,"stzh-pagetitle--has-action-left":a,"stzh-pagetitle--has-action-right":i};return h(Host,null,h("div",{class:l},h("slot",{name:"heading"}),h("div",{class:"stzh-pagetitle__actions"},h("slot",{name:"action-left"}),h("slot",{name:"action-right"})),h("slot",{name:"image"}),h("slot",{name:"lead"})))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhPagetitle.style=stzhPagetitleCss;export{StzhPagetitle as stzh_pagetitle};
1	+ import{r as registerInstance,h,a as Host,g as getElement}from"./index-84f71a43.js";import{s as setPropsIfNull,h as hasSlot}from"./utils-68a28fce.js";var stzhPagetitleCss=".sc-stzh-pagetitle-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-pagetitle-h{display:none}.sc-stzh-pagetitle-h .sc-stzh-pagetitle,.sc-stzh-pagetitle-h .sc-stzh-pagetitle::before,.sc-stzh-pagetitle-h *.sc-stzh-pagetitle::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=heading]{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=heading]{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=heading]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=heading]{margin-bottom:var(--stzh-space-xxlarge)}}.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=image]{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=lead]{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=lead]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=lead]{margin-top:var(--stzh-space-xlarge)}}.stzh-pagetitle__actions.sc-stzh-pagetitle{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}";var StzhPagetitle=function(){function t(t){var e=this;registerInstance(this,t);this.init=function(){var t=e.element.querySelectorAll('stzh-heading[slot="heading"], [slot="heading"] stzh-heading');var s=e.element.querySelectorAll('stzh-text[slot="lead"], [slot="lead"] stzh-text');var a=e.element.querySelectorAll('stzh-link[slot="action-left"], stzh-link[slot="action-right"], [slot="action-left"] stzh-link, [slot="action-right"] stzh-link');var i=e.element.querySelectorAll('stzh-link[slot="action-right"], [slot="action-right"] stzh-link');t.forEach((function(t){setPropsIfNull(t,{withBorder:true})}));s.forEach((function(t){setPropsIfNull(t,{lead:true})}));i.forEach((function(t){setPropsIfNull(t,{icon:"web-link"})}));a.forEach((function(t){setPropsIfNull(t,{size:"small"})}))}}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(){var t=hasSlot(this.element,"heading");var e=hasSlot(this.element,"image");var s=hasSlot(this.element,"lead");var a=hasSlot(this.element,"action-left");var i=hasSlot(this.element,"action-right");var l={"stzh-pagetitle":true,"stzh-pagetitle--has-heading":t,"stzh-pagetitle--has-image":e,"stzh-pagetitle--has-lead":s,"stzh-pagetitle--has-action":a\|\|i,"stzh-pagetitle--has-action-left":a,"stzh-pagetitle--has-action-right":i};return h(Host,null,h("div",{class:l},h("slot",{name:"heading"}),h("div",{class:"stzh-pagetitle__actions"},h("slot",{name:"action-left"}),h("slot",{name:"action-right"})),h("slot",{name:"image"}),h("slot",{name:"lead"})))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhPagetitle.style=stzhPagetitleCss;export{StzhPagetitle as stzh_pagetitle};

package/dist/esm-es5/stzh-popover.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- var __awaiter=this&&this.__awaiter\|\|function(t,e,o,r){function s(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o\|\|(o=Promise))((function(o,i){function n(t){try{p(r.next(t))}catch(e){i(e)}}function a(t){try{p(r["throw"](t))}catch(e){i(e)}}function p(t){t.done?o(t.value):s(t.value).then(n,a)}p((r=r.apply(t,e\|\|[])).next())}))};var __generator=this&&this.__generator\|\|function(t,e){var o={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,s,i,n;return n={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function a(t){return function(e){return p([t,e])}}function p(n){if(r)throw new TypeError("Generator is already executing.");while(o)try{if(r=1,s&&(i=n[0]&2?s["return"]:n[0]?s["throw"]\|\|((i=s["return"])&&i.call(s),0):s.next)&&!(i=i.call(s,n[1])).done)return i;if(s=0,i)n=[n[0]&2,i.value];switch(n[0]){case 0:case 1:i=n;break;case 4:o.label++;return{value:n[1],done:false};case 5:o.label++;s=n[1];n=[0];continue;case 7:n=o.ops.pop();o.trys.pop();continue;default:if(!(i=o.trys,i=i.length>0&&i[i.length-1])&&(n[0]===6\|\|n[0]===2)){o=0;continue}if(n[0]===3&&(!i\|\|n[1]>i[0]&&n[1]<i[3])){o.label=n[1];break}if(n[0]===6&&o.label<i[1]){o.label=i[1];i=n;break}if(i&&o.label<i[2]){o.label=i[2];o.ops.push(n);break}if(i[2])o.ops.pop();o.trys.pop();continue}n=e.call(t,o)}catch(a){n=[6,a];s=0}finally{r=i=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-0e6d34c6.js";import{c as computePosition,a as autoUpdate,A as Arrow,o as offset,f as flip,s as shift,b as arrow}from"./arrow-86a679c7.js";import{c as createFocusTrap}from"./focus-trap.esm-074705a3.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";import{m as media}from"./media-utils-9b041ceb.js";import{w as waitForEvent}from"./event-utils-7a709e21.js";import{s as stopAnimations,a as animateTo}from"./animation-utils-25c74e5b.js";var stzhPopoverCss=".sc-stzh-popover-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-popover-h{display:none}.sc-stzh-popover-h .sc-stzh-popover,.sc-stzh-popover-h .sc-stzh-popover::before,.sc-stzh-popover-h *.sc-stzh-popover::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-popover-h{--width:var(--stzh-popover-width);--min-width:var(--stzh-popover-min-width);--max-width:var(--stzh-popover-max-width);--padding:0;--border-radius:var(--stzh-popover-border-radius)}[variant=tooltip].sc-stzh-popover-h{--width:var(--stzh-tooltip-width);--min-width:var(--stzh-tooltip-min-width);--max-width:var(--stzh-tooltip-max-width);--padding:var(--stzh-space-small) var(--stzh-space-large);--border-radius:var(--stzh-tooltip-border-radius)}@media screen and (min-width: 600px){[variant=tooltip].sc-stzh-popover-h{--padding:var(--stzh-tooltip-padding)}}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:-ms-flexbox;display:flex;color:var(--stzh-color-white)}.stzh-popover--placement-bottom.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{top:0;-webkit-transform:translateY(-0.5rem);transform:translateY(-0.5rem)}.stzh-popover--placement-top.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{bottom:0;-webkit-transform:translateY(0.5rem) rotate(180deg);transform:translateY(0.5rem) rotate(180deg)}.stzh-popover--placement-left.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{right:0;-webkit-transform:translateX(0.75rem) rotate(90deg);transform:translateX(0.75rem) rotate(90deg)}.stzh-popover--placement-right.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{left:0;-webkit-transform:translateX(-0.75rem) rotate(-90deg);transform:translateX(-0.75rem) rotate(-90deg)}@media screen and (max-width: 599px){.stzh-popover__content-wrapper.sc-stzh-popover{z-index:var(--stzh-z-index-dialog);display:-ms-flexbox;display:flex;position:fixed;top:0;left:0;width:100%;height:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:stretch;justify-content:stretch}}@media screen and (max-width: 599px){.stzh-popover__backdrop.sc-stzh-popover{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;text-align:center;background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));opacity:0.8}}@media screen and (max-width: 599px){.stzh-popover__content.sc-stzh-popover{z-index:2;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-positive:1;flex-grow:1;overflow:auto}}.stzh-popover__dialog.sc-stzh-popover{margin-top:auto;width:100%;overflow:visible;border-top-left-radius:0.125rem;border-top-right-radius:0.125rem;background-color:var(--stzh-color-white);-ms-touch-action:none;touch-action:none;outline:none;border-bottom:0.125rem solid var(--stzh-color-grey13)}@media screen and (min-width: 600px){.stzh-popover__dialog.sc-stzh-popover{z-index:var(--stzh-z-index-popover);position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);left:auto;right:auto;bottom:auto;border-radius:var(--border-radius);-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover);border:none}}.stzh-popover__content-inner.sc-stzh-popover{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-popover__content-slot.sc-stzh-popover{padding:var(--padding)}.stzh-popover__action-slot.sc-stzh-popover{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-popover__action-slot.sc-stzh-popover:not(:empty){margin:var(--stzh-space-xsmall) var(--stzh-space-small);margin-bottom:var(--stzh-space-medium)}.stzh-popover__label-wrapper.sc-stzh-popover{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--stzh-space-small) var(--stzh-space-large);padding-right:var(--stzh-space-medium);border-bottom:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-grey70)}@media screen and (min-width: 600px){.stzh-popover__label-wrapper.sc-stzh-popover{padding:0;border-bottom:0}}.stzh-popover__label.sc-stzh-popover{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));margin:0;margin-right:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-popover__label.sc-stzh-popover{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-popover__label.sc-stzh-popover{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-popover__close.sc-stzh-popover{cursor:pointer;display:-ms-flexbox;display:flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:transparent;padding:0;margin-left:auto;border-radius:50%;color:var(--stzh-base-lead-color);padding:var(--stzh-space-xxsmall)}.stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-xsmall)}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:-ms-flexbox;display:flex;color:var(--stzh-color-white)}.stzh-popover__vhidden.sc-stzh-popover{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-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:focus{-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))}@media screen and (min-width: 600px){.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{position:absolute;top:0;right:0;-webkit-transform:translate(30%, -30%);transform:translate(30%, -30%);background-color:var(--stzh-color-grey5)}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:not(:focus):not(:active){border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:transparent;padding:0;position:absolute;top:0;right:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:var(--stzh-space-xxsmall);padding-bottom:var(--stzh-space-xxxsmall);color:var(--stzh-base-lead-color);border-radius:var(--stzh-button-border-radius)}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-xxsmall)}}@media screen and (min-width: 600px){@supports ((-webkit-filter: var(--stzh-tooltip-drop-shadow)) or (filter: var(--stzh-tooltip-drop-shadow))){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{-webkit-box-shadow:none;box-shadow:none;-webkit-filter:var(--stzh-tooltip-drop-shadow);filter:var(--stzh-tooltip-drop-shadow)}}}.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__content-slot.sc-stzh-popover{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}";var ANIMATION_SHOW_DURATION=200;var ANIMATION_HIDE_DURATION=300;var ANIMATION_SHOW_DURATION_SMALL=100;var ANIMATION_HIDE_DURATION_SMALL=200;function animationContentWrapperShow(){var t=media("small").matches;return{keyframes:[{opacity:"0"},{opacity:"1"}],options:{duration:t?ANIMATION_SHOW_DURATION_SMALL:ANIMATION_SHOW_DURATION,easing:"linear"}}}function animationContentWrapperHide(){var t=media("small").matches;return{keyframes:[{opacity:"1"},{opacity:"0"}],options:{duration:t?ANIMATION_HIDE_DURATION_SMALL:ANIMATION_HIDE_DURATION,easing:"linear"}}}function animationDialogShow(){var t=media("small").matches;return{keyframes:[{transform:t?"translateY(-8px)":"translateY(100%)"},{transform:"translateY(0px)"}],options:{duration:t?ANIMATION_SHOW_DURATION_SMALL:ANIMATION_SHOW_DURATION,easing:"linear"}}}function animationDialogHide(){var t=media("small").matches;return{keyframes:[{transform:"translateY(0px)"},{transform:t?"translateY(-8px)":"translateY(100%)"}],options:{duration:t?ANIMATION_HIDE_DURATION_SMALL:ANIMATION_HIDE_DURATION,easing:"linear"}}}var keyCode={ESC:27};var CLASS_BODY_OPEN="stzh-popover-open";var popoverCounter=0;var StzhPopover=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.open=false;this.placement="bottom";this.variant="default";this.skidding=0;this.label="";this.initialTouchX=null;this.initialTouchY=null;this.handleKeydown=function(t){if(t.keyCode===keyCode.ESC){e.hide()}};this.onClickTrigger=function(){e.toggle()};this.computePosition=function(){return __awaiter(e,void 0,void 0,(function(){var t,e,o,r,s,i,n,a,p,h;return __generator(this,(function(l){switch(l.label){case 0:if(!media("small").matches)return[3,2];t=[offset({mainAxis:this.distance,crossAxis:this.skidding}),flip({padding:5}),shift({padding:5})];if(this.variant==="tooltip"){t.push(arrow({element:this.arrowElement,padding:5}))}return[4,computePosition(this.element,this.dialogElement,{placement:this.placement,middleware:t})];case 1:e=l.sent(),o=e.x,r=o===void 0?0:o,s=e.y,i=s===void 0?0:s,n=e.strategy,a=n===void 0?"absolute":n,p=e.placement,h=e.middlewareData;this.computedPlacement=p;Object.assign(this.dialogElement.style,{position:a,left:"".concat(r,"px"),top:"".concat(i,"px")});if(this.variant==="tooltip"){Object.assign(this.arrowElement.style,{left:r!=null?"".concat(h.arrow.x,"px"):"",top:i!=null?"".concat(h.arrow.y,"px"):""})}return[3,3];case 2:Object.assign(this.dialogElement.style,{position:null,left:null,top:null});if(this.variant==="tooltip"){Object.assign(this.arrowElement.style,{left:null,top:null})}l.label=3;case 3:return[2]}}))}))};this.handleTouchStart=function(t){var o=t.changedTouches[0];e.initialTouchX=o.pageX;e.initialTouchY=o.pageY};this.handleTouchEnd=function(t){var o=t.changedTouches[0];var r=o.pageX-e.initialTouchX;var s=o.pageY-e.initialTouchY;var i=70;var n=Math.abs(s)>=i&&Math.abs(r)<=i;if(n){e.hide()}e.initialTouchY=null;e.initialTouchX=null}}t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.open){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(){return __generator(this,(function(t){if(!this.open){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.update=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.computePosition()];case 1:return[2,t.sent()]}}))}))};t.prototype.handleOutsideClick=function(t){if(!this.open){return}var e=t.target!==this.dialogElement&&this.dialogElement.contains(t.target)===false;var o=t.target===this.triggerElement\|\|this.triggerElement.contains(t.target);if(e&&!o){this.hide()}};t.prototype.openWatcher=function(t){return __awaiter(this,void 0,void 0,(function(){var e,o,r,s;return __generator(this,(function(i){switch(i.label){case 0:if(!t)return[3,3];if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-popover"})}e=animationContentWrapperShow();o=animationDialogShow();return[4,Promise.all([stopAnimations(this.contentWrapperElement),stopAnimations(this.contentElement),stopAnimations(this.dialogElement)])];case 1:i.sent();this.dialogElement.style.willChange="transform, opacity, position, top, left, bottom, right";this.contentWrapperElement.hidden=false;return[4,Promise.all([animateTo(this.contentWrapperElement,e.keyframes,e.options),animateTo(media("small").matches?this.dialogElement:this.contentElement,o.keyframes,o.options)])];case 2:i.sent();if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-popover"})}return[3,6];case 3:if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-popover"})}r=animationContentWrapperHide();s=animationDialogHide();return[4,Promise.all([stopAnimations(this.contentWrapperElement),stopAnimations(this.contentElement),stopAnimations(this.dialogElement)])];case 4:i.sent();return[4,Promise.all([animateTo(this.contentWrapperElement,r.keyframes,r.options),animateTo(media("small").matches?this.dialogElement:this.contentElement,s.keyframes,s.options)])];case 5:i.sent();this.contentWrapperElement.hidden=true;this.dialogElement.style.willChange="auto";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-popover"})}i.label=6;case 6:this.toggledByMethod=false;return[2]}}))}))};t.prototype.distanceWatcher=function(t){if(typeof t==="number"){this.distance=t}else{this.distance=this.variant==="tooltip"?16:8}};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.labelId="stzh-popover-label-".concat(popoverCounter);popoverCounter++;this.distanceWatcher(this.distance);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"popover")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.popoverShown=function(){document.body.classList.add(CLASS_BODY_OPEN);this.triggerElement.firstElementChild.setAttribute("aria-expanded","true");if(this.trap){this.trap.activate()}};t.prototype.popoverHidden=function(){document.body.classList.remove(CLASS_BODY_OPEN);this.triggerElement.firstElementChild.setAttribute("aria-expanded","false");if(this.trap){this.trap.deactivate()}};t.prototype.componentDidRender=function(){this.computePosition();this.open?this.popoverShown():this.popoverHidden()};t.prototype.componentDidUpdate=function(){this.trap.updateContainerElements(this.dialogElement)};t.prototype.componentDidLoad=function(){this.autoUpdateCleanup=autoUpdate(this.element,this.dialogElement,this.computePosition);this.contentWrapperElement.hidden=!this.open;this.trap=createFocusTrap(this.dialogElement,{fallbackFocus:this.dialogElement,clickOutsideDeactivates:true,returnFocusOnDeactivate:true});if(this.open){this.popoverShown()}};t.prototype.connectedCallback=function(){var t;var e=(t=this.triggerElement)===null\|\|t===void 0?void 0:t.firstElementChild;if(!e){var o=Array.from(this.element.children).find((function(t){return!t.hasAttribute("slot")}));e=o}if(e){e.addEventListener("click",this.onClickTrigger)}};t.prototype.disconnectedCallback=function(){if(this.autoUpdateCleanup){this.autoUpdateCleanup()}this.triggerElement.firstElementChild.removeEventListener("click",this.onClickTrigger)};t.prototype.render=function(){var t;var e=this;var o=(t={"stzh-popover":true},t["stzh-popover--open"]=this.open,t["stzh-popover--placement-".concat(this.computedPlacement)]=!!this.computedPlacement,t["stzh-popover--".concat(this.variant)]=!!this.variant,t);return h(Host,null,h("div",{class:o,onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd},h("div",{ref:function(t){return e.triggerElement=t},class:"stzh-popover__trigger"},h("slot",null)),h("div",{ref:function(t){return e.contentWrapperElement=t},class:"stzh-popover__content-wrapper"},h("div",{class:"stzh-popover__backdrop"}),h("div",{ref:function(t){return e.contentElement=t},class:"stzh-popover__content"},h("div",{ref:function(t){return e.dialogElement=t},class:"stzh-popover__dialog",role:"dialog",tabindex:"-1","aria-modal":"true","aria-labelledby":this.label?this.labelId:null,"aria-hidden":this.open?"false":"true",onKeyDown:this.handleKeydown},this.variant==="tooltip"&&h("div",{class:"stzh-popover__arrow",ref:function(t){return e.arrowElement=t},innerHTML:Arrow}),h("div",{class:"stzh-popover__content-inner"},h("div",{class:"stzh-popover__content-slot"},h("slot",{name:"content"}),h("div",{class:"stzh-popover__action-slot"},h("slot",{name:"action"}))),h("div",{class:"stzh-popover__label-wrapper"},h("h2",{id:this.labelId,class:"stzh-popover__label"},this.label?this.label:h("slot",{name:"label"})),h("button",{class:"stzh-popover__close",onClick:function(){return e.hide()},type:"button"},h("stzh-icon",{name:"close",class:"stzh-popover__icon"}),h("span",{class:"stzh-popover__vhidden"},this.localization.close)))))))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["openWatcher"],distance:["distanceWatcher"]}},enumerable:false,configurable:true});return t}();StzhPopover.style=stzhPopoverCss;export{StzhPopover as stzh_popover};
1	+ var __awaiter=this&&this.__awaiter\|\|function(t,e,o,r){function s(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o\|\|(o=Promise))((function(o,i){function n(t){try{p(r.next(t))}catch(e){i(e)}}function a(t){try{p(r["throw"](t))}catch(e){i(e)}}function p(t){t.done?o(t.value):s(t.value).then(n,a)}p((r=r.apply(t,e\|\|[])).next())}))};var __generator=this&&this.__generator\|\|function(t,e){var o={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,s,i,n;return n={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function a(t){return function(e){return p([t,e])}}function p(n){if(r)throw new TypeError("Generator is already executing.");while(o)try{if(r=1,s&&(i=n[0]&2?s["return"]:n[0]?s["throw"]\|\|((i=s["return"])&&i.call(s),0):s.next)&&!(i=i.call(s,n[1])).done)return i;if(s=0,i)n=[n[0]&2,i.value];switch(n[0]){case 0:case 1:i=n;break;case 4:o.label++;return{value:n[1],done:false};case 5:o.label++;s=n[1];n=[0];continue;case 7:n=o.ops.pop();o.trys.pop();continue;default:if(!(i=o.trys,i=i.length>0&&i[i.length-1])&&(n[0]===6\|\|n[0]===2)){o=0;continue}if(n[0]===3&&(!i\|\|n[1]>i[0]&&n[1]<i[3])){o.label=n[1];break}if(n[0]===6&&o.label<i[1]){o.label=i[1];i=n;break}if(i&&o.label<i[2]){o.label=i[2];o.ops.push(n);break}if(i[2])o.ops.pop();o.trys.pop();continue}n=e.call(t,o)}catch(a){n=[6,a];s=0}finally{r=i=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-84f71a43.js";import{c as computePosition,a as autoUpdate,A as Arrow,o as offset,f as flip,s as shift,b as arrow}from"./arrow-86a679c7.js";import{c as createFocusTrap}from"./focus-trap.esm-074705a3.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";import{m as media}from"./media-utils-9b041ceb.js";import{w as waitForEvent}from"./event-utils-7a709e21.js";import{s as stopAnimations,a as animateTo}from"./animation-utils-25c74e5b.js";var stzhPopoverCss=".sc-stzh-popover-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-popover-h{display:none}.sc-stzh-popover-h .sc-stzh-popover,.sc-stzh-popover-h .sc-stzh-popover::before,.sc-stzh-popover-h *.sc-stzh-popover::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-popover-h{--width:var(--stzh-popover-width);--min-width:var(--stzh-popover-min-width);--max-width:var(--stzh-popover-max-width);--padding:0;--border-radius:var(--stzh-popover-border-radius)}[variant=tooltip].sc-stzh-popover-h{--width:var(--stzh-tooltip-width);--min-width:var(--stzh-tooltip-min-width);--max-width:var(--stzh-tooltip-max-width);--padding:var(--stzh-space-small) var(--stzh-space-large);--border-radius:var(--stzh-tooltip-border-radius)}@media screen and (min-width: 600px){[variant=tooltip].sc-stzh-popover-h{--padding:var(--stzh-tooltip-padding)}}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:-ms-flexbox;display:flex;color:var(--stzh-color-white)}.stzh-popover--placement-bottom.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{top:0;-webkit-transform:translateY(-0.5rem);transform:translateY(-0.5rem)}.stzh-popover--placement-top.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{bottom:0;-webkit-transform:translateY(0.5rem) rotate(180deg);transform:translateY(0.5rem) rotate(180deg)}.stzh-popover--placement-left.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{right:0;-webkit-transform:translateX(0.75rem) rotate(90deg);transform:translateX(0.75rem) rotate(90deg)}.stzh-popover--placement-right.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{left:0;-webkit-transform:translateX(-0.75rem) rotate(-90deg);transform:translateX(-0.75rem) rotate(-90deg)}@media screen and (max-width: 599px){.stzh-popover__content-wrapper.sc-stzh-popover{z-index:var(--stzh-z-index-dialog);display:-ms-flexbox;display:flex;position:fixed;top:0;left:0;width:100%;height:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:stretch;justify-content:stretch}}@media screen and (max-width: 599px){.stzh-popover__backdrop.sc-stzh-popover{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;text-align:center;background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));opacity:0.8}}@media screen and (max-width: 599px){.stzh-popover__content.sc-stzh-popover{z-index:2;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-positive:1;flex-grow:1;overflow:auto}}.stzh-popover__dialog.sc-stzh-popover{margin-top:auto;width:100%;overflow:visible;border-top-left-radius:0.125rem;border-top-right-radius:0.125rem;background-color:var(--stzh-color-white);-ms-touch-action:none;touch-action:none;outline:none;border-bottom:0.125rem solid var(--stzh-color-grey13)}@media screen and (min-width: 600px){.stzh-popover__dialog.sc-stzh-popover{z-index:var(--stzh-z-index-popover);position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);left:auto;right:auto;bottom:auto;border-radius:var(--border-radius);-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover);border:none}}.stzh-popover__content-inner.sc-stzh-popover{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-popover__content-slot.sc-stzh-popover{padding:var(--padding)}.stzh-popover__action-slot.sc-stzh-popover{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-popover__action-slot.sc-stzh-popover:not(:empty){margin:var(--stzh-space-xsmall) var(--stzh-space-small);margin-bottom:var(--stzh-space-medium)}.stzh-popover__label-wrapper.sc-stzh-popover{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--stzh-space-small) var(--stzh-space-large);padding-right:var(--stzh-space-medium);border-bottom:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-grey70)}@media screen and (min-width: 600px){.stzh-popover__label-wrapper.sc-stzh-popover{padding:0;border-bottom:0}}.stzh-popover__label.sc-stzh-popover{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));margin:0;margin-right:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-popover__label.sc-stzh-popover{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-popover__label.sc-stzh-popover{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-popover__close.sc-stzh-popover{cursor:pointer;display:-ms-flexbox;display:flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:transparent;padding:0;margin-left:auto;border-radius:50%;color:var(--stzh-base-lead-color);padding:var(--stzh-space-xxsmall)}.stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-xsmall)}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:-ms-flexbox;display:flex;color:var(--stzh-color-white)}.stzh-popover__vhidden.sc-stzh-popover{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-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:focus{-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))}@media screen and (min-width: 600px){.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{position:absolute;top:0;right:0;-webkit-transform:translate(30%, -30%);transform:translate(30%, -30%);background-color:var(--stzh-color-grey5)}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:not(:focus):not(:active){border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:transparent;padding:0;position:absolute;top:0;right:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:var(--stzh-space-xxsmall);padding-bottom:var(--stzh-space-xxxsmall);color:var(--stzh-base-lead-color);border-radius:var(--stzh-button-border-radius)}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-xxsmall)}}@media screen and (min-width: 600px){@supports ((-webkit-filter: var(--stzh-tooltip-drop-shadow)) or (filter: var(--stzh-tooltip-drop-shadow))){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{-webkit-box-shadow:none;box-shadow:none;-webkit-filter:var(--stzh-tooltip-drop-shadow);filter:var(--stzh-tooltip-drop-shadow)}}}.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__content-slot.sc-stzh-popover{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}";var ANIMATION_SHOW_DURATION=200;var ANIMATION_HIDE_DURATION=300;var ANIMATION_SHOW_DURATION_SMALL=100;var ANIMATION_HIDE_DURATION_SMALL=200;function animationContentWrapperShow(){var t=media("small").matches;return{keyframes:[{opacity:"0"},{opacity:"1"}],options:{duration:t?ANIMATION_SHOW_DURATION_SMALL:ANIMATION_SHOW_DURATION,easing:"linear"}}}function animationContentWrapperHide(){var t=media("small").matches;return{keyframes:[{opacity:"1"},{opacity:"0"}],options:{duration:t?ANIMATION_HIDE_DURATION_SMALL:ANIMATION_HIDE_DURATION,easing:"linear"}}}function animationDialogShow(){var t=media("small").matches;return{keyframes:[{transform:t?"translateY(-8px)":"translateY(100%)"},{transform:"translateY(0px)"}],options:{duration:t?ANIMATION_SHOW_DURATION_SMALL:ANIMATION_SHOW_DURATION,easing:"linear"}}}function animationDialogHide(){var t=media("small").matches;return{keyframes:[{transform:"translateY(0px)"},{transform:t?"translateY(-8px)":"translateY(100%)"}],options:{duration:t?ANIMATION_HIDE_DURATION_SMALL:ANIMATION_HIDE_DURATION,easing:"linear"}}}var keyCode={ESC:27};var CLASS_BODY_OPEN="stzh-popover-open";var popoverCounter=0;var StzhPopover=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.open=false;this.placement="bottom";this.variant="default";this.skidding=0;this.label="";this.strategy="absolute";this.initialTouchX=null;this.initialTouchY=null;this.handleKeydown=function(t){if(t.keyCode===keyCode.ESC){e.hide()}};this.onClickTrigger=function(){e.toggle()};this.computePosition=function(){return __awaiter(e,void 0,void 0,(function(){var t,e,o,r,s,i,n,a,p,h;return __generator(this,(function(l){switch(l.label){case 0:if(!media("small").matches)return[3,2];t=[offset({mainAxis:this.distance,crossAxis:this.skidding}),flip({padding:5}),shift({padding:5})];if(this.variant==="tooltip"){t.push(arrow({element:this.arrowElement,padding:5}))}return[4,computePosition(this.element,this.dialogElement,{strategy:this.strategy,placement:this.placement,middleware:t})];case 1:e=l.sent(),o=e.x,r=o===void 0?0:o,s=e.y,i=s===void 0?0:s,n=e.strategy,a=n===void 0?"absolute":n,p=e.placement,h=e.middlewareData;this.computedPlacement=p;Object.assign(this.dialogElement.style,{position:a,left:"".concat(r,"px"),top:"".concat(i,"px")});if(this.variant==="tooltip"){Object.assign(this.arrowElement.style,{left:r!=null?"".concat(h.arrow.x,"px"):"",top:i!=null?"".concat(h.arrow.y,"px"):""})}return[3,3];case 2:Object.assign(this.dialogElement.style,{position:null,left:null,top:null});if(this.variant==="tooltip"){Object.assign(this.arrowElement.style,{left:null,top:null})}l.label=3;case 3:return[2]}}))}))};this.handleTouchStart=function(t){var o=t.changedTouches[0];e.initialTouchX=o.pageX;e.initialTouchY=o.pageY};this.handleTouchEnd=function(t){var o=t.changedTouches[0];var r=o.pageX-e.initialTouchX;var s=o.pageY-e.initialTouchY;var i=70;var n=Math.abs(s)>=i&&Math.abs(r)<=i;if(n){e.hide()}e.initialTouchY=null;e.initialTouchX=null}}t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.open){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(){return __generator(this,(function(t){if(!this.open){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.update=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.computePosition()];case 1:return[2,t.sent()]}}))}))};t.prototype.handleOutsideClick=function(t){if(!this.open){return}var e=t.target!==this.dialogElement&&this.dialogElement.contains(t.target)===false;var o=t.target===this.triggerElement\|\|this.triggerElement.contains(t.target);if(e&&!o){this.hide()}};t.prototype.openWatcher=function(t){return __awaiter(this,void 0,void 0,(function(){var e,o,r,s;return __generator(this,(function(i){switch(i.label){case 0:if(!t)return[3,3];if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-popover"})}e=animationContentWrapperShow();o=animationDialogShow();return[4,Promise.all([stopAnimations(this.contentWrapperElement),stopAnimations(this.contentElement),stopAnimations(this.dialogElement)])];case 1:i.sent();this.dialogElement.style.willChange="transform, opacity, position, top, left, bottom, right";this.contentWrapperElement.hidden=false;return[4,Promise.all([animateTo(this.contentWrapperElement,e.keyframes,e.options),animateTo(media("small").matches?this.dialogElement:this.contentElement,o.keyframes,o.options)])];case 2:i.sent();if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-popover"})}return[3,6];case 3:if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-popover"})}r=animationContentWrapperHide();s=animationDialogHide();return[4,Promise.all([stopAnimations(this.contentWrapperElement),stopAnimations(this.contentElement),stopAnimations(this.dialogElement)])];case 4:i.sent();return[4,Promise.all([animateTo(this.contentWrapperElement,r.keyframes,r.options),animateTo(media("small").matches?this.dialogElement:this.contentElement,s.keyframes,s.options)])];case 5:i.sent();this.contentWrapperElement.hidden=true;this.dialogElement.style.willChange="auto";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-popover"})}i.label=6;case 6:this.toggledByMethod=false;return[2]}}))}))};t.prototype.distanceWatcher=function(t){if(typeof t==="number"){this.distance=t}else{this.distance=this.variant==="tooltip"?16:8}};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.labelId="stzh-popover-label-".concat(popoverCounter);popoverCounter++;this.distanceWatcher(this.distance);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"popover")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.popoverShown=function(){document.body.classList.add(CLASS_BODY_OPEN);this.triggerElement.firstElementChild.setAttribute("aria-expanded","true");if(this.trap){this.trap.activate()}};t.prototype.popoverHidden=function(){document.body.classList.remove(CLASS_BODY_OPEN);this.triggerElement.firstElementChild.setAttribute("aria-expanded","false");if(this.trap){this.trap.deactivate()}};t.prototype.componentDidRender=function(){this.computePosition();this.open?this.popoverShown():this.popoverHidden()};t.prototype.componentDidUpdate=function(){this.trap.updateContainerElements(this.dialogElement)};t.prototype.componentDidLoad=function(){this.autoUpdateCleanup=autoUpdate(this.element,this.dialogElement,this.computePosition);this.contentWrapperElement.hidden=!this.open;this.trap=createFocusTrap(this.dialogElement,{fallbackFocus:this.dialogElement,clickOutsideDeactivates:true,returnFocusOnDeactivate:true});if(this.open){this.popoverShown()}};t.prototype.connectedCallback=function(){var t;var e=(t=this.triggerElement)===null\|\|t===void 0?void 0:t.firstElementChild;if(!e){var o=Array.from(this.element.children).find((function(t){return!t.hasAttribute("slot")}));e=o}if(e){e.addEventListener("click",this.onClickTrigger)}};t.prototype.disconnectedCallback=function(){if(this.autoUpdateCleanup){this.autoUpdateCleanup()}this.triggerElement.firstElementChild.removeEventListener("click",this.onClickTrigger)};t.prototype.render=function(){var t;var e=this;var o=(t={"stzh-popover":true},t["stzh-popover--open"]=this.open,t["stzh-popover--placement-".concat(this.computedPlacement)]=!!this.computedPlacement,t["stzh-popover--".concat(this.variant)]=!!this.variant,t);return h(Host,null,h("div",{class:o,onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd},h("div",{ref:function(t){return e.triggerElement=t},class:"stzh-popover__trigger"},h("slot",null)),h("div",{ref:function(t){return e.contentWrapperElement=t},class:"stzh-popover__content-wrapper"},h("div",{class:"stzh-popover__backdrop"}),h("div",{ref:function(t){return e.contentElement=t},class:"stzh-popover__content"},h("div",{ref:function(t){return e.dialogElement=t},class:"stzh-popover__dialog",role:"dialog",tabindex:"-1","aria-modal":"true","aria-labelledby":this.label?this.labelId:null,"aria-hidden":this.open?"false":"true",onKeyDown:this.handleKeydown},this.variant==="tooltip"&&h("div",{class:"stzh-popover__arrow",ref:function(t){return e.arrowElement=t},innerHTML:Arrow}),h("div",{class:"stzh-popover__content-inner"},h("div",{class:"stzh-popover__content-slot"},h("slot",{name:"content"}),h("div",{class:"stzh-popover__action-slot"},h("slot",{name:"action"}))),h("div",{class:"stzh-popover__label-wrapper"},h("h2",{id:this.labelId,class:"stzh-popover__label"},this.label?this.label:h("slot",{name:"label"})),h("button",{class:"stzh-popover__close",onClick:function(){return e.hide()},type:"button"},h("stzh-icon",{name:"close",class:"stzh-popover__icon"}),h("span",{class:"stzh-popover__vhidden"},this.localization.close)))))))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["openWatcher"],distance:["distanceWatcher"]}},enumerable:false,configurable:true});return t}();StzhPopover.style=stzhPopoverCss;export{StzhPopover as stzh_popover};