@oiz/stzh-components 0.0.1-pretest → 1.4.0-npmjstest

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

@@ -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-18769ca6.js";import{c as createFocusTrap}from"./focus-trap.esm-074705a3.js";import{f as fetchTranslations}from"./translation-utils-f5b09945.js";import{m as media}from"./media-utils-db7c9057.js";import{w as waitForEvent}from"./event-utils-68b64805.js";import{s as stopAnimations,a as animateTo}from"./animation-utils-27dcfc1e.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};
+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};

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

@@ -1 +1 @@
-import{r as registerInstance,h,a as Host,g as getElement}from"./index-0e6d34c6.js";import{m as media,a as addMediaChangeListener,r as removeMediaChangeListener}from"./media-utils-db7c9057.js";var stzhProgressbarCss=".sc-stzh-progressbar-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-progressbar-h{display:none}.sc-stzh-progressbar-h *.sc-stzh-progressbar,.sc-stzh-progressbar-h *.sc-stzh-progressbar::before,.sc-stzh-progressbar-h *.sc-stzh-progressbar::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-progressbar-h{min-width:calc(var(--steps) * 1.6875rem * 2)}@media screen and (min-width: 600px){.sc-stzh-progressbar-h{min-width:calc(var(--steps) * 1.9375rem * 2)}}.stzh-progressbar.sc-stzh-progressbar{position:relative;overflow:hidden}.stzh-progressbar__items.sc-stzh-progressbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.stzh-progressbar__item.sc-stzh-progressbar{-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-preferred-size:0;flex-basis:0}";var StzhProgressbar=function(){function e(e){var t=this;registerInstance(this,e);this.data=[];this.index=0;this.steps=5;this.stepsSmall=6;this.stepsMedium=0;this.stepsLarge=0;this.stepsUltra=0;this.setCurrentSteps=function(){if(media("ultra").matches&&t.stepsUltra){t.currentSteps=t.stepsUltra}else if(media("large").matches&&t.stepsLarge){t.currentSteps=t.stepsLarge}else if(media("medium").matches&&t.stepsMedium){t.currentSteps=t.stepsMedium}else if(media("small").matches&&t.stepsSmall){t.currentSteps=t.stepsSmall}else{t.currentSteps=t.steps}t.element.style.setProperty("--steps",t.currentSteps.toString())}}e.prototype.dataWatcher=function(e){if(typeof e==="string"){this._data=JSON.parse(e)}else{this._data=e}this.lastItemIndex=this._data.length-1;this.maxStepIndex=this.currentSteps-1;this.withinLastFewSteps=this.index>=this._data.length-this.maxStepIndex};e.prototype.getItemAttributes=function(e){var t={};t.step=e+1;t.first=e===0;t.last=e===this.lastItemIndex;t.current=e===this.index;t.passed=e<this.index;if(this._data.length>this.currentSteps){if(e===this.lastItemIndex&&!this.withinLastFewSteps){t.dotted=true}if(this.index<2){t.hide=e>this.maxStepIndex-1&&e<this.lastItemIndex}else{if(e===0){t.dotted=true}var s=this.index;if(this.withinLastFewSteps){s=this._data.length-this.maxStepIndex}t.hide=e>0&&e<s||e>this.index+(this.currentSteps-3)&&e<this.lastItemIndex}}return t};e.prototype.componentWillLoad=function(){this.dataWatcher(this.data)};e.prototype.connectedCallback=function(){this.setCurrentSteps();addMediaChangeListener(this.setCurrentSteps)};e.prototype.disconnectedCallback=function(){removeMediaChangeListener(this.setCurrentSteps)};e.prototype.render=function(){var e;var t=this;var s=(e={"stzh-progressbar":true},e["stzh-progressbar--index-".concat(this.index)]=!!this.index,e);return h(Host,null,h("div",{class:s},h("div",{class:"stzh-progressbar__items",role:"list"},this._data.map((function(e,s){return h("stzh-progressbar-item",Object.assign({},t.getItemAttributes(s),{icon:e.icon,class:"stzh-progressbar__item"}),e.label)})))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{data:["dataWatcher"]}},enumerable:false,configurable:true});return e}();StzhProgressbar.style=stzhProgressbarCss;export{StzhProgressbar as stzh_progressbar};
+import{r as registerInstance,h,a as Host,g as getElement}from"./index-0e6d34c6.js";import{m as media,a as addMediaChangeListener,r as removeMediaChangeListener}from"./media-utils-9b041ceb.js";var stzhProgressbarCss=".sc-stzh-progressbar-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-progressbar-h{display:none}.sc-stzh-progressbar-h *.sc-stzh-progressbar,.sc-stzh-progressbar-h *.sc-stzh-progressbar::before,.sc-stzh-progressbar-h *.sc-stzh-progressbar::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-progressbar-h{min-width:calc(var(--steps) * 1.6875rem * 2)}@media screen and (min-width: 600px){.sc-stzh-progressbar-h{min-width:calc(var(--steps) * 1.9375rem * 2)}}.stzh-progressbar.sc-stzh-progressbar{position:relative;overflow:hidden}.stzh-progressbar__items.sc-stzh-progressbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.stzh-progressbar__item.sc-stzh-progressbar{-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-preferred-size:0;flex-basis:0}";var StzhProgressbar=function(){function e(e){var t=this;registerInstance(this,e);this.data=[];this.index=0;this.steps=5;this.stepsSmall=6;this.stepsMedium=0;this.stepsLarge=0;this.stepsUltra=0;this.setCurrentSteps=function(){if(media("ultra").matches&&t.stepsUltra){t.currentSteps=t.stepsUltra}else if(media("large").matches&&t.stepsLarge){t.currentSteps=t.stepsLarge}else if(media("medium").matches&&t.stepsMedium){t.currentSteps=t.stepsMedium}else if(media("small").matches&&t.stepsSmall){t.currentSteps=t.stepsSmall}else{t.currentSteps=t.steps}t.element.style.setProperty("--steps",t.currentSteps.toString())}}e.prototype.dataWatcher=function(e){if(typeof e==="string"){this._data=JSON.parse(e)}else{this._data=e}this.lastItemIndex=this._data.length-1;this.maxStepIndex=this.currentSteps-1;this.withinLastFewSteps=this.index>=this._data.length-this.maxStepIndex};e.prototype.getItemAttributes=function(e){var t={};t.step=e+1;t.first=e===0;t.last=e===this.lastItemIndex;t.current=e===this.index;t.passed=e<this.index;if(this._data.length>this.currentSteps){if(e===this.lastItemIndex&&!this.withinLastFewSteps){t.dotted=true}if(this.index<2){t.hide=e>this.maxStepIndex-1&&e<this.lastItemIndex}else{if(e===0){t.dotted=true}var s=this.index;if(this.withinLastFewSteps){s=this._data.length-this.maxStepIndex}t.hide=e>0&&e<s||e>this.index+(this.currentSteps-3)&&e<this.lastItemIndex}}return t};e.prototype.componentWillLoad=function(){this.dataWatcher(this.data)};e.prototype.connectedCallback=function(){this.setCurrentSteps();addMediaChangeListener(this.setCurrentSteps)};e.prototype.disconnectedCallback=function(){removeMediaChangeListener(this.setCurrentSteps)};e.prototype.render=function(){var e;var t=this;var s=(e={"stzh-progressbar":true},e["stzh-progressbar--index-".concat(this.index)]=!!this.index,e);return h(Host,null,h("div",{class:s},h("div",{class:"stzh-progressbar__items",role:"list"},this._data.map((function(e,s){return h("stzh-progressbar-item",Object.assign({},t.getItemAttributes(s),{icon:e.icon,class:"stzh-progressbar__item"}),e.label)})))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{data:["dataWatcher"]}},enumerable:false,configurable:true});return e}();StzhProgressbar.style=stzhProgressbarCss;export{StzhProgressbar as stzh_progressbar};

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

@@ -1 +1 @@
-import{r as registerInstance,h,a as Host,g as getElement}from"./index-0e6d34c6.js";import{s as setPropsIfNull}from"./utils-c5d68020.js";var stzhReadspeakerCss=":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-readspeaker{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}.stzh-readspeaker[hidden]{display:none}.stzh-readspeaker *,.stzh-readspeaker *::before,.stzh-readspeaker *::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-readspeaker .rsbtn_play{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-readspeaker .rsbtn_classic.rsexpanded .rsbtn_exp.rsimg{float:left;padding-bottom:0;-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover)}.rsbtn_classic.rsexpanded{position:absolute;max-width:100%;z-index:var(--stzh-z-index-sticky)}.rsbtn_classic.rsexpanded,.rsbtn_classic.rsexpanded *,.rsbtn_classic.rsexpanded *::after,.rsbtn_classic.rsexpanded *::before{-webkit-box-sizing:initial;box-sizing:initial}.rsbtn_classic.rsexpanded .rsbtn_playerarea{padding:0.625rem;border:none}.rsbtn_classic.rsexpanded .rsbtn_closer.rsimg{right:0.625rem;top:0.625rem}.rsbtn_classic.rsexpanded .rsbtn_settings .rsbtn_btnlabel.rsimg,.rsbtn_classic.rsexpanded .rsbtn_dl .rsbtn_btnlabel,.rsbtn_classic.rsexpanded .rsbtn_powered .rsbtn_btnlabel{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);height:auto}.rsbtn_classic.rsexpanded .rsbtn_bottomlinks{margin-top:0.3125rem}.rsbtn_classic.rsexpanded .rsbtn_topbar>*,.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_icon,.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_stop,.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_pause,.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_volume,.rsbtn_classic.rsexpanded .rsbtn_closer,.rsbtn_classic.rsexpanded .rsbtn_progress_container.rsimg{border:0.375rem solid var(--stzh-color-grey13);border-radius:0.3125rem}.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_icon{border:0.3125rem solid var(--stzh-color-grey13)}.rsbtn_classic.rsexpanded .rsbtn_progress_container.rsimg{border:0.4375rem solid var(--stzh-color-grey13)}.rsbtn_classic.rsexpanded .rsbtn_topbar{margin-right:2.5rem}.rsbtn_classic.rspopup.rscompact{z-index:var(--stzh-z-index-sticky);-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover);border:none;padding:0.625rem}.rsbtn_classic.rspopup.rscompact .rsbtn_play{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:1.25rem;height:1.25rem}.rsbtn_classic.rspopup.rscompact .rsbtn_play .rsbtn_left,.rsbtn_classic.rspopup.rscompact .rsbtn_play .rsbtn_right{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}.rsbtn_classic.rspopup.rscompact .rsbtn_exp .rsbtn_separator{height:0.0625rem}";var StzhReadspeaker=function(){function s(s){var e=this;registerInstance(this,s);this.onLinkClick=function(){e.readspeakerLink.click()};this.init=function(){e.addClickEvents();var s=e.element.querySelectorAll("stzh-link, stzh-button");s.forEach((function(s){s.addEventListener("click",e.onLinkClick);setPropsIfNull(s,{icon:"volume-medium"})}))}}s.prototype.addClickEvents=function(){if(window.ReadSpeaker){window.ReadSpeaker.init()}if(window.rspkr&&window.rspkr.ui){window.rspkr.ui.addClickEvents()}};s.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};s.prototype.disconnectedCallback=function(){this.observer.disconnect()};s.prototype.render=function(){var s=this;var e={"stzh-readspeaker":true};return h(Host,null,h("div",{class:e},h("slot",null),h("div",{class:"rs_skip rsbtn_classic rs_preserve right"},h("a",{"aria-hidden":"true",tabindex:"-1",rel:"nofollow",class:"rsbtn_play icon read",href:this.href,"data-rsevent-id":this.eventId,ref:function(e){return s.readspeakerLink=e}},h("span",{class:"rsbtn_text"},h("span",null,"readspeakerlink"))))))};Object.defineProperty(s.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return s}();StzhReadspeaker.style=stzhReadspeakerCss;export{StzhReadspeaker as stzh_readspeaker};
+import{r as registerInstance,h,a as Host,g as getElement}from"./index-0e6d34c6.js";import{s as setPropsIfNull}from"./utils-904416df.js";var stzhReadspeakerCss=":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-readspeaker{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}.stzh-readspeaker[hidden]{display:none}.stzh-readspeaker *,.stzh-readspeaker *::before,.stzh-readspeaker *::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-readspeaker .rsbtn_play{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-readspeaker .rsbtn_classic.rsexpanded .rsbtn_exp.rsimg{float:left;padding-bottom:0;-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover)}.rsbtn_classic.rsexpanded{position:absolute;max-width:100%;z-index:var(--stzh-z-index-sticky)}.rsbtn_classic.rsexpanded,.rsbtn_classic.rsexpanded *,.rsbtn_classic.rsexpanded *::after,.rsbtn_classic.rsexpanded *::before{-webkit-box-sizing:initial;box-sizing:initial}.rsbtn_classic.rsexpanded .rsbtn_playerarea{padding:0.625rem;border:none}.rsbtn_classic.rsexpanded .rsbtn_closer.rsimg{right:0.625rem;top:0.625rem}.rsbtn_classic.rsexpanded .rsbtn_settings .rsbtn_btnlabel.rsimg,.rsbtn_classic.rsexpanded .rsbtn_dl .rsbtn_btnlabel,.rsbtn_classic.rsexpanded .rsbtn_powered .rsbtn_btnlabel{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);height:auto}.rsbtn_classic.rsexpanded .rsbtn_bottomlinks{margin-top:0.3125rem}.rsbtn_classic.rsexpanded .rsbtn_topbar>*,.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_icon,.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_stop,.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_pause,.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_volume,.rsbtn_classic.rsexpanded .rsbtn_closer,.rsbtn_classic.rsexpanded .rsbtn_progress_container.rsimg{border:0.375rem solid var(--stzh-color-grey13);border-radius:0.3125rem}.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_icon{border:0.3125rem solid var(--stzh-color-grey13)}.rsbtn_classic.rsexpanded .rsbtn_progress_container.rsimg{border:0.4375rem solid var(--stzh-color-grey13)}.rsbtn_classic.rsexpanded .rsbtn_topbar{margin-right:2.5rem}.rsbtn_classic.rspopup.rscompact{z-index:var(--stzh-z-index-sticky);-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover);border:none;padding:0.625rem}.rsbtn_classic.rspopup.rscompact .rsbtn_play{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:1.25rem;height:1.25rem}.rsbtn_classic.rspopup.rscompact .rsbtn_play .rsbtn_left,.rsbtn_classic.rspopup.rscompact .rsbtn_play .rsbtn_right{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}.rsbtn_classic.rspopup.rscompact .rsbtn_exp .rsbtn_separator{height:0.0625rem}";var StzhReadspeaker=function(){function s(s){var e=this;registerInstance(this,s);this.onLinkClick=function(){e.readspeakerLink.click()};this.init=function(){e.addClickEvents();var s=e.element.querySelectorAll("stzh-link, stzh-button");s.forEach((function(s){s.addEventListener("click",e.onLinkClick);setPropsIfNull(s,{icon:"volume-medium"})}))}}s.prototype.addClickEvents=function(){if(window.ReadSpeaker){window.ReadSpeaker.init()}if(window.rspkr&&window.rspkr.ui){window.rspkr.ui.addClickEvents()}};s.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};s.prototype.disconnectedCallback=function(){this.observer.disconnect()};s.prototype.render=function(){var s=this;var e={"stzh-readspeaker":true};return h(Host,null,h("div",{class:e},h("slot",null),h("div",{class:"rs_skip rsbtn_classic rs_preserve right"},h("a",{"aria-hidden":"true",tabindex:"-1",rel:"nofollow",class:"rsbtn_play icon read",href:this.href,"data-rsevent-id":this.eventId,ref:function(e){return s.readspeakerLink=e}},h("span",{class:"rsbtn_text"},h("span",null,"readspeakerlink"))))))};Object.defineProperty(s.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return s}();StzhReadspeaker.style=stzhReadspeakerCss;export{StzhReadspeaker as stzh_readspeaker};

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,a,s,e){function r(t){return t instanceof s?t:new s((function(a){a(t)}))}return new(s||(s=Promise))((function(s,n){function i(t){try{c(e.next(t))}catch(a){n(a)}}function h(t){try{c(e["throw"](t))}catch(a){n(a)}}function c(t){t.done?s(t.value):r(t.value).then(i,h)}c((e=e.apply(t,a||[])).next())}))};var __generator=this&&this.__generator||function(t,a){var s={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},e,r,n,i;return i={next:h(0),throw:h(1),return:h(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function h(t){return function(a){return c([t,a])}}function c(i){if(e)throw new TypeError("Generator is already executing.");while(s)try{if(e=1,r&&(n=i[0]&2?r["return"]:i[0]?r["throw"]||((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,i[1])).done)return n;if(r=0,n)i=[i[0]&2,n.value];switch(i[0]){case 0:case 1:n=i;break;case 4:s.label++;return{value:i[1],done:false};case 5:s.label++;r=i[1];i=[0];continue;case 7:i=s.ops.pop();s.trys.pop();continue;default:if(!(n=s.trys,n=n.length>0&&n[n.length-1])&&(i[0]===6||i[0]===2)){s=0;continue}if(i[0]===3&&(!n||i[1]>n[0]&&i[1]<n[3])){s.label=i[1];break}if(i[0]===6&&s.label<n[1]){s.label=n[1];n=i;break}if(n&&s.label<n[2]){s.label=n[2];s.ops.push(i);break}if(n[2])s.ops.pop();s.trys.pop();continue}i=a.call(t,s)}catch(h){i=[6,h];r=0}finally{e=n=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{r as registerInstance,h,a as Host,g as getElement}from"./index-0e6d34c6.js";import{f as fetchTranslations}from"./translation-utils-f5b09945.js";var stzhSaptchaCss=".sc-stzh-saptcha-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-saptcha-h{display:none}.sc-stzh-saptcha-h *.sc-stzh-saptcha,.sc-stzh-saptcha-h *.sc-stzh-saptcha::before,.sc-stzh-saptcha-h *.sc-stzh-saptcha::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-saptcha__box.sc-stzh-saptcha{padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium);background-color:var(--stzh-section-highlight-background-color)}@media screen and (min-width: 1024px){.stzh-saptcha__box.sc-stzh-saptcha{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-saptcha__box.sc-stzh-saptcha{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.stzh-saptcha__box.sc-stzh-saptcha{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.stzh-saptcha__box.sc-stzh-saptcha{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-saptcha__box.sc-stzh-saptcha{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1024px){.stzh-saptcha__box.sc-stzh-saptcha{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-saptcha__box.sc-stzh-saptcha{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-saptcha__box.sc-stzh-saptcha{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-saptcha__box.sc-stzh-saptcha{padding-right:var(--stzh-space-xlarge)}}.stzh-saptcha__info.sc-stzh-saptcha,.stzh-saptcha__question.sc-stzh-saptcha{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)}.stzh-saptcha__answer.sc-stzh-saptcha{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:normal;font-size:var(--stzh-font-regular-font-size);line-height:var(--stzh-font-regular-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-saptcha__input.sc-stzh-saptcha{margin-top:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-saptcha__input.sc-stzh-saptcha{margin-top:var(--stzh-space-medium)}}";var saptchaCounter=0;var StzhSaptcha=function(){function t(t){registerInstance(this,t);this.numbers=[];this._numbers=[];this.value="";this.name="saptcha";this.invalid=false;this.disabled=false}t.prototype.numbersWatcher=function(t){if(typeof t==="string"){this._numbers=JSON.parse(t)}else{this._numbers=t}};t.prototype.errorWatcher=function(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(a){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}this.invalid=this._error.length>0};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(a){switch(a.label){case 0:this.saptchaId="stzh-saptcha-".concat(saptchaCounter++);this.numbersWatcher(this.numbers);this.errorWatcher(this.error);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"saptcha")];case 1:t.localization=a.sent();a.label=2;case 2:return[2]}}))}))};t.prototype.render=function(){var t=this;var a={"stzh-saptcha":true};return h(Host,null,h("div",{class:a},h("div",{class:"stzh-saptcha__box"},h("div",{class:"stzh-saptcha__info",id:"".concat(this.saptchaId,"-info")},this.localization.info),h("div",{id:"".concat(this.saptchaId,"-question")},h("div",{class:"stzh-saptcha__question"},this.localization.question),h("div",{class:"stzh-saptcha__answer"},this._numbers.map((function(a,s){return h("span",{class:"stzh-saptcha__number"},a,s<t._numbers.length-1&&(s===t._numbers.length-2?t.localization.answerOr:", "))})))),h("stzh-input",{class:"stzh-saptcha__input",label:this.localization.answer,name:this.name,invalid:this.invalid,error:this.error,disabled:this.disabled,value:this.value,required:true,"show-marker":true,a11yDescribedby:"".concat(this.saptchaId,"-info ").concat(this.saptchaId,"-question")}))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{numbers:["numbersWatcher"],error:["errorWatcher"]}},enumerable:false,configurable:true});return t}();StzhSaptcha.style=stzhSaptchaCss;export{StzhSaptcha as stzh_saptcha};
+var __awaiter=this&&this.__awaiter||function(t,a,s,e){function r(t){return t instanceof s?t:new s((function(a){a(t)}))}return new(s||(s=Promise))((function(s,n){function i(t){try{c(e.next(t))}catch(a){n(a)}}function h(t){try{c(e["throw"](t))}catch(a){n(a)}}function c(t){t.done?s(t.value):r(t.value).then(i,h)}c((e=e.apply(t,a||[])).next())}))};var __generator=this&&this.__generator||function(t,a){var s={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},e,r,n,i;return i={next:h(0),throw:h(1),return:h(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function h(t){return function(a){return c([t,a])}}function c(i){if(e)throw new TypeError("Generator is already executing.");while(s)try{if(e=1,r&&(n=i[0]&2?r["return"]:i[0]?r["throw"]||((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,i[1])).done)return n;if(r=0,n)i=[i[0]&2,n.value];switch(i[0]){case 0:case 1:n=i;break;case 4:s.label++;return{value:i[1],done:false};case 5:s.label++;r=i[1];i=[0];continue;case 7:i=s.ops.pop();s.trys.pop();continue;default:if(!(n=s.trys,n=n.length>0&&n[n.length-1])&&(i[0]===6||i[0]===2)){s=0;continue}if(i[0]===3&&(!n||i[1]>n[0]&&i[1]<n[3])){s.label=i[1];break}if(i[0]===6&&s.label<n[1]){s.label=n[1];n=i;break}if(n&&s.label<n[2]){s.label=n[2];s.ops.push(i);break}if(n[2])s.ops.pop();s.trys.pop();continue}i=a.call(t,s)}catch(h){i=[6,h];r=0}finally{e=n=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{r as registerInstance,h,a as Host,g as getElement}from"./index-0e6d34c6.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";var stzhSaptchaCss=".sc-stzh-saptcha-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-saptcha-h{display:none}.sc-stzh-saptcha-h *.sc-stzh-saptcha,.sc-stzh-saptcha-h *.sc-stzh-saptcha::before,.sc-stzh-saptcha-h *.sc-stzh-saptcha::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-saptcha__box.sc-stzh-saptcha{padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium);background-color:var(--stzh-section-highlight-background-color)}@media screen and (min-width: 1024px){.stzh-saptcha__box.sc-stzh-saptcha{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-saptcha__box.sc-stzh-saptcha{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.stzh-saptcha__box.sc-stzh-saptcha{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.stzh-saptcha__box.sc-stzh-saptcha{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-saptcha__box.sc-stzh-saptcha{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1024px){.stzh-saptcha__box.sc-stzh-saptcha{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-saptcha__box.sc-stzh-saptcha{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-saptcha__box.sc-stzh-saptcha{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-saptcha__box.sc-stzh-saptcha{padding-right:var(--stzh-space-xlarge)}}.stzh-saptcha__info.sc-stzh-saptcha,.stzh-saptcha__question.sc-stzh-saptcha{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)}.stzh-saptcha__answer.sc-stzh-saptcha{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:normal;font-size:var(--stzh-font-regular-font-size);line-height:var(--stzh-font-regular-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-saptcha__input.sc-stzh-saptcha{margin-top:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-saptcha__input.sc-stzh-saptcha{margin-top:var(--stzh-space-medium)}}";var saptchaCounter=0;var StzhSaptcha=function(){function t(t){registerInstance(this,t);this.numbers=[];this._numbers=[];this.value="";this.name="saptcha";this.invalid=false;this.disabled=false}t.prototype.numbersWatcher=function(t){if(typeof t==="string"){this._numbers=JSON.parse(t)}else{this._numbers=t}};t.prototype.errorWatcher=function(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(a){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}this.invalid=this._error.length>0};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(a){switch(a.label){case 0:this.saptchaId="stzh-saptcha-".concat(saptchaCounter++);this.numbersWatcher(this.numbers);this.errorWatcher(this.error);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"saptcha")];case 1:t.localization=a.sent();a.label=2;case 2:return[2]}}))}))};t.prototype.render=function(){var t=this;var a={"stzh-saptcha":true};return h(Host,null,h("div",{class:a},h("div",{class:"stzh-saptcha__box"},h("div",{class:"stzh-saptcha__info",id:"".concat(this.saptchaId,"-info")},this.localization.info),h("div",{id:"".concat(this.saptchaId,"-question")},h("div",{class:"stzh-saptcha__question"},this.localization.question),h("div",{class:"stzh-saptcha__answer"},this._numbers.map((function(a,s){return h("span",{class:"stzh-saptcha__number"},a,s<t._numbers.length-1&&(s===t._numbers.length-2?t.localization.answerOr:", "))})))),h("stzh-input",{class:"stzh-saptcha__input",label:this.localization.answer,name:this.name,invalid:this.invalid,error:this.error,disabled:this.disabled,value:this.value,required:true,"show-marker":true,a11yDescribedby:"".concat(this.saptchaId,"-info ").concat(this.saptchaId,"-question")}))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{numbers:["numbersWatcher"],error:["errorWatcher"]}},enumerable:false,configurable:true});return t}();StzhSaptcha.style=stzhSaptchaCss;export{StzhSaptcha as stzh_saptcha};

package/dist/esm-es5/stzh-servicecard-list.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,s,i){function r(t){return t instanceof s?t:new s((function(e){e(t)}))}return new(s||(s=Promise))((function(s,a){function l(t){try{n(i.next(t))}catch(e){a(e)}}function c(t){try{n(i["throw"](t))}catch(e){a(e)}}function n(t){t.done?s(t.value):r(t.value).then(l,c)}n((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var s={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,r,a,l;return l={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function c(t){return function(e){return n([t,e])}}function n(l){if(i)throw new TypeError("Generator is already executing.");while(s)try{if(i=1,r&&(a=l[0]&2?r["return"]:l[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;if(r=0,a)l=[l[0]&2,a.value];switch(l[0]){case 0:case 1:a=l;break;case 4:s.label++;return{value:l[1],done:false};case 5:s.label++;r=l[1];l=[0];continue;case 7:l=s.ops.pop();s.trys.pop();continue;default:if(!(a=s.trys,a=a.length>0&&a[a.length-1])&&(l[0]===6||l[0]===2)){s=0;continue}if(l[0]===3&&(!a||l[1]>a[0]&&l[1]<a[3])){s.label=l[1];break}if(l[0]===6&&s.label<a[1]){s.label=a[1];a=l;break}if(a&&s.label<a[2]){s.label=a[2];s.ops.push(l);break}if(a[2])s.ops.pop();s.trys.pop();continue}l=e.call(t,s)}catch(c){l=[6,c];r=0}finally{i=a=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};import{r as registerInstance,h,a as Host,g as getElement}from"./index-0e6d34c6.js";import{f as fetchTranslations}from"./translation-utils-f5b09945.js";var stzhServicecardListCss=".sc-stzh-servicecard-list-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-servicecard-list-h{display:none}.sc-stzh-servicecard-list-h *.sc-stzh-servicecard-list,.sc-stzh-servicecard-list-h *.sc-stzh-servicecard-list::before,.sc-stzh-servicecard-list-h *.sc-stzh-servicecard-list::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-servicecard-list-h .sc-stzh-servicecard-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.sc-stzh-servicecard-list-h .sc-stzh-servicecard-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-servicecard-list-h .sc-stzh-servicecard-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-xlarge)}}.sc-stzh-servicecard-list-h .sc-stzh-servicecard-list-s>[slot=description] stzh-icon{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.sc-stzh-servicecard-list-h .sc-stzh-servicecard-list-s>stzh-text[slot=description]{--color:inherit}.stzh-servicecard-list__header.sc-stzh-servicecard-list{margin-bottom:var(--stzh-space-medium);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}@media screen and (min-width: 1024px){.stzh-servicecard-list__header.sc-stzh-servicecard-list{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-servicecard-list__header.sc-stzh-servicecard-list{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 800px){.stzh-servicecard-list__header.sc-stzh-servicecard-list{-ms-flex-direction:row;flex-direction:row}}.stzh-servicecard-list__description.sc-stzh-servicecard-list{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);color:var(--stzh-base-lead-color)}@media screen and (min-width: 1024px){.stzh-servicecard-list__description.sc-stzh-servicecard-list{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-servicecard-list__description.sc-stzh-servicecard-list:not(:empty){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 800px){.stzh-servicecard-list__description.sc-stzh-servicecard-list:not(:empty){margin-bottom:0}}.stzh-servicecard-list__switch.sc-stzh-servicecard-list{--color:var(--stzh-base-lead-color);-ms-flex-item-align:end;align-self:end}";var StzhServicecardList=function(){function t(t){var e=this;registerInstance(this,t);this.sortableDisabled=false;this.showToggleLink=false;this.sortableDataIdAttribute="data-id";this.allCollapsed=false;this.collapseClick=function(){var t=Array.from(e.element.querySelectorAll("stzh-servicecard"));t.forEach((function(t){if(t.collapsible){t.collapsed=!e.allCollapsed}}));e.allCollapsed=!e.allCollapsed};this.updateCollapsedState=function(){var t=Array.from(e.element.querySelectorAll("stzh-servicecard"));e.allCollapsed=!t.some((function(t){return!t.collapsed}))}}t.prototype.collapseListener=function(){this.updateCollapsedState()};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"servicecard-list")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.componentDidLoad=function(){this.updateCollapsedState()};t.prototype.render=function(){var t={"stzh-servicecard-list":true};return h(Host,null,h("div",{class:t},h("div",{class:"stzh-servicecard-list__header"},h("div",{class:"stzh-servicecard-list__description"},h("slot",{name:"description"})),this.showToggleLink&&h("stzh-link",{class:"stzh-servicecard-list__switch",icon:this.allCollapsed?"list-expanded":"list-shrinked",label:this.allCollapsed?this.localization.expandAll:this.localization.collapseAll,onClick:this.collapseClick})),h("stzh-sortable",{disabled:this.sortableDisabled,dataIdAttribute:this.sortableDataIdAttribute},h("div",{class:"stzh-servicecard-list__cards",role:"list"},h("slot",null)))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhServicecardList.style=stzhServicecardListCss;export{StzhServicecardList as stzh_servicecard_list};
+var __awaiter=this&&this.__awaiter||function(t,e,s,i){function r(t){return t instanceof s?t:new s((function(e){e(t)}))}return new(s||(s=Promise))((function(s,a){function l(t){try{n(i.next(t))}catch(e){a(e)}}function c(t){try{n(i["throw"](t))}catch(e){a(e)}}function n(t){t.done?s(t.value):r(t.value).then(l,c)}n((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var s={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,r,a,l;return l={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function c(t){return function(e){return n([t,e])}}function n(l){if(i)throw new TypeError("Generator is already executing.");while(s)try{if(i=1,r&&(a=l[0]&2?r["return"]:l[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;if(r=0,a)l=[l[0]&2,a.value];switch(l[0]){case 0:case 1:a=l;break;case 4:s.label++;return{value:l[1],done:false};case 5:s.label++;r=l[1];l=[0];continue;case 7:l=s.ops.pop();s.trys.pop();continue;default:if(!(a=s.trys,a=a.length>0&&a[a.length-1])&&(l[0]===6||l[0]===2)){s=0;continue}if(l[0]===3&&(!a||l[1]>a[0]&&l[1]<a[3])){s.label=l[1];break}if(l[0]===6&&s.label<a[1]){s.label=a[1];a=l;break}if(a&&s.label<a[2]){s.label=a[2];s.ops.push(l);break}if(a[2])s.ops.pop();s.trys.pop();continue}l=e.call(t,s)}catch(c){l=[6,c];r=0}finally{i=a=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};import{r as registerInstance,h,a as Host,g as getElement}from"./index-0e6d34c6.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";var stzhServicecardListCss=".sc-stzh-servicecard-list-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-servicecard-list-h{display:none}.sc-stzh-servicecard-list-h *.sc-stzh-servicecard-list,.sc-stzh-servicecard-list-h *.sc-stzh-servicecard-list::before,.sc-stzh-servicecard-list-h *.sc-stzh-servicecard-list::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-servicecard-list-h .sc-stzh-servicecard-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.sc-stzh-servicecard-list-h .sc-stzh-servicecard-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-servicecard-list-h .sc-stzh-servicecard-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-xlarge)}}.sc-stzh-servicecard-list-h .sc-stzh-servicecard-list-s>[slot=description] stzh-icon{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.sc-stzh-servicecard-list-h .sc-stzh-servicecard-list-s>stzh-text[slot=description]{--color:inherit}.stzh-servicecard-list__header.sc-stzh-servicecard-list{margin-bottom:var(--stzh-space-medium);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}@media screen and (min-width: 1024px){.stzh-servicecard-list__header.sc-stzh-servicecard-list{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-servicecard-list__header.sc-stzh-servicecard-list{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 800px){.stzh-servicecard-list__header.sc-stzh-servicecard-list{-ms-flex-direction:row;flex-direction:row}}.stzh-servicecard-list__description.sc-stzh-servicecard-list{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);color:var(--stzh-base-lead-color)}@media screen and (min-width: 1024px){.stzh-servicecard-list__description.sc-stzh-servicecard-list{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-servicecard-list__description.sc-stzh-servicecard-list:not(:empty){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 800px){.stzh-servicecard-list__description.sc-stzh-servicecard-list:not(:empty){margin-bottom:0}}.stzh-servicecard-list__switch.sc-stzh-servicecard-list{--color:var(--stzh-base-lead-color);-ms-flex-item-align:end;align-self:end}";var StzhServicecardList=function(){function t(t){var e=this;registerInstance(this,t);this.sortableDisabled=false;this.showToggleLink=false;this.sortableDataIdAttribute="data-id";this.allCollapsed=false;this.collapseClick=function(){var t=Array.from(e.element.querySelectorAll("stzh-servicecard"));t.forEach((function(t){if(t.collapsible){t.collapsed=!e.allCollapsed}}));e.allCollapsed=!e.allCollapsed};this.updateCollapsedState=function(){var t=Array.from(e.element.querySelectorAll("stzh-servicecard"));e.allCollapsed=!t.some((function(t){return!t.collapsed}))}}t.prototype.collapseListener=function(){this.updateCollapsedState()};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"servicecard-list")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.componentDidLoad=function(){this.updateCollapsedState()};t.prototype.render=function(){var t={"stzh-servicecard-list":true};return h(Host,null,h("div",{class:t},h("div",{class:"stzh-servicecard-list__header"},h("div",{class:"stzh-servicecard-list__description"},h("slot",{name:"description"})),this.showToggleLink&&h("stzh-link",{class:"stzh-servicecard-list__switch",icon:this.allCollapsed?"list-expanded":"list-shrinked",label:this.allCollapsed?this.localization.expandAll:this.localization.collapseAll,onClick:this.collapseClick})),h("stzh-sortable",{disabled:this.sortableDisabled,dataIdAttribute:this.sortableDataIdAttribute},h("div",{class:"stzh-servicecard-list__cards",role:"list"},h("slot",null)))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhServicecardList.style=stzhServicecardListCss;export{StzhServicecardList as stzh_servicecard_list};

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,s,t,r){function i(e){return e instanceof t?e:new t((function(s){s(e)}))}return new(t||(t=Promise))((function(t,a){function c(e){try{d(r.next(e))}catch(s){a(s)}}function n(e){try{d(r["throw"](e))}catch(s){a(s)}}function d(e){e.done?t(e.value):i(e.value).then(c,n)}d((r=r.apply(e,s||[])).next())}))};var __generator=this&&this.__generator||function(e,s){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,i,a,c;return c={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function n(e){return function(s){return d([e,s])}}function d(c){if(r)throw new TypeError("Generator is already executing.");while(t)try{if(r=1,i&&(a=c[0]&2?i["return"]:c[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,c[1])).done)return a;if(i=0,a)c=[c[0]&2,a.value];switch(c[0]){case 0:case 1:a=c;break;case 4:t.label++;return{value:c[1],done:false};case 5:t.label++;i=c[1];c=[0];continue;case 7:c=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(c[0]===6||c[0]===2)){t=0;continue}if(c[0]===3&&(!a||c[1]>a[0]&&c[1]<a[3])){t.label=c[1];break}if(c[0]===6&&t.label<a[1]){t.label=a[1];a=c;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(c);break}if(a[2])t.ops.pop();t.trys.pop();continue}c=s.call(e,t)}catch(n){c=[6,n];i=0}finally{r=a=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,i as forceUpdate,h,F as Fragment,a as Host,g as getElement}from"./index-0e6d34c6.js";import{h as hasSlot}from"./utils-c5d68020.js";import{m as media}from"./media-utils-db7c9057.js";import{f as fetchTranslations}from"./translation-utils-f5b09945.js";var stzhServicecardCss='.sc-stzh-servicecard-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-servicecard-h{display:none}.sc-stzh-servicecard-h *.sc-stzh-servicecard,.sc-stzh-servicecard-h *.sc-stzh-servicecard::before,.sc-stzh-servicecard-h *.sc-stzh-servicecard::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-servicecard-h{--box-shadow:var(--stzh-box-shadow-popover);--border:0.0625rem solid var(--stzh-base-border-color);--border-radius:0.1875rem;--dnd-visibility:hidden;--dnd-opacity:0;position:relative;border-radius:var(--border-radius)}.is-ghost.sc-stzh-servicecard-h::after{border-radius:var(--border-radius)}.is-selected.sc-stzh-servicecard-h,.is-chosen.sc-stzh-servicecard-h{--box-shadow:var(--stzh-box-shadow-overlay)}.is-ghost.sc-stzh-servicecard-h{--box-shadow:none;--border:0.0625rem solid transparent;overflow:hidden}.is-drag.sc-stzh-servicecard-h,.is-chosen.sc-stzh-servicecard-h,.is-ghost.sc-stzh-servicecard-h,.is-selected.sc-stzh-servicecard-h{--dnd-visibility:visible;--dnd-opacity:1}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>*{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>table{border:0;border-spacing:0}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>table th{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>table td,.sc-stzh-servicecard-h .sc-stzh-servicecard-s>table th{padding:0}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>table td{color:var(--stzh-color-black);padding-left:var(--stzh-space-xsmall)}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>*:not(:first-child){margin-top:var(--stzh-space-medium)}.stzh-servicecard.sc-stzh-servicecard{background-color:var(--stzh-color-white);border-radius:var(--border-radius);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);border:var(--border);-webkit-transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed), -webkit-box-shadow var(--stzh-base-transition-animation-speed)}@media screen and (max-width: 1023px){.stzh-servicecard.sc-stzh-servicecard .show-medium.sc-stzh-servicecard{display:none}}@media screen and (min-width: 1024px){.stzh-servicecard.sc-stzh-servicecard .hide-medium.sc-stzh-servicecard{display:none}}.stzh-servicecard__dnd.sc-stzh-servicecard{--size:var(--stzh-icon-size-xsmall);position:absolute;left:0.1875rem;top:1.4375rem;display:-ms-flexbox;display:flex;visibility:var(--dnd-visibility);opacity:var(--dnd-opacity);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);display:none}@media screen and (min-width: 1024px){.stzh-servicecard__dnd.sc-stzh-servicecard{display:block}}@media screen and (min-width: 1260px){.stzh-servicecard__dnd.sc-stzh-servicecard{left:0.25rem;top:1.6875rem}}.stzh-servicecard__header.sc-stzh-servicecard{padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start;border-bottom:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 600px){.stzh-servicecard__header.sc-stzh-servicecard{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 1024px){.stzh-servicecard__header.sc-stzh-servicecard{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-servicecard__header.sc-stzh-servicecard{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 600px){.stzh-servicecard__header.sc-stzh-servicecard{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1024px){.stzh-servicecard__header.sc-stzh-servicecard{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-servicecard__header.sc-stzh-servicecard{padding-bottom:var(--stzh-space-large)}}.stzh-servicecard__header-left.sc-stzh-servicecard,.stzh-servicecard__header-right.sc-stzh-servicecard{display:-ms-flexbox;display:flex}.stzh-servicecard__header-right.sc-stzh-servicecard{padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-servicecard__header-right.sc-stzh-servicecard{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 1024px){.stzh-servicecard__header-right.sc-stzh-servicecard{padding-left:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-servicecard__header-right.sc-stzh-servicecard{padding-left:var(--stzh-space-large)}}.stzh-servicecard__header.sc-stzh-servicecard,.stzh-servicecard__columns.sc-stzh-servicecard{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-servicecard__header.sc-stzh-servicecard,.stzh-servicecard__columns.sc-stzh-servicecard{padding-left:var(--stzh-space-large);padding-right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-servicecard__header.sc-stzh-servicecard,.stzh-servicecard__columns.sc-stzh-servicecard{padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-xlarge)}}.stzh-servicecard__left.sc-stzh-servicecard{-ms-flex-item-align:center;align-self:center}.stzh-servicecard__title-area.sc-stzh-servicecard{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden}.stzh-servicecard__title.sc-stzh-servicecard,.stzh-servicecard__subtitle.sc-stzh-servicecard{margin:0}.stzh-servicecard__title.sc-stzh-servicecard{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing);color:var(--stzh-base-lead-color)}@media screen and (min-width: 600px){.stzh-servicecard__title.sc-stzh-servicecard{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-servicecard__title.sc-stzh-servicecard{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-regular-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing)}}.stzh-servicecard__subtitle.sc-stzh-servicecard{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;text-decoration:none;margin-left:-0.5625em}@media screen and (min-width: 1024px){.stzh-servicecard__subtitle.sc-stzh-servicecard{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-servicecard__subtitle-text.sc-stzh-servicecard{position:relative;display:-ms-inline-flexbox;display:inline-flex;padding-left:0.5625em}.stzh-servicecard__subtitle-text.sc-stzh-servicecard::after{content:",";position:absolute;left:0}.stzh-servicecard__columns.sc-stzh-servicecard{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 1024px){.stzh-servicecard__columns.sc-stzh-servicecard{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-servicecard__columns.sc-stzh-servicecard{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-servicecard__columns.sc-stzh-servicecard{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-servicecard__columns.sc-stzh-servicecard{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 800px){.stzh-servicecard__columns.sc-stzh-servicecard{display:grid;grid-template-columns:50% 50%;grid-template-rows:auto auto;margin-left:calc(var(--stzh-space-medium) / -1);margin-right:calc(var(--stzh-space-medium) / -1)}}@media screen and (min-width: 1024px){.stzh-servicecard__columns.sc-stzh-servicecard{grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;margin-left:calc(var(--stzh-space-large) / -1);margin-right:calc(var(--stzh-space-large) / -1)}}@media screen and (min-width: 1260px){.stzh-servicecard__columns.sc-stzh-servicecard{margin-left:calc(var(--stzh-space-xlarge) / -1);margin-right:calc(var(--stzh-space-xlarge) / -1)}}@media screen and (min-width: 800px){.stzh-servicecard__column.sc-stzh-servicecard{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 1024px){.stzh-servicecard__column.sc-stzh-servicecard{padding-left:var(--stzh-space-large);padding-right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-servicecard__column.sc-stzh-servicecard{padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 800px){.stzh-servicecard__column.is-left.sc-stzh-servicecard{grid-column:1/span 1;grid-row:1/span 2}}@media screen and (min-width: 1024px){.stzh-servicecard__column.is-left.sc-stzh-servicecard{grid-column:1/span 2;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard__column.is-middle.sc-stzh-servicecard{grid-column:2/span 1;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard__column.is-right.sc-stzh-servicecard{align-self:end;grid-column:2/span 1;grid-row:2/span 1}}@media screen and (min-width: 1024px){.stzh-servicecard__column.is-right.sc-stzh-servicecard{grid-column:3/span 1;grid-row:1/span 1}}.stzh-servicecard__column.sc-stzh-servicecard:not(:empty):not(:first-child):not(.has-no-spacing){margin-top:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-servicecard__column.sc-stzh-servicecard:not(:empty):not(:first-child):not(.has-no-spacing){margin-top:0}}@media screen and (min-width: 800px){.stzh-servicecard__column.is-middle.sc-stzh-servicecard:empty+.stzh-servicecard__column.is-right.sc-stzh-servicecard{margin-top:0}}.stzh-servicecard__column.is-left.sc-stzh-servicecard:empty+.stzh-servicecard__column.is-middle.sc-stzh-servicecard:not(:empty),.stzh-servicecard__column.is-left.sc-stzh-servicecard:empty+.stzh-servicecard__column.is-middle.sc-stzh-servicecard:empty+.stzh-servicecard__column.is-right.sc-stzh-servicecard:not(:empty){margin-top:0}.stzh-servicecard__card-actions.sc-stzh-servicecard{display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}@media screen and (max-width: 1023px){.stzh-servicecard__card-action.sc-stzh-servicecard{--icon-text-margin:0;--badge-icon-text-margin:0}}.stzh-servicecard__card-action[variant=tertiary].sc-stzh-servicecard{--color:var(--stzh-color-grey70)}.stzh-servicecard__card-action.is-button.sc-stzh-servicecard{--icon-size:var(--stzh-icon-size-small)}.stzh-servicecard__card-action.is-placeholder.sc-stzh-servicecard{width:var(--stzh-space-xxlarge);height:var(--stzh-space-xxlarge)}.stzh-servicecard__card-action-popover.sc-stzh-servicecard{--width:auto}@media screen and (min-width: 800px){.stzh-servicecard--has-middle.sc-stzh-servicecard .stzh-servicecard__column.is-left.sc-stzh-servicecard{grid-column:1/span 1;grid-row:1/span 2}}@media screen and (min-width: 1024px){.stzh-servicecard--has-middle.sc-stzh-servicecard .stzh-servicecard__column.is-left.sc-stzh-servicecard{grid-column:1/span 1;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard--middle-to-right.sc-stzh-servicecard .stzh-servicecard__column.is-middle.sc-stzh-servicecard{margin-top:0}}@media screen and (min-width: 800px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-left.sc-stzh-servicecard{grid-column:1/span 1;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-right.sc-stzh-servicecard{grid-column:2/span 1;grid-row:1/span 2}}@media screen and (min-width: 1024px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-right.sc-stzh-servicecard{grid-column:3/span 1;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-middle.sc-stzh-servicecard{grid-column:1/span 1;grid-row:2/span 1}}@media screen and (min-width: 1024px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-middle.sc-stzh-servicecard{grid-column:2/span 1;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-right.sc-stzh-servicecard{margin-top:0}}.stzh-servicecard--has-subtitle-interactive.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard{cursor:pointer;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-servicecard--has-subtitle-interactive.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard:hover,.stzh-servicecard--has-subtitle-interactive.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-servicecard--type-alert.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard{color:var(--stzh-color-error)}.stzh-servicecard--type-alert.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard:hover,.stzh-servicecard--type-alert.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard:focus{color:var(--stzh-color-error)}.stzh-servicecard--is-collapsed.sc-stzh-servicecard .hide-when-collapsed.sc-stzh-servicecard,.stzh-servicecard--has-collapsed-header.sc-stzh-servicecard .stzh-servicecard__header.sc-stzh-servicecard .hide-when-collapsed.sc-stzh-servicecard{display:none}.stzh-servicecard--is-collapsed.sc-stzh-servicecard .show-when-collapsed.sc-stzh-servicecard,.stzh-servicecard--has-collapsed-header.sc-stzh-servicecard .stzh-servicecard__header.sc-stzh-servicecard .show-when-collapsed.sc-stzh-servicecard{display:block}.stzh-servicecard--is-collapsed.sc-stzh-servicecard .stzh-servicecard__header.sc-stzh-servicecard{border-bottom:none}.stzh-servicecard--is-collapsed.sc-stzh-servicecard .stzh-servicecard__card-action.sc-stzh-servicecard,.stzh-servicecard--has-collapsed-header.sc-stzh-servicecard .stzh-servicecard__card-action.sc-stzh-servicecard{--icon-text-margin:0;--badge-icon-text-margin:0}.stzh-servicecard--is-starred.sc-stzh-servicecard .stzh-servicecard__card-action.is-star.sc-stzh-servicecard{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-servicecard--is-starred.sc-stzh-servicecard .stzh-servicecard__card-action.is-star.sc-stzh-servicecard:hover,.stzh-servicecard--is-starred.sc-stzh-servicecard .stzh-servicecard__card-action.is-star.sc-stzh-servicecard:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}';var StzhServicecard=function(){function e(e){var s=this;registerInstance(this,e);this.stzhCollapse=createEvent(this,"stzhCollapse",7);this.stzhSubtitleClick=createEvent(this,"stzhSubtitleClick",7);this.stzhStarClick=createEvent(this,"stzhStarClick",7);this.stzhActionClick=createEvent(this,"stzhActionClick",7);this.collapsed=false;this.starred=false;this.starrable=false;this.heading="";this.subtitle="";this._subtitles=[];this.actions=[];this.subtitleInteractive=false;this.type="default";this.middleVariant="to-right";this.middleVerticalSpacing="default";this.rightVerticalSpacing="default";this.sortableDisabled=false;this.collapsible=false;this.hideMovementActions=false;this.nodeChange=function(e){var t=false;e.forEach((function(e){if(e.target.closest("[slot]")||e.target.hasAttribute("slot")){t=true}}));if(t){forceUpdate(s.element)}};this.update=function(){s.mainElement.classList.remove("stzh-servicecard--has-collapsed-header");if(media("medium").matches){var e=s.headerElement.clientWidth;var t=s.headerLeftElement.clientWidth;var r=s.headerRightElement.clientWidth;if(e-t<=r){s.mainElement.classList.add("stzh-servicecard--has-collapsed-header")}}};this.headerClick=function(e){if(!s.collapsible){return}var t=["stzh-popover","stzh-tooltip","button","a","input","select","textarea","iframe","details","label","area"];var r=e.composedPath().map((function(e){var s;return(s=e.tagName)===null||s===void 0?void 0:s.toLowerCase()}));var i=r.some((function(e){return t.includes(e)}));if(!i){s.collapsed=!s.collapsed;s.stzhCollapse.emit({component:"stzh-servicecard",collapsed:s.collapsed})}};this.subtitleClick=function(){if(s.subtitleInteractive){s.stzhSubtitleClick.emit({component:"stzh-servicecard"})}};this.starToggleClick=function(){s.stzhStarClick.emit({component:"stzh-servicecard",starred:s.starred})};this.actionClick=function(e){s.stzhActionClick.emit({component:"stzh-servicecard",action:e})};this.arrowUpClick=function(){var e=s.element.closest("stzh-sortable");if(e){e.moveItem(s.element,"up")}};this.arrowDownClick=function(){var e=s.element.closest("stzh-sortable");if(e){e.moveItem(s.element,"down")}}}e.prototype.handleResize=function(){if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.update)};e.prototype.subtitleWatcher=function(e){if(typeof e==="string"){try{this._subtitles=JSON.parse(e)}catch(s){this._subtitles=[e]}}else{this._subtitles=e}};e.prototype.actionsWatcher=function(e){if(typeof e==="string"){this._actions=JSON.parse(e)}else{this._actions=e}};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(s){switch(s.label){case 0:this.subtitleWatcher(this.subtitle);this.actionsWatcher(this.actions);if(!!this.localization)return[3,2];e=this;return[4,fetchTranslations(this.element,"servicecard")];case 1:e.localization=s.sent();s.label=2;case 2:return[2]}}))}))};e.prototype.connectedCallback=function(){this.observer=new MutationObserver(this.nodeChange);this.observer.observe(this.element,{childList:true,subtree:true})};e.prototype.disconnectedCallback=function(){this.observer.disconnect()};e.prototype.render=function(){var e;var s=this;var t=hasSlot(this.element,"left");var r=hasSlot(this.element,"middle");var i=hasSlot(this.element,"right");var a=(e={"stzh-servicecard":true,"stzh-servicecard--has-left":t,"stzh-servicecard--has-middle":r,"stzh-servicecard--has-right":i,"stzh-servicecard--has-subtitle":!!this.subtitle,"stzh-servicecard--has-subtitle-interactive":!!this.subtitle&&this.subtitleInteractive,"stzh-servicecard--is-collapsed":this.collapsed,"stzh-servicecard--is-starred":this.starred},e["stzh-servicecard--middle-".concat(this.middleVariant)]=!!this.middleVariant&&r,e["stzh-servicecard--type-".concat(this.type)]=!!this.type,e);var c="".concat(this.subtitleInteractive?"button":"span");return h(Host,{role:"listitem","aria-label":this.heading},h("article",{ref:function(e){return s.mainElement=e},class:a},h("stzh-icon",{class:"stzh-servicecard__dnd",name:"drag"}),h("header",{ref:function(e){return s.headerElement=e},class:"stzh-servicecard__header",onClick:this.headerClick},h("div",{ref:function(e){return s.headerLeftElement=e},class:"stzh-servicecard__header-left"},h("div",{class:"stzh-servicecard__title-area","data-dashboardmknlist":"title"},h("h3",{class:"stzh-servicecard__title","data-dashboardmknlist":"dnd"},this.heading),this._subtitles.length>0&&h(c,{class:"stzh-servicecard__subtitle",onClick:this.subtitleClick},this._subtitles.map((function(e){return h("span",{class:"stzh-servicecard__subtitle-text"},e)}))))),h("div",{ref:function(e){return s.headerRightElement=e},class:"stzh-servicecard__header-right"},h("div",{class:"stzh-servicecard__card-actions"},this._actions.map((function(e){return h("stzh-button",{class:{"stzh-servicecard__card-action":true,"is-button":true,"show-medium":!e.onlyCollapseText,"hide-when-collapsed":!e.onlyCollapseText,"hide-text-when-collapsed":e.onlyCollapseText},icon:e.icon,badge:e.badge,variant:"tertiary",size:"tiny",badgePosition:"icon",onClick:function(){s.actionClick(e)}},h("span",{class:{"show-medium":e.onlyCollapseText,"hide-when-collapsed":e.onlyCollapseText}},e.label))})),this.starrable&&h("stzh-tooltip",null,h("stzh-button",{class:"stzh-servicecard__card-action is-star",icon:this.starred?"star-filled":"star",variant:"tertiary",size:"tiny",iconOnly:true,onClick:this.starToggleClick}),h("div",{slot:"content"},this.starred?this.localization.actionRemove:this.localization.actionAdd)),h("stzh-popover",{label:this.localization.actionsPopoverLabel,placement:"bottom-end",class:"stzh-servicecard__card-action-popover"},h("stzh-button",{class:"stzh-servicecard__card-action is-further",variant:"tertiary",size:"tiny",icon:"more-vertical",iconOnly:true}),h("stzh-menu",{slot:"content"},this.starrable&&h("stzh-menu-item",{icon:this.starred?"star-filled":"star",onClick:this.starToggleClick},this.starred?this.localization.actionRemove:this.localization.actionAdd),this._actions.filter((function(e){return!e.onlyCollapseText})).map((function(e){return h("stzh-menu-item",{class:"hide-medium show-when-collapsed",icon:e.icon,badge:e.badge,onClick:function(){s.actionClick(e)}},e.label)})),!this.sortableDisabled&&!this.hideMovementActions&&h(Fragment,null,h("stzh-menu-item",{icon:"arrow-up",onClick:this.arrowUpClick},this.localization.actionMoveUp),h("stzh-menu-item",{icon:"arrow-down",onClick:this.arrowDownClick},this.localization.actionMoveDown))))))),h("div",{class:"stzh-servicecard__columns hide-when-collapsed"},h("div",{class:{"stzh-servicecard__column":true,"is-left":true}},h("slot",{name:"left"})),h("div",{class:{"stzh-servicecard__column":true,"is-middle":true,"has-no-spacing":this.middleVerticalSpacing==="none"}},h("slot",{name:"middle"})),h("div",{class:{"stzh-servicecard__column":true,"is-right":true,"has-no-spacing":this.rightVerticalSpacing==="none"}},h("slot",{name:"right"})))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{subtitle:["subtitleWatcher"],actions:["actionsWatcher"]}},enumerable:false,configurable:true});return e}();StzhServicecard.style=stzhServicecardCss;export{StzhServicecard as stzh_servicecard};
+var __awaiter=this&&this.__awaiter||function(e,s,t,r){function i(e){return e instanceof t?e:new t((function(s){s(e)}))}return new(t||(t=Promise))((function(t,a){function c(e){try{d(r.next(e))}catch(s){a(s)}}function n(e){try{d(r["throw"](e))}catch(s){a(s)}}function d(e){e.done?t(e.value):i(e.value).then(c,n)}d((r=r.apply(e,s||[])).next())}))};var __generator=this&&this.__generator||function(e,s){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,i,a,c;return c={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function n(e){return function(s){return d([e,s])}}function d(c){if(r)throw new TypeError("Generator is already executing.");while(t)try{if(r=1,i&&(a=c[0]&2?i["return"]:c[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,c[1])).done)return a;if(i=0,a)c=[c[0]&2,a.value];switch(c[0]){case 0:case 1:a=c;break;case 4:t.label++;return{value:c[1],done:false};case 5:t.label++;i=c[1];c=[0];continue;case 7:c=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(c[0]===6||c[0]===2)){t=0;continue}if(c[0]===3&&(!a||c[1]>a[0]&&c[1]<a[3])){t.label=c[1];break}if(c[0]===6&&t.label<a[1]){t.label=a[1];a=c;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(c);break}if(a[2])t.ops.pop();t.trys.pop();continue}c=s.call(e,t)}catch(n){c=[6,n];i=0}finally{r=a=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,i as forceUpdate,h,F as Fragment,a as Host,g as getElement}from"./index-0e6d34c6.js";import{h as hasSlot}from"./utils-904416df.js";import{m as media}from"./media-utils-9b041ceb.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";var stzhServicecardCss='.sc-stzh-servicecard-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-servicecard-h{display:none}.sc-stzh-servicecard-h *.sc-stzh-servicecard,.sc-stzh-servicecard-h *.sc-stzh-servicecard::before,.sc-stzh-servicecard-h *.sc-stzh-servicecard::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-servicecard-h{--box-shadow:var(--stzh-box-shadow-popover);--border:0.0625rem solid var(--stzh-base-border-color);--border-radius:0.1875rem;--dnd-visibility:hidden;--dnd-opacity:0;position:relative;border-radius:var(--border-radius)}.is-ghost.sc-stzh-servicecard-h::after{border-radius:var(--border-radius)}.is-selected.sc-stzh-servicecard-h,.is-chosen.sc-stzh-servicecard-h{--box-shadow:var(--stzh-box-shadow-overlay)}.is-ghost.sc-stzh-servicecard-h{--box-shadow:none;--border:0.0625rem solid transparent;overflow:hidden}.is-drag.sc-stzh-servicecard-h,.is-chosen.sc-stzh-servicecard-h,.is-ghost.sc-stzh-servicecard-h,.is-selected.sc-stzh-servicecard-h{--dnd-visibility:visible;--dnd-opacity:1}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>*{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>table{border:0;border-spacing:0}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>table th{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>table td,.sc-stzh-servicecard-h .sc-stzh-servicecard-s>table th{padding:0}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>table td{color:var(--stzh-color-black);padding-left:var(--stzh-space-xsmall)}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>*:not(:first-child){margin-top:var(--stzh-space-medium)}.stzh-servicecard.sc-stzh-servicecard{background-color:var(--stzh-color-white);border-radius:var(--border-radius);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);border:var(--border);-webkit-transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed), -webkit-box-shadow var(--stzh-base-transition-animation-speed)}@media screen and (max-width: 1023px){.stzh-servicecard.sc-stzh-servicecard .show-medium.sc-stzh-servicecard{display:none}}@media screen and (min-width: 1024px){.stzh-servicecard.sc-stzh-servicecard .hide-medium.sc-stzh-servicecard{display:none}}.stzh-servicecard__dnd.sc-stzh-servicecard{--size:var(--stzh-icon-size-xsmall);position:absolute;left:0.1875rem;top:1.4375rem;display:-ms-flexbox;display:flex;visibility:var(--dnd-visibility);opacity:var(--dnd-opacity);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);display:none}@media screen and (min-width: 1024px){.stzh-servicecard__dnd.sc-stzh-servicecard{display:block}}@media screen and (min-width: 1260px){.stzh-servicecard__dnd.sc-stzh-servicecard{left:0.25rem;top:1.6875rem}}.stzh-servicecard__header.sc-stzh-servicecard{padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start;border-bottom:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 600px){.stzh-servicecard__header.sc-stzh-servicecard{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 1024px){.stzh-servicecard__header.sc-stzh-servicecard{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-servicecard__header.sc-stzh-servicecard{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 600px){.stzh-servicecard__header.sc-stzh-servicecard{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1024px){.stzh-servicecard__header.sc-stzh-servicecard{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-servicecard__header.sc-stzh-servicecard{padding-bottom:var(--stzh-space-large)}}.stzh-servicecard__header-left.sc-stzh-servicecard,.stzh-servicecard__header-right.sc-stzh-servicecard{display:-ms-flexbox;display:flex}.stzh-servicecard__header-right.sc-stzh-servicecard{padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-servicecard__header-right.sc-stzh-servicecard{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 1024px){.stzh-servicecard__header-right.sc-stzh-servicecard{padding-left:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-servicecard__header-right.sc-stzh-servicecard{padding-left:var(--stzh-space-large)}}.stzh-servicecard__header.sc-stzh-servicecard,.stzh-servicecard__columns.sc-stzh-servicecard{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-servicecard__header.sc-stzh-servicecard,.stzh-servicecard__columns.sc-stzh-servicecard{padding-left:var(--stzh-space-large);padding-right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-servicecard__header.sc-stzh-servicecard,.stzh-servicecard__columns.sc-stzh-servicecard{padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-xlarge)}}.stzh-servicecard__left.sc-stzh-servicecard{-ms-flex-item-align:center;align-self:center}.stzh-servicecard__title-area.sc-stzh-servicecard{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden}.stzh-servicecard__title.sc-stzh-servicecard,.stzh-servicecard__subtitle.sc-stzh-servicecard{margin:0}.stzh-servicecard__title.sc-stzh-servicecard{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing);color:var(--stzh-base-lead-color)}@media screen and (min-width: 600px){.stzh-servicecard__title.sc-stzh-servicecard{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-servicecard__title.sc-stzh-servicecard{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-regular-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing)}}.stzh-servicecard__subtitle.sc-stzh-servicecard{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;text-decoration:none;margin-left:-0.5625em}@media screen and (min-width: 1024px){.stzh-servicecard__subtitle.sc-stzh-servicecard{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-servicecard__subtitle-text.sc-stzh-servicecard{position:relative;display:-ms-inline-flexbox;display:inline-flex;padding-left:0.5625em}.stzh-servicecard__subtitle-text.sc-stzh-servicecard::after{content:",";position:absolute;left:0}.stzh-servicecard__columns.sc-stzh-servicecard{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 1024px){.stzh-servicecard__columns.sc-stzh-servicecard{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-servicecard__columns.sc-stzh-servicecard{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-servicecard__columns.sc-stzh-servicecard{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-servicecard__columns.sc-stzh-servicecard{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 800px){.stzh-servicecard__columns.sc-stzh-servicecard{display:grid;grid-template-columns:50% 50%;grid-template-rows:auto auto;margin-left:calc(var(--stzh-space-medium) / -1);margin-right:calc(var(--stzh-space-medium) / -1)}}@media screen and (min-width: 1024px){.stzh-servicecard__columns.sc-stzh-servicecard{grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;margin-left:calc(var(--stzh-space-large) / -1);margin-right:calc(var(--stzh-space-large) / -1)}}@media screen and (min-width: 1260px){.stzh-servicecard__columns.sc-stzh-servicecard{margin-left:calc(var(--stzh-space-xlarge) / -1);margin-right:calc(var(--stzh-space-xlarge) / -1)}}@media screen and (min-width: 800px){.stzh-servicecard__column.sc-stzh-servicecard{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 1024px){.stzh-servicecard__column.sc-stzh-servicecard{padding-left:var(--stzh-space-large);padding-right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-servicecard__column.sc-stzh-servicecard{padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 800px){.stzh-servicecard__column.is-left.sc-stzh-servicecard{grid-column:1/span 1;grid-row:1/span 2}}@media screen and (min-width: 1024px){.stzh-servicecard__column.is-left.sc-stzh-servicecard{grid-column:1/span 2;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard__column.is-middle.sc-stzh-servicecard{grid-column:2/span 1;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard__column.is-right.sc-stzh-servicecard{align-self:end;grid-column:2/span 1;grid-row:2/span 1}}@media screen and (min-width: 1024px){.stzh-servicecard__column.is-right.sc-stzh-servicecard{grid-column:3/span 1;grid-row:1/span 1}}.stzh-servicecard__column.sc-stzh-servicecard:not(:empty):not(:first-child):not(.has-no-spacing){margin-top:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-servicecard__column.sc-stzh-servicecard:not(:empty):not(:first-child):not(.has-no-spacing){margin-top:0}}@media screen and (min-width: 800px){.stzh-servicecard__column.is-middle.sc-stzh-servicecard:empty+.stzh-servicecard__column.is-right.sc-stzh-servicecard{margin-top:0}}.stzh-servicecard__column.is-left.sc-stzh-servicecard:empty+.stzh-servicecard__column.is-middle.sc-stzh-servicecard:not(:empty),.stzh-servicecard__column.is-left.sc-stzh-servicecard:empty+.stzh-servicecard__column.is-middle.sc-stzh-servicecard:empty+.stzh-servicecard__column.is-right.sc-stzh-servicecard:not(:empty){margin-top:0}.stzh-servicecard__card-actions.sc-stzh-servicecard{display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}@media screen and (max-width: 1023px){.stzh-servicecard__card-action.sc-stzh-servicecard{--icon-text-margin:0;--badge-icon-text-margin:0}}.stzh-servicecard__card-action[variant=tertiary].sc-stzh-servicecard{--color:var(--stzh-color-grey70)}.stzh-servicecard__card-action.is-button.sc-stzh-servicecard{--icon-size:var(--stzh-icon-size-small)}.stzh-servicecard__card-action.is-placeholder.sc-stzh-servicecard{width:var(--stzh-space-xxlarge);height:var(--stzh-space-xxlarge)}.stzh-servicecard__card-action-popover.sc-stzh-servicecard{--width:auto}@media screen and (min-width: 800px){.stzh-servicecard--has-middle.sc-stzh-servicecard .stzh-servicecard__column.is-left.sc-stzh-servicecard{grid-column:1/span 1;grid-row:1/span 2}}@media screen and (min-width: 1024px){.stzh-servicecard--has-middle.sc-stzh-servicecard .stzh-servicecard__column.is-left.sc-stzh-servicecard{grid-column:1/span 1;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard--middle-to-right.sc-stzh-servicecard .stzh-servicecard__column.is-middle.sc-stzh-servicecard{margin-top:0}}@media screen and (min-width: 800px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-left.sc-stzh-servicecard{grid-column:1/span 1;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-right.sc-stzh-servicecard{grid-column:2/span 1;grid-row:1/span 2}}@media screen and (min-width: 1024px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-right.sc-stzh-servicecard{grid-column:3/span 1;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-middle.sc-stzh-servicecard{grid-column:1/span 1;grid-row:2/span 1}}@media screen and (min-width: 1024px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-middle.sc-stzh-servicecard{grid-column:2/span 1;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-right.sc-stzh-servicecard{margin-top:0}}.stzh-servicecard--has-subtitle-interactive.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard{cursor:pointer;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-servicecard--has-subtitle-interactive.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard:hover,.stzh-servicecard--has-subtitle-interactive.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-servicecard--type-alert.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard{color:var(--stzh-color-error)}.stzh-servicecard--type-alert.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard:hover,.stzh-servicecard--type-alert.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard:focus{color:var(--stzh-color-error)}.stzh-servicecard--is-collapsed.sc-stzh-servicecard .hide-when-collapsed.sc-stzh-servicecard,.stzh-servicecard--has-collapsed-header.sc-stzh-servicecard .stzh-servicecard__header.sc-stzh-servicecard .hide-when-collapsed.sc-stzh-servicecard{display:none}.stzh-servicecard--is-collapsed.sc-stzh-servicecard .show-when-collapsed.sc-stzh-servicecard,.stzh-servicecard--has-collapsed-header.sc-stzh-servicecard .stzh-servicecard__header.sc-stzh-servicecard .show-when-collapsed.sc-stzh-servicecard{display:block}.stzh-servicecard--is-collapsed.sc-stzh-servicecard .stzh-servicecard__header.sc-stzh-servicecard{border-bottom:none}.stzh-servicecard--is-collapsed.sc-stzh-servicecard .stzh-servicecard__card-action.sc-stzh-servicecard,.stzh-servicecard--has-collapsed-header.sc-stzh-servicecard .stzh-servicecard__card-action.sc-stzh-servicecard{--icon-text-margin:0;--badge-icon-text-margin:0}.stzh-servicecard--is-starred.sc-stzh-servicecard .stzh-servicecard__card-action.is-star.sc-stzh-servicecard{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-servicecard--is-starred.sc-stzh-servicecard .stzh-servicecard__card-action.is-star.sc-stzh-servicecard:hover,.stzh-servicecard--is-starred.sc-stzh-servicecard .stzh-servicecard__card-action.is-star.sc-stzh-servicecard:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}';var StzhServicecard=function(){function e(e){var s=this;registerInstance(this,e);this.stzhCollapse=createEvent(this,"stzhCollapse",7);this.stzhSubtitleClick=createEvent(this,"stzhSubtitleClick",7);this.stzhStarClick=createEvent(this,"stzhStarClick",7);this.stzhActionClick=createEvent(this,"stzhActionClick",7);this.collapsed=false;this.starred=false;this.starrable=false;this.heading="";this.subtitle="";this._subtitles=[];this.actions=[];this.subtitleInteractive=false;this.type="default";this.middleVariant="to-right";this.middleVerticalSpacing="default";this.rightVerticalSpacing="default";this.sortableDisabled=false;this.collapsible=false;this.hideMovementActions=false;this.nodeChange=function(e){var t=false;e.forEach((function(e){if(e.target.closest("[slot]")||e.target.hasAttribute("slot")){t=true}}));if(t){forceUpdate(s.element)}};this.update=function(){s.mainElement.classList.remove("stzh-servicecard--has-collapsed-header");if(media("medium").matches){var e=s.headerElement.clientWidth;var t=s.headerLeftElement.clientWidth;var r=s.headerRightElement.clientWidth;if(e-t<=r){s.mainElement.classList.add("stzh-servicecard--has-collapsed-header")}}};this.headerClick=function(e){if(!s.collapsible){return}var t=["stzh-popover","stzh-tooltip","button","a","input","select","textarea","iframe","details","label","area"];var r=e.composedPath().map((function(e){var s;return(s=e.tagName)===null||s===void 0?void 0:s.toLowerCase()}));var i=r.some((function(e){return t.includes(e)}));if(!i){s.collapsed=!s.collapsed;s.stzhCollapse.emit({component:"stzh-servicecard",collapsed:s.collapsed})}};this.subtitleClick=function(){if(s.subtitleInteractive){s.stzhSubtitleClick.emit({component:"stzh-servicecard"})}};this.starToggleClick=function(){s.stzhStarClick.emit({component:"stzh-servicecard",starred:s.starred})};this.actionClick=function(e){s.stzhActionClick.emit({component:"stzh-servicecard",action:e})};this.arrowUpClick=function(){var e=s.element.closest("stzh-sortable");if(e){e.moveItem(s.element,"up")}};this.arrowDownClick=function(){var e=s.element.closest("stzh-sortable");if(e){e.moveItem(s.element,"down")}}}e.prototype.handleResize=function(){if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.update)};e.prototype.subtitleWatcher=function(e){if(typeof e==="string"){try{this._subtitles=JSON.parse(e)}catch(s){this._subtitles=[e]}}else{this._subtitles=e}};e.prototype.actionsWatcher=function(e){if(typeof e==="string"){this._actions=JSON.parse(e)}else{this._actions=e}};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(s){switch(s.label){case 0:this.subtitleWatcher(this.subtitle);this.actionsWatcher(this.actions);if(!!this.localization)return[3,2];e=this;return[4,fetchTranslations(this.element,"servicecard")];case 1:e.localization=s.sent();s.label=2;case 2:return[2]}}))}))};e.prototype.connectedCallback=function(){this.observer=new MutationObserver(this.nodeChange);this.observer.observe(this.element,{childList:true,subtree:true})};e.prototype.disconnectedCallback=function(){this.observer.disconnect()};e.prototype.render=function(){var e;var s=this;var t=hasSlot(this.element,"left");var r=hasSlot(this.element,"middle");var i=hasSlot(this.element,"right");var a=(e={"stzh-servicecard":true,"stzh-servicecard--has-left":t,"stzh-servicecard--has-middle":r,"stzh-servicecard--has-right":i,"stzh-servicecard--has-subtitle":!!this.subtitle,"stzh-servicecard--has-subtitle-interactive":!!this.subtitle&&this.subtitleInteractive,"stzh-servicecard--is-collapsed":this.collapsed,"stzh-servicecard--is-starred":this.starred},e["stzh-servicecard--middle-".concat(this.middleVariant)]=!!this.middleVariant&&r,e["stzh-servicecard--type-".concat(this.type)]=!!this.type,e);var c="".concat(this.subtitleInteractive?"button":"span");return h(Host,{role:"listitem","aria-label":this.heading},h("article",{ref:function(e){return s.mainElement=e},class:a},h("stzh-icon",{class:"stzh-servicecard__dnd",name:"drag"}),h("header",{ref:function(e){return s.headerElement=e},class:"stzh-servicecard__header",onClick:this.headerClick},h("div",{ref:function(e){return s.headerLeftElement=e},class:"stzh-servicecard__header-left"},h("div",{class:"stzh-servicecard__title-area","data-dashboardmknlist":"title"},h("h3",{class:"stzh-servicecard__title","data-dashboardmknlist":"dnd"},this.heading),this._subtitles.length>0&&h(c,{class:"stzh-servicecard__subtitle",onClick:this.subtitleClick},this._subtitles.map((function(e){return h("span",{class:"stzh-servicecard__subtitle-text"},e)}))))),h("div",{ref:function(e){return s.headerRightElement=e},class:"stzh-servicecard__header-right"},h("div",{class:"stzh-servicecard__card-actions"},this._actions.map((function(e){return h("stzh-button",{class:{"stzh-servicecard__card-action":true,"is-button":true,"show-medium":!e.onlyCollapseText,"hide-when-collapsed":!e.onlyCollapseText,"hide-text-when-collapsed":e.onlyCollapseText},icon:e.icon,badge:e.badge,variant:"tertiary",size:"tiny",badgePosition:"icon",onClick:function(){s.actionClick(e)}},h("span",{class:{"show-medium":e.onlyCollapseText,"hide-when-collapsed":e.onlyCollapseText}},e.label))})),this.starrable&&h("stzh-tooltip",null,h("stzh-button",{class:"stzh-servicecard__card-action is-star",icon:this.starred?"star-filled":"star",variant:"tertiary",size:"tiny",iconOnly:true,onClick:this.starToggleClick}),h("div",{slot:"content"},this.starred?this.localization.actionRemove:this.localization.actionAdd)),h("stzh-popover",{label:this.localization.actionsPopoverLabel,placement:"bottom-end",class:"stzh-servicecard__card-action-popover"},h("stzh-button",{class:"stzh-servicecard__card-action is-further",variant:"tertiary",size:"tiny",icon:"more-vertical",iconOnly:true}),h("stzh-menu",{slot:"content"},this.starrable&&h("stzh-menu-item",{icon:this.starred?"star-filled":"star",onClick:this.starToggleClick},this.starred?this.localization.actionRemove:this.localization.actionAdd),this._actions.filter((function(e){return!e.onlyCollapseText})).map((function(e){return h("stzh-menu-item",{class:"hide-medium show-when-collapsed",icon:e.icon,badge:e.badge,onClick:function(){s.actionClick(e)}},e.label)})),!this.sortableDisabled&&!this.hideMovementActions&&h(Fragment,null,h("stzh-menu-item",{icon:"arrow-up",onClick:this.arrowUpClick},this.localization.actionMoveUp),h("stzh-menu-item",{icon:"arrow-down",onClick:this.arrowDownClick},this.localization.actionMoveDown))))))),h("div",{class:"stzh-servicecard__columns hide-when-collapsed"},h("div",{class:{"stzh-servicecard__column":true,"is-left":true}},h("slot",{name:"left"})),h("div",{class:{"stzh-servicecard__column":true,"is-middle":true,"has-no-spacing":this.middleVerticalSpacing==="none"}},h("slot",{name:"middle"})),h("div",{class:{"stzh-servicecard__column":true,"is-right":true,"has-no-spacing":this.rightVerticalSpacing==="none"}},h("slot",{name:"right"})))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{subtitle:["subtitleWatcher"],actions:["actionsWatcher"]}},enumerable:false,configurable:true});return e}();StzhServicecard.style=stzhServicecardCss;export{StzhServicecard as stzh_servicecard};

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

@@ -1,4 +1,4 @@
-var __awaiter=this&&this.__awaiter||function(t,o,n,r){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,a){function l(t){try{c(r.next(t))}catch(e){a(e)}}function s(t){try{c(r["throw"](t))}catch(e){a(e)}}function c(e){e.done?n(e.value):i(e.value).then(l,s)}c((r=r.apply(t,o||[])).next())}))};var __generator=this&&this.__generator||function(t,o){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,i,a,l;return l={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function s(e){return function(t){return c([e,t])}}function c(l){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,i&&(a=l[0]&2?i["return"]:l[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,l[1])).done)return a;if(i=0,a)l=[l[0]&2,a.value];switch(l[0]){case 0:case 1:a=l;break;case 4:n.label++;return{value:l[1],done:false};case 5:n.label++;i=l[1];l=[0];continue;case 7:l=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(l[0]===6||l[0]===2)){n=0;continue}if(l[0]===3&&(!a||l[1]>a[0]&&l[1]<a[3])){n.label=l[1];break}if(l[0]===6&&n.label<a[1]){n.label=a[1];a=l;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(l);break}if(a[2])n.ops.pop();n.trys.pop();continue}l=o.call(t,n)}catch(e){l=[6,e];i=0}finally{r=a=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-0e6d34c6.js";import{f as fetchTranslations}from"./translation-utils-f5b09945.js";function t(e){return"object"==typeof e&&null!=e&&1===e.nodeType}function e(e,t){return(!t||"hidden"!==e)&&"visible"!==e&&"clip"!==e}function n(t,o){if(t.clientHeight<t.scrollHeight||t.clientWidth<t.scrollWidth){var n=getComputedStyle(t,null);return e(n.overflowY,o)||e(n.overflowX,o)||function(e){var t=function(e){if(!e.ownerDocument||!e.ownerDocument.defaultView)return null;try{return e.ownerDocument.defaultView.frameElement}catch(e){return null}}(e);return!!t&&(t.clientHeight<e.scrollHeight||t.clientWidth<e.scrollWidth)}(t)}return!1}function r(e,t,o,n,r,i,a,l){return i<e&&a>t||i>e&&a<t?0:i<=e&&l<=o||a>=t&&l>=o?i-e-n:a>t&&l<o||i<e&&l>o?a-t+r:0}function compute(e,o){var i=window,a=o.scrollMode,l=o.block,s=o.inline,c=o.boundary,u=o.skipOverflowHiddenElements,d="function"==typeof c?c:function(e){return e!==c};if(!t(e))throw new TypeError("Invalid target");for(var f=document.scrollingElement||document.documentElement,h=[],g=e;t(g)&&d(g);){if((g=g.parentElement)===f){h.push(g);break}null!=g&&g===document.body&&n(g)&&!n(document.documentElement)||null!=g&&n(g,u)&&h.push(g)}for(var p=i.visualViewport?i.visualViewport.width:innerWidth,v=i.visualViewport?i.visualViewport.height:innerHeight,m=window.scrollX||pageXOffset,b=window.scrollY||pageYOffset,E=e.getBoundingClientRect(),S=E.height,w=E.width,y=E.top,_=E.right,x=E.bottom,I=E.left,D="start"===l||"nearest"===l?y:"end"===l?x:y+S/2,C="center"===s?I+w/2:"end"===s?_:I,T=[],A=0;A<h.length;A++){var O=h[A],P=O.getBoundingClientRect(),R=P.height,k=P.width,M=P.top,z=P.right,N=P.bottom,L=P.left;if("if-needed"===a&&y>=0&&I>=0&&x<=v&&_<=p&&y>=M&&x<=N&&I>=L&&_<=z)return T;var F=getComputedStyle(O),j=parseInt(F.borderLeftWidth,10),W=parseInt(F.borderTopWidth,10),B=parseInt(F.borderRightWidth,10),H=parseInt(F.borderBottomWidth,10),X=0,Y=0,G="offsetWidth"in O?O.offsetWidth-O.clientWidth-j-B:0,V="offsetHeight"in O?O.offsetHeight-O.clientHeight-W-H:0;if(f===O)X="start"===l?D:"end"===l?D-v:"nearest"===l?r(b,b+v,v,W,H,b+D,b+D+S,S):D-v/2,Y="start"===s?C:"center"===s?C-p/2:"end"===s?C-p:r(m,m+p,p,j,B,m+C,m+C+w,w),X=Math.max(0,X+b),Y=Math.max(0,Y+m);else{X="start"===l?D-M-W:"end"===l?D-N+H+V:"nearest"===l?r(M,N,R,W,H+V,D,D+S,S):D-(M+R/2)+V/2,Y="start"===s?C-L-j:"center"===s?C-(L+k/2)+G/2:"end"===s?C-z+B+G:r(L,z,k,j,B+G,C,C+w,w);var U=O.scrollLeft,q=O.scrollTop;D+=q-(X=Math.max(0,Math.min(q+X,O.scrollHeight-R+V))),C+=U-(Y=Math.max(0,Math.min(U+Y,O.scrollWidth-k+G)))}T.push({el:O,top:X,left:Y})}return T}function isOptionsObject(e){return e===Object(e)&&Object.keys(e).length!==0}function defaultBehavior(e,t){if(t===void 0){t="auto"}var o="scrollBehavior"in document.body.style;e.forEach((function(e){var n=e.el,r=e.top,i=e.left;if(n.scroll&&o){n.scroll({top:r,left:i,behavior:t})}else{n.scrollTop=r;n.scrollLeft=i}}))}function getOptions(e){if(e===false){return{block:"end",inline:"nearest"}}if(isOptionsObject(e)){return e}return{block:"start",inline:"nearest"}}function scrollIntoView(e,t){var o=e.isConnected||e.ownerDocument.documentElement.contains(e);if(isOptionsObject(t)&&typeof t.behavior==="function"){return t.behavior(o?compute(e,t):[])}if(!o){return}var n=getOptions(t);return defaultBehavior(compute(e,n),n.behavior)}
+var __awaiter=this&&this.__awaiter||function(t,o,n,r){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,a){function l(t){try{c(r.next(t))}catch(e){a(e)}}function s(t){try{c(r["throw"](t))}catch(e){a(e)}}function c(e){e.done?n(e.value):i(e.value).then(l,s)}c((r=r.apply(t,o||[])).next())}))};var __generator=this&&this.__generator||function(t,o){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,i,a,l;return l={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function s(e){return function(t){return c([e,t])}}function c(l){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,i&&(a=l[0]&2?i["return"]:l[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,l[1])).done)return a;if(i=0,a)l=[l[0]&2,a.value];switch(l[0]){case 0:case 1:a=l;break;case 4:n.label++;return{value:l[1],done:false};case 5:n.label++;i=l[1];l=[0];continue;case 7:l=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(l[0]===6||l[0]===2)){n=0;continue}if(l[0]===3&&(!a||l[1]>a[0]&&l[1]<a[3])){n.label=l[1];break}if(l[0]===6&&n.label<a[1]){n.label=a[1];a=l;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(l);break}if(a[2])n.ops.pop();n.trys.pop();continue}l=o.call(t,n)}catch(e){l=[6,e];i=0}finally{r=a=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-0e6d34c6.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";function t(e){return"object"==typeof e&&null!=e&&1===e.nodeType}function e(e,t){return(!t||"hidden"!==e)&&"visible"!==e&&"clip"!==e}function n(t,o){if(t.clientHeight<t.scrollHeight||t.clientWidth<t.scrollWidth){var n=getComputedStyle(t,null);return e(n.overflowY,o)||e(n.overflowX,o)||function(e){var t=function(e){if(!e.ownerDocument||!e.ownerDocument.defaultView)return null;try{return e.ownerDocument.defaultView.frameElement}catch(e){return null}}(e);return!!t&&(t.clientHeight<e.scrollHeight||t.clientWidth<e.scrollWidth)}(t)}return!1}function r(e,t,o,n,r,i,a,l){return i<e&&a>t||i>e&&a<t?0:i<=e&&l<=o||a>=t&&l>=o?i-e-n:a>t&&l<o||i<e&&l>o?a-t+r:0}function compute(e,o){var i=window,a=o.scrollMode,l=o.block,s=o.inline,c=o.boundary,u=o.skipOverflowHiddenElements,d="function"==typeof c?c:function(e){return e!==c};if(!t(e))throw new TypeError("Invalid target");for(var f=document.scrollingElement||document.documentElement,h=[],g=e;t(g)&&d(g);){if((g=g.parentElement)===f){h.push(g);break}null!=g&&g===document.body&&n(g)&&!n(document.documentElement)||null!=g&&n(g,u)&&h.push(g)}for(var p=i.visualViewport?i.visualViewport.width:innerWidth,v=i.visualViewport?i.visualViewport.height:innerHeight,m=window.scrollX||pageXOffset,b=window.scrollY||pageYOffset,E=e.getBoundingClientRect(),S=E.height,w=E.width,y=E.top,_=E.right,x=E.bottom,I=E.left,D="start"===l||"nearest"===l?y:"end"===l?x:y+S/2,C="center"===s?I+w/2:"end"===s?_:I,T=[],A=0;A<h.length;A++){var O=h[A],P=O.getBoundingClientRect(),R=P.height,k=P.width,M=P.top,z=P.right,N=P.bottom,L=P.left;if("if-needed"===a&&y>=0&&I>=0&&x<=v&&_<=p&&y>=M&&x<=N&&I>=L&&_<=z)return T;var F=getComputedStyle(O),j=parseInt(F.borderLeftWidth,10),W=parseInt(F.borderTopWidth,10),B=parseInt(F.borderRightWidth,10),H=parseInt(F.borderBottomWidth,10),X=0,Y=0,G="offsetWidth"in O?O.offsetWidth-O.clientWidth-j-B:0,V="offsetHeight"in O?O.offsetHeight-O.clientHeight-W-H:0;if(f===O)X="start"===l?D:"end"===l?D-v:"nearest"===l?r(b,b+v,v,W,H,b+D,b+D+S,S):D-v/2,Y="start"===s?C:"center"===s?C-p/2:"end"===s?C-p:r(m,m+p,p,j,B,m+C,m+C+w,w),X=Math.max(0,X+b),Y=Math.max(0,Y+m);else{X="start"===l?D-M-W:"end"===l?D-N+H+V:"nearest"===l?r(M,N,R,W,H+V,D,D+S,S):D-(M+R/2)+V/2,Y="start"===s?C-L-j:"center"===s?C-(L+k/2)+G/2:"end"===s?C-z+B+G:r(L,z,k,j,B+G,C,C+w,w);var U=O.scrollLeft,q=O.scrollTop;D+=q-(X=Math.max(0,Math.min(q+X,O.scrollHeight-R+V))),C+=U-(Y=Math.max(0,Math.min(U+Y,O.scrollWidth-k+G)))}T.push({el:O,top:X,left:Y})}return T}function isOptionsObject(e){return e===Object(e)&&Object.keys(e).length!==0}function defaultBehavior(e,t){if(t===void 0){t="auto"}var o="scrollBehavior"in document.body.style;e.forEach((function(e){var n=e.el,r=e.top,i=e.left;if(n.scroll&&o){n.scroll({top:r,left:i,behavior:t})}else{n.scrollTop=r;n.scrollLeft=i}}))}function getOptions(e){if(e===false){return{block:"end",inline:"nearest"}}if(isOptionsObject(e)){return e}return{block:"start",inline:"nearest"}}function scrollIntoView(e,t){var o=e.isConnected||e.ownerDocument.documentElement.contains(e);if(isOptionsObject(t)&&typeof t.behavior==="function"){return t.behavior(o?compute(e,t):[])}if(!o){return}var n=getOptions(t);return defaultBehavior(compute(e,n),n.behavior)}
 /**!
  * Sortable 1.15.0
  * @author	RubaXa   <trash@rubaxa.org>

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

@@ -1 +1 @@
-import{r as registerInstance,h,a as Host,g as getElement}from"./index-0e6d34c6.js";import{s as setPropsIfNull}from"./utils-c5d68020.js";var stzhTableCss=':host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}stzh-table{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;--max-height:var(--stzh-table-max-height);--min-width:var(--stzh-table-min-width);--cell-padding:var(--stzh-table-cell-padding);--input-width:var(--stzh-table-input-width)}stzh-table[hidden]{display:none}stzh-table *,stzh-table *::before,stzh-table *::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-table{}.stzh-table__header{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-bottom:0.0625rem solid var(--stzh-base-border-color);padding-bottom:var(--stzh-space-small);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-table__header{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1024px){.stzh-table__header{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-table__header{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-table__header{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}}.stzh-table__heading{margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-table__heading{margin-bottom:0}}.stzh-table__header .stzh-table__search{width:var(--stzh-table-input-width)}@media screen and (min-width: 1024px){.stzh-table__header .stzh-table__search{margin-left:var(--stzh-space-large)}}.stzh-table__outer-wrapper{position:relative}.stzh-table__outer-wrapper::before,.stzh-table__outer-wrapper::after{z-index:4;background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.16)), to(rgba(0, 0, 0, 0)));background:linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);content:"";pointer-events:none;position:absolute;top:0;height:100%;width:0.375rem;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed);opacity:0}.stzh-table__outer-wrapper::before{left:0}.stzh-table__outer-wrapper::after{right:0;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.stzh-table__wrapper{overflow-x:auto;max-height:var(--max-height)}.stzh-table__sort-button{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:inherit;line-height:inherit;color:inherit;padding:var(--cell-padding)}.stzh-table__sort-button:hover,.stzh-table__sort-button:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-table__sort-icon{opacity:0}.stzh-table table{width:100%;border-spacing:0;min-width:var(--min-width)}.stzh-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:3}.stzh-table tr:hover td,.stzh-table tr:hover th{background-color:var(--stzh-color-grey5)}.stzh-table td,.stzh-table th{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);text-align:left;border:none;vertical-align:top;border:none;border-bottom:0.0625rem solid var(--stzh-base-border-color);background-color:var(--stzh-color-white);-webkit-transition:background-color var(--stzh-base-transition-animation-speed);transition:background-color var(--stzh-base-transition-animation-speed);padding:var(--cell-padding);}.stzh-table td a,.stzh-table th a{color:var(--stzh-link-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius)}.stzh-table td a:hover,.stzh-table td a:focus,.stzh-table th a:hover,.stzh-table th a:focus{color:var(--stzh-link-hover-color)}.stzh-table td b,.stzh-table td strong,.stzh-table th b,.stzh-table th strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal}.stzh-table td i,.stzh-table td em,.stzh-table th i,.stzh-table th em{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-table td.align-left,.stzh-table th.align-left{text-align:left}.stzh-table td.align-right,.stzh-table th.align-right{text-align:right}.stzh-table td.align-center,.stzh-table th.align-center{text-align:center}.stzh-table td.valign-auto,.stzh-table th.valign-auto{vertical-align:auto}.stzh-table td.valign-middle,.stzh-table th.valign-middle{vertical-align:middle}.stzh-table td.valign-bottom,.stzh-table th.valign-bottom{vertical-align:bottom}.stzh-table td.nowrap,.stzh-table th.nowrap{white-space:nowrap}.stzh-table td.is-sticky-left,.stzh-table td.is-sticky-right,.stzh-table th.is-sticky-left,.stzh-table th.is-sticky-right{position:-webkit-sticky;position:sticky;z-index:1}.stzh-table td.has-sticked,.stzh-table th.has-sticked{z-index:2}.stzh-table td.is-sticky-left,.stzh-table th.is-sticky-left{left:0}.stzh-table td.is-sticky-right,.stzh-table th.is-sticky-right{right:0}.stzh-table td.is-sticky-left::after,.stzh-table td.is-sticky-right::after,.stzh-table th.is-sticky-left::after,.stzh-table th.is-sticky-right::after{background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.16)), to(rgba(0, 0, 0, 0)));background:linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);content:"";pointer-events:none;position:absolute;top:0;height:100%;width:0.375rem;-webkit-transform:translate(100%);transform:translate(100%);opacity:0;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed)}.stzh-table td.is-sticky-left::after,.stzh-table th.is-sticky-left::after{right:0}.stzh-table td.is-sticky-right::after,.stzh-table th.is-sticky-right::after{left:0;-webkit-transform:rotate(-180deg) translate(100%);transform:rotate(-180deg) translate(100%)}.stzh-table td.has-sticked.is-sticky-left::after,.stzh-table td.has-sticked.is-sticky-right::after,.stzh-table th.has-sticked.is-sticky-left::after,.stzh-table th.has-sticked.is-sticky-right::after{opacity:1}.stzh-table th{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-table th.is-sortable{padding:0}td.has-sorted .stzh-table__sort-icon,th.has-sorted .stzh-table__sort-icon{opacity:1}td.has-sorted-desc .stzh-table__sort-icon,th.has-sorted-desc .stzh-table__sort-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.stzh-table.has-scroll-left-shadow .stzh-table__outer-wrapper::before,.stzh-table.has-scroll-right-shadow .stzh-table__outer-wrapper::after{opacity:1}';var CLASS_HAS_STICKED="has-sticked";var CLASS_IS_STICKY_LEFT="is-sticky-left";var CLASS_IS_STICKY_RIGHT="is-sticky-right";var StzhTable=function(){function t(t){var e=this;registerInstance(this,t);this.fixedLeft=null;this.fixedRight=null;this.hasScrollLeft=false;this.hasScrollRight=false;this.isScrollable=false;this.cellsStickyLeft=[];this.cellsStickyRight=[];this.updateCellClasses=function(){if(!e.tableWrapper){return}var t=Array.from(e.tableWrapper.querySelectorAll("tr"));t.forEach((function(t){var a=Array.from(t.children);a.forEach((function(t,a){t.classList.remove(CLASS_IS_STICKY_LEFT);t.classList.remove(CLASS_IS_STICKY_RIGHT);if(a===e.fixedLeft){t.classList.add(CLASS_IS_STICKY_LEFT)}if(a===e.fixedRight){t.classList.add(CLASS_IS_STICKY_RIGHT)}}))}))};this.updateScrollStates=function(){if(!e.tableWrapper){return}var t=e.tableWrapper.scrollLeft;var a=e.tableWrapper.scrollWidth;var r=e.tableWrapper.clientWidth;e.isScrollable=a>r;e.hasScrollLeft=t>0;e.hasScrollRight=t<a-r;var s=Array.from(e.tableWrapper.querySelectorAll("tr"));var i=s[0];if(!i){return}e.cellsStickyLeft=[];e.cellsStickyRight=[];var l=Array.from(i.children);l.forEach((function(a,s){var i=a.offsetLeft;var l=i+a.offsetWidth;if(e.hasScrollLeft&&s===e.fixedLeft&&Math.ceil(t)>=i){e.cellsStickyLeft.push(s)}if(e.hasScrollRight&&s===e.fixedRight&&Math.ceil(t)+r<=l){e.cellsStickyRight.push(s)}}));s.forEach((function(t){var a=Array.from(t.children);a.forEach((function(t,a){if(e.cellsStickyLeft.indexOf(a)>-1||e.cellsStickyRight.indexOf(a)>-1){t.classList.add(CLASS_HAS_STICKED)}else{t.classList.remove(CLASS_HAS_STICKED)}}))}))};this.init=function(){var t=e.element.querySelector('stzh-input[slot="search"], [slot="search"] stzh-input');if(t){setPropsIfNull(t,{size:"small"})}e.updateCellClasses();e.updateScrollStates()};this.handleScroll=function(){if(e.debounceScroll){window.cancelAnimationFrame(e.debounceScroll)}e.debounceScroll=requestAnimationFrame(e.updateScrollStates)}}t.prototype.fixedCellWatcher=function(){this.updateCellClasses();this.updateScrollStates()};t.prototype.handleResize=function(){this.updateScrollStates()};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=this;var e={"stzh-table":true,"is-scrollable":this.isScrollable,"has-scroll-left":this.hasScrollLeft,"has-scroll-right":this.hasScrollRight,"has-scroll-left-shadow":this.hasScrollLeft&&this.cellsStickyLeft.length===0,"has-scroll-right-shadow":this.hasScrollRight&&this.cellsStickyRight.length===0};return h(Host,null,h("div",{class:e},h("div",{class:"stzh-table__header"},h("div",{class:"stzh-table__heading"},h("slot",{name:"heading"})),h("div",{class:"stzh-table__search"},h("slot",{name:"search"}))),h("div",{class:"stzh-table__outer-wrapper"},h("div",{ref:function(e){return t.tableWrapper=e},class:"stzh-table__wrapper",onScroll:this.handleScroll},h("slot",null)))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{fixedLeft:["fixedCellWatcher"],fixedRight:["fixedCellWatcher"]}},enumerable:false,configurable:true});return t}();StzhTable.style=stzhTableCss;export{StzhTable as stzh_table};
+import{r as registerInstance,h,a as Host,g as getElement}from"./index-0e6d34c6.js";import{s as setPropsIfNull}from"./utils-904416df.js";var stzhTableCss=':host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}stzh-table{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;--max-height:var(--stzh-table-max-height);--min-width:var(--stzh-table-min-width);--cell-padding:var(--stzh-table-cell-padding);--input-width:var(--stzh-table-input-width)}stzh-table[hidden]{display:none}stzh-table *,stzh-table *::before,stzh-table *::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-table{}.stzh-table__header{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-bottom:0.0625rem solid var(--stzh-base-border-color);padding-bottom:var(--stzh-space-small);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-table__header{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1024px){.stzh-table__header{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-table__header{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-table__header{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}}.stzh-table__heading{margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-table__heading{margin-bottom:0}}.stzh-table__header .stzh-table__search{width:var(--stzh-table-input-width)}@media screen and (min-width: 1024px){.stzh-table__header .stzh-table__search{margin-left:var(--stzh-space-large)}}.stzh-table__outer-wrapper{position:relative}.stzh-table__outer-wrapper::before,.stzh-table__outer-wrapper::after{z-index:4;background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.16)), to(rgba(0, 0, 0, 0)));background:linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);content:"";pointer-events:none;position:absolute;top:0;height:100%;width:0.375rem;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed);opacity:0}.stzh-table__outer-wrapper::before{left:0}.stzh-table__outer-wrapper::after{right:0;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.stzh-table__wrapper{overflow-x:auto;max-height:var(--max-height)}.stzh-table__sort-button{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:inherit;line-height:inherit;color:inherit;padding:var(--cell-padding)}.stzh-table__sort-button:hover,.stzh-table__sort-button:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-table__sort-icon{opacity:0}.stzh-table table{width:100%;border-spacing:0;min-width:var(--min-width)}.stzh-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:3}.stzh-table tr:hover td,.stzh-table tr:hover th{background-color:var(--stzh-color-grey5)}.stzh-table td,.stzh-table th{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);text-align:left;border:none;vertical-align:top;border:none;border-bottom:0.0625rem solid var(--stzh-base-border-color);background-color:var(--stzh-color-white);-webkit-transition:background-color var(--stzh-base-transition-animation-speed);transition:background-color var(--stzh-base-transition-animation-speed);padding:var(--cell-padding);}.stzh-table td a,.stzh-table th a{color:var(--stzh-link-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius)}.stzh-table td a:hover,.stzh-table td a:focus,.stzh-table th a:hover,.stzh-table th a:focus{color:var(--stzh-link-hover-color)}.stzh-table td b,.stzh-table td strong,.stzh-table th b,.stzh-table th strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal}.stzh-table td i,.stzh-table td em,.stzh-table th i,.stzh-table th em{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-table td.align-left,.stzh-table th.align-left{text-align:left}.stzh-table td.align-right,.stzh-table th.align-right{text-align:right}.stzh-table td.align-center,.stzh-table th.align-center{text-align:center}.stzh-table td.valign-auto,.stzh-table th.valign-auto{vertical-align:auto}.stzh-table td.valign-middle,.stzh-table th.valign-middle{vertical-align:middle}.stzh-table td.valign-bottom,.stzh-table th.valign-bottom{vertical-align:bottom}.stzh-table td.nowrap,.stzh-table th.nowrap{white-space:nowrap}.stzh-table td.is-sticky-left,.stzh-table td.is-sticky-right,.stzh-table th.is-sticky-left,.stzh-table th.is-sticky-right{position:-webkit-sticky;position:sticky;z-index:1}.stzh-table td.has-sticked,.stzh-table th.has-sticked{z-index:2}.stzh-table td.is-sticky-left,.stzh-table th.is-sticky-left{left:0}.stzh-table td.is-sticky-right,.stzh-table th.is-sticky-right{right:0}.stzh-table td.is-sticky-left::after,.stzh-table td.is-sticky-right::after,.stzh-table th.is-sticky-left::after,.stzh-table th.is-sticky-right::after{background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.16)), to(rgba(0, 0, 0, 0)));background:linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);content:"";pointer-events:none;position:absolute;top:0;height:100%;width:0.375rem;-webkit-transform:translate(100%);transform:translate(100%);opacity:0;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed)}.stzh-table td.is-sticky-left::after,.stzh-table th.is-sticky-left::after{right:0}.stzh-table td.is-sticky-right::after,.stzh-table th.is-sticky-right::after{left:0;-webkit-transform:rotate(-180deg) translate(100%);transform:rotate(-180deg) translate(100%)}.stzh-table td.has-sticked.is-sticky-left::after,.stzh-table td.has-sticked.is-sticky-right::after,.stzh-table th.has-sticked.is-sticky-left::after,.stzh-table th.has-sticked.is-sticky-right::after{opacity:1}.stzh-table th{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-table th.is-sortable{padding:0}td.has-sorted .stzh-table__sort-icon,th.has-sorted .stzh-table__sort-icon{opacity:1}td.has-sorted-desc .stzh-table__sort-icon,th.has-sorted-desc .stzh-table__sort-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.stzh-table.has-scroll-left-shadow .stzh-table__outer-wrapper::before,.stzh-table.has-scroll-right-shadow .stzh-table__outer-wrapper::after{opacity:1}';var CLASS_HAS_STICKED="has-sticked";var CLASS_IS_STICKY_LEFT="is-sticky-left";var CLASS_IS_STICKY_RIGHT="is-sticky-right";var StzhTable=function(){function t(t){var e=this;registerInstance(this,t);this.fixedLeft=null;this.fixedRight=null;this.hasScrollLeft=false;this.hasScrollRight=false;this.isScrollable=false;this.cellsStickyLeft=[];this.cellsStickyRight=[];this.updateCellClasses=function(){if(!e.tableWrapper){return}var t=Array.from(e.tableWrapper.querySelectorAll("tr"));t.forEach((function(t){var a=Array.from(t.children);a.forEach((function(t,a){t.classList.remove(CLASS_IS_STICKY_LEFT);t.classList.remove(CLASS_IS_STICKY_RIGHT);if(a===e.fixedLeft){t.classList.add(CLASS_IS_STICKY_LEFT)}if(a===e.fixedRight){t.classList.add(CLASS_IS_STICKY_RIGHT)}}))}))};this.updateScrollStates=function(){if(!e.tableWrapper){return}var t=e.tableWrapper.scrollLeft;var a=e.tableWrapper.scrollWidth;var r=e.tableWrapper.clientWidth;e.isScrollable=a>r;e.hasScrollLeft=t>0;e.hasScrollRight=t<a-r;var s=Array.from(e.tableWrapper.querySelectorAll("tr"));var i=s[0];if(!i){return}e.cellsStickyLeft=[];e.cellsStickyRight=[];var l=Array.from(i.children);l.forEach((function(a,s){var i=a.offsetLeft;var l=i+a.offsetWidth;if(e.hasScrollLeft&&s===e.fixedLeft&&Math.ceil(t)>=i){e.cellsStickyLeft.push(s)}if(e.hasScrollRight&&s===e.fixedRight&&Math.ceil(t)+r<=l){e.cellsStickyRight.push(s)}}));s.forEach((function(t){var a=Array.from(t.children);a.forEach((function(t,a){if(e.cellsStickyLeft.indexOf(a)>-1||e.cellsStickyRight.indexOf(a)>-1){t.classList.add(CLASS_HAS_STICKED)}else{t.classList.remove(CLASS_HAS_STICKED)}}))}))};this.init=function(){var t=e.element.querySelector('stzh-input[slot="search"], [slot="search"] stzh-input');if(t){setPropsIfNull(t,{size:"small"})}e.updateCellClasses();e.updateScrollStates()};this.handleScroll=function(){if(e.debounceScroll){window.cancelAnimationFrame(e.debounceScroll)}e.debounceScroll=requestAnimationFrame(e.updateScrollStates)}}t.prototype.fixedCellWatcher=function(){this.updateCellClasses();this.updateScrollStates()};t.prototype.handleResize=function(){this.updateScrollStates()};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=this;var e={"stzh-table":true,"is-scrollable":this.isScrollable,"has-scroll-left":this.hasScrollLeft,"has-scroll-right":this.hasScrollRight,"has-scroll-left-shadow":this.hasScrollLeft&&this.cellsStickyLeft.length===0,"has-scroll-right-shadow":this.hasScrollRight&&this.cellsStickyRight.length===0};return h(Host,null,h("div",{class:e},h("div",{class:"stzh-table__header"},h("div",{class:"stzh-table__heading"},h("slot",{name:"heading"})),h("div",{class:"stzh-table__search"},h("slot",{name:"search"}))),h("div",{class:"stzh-table__outer-wrapper"},h("div",{ref:function(e){return t.tableWrapper=e},class:"stzh-table__wrapper",onScroll:this.handleScroll},h("slot",null)))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{fixedLeft:["fixedCellWatcher"],fixedRight:["fixedCellWatcher"]}},enumerable:false,configurable:true});return t}();StzhTable.style=stzhTableCss;export{StzhTable as stzh_table};

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,o,s){function r(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,l){function i(t){try{n(s.next(t))}catch(e){l(e)}}function g(t){try{n(s["throw"](t))}catch(e){l(e)}}function n(t){t.done?o(t.value):r(t.value).then(i,g)}n((s=s.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(l[0]&1)throw l[1];return l[1]},trys:[],ops:[]},s,r,l,i;return i={next:g(0),throw:g(1),return:g(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function g(t){return function(e){return n([t,e])}}function n(i){if(s)throw new TypeError("Generator is already executing.");while(o)try{if(s=1,r&&(l=i[0]&2?r["return"]:i[0]?r["throw"]||((l=r["return"])&&l.call(r),0):r.next)&&!(l=l.call(r,i[1])).done)return l;if(r=0,l)i=[i[0]&2,l.value];switch(i[0]){case 0:case 1:l=i;break;case 4:o.label++;return{value:i[1],done:false};case 5:o.label++;r=i[1];i=[0];continue;case 7:i=o.ops.pop();o.trys.pop();continue;default:if(!(l=o.trys,l=l.length>0&&l[l.length-1])&&(i[0]===6||i[0]===2)){o=0;continue}if(i[0]===3&&(!l||i[1]>l[0]&&i[1]<l[3])){o.label=i[1];break}if(i[0]===6&&o.label<l[1]){o.label=l[1];l=i;break}if(l&&o.label<l[2]){o.label=l[2];o.ops.push(i);break}if(l[2])o.ops.pop();o.trys.pop();continue}i=e.call(t,o)}catch(g){i=[6,g];r=0}finally{s=l=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-0e6d34c6.js";import{h as hasSlot}from"./utils-c5d68020.js";import{f as fetchTranslations}from"./translation-utils-f5b09945.js";import{S as StzhInputDescription}from"./stzh-input-description-fa0a4b5b.js";var stzhToggleCss=".sc-stzh-toggle-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-toggle-h{display:none}.sc-stzh-toggle-h *.sc-stzh-toggle,.sc-stzh-toggle-h *.sc-stzh-toggle::before,.sc-stzh-toggle-h *.sc-stzh-toggle::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-toggle-h{display:inline-block;border-radius:var(--stzh-form-input-border-radius)}.sc-stzh-toggle-h .sc-stzh-toggle-s>stzh-text{--color:inherit}.stzh-toggle__marker-symbol.sc-stzh-toggle{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-toggle__marker-text.sc-stzh-toggle{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-toggle__description-wrapper.sc-stzh-toggle{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-toggle__error.sc-stzh-toggle,.stzh-toggle__description.sc-stzh-toggle{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-toggle__error.sc-stzh-toggle{color:var(--stzh-color-error)}.stzh-toggle__error-list.sc-stzh-toggle{list-style:none;margin:0;padding:0}.stzh-toggle__description.sc-stzh-toggle{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-toggle__description-long.sc-stzh-toggle{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-toggle__description-long-popover.sc-stzh-toggle{--width:auto;--max-width:27.3125rem}.stzh-toggle__description-long-popover[open].sc-stzh-toggle:not([open=false]) .stzh-toggle__description-long-button.sc-stzh-toggle{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-toggle__description-long-button.sc-stzh-toggle{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-toggle__description-long-button.sc-stzh-toggle:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-toggle.sc-stzh-toggle stzh-icon.stzh-toggle__description-long-icon.sc-stzh-toggle{--size:var(--stzh-icon-size-xsmall)}.stzh-toggle--has-error.sc-stzh-toggle .stzh-toggle__error.sc-stzh-toggle,.stzh-toggle--has-description.sc-stzh-toggle .stzh-toggle__description.sc-stzh-toggle{margin-top:var(--stzh-space-xxsmall)}.stzh-toggle__field-wrapper.sc-stzh-toggle{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);position:relative;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.stzh-toggle__input.sc-stzh-toggle{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:-1;opacity:0;pointer-events:none}.stzh-toggle__mark.sc-stzh-toggle{position:relative;background-color:var(--stzh-color-black8);width:2.75rem;height:1rem;-ms-flex-negative:0;flex-shrink:0;border-radius:0.75rem;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:background-color var(--stzh-base-transition-animation-speed);transition:background-color var(--stzh-base-transition-animation-speed);margin-top:0.25rem}.stzh-toggle__check.sc-stzh-toggle{position:absolute;border:0.125rem solid var(--stzh-base-color);width:1.5rem;height:1.5rem;border-radius:50%;background-color:var(--stzh-color-white);top:50%;left:0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);-webkit-transition-property:border-color, background-color, -webkit-transform;transition-property:border-color, background-color, -webkit-transform;transition-property:border-color, background-color, transform;transition-property:border-color, background-color, transform, -webkit-transform;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-toggle__label.sc-stzh-toggle{display:inline-block;color:var(--stzh-base-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);line-height:1.5rem}.stzh-toggle__label.sc-stzh-toggle:empty{display:none}.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:var(--stzh-color-primary48)}.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%)}.stzh-toggle.sc-stzh-toggle:hover .stzh-toggle__label.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-toggle.sc-stzh-toggle:hover .stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:focus:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-toggle--has-label-right.sc-stzh-toggle .stzh-toggle__label.sc-stzh-toggle{margin-left:var(--stzh-space-xsmall)}.stzh-toggle--has-label-left.sc-stzh-toggle .stzh-toggle__field-wrapper.sc-stzh-toggle{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.stzh-toggle--has-label-left.sc-stzh-toggle .stzh-toggle__label.sc-stzh-toggle{margin-right:var(--stzh-space-xsmall)}.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-error)}.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-error)}.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:var(--stzh-color-black8)}.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{background-color:var(--stzh-color-error)}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__field-wrapper.sc-stzh-toggle{cursor:not-allowed}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-grey61)}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-grey25)}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:var(--stzh-color-black8)}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{background-color:var(--stzh-color-grey25)}";var toggleCounter=0;var StzhToggle=function(){function t(t){var e=this;registerInstance(this,t);this.stzhChange=createEvent(this,"stzhChange",7);this.stzhFocus=createEvent(this,"stzhFocus",7);this.stzhBlur=createEvent(this,"stzhBlur",7);this.disabled=false;this.name="";this.value="";this.invalid=false;this.required=false;this.showMarker=false;this.checked=false;this.label="";this.labelPosition="right";this.a11yDescribedby="";this.onInput=function(t){e.checked=e.input.checked;e.stzhChange.emit({component:"stzh-toggle",originalEvent:t,value:e.value,checked:e.checked})};this.onFocus=function(t){var o=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});e.element.dispatchEvent(o);e.stzhFocus.emit({component:"stzh-toggle",originalEvent:t})};this.onBlur=function(t){var o=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});e.element.dispatchEvent(o);e.stzhBlur.emit({component:"stzh-toggle",originalEvent:t})}}t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.input.focus();return[2]}))}))};t.prototype.errorWatcher=function(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(e){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}this.invalid=this._error.length>0};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.inputId="stzh-toggle-".concat(toggleCounter++);this.errorWatcher(this.error);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"toggle")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.render=function(){var t;var e=this;var o=hasSlot(this.element,"description")||!!this.description;var s=hasSlot(this.element,"description-long")||!!this.descriptionLong;var r=hasSlot(this.element,"error")||!!this.error;var l=(t={"stzh-toggle":true,"stzh-toggle--has-error":r,"stzh-toggle--is-required":this.required,"stzh-toggle--is-invalid":this.invalid,"stzh-toggle--is-disabled":this.disabled,"stzh-toggle--has-description":o,"stzh-toggle--has-description-long":s},t["stzh-toggle--has-label-".concat(this.labelPosition)]=!!this.labelPosition,t);return h("div",{class:l},h("label",{class:"stzh-toggle__field-wrapper"},h("input",{class:"stzh-toggle__input",ref:function(t){return e.input=t},type:"checkbox",id:this.inputId,name:this.name,value:this.value,disabled:this.disabled,"aria-describedby":"".concat(this.inputId,"-description ").concat(this.a11yDescribedby),"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",checked:this.checked,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur}),h("div",{class:"stzh-toggle__mark"},h("div",{class:"stzh-toggle__check"})),h("div",{class:"stzh-toggle__label"},this.label?this.label:h("slot",null),this.showMarker&&h("span",{class:"stzh-toggle__marker"},h("span",{class:"stzh-toggle__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),h("span",{class:"stzh-toggle__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText)))),h(StzhInputDescription,{classPrefix:"stzh-toggle",id:"".concat(this.inputId,"-description"),error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:s,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel}))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{error:["errorWatcher"]}},enumerable:false,configurable:true});return t}();StzhToggle.style=stzhToggleCss;export{StzhToggle as stzh_toggle};
+var __awaiter=this&&this.__awaiter||function(t,e,o,s){function r(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,l){function i(t){try{n(s.next(t))}catch(e){l(e)}}function g(t){try{n(s["throw"](t))}catch(e){l(e)}}function n(t){t.done?o(t.value):r(t.value).then(i,g)}n((s=s.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(l[0]&1)throw l[1];return l[1]},trys:[],ops:[]},s,r,l,i;return i={next:g(0),throw:g(1),return:g(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function g(t){return function(e){return n([t,e])}}function n(i){if(s)throw new TypeError("Generator is already executing.");while(o)try{if(s=1,r&&(l=i[0]&2?r["return"]:i[0]?r["throw"]||((l=r["return"])&&l.call(r),0):r.next)&&!(l=l.call(r,i[1])).done)return l;if(r=0,l)i=[i[0]&2,l.value];switch(i[0]){case 0:case 1:l=i;break;case 4:o.label++;return{value:i[1],done:false};case 5:o.label++;r=i[1];i=[0];continue;case 7:i=o.ops.pop();o.trys.pop();continue;default:if(!(l=o.trys,l=l.length>0&&l[l.length-1])&&(i[0]===6||i[0]===2)){o=0;continue}if(i[0]===3&&(!l||i[1]>l[0]&&i[1]<l[3])){o.label=i[1];break}if(i[0]===6&&o.label<l[1]){o.label=l[1];l=i;break}if(l&&o.label<l[2]){o.label=l[2];o.ops.push(i);break}if(l[2])o.ops.pop();o.trys.pop();continue}i=e.call(t,o)}catch(g){i=[6,g];r=0}finally{s=l=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-0e6d34c6.js";import{h as hasSlot}from"./utils-904416df.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";import{S as StzhInputDescription}from"./stzh-input-description-da7b0e98.js";var stzhToggleCss=".sc-stzh-toggle-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-toggle-h{display:none}.sc-stzh-toggle-h *.sc-stzh-toggle,.sc-stzh-toggle-h *.sc-stzh-toggle::before,.sc-stzh-toggle-h *.sc-stzh-toggle::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-toggle-h{display:inline-block;border-radius:var(--stzh-form-input-border-radius)}.sc-stzh-toggle-h .sc-stzh-toggle-s>stzh-text{--color:inherit}.stzh-toggle__marker-symbol.sc-stzh-toggle{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-toggle__marker-text.sc-stzh-toggle{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-toggle__description-wrapper.sc-stzh-toggle{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-toggle__error.sc-stzh-toggle,.stzh-toggle__description.sc-stzh-toggle{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-toggle__error.sc-stzh-toggle{color:var(--stzh-color-error)}.stzh-toggle__error-list.sc-stzh-toggle{list-style:none;margin:0;padding:0}.stzh-toggle__description.sc-stzh-toggle{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-toggle__description-long.sc-stzh-toggle{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-toggle__description-long-popover.sc-stzh-toggle{--width:auto;--max-width:27.3125rem}.stzh-toggle__description-long-popover[open].sc-stzh-toggle:not([open=false]) .stzh-toggle__description-long-button.sc-stzh-toggle{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-toggle__description-long-button.sc-stzh-toggle{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-toggle__description-long-button.sc-stzh-toggle:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-toggle.sc-stzh-toggle stzh-icon.stzh-toggle__description-long-icon.sc-stzh-toggle{--size:var(--stzh-icon-size-xsmall)}.stzh-toggle--has-error.sc-stzh-toggle .stzh-toggle__error.sc-stzh-toggle,.stzh-toggle--has-description.sc-stzh-toggle .stzh-toggle__description.sc-stzh-toggle{margin-top:var(--stzh-space-xxsmall)}.stzh-toggle__field-wrapper.sc-stzh-toggle{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);position:relative;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.stzh-toggle__input.sc-stzh-toggle{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:-1;opacity:0;pointer-events:none}.stzh-toggle__mark.sc-stzh-toggle{position:relative;background-color:var(--stzh-color-black8);width:2.75rem;height:1rem;-ms-flex-negative:0;flex-shrink:0;border-radius:0.75rem;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:background-color var(--stzh-base-transition-animation-speed);transition:background-color var(--stzh-base-transition-animation-speed);margin-top:0.25rem}.stzh-toggle__check.sc-stzh-toggle{position:absolute;border:0.125rem solid var(--stzh-base-color);width:1.5rem;height:1.5rem;border-radius:50%;background-color:var(--stzh-color-white);top:50%;left:0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);-webkit-transition-property:border-color, background-color, -webkit-transform;transition-property:border-color, background-color, -webkit-transform;transition-property:border-color, background-color, transform;transition-property:border-color, background-color, transform, -webkit-transform;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-toggle__label.sc-stzh-toggle{display:inline-block;color:var(--stzh-base-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);line-height:1.5rem}.stzh-toggle__label.sc-stzh-toggle:empty{display:none}.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:var(--stzh-color-primary48)}.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%)}.stzh-toggle.sc-stzh-toggle:hover .stzh-toggle__label.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-toggle.sc-stzh-toggle:hover .stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:focus:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-toggle--has-label-right.sc-stzh-toggle .stzh-toggle__label.sc-stzh-toggle{margin-left:var(--stzh-space-xsmall)}.stzh-toggle--has-label-left.sc-stzh-toggle .stzh-toggle__field-wrapper.sc-stzh-toggle{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.stzh-toggle--has-label-left.sc-stzh-toggle .stzh-toggle__label.sc-stzh-toggle{margin-right:var(--stzh-space-xsmall)}.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-error)}.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-error)}.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:var(--stzh-color-black8)}.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{background-color:var(--stzh-color-error)}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__field-wrapper.sc-stzh-toggle{cursor:not-allowed}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-grey61)}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-grey25)}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:var(--stzh-color-black8)}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{background-color:var(--stzh-color-grey25)}";var toggleCounter=0;var StzhToggle=function(){function t(t){var e=this;registerInstance(this,t);this.stzhChange=createEvent(this,"stzhChange",7);this.stzhFocus=createEvent(this,"stzhFocus",7);this.stzhBlur=createEvent(this,"stzhBlur",7);this.disabled=false;this.name="";this.value="";this.invalid=false;this.required=false;this.showMarker=false;this.checked=false;this.label="";this.labelPosition="right";this.a11yDescribedby="";this.onInput=function(t){e.checked=e.input.checked;e.stzhChange.emit({component:"stzh-toggle",originalEvent:t,value:e.value,checked:e.checked})};this.onFocus=function(t){var o=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});e.element.dispatchEvent(o);e.stzhFocus.emit({component:"stzh-toggle",originalEvent:t})};this.onBlur=function(t){var o=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});e.element.dispatchEvent(o);e.stzhBlur.emit({component:"stzh-toggle",originalEvent:t})}}t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.input.focus();return[2]}))}))};t.prototype.errorWatcher=function(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(e){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}this.invalid=this._error.length>0};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.inputId="stzh-toggle-".concat(toggleCounter++);this.errorWatcher(this.error);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"toggle")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.render=function(){var t;var e=this;var o=hasSlot(this.element,"description")||!!this.description;var s=hasSlot(this.element,"description-long")||!!this.descriptionLong;var r=hasSlot(this.element,"error")||!!this.error;var l=(t={"stzh-toggle":true,"stzh-toggle--has-error":r,"stzh-toggle--is-required":this.required,"stzh-toggle--is-invalid":this.invalid,"stzh-toggle--is-disabled":this.disabled,"stzh-toggle--has-description":o,"stzh-toggle--has-description-long":s},t["stzh-toggle--has-label-".concat(this.labelPosition)]=!!this.labelPosition,t);return h("div",{class:l},h("label",{class:"stzh-toggle__field-wrapper"},h("input",{class:"stzh-toggle__input",ref:function(t){return e.input=t},type:"checkbox",id:this.inputId,name:this.name,value:this.value,disabled:this.disabled,"aria-describedby":"".concat(this.inputId,"-description ").concat(this.a11yDescribedby),"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",checked:this.checked,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur}),h("div",{class:"stzh-toggle__mark"},h("div",{class:"stzh-toggle__check"})),h("div",{class:"stzh-toggle__label"},this.label?this.label:h("slot",null),this.showMarker&&h("span",{class:"stzh-toggle__marker"},h("span",{class:"stzh-toggle__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),h("span",{class:"stzh-toggle__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText)))),h(StzhInputDescription,{classPrefix:"stzh-toggle",id:"".concat(this.inputId,"-description"),error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:s,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel}))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{error:["errorWatcher"]}},enumerable:false,configurable:true});return t}();StzhToggle.style=stzhToggleCss;export{StzhToggle as stzh_toggle};

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,o,i){function n(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,s){function r(t){try{l(i.next(t))}catch(e){s(e)}}function a(t){try{l(i["throw"](t))}catch(e){s(e)}}function l(t){t.done?o(t.value):n(t.value).then(r,a)}l((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},i,n,s,r;return r={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function a(t){return function(e){return l([t,e])}}function l(r){if(i)throw new TypeError("Generator is already executing.");while(o)try{if(i=1,n&&(s=r[0]&2?n["return"]:r[0]?n["throw"]||((s=n["return"])&&s.call(n),0):n.next)&&!(s=s.call(n,r[1])).done)return s;if(n=0,s)r=[r[0]&2,s.value];switch(r[0]){case 0:case 1:s=r;break;case 4:o.label++;return{value:r[1],done:false};case 5:o.label++;n=r[1];r=[0];continue;case 7:r=o.ops.pop();o.trys.pop();continue;default:if(!(s=o.trys,s=s.length>0&&s[s.length-1])&&(r[0]===6||r[0]===2)){o=0;continue}if(r[0]===3&&(!s||r[1]>s[0]&&r[1]<s[3])){o.label=r[1];break}if(r[0]===6&&o.label<s[1]){o.label=s[1];s=r;break}if(s&&o.label<s[2]){o.label=s[2];o.ops.push(r);break}if(s[2])o.ops.pop();o.trys.pop();continue}r=e.call(t,o)}catch(a){r=[6,a];n=0}finally{i=s=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-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-18769ca6.js";import{c as createFocusTrap}from"./focus-trap.esm-074705a3.js";import{f as fetchTranslations}from"./translation-utils-f5b09945.js";import{w as waitForEvent}from"./event-utils-68b64805.js";import{s as stopAnimations,a as animateTo}from"./animation-utils-27dcfc1e.js";var stzhTooltipCss=".sc-stzh-tooltip-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-tooltip-h{display:none}.sc-stzh-tooltip-h *.sc-stzh-tooltip,.sc-stzh-tooltip-h *.sc-stzh-tooltip::before,.sc-stzh-tooltip-h *.sc-stzh-tooltip::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-tooltip-h{--width:var(--stzh-tooltip-width);--min-width:var(--stzh-tooltip-min-width);--max-width:var(--stzh-tooltip-max-width);--padding:var(--stzh-tooltip-padding);--border-radius:var(--stzh-tooltip-border-radius)}.stzh-tooltip__arrow.sc-stzh-tooltip{position:absolute;display:-ms-flexbox;display:flex;color:var(--stzh-color-white)}.stzh-tooltip--placement-bottom.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-bottom-start.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-bottom-end.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip{top:0;-webkit-transform:translateY(-0.5rem);transform:translateY(-0.5rem)}.stzh-tooltip--placement-top.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-top-start.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-top-end.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip{bottom:0;-webkit-transform:translateY(0.5rem) rotate(180deg);transform:translateY(0.5rem) rotate(180deg)}.stzh-tooltip--placement-left.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-left-start.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-left-end.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip{right:0;-webkit-transform:translateX(0.75rem) rotate(90deg);transform:translateX(0.75rem) rotate(90deg)}.stzh-tooltip--placement-right.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-right-start.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-right-end.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip{left:0;-webkit-transform:translateX(-0.75rem) rotate(-90deg);transform:translateX(-0.75rem) rotate(-90deg)}.stzh-tooltip__content.sc-stzh-tooltip{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);position:absolute;z-index:var(--stzh-z-index-popover);-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover);border-radius:var(--border-radius);background-color:var(--stzh-color-white);width:var(--width);min-width:var(--min-width);max-width:var(--max-width)}@supports ((-webkit-filter: var(--stzh-tooltip-drop-shadow)) or (filter: var(--stzh-tooltip-drop-shadow))){.stzh-tooltip__content.sc-stzh-tooltip{-webkit-box-shadow:none;box-shadow:none;-webkit-filter:var(--stzh-tooltip-drop-shadow);filter:var(--stzh-tooltip-drop-shadow)}}.stzh-tooltip__content-slot.sc-stzh-tooltip{padding:var(--padding)}.stzh-tooltip__close.sc-stzh-tooltip{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)}.stzh-tooltip__icon.sc-stzh-tooltip{--size:var(--stzh-icon-size-xxsmall)}.stzh-tooltip__vhidden.sc-stzh-tooltip{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}";var ANIMATION_SHOW={keyframes:[{opacity:"0"},{opacity:"1"}],options:{duration:100,easing:"linear"}};var ANIMATION_HIDE={keyframes:[{opacity:"1"},{opacity:"0"}],options:{duration:200,easing:"linear"}};var keyCode={ESC:27};var tooltipCounter=0;var StzhTooltip=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.label="";this.content="";this.placement="bottom";this.skidding=0;this.distance=16;this.interactive=false;this.trigger="hover focus";this.toggledByMethod=false;this.isHovering=false;this.onEscKey=function(t){if(t.keyCode===keyCode.ESC){e.hide()}};this.computePosition=function(){return __awaiter(e,void 0,void 0,(function(){var t,e,o,i,n,s,r,a,l;return __generator(this,(function(h){switch(h.label){case 0:if(!this.open){return[2]}return[4,computePosition(this.triggerElement.firstElementChild,this.contentElement,{placement:this.placement,middleware:[offset({mainAxis:this.distance,crossAxis:this.skidding}),flip({padding:5}),shift({padding:5}),arrow({element:this.arrowElement,padding:5})]})];case 1:t=h.sent(),e=t.x,o=e===void 0?0:e,i=t.y,n=i===void 0?0:i,s=t.strategy,r=s===void 0?"absolute":s,a=t.placement,l=t.middlewareData;this.middlewareData=l;this.computedPlacement=a;Object.assign(this.contentElement.style,{position:r,left:"".concat(o,"px"),top:"".concat(n,"px")});Object.assign(this.arrowElement.style,{left:o!=null?"".concat(l.arrow.x,"px"):"",top:n!=null?"".concat(l.arrow.y,"px"):""});return[2]}}))}))};this.onClickTrigger=function(){if(e.hasTrigger("click")){e.toggle()}};this.onMouseEnterTrigger=function(){if(e.hasTrigger("hover")){e.isHovering=true;e.show()}};this.onMouseLeaveTrigger=function(){if(e.hasTrigger("hover")){e.isHovering=false;document.addEventListener("mousemove",e.onMouseMoveDocument)}};this.onFocusTrigger=function(){if(e.hasTrigger("focus")){e.show()}};this.onBlurTrigger=function(){if(e.hasTrigger("focus")){e.hide()}};this.onMouseMoveDocument=function(t){var o=t.clientX,i=t.clientY;if(!e.computedPlacement){return true}var n=e.computedPlacement.split("-")[0];var s=e.middlewareData.offset;var r=e.contentElement.getBoundingClientRect();if(!s){return true}var a=n==="bottom"?s.y:0;var l=n==="top"?s.y:0;var h=n==="right"?s.x:0;var c=n==="left"?s.x:0;var p=r.top-i>a;var u=i-r.bottom>l;var d=r.left-o>h;var f=o-r.right>c;if(p||u||d||f){document.removeEventListener("mousemove",e.onMouseMoveDocument);if(!e.isHovering){e.hide()}}}}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.openWatcher=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!t)return[3,3];if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-tooltip"})}return[4,stopAnimations(this.contentElement)];case 1:e.sent();this.contentElement.style.willChange="transform, opacity, position, top, left, bottom, right";this.contentElement.hidden=false;return[4,animateTo(this.contentElement,ANIMATION_SHOW.keyframes,ANIMATION_SHOW.options)];case 2:e.sent();if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-tooltip"})}return[3,6];case 3:if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-tooltip"})}return[4,stopAnimations(this.contentElement)];case 4:e.sent();return[4,animateTo(this.contentElement,ANIMATION_HIDE.keyframes,ANIMATION_HIDE.options)];case 5:e.sent();this.contentElement.hidden=true;this.contentElement.style.willChange="auto";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-tooltip"})}e.label=6;case 6:this.toggledByMethod=false;return[2]}}))}))};t.prototype.triggerWatcher=function(t){this._trigger=t.split(" ")};t.prototype.handleDocumentClick=function(t){if(!this.open){return}var e=t.target!==this.contentElement&&this.contentElement.contains(t.target)===false;var o=t.target===this.triggerElement||this.triggerElement.contains(t.target);if(e&&!o&&this.hasTrigger("click")){this.hide()}};t.prototype.hasTrigger=function(t){return this._trigger.indexOf(t)>-1};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-tooltip-label-".concat(tooltipCounter);tooltipCounter++;this.triggerWatcher(this.trigger);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"tooltip")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.componentDidRender=function(){this.computePosition();if(this.interactive){this.triggerElement.firstElementChild.setAttribute("aria-expanded",this.open?"true":"false")}if(this.trap){this.open?this.trap.activate():this.trap.deactivate()}};t.prototype.componentDidUpdate=function(){if(this.trap){this.trap.updateContainerElements(this.contentElement)}};t.prototype.componentDidLoad=function(){this.autoUpdateCleanup=autoUpdate(this.element,this.contentElement,this.computePosition);if(this.interactive){this.trap=createFocusTrap(this.contentElement,{fallbackFocus:this.contentElement,clickOutsideDeactivates:true,returnFocusOnDeactivate:true});if(this.open){this.trap.activate()}}this.contentElement.hidden=!this.open};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);e.addEventListener("mouseenter",this.onMouseEnterTrigger);e.addEventListener("mouseleave",this.onMouseLeaveTrigger);e.addEventListener("focusin",this.onFocusTrigger);e.addEventListener("focusout",this.onBlurTrigger)}};t.prototype.disconnectedCallback=function(){if(this.autoUpdateCleanup){this.autoUpdateCleanup()}this.triggerElement.firstElementChild.removeEventListener("click",this.onClickTrigger);this.triggerElement.firstElementChild.removeEventListener("mouseenter",this.onMouseEnterTrigger);this.triggerElement.firstElementChild.removeEventListener("mouseleave",this.onMouseLeaveTrigger);this.triggerElement.firstElementChild.removeEventListener("focusin",this.onFocusTrigger);this.triggerElement.firstElementChild.removeEventListener("focusout",this.onBlurTrigger)};t.prototype.render=function(){var t;var e=this;var o=(t={"stzh-tooltip":true},t["stzh-tooltip--open"]=this.open,t["stzh-tooltip--placement-".concat(this.computedPlacement)]=!!this.computedPlacement,t);return h(Host,null,h("div",{class:o},h("div",{class:"stzh-tooltip__trigger",ref:function(t){return e.triggerElement=t}},h("slot",null)),h("div",{class:"stzh-tooltip__content",ref:function(t){return e.contentElement=t},tabindex:"-1","aria-labelledby":this.label?this.labelId:null,"aria-hidden":this.open?"false":"true",onKeyDown:this.onEscKey,onMouseEnter:this.onMouseEnterTrigger,onMouseLeave:this.onMouseLeaveTrigger,onFocusin:this.onFocusTrigger,onFocusout:this.onBlurTrigger},h("div",{class:"stzh-tooltip__arrow",ref:function(t){return e.arrowElement=t},innerHTML:Arrow}),this.label&&h("h2",{id:this.labelId,class:"stzh-tooltip__vhidden"},this.label),h("div",{class:"stzh-tooltip__content-slot"},this.content?this.content:h("slot",{name:"content"})),this.hasTrigger("click")&&h("button",{class:"stzh-tooltip__close",onClick:function(){return e.hide()},type:"button"},h("stzh-icon",{name:"close",class:"stzh-tooltip__icon"}),h("span",{class:"stzh-tooltip__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"],trigger:["triggerWatcher"]}},enumerable:false,configurable:true});return t}();StzhTooltip.style=stzhTooltipCss;export{StzhTooltip as stzh_tooltip};
+var __awaiter=this&&this.__awaiter||function(t,e,o,i){function n(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,s){function r(t){try{l(i.next(t))}catch(e){s(e)}}function a(t){try{l(i["throw"](t))}catch(e){s(e)}}function l(t){t.done?o(t.value):n(t.value).then(r,a)}l((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},i,n,s,r;return r={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function a(t){return function(e){return l([t,e])}}function l(r){if(i)throw new TypeError("Generator is already executing.");while(o)try{if(i=1,n&&(s=r[0]&2?n["return"]:r[0]?n["throw"]||((s=n["return"])&&s.call(n),0):n.next)&&!(s=s.call(n,r[1])).done)return s;if(n=0,s)r=[r[0]&2,s.value];switch(r[0]){case 0:case 1:s=r;break;case 4:o.label++;return{value:r[1],done:false};case 5:o.label++;n=r[1];r=[0];continue;case 7:r=o.ops.pop();o.trys.pop();continue;default:if(!(s=o.trys,s=s.length>0&&s[s.length-1])&&(r[0]===6||r[0]===2)){o=0;continue}if(r[0]===3&&(!s||r[1]>s[0]&&r[1]<s[3])){o.label=r[1];break}if(r[0]===6&&o.label<s[1]){o.label=s[1];s=r;break}if(s&&o.label<s[2]){o.label=s[2];o.ops.push(r);break}if(s[2])o.ops.pop();o.trys.pop();continue}r=e.call(t,o)}catch(a){r=[6,a];n=0}finally{i=s=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-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{w as waitForEvent}from"./event-utils-7a709e21.js";import{s as stopAnimations,a as animateTo}from"./animation-utils-25c74e5b.js";var stzhTooltipCss=".sc-stzh-tooltip-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-tooltip-h{display:none}.sc-stzh-tooltip-h *.sc-stzh-tooltip,.sc-stzh-tooltip-h *.sc-stzh-tooltip::before,.sc-stzh-tooltip-h *.sc-stzh-tooltip::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-tooltip-h{--width:var(--stzh-tooltip-width);--min-width:var(--stzh-tooltip-min-width);--max-width:var(--stzh-tooltip-max-width);--padding:var(--stzh-tooltip-padding);--border-radius:var(--stzh-tooltip-border-radius)}.stzh-tooltip__arrow.sc-stzh-tooltip{position:absolute;display:-ms-flexbox;display:flex;color:var(--stzh-color-white)}.stzh-tooltip--placement-bottom.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-bottom-start.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-bottom-end.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip{top:0;-webkit-transform:translateY(-0.5rem);transform:translateY(-0.5rem)}.stzh-tooltip--placement-top.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-top-start.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-top-end.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip{bottom:0;-webkit-transform:translateY(0.5rem) rotate(180deg);transform:translateY(0.5rem) rotate(180deg)}.stzh-tooltip--placement-left.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-left-start.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-left-end.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip{right:0;-webkit-transform:translateX(0.75rem) rotate(90deg);transform:translateX(0.75rem) rotate(90deg)}.stzh-tooltip--placement-right.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-right-start.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-right-end.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip{left:0;-webkit-transform:translateX(-0.75rem) rotate(-90deg);transform:translateX(-0.75rem) rotate(-90deg)}.stzh-tooltip__content.sc-stzh-tooltip{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);position:absolute;z-index:var(--stzh-z-index-popover);-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover);border-radius:var(--border-radius);background-color:var(--stzh-color-white);width:var(--width);min-width:var(--min-width);max-width:var(--max-width)}@supports ((-webkit-filter: var(--stzh-tooltip-drop-shadow)) or (filter: var(--stzh-tooltip-drop-shadow))){.stzh-tooltip__content.sc-stzh-tooltip{-webkit-box-shadow:none;box-shadow:none;-webkit-filter:var(--stzh-tooltip-drop-shadow);filter:var(--stzh-tooltip-drop-shadow)}}.stzh-tooltip__content-slot.sc-stzh-tooltip{padding:var(--padding)}.stzh-tooltip__close.sc-stzh-tooltip{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)}.stzh-tooltip__icon.sc-stzh-tooltip{--size:var(--stzh-icon-size-xxsmall)}.stzh-tooltip__vhidden.sc-stzh-tooltip{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}";var ANIMATION_SHOW={keyframes:[{opacity:"0"},{opacity:"1"}],options:{duration:100,easing:"linear"}};var ANIMATION_HIDE={keyframes:[{opacity:"1"},{opacity:"0"}],options:{duration:200,easing:"linear"}};var keyCode={ESC:27};var tooltipCounter=0;var StzhTooltip=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.label="";this.content="";this.placement="bottom";this.skidding=0;this.distance=16;this.interactive=false;this.trigger="hover focus";this.toggledByMethod=false;this.isHovering=false;this.onEscKey=function(t){if(t.keyCode===keyCode.ESC){e.hide()}};this.computePosition=function(){return __awaiter(e,void 0,void 0,(function(){var t,e,o,i,n,s,r,a,l;return __generator(this,(function(h){switch(h.label){case 0:if(!this.open){return[2]}return[4,computePosition(this.triggerElement.firstElementChild,this.contentElement,{placement:this.placement,middleware:[offset({mainAxis:this.distance,crossAxis:this.skidding}),flip({padding:5}),shift({padding:5}),arrow({element:this.arrowElement,padding:5})]})];case 1:t=h.sent(),e=t.x,o=e===void 0?0:e,i=t.y,n=i===void 0?0:i,s=t.strategy,r=s===void 0?"absolute":s,a=t.placement,l=t.middlewareData;this.middlewareData=l;this.computedPlacement=a;Object.assign(this.contentElement.style,{position:r,left:"".concat(o,"px"),top:"".concat(n,"px")});Object.assign(this.arrowElement.style,{left:o!=null?"".concat(l.arrow.x,"px"):"",top:n!=null?"".concat(l.arrow.y,"px"):""});return[2]}}))}))};this.onClickTrigger=function(){if(e.hasTrigger("click")){e.toggle()}};this.onMouseEnterTrigger=function(){if(e.hasTrigger("hover")){e.isHovering=true;e.show()}};this.onMouseLeaveTrigger=function(){if(e.hasTrigger("hover")){e.isHovering=false;document.addEventListener("mousemove",e.onMouseMoveDocument)}};this.onFocusTrigger=function(){if(e.hasTrigger("focus")){e.show()}};this.onBlurTrigger=function(){if(e.hasTrigger("focus")){e.hide()}};this.onMouseMoveDocument=function(t){var o=t.clientX,i=t.clientY;if(!e.computedPlacement){return true}var n=e.computedPlacement.split("-")[0];var s=e.middlewareData.offset;var r=e.contentElement.getBoundingClientRect();if(!s){return true}var a=n==="bottom"?s.y:0;var l=n==="top"?s.y:0;var h=n==="right"?s.x:0;var c=n==="left"?s.x:0;var p=r.top-i>a;var u=i-r.bottom>l;var d=r.left-o>h;var f=o-r.right>c;if(p||u||d||f){document.removeEventListener("mousemove",e.onMouseMoveDocument);if(!e.isHovering){e.hide()}}}}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.openWatcher=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!t)return[3,3];if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-tooltip"})}return[4,stopAnimations(this.contentElement)];case 1:e.sent();this.contentElement.style.willChange="transform, opacity, position, top, left, bottom, right";this.contentElement.hidden=false;return[4,animateTo(this.contentElement,ANIMATION_SHOW.keyframes,ANIMATION_SHOW.options)];case 2:e.sent();if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-tooltip"})}return[3,6];case 3:if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-tooltip"})}return[4,stopAnimations(this.contentElement)];case 4:e.sent();return[4,animateTo(this.contentElement,ANIMATION_HIDE.keyframes,ANIMATION_HIDE.options)];case 5:e.sent();this.contentElement.hidden=true;this.contentElement.style.willChange="auto";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-tooltip"})}e.label=6;case 6:this.toggledByMethod=false;return[2]}}))}))};t.prototype.triggerWatcher=function(t){this._trigger=t.split(" ")};t.prototype.handleDocumentClick=function(t){if(!this.open){return}var e=t.target!==this.contentElement&&this.contentElement.contains(t.target)===false;var o=t.target===this.triggerElement||this.triggerElement.contains(t.target);if(e&&!o&&this.hasTrigger("click")){this.hide()}};t.prototype.hasTrigger=function(t){return this._trigger.indexOf(t)>-1};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-tooltip-label-".concat(tooltipCounter);tooltipCounter++;this.triggerWatcher(this.trigger);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"tooltip")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.componentDidRender=function(){this.computePosition();if(this.interactive){this.triggerElement.firstElementChild.setAttribute("aria-expanded",this.open?"true":"false")}if(this.trap){this.open?this.trap.activate():this.trap.deactivate()}};t.prototype.componentDidUpdate=function(){if(this.trap){this.trap.updateContainerElements(this.contentElement)}};t.prototype.componentDidLoad=function(){this.autoUpdateCleanup=autoUpdate(this.element,this.contentElement,this.computePosition);if(this.interactive){this.trap=createFocusTrap(this.contentElement,{fallbackFocus:this.contentElement,clickOutsideDeactivates:true,returnFocusOnDeactivate:true});if(this.open){this.trap.activate()}}this.contentElement.hidden=!this.open};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);e.addEventListener("mouseenter",this.onMouseEnterTrigger);e.addEventListener("mouseleave",this.onMouseLeaveTrigger);e.addEventListener("focusin",this.onFocusTrigger);e.addEventListener("focusout",this.onBlurTrigger)}};t.prototype.disconnectedCallback=function(){if(this.autoUpdateCleanup){this.autoUpdateCleanup()}this.triggerElement.firstElementChild.removeEventListener("click",this.onClickTrigger);this.triggerElement.firstElementChild.removeEventListener("mouseenter",this.onMouseEnterTrigger);this.triggerElement.firstElementChild.removeEventListener("mouseleave",this.onMouseLeaveTrigger);this.triggerElement.firstElementChild.removeEventListener("focusin",this.onFocusTrigger);this.triggerElement.firstElementChild.removeEventListener("focusout",this.onBlurTrigger)};t.prototype.render=function(){var t;var e=this;var o=(t={"stzh-tooltip":true},t["stzh-tooltip--open"]=this.open,t["stzh-tooltip--placement-".concat(this.computedPlacement)]=!!this.computedPlacement,t);return h(Host,null,h("div",{class:o},h("div",{class:"stzh-tooltip__trigger",ref:function(t){return e.triggerElement=t}},h("slot",null)),h("div",{class:"stzh-tooltip__content",ref:function(t){return e.contentElement=t},tabindex:"-1","aria-labelledby":this.label?this.labelId:null,"aria-hidden":this.open?"false":"true",onKeyDown:this.onEscKey,onMouseEnter:this.onMouseEnterTrigger,onMouseLeave:this.onMouseLeaveTrigger,onFocusin:this.onFocusTrigger,onFocusout:this.onBlurTrigger},h("div",{class:"stzh-tooltip__arrow",ref:function(t){return e.arrowElement=t},innerHTML:Arrow}),this.label&&h("h2",{id:this.labelId,class:"stzh-tooltip__vhidden"},this.label),h("div",{class:"stzh-tooltip__content-slot"},this.content?this.content:h("slot",{name:"content"})),this.hasTrigger("click")&&h("button",{class:"stzh-tooltip__close",onClick:function(){return e.hide()},type:"button"},h("stzh-icon",{name:"close",class:"stzh-tooltip__icon"}),h("span",{class:"stzh-tooltip__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"],trigger:["triggerWatcher"]}},enumerable:false,configurable:true});return t}();StzhTooltip.style=stzhTooltipCss;export{StzhTooltip as stzh_tooltip};