@oiz/stzh-components 2.3.0-alpha → 2.3.0-alpha2

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(g){if(s)throw new TypeError("Generator is already executing.");while(i&&(i=0,g[0]&&(o=0)),o)try{if(s=1,r&&(l=g[0]&2?r["return"]:g[0]?r["throw"]||((l=r["return"])&&l.call(r),0):r.next)&&!(l=l.call(r,g[1])).done)return l;if(r=0,l)g=[g[0]&2,l.value];switch(g[0]){case 0:case 1:l=g;break;case 4:o.label++;return{value:g[1],done:false};case 5:o.label++;r=g[1];g=[0];continue;case 7:g=o.ops.pop();o.trys.pop();continue;default:if(!(l=o.trys,l=l.length>0&&l[l.length-1])&&(g[0]===6||g[0]===2)){o=0;continue}if(g[0]===3&&(!l||g[1]>l[0]&&g[1]<l[3])){o.label=g[1];break}if(g[0]===6&&o.label<l[1]){o.label=l[1];l=g;break}if(l&&o.label<l[2]){o.label=l[2];o.ops.push(g);break}if(l[2])o.ops.pop();o.trys.pop();continue}g=e.call(t,o)}catch(n){g=[6,n];r=0}finally{s=l=0}if(g[0]&5)throw g[1];return{value:g[0]?g[1]:void 0,done:true}}};import{r as registerInstance,e as createEvent,h,g as getElement}from"./index-319b7c49.js";import{h as hasSlot}from"./utils-92a77db5.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";import{S as StzhInputDescription}from"./stzh-input-description-cc38e214.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;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-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-grey13)}.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);border-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.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})};this.localization=undefined;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.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.a11yDescribedby=""}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(g){if(s)throw new TypeError("Generator is already executing.");while(i&&(i=0,g[0]&&(o=0)),o)try{if(s=1,r&&(l=g[0]&2?r["return"]:g[0]?r["throw"]||((l=r["return"])&&l.call(r),0):r.next)&&!(l=l.call(r,g[1])).done)return l;if(r=0,l)g=[g[0]&2,l.value];switch(g[0]){case 0:case 1:l=g;break;case 4:o.label++;return{value:g[1],done:false};case 5:o.label++;r=g[1];g=[0];continue;case 7:g=o.ops.pop();o.trys.pop();continue;default:if(!(l=o.trys,l=l.length>0&&l[l.length-1])&&(g[0]===6||g[0]===2)){o=0;continue}if(g[0]===3&&(!l||g[1]>l[0]&&g[1]<l[3])){o.label=g[1];break}if(g[0]===6&&o.label<l[1]){o.label=l[1];l=g;break}if(l&&o.label<l[2]){o.label=l[2];o.ops.push(g);break}if(l[2])o.ops.pop();o.trys.pop();continue}g=e.call(t,o)}catch(n){g=[6,n];r=0}finally{s=l=0}if(g[0]&5)throw g[1];return{value:g[0]?g[1]:void 0,done:true}}};import{r as registerInstance,e as createEvent,h,g as getElement}from"./index-319b7c49.js";import{h as hasSlot}from"./utils-51148d9a.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";import{S as StzhInputDescription}from"./stzh-input-description-cc38e214.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;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-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-grey13)}.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);border-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.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})};this.localization=undefined;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.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.a11yDescribedby=""}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,i,o){function r(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,n){function s(t){try{l(o.next(t))}catch(e){n(e)}}function a(t){try{l(o["throw"](t))}catch(e){n(e)}}function l(t){t.done?i(t.value):r(t.value).then(s,a)}l((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},o,r,n,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(t){return function(e){return l([t,e])}}function l(a){if(o)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(i=0)),i)try{if(o=1,r&&(n=a[0]&2?r["return"]:a[0]?r["throw"]||((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,a[1])).done)return n;if(r=0,n)a=[a[0]&2,n.value];switch(a[0]){case 0:case 1:n=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;r=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(n=i.trys,n=n.length>0&&n[n.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!n||a[1]>n[0]&&a[1]<n[3])){i.label=a[1];break}if(a[0]===6&&i.label<n[1]){i.label=n[1];n=a;break}if(n&&i.label<n[2]){i.label=n[2];i.ops.push(a);break}if(n[2])i.ops.pop();i.trys.pop();continue}a=e.call(t,i)}catch(l){a=[6,l];r=0}finally{o=n=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{r as registerInstance,e as createEvent,h,c as Host,g as getElement}from"./index-319b7c49.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-480bc86f.js";import{c as createFocusTrap}from"./focus-trap.esm-82634dec.js";import{i as isStzhElement}from"./utils-92a77db5.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-e234a5f8.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;font-family:inherit;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.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,i,o,r,n,s,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,{strategy:this.strategy,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,i=e===void 0?0:e,o=t.y,r=o===void 0?0:o,n=t.strategy,s=n===void 0?"absolute":n,a=t.placement,l=t.middlewareData;this.middlewareData=l;this.computedPlacement=a;Object.assign(this.contentElement.style,{position:s,left:"".concat(i,"px"),top:"".concat(r,"px")});Object.assign(this.arrowElement.style,{left:i!=null?"".concat(l.arrow.x,"px"):"",top:r!=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 i=t.clientX,o=t.clientY;if(!e.computedPlacement){return true}var r=e.computedPlacement.split("-")[0];var n=e.middlewareData.offset;var s=e.contentElement.getBoundingClientRect();if(!n){return true}var a=r==="bottom"?n.y:0;var l=r==="top"?n.y:0;var h=r==="right"?n.x:0;var c=r==="left"?n.x:0;var p=s.top-o>a;var d=o-s.bottom>l;var u=s.left-i>h;var f=i-s.right>c;if(p||d||u||f){document.removeEventListener("mousemove",e.onMouseMoveDocument);if(!e.isHovering){e.hide()}}};this.open=false;this.label="";this.content="";this.placement="bottom";this.strategy="absolute";this.skidding=0;this.distance=16;this.interactive=false;this.trigger="hover focus";this.localization=undefined;this.computedPlacement=undefined}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(!this.contentElement){return[2]}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 i=t.target===this.triggerElement||this.triggerElement.contains(t.target);if(e&&!i&&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.id="stzh-tooltip-".concat(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();var t=isStzhElement(this.triggerElement.firstElementChild);if(this.hasTrigger("click")){this.triggerElement.firstElementChild.setAttribute(t?"a11y-expanded":"aria-expanded",this.open?"true":"false");if(t&&!this.triggerElement.firstElementChild.getAttribute("a11y-describedby")||this.triggerElement.firstElementChild.getAttribute("aria-describedby")){this.triggerElement.firstElementChild.setAttribute(t?"a11y-describedby":"aria-describedby","".concat(this.id,"-trigger-description"))}if(t&&!this.triggerElement.firstElementChild.getAttribute("a11y-label")||this.triggerElement.firstElementChild.getAttribute("aria-label")){this.triggerElement.firstElementChild.setAttribute(t?"a11y-label":"aria-label",this.label)}}else{if(t&&!this.triggerElement.firstElementChild.getAttribute("a11y-describedby")||this.triggerElement.firstElementChild.getAttribute("aria-describedby")){this.triggerElement.firstElementChild.setAttribute(t?"a11y-describedby":"aria-describedby","".concat(this.id,"-content"))}}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 i=Array.from(this.element.children).find((function(t){return!t.hasAttribute("slot")}));e=i}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()}if(this.triggerElement&&this.triggerElement.firstElementChild){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 i=(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:i},h("div",{class:"stzh-tooltip__trigger",ref:function(t){return e.triggerElement=t}},h("slot",null)),this.hasTrigger("click")&&h("div",{class:"stzh-tooltip__vhidden",id:"".concat(this.id,"-trigger-description")},this.localization.open),h("div",{class:"stzh-tooltip__content",id:"".concat(this.id,"-content"),ref:function(t){return e.contentElement=t},tabindex:"-1","aria-labelledby":this.label?"".concat(this.id,"-label"):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:"".concat(this.id,"-label"),class:"stzh-tooltip__vhidden"},this.label),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)),h("div",{class:"stzh-tooltip__content-slot"},this.content?this.content:h("slot",{name:"content"})))))};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,i,o){function r(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,n){function s(t){try{l(o.next(t))}catch(e){n(e)}}function a(t){try{l(o["throw"](t))}catch(e){n(e)}}function l(t){t.done?i(t.value):r(t.value).then(s,a)}l((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},o,r,n,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(t){return function(e){return l([t,e])}}function l(a){if(o)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(i=0)),i)try{if(o=1,r&&(n=a[0]&2?r["return"]:a[0]?r["throw"]||((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,a[1])).done)return n;if(r=0,n)a=[a[0]&2,n.value];switch(a[0]){case 0:case 1:n=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;r=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(n=i.trys,n=n.length>0&&n[n.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!n||a[1]>n[0]&&a[1]<n[3])){i.label=a[1];break}if(a[0]===6&&i.label<n[1]){i.label=n[1];n=a;break}if(n&&i.label<n[2]){i.label=n[2];i.ops.push(a);break}if(n[2])i.ops.pop();i.trys.pop();continue}a=e.call(t,i)}catch(l){a=[6,l];r=0}finally{o=n=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{r as registerInstance,e as createEvent,h,c as Host,g as getElement}from"./index-319b7c49.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-480bc86f.js";import{c as createFocusTrap}from"./focus-trap.esm-82634dec.js";import{i as isStzhElement}from"./utils-51148d9a.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-e234a5f8.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;font-family:inherit;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.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,i,o,r,n,s,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,{strategy:this.strategy,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,i=e===void 0?0:e,o=t.y,r=o===void 0?0:o,n=t.strategy,s=n===void 0?"absolute":n,a=t.placement,l=t.middlewareData;this.middlewareData=l;this.computedPlacement=a;Object.assign(this.contentElement.style,{position:s,left:"".concat(i,"px"),top:"".concat(r,"px")});Object.assign(this.arrowElement.style,{left:i!=null?"".concat(l.arrow.x,"px"):"",top:r!=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 i=t.clientX,o=t.clientY;if(!e.computedPlacement){return true}var r=e.computedPlacement.split("-")[0];var n=e.middlewareData.offset;var s=e.contentElement.getBoundingClientRect();if(!n){return true}var a=r==="bottom"?n.y:0;var l=r==="top"?n.y:0;var h=r==="right"?n.x:0;var c=r==="left"?n.x:0;var p=s.top-o>a;var d=o-s.bottom>l;var u=s.left-i>h;var f=i-s.right>c;if(p||d||u||f){document.removeEventListener("mousemove",e.onMouseMoveDocument);if(!e.isHovering){e.hide()}}};this.open=false;this.label="";this.content="";this.placement="bottom";this.strategy="absolute";this.skidding=0;this.distance=16;this.interactive=false;this.trigger="hover focus";this.localization=undefined;this.computedPlacement=undefined}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(!this.contentElement){return[2]}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 i=t.target===this.triggerElement||this.triggerElement.contains(t.target);if(e&&!i&&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.id="stzh-tooltip-".concat(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();var t=isStzhElement(this.triggerElement.firstElementChild);if(this.hasTrigger("click")){this.triggerElement.firstElementChild.setAttribute(t?"a11y-expanded":"aria-expanded",this.open?"true":"false");if(t&&!this.triggerElement.firstElementChild.getAttribute("a11y-describedby")||this.triggerElement.firstElementChild.getAttribute("aria-describedby")){this.triggerElement.firstElementChild.setAttribute(t?"a11y-describedby":"aria-describedby","".concat(this.id,"-trigger-description"))}if(t&&!this.triggerElement.firstElementChild.getAttribute("a11y-label")||this.triggerElement.firstElementChild.getAttribute("aria-label")){this.triggerElement.firstElementChild.setAttribute(t?"a11y-label":"aria-label",this.label)}}else{if(t&&!this.triggerElement.firstElementChild.getAttribute("a11y-describedby")||this.triggerElement.firstElementChild.getAttribute("aria-describedby")){this.triggerElement.firstElementChild.setAttribute(t?"a11y-describedby":"aria-describedby","".concat(this.id,"-content"))}}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 i=Array.from(this.element.children).find((function(t){return!t.hasAttribute("slot")}));e=i}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()}if(this.triggerElement&&this.triggerElement.firstElementChild){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 i=(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:i},h("div",{class:"stzh-tooltip__trigger",ref:function(t){return e.triggerElement=t}},h("slot",null)),this.hasTrigger("click")&&h("div",{class:"stzh-tooltip__vhidden",id:"".concat(this.id,"-trigger-description")},this.localization.open),h("div",{class:"stzh-tooltip__content",id:"".concat(this.id,"-content"),ref:function(t){return e.contentElement=t},tabindex:"-1","aria-labelledby":this.label?"".concat(this.id,"-label"):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:"".concat(this.id,"-label"),class:"stzh-tooltip__vhidden"},this.label),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)),h("div",{class:"stzh-tooltip__content-slot"},this.content?this.content:h("slot",{name:"content"})))))};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};