wcs-core 7.6.0 → 7.7.0

package/composite-elements/wcs-switch.js

@@ -1,2 +1,2 @@
-import{p as c,H as t,d as s,h as e,c as i}from"./p-2bef72c7.js";import{i as o,a,s as r}from"./p-e803bb26.js";import{g as n}from"./p-a7468a3a.js";const d=':host{--wcs-switch-background-color-initial:var(--wcs-semantic-color-background-control-indicator-default);--wcs-switch-background-color-final:var(--wcs-semantic-color-background-control-indicator-selected);--wcs-switch-background-color-disabled:var(--wcs-semantic-color-background-control-indicator-disabled);--wcs-switch-background-color-disabled-selected:var(--wcs-semantic-color-background-control-indicator-disabled);--wcs-switch-background-color-hover-selected:var(--wcs-semantic-color-background-control-indicator-hover);--wcs-switch-padding-horizontal:var(--wcs-semantic-spacing-small);--wcs-switch-padding-vertical:calc((var(--wcs-switch-height) - var(--wcs-switch-dot-size)) / 2);--wcs-switch-dot-color-default:var(--wcs-semantic-color-foreground-brand);--wcs-switch-dot-color-selected:var(--wcs-semantic-color-foreground-control-indicator-selected);--wcs-switch-dot-color-disabled:var(--wcs-semantic-color-foreground-control-indicator-disabled);--wcs-switch-text-color-default:var(--wcs-semantic-color-text-secondary);--wcs-switch-text-color-selected:var(--wcs-semantic-color-text-primary);--wcs-switch-text-color-disabled:var(--wcs-semantic-color-text-disabled);--wcs-switch-text-font-weight-default:var(--wcs-semantic-font-weight-medium);--wcs-switch-text-font-weight-selected:var(--wcs-semantic-font-weight-medium);--wcs-switch-outline-color-focus:var(--wcs-semantic-color-border-focus-base);--wcs-switch-dot-translate-x:calc(var(--wcs-switch-width) - var(--wcs-switch-dot-size) - (2 * var(--wcs-switch-padding-horizontal)));--wcs-switch-transition-duration:var(--wcs-semantic-motion-duration-feedback-base);--wcs-switch-dot-size:0.875rem;--wcs-switch-height:var(--wcs-semantic-size-xs);--wcs-switch-width:var(--wcs-semantic-size-l);--wcs-switch-border-radius:var(--wcs-semantic-border-radius-full);--wcs-switch-gap:var(--wcs-semantic-spacing-base);display:inline-flex}:host([disabled]) .text{color:var(--wcs-switch-text-color-disabled)}:host([disabled]) .wcs-container{cursor:not-allowed}.wcs-container{position:relative;display:flex;user-select:none;margin-bottom:0;gap:var(--wcs-switch-gap)}.wcs-container:has(input:focus-visible){outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-switch-outline-color-focus);outline-offset:var(--wcs-semantic-spacing-small);border-radius:var(--wcs-switch-border-radius)}@supports not selector(.wcs-container:has(input:focus-visible)){.wcs-container:focus-within{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-switch-outline-color-focus);outline-offset:var(--wcs-semantic-spacing-small);border-radius:var(--wcs-switch-border-radius)}}:host([label-alignment=top]) .wcs-container{align-items:start}:host([label-alignment=center]) .wcs-container{align-items:center}:host([label-alignment=bottom]) .wcs-container{align-items:flex-end}.wcs-container input{position:absolute;opacity:0;height:0;width:0}.text{color:var(--wcs-switch-text-color-default);font-weight:var(--wcs-switch-text-font-weight-default);line-height:1.375}.wcs-container:not([aria-disabled]) input:checked~.text{font-weight:var(--wcs-switch-text-font-weight-selected);color:var(--wcs-switch-text-color-selected)}.wcs-checkmark::before{position:absolute;transition:all var(--wcs-switch-transition-duration) ease-out}.wcs-checkmark::before{bottom:var(--wcs-switch-padding-vertical);left:var(--wcs-switch-padding-horizontal);width:var(--wcs-switch-dot-size);height:var(--wcs-switch-dot-size);content:"";border-radius:50%;background-color:var(--wcs-switch-dot-color-default)}:host([disabled]:not([checked])) .wcs-checkmark::before{background-color:var(--wcs-switch-dot-color-disabled)}:host([disabled]:not([checked])) .wcs-checkmark{background-color:var(--wcs-switch-background-color-disabled)}:host([disabled][checked]) .wcs-checkmark{background-color:var(--wcs-switch-background-color-disabled-selected)}:host([disabled]) .text{color:var(--wcs-switch-text-color-disabled)}.wcs-checkmark{top:0;right:0;bottom:0;left:0;width:var(--wcs-switch-width);height:var(--wcs-switch-height);border-radius:var(--wcs-switch-border-radius);background-color:var(--wcs-switch-background-color-initial);min-width:3rem;position:relative}.wcs-container:not([aria-disabled]){cursor:pointer}input:not([disabled]):checked+.wcs-checkmark::before,.wcs-container:focus input:not([disabled])+.wcs-checkmark::before{background-color:var(--wcs-switch-dot-color-selected)}input:checked+.wcs-checkmark::before{transform:translateX(var(--wcs-switch-dot-translate-x))}input:not([disabled]):checked+.wcs-checkmark{background-color:var(--wcs-switch-background-color-final)}.wcs-container:hover input:not([disabled]):checked+.wcs-checkmark{background-color:var(--wcs-switch-background-color-hover-selected)}';const l=d;const h=["tabindex"];const w=c(class c extends t{constructor(){super();this.__registerHost();this.__attachShadow();this.wcsChange=s(this,"wcsChange",7);this.wcsFocus=s(this,"wcsFocus",7);this.wcsBlur=s(this,"wcsBlur",7);this.switchId=`wcs-switch-${b++}`;this.inheritedAttributes={};this.name=this.switchId;this.checked=false;this.labelAlignment="center";this.disabled=false}handleChange(c){c.stopImmediatePropagation();c.preventDefault();this.toggleSwitchState()}async handleHostClick(c){c.preventDefault();c.stopPropagation();this.toggleSwitchState()}handleInputClick(c){if(c.detail){c.stopImmediatePropagation();c.preventDefault()}}toggleSwitchState(){if(this.disabled)return;this.checked=!this.checked;this.wcsChange.emit({checked:this.checked})}handleFocus(c){this.wcsFocus.emit(c)}handleBlur(c){this.wcsBlur.emit(c)}componentWillLoad(){this.inheritedAttributes=Object.assign(Object.assign({},o(this.el)),a(this.el,h))}async setAriaAttribute(c,t){r(this.nativeInput,c,t)}async getLabel(){return n(this.el)}render(){return e(i,{key:"482132afd430c9dcc4f43e945f73516cd3ff0916"},e("label",{key:"347ef36c5f79f40c07b033061fc4306c7af1d6d4",htmlFor:this.name,class:"wcs-container","aria-disabled":this.disabled},e("input",Object.assign({key:"3fd70b6177fc09b5d86af8985b89d33c20bec1a2",onBlur:this.handleBlur.bind(this),onChange:this.handleChange.bind(this),onClick:this.handleInputClick.bind(this),onFocus:this.handleFocus.bind(this),checked:this.checked,id:this.name,class:"wcs-switch",type:"checkbox",name:this.name,disabled:this.disabled,ref:c=>{this.nativeInput=c}},this.inheritedAttributes)),e("span",{key:"9fd555c6694b6ec7bb0257c248d440bdba797227",class:"wcs-checkmark"}),e("span",{key:"1b54f6891ba864be362055ceaba9f0853c75fd16",class:"text"},e("slot",{key:"bc3338c266b9ead8338ba50a69fcafcb325d13f3"}))))}static get delegatesFocus(){return true}get el(){return this}static get style(){return l}},[17,"wcs-switch",{name:[1],checked:[516],labelAlignment:[513,"label-alignment"],disabled:[516],setAriaAttribute:[64],getLabel:[64]},[[0,"click","handleHostClick"]]]);let b=0;function u(){if(typeof customElements==="undefined"){return}const c=["wcs-switch"];c.forEach((c=>{switch(c){case"wcs-switch":if(!customElements.get(c)){customElements.define(c,w)}break}}))}u();const f=w;const m=u;export{f as WcsSwitch,m as defineCustomElement};
+import{p as c,H as t,d as s,h as e,c as i}from"./p-2bef72c7.js";import{i as o,a,s as r}from"./p-8a2107d4.js";import{g as n}from"./p-a7468a3a.js";const d=':host{--wcs-switch-background-color-initial:var(--wcs-semantic-color-background-control-indicator-default);--wcs-switch-background-color-final:var(--wcs-semantic-color-background-control-indicator-selected);--wcs-switch-background-color-disabled:var(--wcs-semantic-color-background-control-indicator-disabled);--wcs-switch-background-color-disabled-selected:var(--wcs-semantic-color-background-control-indicator-disabled);--wcs-switch-background-color-hover-selected:var(--wcs-semantic-color-background-control-indicator-hover);--wcs-switch-padding-horizontal:var(--wcs-semantic-spacing-small);--wcs-switch-padding-vertical:calc((var(--wcs-switch-height) - var(--wcs-switch-dot-size)) / 2);--wcs-switch-dot-color-default:var(--wcs-semantic-color-foreground-brand);--wcs-switch-dot-color-selected:var(--wcs-semantic-color-foreground-control-indicator-selected);--wcs-switch-dot-color-disabled:var(--wcs-semantic-color-foreground-control-indicator-disabled);--wcs-switch-text-color-default:var(--wcs-semantic-color-text-secondary);--wcs-switch-text-color-selected:var(--wcs-semantic-color-text-primary);--wcs-switch-text-color-disabled:var(--wcs-semantic-color-text-disabled);--wcs-switch-text-font-weight-default:var(--wcs-semantic-font-weight-medium);--wcs-switch-text-font-weight-selected:var(--wcs-semantic-font-weight-medium);--wcs-switch-outline-color-focus:var(--wcs-semantic-color-border-focus-base);--wcs-switch-dot-translate-x:calc(var(--wcs-switch-width) - var(--wcs-switch-dot-size) - (2 * var(--wcs-switch-padding-horizontal)));--wcs-switch-transition-duration:var(--wcs-semantic-motion-duration-feedback-base);--wcs-switch-dot-size:0.875rem;--wcs-switch-height:var(--wcs-semantic-size-xs);--wcs-switch-width:var(--wcs-semantic-size-l);--wcs-switch-border-radius:var(--wcs-semantic-border-radius-full);--wcs-switch-gap:var(--wcs-semantic-spacing-base);display:inline-flex}:host([disabled]) .text{color:var(--wcs-switch-text-color-disabled)}:host([disabled]) .wcs-container{cursor:not-allowed}.wcs-container{position:relative;display:flex;user-select:none;margin-bottom:0;gap:var(--wcs-switch-gap)}.wcs-container:has(input:focus-visible){outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-switch-outline-color-focus);outline-offset:var(--wcs-semantic-spacing-small);border-radius:var(--wcs-switch-border-radius)}@supports not selector(.wcs-container:has(input:focus-visible)){.wcs-container:focus-within{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-switch-outline-color-focus);outline-offset:var(--wcs-semantic-spacing-small);border-radius:var(--wcs-switch-border-radius)}}:host([label-alignment=top]) .wcs-container{align-items:start}:host([label-alignment=center]) .wcs-container{align-items:center}:host([label-alignment=bottom]) .wcs-container{align-items:flex-end}.wcs-container input{position:absolute;opacity:0;height:0;width:0}.text{color:var(--wcs-switch-text-color-default);font-weight:var(--wcs-switch-text-font-weight-default);line-height:1.375}.wcs-container:not([aria-disabled]) input:checked~.text{font-weight:var(--wcs-switch-text-font-weight-selected);color:var(--wcs-switch-text-color-selected)}.wcs-checkmark::before{position:absolute;transition:all var(--wcs-switch-transition-duration) ease-out}.wcs-checkmark::before{bottom:var(--wcs-switch-padding-vertical);left:var(--wcs-switch-padding-horizontal);width:var(--wcs-switch-dot-size);height:var(--wcs-switch-dot-size);content:"";border-radius:50%;background-color:var(--wcs-switch-dot-color-default)}:host([disabled]:not([checked])) .wcs-checkmark::before{background-color:var(--wcs-switch-dot-color-disabled)}:host([disabled]:not([checked])) .wcs-checkmark{background-color:var(--wcs-switch-background-color-disabled)}:host([disabled][checked]) .wcs-checkmark{background-color:var(--wcs-switch-background-color-disabled-selected)}:host([disabled]) .text{color:var(--wcs-switch-text-color-disabled)}.wcs-checkmark{top:0;right:0;bottom:0;left:0;width:var(--wcs-switch-width);height:var(--wcs-switch-height);border-radius:var(--wcs-switch-border-radius);background-color:var(--wcs-switch-background-color-initial);min-width:3rem;position:relative}.wcs-container:not([aria-disabled]){cursor:pointer}input:not([disabled]):checked+.wcs-checkmark::before,.wcs-container:focus input:not([disabled])+.wcs-checkmark::before{background-color:var(--wcs-switch-dot-color-selected)}input:checked+.wcs-checkmark::before{transform:translateX(var(--wcs-switch-dot-translate-x))}input:not([disabled]):checked+.wcs-checkmark{background-color:var(--wcs-switch-background-color-final)}.wcs-container:hover input:not([disabled]):checked+.wcs-checkmark{background-color:var(--wcs-switch-background-color-hover-selected)}';const l=d;const h=["tabindex"];const w=c(class c extends t{constructor(){super();this.__registerHost();this.__attachShadow();this.wcsChange=s(this,"wcsChange",7);this.wcsFocus=s(this,"wcsFocus",7);this.wcsBlur=s(this,"wcsBlur",7);this.switchId=`wcs-switch-${b++}`;this.inheritedAttributes={};this.name=this.switchId;this.checked=false;this.labelAlignment="center";this.disabled=false}handleChange(c){c.stopImmediatePropagation();c.preventDefault();this.toggleSwitchState()}async handleHostClick(c){c.preventDefault();c.stopPropagation();this.toggleSwitchState()}handleInputClick(c){if(c.detail){c.stopImmediatePropagation();c.preventDefault()}}toggleSwitchState(){if(this.disabled)return;this.checked=!this.checked;this.wcsChange.emit({checked:this.checked})}handleFocus(c){this.wcsFocus.emit(c)}handleBlur(c){this.wcsBlur.emit(c)}componentWillLoad(){this.inheritedAttributes=Object.assign(Object.assign({},o(this.el)),a(this.el,h))}async setAriaAttribute(c,t){r(this.nativeInput,c,t)}async getLabel(){return n(this.el)}render(){return e(i,{key:"84f13bc693503d19ff543c0ff9d915b5759a74c6"},e("label",{key:"f0230dcdccdcb5673f3f250850427383ef8962eb",htmlFor:this.name,class:"wcs-container","aria-disabled":this.disabled},e("input",Object.assign({key:"ca40b1867d863bb3a93d48faf12e21bca9349c45",onBlur:this.handleBlur.bind(this),onChange:this.handleChange.bind(this),onClick:this.handleInputClick.bind(this),onFocus:this.handleFocus.bind(this),checked:this.checked,id:this.name,class:"wcs-switch",type:"checkbox",name:this.name,disabled:this.disabled,ref:c=>{this.nativeInput=c}},this.inheritedAttributes)),e("span",{key:"b0fa80ef305db1fc2ba59f00502968b36c6a3b27",class:"wcs-checkmark"}),e("span",{key:"f0ad8d08234489bd9a8f6df9c98f1bc8c1267166",class:"text"},e("slot",{key:"ff27b093741e17a5b0440cd5cfc4eb09a14eee49"}))))}static get delegatesFocus(){return true}get el(){return this}static get style(){return l}},[17,"wcs-switch",{name:[1],checked:[516],labelAlignment:[513,"label-alignment"],disabled:[516],setAriaAttribute:[64],getLabel:[64]},[[0,"click","handleHostClick"]]]);let b=0;function u(){if(typeof customElements==="undefined"){return}const c=["wcs-switch"];c.forEach((c=>{switch(c){case"wcs-switch":if(!customElements.get(c)){customElements.define(c,w)}break}}))}u();const f=w;const m=u;export{f as WcsSwitch,m as defineCustomElement};
 //# sourceMappingURL=wcs-switch.js.map

package/composite-elements/wcs-tab.js

@@ -1,2 +1,2 @@
-import{p as t,H as e,d as s,h as c,c as a}from"./p-2bef72c7.js";const n=":host{display:block}:host([hidden]){display:none}";const o=n;const i=t(class t extends e{constructor(){super();this.__registerHost();this.__attachShadow();this.tabLoaded=s(this,"tabLoaded",7);this.header=undefined;this.itemKey=undefined}componentDidLoad(){this.tabLoaded.emit()}render(){return c(a,{key:"7a7e32bac1115db932217147ac7ca0a5d589198a",slot:"wcs-tab",role:"tabpanel"},c("slot",{key:"82b5f09a33f743a1284154284a5a9432442c3c9c"}))}static get style(){return o}},[1,"wcs-tab",{header:[513],itemKey:[8,"item-key"]}]);function d(){if(typeof customElements==="undefined"){return}const t=["wcs-tab"];t.forEach((t=>{switch(t){case"wcs-tab":if(!customElements.get(t)){customElements.define(t,i)}break}}))}d();const r=i;const b=d;export{r as WcsTab,b as defineCustomElement};
+import{p as t,H as e,d as s,h as n,c}from"./p-2bef72c7.js";const o=":host{display:block}:host([hidden]){display:none}";const d=o;const a=t(class t extends e{constructor(){super();this.__registerHost();this.__attachShadow();this.tabLoaded=s(this,"tabLoaded",7);this.header=undefined;this.itemKey=undefined}componentDidLoad(){this.tabLoaded.emit()}render(){return n(c,{key:"2dc9b94bb8055841fc1d2fbf6828d8fb9d0d26ea",slot:"wcs-tab",role:"tabpanel"},n("slot",{key:"6a6558b3857c3b8302e9b5680284a0dd14352fed"}))}static get style(){return d}},[1,"wcs-tab",{header:[513],itemKey:[8,"item-key"]}]);function i(){if(typeof customElements==="undefined"){return}const t=["wcs-tab"];t.forEach((t=>{switch(t){case"wcs-tab":if(!customElements.get(t)){customElements.define(t,a)}break}}))}i();const b=a;const r=i;export{b as WcsTab,r as defineCustomElement};
 //# sourceMappingURL=wcs-tab.js.map

package/composite-elements/wcs-tab.js.map

@@ -1 +1 @@
-{"version":3,"names":["tabCss","WcsTabStyle0","Tab","proxyCustomElement","H","componentDidLoad","this","tabLoaded","emit","render","h","Host","key","slot","role"],"sources":["src/components/tab/tab.scss?tag=wcs-tab&encapsulation=shadow","src/components/tab/tab.tsx"],"sourcesContent":[":host {\n    display: block;\n}\n\n:host([hidden]) {\n    display: none;\n}\n","import { Component, Prop, h, Host, Event, EventEmitter, ComponentInterface } from '@stencil/core';\n\n/**\n * Tab content component.\n * Use this component to specify the content of a component.\n */\n@Component({\n    tag: 'wcs-tab',\n    styleUrl: 'tab.scss',\n    shadow: true,\n})\nexport class Tab implements ComponentInterface {\n    /**\n     * The header you want to be displayed for this tab.\n     */\n    @Prop({ reflect: true }) header: string;\n\n    /**\n     * The id of the tab. It should be unique.\n     */\n    @Prop() itemKey: any;\n\n    // TODO: See if there is a solution that doesn't pollute the API.\n    /**\n     * Do not use, meant for internal use only.\n     * @inner\n     * @ignore\n     */\n    @Event()\n    tabLoaded!: EventEmitter<void>;\n\n    componentDidLoad() {\n        this.tabLoaded.emit();\n    }\n\n    render() {\n        return (\n            <Host slot=\"wcs-tab\" role=\"tabpanel\">\n                <slot></slot>\n            </Host>\n        );\n    }\n}\n"],"mappings":"gEAAA,MAAMA,EAAS,oDACf,MAAAC,EAAeD,E,MCUFE,EAAGC,EAAA,MAAAD,UAAAE,E,oJAoBZ,gBAAAC,GACIC,KAAKC,UAAUC,M,CAGnB,MAAAC,GACI,OACIC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,UAAUC,KAAK,YACtBJ,EAAA,QAAAE,IAAA,6C"}
+{"version":3,"names":["tabCss","WcsTabStyle0","Tab","proxyCustomElement","H","componentDidLoad","this","tabLoaded","emit","render","h","Host","key","slot","role"],"sources":["src/components/tab/tab.scss?tag=wcs-tab&encapsulation=shadow","src/components/tab/tab.tsx"],"sourcesContent":[":host {\n    display: block;\n}\n\n:host([hidden]) {\n    display: none;\n}\n","import { Component, Prop, h, Host, Event, EventEmitter, ComponentInterface } from '@stencil/core';\n\n/**\n * Tab content component.\n * Use this component to specify the content of a component.\n */\n@Component({\n    tag: 'wcs-tab',\n    styleUrl: 'tab.scss',\n    shadow: true,\n})\nexport class Tab implements ComponentInterface {\n    /**\n     * The header you want to be displayed for this tab.\n     */\n    @Prop({ reflect: true }) header: string;\n\n    /**\n     * The id of the tab. It should be unique.\n     */\n    @Prop() itemKey: any;\n\n    // TODO: See if there is a solution that doesn't pollute the API.\n    /**\n     * Do not use, meant for internal use only.\n     * @inner\n     * @ignore\n     */\n    @Event()\n    tabLoaded!: EventEmitter<void>;\n\n    componentDidLoad() {\n        this.tabLoaded.emit();\n    }\n\n    render() {\n        return (\n            <Host slot=\"wcs-tab\" role=\"tabpanel\">\n                <slot></slot>\n            </Host>\n        );\n    }\n}\n"],"mappings":"2DAAA,MAAMA,EAAS,oDACf,MAAAC,EAAeD,E,MCUFE,EAAGC,EAAA,MAAAD,UAAAE,E,oJAoBZ,gBAAAC,GACIC,KAAKC,UAAUC,M,CAGnB,MAAAC,GACI,OACIC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,UAAUC,KAAK,YACtBJ,EAAA,QAAAE,IAAA,6C"}

package/composite-elements/wcs-tabs.js

@@ -1,2 +1,2 @@
-import{p as s,H as t,d as e,h as a,c as o}from"./p-2bef72c7.js";import{i as r,a as i,s as c}from"./p-e803bb26.js";import{S as n}from"./p-35d7af48.js";import{c as b}from"./p-e1fb3625.js";const d=':host{--wcs-tabs-indicator-height:calc(var(--wcs-semantic-size-base) / 2);--wcs-tabs-indicator-background-color:var(--wcs-semantic-color-foreground-action-secondary-default);--wcs-tabs-indicator-border-radius:var(--wcs-semantic-border-radius-full);--wcs-tabs-color-default:var(--wcs-semantic-color-foreground-action-secondary-default);--wcs-tabs-color-hover:var(--wcs-semantic-color-foreground-action-secondary-hover);--wcs-tabs-color-press:var(--wcs-semantic-color-foreground-action-secondary-press);--wcs-tabs-color-selected:var(--wcs-semantic-color-foreground-action-secondary-default);--wcs-tabs-background-color-focus:var(--wcs-semantic-color-background-action-secondary-focus);--wcs-tabs-background-color-hover:var(--wcs-semantic-color-background-action-secondary-hover);--wcs-tabs-background-color-press:var(--wcs-semantic-color-background-action-secondary-press);--wcs-tabs-border-radius:var(--wcs-semantic-border-radius-base);--wcs-tabs-border-color-focus:var(--wcs-semantic-color-border-focus-base);--wcs-tabs-font-weight-default:var(--wcs-semantic-font-weight-roman);--wcs-tabs-font-weight-selected:var(--wcs-semantic-font-weight-roman);--wcs-tabs-padding-top:var(--wcs-semantic-spacing-base);--wcs-tabs-padding-right:var(--wcs-semantic-spacing-large);--wcs-tabs-padding-bottom:calc(var(--wcs-semantic-spacing-base) + var(--wcs-tabs-indicator-height));--wcs-tabs-padding-left:var(--wcs-semantic-spacing-large);--wcs-tabs-gutter-border-width:var(--wcs-semantic-border-width-default);--wcs-tabs-gutter-background-color:var(--wcs-semantic-color-border-secondary);--wcs-tabs-headers-border-bottom:var(--wcs-tabs-gutter-border-width) solid var(--wcs-tabs-gutter-background-color);--wcs-tabs-mobile-breakpoint:var(--wcs-phone-breakpoint-max-width, 575px);--wcs-tabs-mobile-overlay-border-width:var(--wcs-semantic-border-width-default);--wcs-tabs-mobile-overlay-border-color:var(--wcs-semantic-color-border-secondary);--wcs-tabs-mobile-overlay-background-color:var(--wcs-semantic-color-background-surface-primary);--wcs-tabs-mobile-overlay-padding:var(--wcs-semantic-spacing-base);--wcs-tabs-mobile-overlay-border-radius:var(--wcs-semantic-border-radius-base);--wcs-tabs-mobile-gap:var(--wcs-semantic-spacing-base);--wcs-tabs-mobile-padding:0 var(--wcs-semantic-spacing-base);--wcs-tabs-mobile-height:var(--wcs-semantic-size-m);--wcs-tabs-mobile-font-weight-default:var(--wcs-semantic-font-weight-medium);--wcs-tabs-mobile-font-weight-active:var(--wcs-semantic-font-weight-black);--wcs-tabs-mobile-font-size:var(--wcs-semantic-font-size-base);--wcs-tabs-mobile-color:var(--wcs-semantic-color-text-primary);--wcs-tabs-mobile-background-color-default:var(--wcs-semantic-color-background-action-secondary-default);--wcs-tabs-mobile-background-color-focus:var(--wcs-semantic-color-background-action-secondary-focus);--wcs-tabs-mobile-background-color-hover:var(--wcs-semantic-color-background-action-secondary-hover);--wcs-tabs-mobile-background-color-press:var(--wcs-semantic-color-background-action-secondary-press);--wcs-tabs-mobile-border-radius:var(--wcs-semantic-border-radius-base);--wcs-tabs-transition-duration:var(--wcs-semantic-motion-duration-feedback-base);display:block}:host([align=start]) .wcs-tabs-headers{justify-content:start}:host([align=end]) .wcs-tabs-headers{justify-content:end}:host([align=center]) .wcs-tabs-headers{justify-content:center}.wcs-tabs-headers{overflow-x:auto;display:flex;flex-direction:row;position:relative}:host([gutter]) .wcs-tabs-headers{border-bottom:var(--wcs-tabs-headers-border-bottom)}.wcs-tab-header{position:relative;padding:var(--wcs-tabs-padding-top) var(--wcs-tabs-padding-right) var(--wcs-tabs-padding-bottom) var(--wcs-tabs-padding-left);border-radius:var(--wcs-tabs-border-radius) var(--wcs-tabs-border-radius) 0 0;display:flex;flex-shrink:0;align-items:center;justify-content:center;cursor:pointer;outline:none;transition:all var(--wcs-tabs-transition-duration) ease-out}.wcs-tab-header span{text-align:center;color:var(--wcs-tabs-color-default);font-size:1rem;font-weight:var(--wcs-tabs-font-weight-default)}.wcs-tab-header:hover{background-color:var(--wcs-tabs-background-color-hover)}.wcs-tab-header:hover span{color:var(--wcs-tabs-color-hover)}.wcs-tab-header:focus-visible>span{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-tabs-border-color-focus);outline-offset:var(--wcs-semantic-spacing-small);border-radius:0.1rem}.wcs-tab-header:active{background-color:var(--wcs-tabs-background-color-press)}.wcs-tab-header:active span{color:var(--wcs-tabs-color-press)}.active span{font-weight:var(--wcs-tabs-font-weight-selected);color:var(--wcs-tabs-color-selected)}.active::after{position:absolute;bottom:0;left:0;width:100%;content:"";height:var(--wcs-tabs-indicator-height);background-color:var(--wcs-tabs-indicator-background-color);border-radius:var(--wcs-tabs-indicator-border-radius)}button{background-color:inherit}#mobile-button{border:0;font-family:var(--wcs-font-sans-serif), sans-serif;text-align:center;color:var(--wcs-tabs-color-default);font-size:1rem;font-weight:var(--wcs-tabs-font-weight-default);padding-right:calc(0.75 * var(--wcs-tabs-padding-right));}#mobile-button span{display:flex;align-items:center}#mobile-button .arrow{fill:var(--wcs-tabs-color-default)}#mobile-button:hover .arrow{fill:var(--wcs-tabs-color-hover)}#mobile-button:active .arrow{fill:var(--wcs-tabs-color-press)}.popover{display:none;z-index:9999;overflow:hidden;border:var(--wcs-tabs-mobile-overlay-border-width) solid var(--wcs-tabs-mobile-overlay-border-color);border-radius:var(--wcs-tabs-mobile-overlay-border-radius);padding:var(--wcs-tabs-mobile-overlay-padding);background-color:var(--wcs-tabs-mobile-overlay-background-color)}.popover [role=tab]{display:flex;flex-direction:row;align-items:center;cursor:pointer;user-select:none;gap:var(--wcs-tabs-mobile-gap);padding:var(--wcs-tabs-mobile-padding);height:var(--wcs-tabs-mobile-height);font-weight:var(--wcs-tabs-mobile-font-weight-default);font-size:var(--wcs-tabs-mobile-font-size);color:var(--wcs-tabs-mobile-color);background-color:var(--wcs-tabs-mobile-background-color);border-radius:var(--wcs-tabs-mobile-border-radius);transition-duration:var(--wcs-tabs-transition-duration);transition-property:background-color, color;transition-timing-function:ease;overflow:hidden;white-space:nowrap}.popover [role=tab]:focus{background-color:var(--wcs-tabs-mobile-background-color-focus)}.popover [role=tab]:focus-visible{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-semantic-color-border-focus-base);outline-offset:0;border-radius:var(--wcs-tabs-mobile-border-radius)}.popover [role=tab]:hover{background-color:var(--wcs-tabs-mobile-background-color-hover)}.popover [role=tab]:active{background-color:var(--wcs-tabs-mobile-background-color-press)}.popover .mobile-active{font-weight:var(--wcs-tabs-mobile-font-weight-active)}.show{display:block}';const l=d;const h=[];const w=s(class s extends t{constructor(){super();this.__registerHost();this.__attachShadow();this.tabChange=e(this,"tabChange",7);this.inheritedAttributes={};this.tabsId=u++;this.align="start";this.selectedIndex=0;this.selectedKey=undefined;this.headersOnly=false;this.gutter=undefined;this.description=undefined;this.mobileOverlayExpanded=false;this.mobile=false;this.headers=[];this.currentActiveTabIndex=0}selectedIndexChanged(s){this.currentActiveTabIndex=s}selectedTabkeyChanged(s){this.updateCurrentActiveIndexByTabKey(s)}onMobileChange(s){if(!s){this.popper.destroy();this.popper=null}}emitActiveTabChange(){this.tabChange.emit({tabName:this.headers[this.currentActiveTabIndex],tabIndex:this.currentActiveTabIndex,selectedKey:this.tabs[this.currentActiveTabIndex].itemKey})}updateCurrentActiveIndexByTabKey(s){for(let t=0;t<this.tabs.length;t++){const e=this.tabs[t];if(e.itemKey===s){this.currentActiveTabIndex=t}}}onTabLoaded(){this.refreshHeaders()}onWindowClickEvent(s){if(this.mobile){const t=s.composedPath().some((s=>s===this.mobileButton||s===this.popoverDiv));if(this.mobileOverlayExpanded&&!t){this.mobileOverlayExpanded=false}}}tabsDidLoadWithResizeObserver(){const s=getComputedStyle(this.el).getPropertyValue("--wcs-tabs-mobile-breakpoint")||"575px";const t=parseInt(s,10);return new ResizeObserver((s=>{const e=s[0].contentRect;const a=e.right-e.width;const o=e.left;this.mobile=e.width<=t-(o+a)}))}initMobileOverlay(){this.popper=b(this.mobileButton,this.popoverDiv,{placement:"bottom-start",strategy:"fixed",modifiers:[{name:"offset",options:{offset:[0,8]}}]})}componentDidLoad(){this.putTabsInCorrectDivIfTheyAreNot();this.refreshHeaders();if(this.selectedIndex){this.currentActiveTabIndex=this.selectedIndex}if(this.selectedKey){this.updateCurrentActiveIndexByTabKey(this.selectedKey)}if(!this.resizeObserver){this.resizeObserver=this.tabsDidLoadWithResizeObserver();this.resizeObserver.observe(document.body)}}componentDidRender(){if(this.mobile){if(!this.popper){this.initMobileOverlay()}else{this.popper.update()}}}putTabsInCorrectDivIfTheyAreNot(){const s=this.el.shadowRoot.querySelector(".wcs-tabs");if(s.querySelector("slot")===null){Array.from(this.el.querySelectorAll("wcs-tab")).filter((t=>t.parentNode!==s)).forEach((t=>{if(t.parentElement.isEqualNode(this.el)){this.el.removeChild(t);s.appendChild(t)}}))}}handleKeyDown(s,t){var e,a;const o=s.target;switch(s.key){case" ":case"Enter":{this.selectTabAndEmitChangeEvent(t);s.preventDefault();break}case"ArrowLeft":{if((e=o.previousElementSibling)===null||e===void 0?void 0:e.classList.contains("wcs-tab-header")){o.previousElementSibling.focus();s.preventDefault()}break}case"ArrowRight":{if((a=o.nextElementSibling)===null||a===void 0?void 0:a.classList.contains("wcs-tab-header")){o.nextElementSibling.focus();s.preventDefault()}break}case"Home":{const t=this.el.shadowRoot.querySelector(".wcs-tab-header:first-child");if(t){t.focus();s.preventDefault()}break}case"End":{const t=this.el.shadowRoot.querySelector(".wcs-tab-header:last-child");if(t){t.focus();s.preventDefault()}break}}}handleKeyDownMobile(s,t){var e,a;const o=s.target;switch(s.key){case" ":case"Enter":{this.selectTabAndEmitChangeEvent(t);s.preventDefault();break}case"ArrowUp":{if((e=o.previousElementSibling)===null||e===void 0?void 0:e.classList.contains("wcs-tab-header-mobile")){o.previousElementSibling.focus();s.preventDefault()}break}case"ArrowDown":{if((a=o.nextElementSibling)===null||a===void 0?void 0:a.classList.contains("wcs-tab-header-mobile")){o.nextElementSibling.focus();s.preventDefault()}break}case"Home":{const t=this.el.shadowRoot.querySelector(".wcs-tab-header-mobile:first-child");if(t){t.focus();s.preventDefault()}break}case"End":{const t=this.el.shadowRoot.querySelector(".wcs-tab-header-mobile:last-child");if(t){t.focus();s.preventDefault()}break}case"Escape":{this.mobileOverlayExpanded=false;s.preventDefault();break}}}refreshHeaders(){this.headers=[];this.tabs.forEach((s=>{this.headers.push(s.getAttribute("header"))}))}get tabs(){var s;const t=this.el.shadowRoot.querySelector(".wcs-tabs");const e=this.el.shadowRoot.querySelectorAll(".wcs-tabs > wcs-tab");return e.length!==0?e:(t===null||t===void 0?void 0:t.querySelector("slot"))?(s=t===null||t===void 0?void 0:t.querySelector("slot"))===null||s===void 0?void 0:s.assignedElements():[]}selectTabAndEmitChangeEvent(s){var t;this.currentActiveTabIndex=s;this.emitActiveTabChange();if(this.mobile){this.mobileOverlayExpanded=false;(t=this.mobileButton)===null||t===void 0?void 0:t.focus()}}componentWillUpdate(){if(!this.headersOnly){this.updateTabVisibility()}else{this.hideAllTabsContent()}}componentWillLoad(){this.inheritedAttributes=Object.assign(Object.assign({},r(this.el)),i(this.el,h))}disconnectedCallback(){var s;if(this.popper){this.popper.destroy();this.popper=null}(s=this.resizeObserver)===null||s===void 0?void 0:s.disconnect()}async setAriaAttribute(s,t){c(this.mobile?this.popoverDiv:this.nativeTablist,s,t)}updateTabVisibility(){this.tabs.forEach(((s,t)=>{if(t!==this.currentActiveTabIndex){s.hidden=true}else{s.hidden=false}}))}hideAllTabsContent(){this.tabs.forEach((s=>s.hidden=true))}onMobileButtonClick(){this.mobileOverlayExpanded=!this.mobileOverlayExpanded;const s=this.popoverDiv.querySelectorAll("[role=tab]")[this.currentActiveTabIndex];requestAnimationFrame((()=>{s===null||s===void 0?void 0:s.focus()}))}onMobileButtonKeyDown(s){if(s.key==="ArrowDown"||s.key==="ArrowUp"){this.onMobileButtonClick()}}mobileLayout(){return[a("button",{id:"mobile-button",class:"wcs-tab-header active","aria-controls":"menu",role:"button","aria-expanded":this.mobileOverlayExpanded?"true":"false",ref:s=>this.mobileButton=s,onClick:()=>this.onMobileButtonClick(),onKeyDown:s=>this.onMobileButtonKeyDown(s),onBlur:s=>s.stopImmediatePropagation()},a("span",null,this.headers[this.currentActiveTabIndex]," ",a(n,{up:this.mobileOverlayExpanded}))),a("div",Object.assign({class:(this.mobileOverlayExpanded?"show ":"")+"popover",role:"tablist",id:"menu","aria-label":this.description,"aria-orientation":"vertical",ref:s=>this.popoverDiv=s,tabIndex:-1},this.inheritedAttributes),this.headers.map(((s,t)=>a("div",{class:"wcs-tab-header-mobile "+(this.currentActiveTabIndex===t?"mobile-active":""),onClick:()=>this.selectTabAndEmitChangeEvent(t),onKeyDown:s=>this.handleKeyDownMobile(s,t),tabIndex:this.currentActiveTabIndex===t?0:-1,role:"tab",id:`tabs-id-${this.tabsId}-tab-id-${t}`,"aria-controls":`tabs-id-${this.tabsId}-tab-panel-${t}`,"aria-label":s,"aria-selected":this.currentActiveTabIndex===t?"true":"false"},a("span",null,s)))))]}desktopLayout(){return this.headers.map(((s,t)=>a("div",{class:"wcs-tab-header "+(this.currentActiveTabIndex===t?"active":""),onClick:()=>this.selectTabAndEmitChangeEvent(t),onKeyDown:s=>this.handleKeyDown(s,t),tabIndex:this.currentActiveTabIndex===t?0:-1,role:"tab",id:`tabs-id-${this.tabsId}-tab-id-${t}`,"aria-controls":`tabs-id-${this.tabsId}-tab-panel-${t}`,"aria-label":s,"aria-selected":this.currentActiveTabIndex===t?"true":"false"},a("span",null,s))))}render(){return a(o,{key:"52a78624d4440876aacfcabeb2b25df81867d64c"},a("div",Object.assign({key:"6bdbb2386f24c7d4f808a5af656ea8efc740a2d1",class:"wcs-tabs-headers",role:this.mobile?null:"tablist",ref:s=>this.nativeTablist=s,"aria-orientation":this.mobile?null:"horizontal","aria-label":this.mobile?null:this.description},!this.mobile&&this.inheritedAttributes),this.mobile?this.mobileLayout():this.desktopLayout()),a("div",{key:"dfc2a9df4b2778cbb5d0144aaca7fd54cf699f9c",class:"wcs-tabs"},a("slot",{key:"a97bec22c495527408eb56caf91a30a67aed3e4f",onSlotchange:()=>this.onTabsSlotChange(),name:"wcs-tab"})))}onTabsSlotChange(){let s=0;this.refreshHeaders();this.tabs.forEach((t=>{t.setAttribute("aria-label",this.headers.at(s));t.setAttribute("id",`tabs-id-${this.tabsId}-tab-panel-${s}`);s++}))}get el(){return this}static get watchers(){return{selectedIndex:["selectedIndexChanged"],selectedKey:["selectedTabkeyChanged"],mobile:["onMobileChange"]}}static get style(){return l}},[1,"wcs-tabs",{align:[513],selectedIndex:[2,"selected-index"],selectedKey:[8,"selected-key"],headersOnly:[516,"headers-only"],gutter:[516],description:[1],mobileOverlayExpanded:[32],mobile:[32],headers:[32],currentActiveTabIndex:[32],setAriaAttribute:[64]},[[0,"tabLoaded","onTabLoaded"],[8,"click","onWindowClickEvent"]],{selectedIndex:["selectedIndexChanged"],selectedKey:["selectedTabkeyChanged"],mobile:["onMobileChange"]}]);let u=0;function v(){if(typeof customElements==="undefined"){return}const s=["wcs-tabs"];s.forEach((s=>{switch(s){case"wcs-tabs":if(!customElements.get(s)){customElements.define(s,w)}break}}))}v();const f=w;const m=v;export{f as WcsTabs,m as defineCustomElement};
+import{p as s,H as t,d as e,h as a,c as o}from"./p-2bef72c7.js";import{i as r,a as i,s as c}from"./p-8a2107d4.js";import{S as n}from"./p-35d7af48.js";import{c as d}from"./p-e1fb3625.js";const l=':host{--wcs-tabs-indicator-height:calc(var(--wcs-semantic-size-base) / 2);--wcs-tabs-indicator-background-color:var(--wcs-semantic-color-foreground-action-secondary-default);--wcs-tabs-indicator-border-radius:var(--wcs-semantic-border-radius-full);--wcs-tabs-color-default:var(--wcs-semantic-color-foreground-action-secondary-default);--wcs-tabs-color-hover:var(--wcs-semantic-color-foreground-action-secondary-hover);--wcs-tabs-color-press:var(--wcs-semantic-color-foreground-action-secondary-press);--wcs-tabs-color-selected:var(--wcs-semantic-color-foreground-action-secondary-default);--wcs-tabs-background-color-focus:var(--wcs-semantic-color-background-action-secondary-focus);--wcs-tabs-background-color-hover:var(--wcs-semantic-color-background-action-secondary-hover);--wcs-tabs-background-color-press:var(--wcs-semantic-color-background-action-secondary-press);--wcs-tabs-border-radius:var(--wcs-semantic-border-radius-base);--wcs-tabs-border-color-focus:var(--wcs-semantic-color-border-focus-base);--wcs-tabs-font-weight-default:var(--wcs-semantic-font-weight-roman);--wcs-tabs-font-weight-selected:var(--wcs-semantic-font-weight-roman);--wcs-tabs-padding-top:var(--wcs-semantic-spacing-base);--wcs-tabs-padding-right:var(--wcs-semantic-spacing-large);--wcs-tabs-padding-bottom:calc(var(--wcs-semantic-spacing-base) + var(--wcs-tabs-indicator-height));--wcs-tabs-padding-left:var(--wcs-semantic-spacing-large);--wcs-tabs-gutter-border-width:var(--wcs-semantic-border-width-default);--wcs-tabs-gutter-background-color:var(--wcs-semantic-color-border-secondary);--wcs-tabs-headers-border-bottom:var(--wcs-tabs-gutter-border-width) solid var(--wcs-tabs-gutter-background-color);--wcs-tabs-mobile-breakpoint:var(--wcs-phone-breakpoint-max-width, 575px);--wcs-tabs-mobile-overlay-border-width:var(--wcs-semantic-border-width-default);--wcs-tabs-mobile-overlay-border-color:var(--wcs-semantic-color-border-secondary);--wcs-tabs-mobile-overlay-background-color:var(--wcs-semantic-color-background-surface-primary);--wcs-tabs-mobile-overlay-padding:var(--wcs-semantic-spacing-base);--wcs-tabs-mobile-overlay-border-radius:var(--wcs-semantic-border-radius-base);--wcs-tabs-mobile-gap:var(--wcs-semantic-spacing-base);--wcs-tabs-mobile-padding:0 var(--wcs-semantic-spacing-base);--wcs-tabs-mobile-height:var(--wcs-semantic-size-m);--wcs-tabs-mobile-font-weight-default:var(--wcs-semantic-font-weight-medium);--wcs-tabs-mobile-font-weight-active:var(--wcs-semantic-font-weight-black);--wcs-tabs-mobile-font-size:var(--wcs-semantic-font-size-base);--wcs-tabs-mobile-color:var(--wcs-semantic-color-text-primary);--wcs-tabs-mobile-background-color-default:var(--wcs-semantic-color-background-action-secondary-default);--wcs-tabs-mobile-background-color-focus:var(--wcs-semantic-color-background-action-secondary-focus);--wcs-tabs-mobile-background-color-hover:var(--wcs-semantic-color-background-action-secondary-hover);--wcs-tabs-mobile-background-color-press:var(--wcs-semantic-color-background-action-secondary-press);--wcs-tabs-mobile-border-radius:var(--wcs-semantic-border-radius-base);--wcs-tabs-transition-duration:var(--wcs-semantic-motion-duration-feedback-base);display:block}:host([align=start]) .wcs-tabs-headers{justify-content:start}:host([align=end]) .wcs-tabs-headers{justify-content:end}:host([align=center]) .wcs-tabs-headers{justify-content:center}.wcs-tabs-headers{overflow-x:auto;display:flex;flex-direction:row;position:relative}:host([gutter]) .wcs-tabs-headers{border-bottom:var(--wcs-tabs-headers-border-bottom)}.wcs-tab-header{position:relative;padding:var(--wcs-tabs-padding-top) var(--wcs-tabs-padding-right) var(--wcs-tabs-padding-bottom) var(--wcs-tabs-padding-left);border-radius:var(--wcs-tabs-border-radius) var(--wcs-tabs-border-radius) 0 0;display:flex;flex-shrink:0;align-items:center;justify-content:center;cursor:pointer;outline:none;transition:all var(--wcs-tabs-transition-duration) ease-out}.wcs-tab-header span{text-align:center;color:var(--wcs-tabs-color-default);font-size:1rem;font-weight:var(--wcs-tabs-font-weight-default)}.wcs-tab-header:hover{background-color:var(--wcs-tabs-background-color-hover)}.wcs-tab-header:hover span{color:var(--wcs-tabs-color-hover)}.wcs-tab-header:focus-visible>span{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-tabs-border-color-focus);outline-offset:var(--wcs-semantic-spacing-small);border-radius:0.1rem}.wcs-tab-header:active{background-color:var(--wcs-tabs-background-color-press)}.wcs-tab-header:active span{color:var(--wcs-tabs-color-press)}.active span{font-weight:var(--wcs-tabs-font-weight-selected);color:var(--wcs-tabs-color-selected)}.active::after{position:absolute;bottom:0;left:0;width:100%;content:"";height:var(--wcs-tabs-indicator-height);background-color:var(--wcs-tabs-indicator-background-color);border-radius:var(--wcs-tabs-indicator-border-radius)}button{background-color:inherit}#mobile-button{border:0;font-family:var(--wcs-font-sans-serif), sans-serif;text-align:center;color:var(--wcs-tabs-color-default);font-size:1rem;font-weight:var(--wcs-tabs-font-weight-default);padding-right:calc(0.75 * var(--wcs-tabs-padding-right));}#mobile-button span{display:flex;align-items:center}#mobile-button .arrow{fill:var(--wcs-tabs-color-default)}#mobile-button:hover .arrow{fill:var(--wcs-tabs-color-hover)}#mobile-button:active .arrow{fill:var(--wcs-tabs-color-press)}.popover{display:none;z-index:9999;overflow:hidden;border:var(--wcs-tabs-mobile-overlay-border-width) solid var(--wcs-tabs-mobile-overlay-border-color);border-radius:var(--wcs-tabs-mobile-overlay-border-radius);padding:var(--wcs-tabs-mobile-overlay-padding);background-color:var(--wcs-tabs-mobile-overlay-background-color)}.popover [role=tab]{display:flex;flex-direction:row;align-items:center;cursor:pointer;user-select:none;gap:var(--wcs-tabs-mobile-gap);padding:var(--wcs-tabs-mobile-padding);height:var(--wcs-tabs-mobile-height);font-weight:var(--wcs-tabs-mobile-font-weight-default);font-size:var(--wcs-tabs-mobile-font-size);color:var(--wcs-tabs-mobile-color);background-color:var(--wcs-tabs-mobile-background-color);border-radius:var(--wcs-tabs-mobile-border-radius);transition-duration:var(--wcs-tabs-transition-duration);transition-property:background-color, color;transition-timing-function:ease;overflow:hidden;white-space:nowrap}.popover [role=tab]:focus{background-color:var(--wcs-tabs-mobile-background-color-focus)}.popover [role=tab]:focus-visible{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-semantic-color-border-focus-base);outline-offset:0;border-radius:var(--wcs-tabs-mobile-border-radius)}.popover [role=tab]:hover{background-color:var(--wcs-tabs-mobile-background-color-hover)}.popover [role=tab]:active{background-color:var(--wcs-tabs-mobile-background-color-press)}.popover .mobile-active{font-weight:var(--wcs-tabs-mobile-font-weight-active)}.show{display:block}';const b=l;const h=[];const w=s(class s extends t{constructor(){super();this.__registerHost();this.__attachShadow();this.tabChange=e(this,"tabChange",7);this.inheritedAttributes={};this.tabsId=u++;this.align="start";this.selectedIndex=0;this.selectedKey=undefined;this.headersOnly=false;this.gutter=undefined;this.description=undefined;this.mobileOverlayExpanded=false;this.mobile=false;this.headers=[];this.currentActiveTabIndex=0}selectedIndexChanged(s){this.currentActiveTabIndex=s}selectedTabkeyChanged(s){this.updateCurrentActiveIndexByTabKey(s)}onMobileChange(s){if(!s){this.popper.destroy();this.popper=null}}emitActiveTabChange(){this.tabChange.emit({tabName:this.headers[this.currentActiveTabIndex],tabIndex:this.currentActiveTabIndex,selectedKey:this.tabs[this.currentActiveTabIndex].itemKey})}updateCurrentActiveIndexByTabKey(s){for(let t=0;t<this.tabs.length;t++){const e=this.tabs[t];if(e.itemKey===s){this.currentActiveTabIndex=t}}}onTabLoaded(){this.refreshHeaders()}onWindowClickEvent(s){if(this.mobile){const t=s.composedPath().some((s=>s===this.mobileButton||s===this.popoverDiv));if(this.mobileOverlayExpanded&&!t){this.mobileOverlayExpanded=false}}}tabsDidLoadWithResizeObserver(){const s=getComputedStyle(this.el).getPropertyValue("--wcs-tabs-mobile-breakpoint")||"575px";const t=parseInt(s,10);return new ResizeObserver((s=>{const e=s[0].contentRect;const a=e.right-e.width;const o=e.left;this.mobile=e.width<=t-(o+a)}))}initMobileOverlay(){this.popper=d(this.mobileButton,this.popoverDiv,{placement:"bottom-start",strategy:"fixed",modifiers:[{name:"offset",options:{offset:[0,8]}}]})}componentDidLoad(){this.putTabsInCorrectDivIfTheyAreNot();this.refreshHeaders();if(this.selectedIndex){this.currentActiveTabIndex=this.selectedIndex}if(this.selectedKey){this.updateCurrentActiveIndexByTabKey(this.selectedKey)}if(!this.resizeObserver){this.resizeObserver=this.tabsDidLoadWithResizeObserver();this.resizeObserver.observe(document.body)}}componentDidRender(){if(this.mobile){if(!this.popper){this.initMobileOverlay()}else{this.popper.update()}}}putTabsInCorrectDivIfTheyAreNot(){const s=this.el.shadowRoot.querySelector(".wcs-tabs");if(s.querySelector("slot")===null){Array.from(this.el.querySelectorAll("wcs-tab")).filter((t=>t.parentNode!==s)).forEach((t=>{if(t.parentElement.isEqualNode(this.el)){this.el.removeChild(t);s.appendChild(t)}}))}}handleKeyDown(s,t){var e,a;const o=s.target;switch(s.key){case" ":case"Enter":{this.selectTabAndEmitChangeEvent(t);s.preventDefault();break}case"ArrowLeft":{if((e=o.previousElementSibling)===null||e===void 0?void 0:e.classList.contains("wcs-tab-header")){o.previousElementSibling.focus();s.preventDefault()}break}case"ArrowRight":{if((a=o.nextElementSibling)===null||a===void 0?void 0:a.classList.contains("wcs-tab-header")){o.nextElementSibling.focus();s.preventDefault()}break}case"Home":{const t=this.el.shadowRoot.querySelector(".wcs-tab-header:first-child");if(t){t.focus();s.preventDefault()}break}case"End":{const t=this.el.shadowRoot.querySelector(".wcs-tab-header:last-child");if(t){t.focus();s.preventDefault()}break}}}handleKeyDownMobile(s,t){var e,a;const o=s.target;switch(s.key){case" ":case"Enter":{this.selectTabAndEmitChangeEvent(t);s.preventDefault();break}case"ArrowUp":{if((e=o.previousElementSibling)===null||e===void 0?void 0:e.classList.contains("wcs-tab-header-mobile")){o.previousElementSibling.focus();s.preventDefault()}break}case"ArrowDown":{if((a=o.nextElementSibling)===null||a===void 0?void 0:a.classList.contains("wcs-tab-header-mobile")){o.nextElementSibling.focus();s.preventDefault()}break}case"Home":{const t=this.el.shadowRoot.querySelector(".wcs-tab-header-mobile:first-child");if(t){t.focus();s.preventDefault()}break}case"End":{const t=this.el.shadowRoot.querySelector(".wcs-tab-header-mobile:last-child");if(t){t.focus();s.preventDefault()}break}case"Escape":{this.mobileOverlayExpanded=false;s.preventDefault();break}}}refreshHeaders(){this.headers=[];this.tabs.forEach((s=>{this.headers.push(s.getAttribute("header"))}))}get tabs(){var s;const t=this.el.shadowRoot.querySelector(".wcs-tabs");const e=this.el.shadowRoot.querySelectorAll(".wcs-tabs > wcs-tab");return e.length!==0?e:(t===null||t===void 0?void 0:t.querySelector("slot"))?(s=t===null||t===void 0?void 0:t.querySelector("slot"))===null||s===void 0?void 0:s.assignedElements():[]}selectTabAndEmitChangeEvent(s){var t;this.currentActiveTabIndex=s;this.emitActiveTabChange();if(this.mobile){this.mobileOverlayExpanded=false;(t=this.mobileButton)===null||t===void 0?void 0:t.focus()}}componentWillUpdate(){if(!this.headersOnly){this.updateTabVisibility()}else{this.hideAllTabsContent()}}componentWillLoad(){this.inheritedAttributes=Object.assign(Object.assign({},r(this.el)),i(this.el,h))}disconnectedCallback(){var s;if(this.popper){this.popper.destroy();this.popper=null}(s=this.resizeObserver)===null||s===void 0?void 0:s.disconnect()}async setAriaAttribute(s,t){c(this.mobile?this.popoverDiv:this.nativeTablist,s,t)}updateTabVisibility(){this.tabs.forEach(((s,t)=>{if(t!==this.currentActiveTabIndex){s.hidden=true}else{s.hidden=false}}))}hideAllTabsContent(){this.tabs.forEach((s=>s.hidden=true))}onMobileButtonClick(){this.mobileOverlayExpanded=!this.mobileOverlayExpanded;const s=this.popoverDiv.querySelectorAll("[role=tab]")[this.currentActiveTabIndex];requestAnimationFrame((()=>{s===null||s===void 0?void 0:s.focus()}))}onMobileButtonKeyDown(s){if(s.key==="ArrowDown"||s.key==="ArrowUp"){this.onMobileButtonClick()}}mobileLayout(){return[a("button",{id:"mobile-button",class:"wcs-tab-header active","aria-controls":"menu",role:"button","aria-expanded":this.mobileOverlayExpanded?"true":"false",ref:s=>this.mobileButton=s,onClick:()=>this.onMobileButtonClick(),onKeyDown:s=>this.onMobileButtonKeyDown(s),onBlur:s=>s.stopImmediatePropagation()},a("span",null,this.headers[this.currentActiveTabIndex]," ",a(n,{up:this.mobileOverlayExpanded}))),a("div",Object.assign({class:(this.mobileOverlayExpanded?"show ":"")+"popover",role:"tablist",id:"menu","aria-label":this.description,"aria-orientation":"vertical",ref:s=>this.popoverDiv=s,tabIndex:-1},this.inheritedAttributes),this.headers.map(((s,t)=>a("div",{class:"wcs-tab-header-mobile "+(this.currentActiveTabIndex===t?"mobile-active":""),onClick:()=>this.selectTabAndEmitChangeEvent(t),onKeyDown:s=>this.handleKeyDownMobile(s,t),tabIndex:this.currentActiveTabIndex===t?0:-1,role:"tab",id:`tabs-id-${this.tabsId}-tab-id-${t}`,"aria-controls":`tabs-id-${this.tabsId}-tab-panel-${t}`,"aria-label":s,"aria-selected":this.currentActiveTabIndex===t?"true":"false"},a("span",null,s)))))]}desktopLayout(){return this.headers.map(((s,t)=>a("div",{class:"wcs-tab-header "+(this.currentActiveTabIndex===t?"active":""),onClick:()=>this.selectTabAndEmitChangeEvent(t),onKeyDown:s=>this.handleKeyDown(s,t),tabIndex:this.currentActiveTabIndex===t?0:-1,role:"tab",id:`tabs-id-${this.tabsId}-tab-id-${t}`,"aria-controls":`tabs-id-${this.tabsId}-tab-panel-${t}`,"aria-label":s,"aria-selected":this.currentActiveTabIndex===t?"true":"false"},a("span",null,s))))}render(){return a(o,{key:"75568ca6a7aeec231dd3cf6635af3097abc2fa37"},a("div",Object.assign({key:"d42b3e1963f66f46197ab9c91efc2a12fc103fad",class:"wcs-tabs-headers",role:this.mobile?null:"tablist",ref:s=>this.nativeTablist=s,"aria-orientation":this.mobile?null:"horizontal","aria-label":this.mobile?null:this.description},!this.mobile&&this.inheritedAttributes),this.mobile?this.mobileLayout():this.desktopLayout()),a("div",{key:"8037e7b015386894daa212ed1d461cbaf4910848",class:"wcs-tabs"},a("slot",{key:"23c47cc557cb6d2a01173ca4a86790b39e2fd97f",onSlotchange:()=>this.onTabsSlotChange(),name:"wcs-tab"})))}onTabsSlotChange(){let s=0;this.refreshHeaders();this.tabs.forEach((t=>{t.setAttribute("aria-label",this.headers.at(s));t.setAttribute("id",`tabs-id-${this.tabsId}-tab-panel-${s}`);s++}))}get el(){return this}static get watchers(){return{selectedIndex:["selectedIndexChanged"],selectedKey:["selectedTabkeyChanged"],mobile:["onMobileChange"]}}static get style(){return b}},[1,"wcs-tabs",{align:[513],selectedIndex:[2,"selected-index"],selectedKey:[8,"selected-key"],headersOnly:[516,"headers-only"],gutter:[516],description:[1],mobileOverlayExpanded:[32],mobile:[32],headers:[32],currentActiveTabIndex:[32],setAriaAttribute:[64]},[[0,"tabLoaded","onTabLoaded"],[8,"click","onWindowClickEvent"]],{selectedIndex:["selectedIndexChanged"],selectedKey:["selectedTabkeyChanged"],mobile:["onMobileChange"]}]);let u=0;function v(){if(typeof customElements==="undefined"){return}const s=["wcs-tabs"];s.forEach((s=>{switch(s){case"wcs-tabs":if(!customElements.get(s)){customElements.define(s,w)}break}}))}v();const f=w;const m=v;export{f as WcsTabs,m as defineCustomElement};
 //# sourceMappingURL=wcs-tabs.js.map

package/composite-elements/wcs-textarea.js

@@ -1,2 +1,2 @@
-import{p as t,H as e,d as a,r,h as s,c as o}from"./p-2bef72c7.js";import{y as i,i as c,a as n,D as d,s as l}from"./p-e803bb26.js";import{d as h}from"./p-c028b8e6.js";const w=":host{--wcs-textarea-text-color-disabled:var(--wcs-semantic-color-text-disabled);--wcs-textarea-value-color:var(--wcs-semantic-color-text-primary);--wcs-textarea-value-font-weight:var(--wcs-semantic-font-weight-medium);--wcs-textarea-placeholder-color:var(--wcs-semantic-color-text-tertiary);--wcs-textarea-placeholder-font-weight:var(--wcs-semantic-font-weight-roman);--wcs-textarea-placeholder-font-style:var(--wcs-semantic-font-style-control-placeholder);--wcs-textarea-icon-color-default:var(--wcs-semantic-color-foreground-brand);--wcs-textarea-icon-color-disabled:var(--wcs-semantic-color-foreground-disabled);--wcs-textarea-icon-color-focus:var(--wcs-semantic-color-foreground-brand);--wcs-textarea-border-color-default:var(--wcs-semantic-color-border-primary);--wcs-textarea-border-color-disabled:var(--wcs-semantic-color-border-disabled);--wcs-textarea-border-color-error:var(--wcs-semantic-color-border-critical);--wcs-textarea-border-color-focus:var(--wcs-semantic-color-border-control-focus);--wcs-textarea-border-style-default:solid;--wcs-textarea-border-style-error:solid;--wcs-textarea-border-style-focus:var(--wcs-semantic-border-style-focus-control);--wcs-internal-textarea-border-radius-left:var(--wcs-textarea-border-radius-left, var(--wcs-semantic-border-radius-base));--wcs-internal-textarea-border-radius-right:var(--wcs-textarea-border-radius-right, var(--wcs-semantic-border-radius-base));--wcs-textarea-border-width:var(--wcs-semantic-border-width-default);--wcs-textarea-border-width-focus:var(--wcs-semantic-border-width-large);--wcs-textarea-gap:var(--wcs-semantic-spacing-base);--wcs-textarea-padding-top:var(--wcs-semantic-spacing-base);--wcs-textarea-padding-bottom:var(--wcs-semantic-spacing-base);--wcs-internal-textarea-padding-left:var(--wcs-textarea-padding-left, var(--wcs-semantic-spacing-large));--wcs-internal-textarea-padding-right:var(--wcs-textarea-padding-right, var(--wcs-semantic-spacing-large));--wcs-textarea-min-height:var(--wcs-semantic-size-m);--wcs-internal-textarea-max-height:var(--wcs-textarea-max-height, unset);--wcs-textarea-background-color:var(--wcs-semantic-color-background-control-default);display:flex;flex-direction:row;align-items:center;gap:var(--wcs-textarea-gap);width:100%;border-radius:var(--wcs-internal-textarea-border-radius-left) var(--wcs-internal-textarea-border-radius-right) var(--wcs-internal-textarea-border-radius-right) var(--wcs-internal-textarea-border-radius-left);background-color:var(--wcs-textarea-background-color);outline:var(--wcs-textarea-border-style-default) var(--wcs-textarea-border-width) var(--wcs-textarea-border-color-default);outline-offset:calc(-1 * var(--wcs-textarea-border-width));background-clip:padding-box;box-sizing:border-box}:host textarea{box-sizing:border-box;font-family:inherit;overflow:auto;flex:1;width:100%;min-height:var(--wcs-textarea-min-height);max-height:var(--wcs-internal-textarea-max-height);background-color:transparent;color:var(--wcs-textarea-value-color);font-weight:var(--wcs-textarea-value-font-weight) !important;border:none;padding-top:var(--wcs-textarea-padding-top);padding-bottom:var(--wcs-textarea-padding-bottom);padding-left:var(--wcs-internal-textarea-padding-left);padding-right:var(--wcs-internal-textarea-padding-right);font-size:1rem;line-height:1.5}:host textarea::placeholder{color:var(--wcs-textarea-placeholder-color);opacity:1;font-weight:var(--wcs-textarea-placeholder-font-weight);font-style:var(--wcs-textarea-placeholder-font-style)}:host textarea:focus{box-shadow:none;outline:0}:host wcs-mat-icon{margin-left:var(--wcs-internal-textarea-padding-left);color:var(--wcs-textarea-icon-color-default)}:host([disabled]){--wcs-textarea-background-color:var(--wcs-semantic-color-background-control-disabled);outline:var(--wcs-textarea-border-style-default) var(--wcs-textarea-border-width) var(--wcs-textarea-border-color-disabled)}:host([disabled]) textarea{color:var(--wcs-textarea-text-color-disabled);cursor:not-allowed}:host([disabled]) textarea::placeholder{color:var(--wcs-textarea-text-color-disabled)}:host([disabled]) wcs-mat-icon{color:var(--wcs-textarea-icon-color-disabled)}:host([icon]) textarea{padding-left:0}:host([state=error]){outline-color:var(--wcs-textarea-border-color-error) !important}:host(:focus-within){outline:var(--wcs-textarea-border-style-focus) var(--wcs-textarea-border-width-focus) var(--wcs-textarea-border-color-focus);outline-offset:calc(var(--wcs-textarea-border-width-focus) * -1)}:host(:focus-within) wcs-mat-icon{color:var(--wcs-textarea-icon-color-focus)}";const u=w;const b=["tabindex","title"];const x=t(class t extends e{constructor(){super();this.__registerHost();this.__attachShadow();this.wcsChange=a(this,"wcsChange",7);this.wcsInput=a(this,"wcsInput",7);this.wcsBlur=a(this,"wcsBlur",7);this.wcsFocus=a(this,"wcsFocus",7);this.inputId=`wcs-textarea-${f++}`;this.inheritedAttributes={};this.onInput=t=>{if(this.nativeInput){this.value=this.nativeInput.value}this.wcsInput.emit(t)};this.onChange=t=>{this.wcsChange.emit({value:this.nativeInput.value})};this.onFocus=t=>{if(this.fireFocusEvents){this.wcsFocus.emit(t)}};this.onBlur=t=>{if(this.fireFocusEvents){this.wcsBlur.emit(t)}};this.fireFocusEvents=true;this.autocapitalize="none";this.autofocus=false;this.debounce=0;this.disabled=false;this.icon=undefined;this.inputmode=undefined;this.enterkeyhint=undefined;this.maxlength=undefined;this.minlength=undefined;this.name=this.inputId;this.placeholder=undefined;this.readonly=false;this.required=false;this.spellcheck=false;this.state="initial";this.cols=undefined;this.rows=undefined;this.wrap=undefined;this.autoGrow=false;this.value="";this.resize=undefined}debounceChanged(){this.wcsInput=i(this.wcsInput,this.debounce)}valueChanged(){const t=this.nativeInput;const e=this.getValue();if(t&&t.value!==e){t.value=e}this.runAutoGrow()}connectedCallback(){this.debounceChanged();{document.dispatchEvent(new CustomEvent("wcsInputDidLoad",{detail:this.el}))}}disconnectedCallback(){{document.dispatchEvent(new CustomEvent("wcsInputDidUnload",{detail:this.el}))}}componentWillLoad(){this.inheritedAttributes=Object.assign(Object.assign({},c(this.el)),n(this.el,b))}componentDidLoad(){d((()=>this.runAutoGrow()))}runAutoGrow(){const t=this.nativeInput;if(t&&this.autoGrow){r((()=>{t.style.height="auto";t.style.height=t.scrollHeight+"px"}))}}async setAriaAttribute(t,e){l(this.nativeInput,t,e)}async fitContent(){d((()=>this.runAutoGrow()))}async setBlur(){if(this.nativeInput){this.nativeInput.blur()}}getInputElement(){return Promise.resolve(this.nativeInput)}getValue(){return this.value||""}render(){const t=this.getValue();const e=Object.assign({},this.resize&&{resize:this.resize});return s(o,{key:"daa597288a0d494b61344a1c60e21208823964b6","aria-disabled":this.disabled?"true":null},this.icon?s("wcs-mat-icon",{icon:this.icon,size:"m"}):null,s("textarea",Object.assign({key:"978490deee1bb0808336ad345f9ec9daa8b0e30e",class:"native-textarea",ref:t=>this.nativeInput=t,autoCapitalize:this.autocapitalize,autoFocus:this.autofocus,enterKeyHint:this.enterkeyhint,inputMode:this.inputmode,disabled:this.disabled,maxLength:this.maxlength,minLength:this.minlength,name:this.name,placeholder:this.placeholder||"",readOnly:this.readonly,required:this.required,spellcheck:this.spellcheck,cols:this.cols,rows:this.rows,wrap:this.wrap,onInput:this.onInput,onChange:this.onChange,onBlur:this.onBlur,onFocus:this.onFocus,style:e},this.inheritedAttributes),t))}static get delegatesFocus(){return true}get el(){return this}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}static get style(){return u}},[17,"wcs-textarea",{fireFocusEvents:[4,"fire-focus-events"],autocapitalize:[1],autofocus:[4],debounce:[2],disabled:[516],icon:[1],inputmode:[1],enterkeyhint:[1],maxlength:[2],minlength:[2],name:[1],placeholder:[1],readonly:[516],required:[516],spellcheck:[4],state:[513],cols:[2],rows:[2],wrap:[1],autoGrow:[516,"auto-grow"],value:[1025],resize:[513],setAriaAttribute:[64],fitContent:[64],setBlur:[64],getInputElement:[64]},undefined,{debounce:["debounceChanged"],value:["valueChanged"]}]);let f=0;function g(){if(typeof customElements==="undefined"){return}const t=["wcs-textarea","wcs-mat-icon"];t.forEach((t=>{switch(t){case"wcs-textarea":if(!customElements.get(t)){customElements.define(t,x)}break;case"wcs-mat-icon":if(!customElements.get(t)){h()}break}}))}g();const m=x;const v=g;export{m as WcsTextarea,v as defineCustomElement};
+import{p as t,H as e,d as a,r,h as s,c as o}from"./p-2bef72c7.js";import{x as i,i as c,a as n,C as d,s as l}from"./p-8a2107d4.js";import{d as h}from"./p-f85cc676.js";const w=":host{--wcs-textarea-text-color-disabled:var(--wcs-semantic-color-text-disabled);--wcs-textarea-value-color:var(--wcs-semantic-color-text-primary);--wcs-textarea-value-font-weight:var(--wcs-semantic-font-weight-medium);--wcs-textarea-placeholder-color:var(--wcs-semantic-color-text-tertiary);--wcs-textarea-placeholder-font-weight:var(--wcs-semantic-font-weight-roman);--wcs-textarea-placeholder-font-style:var(--wcs-semantic-font-style-control-placeholder);--wcs-textarea-icon-color-default:var(--wcs-semantic-color-foreground-brand);--wcs-textarea-icon-color-disabled:var(--wcs-semantic-color-foreground-disabled);--wcs-textarea-icon-color-focus:var(--wcs-semantic-color-foreground-brand);--wcs-textarea-border-color-default:var(--wcs-semantic-color-border-primary);--wcs-textarea-border-color-disabled:var(--wcs-semantic-color-border-disabled);--wcs-textarea-border-color-error:var(--wcs-semantic-color-border-critical);--wcs-textarea-border-color-focus:var(--wcs-semantic-color-border-control-focus);--wcs-textarea-border-style-default:solid;--wcs-textarea-border-style-error:solid;--wcs-textarea-border-style-focus:var(--wcs-semantic-border-style-focus-control);--wcs-internal-textarea-border-radius-left:var(--wcs-textarea-border-radius-left, var(--wcs-semantic-border-radius-base));--wcs-internal-textarea-border-radius-right:var(--wcs-textarea-border-radius-right, var(--wcs-semantic-border-radius-base));--wcs-textarea-border-width:var(--wcs-semantic-border-width-default);--wcs-textarea-border-width-focus:var(--wcs-semantic-border-width-large);--wcs-textarea-gap:var(--wcs-semantic-spacing-base);--wcs-textarea-padding-top:var(--wcs-semantic-spacing-base);--wcs-textarea-padding-bottom:var(--wcs-semantic-spacing-base);--wcs-internal-textarea-padding-left:var(--wcs-textarea-padding-left, var(--wcs-semantic-spacing-large));--wcs-internal-textarea-padding-right:var(--wcs-textarea-padding-right, var(--wcs-semantic-spacing-large));--wcs-textarea-min-height:var(--wcs-semantic-size-m);--wcs-internal-textarea-max-height:var(--wcs-textarea-max-height, unset);--wcs-textarea-background-color:var(--wcs-semantic-color-background-control-default);display:flex;flex-direction:row;align-items:center;gap:var(--wcs-textarea-gap);width:100%;border-radius:var(--wcs-internal-textarea-border-radius-left) var(--wcs-internal-textarea-border-radius-right) var(--wcs-internal-textarea-border-radius-right) var(--wcs-internal-textarea-border-radius-left);background-color:var(--wcs-textarea-background-color);outline:var(--wcs-textarea-border-style-default) var(--wcs-textarea-border-width) var(--wcs-textarea-border-color-default);outline-offset:calc(-1 * var(--wcs-textarea-border-width));background-clip:padding-box;box-sizing:border-box}:host textarea{box-sizing:border-box;font-family:inherit;overflow:auto;flex:1;width:100%;min-height:var(--wcs-textarea-min-height);max-height:var(--wcs-internal-textarea-max-height);background-color:transparent;color:var(--wcs-textarea-value-color);font-weight:var(--wcs-textarea-value-font-weight) !important;border:none;padding-top:var(--wcs-textarea-padding-top);padding-bottom:var(--wcs-textarea-padding-bottom);padding-left:var(--wcs-internal-textarea-padding-left);padding-right:var(--wcs-internal-textarea-padding-right);font-size:1rem;line-height:1.5}:host textarea::placeholder{color:var(--wcs-textarea-placeholder-color);opacity:1;font-weight:var(--wcs-textarea-placeholder-font-weight);font-style:var(--wcs-textarea-placeholder-font-style)}:host textarea:focus{box-shadow:none;outline:0}:host wcs-mat-icon{margin-left:var(--wcs-internal-textarea-padding-left);color:var(--wcs-textarea-icon-color-default)}:host([disabled]){--wcs-textarea-background-color:var(--wcs-semantic-color-background-control-disabled);outline:var(--wcs-textarea-border-style-default) var(--wcs-textarea-border-width) var(--wcs-textarea-border-color-disabled)}:host([disabled]) textarea{color:var(--wcs-textarea-text-color-disabled);cursor:not-allowed}:host([disabled]) textarea::placeholder{color:var(--wcs-textarea-text-color-disabled)}:host([disabled]) wcs-mat-icon{color:var(--wcs-textarea-icon-color-disabled)}:host([icon]) textarea{padding-left:0}:host([state=error]){outline-color:var(--wcs-textarea-border-color-error) !important}:host(:focus-within){outline:var(--wcs-textarea-border-style-focus) var(--wcs-textarea-border-width-focus) var(--wcs-textarea-border-color-focus);outline-offset:calc(var(--wcs-textarea-border-width-focus) * -1)}:host(:focus-within) wcs-mat-icon{color:var(--wcs-textarea-icon-color-focus)}";const u=w;const x=["tabindex","title"];const f=t(class t extends e{constructor(){super();this.__registerHost();this.__attachShadow();this.wcsChange=a(this,"wcsChange",7);this.wcsInput=a(this,"wcsInput",7);this.wcsBlur=a(this,"wcsBlur",7);this.wcsFocus=a(this,"wcsFocus",7);this.inputId=`wcs-textarea-${b++}`;this.inheritedAttributes={};this.onInput=t=>{if(this.nativeInput){this.value=this.nativeInput.value}this.wcsInput.emit(t)};this.onChange=t=>{this.wcsChange.emit({value:this.nativeInput.value})};this.onFocus=t=>{if(this.fireFocusEvents){this.wcsFocus.emit(t)}};this.onBlur=t=>{if(this.fireFocusEvents){this.wcsBlur.emit(t)}};this.fireFocusEvents=true;this.autocapitalize="none";this.autofocus=false;this.debounce=0;this.disabled=false;this.icon=undefined;this.inputmode=undefined;this.enterkeyhint=undefined;this.maxlength=undefined;this.minlength=undefined;this.name=this.inputId;this.placeholder=undefined;this.readonly=false;this.required=false;this.spellcheck=false;this.state="initial";this.cols=undefined;this.rows=undefined;this.wrap=undefined;this.autoGrow=false;this.value="";this.resize=undefined}debounceChanged(){this.wcsInput=i(this.wcsInput,this.debounce)}valueChanged(){const t=this.nativeInput;const e=this.getValue();if(t&&t.value!==e){t.value=e}this.runAutoGrow()}connectedCallback(){this.debounceChanged();{document.dispatchEvent(new CustomEvent("wcsInputDidLoad",{detail:this.el}))}}disconnectedCallback(){{document.dispatchEvent(new CustomEvent("wcsInputDidUnload",{detail:this.el}))}}componentWillLoad(){this.inheritedAttributes=Object.assign(Object.assign({},c(this.el)),n(this.el,x))}componentDidLoad(){d((()=>this.runAutoGrow()))}runAutoGrow(){const t=this.nativeInput;if(t&&this.autoGrow){r((()=>{t.style.height="auto";t.style.height=t.scrollHeight+"px"}))}}async setAriaAttribute(t,e){l(this.nativeInput,t,e)}async fitContent(){d((()=>this.runAutoGrow()))}async setBlur(){if(this.nativeInput){this.nativeInput.blur()}}getInputElement(){return Promise.resolve(this.nativeInput)}getValue(){return this.value||""}render(){const t=this.getValue();const e=Object.assign({},this.resize&&{resize:this.resize});return s(o,{key:"73730d741ba11707127e14964e9e5017438ef626","aria-disabled":this.disabled?"true":null},this.icon?s("wcs-mat-icon",{icon:this.icon,size:"m"}):null,s("textarea",Object.assign({key:"ceef50fd9ab18c377a6af07c737e7882381a0c3a",class:"native-textarea",ref:t=>this.nativeInput=t,autoCapitalize:this.autocapitalize,autoFocus:this.autofocus,enterKeyHint:this.enterkeyhint,inputMode:this.inputmode,disabled:this.disabled,maxLength:this.maxlength,minLength:this.minlength,name:this.name,placeholder:this.placeholder||"",readOnly:this.readonly,required:this.required,spellcheck:this.spellcheck,cols:this.cols,rows:this.rows,wrap:this.wrap,onInput:this.onInput,onChange:this.onChange,onBlur:this.onBlur,onFocus:this.onFocus,style:e},this.inheritedAttributes),t))}static get delegatesFocus(){return true}get el(){return this}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}static get style(){return u}},[17,"wcs-textarea",{fireFocusEvents:[4,"fire-focus-events"],autocapitalize:[1],autofocus:[4],debounce:[2],disabled:[516],icon:[1],inputmode:[1],enterkeyhint:[1],maxlength:[2],minlength:[2],name:[1],placeholder:[1],readonly:[516],required:[516],spellcheck:[4],state:[513],cols:[2],rows:[2],wrap:[1],autoGrow:[516,"auto-grow"],value:[1025],resize:[513],setAriaAttribute:[64],fitContent:[64],setBlur:[64],getInputElement:[64]},undefined,{debounce:["debounceChanged"],value:["valueChanged"]}]);let b=0;function g(){if(typeof customElements==="undefined"){return}const t=["wcs-textarea","wcs-mat-icon"];t.forEach((t=>{switch(t){case"wcs-textarea":if(!customElements.get(t)){customElements.define(t,f)}break;case"wcs-mat-icon":if(!customElements.get(t)){h()}break}}))}g();const m=f;const v=g;export{m as WcsTextarea,v as defineCustomElement};
 //# sourceMappingURL=wcs-textarea.js.map

package/composite-elements/wcs-tooltip.js

@@ -1,7 +1,7 @@
-import{p as t,H as e,h as n,c as i}from"./p-2bef72c7.js";import{a as r,c as o}from"./p-e1fb3625.js";import{b as a}from"./p-e803bb26.js";import{i as u}from"./p-a0f32ead.js";
+import{p as t,H as e,h as n,c as i}from"./p-2bef72c7.js";import{a as r,c as o}from"./p-e1fb3625.js";import{b as a}from"./p-8a2107d4.js";import{i as u}from"./p-a0f32ead.js";
 /**!
 * tippy.js v6.3.7
 * (c) 2017-2021 atomiks
 * MIT License
-*/var f="tippy-box";var s="tippy-content";var c="tippy-backdrop";var d="tippy-arrow";var l="tippy-svg-arrow";var v={passive:true,capture:true};var p=function t(){return document.body};function h(t,e,n){if(Array.isArray(t)){var i=t[e];return i==null?Array.isArray(n)?n[e]:n:i}return t}function m(t,e){var n={}.toString.call(t);return n.indexOf("[object")===0&&n.indexOf(e+"]")>-1}function b(t,e){return typeof t==="function"?t.apply(void 0,e):t}function y(t,e){if(e===0){return t}var n;return function(i){clearTimeout(n);n=setTimeout((function(){t(i)}),e)}}function g(t){return t.split(/\s+/).filter(Boolean)}function w(t){return[].concat(t)}function T(t,e){if(t.indexOf(e)===-1){t.push(e)}}function x(t){return t.filter((function(e,n){return t.indexOf(e)===n}))}function O(t){return t.split("-")[0]}function j(t){return[].slice.call(t)}function k(t){return Object.keys(t).reduce((function(e,n){if(t[n]!==undefined){e[n]=t[n]}return e}),{})}function P(){return document.createElement("div")}function C(t){return["Element","Fragment"].some((function(e){return m(t,e)}))}function S(t){return m(t,"NodeList")}function A(t){return m(t,"MouseEvent")}function W(t){return!!(t&&t._tippy&&t._tippy.reference===t)}function E(t){if(C(t)){return[t]}if(S(t)){return j(t)}if(Array.isArray(t)){return t}return j(document.querySelectorAll(t))}function H(t,e){t.forEach((function(t){if(t){t.style.transitionDuration=e+"ms"}}))}function U(t,e){t.forEach((function(t){if(t){t.setAttribute("data-state",e)}}))}function B(t){var e;var n=w(t),i=n[0];return i!=null&&(e=i.ownerDocument)!=null&&e.body?i.ownerDocument:document}function D(t,e){var n=e.clientX,i=e.clientY;return t.every((function(t){var e=t.popperRect,r=t.popperState,o=t.props;var a=o.interactiveBorder;var u=O(r.placement);var f=r.modifiersData.offset;if(!f){return true}var s=u==="bottom"?f.top.y:0;var c=u==="top"?f.bottom.y:0;var d=u==="right"?f.left.x:0;var l=u==="left"?f.right.x:0;var v=e.top-i+s>a;var p=i-e.bottom-c>a;var h=e.left-n+d>a;var m=n-e.right-l>a;return v||p||h||m}))}function F(t,e,n){var i=e+"EventListener";["transitionend","webkitTransitionEnd"].forEach((function(e){t[i](e,n)}))}function M(t,e){var n=e;while(n){var i;if(t.contains(n)){return true}n=n.getRootNode==null?void 0:(i=n.getRootNode())==null?void 0:i.host}return false}var L={isTouch:false};var R=0;function q(){if(L.isTouch){return}L.isTouch=true;if(window.performance){document.addEventListener("mousemove",I)}}function I(){var t=performance.now();if(t-R<20){L.isTouch=false;document.removeEventListener("mousemove",I)}R=t}function N(){var t=document.activeElement;if(W(t)){var e=t._tippy;if(t.blur&&!e.state.isVisible){t.blur()}}}function K(){document.addEventListener("touchstart",q,v);window.addEventListener("blur",N)}var $=typeof window!=="undefined"&&typeof document!=="undefined";var z=$?!!window.msCrypto:false;var J={animateFill:false,followCursor:false,inlinePositioning:false,sticky:false};var V={allowHTML:false,animation:"fade",arrow:true,content:"",inertia:false,maxWidth:350,role:"tooltip",theme:"",zIndex:9999};var G=Object.assign({appendTo:p,aria:{content:"auto",expanded:"auto"},delay:0,duration:[300,250],getReferenceClientRect:null,hideOnClick:true,ignoreAttributes:false,interactive:false,interactiveBorder:2,interactiveDebounce:0,moveTransition:"",offset:[0,10],onAfterUpdate:function t(){},onBeforeUpdate:function t(){},onCreate:function t(){},onDestroy:function t(){},onHidden:function t(){},onHide:function t(){},onMount:function t(){},onShow:function t(){},onShown:function t(){},onTrigger:function t(){},onUntrigger:function t(){},onClickOutside:function t(){},placement:"top",plugins:[],popperOptions:{},render:null,showOnCreate:false,touch:true,trigger:"mouseenter focus",triggerTarget:null},J,V);var Q=Object.keys(G);var X=function t(e){var n=Object.keys(e);n.forEach((function(t){G[t]=e[t]}))};function Y(t){var e=t.plugins||[];var n=e.reduce((function(e,n){var i=n.name,r=n.defaultValue;if(i){var o;e[i]=t[i]!==undefined?t[i]:(o=G[i])!=null?o:r}return e}),{});return Object.assign({},t,n)}function Z(t,e){var n=e?Object.keys(Y(Object.assign({},G,{plugins:e}))):Q;var i=n.reduce((function(e,n){var i=(t.getAttribute("data-tippy-"+n)||"").trim();if(!i){return e}if(n==="content"){e[n]=i}else{try{e[n]=JSON.parse(i)}catch(t){e[n]=i}}return e}),{});return i}function _(t,e){var n=Object.assign({},e,{content:b(e.content,[t])},e.ignoreAttributes?{}:Z(t,e.plugins));n.aria=Object.assign({},G.aria,n.aria);n.aria={expanded:n.aria.expanded==="auto"?e.interactive:n.aria.expanded,content:n.aria.content==="auto"?e.interactive?null:"describedby":n.aria.content};return n}var tt=function t(){return"innerHTML"};function et(t,e){t[tt()]=e}function nt(t){var e=P();if(t===true){e.className=d}else{e.className=l;if(C(t)){e.appendChild(t)}else{et(e,t)}}return e}function it(t,e){if(C(e.content)){et(t,"");t.appendChild(e.content)}else if(typeof e.content!=="function"){if(e.allowHTML){et(t,e.content)}else{t.textContent=e.content}}}function rt(t){var e=t.firstElementChild;var n=j(e.children);return{box:e,content:n.find((function(t){return t.classList.contains(s)})),arrow:n.find((function(t){return t.classList.contains(d)||t.classList.contains(l)})),backdrop:n.find((function(t){return t.classList.contains(c)}))}}function ot(t){var e=P();var n=P();n.className=f;n.setAttribute("data-state","hidden");n.setAttribute("tabindex","-1");var i=P();i.className=s;i.setAttribute("data-state","hidden");it(i,t.props);e.appendChild(n);n.appendChild(i);r(t.props,t.props);function r(n,i){var r=rt(e),o=r.box,a=r.content,u=r.arrow;if(i.theme){o.setAttribute("data-theme",i.theme)}else{o.removeAttribute("data-theme")}if(typeof i.animation==="string"){o.setAttribute("data-animation",i.animation)}else{o.removeAttribute("data-animation")}if(i.inertia){o.setAttribute("data-inertia","")}else{o.removeAttribute("data-inertia")}o.style.maxWidth=typeof i.maxWidth==="number"?i.maxWidth+"px":i.maxWidth;if(i.role){o.setAttribute("role",i.role)}else{o.removeAttribute("role")}if(n.content!==i.content||n.allowHTML!==i.allowHTML){it(a,t.props)}if(i.arrow){if(!u){o.appendChild(nt(i.arrow))}else if(n.arrow!==i.arrow){o.removeChild(u);o.appendChild(nt(i.arrow))}}else if(u){o.removeChild(u)}}return{popper:e,onUpdate:r}}ot.$$tippy=true;var at=1;var ut=[];var ft=[];function st(t,e){var n=_(t,Object.assign({},G,Y(k(e))));var i;var r;var a;var u=false;var f=false;var s=false;var c=false;var d;var l;var m;var O=[];var C=y(kt,n.interactiveDebounce);var S;var W=at++;var E=null;var R=x(n.plugins);var q={isEnabled:true,isVisible:false,isDestroyed:false,isMounted:false,isShown:false};var I={id:W,reference:t,popper:P(),popperInstance:E,props:n,state:q,plugins:R,clearDelayTimeouts:Mt,setProps:Lt,setContent:Rt,show:qt,hide:It,hideWithInteractivity:Nt,enable:Dt,disable:Ft,unmount:Kt,destroy:$t};if(!n.render){return I}var N=n.render(I),K=N.popper,$=N.onUpdate;K.setAttribute("data-tippy-root","");K.id="tippy-"+I.id;I.popper=K;t._tippy=I;K._tippy=I;var J=R.map((function(t){return t.fn(I)}));var V=t.hasAttribute("aria-expanded");xt();dt();ot();st("onCreate",[I]);if(n.showOnCreate){Ut()}K.addEventListener("mouseenter",(function(){if(I.props.interactive&&I.state.isVisible){I.clearDelayTimeouts()}}));K.addEventListener("mouseleave",(function(){if(I.props.interactive&&I.props.trigger.indexOf("mouseenter")>=0){et().addEventListener("mousemove",C)}}));return I;function Q(){var t=I.props.touch;return Array.isArray(t)?t:[t,0]}function X(){return Q()[0]==="hold"}function Z(){var t;return!!((t=I.props.render)!=null&&t.$$tippy)}function tt(){return S||t}function et(){var t=tt().parentNode;return t?B(t):document}function nt(){return rt(K)}function it(t){if(I.state.isMounted&&!I.state.isVisible||L.isTouch||d&&d.type==="focus"){return 0}return h(I.props.delay,t?0:1,G.delay)}function ot(t){if(t===void 0){t=false}K.style.pointerEvents=I.props.interactive&&!t?"":"none";K.style.zIndex=""+I.props.zIndex}function st(t,e,n){if(n===void 0){n=true}J.forEach((function(n){if(n[t]){n[t].apply(n,e)}}));if(n){var i;(i=I.props)[t].apply(i,e)}}function ct(){var e=I.props.aria;if(!e.content){return}var n="aria-"+e.content;var i=K.id;var r=w(I.props.triggerTarget||t);r.forEach((function(t){var e=t.getAttribute(n);if(I.state.isVisible){t.setAttribute(n,e?e+" "+i:i)}else{var r=e&&e.replace(i,"").trim();if(r){t.setAttribute(n,r)}else{t.removeAttribute(n)}}}))}function dt(){if(V||!I.props.aria.expanded){return}var e=w(I.props.triggerTarget||t);e.forEach((function(t){if(I.props.interactive){t.setAttribute("aria-expanded",I.state.isVisible&&t===tt()?"true":"false")}else{t.removeAttribute("aria-expanded")}}))}function lt(){et().removeEventListener("mousemove",C);ut=ut.filter((function(t){return t!==C}))}function vt(e){if(L.isTouch){if(s||e.type==="mousedown"){return}}var n=e.composedPath&&e.composedPath()[0]||e.target;if(I.props.interactive&&M(K,n)){return}if(w(I.props.triggerTarget||t).some((function(t){return M(t,n)}))){if(L.isTouch){return}if(I.state.isVisible&&I.props.trigger.indexOf("click")>=0){return}}else{st("onClickOutside",[I,e])}if(I.props.hideOnClick===true){I.clearDelayTimeouts();I.hide();f=true;setTimeout((function(){f=false}));if(!I.state.isMounted){bt()}}}function pt(){s=true}function ht(){s=false}function mt(){var t=et();t.addEventListener("mousedown",vt,true);t.addEventListener("touchend",vt,v);t.addEventListener("touchstart",ht,v);t.addEventListener("touchmove",pt,v)}function bt(){var t=et();t.removeEventListener("mousedown",vt,true);t.removeEventListener("touchend",vt,v);t.removeEventListener("touchstart",ht,v);t.removeEventListener("touchmove",pt,v)}function yt(t,e){wt(t,(function(){if(!I.state.isVisible&&K.parentNode&&K.parentNode.contains(K)){e()}}))}function gt(t,e){wt(t,e)}function wt(t,e){var n=nt().box;function i(t){if(t.target===n){F(n,"remove",i);e()}}if(t===0){return e()}F(n,"remove",l);F(n,"add",i);l=i}function Tt(e,n,i){if(i===void 0){i=false}var r=w(I.props.triggerTarget||t);r.forEach((function(t){t.addEventListener(e,n,i);O.push({node:t,eventType:e,handler:n,options:i})}))}function xt(){if(X()){Tt("touchstart",jt,{passive:true});Tt("touchend",Pt,{passive:true})}g(I.props.trigger).forEach((function(t){if(t==="manual"){return}Tt(t,jt);switch(t){case"mouseenter":Tt("mouseleave",Pt);break;case"focus":Tt(z?"focusout":"blur",Ct);break;case"focusin":Tt("focusout",Ct);break}}))}function Ot(){O.forEach((function(t){var e=t.node,n=t.eventType,i=t.handler,r=t.options;e.removeEventListener(n,i,r)}));O=[]}function jt(t){var e;var n=false;if(!I.state.isEnabled||St(t)||f){return}var i=((e=d)==null?void 0:e.type)==="focus";d=t;S=t.currentTarget;dt();if(!I.state.isVisible&&A(t)){ut.forEach((function(e){return e(t)}))}if(t.type==="click"&&(I.props.trigger.indexOf("mouseenter")<0||u)&&I.props.hideOnClick!==false&&I.state.isVisible){n=true}else{Ut(t)}if(t.type==="click"){u=!n}if(n&&!i){Bt(t)}}function kt(t){var e=t.target;var i=tt().contains(e)||K.contains(e);if(t.type==="mousemove"&&i){return}var r=Ht().concat(K).map((function(t){var e;var i=t._tippy;var r=(e=i.popperInstance)==null?void 0:e.state;if(r){return{popperRect:t.getBoundingClientRect(),popperState:r,props:n}}return null})).filter(Boolean);if(D(r,t)){lt();Bt(t)}}function Pt(t){var e=St(t)||I.props.trigger.indexOf("click")>=0&&u;if(e){return}if(I.props.interactive){I.hideWithInteractivity(t);return}Bt(t)}function Ct(t){if(I.props.trigger.indexOf("focusin")<0&&t.target!==tt()){return}if(I.props.interactive&&t.relatedTarget&&K.contains(t.relatedTarget)){return}Bt(t)}function St(t){return L.isTouch?X()!==t.type.indexOf("touch")>=0:false}function At(){Wt();var e=I.props,n=e.popperOptions,i=e.placement,r=e.offset,a=e.getReferenceClientRect,u=e.moveTransition;var f=Z()?rt(K).arrow:null;var s=a?{getBoundingClientRect:a,contextElement:a.contextElement||tt()}:t;var c={name:"$$tippy",enabled:true,phase:"beforeWrite",requires:["computeStyles"],fn:function t(e){var n=e.state;if(Z()){var i=nt(),r=i.box;["placement","reference-hidden","escaped"].forEach((function(t){if(t==="placement"){r.setAttribute("data-placement",n.placement)}else{if(n.attributes.popper["data-popper-"+t]){r.setAttribute("data-"+t,"")}else{r.removeAttribute("data-"+t)}}}));n.attributes.popper={}}}};var d=[{name:"offset",options:{offset:r}},{name:"preventOverflow",options:{padding:{top:2,bottom:2,left:5,right:5}}},{name:"flip",options:{padding:5}},{name:"computeStyles",options:{adaptive:!u}},c];if(Z()&&f){d.push({name:"arrow",options:{element:f,padding:3}})}d.push.apply(d,(n==null?void 0:n.modifiers)||[]);I.popperInstance=o(s,K,Object.assign({},n,{placement:i,onFirstUpdate:m,modifiers:d}))}function Wt(){if(I.popperInstance){I.popperInstance.destroy();I.popperInstance=null}}function Et(){var t=I.props.appendTo;var e;var n=tt();if(I.props.interactive&&t===p||t==="parent"){e=n.parentNode}else{e=b(t,[n])}if(!e.contains(K)){e.appendChild(K)}I.state.isMounted=true;At()}function Ht(){return j(K.querySelectorAll("[data-tippy-root]"))}function Ut(t){I.clearDelayTimeouts();if(t){st("onTrigger",[I,t])}mt();var e=it(true);var n=Q(),r=n[0],o=n[1];if(L.isTouch&&r==="hold"&&o){e=o}if(e){i=setTimeout((function(){I.show()}),e)}else{I.show()}}function Bt(t){I.clearDelayTimeouts();st("onUntrigger",[I,t]);if(!I.state.isVisible){bt();return}if(I.props.trigger.indexOf("mouseenter")>=0&&I.props.trigger.indexOf("click")>=0&&["mouseleave","mousemove"].indexOf(t.type)>=0&&u){return}var e=it(false);if(e){r=setTimeout((function(){if(I.state.isVisible){I.hide()}}),e)}else{a=requestAnimationFrame((function(){I.hide()}))}}function Dt(){I.state.isEnabled=true}function Ft(){I.hide();I.state.isEnabled=false}function Mt(){clearTimeout(i);clearTimeout(r);cancelAnimationFrame(a)}function Lt(e){if(I.state.isDestroyed){return}st("onBeforeUpdate",[I,e]);Ot();var n=I.props;var i=_(t,Object.assign({},n,k(e),{ignoreAttributes:true}));I.props=i;xt();if(n.interactiveDebounce!==i.interactiveDebounce){lt();C=y(kt,i.interactiveDebounce)}if(n.triggerTarget&&!i.triggerTarget){w(n.triggerTarget).forEach((function(t){t.removeAttribute("aria-expanded")}))}else if(i.triggerTarget){t.removeAttribute("aria-expanded")}dt();ot();if($){$(n,i)}if(I.popperInstance){At();Ht().forEach((function(t){requestAnimationFrame(t._tippy.popperInstance.forceUpdate)}))}st("onAfterUpdate",[I,e])}function Rt(t){I.setProps({content:t})}function qt(){var t=I.state.isVisible;var e=I.state.isDestroyed;var n=!I.state.isEnabled;var i=L.isTouch&&!I.props.touch;var r=h(I.props.duration,0,G.duration);if(t||e||n||i){return}if(tt().hasAttribute("disabled")){return}st("onShow",[I],false);if(I.props.onShow(I)===false){return}I.state.isVisible=true;if(Z()){K.style.visibility="visible"}ot();mt();if(!I.state.isMounted){K.style.transition="none"}if(Z()){var o=nt(),a=o.box,u=o.content;H([a,u],0)}m=function t(){var e;if(!I.state.isVisible||c){return}c=true;K.style.transition=I.props.moveTransition;if(Z()&&I.props.animation){var n=nt(),i=n.box,o=n.content;H([i,o],r);U([i,o],"visible")}ct();dt();T(ft,I);(e=I.popperInstance)==null?void 0:e.forceUpdate();st("onMount",[I]);if(I.props.animation&&Z()){gt(r,(function(){I.state.isShown=true;st("onShown",[I])}))}};Et()}function It(){var t=!I.state.isVisible;var e=I.state.isDestroyed;var n=!I.state.isEnabled;var i=h(I.props.duration,1,G.duration);if(t||e||n){return}st("onHide",[I],false);if(I.props.onHide(I)===false){return}I.state.isVisible=false;I.state.isShown=false;c=false;u=false;if(Z()){K.style.visibility="hidden"}lt();bt();ot(true);if(Z()){var r=nt(),o=r.box,a=r.content;if(I.props.animation){H([o,a],i);U([o,a],"hidden")}}ct();dt();if(I.props.animation){if(Z()){yt(i,I.unmount)}}else{I.unmount()}}function Nt(t){et().addEventListener("mousemove",C);T(ut,C);C(t)}function Kt(){if(I.state.isVisible){I.hide()}if(!I.state.isMounted){return}Wt();Ht().forEach((function(t){t._tippy.unmount()}));if(K.parentNode){K.parentNode.removeChild(K)}ft=ft.filter((function(t){return t!==I}));I.state.isMounted=false;st("onHidden",[I])}function $t(){if(I.state.isDestroyed){return}I.clearDelayTimeouts();I.unmount();Ot();delete t._tippy;I.state.isDestroyed=true;st("onDestroy",[I])}}function ct(t,e){if(e===void 0){e={}}var n=G.plugins.concat(e.plugins||[]);K();var i=Object.assign({},e,{plugins:n});var r=E(t);var o=r.reduce((function(t,e){var n=e&&st(e,i);if(n){t.push(n)}return t}),[]);return C(t)?o[0]:o}ct.defaultProps=G;ct.setDefaultProps=X;ct.currentInput=L;Object.assign({},r,{effect:function t(e){var n=e.state;var i={popper:{position:n.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(n.elements.popper.style,i.popper);n.styles=i;if(n.elements.arrow){Object.assign(n.elements.arrow.style,i.arrow)}}});ct.setDefaultProps({render:ot});const dt=":host{display:none}";const lt=dt;const vt=["WCS-BUTTON"];const pt=t(class t extends e{constructor(){super();this.__registerHost();this.__attachShadow();this.for=undefined;this.position="bottom";this.interactive=false;this.maxWidth=350;this.delay=0;this.duration=[300,250];this.trigger="mouseenter focus";this.theme="dark";this.content=undefined;this.appendTo=undefined}componentWillLoad(){this.forElement=document.getElementById(this.for);if(!this.forElement){console.error('[wcs-tooltip]: The element with the id provided in the "for" property does not exist');return}this.tippyInstance=ct(this.forElement,{appendTo:this.appendTo||(()=>document.body),theme:this.theme,allowHTML:true,content:this.getTooltipContentFromPropAndSlot(),maxWidth:this.maxWidth,placement:this.position,delay:this.delay,duration:this.duration,interactive:this.interactive,trigger:this.trigger,onShow:()=>this.onShow(),onHide:()=>this.onHide()})}onShow(){if(!this.forElement){return}if(this.forElement.tagName&&vt.indexOf(this.forElement.tagName)!==-1){if(u(this.forElement)){if(this.interactive){this.forElement.setAriaAttribute("aria-expanded","true")}}}}onHide(){if(!this.forElement){return}if(this.forElement.tagName&&vt.indexOf(this.forElement.tagName)!==-1){if(u(this.forElement)){if(this.interactive){this.forElement.setAriaAttribute("aria-expanded","false")}}}}async handleKeyDown(t){if(a(t)){if(this.tippyInstance.state.isShown){await this.hide()}}}getTooltipContentFromPropAndSlot(){if(this.content){return this.content+this.el.innerHTML}return this.el.innerHTML}updateProps(){var t;(t=this.tippyInstance)===null||t===void 0?void 0:t.setProps({interactive:this.interactive,placement:this.position,maxWidth:this.maxWidth,theme:this.theme,delay:this.delay,duration:this.duration,trigger:this.trigger})}updateTippyContent(){var t;(t=this.tippyInstance)===null||t===void 0?void 0:t.setProps({content:this.getTooltipContentFromPropAndSlot()})}async hide(){this.tippyInstance.hide()}async show(){this.tippyInstance.show()}async disable(){this.tippyInstance.disable()}async enable(){this.tippyInstance.enable()}disconnectedCallback(){var t;(t=this.tippyInstance)===null||t===void 0?void 0:t.destroy()}render(){return n(i,{key:"430814e1eefde613ed887a70b837c5603b3d7656",role:"tooltip"},n("slot",{key:"f1915740c4c18c7c154bedd8db7bc10e7836822c",onSlotchange:t=>this.updateTippyContent()}))}get el(){return this}static get watchers(){return{interactive:["updateProps"],position:["updateProps"],maxWidth:["updateProps"],theme:["updateProps"],delay:["updateProps"],duration:["updateProps"],trigger:["updateProps"],content:["updateTippyContent"]}}static get style(){return lt}},[1,"wcs-tooltip",{for:[1],position:[513],interactive:[516],maxWidth:[8,"max-width"],delay:[2],duration:[2],trigger:[1],theme:[1],content:[1],appendTo:[1,"append-to"],hide:[64],show:[64],disable:[64],enable:[64]},[[8,"keydown","handleKeyDown"]],{interactive:["updateProps"],position:["updateProps"],maxWidth:["updateProps"],theme:["updateProps"],delay:["updateProps"],duration:["updateProps"],trigger:["updateProps"],content:["updateTippyContent"]}]);function ht(){if(typeof customElements==="undefined"){return}const t=["wcs-tooltip"];t.forEach((t=>{switch(t){case"wcs-tooltip":if(!customElements.get(t)){customElements.define(t,pt)}break}}))}ht();const mt=pt;const bt=ht;export{mt as WcsTooltip,bt as defineCustomElement};
+*/var f="tippy-box";var s="tippy-content";var c="tippy-backdrop";var d="tippy-arrow";var l="tippy-svg-arrow";var v={passive:true,capture:true};var p=function t(){return document.body};function h(t,e,n){if(Array.isArray(t)){var i=t[e];return i==null?Array.isArray(n)?n[e]:n:i}return t}function m(t,e){var n={}.toString.call(t);return n.indexOf("[object")===0&&n.indexOf(e+"]")>-1}function b(t,e){return typeof t==="function"?t.apply(void 0,e):t}function y(t,e){if(e===0){return t}var n;return function(i){clearTimeout(n);n=setTimeout((function(){t(i)}),e)}}function g(t){return t.split(/\s+/).filter(Boolean)}function w(t){return[].concat(t)}function T(t,e){if(t.indexOf(e)===-1){t.push(e)}}function x(t){return t.filter((function(e,n){return t.indexOf(e)===n}))}function O(t){return t.split("-")[0]}function j(t){return[].slice.call(t)}function k(t){return Object.keys(t).reduce((function(e,n){if(t[n]!==undefined){e[n]=t[n]}return e}),{})}function P(){return document.createElement("div")}function C(t){return["Element","Fragment"].some((function(e){return m(t,e)}))}function S(t){return m(t,"NodeList")}function A(t){return m(t,"MouseEvent")}function W(t){return!!(t&&t._tippy&&t._tippy.reference===t)}function E(t){if(C(t)){return[t]}if(S(t)){return j(t)}if(Array.isArray(t)){return t}return j(document.querySelectorAll(t))}function H(t,e){t.forEach((function(t){if(t){t.style.transitionDuration=e+"ms"}}))}function U(t,e){t.forEach((function(t){if(t){t.setAttribute("data-state",e)}}))}function B(t){var e;var n=w(t),i=n[0];return i!=null&&(e=i.ownerDocument)!=null&&e.body?i.ownerDocument:document}function D(t,e){var n=e.clientX,i=e.clientY;return t.every((function(t){var e=t.popperRect,r=t.popperState,o=t.props;var a=o.interactiveBorder;var u=O(r.placement);var f=r.modifiersData.offset;if(!f){return true}var s=u==="bottom"?f.top.y:0;var c=u==="top"?f.bottom.y:0;var d=u==="right"?f.left.x:0;var l=u==="left"?f.right.x:0;var v=e.top-i+s>a;var p=i-e.bottom-c>a;var h=e.left-n+d>a;var m=n-e.right-l>a;return v||p||h||m}))}function F(t,e,n){var i=e+"EventListener";["transitionend","webkitTransitionEnd"].forEach((function(e){t[i](e,n)}))}function M(t,e){var n=e;while(n){var i;if(t.contains(n)){return true}n=n.getRootNode==null?void 0:(i=n.getRootNode())==null?void 0:i.host}return false}var L={isTouch:false};var R=0;function q(){if(L.isTouch){return}L.isTouch=true;if(window.performance){document.addEventListener("mousemove",I)}}function I(){var t=performance.now();if(t-R<20){L.isTouch=false;document.removeEventListener("mousemove",I)}R=t}function N(){var t=document.activeElement;if(W(t)){var e=t._tippy;if(t.blur&&!e.state.isVisible){t.blur()}}}function K(){document.addEventListener("touchstart",q,v);window.addEventListener("blur",N)}var $=typeof window!=="undefined"&&typeof document!=="undefined";var z=$?!!window.msCrypto:false;var J={animateFill:false,followCursor:false,inlinePositioning:false,sticky:false};var V={allowHTML:false,animation:"fade",arrow:true,content:"",inertia:false,maxWidth:350,role:"tooltip",theme:"",zIndex:9999};var G=Object.assign({appendTo:p,aria:{content:"auto",expanded:"auto"},delay:0,duration:[300,250],getReferenceClientRect:null,hideOnClick:true,ignoreAttributes:false,interactive:false,interactiveBorder:2,interactiveDebounce:0,moveTransition:"",offset:[0,10],onAfterUpdate:function t(){},onBeforeUpdate:function t(){},onCreate:function t(){},onDestroy:function t(){},onHidden:function t(){},onHide:function t(){},onMount:function t(){},onShow:function t(){},onShown:function t(){},onTrigger:function t(){},onUntrigger:function t(){},onClickOutside:function t(){},placement:"top",plugins:[],popperOptions:{},render:null,showOnCreate:false,touch:true,trigger:"mouseenter focus",triggerTarget:null},J,V);var Q=Object.keys(G);var X=function t(e){var n=Object.keys(e);n.forEach((function(t){G[t]=e[t]}))};function Y(t){var e=t.plugins||[];var n=e.reduce((function(e,n){var i=n.name,r=n.defaultValue;if(i){var o;e[i]=t[i]!==undefined?t[i]:(o=G[i])!=null?o:r}return e}),{});return Object.assign({},t,n)}function Z(t,e){var n=e?Object.keys(Y(Object.assign({},G,{plugins:e}))):Q;var i=n.reduce((function(e,n){var i=(t.getAttribute("data-tippy-"+n)||"").trim();if(!i){return e}if(n==="content"){e[n]=i}else{try{e[n]=JSON.parse(i)}catch(t){e[n]=i}}return e}),{});return i}function _(t,e){var n=Object.assign({},e,{content:b(e.content,[t])},e.ignoreAttributes?{}:Z(t,e.plugins));n.aria=Object.assign({},G.aria,n.aria);n.aria={expanded:n.aria.expanded==="auto"?e.interactive:n.aria.expanded,content:n.aria.content==="auto"?e.interactive?null:"describedby":n.aria.content};return n}var tt=function t(){return"innerHTML"};function et(t,e){t[tt()]=e}function nt(t){var e=P();if(t===true){e.className=d}else{e.className=l;if(C(t)){e.appendChild(t)}else{et(e,t)}}return e}function it(t,e){if(C(e.content)){et(t,"");t.appendChild(e.content)}else if(typeof e.content!=="function"){if(e.allowHTML){et(t,e.content)}else{t.textContent=e.content}}}function rt(t){var e=t.firstElementChild;var n=j(e.children);return{box:e,content:n.find((function(t){return t.classList.contains(s)})),arrow:n.find((function(t){return t.classList.contains(d)||t.classList.contains(l)})),backdrop:n.find((function(t){return t.classList.contains(c)}))}}function ot(t){var e=P();var n=P();n.className=f;n.setAttribute("data-state","hidden");n.setAttribute("tabindex","-1");var i=P();i.className=s;i.setAttribute("data-state","hidden");it(i,t.props);e.appendChild(n);n.appendChild(i);r(t.props,t.props);function r(n,i){var r=rt(e),o=r.box,a=r.content,u=r.arrow;if(i.theme){o.setAttribute("data-theme",i.theme)}else{o.removeAttribute("data-theme")}if(typeof i.animation==="string"){o.setAttribute("data-animation",i.animation)}else{o.removeAttribute("data-animation")}if(i.inertia){o.setAttribute("data-inertia","")}else{o.removeAttribute("data-inertia")}o.style.maxWidth=typeof i.maxWidth==="number"?i.maxWidth+"px":i.maxWidth;if(i.role){o.setAttribute("role",i.role)}else{o.removeAttribute("role")}if(n.content!==i.content||n.allowHTML!==i.allowHTML){it(a,t.props)}if(i.arrow){if(!u){o.appendChild(nt(i.arrow))}else if(n.arrow!==i.arrow){o.removeChild(u);o.appendChild(nt(i.arrow))}}else if(u){o.removeChild(u)}}return{popper:e,onUpdate:r}}ot.$$tippy=true;var at=1;var ut=[];var ft=[];function st(t,e){var n=_(t,Object.assign({},G,Y(k(e))));var i;var r;var a;var u=false;var f=false;var s=false;var c=false;var d;var l;var m;var O=[];var C=y(kt,n.interactiveDebounce);var S;var W=at++;var E=null;var R=x(n.plugins);var q={isEnabled:true,isVisible:false,isDestroyed:false,isMounted:false,isShown:false};var I={id:W,reference:t,popper:P(),popperInstance:E,props:n,state:q,plugins:R,clearDelayTimeouts:Mt,setProps:Lt,setContent:Rt,show:qt,hide:It,hideWithInteractivity:Nt,enable:Dt,disable:Ft,unmount:Kt,destroy:$t};if(!n.render){return I}var N=n.render(I),K=N.popper,$=N.onUpdate;K.setAttribute("data-tippy-root","");K.id="tippy-"+I.id;I.popper=K;t._tippy=I;K._tippy=I;var J=R.map((function(t){return t.fn(I)}));var V=t.hasAttribute("aria-expanded");xt();dt();ot();st("onCreate",[I]);if(n.showOnCreate){Ut()}K.addEventListener("mouseenter",(function(){if(I.props.interactive&&I.state.isVisible){I.clearDelayTimeouts()}}));K.addEventListener("mouseleave",(function(){if(I.props.interactive&&I.props.trigger.indexOf("mouseenter")>=0){et().addEventListener("mousemove",C)}}));return I;function Q(){var t=I.props.touch;return Array.isArray(t)?t:[t,0]}function X(){return Q()[0]==="hold"}function Z(){var t;return!!((t=I.props.render)!=null&&t.$$tippy)}function tt(){return S||t}function et(){var t=tt().parentNode;return t?B(t):document}function nt(){return rt(K)}function it(t){if(I.state.isMounted&&!I.state.isVisible||L.isTouch||d&&d.type==="focus"){return 0}return h(I.props.delay,t?0:1,G.delay)}function ot(t){if(t===void 0){t=false}K.style.pointerEvents=I.props.interactive&&!t?"":"none";K.style.zIndex=""+I.props.zIndex}function st(t,e,n){if(n===void 0){n=true}J.forEach((function(n){if(n[t]){n[t].apply(n,e)}}));if(n){var i;(i=I.props)[t].apply(i,e)}}function ct(){var e=I.props.aria;if(!e.content){return}var n="aria-"+e.content;var i=K.id;var r=w(I.props.triggerTarget||t);r.forEach((function(t){var e=t.getAttribute(n);if(I.state.isVisible){t.setAttribute(n,e?e+" "+i:i)}else{var r=e&&e.replace(i,"").trim();if(r){t.setAttribute(n,r)}else{t.removeAttribute(n)}}}))}function dt(){if(V||!I.props.aria.expanded){return}var e=w(I.props.triggerTarget||t);e.forEach((function(t){if(I.props.interactive){t.setAttribute("aria-expanded",I.state.isVisible&&t===tt()?"true":"false")}else{t.removeAttribute("aria-expanded")}}))}function lt(){et().removeEventListener("mousemove",C);ut=ut.filter((function(t){return t!==C}))}function vt(e){if(L.isTouch){if(s||e.type==="mousedown"){return}}var n=e.composedPath&&e.composedPath()[0]||e.target;if(I.props.interactive&&M(K,n)){return}if(w(I.props.triggerTarget||t).some((function(t){return M(t,n)}))){if(L.isTouch){return}if(I.state.isVisible&&I.props.trigger.indexOf("click")>=0){return}}else{st("onClickOutside",[I,e])}if(I.props.hideOnClick===true){I.clearDelayTimeouts();I.hide();f=true;setTimeout((function(){f=false}));if(!I.state.isMounted){bt()}}}function pt(){s=true}function ht(){s=false}function mt(){var t=et();t.addEventListener("mousedown",vt,true);t.addEventListener("touchend",vt,v);t.addEventListener("touchstart",ht,v);t.addEventListener("touchmove",pt,v)}function bt(){var t=et();t.removeEventListener("mousedown",vt,true);t.removeEventListener("touchend",vt,v);t.removeEventListener("touchstart",ht,v);t.removeEventListener("touchmove",pt,v)}function yt(t,e){wt(t,(function(){if(!I.state.isVisible&&K.parentNode&&K.parentNode.contains(K)){e()}}))}function gt(t,e){wt(t,e)}function wt(t,e){var n=nt().box;function i(t){if(t.target===n){F(n,"remove",i);e()}}if(t===0){return e()}F(n,"remove",l);F(n,"add",i);l=i}function Tt(e,n,i){if(i===void 0){i=false}var r=w(I.props.triggerTarget||t);r.forEach((function(t){t.addEventListener(e,n,i);O.push({node:t,eventType:e,handler:n,options:i})}))}function xt(){if(X()){Tt("touchstart",jt,{passive:true});Tt("touchend",Pt,{passive:true})}g(I.props.trigger).forEach((function(t){if(t==="manual"){return}Tt(t,jt);switch(t){case"mouseenter":Tt("mouseleave",Pt);break;case"focus":Tt(z?"focusout":"blur",Ct);break;case"focusin":Tt("focusout",Ct);break}}))}function Ot(){O.forEach((function(t){var e=t.node,n=t.eventType,i=t.handler,r=t.options;e.removeEventListener(n,i,r)}));O=[]}function jt(t){var e;var n=false;if(!I.state.isEnabled||St(t)||f){return}var i=((e=d)==null?void 0:e.type)==="focus";d=t;S=t.currentTarget;dt();if(!I.state.isVisible&&A(t)){ut.forEach((function(e){return e(t)}))}if(t.type==="click"&&(I.props.trigger.indexOf("mouseenter")<0||u)&&I.props.hideOnClick!==false&&I.state.isVisible){n=true}else{Ut(t)}if(t.type==="click"){u=!n}if(n&&!i){Bt(t)}}function kt(t){var e=t.target;var i=tt().contains(e)||K.contains(e);if(t.type==="mousemove"&&i){return}var r=Ht().concat(K).map((function(t){var e;var i=t._tippy;var r=(e=i.popperInstance)==null?void 0:e.state;if(r){return{popperRect:t.getBoundingClientRect(),popperState:r,props:n}}return null})).filter(Boolean);if(D(r,t)){lt();Bt(t)}}function Pt(t){var e=St(t)||I.props.trigger.indexOf("click")>=0&&u;if(e){return}if(I.props.interactive){I.hideWithInteractivity(t);return}Bt(t)}function Ct(t){if(I.props.trigger.indexOf("focusin")<0&&t.target!==tt()){return}if(I.props.interactive&&t.relatedTarget&&K.contains(t.relatedTarget)){return}Bt(t)}function St(t){return L.isTouch?X()!==t.type.indexOf("touch")>=0:false}function At(){Wt();var e=I.props,n=e.popperOptions,i=e.placement,r=e.offset,a=e.getReferenceClientRect,u=e.moveTransition;var f=Z()?rt(K).arrow:null;var s=a?{getBoundingClientRect:a,contextElement:a.contextElement||tt()}:t;var c={name:"$$tippy",enabled:true,phase:"beforeWrite",requires:["computeStyles"],fn:function t(e){var n=e.state;if(Z()){var i=nt(),r=i.box;["placement","reference-hidden","escaped"].forEach((function(t){if(t==="placement"){r.setAttribute("data-placement",n.placement)}else{if(n.attributes.popper["data-popper-"+t]){r.setAttribute("data-"+t,"")}else{r.removeAttribute("data-"+t)}}}));n.attributes.popper={}}}};var d=[{name:"offset",options:{offset:r}},{name:"preventOverflow",options:{padding:{top:2,bottom:2,left:5,right:5}}},{name:"flip",options:{padding:5}},{name:"computeStyles",options:{adaptive:!u}},c];if(Z()&&f){d.push({name:"arrow",options:{element:f,padding:3}})}d.push.apply(d,(n==null?void 0:n.modifiers)||[]);I.popperInstance=o(s,K,Object.assign({},n,{placement:i,onFirstUpdate:m,modifiers:d}))}function Wt(){if(I.popperInstance){I.popperInstance.destroy();I.popperInstance=null}}function Et(){var t=I.props.appendTo;var e;var n=tt();if(I.props.interactive&&t===p||t==="parent"){e=n.parentNode}else{e=b(t,[n])}if(!e.contains(K)){e.appendChild(K)}I.state.isMounted=true;At()}function Ht(){return j(K.querySelectorAll("[data-tippy-root]"))}function Ut(t){I.clearDelayTimeouts();if(t){st("onTrigger",[I,t])}mt();var e=it(true);var n=Q(),r=n[0],o=n[1];if(L.isTouch&&r==="hold"&&o){e=o}if(e){i=setTimeout((function(){I.show()}),e)}else{I.show()}}function Bt(t){I.clearDelayTimeouts();st("onUntrigger",[I,t]);if(!I.state.isVisible){bt();return}if(I.props.trigger.indexOf("mouseenter")>=0&&I.props.trigger.indexOf("click")>=0&&["mouseleave","mousemove"].indexOf(t.type)>=0&&u){return}var e=it(false);if(e){r=setTimeout((function(){if(I.state.isVisible){I.hide()}}),e)}else{a=requestAnimationFrame((function(){I.hide()}))}}function Dt(){I.state.isEnabled=true}function Ft(){I.hide();I.state.isEnabled=false}function Mt(){clearTimeout(i);clearTimeout(r);cancelAnimationFrame(a)}function Lt(e){if(I.state.isDestroyed){return}st("onBeforeUpdate",[I,e]);Ot();var n=I.props;var i=_(t,Object.assign({},n,k(e),{ignoreAttributes:true}));I.props=i;xt();if(n.interactiveDebounce!==i.interactiveDebounce){lt();C=y(kt,i.interactiveDebounce)}if(n.triggerTarget&&!i.triggerTarget){w(n.triggerTarget).forEach((function(t){t.removeAttribute("aria-expanded")}))}else if(i.triggerTarget){t.removeAttribute("aria-expanded")}dt();ot();if($){$(n,i)}if(I.popperInstance){At();Ht().forEach((function(t){requestAnimationFrame(t._tippy.popperInstance.forceUpdate)}))}st("onAfterUpdate",[I,e])}function Rt(t){I.setProps({content:t})}function qt(){var t=I.state.isVisible;var e=I.state.isDestroyed;var n=!I.state.isEnabled;var i=L.isTouch&&!I.props.touch;var r=h(I.props.duration,0,G.duration);if(t||e||n||i){return}if(tt().hasAttribute("disabled")){return}st("onShow",[I],false);if(I.props.onShow(I)===false){return}I.state.isVisible=true;if(Z()){K.style.visibility="visible"}ot();mt();if(!I.state.isMounted){K.style.transition="none"}if(Z()){var o=nt(),a=o.box,u=o.content;H([a,u],0)}m=function t(){var e;if(!I.state.isVisible||c){return}c=true;K.style.transition=I.props.moveTransition;if(Z()&&I.props.animation){var n=nt(),i=n.box,o=n.content;H([i,o],r);U([i,o],"visible")}ct();dt();T(ft,I);(e=I.popperInstance)==null?void 0:e.forceUpdate();st("onMount",[I]);if(I.props.animation&&Z()){gt(r,(function(){I.state.isShown=true;st("onShown",[I])}))}};Et()}function It(){var t=!I.state.isVisible;var e=I.state.isDestroyed;var n=!I.state.isEnabled;var i=h(I.props.duration,1,G.duration);if(t||e||n){return}st("onHide",[I],false);if(I.props.onHide(I)===false){return}I.state.isVisible=false;I.state.isShown=false;c=false;u=false;if(Z()){K.style.visibility="hidden"}lt();bt();ot(true);if(Z()){var r=nt(),o=r.box,a=r.content;if(I.props.animation){H([o,a],i);U([o,a],"hidden")}}ct();dt();if(I.props.animation){if(Z()){yt(i,I.unmount)}}else{I.unmount()}}function Nt(t){et().addEventListener("mousemove",C);T(ut,C);C(t)}function Kt(){if(I.state.isVisible){I.hide()}if(!I.state.isMounted){return}Wt();Ht().forEach((function(t){t._tippy.unmount()}));if(K.parentNode){K.parentNode.removeChild(K)}ft=ft.filter((function(t){return t!==I}));I.state.isMounted=false;st("onHidden",[I])}function $t(){if(I.state.isDestroyed){return}I.clearDelayTimeouts();I.unmount();Ot();delete t._tippy;I.state.isDestroyed=true;st("onDestroy",[I])}}function ct(t,e){if(e===void 0){e={}}var n=G.plugins.concat(e.plugins||[]);K();var i=Object.assign({},e,{plugins:n});var r=E(t);var o=r.reduce((function(t,e){var n=e&&st(e,i);if(n){t.push(n)}return t}),[]);return C(t)?o[0]:o}ct.defaultProps=G;ct.setDefaultProps=X;ct.currentInput=L;Object.assign({},r,{effect:function t(e){var n=e.state;var i={popper:{position:n.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(n.elements.popper.style,i.popper);n.styles=i;if(n.elements.arrow){Object.assign(n.elements.arrow.style,i.arrow)}}});ct.setDefaultProps({render:ot});const dt=":host{display:none}";const lt=dt;const vt=["WCS-BUTTON"];const pt=t(class t extends e{constructor(){super();this.__registerHost();this.__attachShadow();this.for=undefined;this.position="bottom";this.interactive=false;this.maxWidth=350;this.delay=0;this.duration=[300,250];this.trigger="mouseenter focus";this.theme="dark";this.content=undefined;this.appendTo=undefined}componentWillLoad(){this.forElement=document.getElementById(this.for);if(!this.forElement){console.error('[wcs-tooltip]: The element with the id provided in the "for" property does not exist');return}this.tippyInstance=ct(this.forElement,{appendTo:this.appendTo||(()=>document.body),theme:this.theme,allowHTML:true,content:this.getTooltipContentFromPropAndSlot(),maxWidth:this.maxWidth,placement:this.position,delay:this.delay,duration:this.duration,interactive:this.interactive,trigger:this.trigger,onShow:()=>this.onShow(),onHide:()=>this.onHide()})}onShow(){if(!this.forElement){return}if(this.forElement.tagName&&vt.indexOf(this.forElement.tagName)!==-1){if(u(this.forElement)){if(this.interactive){this.forElement.setAriaAttribute("aria-expanded","true")}}}}onHide(){if(!this.forElement){return}if(this.forElement.tagName&&vt.indexOf(this.forElement.tagName)!==-1){if(u(this.forElement)){if(this.interactive){this.forElement.setAriaAttribute("aria-expanded","false")}}}}async handleKeyDown(t){if(a(t)){if(this.tippyInstance.state.isShown){await this.hide()}}}getTooltipContentFromPropAndSlot(){if(this.content){return this.content+this.el.innerHTML}return this.el.innerHTML}updateProps(){var t;(t=this.tippyInstance)===null||t===void 0?void 0:t.setProps({interactive:this.interactive,placement:this.position,maxWidth:this.maxWidth,theme:this.theme,delay:this.delay,duration:this.duration,trigger:this.trigger})}updateTippyContent(){var t;(t=this.tippyInstance)===null||t===void 0?void 0:t.setProps({content:this.getTooltipContentFromPropAndSlot()})}async hide(){this.tippyInstance.hide()}async show(){this.tippyInstance.show()}async disable(){this.tippyInstance.disable()}async enable(){this.tippyInstance.enable()}disconnectedCallback(){var t;(t=this.tippyInstance)===null||t===void 0?void 0:t.destroy()}render(){return n(i,{key:"1176204e4bb1cb9d64ae9ec886723cbaa61186d3",role:"tooltip"},n("slot",{key:"ae9c0e875c10486f51796eca6cbb64efd16ae5f6",onSlotchange:t=>this.updateTippyContent()}))}get el(){return this}static get watchers(){return{interactive:["updateProps"],position:["updateProps"],maxWidth:["updateProps"],theme:["updateProps"],delay:["updateProps"],duration:["updateProps"],trigger:["updateProps"],content:["updateTippyContent"]}}static get style(){return lt}},[1,"wcs-tooltip",{for:[1],position:[513],interactive:[516],maxWidth:[8,"max-width"],delay:[2],duration:[2],trigger:[1],theme:[1],content:[1],appendTo:[1,"append-to"],hide:[64],show:[64],disable:[64],enable:[64]},[[8,"keydown","handleKeyDown"]],{interactive:["updateProps"],position:["updateProps"],maxWidth:["updateProps"],theme:["updateProps"],delay:["updateProps"],duration:["updateProps"],trigger:["updateProps"],content:["updateTippyContent"]}]);function ht(){if(typeof customElements==="undefined"){return}const t=["wcs-tooltip"];t.forEach((t=>{switch(t){case"wcs-tooltip":if(!customElements.get(t)){customElements.define(t,pt)}break}}))}ht();const mt=pt;const bt=ht;export{mt as WcsTooltip,bt as defineCustomElement};
 //# sourceMappingURL=wcs-tooltip.js.map

package/dist/cjs/alert-close-button-4435ed57.js

@@ -0,0 +1,10 @@
+'use strict';
+
+const index = require('./index-6f0140d8.js');
+
+const AlertCloseButton = ({ onClick }) => (index.h("wcs-button", { shape: "round", size: "s", mode: "clear", class: "close-button wcs-dark", "aria-label": "Fermer cette notification", onClick: onClick },
+    index.h("wcs-mat-icon", { icon: "close" })));
+
+exports.AlertCloseButton = AlertCloseButton;
+
+//# sourceMappingURL=alert-close-button-4435ed57.js.map

package/dist/cjs/alert-close-button-4435ed57.js.map

@@ -0,0 +1 @@
+{"file":"alert-close-button-4435ed57.js","mappings":";;;;MAEa,gBAAgB,GAExB,CAAC,EAAE,OAAO,EAAE,MACbA,wBACI,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,uBAAuB,gBAClB,2BAA2B,EACtC,OAAO,EAAE,OAAO;IAEhBA,0BAAc,IAAI,EAAC,OAAO,GAAgB,CACjC;;;;","names":["h"],"sources":["src/components/alert/alert-close-button.tsx"],"sourcesContent":["import { FunctionalComponent, h } from '@stencil/core';\n\nexport const AlertCloseButton: FunctionalComponent<{\n    onClick: (e: MouseEvent) => void;\n}> = ({ onClick }) => (\n    <wcs-button\n        shape=\"round\"\n        size=\"s\"\n        mode=\"clear\"\n        class=\"close-button wcs-dark\"\n        aria-label=\"Fermer cette notification\"\n        onClick={onClick}\n    >\n        <wcs-mat-icon icon=\"close\"></wcs-mat-icon>\n    </wcs-button>\n);\n"],"version":3}

package/dist/cjs/{com-nav-utils-ff4f0bef.js → com-nav-utils-e081e998.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const helpers = require('./helpers-2f1a8ddc.js');
+const helpers = require('./helpers-eaafd588.js');
 
 /**
  * This function add event handlers on the navigableItems list. The handlers call the function close() on the nodeName.
@@ -51,4 +51,4 @@ function comNavDidLoadWithResizeObserver(comNavElement) {
 exports.comNavDidLoadWithResizeObserver = comNavDidLoadWithResizeObserver;
 exports.registerCloseHandlerForFocusOutEventOn = registerCloseHandlerForFocusOutEventOn;
 
-//# sourceMappingURL=com-nav-utils-ff4f0bef.js.map
+//# sourceMappingURL=com-nav-utils-e081e998.js.map

package/dist/cjs/{com-nav-utils-ff4f0bef.js.map → com-nav-utils-e081e998.js.map}

@@ -1 +1 @@
-{"file":"com-nav-utils-ff4f0bef.js","mappings":";;;;AAKA;;;;;;;;SAQgB,sCAAsC,CAA+B,cAAmC,EAAE,eAAuB;IAC7I,cAAc,CAAC,OAAO,CAAC,aAAa;QAChC,aAAa,CAAC,gBAAgB,CAAC,UAAU,EAAE,CAAC,GAAe;YACvD,MAAM,oBAAoB,GAAG,GAAG,CAAC,aAA4B,CAAC;YAC9D,IAAI,CAAC,6BAA6B,CAAC,aAAa,EAAE,oBAAoB,CAAC,EAAE;gBACrE,MAAM,iBAAiB,GAAI,GAAa,CAAC,YAAY,EAAE,CAAC;gBACxD,IAAI,uCAAuC,CAAC,iBAAiB,EAAE,eAAe,CAAC,EAAE;oBAC5E,iBAAiB,CAAC,MAAM,CAAC,yBAAyB,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAkB,CAAC,KAAK,EAAE,CAAC;iBACrG;aACJ;SACJ,CAAC,CAAA;KACL,CAAC,CAAC;AACP,CAAC;AAED,SAAS,6BAA6B,CAAC,aAAsB,EAAE,OAAgB;IAC3E,OAAO,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AAC3C,CAAC;AAED,SAAS,yBAAyB,CAAC,QAAgB;IAC/C,OAAO,CAAC,IAAK,CAAiB,CAAC,QAAQ,KAAK,QAAQ,CAAC;AACzD,CAAC;AAED,SAAS,uCAAuC,CAAC,iBAAgC,EAAE,QAAgB;IAC/F,OAAO,iBAAiB,CAAC,GAAG,CAAC,CAAC,IAAK,CAAiB,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;AAC5F,CAAC;SAEe,+BAA+B,CAAC,aAAsD;IAClG,MAAM,eAAe,GAAGA,+BAAuB,CAAC,kCAAkC,CAAC,IAAI,OAAO,CAAC;IAC/F,MAAM,oBAAoB,GAAG,QAAQ,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;IAE3D,OAAO,IAAI,cAAc,CAAC,KAAK;QAC3B,MAAM,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC;QAChC,MAAM,YAAY,GAAG,EAAE,CAAC,KAAK,GAAG,EAAE,CAAC,KAAK,CAAC;QACzC,MAAM,WAAW,GAAG,EAAE,CAAC,IAAI,CAAC;QAC5B,IAAI,EAAE,CAAC,KAAK,IAAI,oBAAoB,IAAI,WAAW,GAAG,YAAY,CAAC,EAAE;YACjE,aAAa,CAAC,mBAAmB,GAAG,QAAQ,CAAC;SAChD;aAAM;YACH,aAAa,CAAC,mBAAmB,GAAG,SAAS,CAAC;SACjD;KACJ,CAAC,CAAC;AACP;;;;;","names":["getCssRootPropertyValue"],"sources":["src/components/com-nav/com-nav-utils.ts"],"sourcesContent":["import { getCssRootPropertyValue } from \"../../utils/helpers\";\nimport { ComNav } from \"./com-nav\";\nimport { ComNavSubmenu } from \"../com-nav-submenu/com-nav-submenu\";\nimport { ComNavCategory } from \"../com-nav-category/com-nav-category\";\n\n/**\n * This function add event handlers on the navigableItems list. The handlers call the function close() on the nodeName.\n *\n * T: type class of the nodeNameToClose param (must have a close function)\n *\n * @param navigableItems items on which focusout event listeners must be added\n * @param nodeNameToClose nodeName of the element we want to close in the event path\n */\nexport function registerCloseHandlerForFocusOutEventOn<T extends {close: () => any}>(navigableItems: NodeListOf<Element>, nodeNameToClose: string): void {\n    navigableItems.forEach(navigableItem => {\n        navigableItem.addEventListener(\"focusout\", (evt: FocusEvent) => {\n            const relatedTargetElement = evt.relatedTarget as HTMLElement;\n            if (!isElementChildOfNavigableItem(navigableItem, relatedTargetElement)) {\n                const eventComposedPath = (evt as Event).composedPath();\n                if (isEventThrownFromChildOfNodeNameToClose(eventComposedPath, nodeNameToClose)) {\n                    (eventComposedPath.filter(eventTargetNodeNameEquals(nodeNameToClose))[0] as unknown as T).close();\n                }\n            }\n        })\n    });\n}\n\nfunction isElementChildOfNavigableItem(navigableItem: Element, element: Element) {\n    return navigableItem.contains(element);\n}\n\nfunction eventTargetNodeNameEquals(nodeName: string) {\n    return x => (x as HTMLElement).nodeName === nodeName;\n}\n\nfunction isEventThrownFromChildOfNodeNameToClose(eventComposedPath: EventTarget[], nodeName: string) {\n    return eventComposedPath.map(x => (x as HTMLElement).nodeName).indexOf(nodeName) !== -1;\n}\n\nexport function comNavDidLoadWithResizeObserver(comNavElement: ComNav | ComNavSubmenu | ComNavCategory): ResizeObserver {\n    const smallBreakpoint = getCssRootPropertyValue('--wcs-phone-breakpoint-max-width') || '575px';\n    const smallBreakpointValue = parseInt(smallBreakpoint, 10);\n\n    return new ResizeObserver(entry => {\n        const cr = entry[0].contentRect;\n        const paddingRight = cr.right - cr.width;\n        const paddingLeft = cr.left;\n        if (cr.width <= smallBreakpointValue - (paddingLeft + paddingRight)) {\n            comNavElement.currentActiveSizing = 'mobile';\n        } else {\n            comNavElement.currentActiveSizing = 'desktop';\n        }\n    });\n}\n"],"version":3}
+{"file":"com-nav-utils-e081e998.js","mappings":";;;;AAKA;;;;;;;;SAQgB,sCAAsC,CAA+B,cAAmC,EAAE,eAAuB;IAC7I,cAAc,CAAC,OAAO,CAAC,aAAa;QAChC,aAAa,CAAC,gBAAgB,CAAC,UAAU,EAAE,CAAC,GAAe;YACvD,MAAM,oBAAoB,GAAG,GAAG,CAAC,aAA4B,CAAC;YAC9D,IAAI,CAAC,6BAA6B,CAAC,aAAa,EAAE,oBAAoB,CAAC,EAAE;gBACrE,MAAM,iBAAiB,GAAI,GAAa,CAAC,YAAY,EAAE,CAAC;gBACxD,IAAI,uCAAuC,CAAC,iBAAiB,EAAE,eAAe,CAAC,EAAE;oBAC5E,iBAAiB,CAAC,MAAM,CAAC,yBAAyB,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAkB,CAAC,KAAK,EAAE,CAAC;iBACrG;aACJ;SACJ,CAAC,CAAA;KACL,CAAC,CAAC;AACP,CAAC;AAED,SAAS,6BAA6B,CAAC,aAAsB,EAAE,OAAgB;IAC3E,OAAO,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AAC3C,CAAC;AAED,SAAS,yBAAyB,CAAC,QAAgB;IAC/C,OAAO,CAAC,IAAK,CAAiB,CAAC,QAAQ,KAAK,QAAQ,CAAC;AACzD,CAAC;AAED,SAAS,uCAAuC,CAAC,iBAAgC,EAAE,QAAgB;IAC/F,OAAO,iBAAiB,CAAC,GAAG,CAAC,CAAC,IAAK,CAAiB,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;AAC5F,CAAC;SAEe,+BAA+B,CAAC,aAAsD;IAClG,MAAM,eAAe,GAAGA,+BAAuB,CAAC,kCAAkC,CAAC,IAAI,OAAO,CAAC;IAC/F,MAAM,oBAAoB,GAAG,QAAQ,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;IAE3D,OAAO,IAAI,cAAc,CAAC,KAAK;QAC3B,MAAM,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC;QAChC,MAAM,YAAY,GAAG,EAAE,CAAC,KAAK,GAAG,EAAE,CAAC,KAAK,CAAC;QACzC,MAAM,WAAW,GAAG,EAAE,CAAC,IAAI,CAAC;QAC5B,IAAI,EAAE,CAAC,KAAK,IAAI,oBAAoB,IAAI,WAAW,GAAG,YAAY,CAAC,EAAE;YACjE,aAAa,CAAC,mBAAmB,GAAG,QAAQ,CAAC;SAChD;aAAM;YACH,aAAa,CAAC,mBAAmB,GAAG,SAAS,CAAC;SACjD;KACJ,CAAC,CAAC;AACP;;;;;","names":["getCssRootPropertyValue"],"sources":["src/components/com-nav/com-nav-utils.ts"],"sourcesContent":["import { getCssRootPropertyValue } from \"../../utils/helpers\";\nimport { ComNav } from \"./com-nav\";\nimport { ComNavSubmenu } from \"../com-nav-submenu/com-nav-submenu\";\nimport { ComNavCategory } from \"../com-nav-category/com-nav-category\";\n\n/**\n * This function add event handlers on the navigableItems list. The handlers call the function close() on the nodeName.\n *\n * T: type class of the nodeNameToClose param (must have a close function)\n *\n * @param navigableItems items on which focusout event listeners must be added\n * @param nodeNameToClose nodeName of the element we want to close in the event path\n */\nexport function registerCloseHandlerForFocusOutEventOn<T extends {close: () => any}>(navigableItems: NodeListOf<Element>, nodeNameToClose: string): void {\n    navigableItems.forEach(navigableItem => {\n        navigableItem.addEventListener(\"focusout\", (evt: FocusEvent) => {\n            const relatedTargetElement = evt.relatedTarget as HTMLElement;\n            if (!isElementChildOfNavigableItem(navigableItem, relatedTargetElement)) {\n                const eventComposedPath = (evt as Event).composedPath();\n                if (isEventThrownFromChildOfNodeNameToClose(eventComposedPath, nodeNameToClose)) {\n                    (eventComposedPath.filter(eventTargetNodeNameEquals(nodeNameToClose))[0] as unknown as T).close();\n                }\n            }\n        })\n    });\n}\n\nfunction isElementChildOfNavigableItem(navigableItem: Element, element: Element) {\n    return navigableItem.contains(element);\n}\n\nfunction eventTargetNodeNameEquals(nodeName: string) {\n    return x => (x as HTMLElement).nodeName === nodeName;\n}\n\nfunction isEventThrownFromChildOfNodeNameToClose(eventComposedPath: EventTarget[], nodeName: string) {\n    return eventComposedPath.map(x => (x as HTMLElement).nodeName).indexOf(nodeName) !== -1;\n}\n\nexport function comNavDidLoadWithResizeObserver(comNavElement: ComNav | ComNavSubmenu | ComNavCategory): ResizeObserver {\n    const smallBreakpoint = getCssRootPropertyValue('--wcs-phone-breakpoint-max-width') || '575px';\n    const smallBreakpointValue = parseInt(smallBreakpoint, 10);\n\n    return new ResizeObserver(entry => {\n        const cr = entry[0].contentRect;\n        const paddingRight = cr.right - cr.width;\n        const paddingLeft = cr.left;\n        if (cr.width <= smallBreakpointValue - (paddingLeft + paddingRight)) {\n            comNavElement.currentActiveSizing = 'mobile';\n        } else {\n            comNavElement.currentActiveSizing = 'desktop';\n        }\n    });\n}\n"],"version":3}

package/dist/cjs/{grid-pagination-ded127cc.js → grid-pagination-e92dca78.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-6f0140d8.js');
-const helpers = require('./helpers-2f1a8ddc.js');
+const helpers = require('./helpers-eaafd588.js');
 
 const getAccessibleName = (order, double) => {
     switch (order) {
@@ -45,7 +45,7 @@ const GridPaginationArrow = ({ active, order, double = false }) => (index.h("wcs
                 index.h("path", { d: "M0 0h24v24H0z", fill: "none" }))
             : '')));
 
-const gridPaginationCss = ":host{display:block;margin-top:var(--wcs-grid-pagination-margin-top);--wcs-grid-pagination-color:var(--wcs-semantic-color-text-primary);--wcs-grid-pagination-font-size:var(--wcs-semantic-font-size-label-2);--wcs-grid-pagination-font-weight:var(--wcs-semantic-font-weight-medium);--wcs-grid-pagination-gap:var(--wcs-semantic-spacing-base);--wcs-grid-pagination-page-size-gap:var(--wcs-semantic-spacing-base);--wcs-grid-pagination-counter-gap:var(--wcs-semantic-spacing-small);--wcs-grid-pagination-margin-top:var(--wcs-semantic-spacing-large);--wcs-grid-pagination-arrow-color-inactive:unset;--wcs-grid-pagination-arrow-color-active:unset;}.container{display:grid;gap:var(--wcs-grid-pagination-gap);grid-template-columns:auto auto auto;justify-content:space-between;align-items:center;color:var(--wcs-grid-pagination-color);font-size:var(--wcs-grid-pagination-font-size);font-weight:var(--wcs-grid-pagination-font-weight)}.available-page-sizes{width:auto}.page-management,.page-size,.items-count{display:flex;align-items:center}.page-size{gap:var(--wcs-grid-pagination-page-size-gap)}.page-management{margin:0;padding:0;list-style-type:none}.pagination-arrow{display:flex}.pagination-counter{padding:0 var(--wcs-grid-pagination-counter-gap)}.pagination-counter span{white-space:nowrap}wcs-select.available-page-sizes{--wcs-select-control-height:var(--wcs-semantic-size-s)}";
+const gridPaginationCss = ":host{display:block;margin-top:var(--wcs-grid-pagination-margin-top);--wcs-grid-pagination-color:var(--wcs-semantic-color-text-primary);--wcs-grid-pagination-font-size:var(--wcs-semantic-font-size-label-2);--wcs-grid-pagination-font-weight:var(--wcs-semantic-font-weight-medium);--wcs-grid-pagination-gap:var(--wcs-semantic-spacing-base);--wcs-grid-pagination-page-size-gap:var(--wcs-semantic-spacing-base);--wcs-grid-pagination-counter-gap:var(--wcs-semantic-spacing-small);--wcs-grid-pagination-margin-top:var(--wcs-semantic-spacing-large);--wcs-grid-pagination-arrow-color-inactive:unset;--wcs-grid-pagination-arrow-color-active:unset;}.container{display:grid;gap:var(--wcs-grid-pagination-gap);grid-template-columns:auto auto auto;justify-content:space-between;align-items:center;color:var(--wcs-grid-pagination-color);font-size:var(--wcs-grid-pagination-font-size);font-weight:var(--wcs-grid-pagination-font-weight)}.available-page-sizes{width:auto}.page-management,.page-size,.items-count{display:flex;align-items:center}.items-count p{margin:0}.page-size{gap:var(--wcs-grid-pagination-page-size-gap)}.page-management{margin:0;padding:0;list-style-type:none}.pagination-arrow{display:flex}.pagination-counter{padding:0 var(--wcs-grid-pagination-counter-gap)}.pagination-counter span{white-space:nowrap}wcs-select.available-page-sizes{--wcs-select-control-height:var(--wcs-semantic-size-s)}";
 const WcsGridPaginationStyle0 = gridPaginationCss;
 
 const GRID_PAGINATION_INHERITED_ATTRS = ['tabindex', 'title'];
@@ -130,7 +130,7 @@ const GridPagination = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '3efc96789e89f352f23038016baf6cbc232d6e0c', slot: "grid-pagination" }, index.h("div", { key: 'df2365f3367fe20bfb66f8b4969036a1662daef3', class: "container" }, index.h("div", { key: 'b700909bbdcef7087af7a7f5d624db07bf909315', class: "page-size" }, index.h("wcs-select", { key: 'bd9454c106da98c1dfbd7c5081f1bc2c564db2ae', placeholder: "El\u00E9ments par page", class: "available-page-sizes", "aria-labelledby": "elements-per-page-number elements-per-page-text", value: this.pageSize, onWcsChange: this.onChangePageSize.bind(this) }, this.availablePageSizes.map((pageSize) => index.h("wcs-select-option", { value: pageSize }, pageSize))), index.h("span", { key: '792711f34454bb10a42c44b7e13d03f8fbf4af74', id: "elements-per-page-number", hidden: true }, this.pageSize), index.h("span", { key: '00848f6a348aed84d37ebb19172e3d7818ba3c17', id: "elements-per-page-text" }, index.h("slot", { key: '21848ccaf60179a82c53916f8e438e8b63ebaf61', name: "elements-per-page-text" }, index.h("span", { key: '6bf5a0c3e6dc2bd81193e362abab61b7e165de54' }, " \u00E9l\u00E9ments par page")))), index.h("div", { key: 'ef6378352c7251430bb90540b28d52407b792b4d', class: "items-count" }, index.h("span", { key: 'a0f8ebf6564358233cf2683107d7a3af50bbd3e7' }, this.itemsCount, index.h("slot", { key: 'b0549af31d518ea3d748ba615c226d242aa1ea3e', name: "items-count-text" }, index.h("span", { key: 'b0266239fa9726005d9946ccedf59bfe26e030a3' }, " \u00E9l\u00E9ments")))), index.h("nav", Object.assign({ key: '43a87e737be4890ac0f4fcb8f76e56fc5a40a27d', "aria-label": "pagination", ref: (el) => (this.nativeNav = el) }, this.inheritedAttributes), index.h("ul", { key: '6e95be555deb6741ac851eaa0163483bd9a33e19', class: "page-management" }, index.h("li", { key: 'faab6e7ab55628be3b5bf4e61c559a67c6ea2a57', class: "pagination-arrow", onClick: this.firstPage.bind(this) }, index.h(GridPaginationArrow, { key: '699c51108204e3e13c408abb43ed59039b12cddb', active: this.canGoToPreviousPage(), order: "previous", double: true })), index.h("li", { key: '3e13d327cab3e2b4c54ad915e38c10effa852970', class: "pagination-arrow", onClick: this.previousPage.bind(this) }, index.h(GridPaginationArrow, { key: '5fbe8676685d367affe840948a4ae037e7e1b0d0', active: this.canGoToPreviousPage(), order: "previous" })), index.h("li", { key: '086fd79d45cc0d8c60cf53b9ae44015944341b95', class: "pagination-counter" }, index.h("span", { key: '9bd2e83985ae3b482830628ed9384c1583392f70', "aria-label": `Page ${this.currentPage + 1} sur ${this.pageCount}`, "aria-current": "page" }, this.currentPage + 1, " / ", this.pageCount)), index.h("li", { key: '6a61141774ba5ddc261e911945cbe71282c34793', class: "pagination-arrow", onClick: this.nextPage.bind(this) }, index.h(GridPaginationArrow, { key: '4c41d7cdce692495b67227f0bb24fd0b605998e0', active: this.canGoToNextPage(), order: "next" })), index.h("li", { key: 'c929ccd8c749763034a42a7006264747eed59b02', class: "pagination-arrow", onClick: this.lastPage.bind(this) }, index.h(GridPaginationArrow, { key: '184d97af95b7fad98617f7fb138463826f94c9a8', active: this.canGoToNextPage(), order: "next", double: true })))))));
+        return (index.h(index.Host, { key: '2b66040862ae88efc9c2fdf69f4b6398a1467765', slot: "grid-pagination" }, index.h("div", { key: '26ad3a0408a18669e6edef534de9056f6b7b438a', class: "container" }, index.h("div", { key: '7160d82226cbc902028d1ff3456e110ba1930907', class: "page-size" }, index.h("wcs-select", { key: '8eabadf8c1d750f47998ef8bc58764ec94ca8efc', placeholder: "El\u00E9ments par page", class: "available-page-sizes", "aria-labelledby": "elements-per-page-number elements-per-page-text", value: this.pageSize, onWcsChange: this.onChangePageSize.bind(this) }, this.availablePageSizes.map((pageSize) => index.h("wcs-select-option", { value: pageSize }, pageSize))), index.h("span", { key: 'a02dbcb0b3150112ce68697fa7e6e596613fdbbf', id: "elements-per-page-number", hidden: true }, this.pageSize), index.h("span", { key: '9e4676f3042fb8199a4ecb7ae9d49a492b22e6c6', id: "elements-per-page-text" }, index.h("slot", { key: '95635bcbe8251327916722cbac7da2d02192d00d', name: "elements-per-page-text" }, index.h("span", { key: '7e2ec062a42d983c0def5cbaf3799e37d51387b1' }, " \u00E9l\u00E9ments par page")))), index.h("div", { key: '06310a17ab65d3904715263b755d8293f60963bc', class: "items-count" }, index.h("p", { key: '8692ce9d64ef8af6eadea566367212d2f627e4a2' }, this.itemsCount, index.h("slot", { key: 'a449b2752bf712f34f2f4692331db98cac24e425', name: "items-count-text" }, index.h("span", { key: 'eb8f58c0b822fc56113f5674ec5f84d9ec9783fe' }, " \u00E9l\u00E9ments")))), index.h("nav", Object.assign({ key: '5cde096a375644a4a5282060006cddcf87cbee06', "aria-label": "pagination", ref: (el) => (this.nativeNav = el) }, this.inheritedAttributes), index.h("ul", { key: '1adac702212d51f51790fea4cc7fc237a90d2a1c', class: "page-management" }, index.h("li", { key: '9b11e07954ea7ee9a11f35acfcb634ce803c3ec3', class: "pagination-arrow", onClick: this.firstPage.bind(this) }, index.h(GridPaginationArrow, { key: '3ad79b51e5a21c91767d60c5d79016de378054c1', active: this.canGoToPreviousPage(), order: "previous", double: true })), index.h("li", { key: 'd8d56d81054b3487acc4aeabe7dca35e07004e8d', class: "pagination-arrow", onClick: this.previousPage.bind(this) }, index.h(GridPaginationArrow, { key: '47489f5211613cb9ff49a5f91cccd5baa2cd1b81', active: this.canGoToPreviousPage(), order: "previous" })), index.h("li", { key: '8bef90ad2eb8fca1161fdfead7193d64db263754', class: "pagination-counter" }, index.h("span", { key: '360f57f5ac09f4a86f2bb452651b2157f32fcaea', "aria-label": `Page ${this.currentPage + 1} sur ${this.pageCount}`, "aria-current": "page" }, this.currentPage + 1, " / ", this.pageCount)), index.h("li", { key: '31b214923f3e8c91b20948bd324e3ab9246df335', class: "pagination-arrow", onClick: this.nextPage.bind(this) }, index.h(GridPaginationArrow, { key: '03a73099f418ca3518bce9a19244d0ebf31c4b2c', active: this.canGoToNextPage(), order: "next" })), index.h("li", { key: '92f0c159253ec4a1d7337e87329d95cd15b280e4', class: "pagination-arrow", onClick: this.lastPage.bind(this) }, index.h(GridPaginationArrow, { key: '6c390af9e0b7a15e6f6fafaa6a6d62adda28b5b9', active: this.canGoToNextPage(), order: "next", double: true })))))));
     }
     get el() { return index.getElement(this); }
 };
@@ -139,4 +139,4 @@ GridPagination.style = WcsGridPaginationStyle0;
 
 exports.GridPagination = GridPagination;
 
-//# sourceMappingURL=grid-pagination-ded127cc.js.map
+//# sourceMappingURL=grid-pagination-e92dca78.js.map

package/dist/cjs/grid-pagination-e92dca78.js.map

@@ -0,0 +1 @@
+{"file":"grid-pagination-e92dca78.js","mappings":"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","names":["h","inheritAriaAttributes","inheritAttributes","setOrRemoveAttribute","Host"],"sources":["src/components/grid-pagination/grid-pagination-arrow.tsx","src/components/grid-pagination/grid-pagination.scss?tag=wcs-grid-pagination&encapsulation=shadow","src/components/grid-pagination/grid-pagination.tsx"],"sourcesContent":["import { FunctionalComponent, h } from '@stencil/core';\n\ninterface GridPaginationArrowProps {\n  active: boolean;\n  order: 'next' | 'previous';\n  double?: boolean;\n}\n\nconst getAccessibleName = (order: GridPaginationArrowProps['order'], double: GridPaginationArrowProps['double']): string => {\n  switch (order) {\n    case 'next':\n      return double ? 'Dernière page' : 'Page suivante';\n    case 'previous':\n    default:\n      return double ? 'Première page' : 'Page précédente';\n  }\n}\n\nexport const GridPaginationArrow: FunctionalComponent<GridPaginationArrowProps> = ({active, order, double = false}) => (\n  <wcs-button mode=\"clear\"\n              shape=\"square\"\n              size=\"s\"\n              disabled={!active}\n              title={getAccessibleName(order, double)}>\n    <svg style={{cursor: 'pointer'}}\n         aria-hidden=\"true\"\n         xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\">\n      <style type=\"text/css\">{`\n              .arrow-group {\n                  transform-origin: 50% 51%;\n                  transition: transform 175ms ease-in-out;\n              }\n              .arrow {\n                  transition: fill 175ms ease-in-out;\n                  fill: var(--wcs-grid-pagination-arrow-color-inactive, var(--wcs-button-color));\n              }\n              .second-arrow {\n                  transform: translateY(-8px);\n              }\n              .next {\n                  transform: rotate(90deg);\n              }\n              .previous {\n                  transform: rotate(-90deg);\n              }\n              .active {\n                  fill: var(--wcs-grid-pagination-arrow-color-active, var(--wcs-button-color));\n              }\n          `}</style>\n      <g fill=\"none\" class={order + ' arrow-group'}>\n        <path class={(active ? 'active' : '') + ' arrow'} d=\"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z\"/>\n        <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n      </g>\n      {\n        double ?\n          <g fill=\"none\" class={order + ' arrow-group'}>\n            <path class={(active ? 'active' : '') + ' arrow second-arrow'}\n                  d=\"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z\"/>\n            <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n          </g>\n          : ''\n      }\n    </svg>\n  </wcs-button>\n);\n","@import '../../style/focus-outline.scss';\n\n:host {\n    display: block;\n    margin-top: var(--wcs-grid-pagination-margin-top);\n\n    --wcs-grid-pagination-color: var(--wcs-semantic-color-text-primary);\n    --wcs-grid-pagination-font-size: var(--wcs-semantic-font-size-label-2);\n    --wcs-grid-pagination-font-weight: var(--wcs-semantic-font-weight-medium);\n\n    --wcs-grid-pagination-gap: var(--wcs-semantic-spacing-base);\n    --wcs-grid-pagination-page-size-gap: var(--wcs-semantic-spacing-base);\n    --wcs-grid-pagination-counter-gap: var(--wcs-semantic-spacing-small);\n    --wcs-grid-pagination-margin-top: var(--wcs-semantic-spacing-large);\n\n    --wcs-grid-pagination-arrow-color-inactive: unset; /* Optional : Overrides the fill property of the grid-pagination-arrow */\n    --wcs-grid-pagination-arrow-color-active: unset; /* Optional : Overrides the fill property of the grid-pagination-arrow */\n}\n\n.container {\n    display: grid;\n    gap: var(--wcs-grid-pagination-gap);\n    grid-template-columns: auto auto auto;\n    justify-content: space-between;\n    align-items: center;\n    color: var(--wcs-grid-pagination-color);\n    font-size: var(--wcs-grid-pagination-font-size);\n    font-weight: var(--wcs-grid-pagination-font-weight);\n}\n\n.available-page-sizes {\n    width: auto;\n}\n\n.page-management, .page-size, .items-count {\n    display: flex;\n    align-items: center;\n}\n\n.items-count p {\n    margin: 0;\n}\n\n.page-size {\n    gap: var(--wcs-grid-pagination-page-size-gap);\n}\n\n.page-management {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n}\n\n.pagination-arrow {\n    display: flex;\n}\n\n.pagination-counter {\n    padding: 0 var(--wcs-grid-pagination-counter-gap);\n\n    span {\n        white-space: nowrap;\n    }\n}\n\n/* TODO : Remove this when the select component will be able to handle the size S */\nwcs-select.available-page-sizes {\n    --wcs-select-control-height: var(--wcs-semantic-size-s);\n}\n","import {\n    Component,\n    ComponentInterface, Element,\n    Event, EventEmitter,\n    h,\n    Host, Method,\n    Prop\n} from '@stencil/core';\nimport {\n    WcsGridPaginationChangeEventDetails\n} from '../grid/grid-interface';\nimport { SelectChangeEventDetail } from '../select/select-interface';\nimport { GridPaginationArrow } from './grid-pagination-arrow';\nimport { AriaAttributeName, MutableAriaAttribute } from \"../../utils/mutable-aria-attribute\";\nimport { inheritAriaAttributes, inheritAttributes, setOrRemoveAttribute } from \"../../utils/helpers\";\n\nconst GRID_PAGINATION_INHERITED_ATTRS = ['tabindex', 'title'];\n\n/**\n * The grid pagination is a subcomponent of `wcs-grid`, slotted in `grid-pagination` under the `<table>` element.\n * \n * @cssprop --wcs-grid-pagination-color - Text color of the grid pagination\n * @cssprop --wcs-grid-pagination-font-size - Font-size of the grid pagination\n * @cssprop --wcs-grid-pagination-font-weight - Font-weight of the grid pagination\n * @cssprop --wcs-grid-pagination-gap - Gap between the page size, number of elements and page management\n * @cssprop --wcs-grid-pagination-page-size-gap - Gap between the select and the text within the page size container\n * @cssprop --wcs-grid-pagination-counter-gap - Gap within the page management counter\n * @cssprop --wcs-grid-pagination-margin-top - Margin between the grid and the pagination\n * @cssprop --wcs-grid-pagination-arrow-color-inactive - Color of the inactive arrow\n * @cssprop --wcs-grid-pagination-arrow-color-active - Color of the active arrow\n * \n * @slot elements-per-page-text - Text following the page size select. Default text is \" éléments par page\". You may want to add a non-breaking space before the text to separate it from the number.\n * @slot items-count-text - Text following the number of elements. Default text is \" éléments\". You may want to add a non-breaking space before the text to separate it from the number.\n */\n@Component({\n    tag: 'wcs-grid-pagination',\n    styleUrl: 'grid-pagination.scss',\n    shadow: true\n})\nexport class GridPagination implements ComponentInterface, MutableAriaAttribute {\n    @Element() private el!: HTMLElement;\n    private nativeNav!: HTMLElement;\n    private inheritedAttributes: { [k: string]: any } = {};\n    \n    static readonly INDEX_FIRST_PAGE: number = 0;\n    /**\n     * Set the available page sizes in the pagination dropdown on the left.\n     */\n    @Prop() availablePageSizes: number[] = [10, 20, 50];\n    /**\n     * The current page of the pagination. First page starts at index 0.\n     */\n    @Prop({mutable: true}) currentPage: number = GridPagination.INDEX_FIRST_PAGE;\n    /**\n     * Maximum number of elements shown per page.  \n     * Default is the first value of `availablePageSizes`.\n     */\n    @Prop() pageSize: number = this.availablePageSizes[0];\n    /**\n     * Total elements in the grid.  \n     * - **Grid in `Server mode`** : You have to set `itemsCount` = your total data length.  \n     * - **Grid not in Server mode** : Do not set it manually : itemsCount is set and updated every pagination refresh.\n     */\n    @Prop() itemsCount: number = 0;\n    /**\n     * Max number of pages.  \n     * - **Grid in `Server mode`** : You have to set `pageCount` = `itemsCount` divided by `pageSize`.  \n     * - **Grid not in Server mode** : Do not set it manually : pageCount is set and updated every pagination refresh.\n     */\n    @Prop() pageCount: number = 1;\n    /**\n     * Event emitted when the pagination changes.\n     */\n    @Event() wcsGridPaginationChange!: EventEmitter<WcsGridPaginationChangeEventDetails>;\n\n    componentWillLoad(): Promise<void> | void {\n        this.inheritedAttributes = {\n            ...inheritAriaAttributes(this.el),\n            ...inheritAttributes(this.el, GRID_PAGINATION_INHERITED_ATTRS),\n        };\n    }\n\n    @Method()\n    async setAriaAttribute(attr: AriaAttributeName, value: string | null | undefined) {\n        setOrRemoveAttribute(this.nativeNav, attr, value);\n    }\n    \n    private getWcsGrid(): HTMLWcsGridElement | undefined {\n        return this.el.parentElement.tagName === 'WCS-GRID' ? this.el.parentElement as HTMLWcsGridElement : undefined;\n    }\n\n    private lastPage(): void {\n        this.currentPage = this.pageCount - 1;\n        this.emitPaginationChange();\n        this.focusFirstGridCell();\n    }\n\n    private nextPage(): void {\n        if (this.canGoToNextPage()) {\n            this.currentPage++;\n            this.emitPaginationChange();\n            this.focusFirstGridCell();\n        }\n    }\n\n    private canGoToNextPage(): boolean {\n        return this.currentPage + 1 < this.pageCount;\n    }\n\n    private previousPage(): void {\n        if (this.canGoToPreviousPage()) {\n            this.currentPage--;\n            this.emitPaginationChange();\n            this.focusFirstGridCell();\n        }\n    }\n\n    private canGoToPreviousPage(): boolean {\n        return this.currentPage > 0;\n    }\n\n    private firstPage(): void {\n        this.currentPage = 0;\n        this.emitPaginationChange();\n        this.focusFirstGridCell();\n    }\n\n    private onChangePageSize(event: CustomEvent<SelectChangeEventDetail>): void {\n        this.pageSize = event.detail.value;\n        if (this.currentPage + 1 > this.pageSize) {\n            this.currentPage = 0;\n        }\n        this.emitPaginationChange();\n        this.focusFirstGridCell();\n    }\n\n    /**\n     * Move focus to the first grid cell after a pagination change\n     */\n    private focusFirstGridCell() {\n        const grid = this.getWcsGrid();\n        if (grid) {\n            requestAnimationFrame(() => {\n                this.el.blur();\n                grid.focusFirstCell();\n            })\n        }\n    }\n\n    private emitPaginationChange(): void {\n        this.wcsGridPaginationChange.emit({\n            pagination: {\n                currentPage: this.currentPage,\n                pageSize: this.pageSize,\n                itemsCount: this.itemsCount,\n                pageCount: this.pageCount\n            }\n        });\n    }\n\n    render(): any {\n        return (<Host slot=\"grid-pagination\">\n            <div class=\"container\">\n                <div class=\"page-size\">\n                    <wcs-select placeholder=\"Eléments par page\"\n                                class=\"available-page-sizes\"\n                                aria-labelledby=\"elements-per-page-number elements-per-page-text\"\n                                value={this.pageSize}\n                                onWcsChange={this.onChangePageSize.bind(this)}>\n                        {\n                            this.availablePageSizes.map((pageSize) =>\n                                <wcs-select-option value={pageSize}>{pageSize}</wcs-select-option>\n                            )\n                        }\n                    </wcs-select>\n                    <span id=\"elements-per-page-number\" hidden>{this.pageSize}</span>\n                    <span id=\"elements-per-page-text\">    \n                        <slot name=\"elements-per-page-text\">\n                            <span> éléments par page</span>\n                        </slot>\n                    </span>\n                </div>\n\n                <div class=\"items-count\">\n                    <p>{this.itemsCount}\n                        <slot name=\"items-count-text\">\n                            <span> éléments</span>\n                        </slot>\n                    </p>\n                </div>\n\n                <nav aria-label=\"pagination\" ref={(el) => (this.nativeNav = el)} {...this.inheritedAttributes}>\n                    <ul class=\"page-management\">\n                        <li class=\"pagination-arrow\" onClick={this.firstPage.bind(this)}>\n                            <GridPaginationArrow active={this.canGoToPreviousPage()} order=\"previous\" double></GridPaginationArrow>\n                        </li>\n                        <li class=\"pagination-arrow\" onClick={this.previousPage.bind(this)}>\n                            <GridPaginationArrow active={this.canGoToPreviousPage()} order=\"previous\"></GridPaginationArrow>\n                        </li>\n    \n                        <li class=\"pagination-counter\">\n                            <span aria-label={`Page ${this.currentPage + 1} sur ${this.pageCount}`} aria-current=\"page\">\n                                {this.currentPage + 1} / {this.pageCount}\n                            </span>\n                        </li>\n    \n                        <li class=\"pagination-arrow\" onClick={this.nextPage.bind(this)}>\n                            <GridPaginationArrow active={this.canGoToNextPage()} order=\"next\"></GridPaginationArrow>\n                        </li>\n                        <li class=\"pagination-arrow\" onClick={this.lastPage.bind(this)}>\n                            <GridPaginationArrow active={this.canGoToNextPage()} order=\"next\" double></GridPaginationArrow>\n                        </li>\n                    </ul>\n                </nav>\n            </div>\n        </Host>)\n    }\n}\n"],"version":3}

package/dist/cjs/{helpers-2f1a8ddc.js → helpers-eaafd588.js}

@@ -134,13 +134,6 @@ function setOrRemoveAttribute(el, attr, value) {
         }
     }
 }
-const findItemLabel = (componentEl) => {
-    const itemEl = componentEl.closest('wcs-form-field');
-    if (itemEl) {
-        return itemEl.querySelector('wcs-label');
-    }
-    return null;
-};
 /**
  * Given two lists of items, this function will return the items that were removed, kept, and added compared to the source list.
  * @param sourceList - The source list of items
@@ -270,7 +263,6 @@ exports.clickInsideElement = clickInsideElement;
 exports.clickTargetIsElementOrChildren = clickTargetIsElementOrChildren;
 exports.compareLists = compareLists;
 exports.debounceEvent = debounceEvent;
-exports.findItemLabel = findItemLabel;
 exports.generateUniqueId = generateUniqueId;
 exports.getCssRootPropertyValue = getCssRootPropertyValue;
 exports.hasShadowDom = hasShadowDom;
@@ -297,4 +289,4 @@ exports.parseCssTimeValueToMilliseconds = parseCssTimeValueToMilliseconds;
 exports.raf = raf;
 exports.setOrRemoveAttribute = setOrRemoveAttribute;
 
-//# sourceMappingURL=helpers-2f1a8ddc.js.map
+//# sourceMappingURL=helpers-eaafd588.js.map

package/dist/cjs/helpers-eaafd588.js.map

@@ -0,0 +1 @@
+{"file":"helpers-eaafd588.js","mappings":"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","names":[],"sources":["src/utils/helpers.ts"],"sourcesContent":["import { EventEmitter } from '@stencil/core';\n\nexport function isElement(element: any): element is Element {\n    return 'clientWidth' in element\n        && 'clientHeight' in element;\n}\n\nexport function hasShadowDom(el: HTMLElement) {\n    return !!el.shadowRoot && !!(el as any).attachShadow;\n}\n\nexport const debounceEvent = (event: EventEmitter, wait: number): EventEmitter => {\n    const original = (event as any)._original || event;\n    return {\n        _original: event,\n        emit: debounce(original.emit.bind(original), wait)\n    } as EventEmitter;\n};\n\nexport const debounce = (func: (...args: any[]) => void, wait = 0) => {\n    let timer: any;\n    return (...args: any[]): any => {\n        clearTimeout(timer);\n        timer = setTimeout(func, wait, ...args);\n    };\n};\n\n/**\n * Elements inside of web components sometimes need to inherit global attributes\n * set on the host. For example, the inner input in `wcs-input` should inherit\n * the `title` attribute that developers set directly on `wcs-input`. This\n * helper function should be called in componentWillLoad and assigned to a variable\n * that is later used in the render function.\n *\n * This does not need to be reactive as changing attributes on the host element\n * does not trigger a re-render.\n */\nexport const inheritAttributes = (el: HTMLElement, attributes: string[] = []) => {\n    const attributeObject: { [k: string]: any } = {};\n\n    attributes.forEach(attr => {\n        if (el.hasAttribute(attr)) {\n            const value = el.getAttribute(attr);\n            if (value !== null) {\n                attributeObject[attr] = el.getAttribute(attr);\n            }\n            el.removeAttribute(attr);\n        }\n    });\n\n    return attributeObject;\n}\n\n/**\n * List of available ARIA attributes + `role`.\n * Removed deprecated attributes.\n * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes\n */\nconst ariaAttributes = [\n    'role',\n    'aria-activedescendant',\n    'aria-atomic',\n    'aria-autocomplete',\n    'aria-braillelabel',\n    'aria-brailleroledescription',\n    'aria-busy',\n    'aria-checked',\n    'aria-colcount',\n    'aria-colindex',\n    'aria-colindextext',\n    'aria-colspan',\n    'aria-controls',\n    'aria-current',\n    'aria-describedby',\n    'aria-description',\n    'aria-details',\n    'aria-disabled',\n    'aria-errormessage',\n    'aria-expanded',\n    'aria-flowto',\n    'aria-haspopup',\n    'aria-hidden',\n    'aria-invalid',\n    'aria-keyshortcuts',\n    'aria-label',\n    'aria-labelledby',\n    'aria-level',\n    'aria-live',\n    'aria-multiline',\n    'aria-multiselectable',\n    'aria-orientation',\n    'aria-owns',\n    'aria-placeholder',\n    'aria-posinset',\n    'aria-pressed',\n    'aria-readonly',\n    'aria-relevant',\n    'aria-required',\n    'aria-roledescription',\n    'aria-rowcount',\n    'aria-rowindex',\n    'aria-rowindextext',\n    'aria-rowspan',\n    'aria-selected',\n    'aria-setsize',\n    'aria-sort',\n    'aria-valuemax',\n    'aria-valuemin',\n    'aria-valuenow',\n    'aria-valuetext',\n];\n\n/**\n * Returns an array of aria attributes that should be copied from\n * the shadow host element to a target within the light DOM.\n * @param el The element that the attributes should be copied from.\n * @param ignoreList The list of aria-attributes to ignore reflecting and removing from the host.\n * Use this in instances where we manually specify aria attributes on the `<Host>` element.\n */\nexport const inheritAriaAttributes = (el: HTMLElement, ignoreList?: string[]) => {\n    let attributesToInherit = ariaAttributes;\n    if (ignoreList && ignoreList.length > 0) {\n        attributesToInherit = attributesToInherit.filter((attr) => !ignoreList.includes(attr));\n    }\n    return inheritAttributes(el, attributesToInherit);\n};\n\n/**\n * Dynamically add or remove an attribute on the element.\n * If the value of the attribute is null or undefined, the attribute is removed.\n *\n * @param el - The HTMLElement\n * @param attr - The attribute to be added or removed\n * @param value - The value of the attribute\n */\nexport function setOrRemoveAttribute(el: HTMLElement, attr: string, value: string | null | undefined) {\n    if (el) {\n        if (value === undefined || value === null) {\n            el.removeAttribute(attr);\n        } else {\n            el.setAttribute(attr, value);\n        }\n    }\n}\n\nexport const findItemLabel = (componentEl: HTMLElement): HTMLWcsLabelElement | null => {\n    const itemEl = componentEl.closest('wcs-form-field');\n    if (itemEl) {\n        return itemEl.querySelector('wcs-label');\n    }\n    return null;\n};\n\n/**\n * Given two lists of items, this function will return the items that were removed, kept, and added compared to the source list.\n * @param sourceList - The source list of items\n * @param newList - The target list of items\n * @param compareFn - The function to compare the items\n */\nexport const compareLists: <T>(sourceList: T[], newList: T[], compareFn: (v1: T, v2: T) => boolean) => {\n    removed: T[];\n    kept: T[];\n    added: T[]\n} = <T>(sourceList: T[], newList: T[], compareFn: (v1: T, v2: T) => boolean) => {\n    const removed = sourceList.filter(val => !newList.some(newVal => compareFn(val, newVal)));\n    const kept = sourceList.filter(val => newList.some(newVal => compareFn(val, newVal)));\n    const added = newList.filter(val => !sourceList.some(sourceVal => compareFn(val, sourceVal)));\n\n    return { removed, kept, added };\n};\n\n/**\n * Normalizes whitespace by replacing multiple consecutive whitespace characters \n * with a single space and removes leading and trailing whitespace.\n * \n * @param content - String potentially containing multiple whitespace characters to normalize, if the content is null or undefined, it will return an empty string.\n * @returns Normalized string where sequences of whitespace are replaced by a single space.\n * \n * @example\n * normalizeWhitespace(\"  Text   with    spaces  \") // Returns \"Text with spaces\"\n */\nexport function normalizeWhitespace(content: string): string {\n    return content?.replace(/\\s+/g, ' ')?.trim() ?? '';\n}\n\ndeclare const __zone_symbol__requestAnimationFrame: any;\n\n/**\n * Patched version of requestAnimationFrame that avoids ngzone\n * Use only when you know ngzone should not run\n */\nexport const raf = (h: any) => {\n    if (typeof __zone_symbol__requestAnimationFrame === 'function') {\n        return __zone_symbol__requestAnimationFrame(h);\n    }\n    if (typeof requestAnimationFrame === 'function') {\n        return requestAnimationFrame(h);\n    }\n    return setTimeout(h);\n};\n\n/**\n * Return true if the mouseEvent click is inside the given HTML element\n */\nexport const clickInsideElement = (event: MouseEvent, element: HTMLElement): boolean => {\n    return event.x >= element.getBoundingClientRect().x && event.x <= element.getBoundingClientRect().x + element.getBoundingClientRect().width\n        && event.y >= element.getBoundingClientRect().y && event.y <= element.getBoundingClientRect().y + element.getBoundingClientRect().height;\n}\n\nexport const clickTargetIsElementOrChildren = (mouseEvent: MouseEvent, element: HTMLElement) => {\n    return mouseEvent.target instanceof Node\n        && element.contains(mouseEvent.target);\n}\n\nexport function generateUniqueId(componentName: string): string {\n    return componentName + \"-\" + Math.random().toString(36);\n}\n\n/**\n * `clientX` property doesn't exist on KeyboardEvent, we therefore deduce it's a MouseEvent.\n */\nexport function isMouseEvent(event: MouseEvent | KeyboardEvent): event is MouseEvent {\n    return 'clientX' in event;\n}\n\nexport function isKeyup(evt: KeyboardEvent) {\n    return evt.code === 'ArrowUp';\n}\n\nexport function isKeydown(evt: KeyboardEvent) {\n    return evt.code === 'ArrowDown';\n}\n\nexport function isEscapeKey(evt: KeyboardEvent) {\n    return evt.code === 'Escape';\n}\n\nexport function isSpaceKey(evt: KeyboardEvent) {\n    return evt.code === 'Space';\n}\n\nexport function isEnterKey(evt: KeyboardEvent) {\n    return evt.key === 'Enter';\n}\n\nexport function isHomeKey(evt: KeyboardEvent) {\n    return evt.code === 'Home';\n}\n\nexport function isEndKey(evt: KeyboardEvent) {\n    return evt.code === 'End';\n}\n\nexport function isUpArrowKey(evt: KeyboardEvent) {\n    return evt.key === 'ArrowUp';\n}\n\nexport function isDownArrowKey(evt: KeyboardEvent) {\n    return evt.key === 'ArrowDown';\n}\n\nexport function isLeftArrowKey(evt: KeyboardEvent) {\n    return evt.key === 'ArrowLeft';\n}\n\nexport function isRightArrowKey(evt: KeyboardEvent) {\n    return evt.key === 'ArrowRight';\n}\n\nexport function isPageDownKey(evt: KeyboardEvent) {\n    return evt.key === 'PageDown';\n}\n\nexport function isPageUpKey(evt: KeyboardEvent) {\n    return evt.key === 'PageUp';\n}\n\nexport function isTabKey(evt: KeyboardEvent) {\n    return evt.key === 'Tab';\n}\n\nexport function isCtrlA(evt: KeyboardEvent) {\n    return evt.key === 'a' && evt.ctrlKey;\n}\n\nexport function getCssRootPropertyValue(name: string): string | null {\n    return window.getComputedStyle(document.body).getPropertyValue(name) || null;\n}\n\n/**\n * Converts a CSS time value string (e.g., '150ms', '1.5s') into milliseconds\n * @param {string} timeValue - The CSS time value string\n * @returns {number} Time in milliseconds\n */\nexport function parseCssTimeValueToMilliseconds(timeValue: string): number {\n    if (!timeValue) return 0;\n\n    const TIME_REGEX = /^([\\d.]+)(?:(ms|s))?$/;\n\n    const trimmedValue = timeValue.trim();\n    if (!/^\\d/.test(trimmedValue)) return 0;\n\n    const match = TIME_REGEX.exec(trimmedValue);\n    if (!match) return 0;\n\n    const value = Number(match[1]);\n    if (!Number.isFinite(value)) return 0;\n\n    return match[2] === 's' ? value * 1000 : value;\n}\n"],"version":3}

package/dist/cjs/{keyboard-event-40ecdc27.js → keyboard-event-4890c60e.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const helpers = require('./helpers-2f1a8ddc.js');
+const helpers = require('./helpers-eaafd588.js');
 
 /**
  * Convert a {@link KeyboardEvent} into a {@link KeyboardShortcut}
@@ -77,4 +77,4 @@ function keyboardShortcutFromKeyboardEvent(event) {
 
 exports.keyboardShortcutFromKeyboardEvent = keyboardShortcutFromKeyboardEvent;
 
-//# sourceMappingURL=keyboard-event-40ecdc27.js.map
+//# sourceMappingURL=keyboard-event-4890c60e.js.map

package/dist/cjs/{keyboard-event-40ecdc27.js.map → keyboard-event-4890c60e.js.map}

@@ -1 +1 @@
-{"file":"keyboard-event-40ecdc27.js","mappings":";;;;AAmBA;;;;;SAKgB,iCAAiC,CAAC,KAAoB;IAClE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC;IAEtB,IAAI,KAAK,CAAC,QAAQ,EAAE;QAChB,QAAQ,GAAG;YACP,KAAK,GAAG;gBACJ,OAAO,WAAW,CAAC;YACvB,KAAK,KAAK;gBACN,OAAO,SAAS,CAAC;SACxB;KACJ;SAAM,IAAI,KAAK,CAAC,MAAM,EAAE;QACrB,QAAQ,GAAG;YACP,KAAK,WAAW;gBACZ,OAAO,gBAAgB,CAAC;YAC5B,KAAK,SAAS;gBACV,OAAO,cAAc,CAAC;SAC7B;KACJ;SAAM,IAAI,KAAK,CAAC,OAAO,EAAE;QACtB,IAAGA,iBAAS,CAAC,KAAK,CAAC,EAAE;YACjB,OAAO,WAAW,CAAC;SACtB;aAAM,IAAGC,gBAAQ,CAAC,KAAK,CAAC,EAAE;YACvB,OAAO,UAAU,CAAC;SACrB;aAAM,IAAI,GAAG,KAAK,GAAG,EAAE;YACpB,OAAO,QAAQ,CAAC;SACnB;KACJ;SAAM;QACH,QAAQ,GAAG;YACP,KAAK,WAAW;gBACZ,OAAO,YAAY,CAAC;YACxB,KAAK,SAAS;gBACV,OAAO,UAAU,CAAC;YACtB,KAAK,WAAW;gBACZ,OAAO,YAAY,CAAC;YACxB,KAAK,YAAY;gBACb,OAAO,aAAa,CAAC;SAC5B;QAED,IAAGD,iBAAS,CAAC,KAAK,CAAC,EAAE;YACjB,OAAO,MAAM,CAAC;SACjB;aAAM,IAAIC,gBAAQ,CAAC,KAAK,CAAC,EAAE;YACxB,OAAO,KAAK,CAAC;SAChB;aAAM,IAAGC,mBAAW,CAAC,KAAK,CAAC,EAAE;YAC1B,OAAO,SAAS,CAAC;SACpB;aAAM,IAAGC,qBAAa,CAAC,KAAK,CAAC,EAAE;YAC5B,OAAO,WAAW,CAAC;SACtB;aAAM,IAAGC,kBAAU,CAAC,KAAK,CAAC,EAAE;YACzB,OAAO,OAAO,CAAC;SAClB;aAAM,IAAGC,kBAAU,CAAC,KAAK,CAAC,EAAE;YACzB,OAAO,OAAO,CAAC;SAClB;aAAM,IAAGC,gBAAQ,CAAC,KAAK,CAAC,EAAE;YACvB,OAAO,KAAK,CAAC;SAChB;aAAM,IAAIC,mBAAW,CAAC,KAAK,CAAC,EAAE;YAC3B,OAAO,QAAQ,CAAC;SACnB;KACJ;IAED,OAAO,SAAS,CAAC;AACrB;;;;","names":["isHomeKey","isEndKey","isPageUpKey","isPageDownKey","isEnterKey","isSpaceKey","isTabKey","isEscapeKey"],"sources":["src/utils/keyboard-event.ts"],"sourcesContent":["import {\n    isEndKey,\n    isEnterKey,\n    isEscapeKey,\n    isHomeKey,\n    isPageDownKey,\n    isPageUpKey,\n    isSpaceKey,\n    isTabKey\n} from \"./helpers\";\n\ntype KeyboardShortcutCtrl = 'CTRL+A' | 'CTRL+HOME' | 'CTRL+END';\ntype KeyboardShortcutAlt = 'ALT+DOWN_ARROW' | 'ALT+UP_ARROW';\ntype KeyboardShortcutMaj = 'MAJ+TAB' | 'MAJ+SPACE';\ntype KeyboardShortcutDirectional = 'DOWN_ARROW' | 'UP_ARROW' | 'LEFT_ARROW' | 'RIGHT_ARROW';\ntype KeyboardShortcutOthers = 'HOME' | 'END' | 'PAGE_UP' | 'PAGE_DOWN' | 'ENTER' | 'SPACE' | 'TAB' | 'ESCAPE';\n\nexport type KeyboardShortcut = KeyboardShortcutCtrl | KeyboardShortcutAlt | KeyboardShortcutMaj | KeyboardShortcutDirectional | KeyboardShortcutOthers | 'UNKNOWN';\n\n/**\n * Convert a {@link KeyboardEvent} into a {@link KeyboardShortcut}\n * @param event - KeyboardEvent\n * @returns The corresponding {@link KeyboardShortcut}\n */\nexport function keyboardShortcutFromKeyboardEvent(event: KeyboardEvent): KeyboardShortcut {\n    const { key } = event;\n\n    if (event.shiftKey) {\n        switch (key) {\n            case ' ':\n                return 'MAJ+SPACE';\n            case 'Tab':\n                return 'MAJ+TAB';\n        }\n    } else if (event.altKey) {\n        switch (key) {\n            case 'ArrowDown':\n                return 'ALT+DOWN_ARROW';\n            case 'ArrowUp':\n                return 'ALT+UP_ARROW';\n        }\n    } else if (event.ctrlKey) {\n        if(isHomeKey(event)) {\n            return 'CTRL+HOME';\n        } else if(isEndKey(event)) {\n            return 'CTRL+END';\n        } else if (key === 'a') {\n            return 'CTRL+A';\n        }\n    } else {\n        switch (key) {\n            case 'ArrowDown':\n                return 'DOWN_ARROW';\n            case 'ArrowUp':\n                return 'UP_ARROW';\n            case 'ArrowLeft':\n                return 'LEFT_ARROW';\n            case 'ArrowRight':\n                return 'RIGHT_ARROW';\n        }\n\n        if(isHomeKey(event)) {\n            return 'HOME';\n        } else if (isEndKey(event)) {\n            return 'END';\n        } else if(isPageUpKey(event)) {\n            return 'PAGE_UP';\n        } else if(isPageDownKey(event)) {\n            return 'PAGE_DOWN';\n        } else if(isEnterKey(event)) {\n            return 'ENTER';\n        } else if(isSpaceKey(event)) {\n            return 'SPACE';\n        } else if(isTabKey(event)) {\n            return 'TAB';\n        } else if (isEscapeKey(event)) {\n            return 'ESCAPE';\n        }\n    }\n\n    return 'UNKNOWN';\n}\n"],"version":3}
+{"file":"keyboard-event-4890c60e.js","mappings":";;;;AAmBA;;;;;SAKgB,iCAAiC,CAAC,KAAoB;IAClE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC;IAEtB,IAAI,KAAK,CAAC,QAAQ,EAAE;QAChB,QAAQ,GAAG;YACP,KAAK,GAAG;gBACJ,OAAO,WAAW,CAAC;YACvB,KAAK,KAAK;gBACN,OAAO,SAAS,CAAC;SACxB;KACJ;SAAM,IAAI,KAAK,CAAC,MAAM,EAAE;QACrB,QAAQ,GAAG;YACP,KAAK,WAAW;gBACZ,OAAO,gBAAgB,CAAC;YAC5B,KAAK,SAAS;gBACV,OAAO,cAAc,CAAC;SAC7B;KACJ;SAAM,IAAI,KAAK,CAAC,OAAO,EAAE;QACtB,IAAGA,iBAAS,CAAC,KAAK,CAAC,EAAE;YACjB,OAAO,WAAW,CAAC;SACtB;aAAM,IAAGC,gBAAQ,CAAC,KAAK,CAAC,EAAE;YACvB,OAAO,UAAU,CAAC;SACrB;aAAM,IAAI,GAAG,KAAK,GAAG,EAAE;YACpB,OAAO,QAAQ,CAAC;SACnB;KACJ;SAAM;QACH,QAAQ,GAAG;YACP,KAAK,WAAW;gBACZ,OAAO,YAAY,CAAC;YACxB,KAAK,SAAS;gBACV,OAAO,UAAU,CAAC;YACtB,KAAK,WAAW;gBACZ,OAAO,YAAY,CAAC;YACxB,KAAK,YAAY;gBACb,OAAO,aAAa,CAAC;SAC5B;QAED,IAAGD,iBAAS,CAAC,KAAK,CAAC,EAAE;YACjB,OAAO,MAAM,CAAC;SACjB;aAAM,IAAIC,gBAAQ,CAAC,KAAK,CAAC,EAAE;YACxB,OAAO,KAAK,CAAC;SAChB;aAAM,IAAGC,mBAAW,CAAC,KAAK,CAAC,EAAE;YAC1B,OAAO,SAAS,CAAC;SACpB;aAAM,IAAGC,qBAAa,CAAC,KAAK,CAAC,EAAE;YAC5B,OAAO,WAAW,CAAC;SACtB;aAAM,IAAGC,kBAAU,CAAC,KAAK,CAAC,EAAE;YACzB,OAAO,OAAO,CAAC;SAClB;aAAM,IAAGC,kBAAU,CAAC,KAAK,CAAC,EAAE;YACzB,OAAO,OAAO,CAAC;SAClB;aAAM,IAAGC,gBAAQ,CAAC,KAAK,CAAC,EAAE;YACvB,OAAO,KAAK,CAAC;SAChB;aAAM,IAAIC,mBAAW,CAAC,KAAK,CAAC,EAAE;YAC3B,OAAO,QAAQ,CAAC;SACnB;KACJ;IAED,OAAO,SAAS,CAAC;AACrB;;;;","names":["isHomeKey","isEndKey","isPageUpKey","isPageDownKey","isEnterKey","isSpaceKey","isTabKey","isEscapeKey"],"sources":["src/utils/keyboard-event.ts"],"sourcesContent":["import {\n    isEndKey,\n    isEnterKey,\n    isEscapeKey,\n    isHomeKey,\n    isPageDownKey,\n    isPageUpKey,\n    isSpaceKey,\n    isTabKey\n} from \"./helpers\";\n\ntype KeyboardShortcutCtrl = 'CTRL+A' | 'CTRL+HOME' | 'CTRL+END';\ntype KeyboardShortcutAlt = 'ALT+DOWN_ARROW' | 'ALT+UP_ARROW';\ntype KeyboardShortcutMaj = 'MAJ+TAB' | 'MAJ+SPACE';\ntype KeyboardShortcutDirectional = 'DOWN_ARROW' | 'UP_ARROW' | 'LEFT_ARROW' | 'RIGHT_ARROW';\ntype KeyboardShortcutOthers = 'HOME' | 'END' | 'PAGE_UP' | 'PAGE_DOWN' | 'ENTER' | 'SPACE' | 'TAB' | 'ESCAPE';\n\nexport type KeyboardShortcut = KeyboardShortcutCtrl | KeyboardShortcutAlt | KeyboardShortcutMaj | KeyboardShortcutDirectional | KeyboardShortcutOthers | 'UNKNOWN';\n\n/**\n * Convert a {@link KeyboardEvent} into a {@link KeyboardShortcut}\n * @param event - KeyboardEvent\n * @returns The corresponding {@link KeyboardShortcut}\n */\nexport function keyboardShortcutFromKeyboardEvent(event: KeyboardEvent): KeyboardShortcut {\n    const { key } = event;\n\n    if (event.shiftKey) {\n        switch (key) {\n            case ' ':\n                return 'MAJ+SPACE';\n            case 'Tab':\n                return 'MAJ+TAB';\n        }\n    } else if (event.altKey) {\n        switch (key) {\n            case 'ArrowDown':\n                return 'ALT+DOWN_ARROW';\n            case 'ArrowUp':\n                return 'ALT+UP_ARROW';\n        }\n    } else if (event.ctrlKey) {\n        if(isHomeKey(event)) {\n            return 'CTRL+HOME';\n        } else if(isEndKey(event)) {\n            return 'CTRL+END';\n        } else if (key === 'a') {\n            return 'CTRL+A';\n        }\n    } else {\n        switch (key) {\n            case 'ArrowDown':\n                return 'DOWN_ARROW';\n            case 'ArrowUp':\n                return 'UP_ARROW';\n            case 'ArrowLeft':\n                return 'LEFT_ARROW';\n            case 'ArrowRight':\n                return 'RIGHT_ARROW';\n        }\n\n        if(isHomeKey(event)) {\n            return 'HOME';\n        } else if (isEndKey(event)) {\n            return 'END';\n        } else if(isPageUpKey(event)) {\n            return 'PAGE_UP';\n        } else if(isPageDownKey(event)) {\n            return 'PAGE_DOWN';\n        } else if(isEnterKey(event)) {\n            return 'ENTER';\n        } else if(isSpaceKey(event)) {\n            return 'SPACE';\n        } else if(isTabKey(event)) {\n            return 'TAB';\n        } else if (isEscapeKey(event)) {\n            return 'ESCAPE';\n        }\n    }\n\n    return 'UNKNOWN';\n}\n"],"version":3}