npm - wcs-core - Versions diffs - 7.5.1 → 7.7.0 - Mend

wcs-core 7.5.1 → 7.7.0

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

Files changed (768) hide show

package/bundle/wcs-header.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as e,H as t,h as a,c as s}from"./p-2bef72c7.js";import{i as r,a as c,s as o}from"./p-2e9b9605.js";const i=":host{--wcs-header-background-color:var(--wcs-semantic-color-background-surface-primary);--wcs-header-gap:var(--wcs-semantic-spacing-large);--wcs-header-height:calc(8 * var(--wcs-semantic-size-base));--wcs-header-logo-height:calc(4 * var(--wcs-semantic-size-base));--wcs-header-padding-horizontal:var(--wcs-semantic-spacing-large);--wcs-header-border-bottom:solid var(--wcs-semantic-border-width-default) var(--wcs-semantic-color-border-secondary);--wcs-header-title-color:var(--wcs-semantic-color-text-primary);--wcs-header-title-font-weight:var(--wcs-semantic-font-weight-medium);--wcs-header-title-font-size:var(--wcs-semantic-font-size-label-1)}header{border-bottom:var(--wcs-header-border-bottom);display:flex;align-items:center;box-sizing:border-box;z-index:1;background:var(--wcs-header-background-color);padding:0 var(--wcs-header-padding-horizontal);height:var(--wcs-header-height);gap:var(--wcs-header-gap)}::slotted(img){height:var(--wcs-header-logo-height)}::slotted(h1),::slotted(a){color:var(--wcs-header-title-color);margin:0;font-weight:var(--wcs-header-title-font-weight);font-size:var(--wcs-header-title-font-size);text-decoration:none}::slotted([slot=center]){flex:1;display:flex;justify-content:center;align-items:center}::slotted([slot=actions]){margin-left:auto}";const n=i;const d=[];const h=e(class e extends t{constructor(){super();this.__registerHost();this.__attachShadow();this.inheritedAttributes={}}componentWillLoad(){this.inheritedAttributes=Object.assign(Object.assign({},r(this.el)),c(this.el,d))}async setAriaAttribute(e,t){o(this.nativeHeader,e,t)}hostData(){return{slot:"header"}}__stencil_render(){return a("header",Object.assign({key:"110c72f1b40917efdaa2c864c61a8ee99e35ce38",role:"banner",ref:e=>this.nativeHeader=e},this.inheritedAttributes),a("slot",{key:"8a593fc8e96ea73573fae78d9107897dee680c87",name:"logo"}),a("slot",{key:"1fefec6eee8652ac531c450f15d70cf7ab8ba1c9",name:"title"}),a("slot",{key:"ef151920a52804693a99501ee62688036e7bcda8",name:"center"}),a("slot",{key:"9d817dd99f3edb3dbe4b5a4bced020c42b64a903",name:"actions"}))}get el(){return this}static get style(){return n}render(){return a(s,this.hostData(),this.__stencil_render())}},[1,"wcs-header",{setAriaAttribute:[64]}]);function l(){if(typeof customElements==="undefined"){return}const e=["wcs-header"];e.forEach((e=>{switch(e){case"wcs-header":if(!customElements.get(e)){customElements.define(e,h)}break}}))}const m=h;const w=l;export{m as WcsHeader,w as defineCustomElement};
+import{p as e,H as t,h as a,c as s}from"./p-2bef72c7.js";import{i as r,a as c,s as o}from"./p-53550684.js";const i=":host{--wcs-header-background-color:var(--wcs-semantic-color-background-surface-primary);--wcs-header-gap:var(--wcs-semantic-spacing-large);--wcs-header-height:calc(8 * var(--wcs-semantic-size-base));--wcs-header-logo-height:calc(4 * var(--wcs-semantic-size-base));--wcs-header-padding-horizontal:var(--wcs-semantic-spacing-large);--wcs-header-border-bottom:solid var(--wcs-semantic-border-width-default) var(--wcs-semantic-color-border-secondary);--wcs-header-title-color:var(--wcs-semantic-color-text-primary);--wcs-header-title-font-weight:var(--wcs-semantic-font-weight-medium);--wcs-header-title-font-size:var(--wcs-semantic-font-size-label-1)}header{border-bottom:var(--wcs-header-border-bottom);display:flex;align-items:center;box-sizing:border-box;z-index:1;background:var(--wcs-header-background-color);padding:0 var(--wcs-header-padding-horizontal);height:var(--wcs-header-height);gap:var(--wcs-header-gap)}::slotted(img){height:var(--wcs-header-logo-height)}::slotted(h1),::slotted(a){color:var(--wcs-header-title-color);margin:0;font-weight:var(--wcs-header-title-font-weight);font-size:var(--wcs-header-title-font-size);text-decoration:none}::slotted([slot=center]){flex:1;display:flex;justify-content:center;align-items:center}::slotted([slot=actions]){margin-left:auto}";const n=i;const d=[];const h=e(class e extends t{constructor(){super();this.__registerHost();this.__attachShadow();this.inheritedAttributes={}}componentWillLoad(){this.inheritedAttributes=Object.assign(Object.assign({},r(this.el)),c(this.el,d))}async setAriaAttribute(e,t){o(this.nativeHeader,e,t)}hostData(){return{slot:"header"}}__stencil_render(){return a("header",Object.assign({key:"7d05333cbba02a8fa94f6bcd3a6e129c612a5eab",role:"banner",ref:e=>this.nativeHeader=e},this.inheritedAttributes),a("slot",{key:"7f2796e1a5667d54d30c7da60f3a8d03d3a463b7",name:"logo"}),a("slot",{key:"fa547bcffaa627441a062c8bde97023c81704357",name:"title"}),a("slot",{key:"fcff0c217083dbc971dafe72065416bfb5ac5332",name:"center"}),a("slot",{key:"459692329e5c4eb786d9ee232821927867686b19",name:"actions"}))}get el(){return this}static get style(){return n}render(){return a(s,this.hostData(),this.__stencil_render())}},[1,"wcs-header",{setAriaAttribute:[64]}]);function l(){if(typeof customElements==="undefined"){return}const e=["wcs-header"];e.forEach((e=>{switch(e){case"wcs-header":if(!customElements.get(e)){customElements.define(e,h)}break}}))}const b=h;const m=l;export{b as WcsHeader,m as defineCustomElement};
 //# sourceMappingURL=wcs-header.js.map

package/bundle/wcs-hint.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as t,H as s,h as c,c as n}from"./p-2bef72c7.js";const e=":host{--wcs-hint-font-size-default:var(--wcs-semantic-font-size-caption-2);--wcs-hint-font-size-small:var(--wcs-semantic-font-size-caption-3);--wcs-hint-font-weight:var(--wcs-semantic-font-weight-book);--wcs-hint-color:var(--wcs-semantic-color-text-secondary);font-size:var(--wcs-hint-font-size-default);font-weight:var(--wcs-hint-font-weight);color:var(--wcs-hint-color)}:host([small]){font-size:var(--wcs-hint-font-size-small);font-weight:var(--wcs-hint-font-weight)}";const o=e;const i=t(class t extends s{constructor(){super();this.__registerHost();this.__attachShadow();this.small=false}render(){return c(n,{key:"e9b631d775aa7564172286a9ac280cffdc22aa24",slot:"messages"},c("slot",{key:"f8d4350acb11283861487cc1b3a5ba20c0674f82"}))}static get style(){return o}},[1,"wcs-hint",{small:[1540]}]);function a(){if(typeof customElements==="undefined"){return}const t=["wcs-hint"];t.forEach((t=>{switch(t){case"wcs-hint":if(!customElements.get(t)){customElements.define(t,i)}break}}))}const r=i;const f=a;export{r as WcsHint,f as defineCustomElement};
+import{p as t,H as s,h as e,c as n}from"./p-2bef72c7.js";const c=":host{--wcs-hint-font-size-default:var(--wcs-semantic-font-size-caption-2);--wcs-hint-font-size-small:var(--wcs-semantic-font-size-caption-3);--wcs-hint-font-weight:var(--wcs-semantic-font-weight-book);--wcs-hint-color:var(--wcs-semantic-color-text-secondary);font-size:var(--wcs-hint-font-size-default);font-weight:var(--wcs-hint-font-weight);color:var(--wcs-hint-color)}:host([small]){font-size:var(--wcs-hint-font-size-small);font-weight:var(--wcs-hint-font-weight)}";const o=c;const i=t(class t extends s{constructor(){super();this.__registerHost();this.__attachShadow();this.small=false}render(){return e(n,{key:"543a98e5e95618f1916dbe681e12d8fca7e2d8c9",slot:"messages"},e("slot",{key:"5d460b4dd0e7c6a22d42fa96de491cd0e2a4cc5f"}))}static get style(){return o}},[1,"wcs-hint",{small:[1540]}]);function a(){if(typeof customElements==="undefined"){return}const t=["wcs-hint"];t.forEach((t=>{switch(t){case"wcs-hint":if(!customElements.get(t)){customElements.define(t,i)}break}}))}const r=i;const f=a;export{r as WcsHint,f as defineCustomElement};
 //# sourceMappingURL=wcs-hint.js.map

package/bundle/wcs-horizontal-stepper.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as t,H as e,d as s,h as i,c as r}from"./p-2bef72c7.js";import{h as a}from"./p-d3404c52.js";import{d as n}from"./p-cdc6f6c2.js";import{d as o}from"./p-98bd8a96.js";import{d as c}from"./p-d23d7658.js";import{d as l}from"./p-c8b73e93.js";const d=({step:t,checkOnComplete:e,complete:s,passed:i,active:r,first:n,disable:o,onClick:c})=>{var l;return a("li",{role:"listitem",class:"graphic-step","data-first":n},n?null:a("wcs-progress-bar",{value:i?100:0,"aria-hidden":"true"}),a("wcs-button",{style:{backgroundColor:"white"},"aria-label":(l=t.ariaLabel)!==null&&l!==void 0?l:t.text,onClick:e=>c(t),ref:t=>{r?t.setAriaAttribute("aria-current","step"):t.setAriaAttribute("aria-current",null)},shape:"round",mode:(r||s)&&!t.disable?"plain":"stroked",disabled:o},h(t.button,e,s,r)))};const h=(t,e,s,i)=>{if(e&&s&&!i){return a("wcs-mat-icon",{size:"m",icon:"done",family:"outlined"})}switch(t.kind){case"Icon":return a("wcs-mat-icon",{size:"m",icon:t.iconName,family:t.family?t.family:"outlined"});case"Text":return t.text}};const p=":host{--wcs-horizontal-step-text-color-default:var(--wcs-semantic-color-text-secondary);--wcs-horizontal-step-text-color-active:var(--wcs-semantic-color-foreground-brand);--wcs-horizontal-step-text-color-disabled:var(--wcs-semantic-color-text-disabled);display:block}:host .steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;flex:1}:host .graphic-step{display:flex;position:relative;flex-direction:row;flex:1;align-items:center}:host .graphic-step wcs-button{z-index:1;mix-blend-mode:darken}:host .graphic-step[data-first]{flex:0}:host wcs-progress-bar{--wcs-progress-bar-border-radius:0;flex:1;margin:0 -1px}:host .label-container{justify-content:space-between;display:flex;flex-direction:row;margin-top:var(--wcs-semantic-spacing-base)}:host .label-container>*{width:100%;text-align:center;flex:1;color:var(--wcs-horizontal-step-text-color-default);font-weight:500}:host .label-container>*[data-disable]{color:var(--wcs-horizontal-step-text-color-disabled)}:host .label-container>*[data-current]{color:var(--wcs-horizontal-step-text-color-active)}:host .label-container>div[data-first]{margin-right:calc(var(--wcs-semantic-size-m, 40px) / 2);text-align:left;flex:0.5}:host .label-container>div[data-last]{margin-left:calc(var(--wcs-semantic-size-m, 40px) / 2);text-align:right;flex:0.5}";const u=p;const m=t(class t extends e{constructor(){super();this.__registerHost();this.__attachShadow();this.wcsHorizontalStepClick=s(this,"wcsHorizontalStepClick",7);this.currentStep=0;this.steps=undefined;this.mode="nonLinear";this.checkOnComplete=undefined;this.internalCurrentStepIndex=undefined}componentWillLoad(){this.internalCurrentStepIndex=this.currentStep;if(this.steps.length<1){throw new Error("You must add at least one step")}}onCurrentStepChange(t,e){if(this.internalCurrentStepIndex!==undefined){const s=Math.abs(e-t);this.el.style.setProperty("--wcs-progress-bar-animation-duration",350/s+"ms");if(t!==e){for(let i=0;i<s;i++){setTimeout((()=>{this.internalCurrentStepIndex-=e-t>0?1:-1;if(i===s-1){this.el.style.removeProperty("--wcs-progress-bar-animation-duration")}}),i*(375/s))}}}}async previous(){this.navigateToIndex(this.internalCurrentStepIndex-1,"backward")}async next(){this.navigateToIndex(this.internalCurrentStepIndex+1,"forward")}navigateToIndex(t,e){var s,i;if(t>=0&&t<=this.steps.length-1){if(((s=this.steps[t])===null||s===void 0?void 0:s.complete)||((i=this.steps[t])===null||i===void 0?void 0:i.disable)){this.navigateToIndex(t+(e==="forward"?1:-1),e)}else{this.currentStep=t}}}render(){return i(r,{key:"72063828a00d77fc1bc2a92de8979d096b806786"},i("ul",{key:"a5b2de6193a68b6b70b0857d1c50ed1c5c069863",role:"list",class:"steps"},this.steps.map(((t,e)=>i(d,{step:t,passed:e<=this.internalCurrentStepIndex,checkOnComplete:this.checkOnComplete,complete:this.isComplete(t,e),active:e===this.internalCurrentStepIndex,first:e===0,disable:this.isDisable(t,e),onClick:t=>this.wcsHorizontalStepClick.emit({step:t,index:e})})))),this.renderLabels())}isComplete(t,e){return e<=this.internalCurrentStepIndex||t.complete}renderLabels(){if(this.steps.map((t=>t.text)).every((t=>!t))){return null}else{return i("div",{class:"label-container","aria-hidden":"true"},this.steps.map(((t,e)=>i("div",{"data-first":e===0,"data-current":e===this.internalCurrentStepIndex&&!t.disable,"data-disable":this.isDisable(t,e),"data-last":e===this.steps.length-1},i("span",null,t.text)))))}}isDisable(t,e){return t.disable||this.mode==="linear"&&(!this.isNextPossibleStep(e)&&this.internalCurrentStepIndex<e)}isNextPossibleStep(t){var e;if(t===0)return true;if(((e=this.steps[t-1])===null||e===void 0?void 0:e.disable)||this.previousStepIsCompleteAndNotActive(t))return this.isNextPossibleStep(t-1);return this.internalCurrentStepIndex===t-1}previousStepIsCompleteAndNotActive(t){var e;return((e=this.steps[t-1])===null||e===void 0?void 0:e.complete)&&t-1!==this.internalCurrentStepIndex}get el(){return this}static get watchers(){return{currentStep:["onCurrentStepChange"]}}static get style(){return u}},[1,"wcs-horizontal-stepper",{currentStep:[1026,"current-step"],steps:[16],mode:[1],checkOnComplete:[516,"check-on-complete"],internalCurrentStepIndex:[32],previous:[64],next:[64]},undefined,{currentStep:["onCurrentStepChange"]}]);function f(){if(typeof customElements==="undefined"){return}const t=["wcs-horizontal-stepper","wcs-button","wcs-mat-icon","wcs-progress-bar","wcs-spinner"];t.forEach((t=>{switch(t){case"wcs-horizontal-stepper":if(!customElements.get(t)){customElements.define(t,m)}break;case"wcs-button":if(!customElements.get(t)){n()}break;case"wcs-mat-icon":if(!customElements.get(t)){o()}break;case"wcs-progress-bar":if(!customElements.get(t)){c()}break;case"wcs-spinner":if(!customElements.get(t)){l()}break}}))}const b=m;const w=f;export{b as WcsHorizontalStepper,w as defineCustomElement};
+import{p as t,H as e,d as s,h as i,c as r}from"./p-2bef72c7.js";import{h as a}from"./p-d3404c52.js";import{d as n}from"./p-c13e9bb6.js";import{d as o}from"./p-95eb2e54.js";import{d as c}from"./p-886109ed.js";import{d as l}from"./p-d7d1ea63.js";const d=({step:t,checkOnComplete:e,complete:s,passed:i,active:r,first:n,disable:o,onClick:c})=>{var l;return a("li",{role:"listitem",class:"graphic-step","data-first":n},n?null:a("wcs-progress-bar",{value:i?100:0,"aria-hidden":"true"}),a("wcs-button",{style:{backgroundColor:"white"},"aria-label":(l=t.ariaLabel)!==null&&l!==void 0?l:t.text,onClick:e=>c(t),ref:t=>{r?t.setAriaAttribute("aria-current","step"):t.setAriaAttribute("aria-current",null)},shape:"round",mode:(r||s)&&!t.disable?"plain":"stroked",disabled:o},h(t.button,e,s,r)))};const h=(t,e,s,i)=>{if(e&&s&&!i){return a("wcs-mat-icon",{size:"m",icon:"done",family:"outlined"})}switch(t.kind){case"Icon":return a("wcs-mat-icon",{size:"m",icon:t.iconName,family:t.family?t.family:"outlined"});case"Text":return t.text}};const p=":host{--wcs-horizontal-step-text-color-default:var(--wcs-semantic-color-text-secondary);--wcs-horizontal-step-text-color-active:var(--wcs-semantic-color-foreground-brand);--wcs-horizontal-step-text-color-disabled:var(--wcs-semantic-color-text-disabled);display:block}:host .steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;flex:1}:host .graphic-step{display:flex;position:relative;flex-direction:row;flex:1;align-items:center}:host .graphic-step wcs-button{z-index:1;mix-blend-mode:darken}:host .graphic-step[data-first]{flex:0}:host wcs-progress-bar{--wcs-progress-bar-border-radius:0;flex:1;margin:0 -1px}:host .label-container{justify-content:space-between;display:flex;flex-direction:row;margin-top:var(--wcs-semantic-spacing-base)}:host .label-container>*{width:100%;text-align:center;flex:1;color:var(--wcs-horizontal-step-text-color-default);font-weight:500}:host .label-container>*[data-disable]{color:var(--wcs-horizontal-step-text-color-disabled)}:host .label-container>*[data-current]{color:var(--wcs-horizontal-step-text-color-active)}:host .label-container>div[data-first]{margin-right:calc(var(--wcs-semantic-size-m, 40px) / 2);text-align:left;flex:0.5}:host .label-container>div[data-last]{margin-left:calc(var(--wcs-semantic-size-m, 40px) / 2);text-align:right;flex:0.5}";const u=p;const f=t(class t extends e{constructor(){super();this.__registerHost();this.__attachShadow();this.wcsHorizontalStepClick=s(this,"wcsHorizontalStepClick",7);this.currentStep=0;this.steps=undefined;this.mode="nonLinear";this.checkOnComplete=undefined;this.internalCurrentStepIndex=undefined}componentWillLoad(){this.internalCurrentStepIndex=this.currentStep;if(this.steps.length<1){throw new Error("You must add at least one step")}}onCurrentStepChange(t,e){if(this.internalCurrentStepIndex!==undefined){const s=Math.abs(e-t);this.el.style.setProperty("--wcs-progress-bar-animation-duration",350/s+"ms");if(t!==e){for(let i=0;i<s;i++){setTimeout((()=>{this.internalCurrentStepIndex-=e-t>0?1:-1;if(i===s-1){this.el.style.removeProperty("--wcs-progress-bar-animation-duration")}}),i*(375/s))}}}}async previous(){this.navigateToIndex(this.internalCurrentStepIndex-1,"backward")}async next(){this.navigateToIndex(this.internalCurrentStepIndex+1,"forward")}navigateToIndex(t,e){var s,i;if(t>=0&&t<=this.steps.length-1){if(((s=this.steps[t])===null||s===void 0?void 0:s.complete)||((i=this.steps[t])===null||i===void 0?void 0:i.disable)){this.navigateToIndex(t+(e==="forward"?1:-1),e)}else{this.currentStep=t}}}render(){return i(r,{key:"b395a8e5c504ac8732384c0b05d49ad0dc5876aa"},i("ul",{key:"158b7501687c4063e8a0f57d28b26fbd9ad5fa2f",role:"list",class:"steps"},this.steps.map(((t,e)=>i(d,{step:t,passed:e<=this.internalCurrentStepIndex,checkOnComplete:this.checkOnComplete,complete:this.isComplete(t,e),active:e===this.internalCurrentStepIndex,first:e===0,disable:this.isDisable(t,e),onClick:t=>this.wcsHorizontalStepClick.emit({step:t,index:e})})))),this.renderLabels())}isComplete(t,e){return e<=this.internalCurrentStepIndex||t.complete}renderLabels(){if(this.steps.map((t=>t.text)).every((t=>!t))){return null}else{return i("div",{class:"label-container","aria-hidden":"true"},this.steps.map(((t,e)=>i("div",{"data-first":e===0,"data-current":e===this.internalCurrentStepIndex&&!t.disable,"data-disable":this.isDisable(t,e),"data-last":e===this.steps.length-1},i("span",null,t.text)))))}}isDisable(t,e){return t.disable||this.mode==="linear"&&(!this.isNextPossibleStep(e)&&this.internalCurrentStepIndex<e)}isNextPossibleStep(t){var e;if(t===0)return true;if(((e=this.steps[t-1])===null||e===void 0?void 0:e.disable)||this.previousStepIsCompleteAndNotActive(t))return this.isNextPossibleStep(t-1);return this.internalCurrentStepIndex===t-1}previousStepIsCompleteAndNotActive(t){var e;return((e=this.steps[t-1])===null||e===void 0?void 0:e.complete)&&t-1!==this.internalCurrentStepIndex}get el(){return this}static get watchers(){return{currentStep:["onCurrentStepChange"]}}static get style(){return u}},[1,"wcs-horizontal-stepper",{currentStep:[1026,"current-step"],steps:[16],mode:[1],checkOnComplete:[516,"check-on-complete"],internalCurrentStepIndex:[32],previous:[64],next:[64]},undefined,{currentStep:["onCurrentStepChange"]}]);function m(){if(typeof customElements==="undefined"){return}const t=["wcs-horizontal-stepper","wcs-button","wcs-mat-icon","wcs-progress-bar","wcs-spinner"];t.forEach((t=>{switch(t){case"wcs-horizontal-stepper":if(!customElements.get(t)){customElements.define(t,f)}break;case"wcs-button":if(!customElements.get(t)){n()}break;case"wcs-mat-icon":if(!customElements.get(t)){o()}break;case"wcs-progress-bar":if(!customElements.get(t)){c()}break;case"wcs-spinner":if(!customElements.get(t)){l()}break}}))}const b=f;const w=m;export{b as WcsHorizontalStepper,w as defineCustomElement};
 //# sourceMappingURL=wcs-horizontal-stepper.js.map

package/bundle/wcs-icon.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as t,H as s,h as e}from"./p-2bef72c7.js";import{i,a as n,s as c}from"./p-2e9b9605.js";const o=["title"];const r=t(class t extends s{constructor(){super();this.__registerHost();this.inheritedAttributes={};this.icon=undefined;this.size=undefined}componentWillLoad(){this.inheritedAttributes=Object.assign(Object.assign({},i(this.el)),n(this.el,o))}async setAriaAttribute(t,s){c(this.nativeIcon,t,s)}render(){const t={class:{[`icons-${this.icon}`]:true,[`icons-size-${this.size}`]:true}};return e("i",Object.assign({key:"429ebd8357f8097d812e43f9bda0921323f7b981"},t,{ref:t=>this.nativeIcon=t},this.inheritedAttributes))}get el(){return this}},[0,"wcs-icon",{icon:[1],size:[1],setAriaAttribute:[64]}]);function u(){if(typeof customElements==="undefined"){return}const t=["wcs-icon"];t.forEach((t=>{switch(t){case"wcs-icon":if(!customElements.get(t)){customElements.define(t,r)}break}}))}const a=r;const f=u;export{a as WcsIcon,f as defineCustomElement};
+import{p as t,H as s,h as e}from"./p-2bef72c7.js";import{i,a as c,s as n}from"./p-53550684.js";const o=["title"];const r=t(class t extends s{constructor(){super();this.__registerHost();this.inheritedAttributes={};this.icon=undefined;this.size=undefined}componentWillLoad(){this.inheritedAttributes=Object.assign(Object.assign({},i(this.el)),c(this.el,o))}async setAriaAttribute(t,s){n(this.nativeIcon,t,s)}render(){const t={class:{[`icons-${this.icon}`]:true,[`icons-size-${this.size}`]:true}};return e("i",Object.assign({key:"d12fcb5beb00093de33123442fb94c33dbab957a"},t,{ref:t=>this.nativeIcon=t},this.inheritedAttributes))}get el(){return this}},[0,"wcs-icon",{icon:[1],size:[1],setAriaAttribute:[64]}]);function u(){if(typeof customElements==="undefined"){return}const t=["wcs-icon"];t.forEach((t=>{switch(t){case"wcs-icon":if(!customElements.get(t)){customElements.define(t,r)}break}}))}const a=r;const h=u;export{a as WcsIcon,h as defineCustomElement};
 //# sourceMappingURL=wcs-icon.js.map

package/bundle/wcs-input.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as t,H as s,d as i,h as e,c as o}from"./p-2bef72c7.js";import{m as r,i as n,a,s as c,n as d}from"./p-2e9b9605.js";import{d as l}from"./p-98bd8a96.js";const u=":host{--wcs-input-icon-color-default:var(--wcs-semantic-color-foreground-brand);--wcs-input-icon-color-focus:var(--wcs-semantic-color-foreground-brand);--wcs-input-icon-color-disabled:var(--wcs-semantic-color-foreground-disabled);--wcs-input-background-color:var(--wcs-semantic-color-background-control-default);--wcs-input-border-radius-left:var(--wcs-semantic-border-radius-base);--wcs-input-border-radius-right:var(--wcs-semantic-border-radius-base);--wcs-input-border-width:var(--wcs-semantic-border-width-default);--wcs-input-border-width-focus:var(--wcs-semantic-border-width-large);--wcs-input-height-l:var(--wcs-semantic-size-l);--wcs-input-height-m:var(--wcs-semantic-size-m);--wcs-input-height-s:var(--wcs-semantic-size-s);--wcs-input-font-size-l:var(--wcs-semantic-font-size-l);--wcs-input-font-size-m:var(--wcs-semantic-font-size-m);--wcs-input-font-size-s:var(--wcs-semantic-font-size-s);--wcs-input-prefix-suffix-background-color:var(--wcs-semantic-color-background-surface-accent-lighter);--wcs-input-prefix-suffix-color:var(--wcs-semantic-color-foreground-on-accent);--wcs-input-prefix-suffix-color-disabled:var(--wcs-semantic-color-text-disabled);--wcs-input-prefix-suffix-font-weight:var(--wcs-semantic-font-weight-medium);--wcs-input-border-style-default:solid;--wcs-input-border-style-focus:var(--wcs-semantic-border-style-focus-control);--wcs-input-border-color-default:var(--wcs-semantic-color-border-primary);--wcs-input-border-color-disabled:var(--wcs-semantic-color-border-disabled);--wcs-input-border-color-focus:var(--wcs-semantic-color-border-control-focus);--wcs-input-reveal-password-button-border-color-focus:var(--wcs-semantic-color-border-focus-base);--wcs-input-border-color-error:var(--wcs-semantic-color-border-critical);--wcs-input-value-color:var(--wcs-semantic-color-text-primary);--wcs-input-value-font-weight:var(--wcs-semantic-font-weight-medium);--wcs-input-placeholder-color:var(--wcs-semantic-color-text-tertiary);--wcs-input-placeholder-font-weight:var(--wcs-semantic-font-weight-roman);--wcs-input-placeholder-font-style:var(--wcs-semantic-font-style-control-placeholder);--wcs-input-text-color-disabled:var(--wcs-semantic-color-text-disabled);--wcs-input-min-height:var(--wcs-semantic-size-s);--wcs-input-padding-horizontal-s:calc(1.5 * var(--wcs-semantic-spacing-base));--wcs-input-padding-horizontal-m:var(--wcs-semantic-spacing-large);--wcs-input-padding-horizontal-l:var(--wcs-semantic-spacing-large);--wcs-input-gap:var(--wcs-semantic-spacing-base);--wcs-input-host-height:var(--wcs-input-height-m);--wcs-input-font-size:var(--wcs-input-font-size-m);padding-left:calc(var(--wcs-input-padding-horizontal-m));padding-right:calc(var(--wcs-input-padding-horizontal-m));display:flex;width:100%;height:var(--wcs-input-host-height);box-sizing:border-box;border-radius:var(--wcs-input-border-radius-left) var(--wcs-input-border-radius-right) var(--wcs-input-border-radius-right) var(--wcs-input-border-radius-left);background-color:var(--wcs-input-background-color);outline:var(--wcs-input-border-style-default) var(--wcs-input-border-width) var(--wcs-input-border-color-default);outline-offset:calc(var(--wcs-input-border-width) * -1);background-clip:padding-box;gap:var(--wcs-input-gap)}:host input{overflow:hidden;height:var(--wcs-input-host-height);width:100%;padding:0;background-color:transparent;font-family:var(--wcs-font-sans-serif);color:var(--wcs-input-value-color);font-weight:var(--wcs-input-value-font-weight) !important;border:none;font-size:var(--wcs-input-font-size, 1rem);line-height:1.5}:host input::placeholder{color:var(--wcs-input-placeholder-color);opacity:1;font-weight:var(--wcs-input-placeholder-font-weight);font-style:var(--wcs-input-placeholder-font-style)}:host input:focus{box-shadow:none;outline:0}:host button.toggle_password{background:transparent;border:none;color:inherit;cursor:pointer}:host button.toggle_password:focus-visible{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-input-reveal-password-button-border-color-focus);outline-offset:calc(-2 * var(--wcs-input-border-width-focus));border-radius:0.1rem}:host .prefix,:host .suffix{color:var(--wcs-input-prefix-suffix-color);display:flex;white-space:nowrap;align-items:center;font-size:var(--wcs-input-font-size, 1rem);padding:0 calc(var(--wcs-input-padding-horizontal-m) / 2);font-weight:var(--wcs-input-prefix-suffix-font-weight) !important;background-color:var(--wcs-input-prefix-suffix-background-color)}:host .prefix{border-radius:var(--wcs-internal-input-border-radius-left) 0 0 var(--wcs-internal-input-border-radius-left)}:host .suffix{border-radius:0 var(--wcs-internal-input-border-radius-right) var(--wcs-internal-input-border-radius-right) 0}:host wcs-mat-icon{color:var(--wcs-input-icon-color-default)}:host([size=l]){--wcs-input-host-height:var(--wcs-input-height-l);--wcs-input-font-size:var(--wcs-input-font-size-l);padding-left:calc(var(--wcs-input-padding-horizontal-l));padding-right:calc(var(--wcs-input-padding-horizontal-l))}:host([size=m]){--wcs-input-host-height:var(--wcs-input-height-m);--wcs-input-font-size:var(--wcs-input-font-size-m);padding-left:calc(var(--wcs-input-padding-horizontal-m));padding-right:calc(var(--wcs-input-padding-horizontal-m))}:host([size=s]){--wcs-input-host-height:var(--wcs-input-height-s);--wcs-input-font-size:var(--wcs-input-font-size-s);padding-left:calc(var(--wcs-input-padding-horizontal-s));padding-right:calc(var(--wcs-input-padding-horizontal-s))}:host([state=error]){outline-color:var(--wcs-input-border-color-error) !important}:host([data-has-prefix]){padding-left:0}:host([data-has-suffix]){padding-right:0}:host([disabled]){cursor:not-allowed;outline:var(--wcs-input-border-style-default) var(--wcs-input-border-width) var(--wcs-input-border-color-disabled);--wcs-input-background-color:var(--wcs-semantic-color-background-control-disabled)}:host([disabled]) input{cursor:not-allowed;color:var(--wcs-input-text-color-disabled)}:host([disabled]) input::placeholder{color:var(--wcs-input-text-color-disabled)}:host([disabled]) .prefix,:host([disabled]) .suffix{color:var(--wcs-input-prefix-suffix-color-disabled);cursor:text}:host([disabled]) wcs-mat-icon{color:var(--wcs-input-icon-color-disabled);cursor:not-allowed}:host([readonly]){--wcs-input-background-color:var(--wcs-semantic-color-background-control-readonly);--wcs-input-border-width:0}:host(:focus-within){outline:var(--wcs-input-border-style-focus) var(--wcs-input-border-width-focus) var(--wcs-input-border-color-focus);outline-offset:calc(var(--wcs-input-border-width-focus) * -1)}:host(:focus-within) wcs-mat-icon{color:var(--wcs-input-icon-color-focus)}";const h=u;const p=["tabindex","title"];const w=t(class t extends s{constructor(){super();this.__registerHost();this.__attachShadow();this.wcsInput=i(this,"wcsInput",7);this.wcsChange=i(this,"wcsChange",7);this.wcsBlur=i(this,"wcsBlur",7);this.wcsFocus=i(this,"wcsFocus",7);this.inputId=`wcs-input-${f++}`;this.inheritedAttributes={};this.iconPassword="visibility";this.onInput=t=>{const s=t.target;if(s){this.value=s.value||""}this.wcsInput.emit(t)};this.onChange=t=>{this.wcsChange.emit({value:this.nativeInput.value})};this.onBlur=t=>{if(this.fireFocusEvents){this.wcsBlur.emit(t)}};this.onFocus=t=>{if(this.fireFocusEvents){this.wcsFocus.emit(t)}};this.fireFocusEvents=true;this.passwordReveal=false;this.accept=undefined;this.autocapitalize="off";this.autocomplete="off";this.autocorrect="off";this.autofocus=false;this.debounce=0;this.prefixLabel=undefined;this.suffixLabel=undefined;this.disabled=false;this.enterkeyhint=undefined;this.size="m";this.icon=undefined;this.inputmode=undefined;this.max=undefined;this.maxlength=undefined;this.min=undefined;this.minlength=undefined;this.multiple=undefined;this.name=this.inputId;this.hidePasswordButtonAriaLabel="Cacher le mot de passe";this.showPasswordButtonAriaLabel="Afficher le mot de passe";this.pattern=undefined;this.placeholder=undefined;this.readonly=false;this.required=false;this.spellcheck=false;this.state="initial";this.step=undefined;this.type="text";this.value=""}debounceChanged(){this.wcsInput=r(this.wcsInput,this.debounce)}componentWillLoad(){this.inheritedAttributes=Object.assign(Object.assign({},n(this.el)),a(this.el,p))}connectedCallback(){this.debounceChanged();{document.dispatchEvent(new CustomEvent("wcsInputDidLoad",{detail:this.el}))}}disconnectedCallback(){{document.dispatchEvent(new CustomEvent("wcsInputDidUnload",{detail:this.el}))}}async setBlur(){if(this.nativeInput){this.nativeInput.blur()}}getInputElement(){return Promise.resolve(this.nativeInput)}async setAriaAttribute(t,s){c(this.nativeInput,t,s)}getValueAsString(){return typeof this.value==="number"?this.value.toString():(this.value||"").toString()}passwordRevealIconClick(){this.passwordReveal=!this.passwordReveal}onPasswordRevealChange(){this.iconPassword=this.passwordReveal?"visibility_off":"visibility"}render(){const t=this.getValueAsString();const s=this.inputId+"-lbl";const i=d(this.el);if(i){i.id=s}return e(o,{key:"20899914842d410ef72a8f81906e1e2be6e423cf","aria-disabled":this.disabled?"true":null,"data-has-prefix":!!this.prefixLabel,"data-has-suffix":!!this.suffixLabel},this.prefixLabel?e("span",{class:"prefix",part:"prefix"},this.prefixLabel):null,this.icon?e("wcs-mat-icon",{icon:this.icon,size:"m"}):null,e("input",Object.assign({key:"059fb987112d535b3f1cf51ea9bbaa01f36667c5",class:"native-input",ref:t=>this.nativeInput=t,"aria-labelledby":i?s:null,disabled:this.disabled,accept:this.accept,autoCapitalize:this.autocapitalize,autoComplete:this.autocomplete,autoCorrect:this.autocorrect,autoFocus:this.autofocus,enterKeyHint:this.enterkeyhint,inputMode:this.inputmode,min:this.min,max:this.max,minLength:this.minlength,maxLength:this.maxlength,multiple:this.multiple,name:this.name,pattern:this.pattern,placeholder:this.placeholder||"",readOnly:this.readonly,required:this.required,spellcheck:this.spellcheck,step:this.step,type:this.passwordReveal?"text":this.type,value:t,onInput:this.onInput,onChange:this.onChange,onBlur:this.onBlur,onFocus:this.onFocus},this.inheritedAttributes)),this.type==="password"?e("button",{title:this.passwordReveal?this.hidePasswordButtonAriaLabel:this.showPasswordButtonAriaLabel,class:"toggle_password",onClick:()=>this.passwordRevealIconClick()},e("wcs-mat-icon",{icon:this.iconPassword,size:"m"})):null,this.suffixLabel?e("span",{class:"suffix",part:"suffix"},this.suffixLabel):null)}static get delegatesFocus(){return true}get el(){return this}static get watchers(){return{debounce:["debounceChanged"],passwordReveal:["onPasswordRevealChange"]}}static get style(){return h}},[17,"wcs-input",{fireFocusEvents:[4,"fire-focus-events"],accept:[1],autocapitalize:[1],autocomplete:[1],autocorrect:[1],autofocus:[4],debounce:[2],prefixLabel:[1,"prefix-label"],suffixLabel:[1,"suffix-label"],disabled:[516],enterkeyhint:[1],size:[513],icon:[1],inputmode:[1],max:[1],maxlength:[2],min:[1],minlength:[2],multiple:[516],name:[1],hidePasswordButtonAriaLabel:[1,"hide-password-button-aria-label"],showPasswordButtonAriaLabel:[1,"show-password-button-aria-label"],pattern:[1],placeholder:[1],readonly:[516],required:[516],spellcheck:[4],state:[513],step:[1],type:[1],value:[1032],passwordReveal:[32],setBlur:[64],getInputElement:[64],setAriaAttribute:[64]},undefined,{debounce:["debounceChanged"],passwordReveal:["onPasswordRevealChange"]}]);let f=0;function b(){if(typeof customElements==="undefined"){return}const t=["wcs-input","wcs-mat-icon"];t.forEach((t=>{switch(t){case"wcs-input":if(!customElements.get(t)){customElements.define(t,w)}break;case"wcs-mat-icon":if(!customElements.get(t)){l()}break}}))}const g=w;const v=b;export{g as WcsInput,v as defineCustomElement};
+import{p as t,H as s,d as i,h as e,c as o}from"./p-2bef72c7.js";import{m as r,i as n,a,s as c}from"./p-53550684.js";import{d}from"./p-95eb2e54.js";const l=":host{--wcs-input-icon-color-default:var(--wcs-semantic-color-foreground-brand);--wcs-input-icon-color-focus:var(--wcs-semantic-color-foreground-brand);--wcs-input-icon-color-disabled:var(--wcs-semantic-color-foreground-disabled);--wcs-input-background-color:var(--wcs-semantic-color-background-control-default);--wcs-input-border-radius-left:var(--wcs-semantic-border-radius-base);--wcs-input-border-radius-right:var(--wcs-semantic-border-radius-base);--wcs-input-border-width:var(--wcs-semantic-border-width-default);--wcs-input-border-width-focus:var(--wcs-semantic-border-width-large);--wcs-input-height-l:var(--wcs-semantic-size-l);--wcs-input-height-m:var(--wcs-semantic-size-m);--wcs-input-height-s:var(--wcs-semantic-size-s);--wcs-input-font-size-l:var(--wcs-semantic-font-size-l);--wcs-input-font-size-m:var(--wcs-semantic-font-size-m);--wcs-input-font-size-s:var(--wcs-semantic-font-size-s);--wcs-input-prefix-suffix-background-color:var(--wcs-semantic-color-background-surface-accent-lighter);--wcs-input-prefix-suffix-color:var(--wcs-semantic-color-foreground-on-accent);--wcs-input-prefix-suffix-color-disabled:var(--wcs-semantic-color-text-disabled);--wcs-input-prefix-suffix-font-weight:var(--wcs-semantic-font-weight-medium);--wcs-input-border-style-default:solid;--wcs-input-border-style-focus:var(--wcs-semantic-border-style-focus-control);--wcs-input-border-color-default:var(--wcs-semantic-color-border-primary);--wcs-input-border-color-disabled:var(--wcs-semantic-color-border-disabled);--wcs-input-border-color-focus:var(--wcs-semantic-color-border-control-focus);--wcs-input-reveal-password-button-border-color-focus:var(--wcs-semantic-color-border-focus-base);--wcs-input-border-color-error:var(--wcs-semantic-color-border-critical);--wcs-input-value-color:var(--wcs-semantic-color-text-primary);--wcs-input-value-font-weight:var(--wcs-semantic-font-weight-medium);--wcs-input-placeholder-color:var(--wcs-semantic-color-text-tertiary);--wcs-input-placeholder-font-weight:var(--wcs-semantic-font-weight-roman);--wcs-input-placeholder-font-style:var(--wcs-semantic-font-style-control-placeholder);--wcs-input-text-color-disabled:var(--wcs-semantic-color-text-disabled);--wcs-input-min-height:var(--wcs-semantic-size-s);--wcs-input-padding-horizontal-s:calc(1.5 * var(--wcs-semantic-spacing-base));--wcs-input-padding-horizontal-m:var(--wcs-semantic-spacing-large);--wcs-input-padding-horizontal-l:var(--wcs-semantic-spacing-large);--wcs-input-gap:var(--wcs-semantic-spacing-base);--wcs-input-host-height:var(--wcs-input-height-m);--wcs-input-font-size:var(--wcs-input-font-size-m);padding-left:calc(var(--wcs-input-padding-horizontal-m));padding-right:calc(var(--wcs-input-padding-horizontal-m));display:flex;width:100%;height:var(--wcs-input-host-height);box-sizing:border-box;border-radius:var(--wcs-input-border-radius-left) var(--wcs-input-border-radius-right) var(--wcs-input-border-radius-right) var(--wcs-input-border-radius-left);background-color:var(--wcs-input-background-color);outline:var(--wcs-input-border-style-default) var(--wcs-input-border-width) var(--wcs-input-border-color-default);outline-offset:calc(var(--wcs-input-border-width) * -1);background-clip:padding-box;gap:var(--wcs-input-gap)}:host input{overflow:hidden;height:var(--wcs-input-host-height);width:100%;padding:0;background-color:transparent;font-family:var(--wcs-font-sans-serif);color:var(--wcs-input-value-color);font-weight:var(--wcs-input-value-font-weight) !important;border:none;font-size:var(--wcs-input-font-size, 1rem);line-height:1.5}:host input::placeholder{color:var(--wcs-input-placeholder-color);opacity:1;font-weight:var(--wcs-input-placeholder-font-weight);font-style:var(--wcs-input-placeholder-font-style)}:host input:focus{box-shadow:none;outline:0}:host button.toggle_password{background:transparent;border:none;color:inherit;cursor:pointer}:host button.toggle_password:focus-visible{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-input-reveal-password-button-border-color-focus);outline-offset:calc(-2 * var(--wcs-input-border-width-focus));border-radius:0.1rem}:host .prefix,:host .suffix{color:var(--wcs-input-prefix-suffix-color);display:flex;white-space:nowrap;align-items:center;font-size:var(--wcs-input-font-size, 1rem);padding:0 calc(var(--wcs-input-padding-horizontal-m) / 2);font-weight:var(--wcs-input-prefix-suffix-font-weight) !important;background-color:var(--wcs-input-prefix-suffix-background-color)}:host .prefix{border-radius:var(--wcs-internal-input-border-radius-left) 0 0 var(--wcs-internal-input-border-radius-left)}:host .suffix{border-radius:0 var(--wcs-internal-input-border-radius-right) var(--wcs-internal-input-border-radius-right) 0}:host wcs-mat-icon{color:var(--wcs-input-icon-color-default)}:host([size=l]){--wcs-input-host-height:var(--wcs-input-height-l);--wcs-input-font-size:var(--wcs-input-font-size-l);padding-left:calc(var(--wcs-input-padding-horizontal-l));padding-right:calc(var(--wcs-input-padding-horizontal-l))}:host([size=m]){--wcs-input-host-height:var(--wcs-input-height-m);--wcs-input-font-size:var(--wcs-input-font-size-m);padding-left:calc(var(--wcs-input-padding-horizontal-m));padding-right:calc(var(--wcs-input-padding-horizontal-m))}:host([size=s]){--wcs-input-host-height:var(--wcs-input-height-s);--wcs-input-font-size:var(--wcs-input-font-size-s);padding-left:calc(var(--wcs-input-padding-horizontal-s));padding-right:calc(var(--wcs-input-padding-horizontal-s))}:host([state=error]){outline-color:var(--wcs-input-border-color-error) !important}:host([data-has-prefix]){padding-left:0}:host([data-has-suffix]){padding-right:0}:host([disabled]){cursor:not-allowed;outline:var(--wcs-input-border-style-default) var(--wcs-input-border-width) var(--wcs-input-border-color-disabled);--wcs-input-background-color:var(--wcs-semantic-color-background-control-disabled)}:host([disabled]) input{cursor:not-allowed;color:var(--wcs-input-text-color-disabled)}:host([disabled]) input::placeholder{color:var(--wcs-input-text-color-disabled)}:host([disabled]) .prefix,:host([disabled]) .suffix{color:var(--wcs-input-prefix-suffix-color-disabled);cursor:text}:host([disabled]) wcs-mat-icon{color:var(--wcs-input-icon-color-disabled);cursor:not-allowed}:host([readonly]){--wcs-input-background-color:var(--wcs-semantic-color-background-control-readonly);--wcs-input-border-width:0}:host(:focus-within){outline:var(--wcs-input-border-style-focus) var(--wcs-input-border-width-focus) var(--wcs-input-border-color-focus);outline-offset:calc(var(--wcs-input-border-width-focus) * -1)}:host(:focus-within) wcs-mat-icon{color:var(--wcs-input-icon-color-focus)}";const u=l;const h=["tabindex","title"];const p=t(class t extends s{constructor(){super();this.__registerHost();this.__attachShadow();this.wcsInput=i(this,"wcsInput",7);this.wcsChange=i(this,"wcsChange",7);this.wcsBlur=i(this,"wcsBlur",7);this.wcsFocus=i(this,"wcsFocus",7);this.inputId=`wcs-input-${w++}`;this.inheritedAttributes={};this.iconPassword="visibility";this.onInput=t=>{const s=t.target;if(s){this.value=s.value||""}this.wcsInput.emit(t)};this.onChange=t=>{this.wcsChange.emit({value:this.nativeInput.value})};this.onBlur=t=>{if(this.fireFocusEvents){this.wcsBlur.emit(t)}};this.onFocus=t=>{if(this.fireFocusEvents){this.wcsFocus.emit(t)}};this.fireFocusEvents=true;this.passwordReveal=false;this.accept=undefined;this.autocapitalize="off";this.autocomplete="off";this.autocorrect="off";this.autofocus=false;this.debounce=0;this.prefixLabel=undefined;this.suffixLabel=undefined;this.disabled=false;this.enterkeyhint=undefined;this.size="m";this.icon=undefined;this.inputmode=undefined;this.max=undefined;this.maxlength=undefined;this.min=undefined;this.minlength=undefined;this.multiple=undefined;this.name=this.inputId;this.hidePasswordButtonAriaLabel="Cacher le mot de passe";this.showPasswordButtonAriaLabel="Afficher le mot de passe";this.pattern=undefined;this.placeholder=undefined;this.readonly=false;this.required=false;this.spellcheck=false;this.state="initial";this.step=undefined;this.type="text";this.value=""}debounceChanged(){this.wcsInput=r(this.wcsInput,this.debounce)}componentWillLoad(){this.inheritedAttributes=Object.assign(Object.assign({},n(this.el)),a(this.el,h))}connectedCallback(){this.debounceChanged();{document.dispatchEvent(new CustomEvent("wcsInputDidLoad",{detail:this.el}))}}disconnectedCallback(){{document.dispatchEvent(new CustomEvent("wcsInputDidUnload",{detail:this.el}))}}async setBlur(){if(this.nativeInput){this.nativeInput.blur()}}getInputElement(){return Promise.resolve(this.nativeInput)}async setAriaAttribute(t,s){c(this.nativeInput,t,s)}getValueAsString(){return typeof this.value==="number"?this.value.toString():(this.value||"").toString()}passwordRevealIconClick(){this.passwordReveal=!this.passwordReveal}onPasswordRevealChange(){this.iconPassword=this.passwordReveal?"visibility_off":"visibility"}render(){const t=this.getValueAsString();return e(o,{key:"27fd1df5da31b16cd286e8d3ec53f67408c99a6b","aria-disabled":this.disabled?"true":null,"data-has-prefix":!!this.prefixLabel,"data-has-suffix":!!this.suffixLabel},this.prefixLabel?e("span",{class:"prefix",part:"prefix"},this.prefixLabel):null,this.icon?e("wcs-mat-icon",{icon:this.icon,size:"m"}):null,e("input",Object.assign({key:"9731bd23ee6bdfe5f61f449a2f050d6bf3332b83",class:"native-input",ref:t=>this.nativeInput=t,disabled:this.disabled,accept:this.accept,autoCapitalize:this.autocapitalize,autoComplete:this.autocomplete,autoCorrect:this.autocorrect,autoFocus:this.autofocus,enterKeyHint:this.enterkeyhint,inputMode:this.inputmode,min:this.min,max:this.max,minLength:this.minlength,maxLength:this.maxlength,multiple:this.multiple,name:this.name,pattern:this.pattern,placeholder:this.placeholder||"",readOnly:this.readonly,required:this.required,spellcheck:this.spellcheck,step:this.step,type:this.passwordReveal?"text":this.type,value:t,onInput:this.onInput,onChange:this.onChange,onBlur:this.onBlur,onFocus:this.onFocus},this.inheritedAttributes)),this.type==="password"?e("button",{title:this.passwordReveal?this.hidePasswordButtonAriaLabel:this.showPasswordButtonAriaLabel,class:"toggle_password",onClick:()=>this.passwordRevealIconClick()},e("wcs-mat-icon",{icon:this.iconPassword,size:"m"})):null,this.suffixLabel?e("span",{class:"suffix",part:"suffix"},this.suffixLabel):null)}static get delegatesFocus(){return true}get el(){return this}static get watchers(){return{debounce:["debounceChanged"],passwordReveal:["onPasswordRevealChange"]}}static get style(){return u}},[17,"wcs-input",{fireFocusEvents:[4,"fire-focus-events"],accept:[1],autocapitalize:[1],autocomplete:[1],autocorrect:[1],autofocus:[4],debounce:[2],prefixLabel:[1,"prefix-label"],suffixLabel:[1,"suffix-label"],disabled:[516],enterkeyhint:[1],size:[513],icon:[1],inputmode:[1],max:[1],maxlength:[2],min:[1],minlength:[2],multiple:[516],name:[1],hidePasswordButtonAriaLabel:[1,"hide-password-button-aria-label"],showPasswordButtonAriaLabel:[1,"show-password-button-aria-label"],pattern:[1],placeholder:[1],readonly:[516],required:[516],spellcheck:[4],state:[513],step:[1],type:[1],value:[1032],passwordReveal:[32],setBlur:[64],getInputElement:[64],setAriaAttribute:[64]},undefined,{debounce:["debounceChanged"],passwordReveal:["onPasswordRevealChange"]}]);let w=0;function f(){if(typeof customElements==="undefined"){return}const t=["wcs-input","wcs-mat-icon"];t.forEach((t=>{switch(t){case"wcs-input":if(!customElements.get(t)){customElements.define(t,p)}break;case"wcs-mat-icon":if(!customElements.get(t)){d()}break}}))}const b=p;const g=f;export{b as WcsInput,g as defineCustomElement};
 //# sourceMappingURL=wcs-input.js.map

package/bundle/wcs-input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["inputCss","WcsInputStyle0","INPUT_INHERITED_ATTRS","Input","proxyCustomElement","H","this","inputId","inputIds","inheritedAttributes","iconPassword","onInput","ev","input","target","value","wcsInput","emit","onChange","_","wcsChange","nativeInput","onBlur","fireFocusEvents","wcsBlur","onFocus","wcsFocus","debounceChanged","debounceEvent","debounce","componentWillLoad","Object","assign","inheritAriaAttributes","el","inheritAttributes","connectedCallback","document","dispatchEvent","CustomEvent","detail","disconnectedCallback","setBlur","blur","getInputElement","Promise","resolve","setAriaAttribute","attr","setOrRemoveAttribute","getValueAsString","toString","passwordRevealIconClick","passwordReveal","onPasswordRevealChange","render","labelId","label","findItemLabel","id","h","Host","key","disabled","prefixLabel","suffixLabel","class","part","icon","size","ref","accept","autoCapitalize","autocapitalize","autoComplete","autocomplete","autoCorrect","autocorrect","autoFocus","autofocus","enterKeyHint","enterkeyhint","inputMode","inputmode","min","max","minLength","minlength","maxLength","maxlength","multiple","name","pattern","placeholder","readOnly","readonly","required","spellcheck","step","type","title","hidePasswordButtonAriaLabel","showPasswordButtonAriaLabel","onClick"],"sources":["src/components/input/input.scss?tag=wcs-input&encapsulation=shadow","src/components/input/input.tsx"],"sourcesContent":["@import '../../style/focus-outline.scss';\n@import '../../style/placeholder.scss';\n\n:host {\n --wcs-input-icon-color-default: var(--wcs-semantic-color-foreground-brand);\n --wcs-input-icon-color-focus: var(--wcs-semantic-color-foreground-brand);\n --wcs-input-icon-color-disabled: var(--wcs-semantic-color-foreground-disabled);\n\n --wcs-input-background-color: var(--wcs-semantic-color-background-control-default);\n\n --wcs-input-border-radius-left: var(--wcs-semantic-border-radius-base); // Overridden from prefix suffix group in form-field\n --wcs-input-border-radius-right: var(--wcs-semantic-border-radius-base); // Overridden from prefix suffix group in form-field\n\n --wcs-input-border-width: var(--wcs-semantic-border-width-default);\n --wcs-input-border-width-focus: var(--wcs-semantic-border-width-large);\n\n --wcs-input-height-l: var(--wcs-semantic-size-l);\n --wcs-input-height-m: var(--wcs-semantic-size-m);\n --wcs-input-height-s: var(--wcs-semantic-size-s);\n --wcs-input-font-size-l: var(--wcs-semantic-font-size-l);\n --wcs-input-font-size-m: var(--wcs-semantic-font-size-m);\n --wcs-input-font-size-s: var(--wcs-semantic-font-size-s);\n\n --wcs-input-prefix-suffix-background-color: var(--wcs-semantic-color-background-surface-accent-lighter);\n --wcs-input-prefix-suffix-color: var(--wcs-semantic-color-foreground-on-accent);\n --wcs-input-prefix-suffix-color-disabled: var(--wcs-semantic-color-text-disabled);\n --wcs-input-prefix-suffix-font-weight: var(--wcs-semantic-font-weight-medium);\n\n --wcs-input-border-style-default: solid;\n --wcs-input-border-style-focus: var(--wcs-semantic-border-style-focus-control);\n\n --wcs-input-border-color-default: var(--wcs-semantic-color-border-primary);\n --wcs-input-border-color-disabled: var(--wcs-semantic-color-border-disabled);\n --wcs-input-border-color-focus: var(--wcs-semantic-color-border-control-focus);\n --wcs-input-reveal-password-button-border-color-focus: var(--wcs-semantic-color-border-focus-base);\n --wcs-input-border-color-error: var(--wcs-semantic-color-border-critical);\n\n --wcs-input-value-color: var(--wcs-semantic-color-text-primary);\n --wcs-input-value-font-weight: var(--wcs-semantic-font-weight-medium);\n\n --wcs-input-placeholder-color: var(--wcs-semantic-color-text-tertiary);\n --wcs-input-placeholder-font-weight: var(--wcs-semantic-font-weight-roman);\n --wcs-input-placeholder-font-style: var(--wcs-semantic-font-style-control-placeholder);\n\n --wcs-input-text-color-disabled: var(--wcs-semantic-color-text-disabled);\n\n --wcs-input-min-height: var(--wcs-semantic-size-s);\n --wcs-input-padding-horizontal-s: calc(1.5 * var(--wcs-semantic-spacing-base));\n --wcs-input-padding-horizontal-m: var(--wcs-semantic-spacing-large);\n --wcs-input-padding-horizontal-l: var(--wcs-semantic-spacing-large);\n --wcs-input-gap: var(--wcs-semantic-spacing-base);\n\n // Default\n --wcs-input-host-height: var(--wcs-input-height-m);\n --wcs-input-font-size: var(--wcs-input-font-size-m);\n padding-left: calc(var(--wcs-input-padding-horizontal-m));\n padding-right: calc(var(--wcs-input-padding-horizontal-m));\n\n display: flex;\n width: 100%;\n height: var(--wcs-input-host-height);\n box-sizing: border-box;\n border-radius: var(--wcs-input-border-radius-left) var(--wcs-input-border-radius-right) var(--wcs-input-border-radius-right) var(--wcs-input-border-radius-left);\n background-color: var(--wcs-input-background-color);\n outline: var(--wcs-input-border-style-default) var(--wcs-input-border-width) var(--wcs-input-border-color-default);\n outline-offset: calc(var(--wcs-input-border-width) * -1);\n background-clip: padding-box;\n\n gap: var(--wcs-input-gap);\n\n input {\n overflow: hidden;\n height: var(--wcs-input-host-height);\n width: 100%;\n padding: 0; // Reset padding from user agent stylesheet, it's the container that will handle padding\n background-color: transparent;\n font-family: var(--wcs-font-sans-serif);\n color: var(--wcs-input-value-color);\n font-weight: var(--wcs-input-value-font-weight) !important;\n border: none;\n font-size: var(--wcs-input-font-size, 1rem);\n line-height: 1.5;\n\n &::placeholder {\n @include placeholder(var(--wcs-input-placeholder-color), var(--wcs-input-placeholder-font-weight), var(--wcs-input-placeholder-font-style));\n }\n }\n\n input:focus {\n box-shadow: none;\n outline: 0;\n }\n\n button.toggle_password {\n background: transparent;\n border: none;\n color: inherit;\n\n cursor: pointer;\n\n\n &:focus-visible {\n @include focus-outline(var(--wcs-input-reveal-password-button-border-color-focus), $outline-offset: calc(-2 * var(--wcs-input-border-width-focus)));\n }\n }\n\n .prefix, .suffix {\n color: var(--wcs-input-prefix-suffix-color);\n display: flex;\n white-space: nowrap;\n align-items: center;\n font-size: var(--wcs-input-font-size, 1rem);\n padding: 0 calc(var(--wcs-input-padding-horizontal-m) / 2);\n font-weight: var(--wcs-input-prefix-suffix-font-weight) !important;\n background-color: var(--wcs-input-prefix-suffix-background-color);\n }\n\n .prefix {\n border-radius: var(--wcs-internal-input-border-radius-left) 0 0 var(--wcs-internal-input-border-radius-left);\n }\n\n .suffix {\n border-radius: 0 var(--wcs-internal-input-border-radius-right) var(--wcs-internal-input-border-radius-right) 0;\n }\n\n wcs-mat-icon {\n color: var(--wcs-input-icon-color-default);\n }\n}\n\n:host([size=l]) {\n --wcs-input-host-height: var(--wcs-input-height-l);\n --wcs-input-font-size: var(--wcs-input-font-size-l);\n\n padding-left: calc(var(--wcs-input-padding-horizontal-l));\n padding-right: calc(var(--wcs-input-padding-horizontal-l));\n}\n\n:host([size=m]) { // Default\n --wcs-input-host-height: var(--wcs-input-height-m);\n --wcs-input-font-size: var(--wcs-input-font-size-m);\n\n padding-left: calc(var(--wcs-input-padding-horizontal-m));\n padding-right: calc(var(--wcs-input-padding-horizontal-m));\n}\n\n:host([size=s]) {\n --wcs-input-host-height: var(--wcs-input-height-s);\n --wcs-input-font-size: var(--wcs-input-font-size-s);\n\n padding-left: calc(var(--wcs-input-padding-horizontal-s));\n padding-right: calc(var(--wcs-input-padding-horizontal-s));\n}\n\n:host([state=error]) {\n outline-color: var(--wcs-input-border-color-error) !important;\n}\n\n:host([data-has-prefix]) {\n padding-left: 0;\n}\n\n:host([data-has-suffix]) {\n padding-right: 0;\n}\n\n:host([disabled]) {\n cursor: not-allowed; // padding is handled by the container, so we need to set cursor not allowed on it\n outline: var(--wcs-input-border-style-default) var(--wcs-input-border-width) var(--wcs-input-border-color-disabled);\n --wcs-input-background-color: var(--wcs-semantic-color-background-control-disabled);\n\n input {\n cursor: not-allowed;\n color: var(--wcs-input-text-color-disabled);\n\n &::placeholder {\n color: var(--wcs-input-text-color-disabled);\n }\n }\n\n .prefix, .suffix {\n color: var(--wcs-input-prefix-suffix-color-disabled);\n cursor: text; // reset cursor to text for prefix and suffix, to be able to select text\n }\n\n wcs-mat-icon {\n color: var(--wcs-input-icon-color-disabled);\n cursor: not-allowed;\n }\n}\n\n:host([readonly]) {\n --wcs-input-background-color: var(--wcs-semantic-color-background-control-readonly);\n --wcs-input-border-width: 0;\n}\n\n:host(:focus-within) {\n outline: var(--wcs-input-border-style-focus) var(--wcs-input-border-width-focus) var(--wcs-input-border-color-focus);\n outline-offset: calc(var(--wcs-input-border-width-focus) * -1);\n\n wcs-mat-icon {\n color: var(--wcs-input-icon-color-focus);\n }\n}\n","import {\n Build,\n Component,\n ComponentInterface,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n Watch\n} from '@stencil/core';\nimport {\n debounceEvent,\n findItemLabel,\n inheritAriaAttributes,\n inheritAttributes,\n setOrRemoveAttribute\n} from '../../utils/helpers';\nimport {\n AutocompleteTypes,\n InputChangeEventDetail,\n TextFieldTypes,\n WcsInputSize,\n WcsInputAutocorrect,\n WcsInputEnterKeyHint,\n WcsInputInputMode,\n WcsInputState\n} from './input-interface';\nimport { AriaAttributeName, MutableAriaAttribute } from \"../../utils/mutable-aria-attribute\";\n\nconst INPUT_INHERITED_ATTRS = ['tabindex', 'title'];\n\n/*\n The input component is a form control that accepts a single line of text.\n * Implementation mainly inspired from Ionic Input Component.\n \n ## Accessibility guidelines 💡\n * > - If you use wcs-input outside a wcs-form-field, you have to manage the label and the error message yourself.\n * > You can use the `aria-label` attribute to provide a label for screen readers but adds no visual label.\n * \n * @cssprop --wcs-input-icon-color-default - default icon color when the input is not focused\n * @cssprop --wcs-input-icon-color-focus - icon color when the input is focused\n * @cssprop --wcs-input-icon-color-disabled - icon color when the input is disabled\n \n @cssprop --wcs-input-background-color - background color of the input\n \n @cssprop --wcs-input-border-radius-left - border radius of the left side of the input\n * @cssprop --wcs-input-border-radius-right - border radius of the right side of the input\n * \n * @cssprop --wcs-input-border-width - border width of the input\n * @cssprop --wcs-input-border-width-focus - border width of the input when focused\n \n @cssprop --wcs-input-height-l - large height of the input\n * @cssprop --wcs-input-height-m - medium height of the input\n * @cssprop --wcs-input-height-s - small height of the input\n * @cssprop --wcs-input-font-size-l - large font size of the input\n * @cssprop --wcs-input-font-size-m - medium font size of the input\n * @cssprop --wcs-input-font-size-s - small font size of the input\n \n @cssprop --wcs-input-border-style-default - default border style of the input\n * @cssprop --wcs-input-border-style-focus - border style of the input when focused\n * \n * @cssprop --wcs-input-prefix-suffix-background-color - background color of the suffix/prefix\n * @cssprop --wcs-input-prefix-suffix-color - color of the suffix/prefix\n * @cssprop --wcs-input-prefix-suffix-color-disabled - color of the suffix/prefix when the input is disabled\n * @cssprop --wcs-input-prefix-suffix-font-weight - font weight of the suffix/prefix\n \n @cssprop --wcs-input-border-color-default - default border color of the input when not focused\n * @cssprop --wcs-input-border-color-disabled - border color of the input when disabled\n * @cssprop --wcs-input-border-color-focus - border color of the input when focused\n * @cssprop --wcs-input-reveal-password-button-border-color-focus - border color of the show/hide password button when focused\n * @cssprop --wcs-input-border-color-error - border color of the input when in error state\n \n @cssprop --wcs-input-value-color - color of the input value\n * @cssprop --wcs-input-value-font-weight - font weight of the input value\n * \n * @cssprop --wcs-input-placeholder-color - color of the input placeholder\n * @cssprop --wcs-input-placeholder-font-weight - font weight of the input placeholder\n * @cssprop --wcs-input-placeholder-font-style - font style of the input placeholder\n * \n * @cssprop --wcs-input-text-color-disabled - color of the input when disabled\n \n @cssprop --wcs-input-padding-horizontal-s - horizontal padding of the input in small size\n * @cssprop --wcs-input-padding-horizontal-m - horizontal padding of the input in medium size\n * @cssprop --wcs-input-padding-horizontal-l - horizontal padding of the input in large size\n * \n * @cssprop --wcs-input-gap - gap between text input and icon\n /\n@Component({\n tag: 'wcs-input',\n styleUrl: 'input.scss',\n shadow: { delegatesFocus: true },\n})\nexport class Input implements ComponentInterface, MutableAriaAttribute {\n @Element() private el!: HTMLElement;\n private nativeInput?: HTMLInputElement;\n private inputId = `wcs-input-${inputIds++}`;\n private inheritedAttributes: { [k: string]: any } = {};\n private iconPassword = \"visibility\";\n\n /\n This is required for a WebKit bug which requires us to\n * blur and focus an input to properly focus the input in\n * an item with delegatesFocus. It will no longer be needed\n * with iOS 14.\n \n @internal\n /\n @Prop() fireFocusEvents: boolean = true;\n\n @State() private passwordReveal: boolean = false;\n\n /\n If the value of the type attribute is `\"file\"`, then this attribute will indicate the types of files that the\n * server accepts, otherwise it will be ignored. The value must be a comma-separated list of unique content type specifiers.\n /\n @Prop() accept?: string;\n\n /\n Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.\n * Available options: `\"off\"`, `\"none\"`, `\"on\"`, `\"sentences\"`, `\"words\"`, `\"characters\"`.\n /\n @Prop() autocapitalize = 'off';\n\n /\n Indicates whether the value of the control can be automatically completed by the browser.\n /\n @Prop() autocomplete: AutocompleteTypes = 'off';\n\n /\n Whether auto correction should be enabled when the user is entering/editing the text value.\n /\n @Prop() autocorrect: WcsInputAutocorrect = 'off';\n\n /\n This Boolean attribute lets you specify that a form control should have input focus when the page loads.\n /\n @Prop() autofocus: boolean = false;\n\n /\n Set the amount of time, in milliseconds, to wait to trigger the `wcsInput` event after each keystroke.\n * This also impacts form bindings such as `ngModel` or `v-model`.\n /\n @Prop() debounce = 0;\n\n @Watch('debounce')\n protected debounceChanged() {\n this.wcsInput = debounceEvent(this.wcsInput, this.debounce);\n }\n\n /\n Prefix displayed before the text field contents. This is not included in the value.\n /\n @Prop() prefixLabel: string;\n\n /\n Suffix displayed after the text field contents. This is not included in the value.\n /\n @Prop() suffixLabel: string;\n\n /\n If `true`, the user cannot interact with the input.\n /\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /\n A hint to the browser for which enter key to display.\n /\n @Prop() enterkeyhint?: WcsInputEnterKeyHint;\n\n /\n Specify the size (height) of the input.\n /\n @Prop({reflect: true}) size: WcsInputSize = 'm';\n\n /\n Name of the material icon to add to the input\n /\n @Prop() icon: string;\n\n /\n A hint to the browser for which keyboard to display.\n /\n @Prop() inputmode?: WcsInputInputMode;\n\n /\n The maximum value, which must not be less than its minimum (min attribute) value.\n /\n @Prop() max?: string;\n\n /\n If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute\n * specifies the maximum number of characters that the user can enter.\n /\n @Prop() maxlength?: number;\n\n /\n The minimum value, which must not be greater than its maximum (max attribute) value.\n /\n @Prop() min?: string;\n\n /\n If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute\n * specifies the minimum number of characters that the user can enter.\n /\n @Prop() minlength?: number;\n\n /\n If `true`, the user can enter more than one value. This attribute applies when the type attribute is set to\n * `\"email\"` or `\"file\"`, otherwise it is ignored.\n /\n @Prop({ reflect: true }) multiple?: boolean;\n\n /\n The name of the control, which is submitted with the form data.\n /\n @Prop() name: string = this.inputId;\n\n @Prop() hidePasswordButtonAriaLabel: string = \"Cacher le mot de passe\";\n @Prop() showPasswordButtonAriaLabel: string = \"Afficher le mot de passe\";\n\n /\n A regular expression that the value is checked against. The pattern must match the entire value, not just some\n * subset. Use the title attribute to describe the pattern to help the user. This attribute applies when the value\n * of the type attribute is `\"text\"`, `\"search\"`, `\"tel\"`, `\"url\"`, `\"email\"`, `\"date\"`, or `\"password\"`, otherwise\n * it is ignored. When the type attribute is `\"date\"`, `pattern` will only be used in browsers that do not support\n * the `\"date\"` input type natively. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date for\n * more information.\n /\n @Prop() pattern?: string;\n\n /\n Instructional text that shows before the input has a value.\n /\n @Prop() placeholder?: string \| null;\n\n /\n If `true`, the user cannot modify the value.\n /\n @Prop({ reflect: true }) readonly: boolean = false;\n\n /\n If `true`, the user must fill in a value before submitting a form.\n /\n @Prop({ reflect: true }) required: boolean = false;\n\n /\n If `true`, the element will have its spelling and grammar checked.\n /\n @Prop() spellcheck: boolean = false;\n\n /\n Specifies the state of the input. By default the input is in an normal state but you can to set it to 'error'\n * state if the data given by the user is not valid.\n /\n @Prop({reflect: true}) state: WcsInputState = 'initial';\n\n /\n Works with the min and max attributes to limit the increments at which a value can be set.\n * Possible values are: `\"any\"` or a positive floating point number.\n /\n @Prop() step?: string;\n\n /\n The type of control to display. The default type is text.\n /\n @Prop() type: TextFieldTypes = 'text';\n\n /\n The value of the input.\n /\n @Prop({mutable: true}) value?: string \| number \| null = '';\n\n /\n Emitted when a keyboard input occurred. See https://developer.mozilla.org/en-US/docs/Web/Events/input\n /\n @Event() wcsInput!: EventEmitter<KeyboardEvent>;\n\n /\n Emitted when the value has changed. See https://developer.mozilla.org/en-US/docs/Web/Events/change\n /\n @Event() wcsChange!: EventEmitter<InputChangeEventDetail>;\n\n /\n Emitted when the input loses focus.\n /\n @Event() wcsBlur!: EventEmitter<FocusEvent>;\n\n /\n Emitted when the input has focus.\n /\n @Event() wcsFocus!: EventEmitter<FocusEvent>;\n\n componentWillLoad() {\n this.inheritedAttributes = {\n ...inheritAriaAttributes(this.el),\n ...inheritAttributes(this.el, INPUT_INHERITED_ATTRS)\n };\n }\n\n connectedCallback() {\n this.debounceChanged();\n if (Build.isBrowser) {\n document.dispatchEvent(new CustomEvent('wcsInputDidLoad', {\n detail: this.el\n }));\n }\n }\n\n disconnectedCallback() {\n if (Build.isBrowser) {\n document.dispatchEvent(new CustomEvent('wcsInputDidUnload', {\n detail: this.el\n }));\n }\n }\n\n /\n Sets blur on the native `input` in `wcs-input`. Use this method instead of the global\n * `input.blur()`.\n * @internal\n /\n @Method()\n async setBlur() {\n if (this.nativeInput) {\n this.nativeInput.blur();\n }\n }\n\n /\n Returns the native `<input>` element used under the hood.\n */\n @Method()\n getInputElement(): Promise<HTMLInputElement> {\n return Promise.resolve(this.nativeInput!);\n }\n\n @Method()\n async setAriaAttribute(attr: AriaAttributeName, value: string \| null \| undefined) {\n setOrRemoveAttribute(this.nativeInput, attr, value);\n }\n \n private getValueAsString(): string {\n return typeof this.value === 'number' ? this.value.toString() :\n (this.value \|\| '').toString();\n }\n\n private onInput = (ev: Event) => {\n const input = ev.target as HTMLInputElement \| null;\n if (input) {\n this.value = input.value \|\| '';\n }\n this.wcsInput.emit(ev as KeyboardEvent);\n }\n\n private onChange = (_: Event) => {\n this.wcsChange.emit({value: this.nativeInput.value});\n }\n\n private onBlur = (ev: FocusEvent) => {\n if (this.fireFocusEvents) {\n this.wcsBlur.emit(ev);\n }\n }\n\n private onFocus = (ev: FocusEvent) => {\n if (this.fireFocusEvents) {\n this.wcsFocus.emit(ev);\n }\n }\n\n private passwordRevealIconClick(): void {\n this.passwordReveal = !this.passwordReveal;\n }\n\n @Watch('passwordReveal')\n onPasswordRevealChange(): void {\n this.iconPassword = this.passwordReveal ? 'visibility_off' : 'visibility';\n }\n\n render() {\n const value = this.getValueAsString();\n const labelId = this.inputId + '-lbl';\n const label = findItemLabel(this.el);\n if (label) {\n label.id = labelId;\n }\n\n return (\n <Host\n aria-disabled={this.disabled ? 'true' : null}\n data-has-prefix={!!this.prefixLabel}\n data-has-suffix={!!this.suffixLabel}\n >\n {this.prefixLabel ? (<span class=\"prefix\" part=\"prefix\">{this.prefixLabel}</span>) : null}\n {this.icon ? (<wcs-mat-icon icon={this.icon} size=\"m\"></wcs-mat-icon>) : null}\n <input\n class=\"native-input\"\n ref={input => this.nativeInput = input}\n aria-labelledby={label ? labelId : null}\n disabled={this.disabled}\n accept={this.accept}\n autoCapitalize={this.autocapitalize}\n autoComplete={this.autocomplete}\n autoCorrect={this.autocorrect}\n autoFocus={this.autofocus}\n enterKeyHint={this.enterkeyhint}\n inputMode={this.inputmode}\n min={this.min}\n max={this.max}\n minLength={this.minlength}\n maxLength={this.maxlength}\n multiple={this.multiple}\n name={this.name}\n pattern={this.pattern}\n placeholder={this.placeholder \|\| ''}\n readOnly={this.readonly}\n required={this.required}\n spellcheck={this.spellcheck}\n step={this.step}\n type={this.passwordReveal ? 'text' : this.type}\n value={value}\n onInput={this.onInput}\n onChange={this.onChange}\n onBlur={this.onBlur}\n onFocus={this.onFocus}\n {...this.inheritedAttributes}\n />\n {this.type === \"password\" ? (\n <button title={this.passwordReveal ? this.hidePasswordButtonAriaLabel : this.showPasswordButtonAriaLabel} class=\"toggle_password\" onClick={() => this.passwordRevealIconClick()}>\n <wcs-mat-icon icon={this.iconPassword} size=\"m\"></wcs-mat-icon>\n </button>\n ) : null}\n {this.suffixLabel ? (<span class=\"suffix\" part=\"suffix\">{this.suffixLabel}</span>) : null}\n </Host>\n );\n }\n}\n\nlet inputIds = 0;\n"],"mappings":"+JAAA,MAAMA,EAAW,i/MACjB,MAAAC,EAAeD,ECgCf,MAAME,EAAwB,CAAC,WAAY,S,MA+D9BC,EAAKC,EAAA,MAAAD,UAAAE,E,8MAGNC,KAAAC,QAAU,aAAaC,MACvBF,KAAAG,oBAA4C,GAC5CH,KAAAI,aAAe,aAyPfJ,KAAAK,QAAWC,IACf,MAAMC,EAAQD,EAAGE,OACjB,GAAID,EAAO,CACPP,KAAKS,MAAQF,EAAME,OAAS,E,CAEhCT,KAAKU,SAASC,KAAKL,EAAoB,EAGnCN,KAAAY,SAAYC,IAChBb,KAAKc,UAAUH,KAAK,CAACF,MAAOT,KAAKe,YAAYN,OAAO,EAGhDT,KAAAgB,OAAUV,IACd,GAAIN,KAAKiB,gBAAiB,CACtBjB,KAAKkB,QAAQP,KAAKL,E,GAIlBN,KAAAmB,QAAWb,IACf,GAAIN,KAAKiB,gBAAiB,CACtBjB,KAAKoB,SAAST,KAAKL,E,wBAnQQ,K,oBAEQ,M,0CAYlB,M,kBAKiB,M,iBAKC,M,eAKd,M,cAMV,E,oEAoB0B,M,sCAUD,I,uKA2CrBN,KAAKC,Q,iCAEkB,yB,iCACA,2B,gEAoBD,M,cAKA,M,gBAKf,M,WAMgB,U,8BAWf,O,WAKyB,E,CA7H9C,eAAAoB,GACNrB,KAAKU,SAAWY,EAActB,KAAKU,SAAUV,KAAKuB,S,CAkJtD,iBAAAC,GACIxB,KAAKG,oBAAmBsB,OAAAC,OAAAD,OAAAC,OAAA,GACjBC,EAAsB3B,KAAK4B,KAC3BC,EAAkB7B,KAAK4B,GAAIhC,G,CAItC,iBAAAkC,GACI9B,KAAKqB,kBACgB,CACjBU,SAASC,cAAc,IAAIC,YAAY,kBAAmB,CACtDC,OAAQlC,KAAK4B,K,EAKzB,oBAAAO,GACyB,CACjBJ,SAASC,cAAc,IAAIC,YAAY,oBAAqB,CACxDC,OAAQlC,KAAK4B,K,EAWzB,aAAMQ,GACF,GAAIpC,KAAKe,YAAa,CAClBf,KAAKe,YAAYsB,M,EAQzB,eAAAC,GACI,OAAOC,QAAQC,QAAQxC,KAAKe,Y,CAIhC,sBAAM0B,CAAiBC,EAAyBjC,GAC5CkC,EAAqB3C,KAAKe,YAAa2B,EAAMjC,E,CAGzC,gBAAAmC,GACJ,cAAc5C,KAAKS,QAAU,SAAWT,KAAKS,MAAMoC,YAC9C7C,KAAKS,OAAS,IAAIoC,U,CA2BnB,uBAAAC,GACJ9C,KAAK+C,gBAAkB/C,KAAK+C,c,CAIhC,sBAAAC,GACIhD,KAAKI,aAAeJ,KAAK+C,eAAiB,iBAAmB,Y,CAGjE,MAAAE,GACI,MAAMxC,EAAQT,KAAK4C,mBACnB,MAAMM,EAAUlD,KAAKC,QAAU,OAC/B,MAAMkD,EAAQC,EAAcpD,KAAK4B,IACjC,GAAIuB,EAAO,CACPA,EAAME,GAAKH,C,CAGf,OACII,EAACC,EAAI,CAAAC,IAAA,2DACcxD,KAAKyD,SAAW,OAAS,KAAI,oBACzBzD,KAAK0D,YAAW,oBAChB1D,KAAK2D,aAEvB3D,KAAK0D,YAAeJ,EAAA,QAAMM,MAAM,SAASC,KAAK,UAAU7D,KAAK0D,aAAuB,KACpF1D,KAAK8D,KAAQR,EAAA,gBAAcQ,KAAM9D,KAAK8D,KAAMC,KAAK,MAAuB,KACzET,EAAA,QAAA7B,OAAAC,OAAA,CAAA8B,IAAA,2CACII,MAAM,eACNI,IAAKzD,GAASP,KAAKe,YAAcR,EAAK,kBACrB4C,EAAQD,EAAU,KACnCO,SAAUzD,KAAKyD,SACfQ,OAAQjE,KAAKiE,OACbC,eAAgBlE,KAAKmE,eACrBC,aAAcpE,KAAKqE,aACnBC,YAAatE,KAAKuE,YAClBC,UAAWxE,KAAKyE,UAChBC,aAAc1E,KAAK2E,aACnBC,UAAW5E,KAAK6E,UAChBC,IAAK9E,KAAK8E,IACVC,IAAK/E,KAAK+E,IACVC,UAAWhF,KAAKiF,UAChBC,UAAWlF,KAAKmF,UAChBC,SAAUpF,KAAKoF,SACfC,KAAMrF,KAAKqF,KACXC,QAAStF,KAAKsF,QACdC,YAAavF,KAAKuF,aAAe,GACjCC,SAAUxF,KAAKyF,SACfC,SAAU1F,KAAK0F,SACfC,WAAY3F,KAAK2F,WACjBC,KAAM5F,KAAK4F,KACXC,KAAM7F,KAAK+C,eAAiB,OAAS/C,KAAK6F,KAC1CpF,MAAOA,EACPJ,QAASL,KAAKK,QACdO,SAAUZ,KAAKY,SACfI,OAAQhB,KAAKgB,OACbG,QAASnB,KAAKmB,SACVnB,KAAKG,sBAEZH,KAAK6F,OAAS,WACXvC,EAAA,UAAQwC,MAAO9F,KAAK+C,eAAiB/C,KAAK+F,4BAA8B/F,KAAKgG,4BAA6BpC,MAAM,kBAAkBqC,QAAS,IAAMjG,KAAK8C,2BAClJQ,EAAA,gBAAcQ,KAAM9D,KAAKI,aAAc2D,KAAK,OAEhD,KACH/D,KAAK2D,YAAeL,EAAA,QAAMM,MAAM,SAASC,KAAK,UAAU7D,KAAK2D,aAAuB,K,k7BAMrG,IAAIzD,EAAW,E"}
1	+ {"version":3,"names":["inputCss","WcsInputStyle0","INPUT_INHERITED_ATTRS","Input","proxyCustomElement","H","this","inputId","inputIds","inheritedAttributes","iconPassword","onInput","ev","input","target","value","wcsInput","emit","onChange","_","wcsChange","nativeInput","onBlur","fireFocusEvents","wcsBlur","onFocus","wcsFocus","debounceChanged","debounceEvent","debounce","componentWillLoad","Object","assign","inheritAriaAttributes","el","inheritAttributes","connectedCallback","document","dispatchEvent","CustomEvent","detail","disconnectedCallback","setBlur","blur","getInputElement","Promise","resolve","setAriaAttribute","attr","setOrRemoveAttribute","getValueAsString","toString","passwordRevealIconClick","passwordReveal","onPasswordRevealChange","render","h","Host","key","disabled","prefixLabel","suffixLabel","class","part","icon","size","ref","accept","autoCapitalize","autocapitalize","autoComplete","autocomplete","autoCorrect","autocorrect","autoFocus","autofocus","enterKeyHint","enterkeyhint","inputMode","inputmode","min","max","minLength","minlength","maxLength","maxlength","multiple","name","pattern","placeholder","readOnly","readonly","required","spellcheck","step","type","title","hidePasswordButtonAriaLabel","showPasswordButtonAriaLabel","onClick"],"sources":["src/components/input/input.scss?tag=wcs-input&encapsulation=shadow","src/components/input/input.tsx"],"sourcesContent":["@import '../../style/focus-outline.scss';\n@import '../../style/placeholder.scss';\n\n:host {\n --wcs-input-icon-color-default: var(--wcs-semantic-color-foreground-brand);\n --wcs-input-icon-color-focus: var(--wcs-semantic-color-foreground-brand);\n --wcs-input-icon-color-disabled: var(--wcs-semantic-color-foreground-disabled);\n\n --wcs-input-background-color: var(--wcs-semantic-color-background-control-default);\n\n --wcs-input-border-radius-left: var(--wcs-semantic-border-radius-base); // Overridden from prefix suffix group in form-field\n --wcs-input-border-radius-right: var(--wcs-semantic-border-radius-base); // Overridden from prefix suffix group in form-field\n\n --wcs-input-border-width: var(--wcs-semantic-border-width-default);\n --wcs-input-border-width-focus: var(--wcs-semantic-border-width-large);\n\n --wcs-input-height-l: var(--wcs-semantic-size-l);\n --wcs-input-height-m: var(--wcs-semantic-size-m);\n --wcs-input-height-s: var(--wcs-semantic-size-s);\n --wcs-input-font-size-l: var(--wcs-semantic-font-size-l);\n --wcs-input-font-size-m: var(--wcs-semantic-font-size-m);\n --wcs-input-font-size-s: var(--wcs-semantic-font-size-s);\n\n --wcs-input-prefix-suffix-background-color: var(--wcs-semantic-color-background-surface-accent-lighter);\n --wcs-input-prefix-suffix-color: var(--wcs-semantic-color-foreground-on-accent);\n --wcs-input-prefix-suffix-color-disabled: var(--wcs-semantic-color-text-disabled);\n --wcs-input-prefix-suffix-font-weight: var(--wcs-semantic-font-weight-medium);\n\n --wcs-input-border-style-default: solid;\n --wcs-input-border-style-focus: var(--wcs-semantic-border-style-focus-control);\n\n --wcs-input-border-color-default: var(--wcs-semantic-color-border-primary);\n --wcs-input-border-color-disabled: var(--wcs-semantic-color-border-disabled);\n --wcs-input-border-color-focus: var(--wcs-semantic-color-border-control-focus);\n --wcs-input-reveal-password-button-border-color-focus: var(--wcs-semantic-color-border-focus-base);\n --wcs-input-border-color-error: var(--wcs-semantic-color-border-critical);\n\n --wcs-input-value-color: var(--wcs-semantic-color-text-primary);\n --wcs-input-value-font-weight: var(--wcs-semantic-font-weight-medium);\n\n --wcs-input-placeholder-color: var(--wcs-semantic-color-text-tertiary);\n --wcs-input-placeholder-font-weight: var(--wcs-semantic-font-weight-roman);\n --wcs-input-placeholder-font-style: var(--wcs-semantic-font-style-control-placeholder);\n\n --wcs-input-text-color-disabled: var(--wcs-semantic-color-text-disabled);\n\n --wcs-input-min-height: var(--wcs-semantic-size-s);\n --wcs-input-padding-horizontal-s: calc(1.5 * var(--wcs-semantic-spacing-base));\n --wcs-input-padding-horizontal-m: var(--wcs-semantic-spacing-large);\n --wcs-input-padding-horizontal-l: var(--wcs-semantic-spacing-large);\n --wcs-input-gap: var(--wcs-semantic-spacing-base);\n\n // Default\n --wcs-input-host-height: var(--wcs-input-height-m);\n --wcs-input-font-size: var(--wcs-input-font-size-m);\n padding-left: calc(var(--wcs-input-padding-horizontal-m));\n padding-right: calc(var(--wcs-input-padding-horizontal-m));\n\n display: flex;\n width: 100%;\n height: var(--wcs-input-host-height);\n box-sizing: border-box;\n border-radius: var(--wcs-input-border-radius-left) var(--wcs-input-border-radius-right) var(--wcs-input-border-radius-right) var(--wcs-input-border-radius-left);\n background-color: var(--wcs-input-background-color);\n outline: var(--wcs-input-border-style-default) var(--wcs-input-border-width) var(--wcs-input-border-color-default);\n outline-offset: calc(var(--wcs-input-border-width) * -1);\n background-clip: padding-box;\n\n gap: var(--wcs-input-gap);\n\n input {\n overflow: hidden;\n height: var(--wcs-input-host-height);\n width: 100%;\n padding: 0; // Reset padding from user agent stylesheet, it's the container that will handle padding\n background-color: transparent;\n font-family: var(--wcs-font-sans-serif);\n color: var(--wcs-input-value-color);\n font-weight: var(--wcs-input-value-font-weight) !important;\n border: none;\n font-size: var(--wcs-input-font-size, 1rem);\n line-height: 1.5;\n\n &::placeholder {\n @include placeholder(var(--wcs-input-placeholder-color), var(--wcs-input-placeholder-font-weight), var(--wcs-input-placeholder-font-style));\n }\n }\n\n input:focus {\n box-shadow: none;\n outline: 0;\n }\n\n button.toggle_password {\n background: transparent;\n border: none;\n color: inherit;\n\n cursor: pointer;\n\n\n &:focus-visible {\n @include focus-outline(var(--wcs-input-reveal-password-button-border-color-focus), $outline-offset: calc(-2 * var(--wcs-input-border-width-focus)));\n }\n }\n\n .prefix, .suffix {\n color: var(--wcs-input-prefix-suffix-color);\n display: flex;\n white-space: nowrap;\n align-items: center;\n font-size: var(--wcs-input-font-size, 1rem);\n padding: 0 calc(var(--wcs-input-padding-horizontal-m) / 2);\n font-weight: var(--wcs-input-prefix-suffix-font-weight) !important;\n background-color: var(--wcs-input-prefix-suffix-background-color);\n }\n\n .prefix {\n border-radius: var(--wcs-internal-input-border-radius-left) 0 0 var(--wcs-internal-input-border-radius-left);\n }\n\n .suffix {\n border-radius: 0 var(--wcs-internal-input-border-radius-right) var(--wcs-internal-input-border-radius-right) 0;\n }\n\n wcs-mat-icon {\n color: var(--wcs-input-icon-color-default);\n }\n}\n\n:host([size=l]) {\n --wcs-input-host-height: var(--wcs-input-height-l);\n --wcs-input-font-size: var(--wcs-input-font-size-l);\n\n padding-left: calc(var(--wcs-input-padding-horizontal-l));\n padding-right: calc(var(--wcs-input-padding-horizontal-l));\n}\n\n:host([size=m]) { // Default\n --wcs-input-host-height: var(--wcs-input-height-m);\n --wcs-input-font-size: var(--wcs-input-font-size-m);\n\n padding-left: calc(var(--wcs-input-padding-horizontal-m));\n padding-right: calc(var(--wcs-input-padding-horizontal-m));\n}\n\n:host([size=s]) {\n --wcs-input-host-height: var(--wcs-input-height-s);\n --wcs-input-font-size: var(--wcs-input-font-size-s);\n\n padding-left: calc(var(--wcs-input-padding-horizontal-s));\n padding-right: calc(var(--wcs-input-padding-horizontal-s));\n}\n\n:host([state=error]) {\n outline-color: var(--wcs-input-border-color-error) !important;\n}\n\n:host([data-has-prefix]) {\n padding-left: 0;\n}\n\n:host([data-has-suffix]) {\n padding-right: 0;\n}\n\n:host([disabled]) {\n cursor: not-allowed; // padding is handled by the container, so we need to set cursor not allowed on it\n outline: var(--wcs-input-border-style-default) var(--wcs-input-border-width) var(--wcs-input-border-color-disabled);\n --wcs-input-background-color: var(--wcs-semantic-color-background-control-disabled);\n\n input {\n cursor: not-allowed;\n color: var(--wcs-input-text-color-disabled);\n\n &::placeholder {\n color: var(--wcs-input-text-color-disabled);\n }\n }\n\n .prefix, .suffix {\n color: var(--wcs-input-prefix-suffix-color-disabled);\n cursor: text; // reset cursor to text for prefix and suffix, to be able to select text\n }\n\n wcs-mat-icon {\n color: var(--wcs-input-icon-color-disabled);\n cursor: not-allowed;\n }\n}\n\n:host([readonly]) {\n --wcs-input-background-color: var(--wcs-semantic-color-background-control-readonly);\n --wcs-input-border-width: 0;\n}\n\n:host(:focus-within) {\n outline: var(--wcs-input-border-style-focus) var(--wcs-input-border-width-focus) var(--wcs-input-border-color-focus);\n outline-offset: calc(var(--wcs-input-border-width-focus) * -1);\n\n wcs-mat-icon {\n color: var(--wcs-input-icon-color-focus);\n }\n}\n","import {\n Build,\n Component,\n ComponentInterface,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n Watch\n} from '@stencil/core';\nimport {\n debounceEvent,\n inheritAriaAttributes,\n inheritAttributes,\n setOrRemoveAttribute\n} from '../../utils/helpers';\nimport {\n AutocompleteTypes,\n InputChangeEventDetail,\n TextFieldTypes,\n WcsInputSize,\n WcsInputAutocorrect,\n WcsInputEnterKeyHint,\n WcsInputInputMode,\n WcsInputState\n} from './input-interface';\nimport { AriaAttributeName, MutableAriaAttribute } from \"../../utils/mutable-aria-attribute\";\n\nconst INPUT_INHERITED_ATTRS = ['tabindex', 'title'];\n\n/*\n The input component is a form control that accepts a single line of text.\n * Implementation mainly inspired from Ionic Input Component.\n \n ## Accessibility guidelines 💡\n * > - If you use wcs-input outside a wcs-form-field, you have to manage the label and the error message yourself.\n * > You can use the `aria-label` attribute to provide a label for screen readers but adds no visual label.\n * \n * @cssprop --wcs-input-icon-color-default - default icon color when the input is not focused\n * @cssprop --wcs-input-icon-color-focus - icon color when the input is focused\n * @cssprop --wcs-input-icon-color-disabled - icon color when the input is disabled\n \n @cssprop --wcs-input-background-color - background color of the input\n \n @cssprop --wcs-input-border-radius-left - border radius of the left side of the input\n * @cssprop --wcs-input-border-radius-right - border radius of the right side of the input\n * \n * @cssprop --wcs-input-border-width - border width of the input\n * @cssprop --wcs-input-border-width-focus - border width of the input when focused\n \n @cssprop --wcs-input-height-l - large height of the input\n * @cssprop --wcs-input-height-m - medium height of the input\n * @cssprop --wcs-input-height-s - small height of the input\n * @cssprop --wcs-input-font-size-l - large font size of the input\n * @cssprop --wcs-input-font-size-m - medium font size of the input\n * @cssprop --wcs-input-font-size-s - small font size of the input\n \n @cssprop --wcs-input-border-style-default - default border style of the input\n * @cssprop --wcs-input-border-style-focus - border style of the input when focused\n * \n * @cssprop --wcs-input-prefix-suffix-background-color - background color of the suffix/prefix\n * @cssprop --wcs-input-prefix-suffix-color - color of the suffix/prefix\n * @cssprop --wcs-input-prefix-suffix-color-disabled - color of the suffix/prefix when the input is disabled\n * @cssprop --wcs-input-prefix-suffix-font-weight - font weight of the suffix/prefix\n \n @cssprop --wcs-input-border-color-default - default border color of the input when not focused\n * @cssprop --wcs-input-border-color-disabled - border color of the input when disabled\n * @cssprop --wcs-input-border-color-focus - border color of the input when focused\n * @cssprop --wcs-input-reveal-password-button-border-color-focus - border color of the show/hide password button when focused\n * @cssprop --wcs-input-border-color-error - border color of the input when in error state\n \n @cssprop --wcs-input-value-color - color of the input value\n * @cssprop --wcs-input-value-font-weight - font weight of the input value\n * \n * @cssprop --wcs-input-placeholder-color - color of the input placeholder\n * @cssprop --wcs-input-placeholder-font-weight - font weight of the input placeholder\n * @cssprop --wcs-input-placeholder-font-style - font style of the input placeholder\n * \n * @cssprop --wcs-input-text-color-disabled - color of the input when disabled\n \n @cssprop --wcs-input-padding-horizontal-s - horizontal padding of the input in small size\n * @cssprop --wcs-input-padding-horizontal-m - horizontal padding of the input in medium size\n * @cssprop --wcs-input-padding-horizontal-l - horizontal padding of the input in large size\n * \n * @cssprop --wcs-input-gap - gap between text input and icon\n /\n@Component({\n tag: 'wcs-input',\n styleUrl: 'input.scss',\n shadow: { delegatesFocus: true },\n})\nexport class Input implements ComponentInterface, MutableAriaAttribute {\n @Element() private el!: HTMLElement;\n private nativeInput?: HTMLInputElement;\n private inputId = `wcs-input-${inputIds++}`;\n private inheritedAttributes: { [k: string]: any } = {};\n private iconPassword = \"visibility\";\n\n /\n This is required for a WebKit bug which requires us to\n * blur and focus an input to properly focus the input in\n * an item with delegatesFocus. It will no longer be needed\n * with iOS 14.\n \n @internal\n /\n @Prop() fireFocusEvents: boolean = true;\n\n @State() private passwordReveal: boolean = false;\n\n /\n If the value of the type attribute is `\"file\"`, then this attribute will indicate the types of files that the\n * server accepts, otherwise it will be ignored. The value must be a comma-separated list of unique content type specifiers.\n /\n @Prop() accept?: string;\n\n /\n Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.\n * Available options: `\"off\"`, `\"none\"`, `\"on\"`, `\"sentences\"`, `\"words\"`, `\"characters\"`.\n /\n @Prop() autocapitalize = 'off';\n\n /\n Indicates whether the value of the control can be automatically completed by the browser.\n /\n @Prop() autocomplete: AutocompleteTypes = 'off';\n\n /\n Whether auto correction should be enabled when the user is entering/editing the text value.\n /\n @Prop() autocorrect: WcsInputAutocorrect = 'off';\n\n /\n This Boolean attribute lets you specify that a form control should have input focus when the page loads.\n /\n @Prop() autofocus: boolean = false;\n\n /\n Set the amount of time, in milliseconds, to wait to trigger the `wcsInput` event after each keystroke.\n * This also impacts form bindings such as `ngModel` or `v-model`.\n /\n @Prop() debounce = 0;\n\n @Watch('debounce')\n protected debounceChanged() {\n this.wcsInput = debounceEvent(this.wcsInput, this.debounce);\n }\n\n /\n Prefix displayed before the text field contents. This is not included in the value.\n /\n @Prop() prefixLabel: string;\n\n /\n Suffix displayed after the text field contents. This is not included in the value.\n /\n @Prop() suffixLabel: string;\n\n /\n If `true`, the user cannot interact with the input.\n /\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /\n A hint to the browser for which enter key to display.\n /\n @Prop() enterkeyhint?: WcsInputEnterKeyHint;\n\n /\n Specify the size (height) of the input.\n /\n @Prop({reflect: true}) size: WcsInputSize = 'm';\n\n /\n Name of the material icon to add to the input\n /\n @Prop() icon: string;\n\n /\n A hint to the browser for which keyboard to display.\n /\n @Prop() inputmode?: WcsInputInputMode;\n\n /\n The maximum value, which must not be less than its minimum (min attribute) value.\n /\n @Prop() max?: string;\n\n /\n If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute\n * specifies the maximum number of characters that the user can enter.\n /\n @Prop() maxlength?: number;\n\n /\n The minimum value, which must not be greater than its maximum (max attribute) value.\n /\n @Prop() min?: string;\n\n /\n If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute\n * specifies the minimum number of characters that the user can enter.\n /\n @Prop() minlength?: number;\n\n /\n If `true`, the user can enter more than one value. This attribute applies when the type attribute is set to\n * `\"email\"` or `\"file\"`, otherwise it is ignored.\n /\n @Prop({ reflect: true }) multiple?: boolean;\n\n /\n The name of the control, which is submitted with the form data.\n /\n @Prop() name: string = this.inputId;\n\n @Prop() hidePasswordButtonAriaLabel: string = \"Cacher le mot de passe\";\n @Prop() showPasswordButtonAriaLabel: string = \"Afficher le mot de passe\";\n\n /\n A regular expression that the value is checked against. The pattern must match the entire value, not just some\n * subset. Use the title attribute to describe the pattern to help the user. This attribute applies when the value\n * of the type attribute is `\"text\"`, `\"search\"`, `\"tel\"`, `\"url\"`, `\"email\"`, `\"date\"`, or `\"password\"`, otherwise\n * it is ignored. When the type attribute is `\"date\"`, `pattern` will only be used in browsers that do not support\n * the `\"date\"` input type natively. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date for\n * more information.\n /\n @Prop() pattern?: string;\n\n /\n Instructional text that shows before the input has a value.\n /\n @Prop() placeholder?: string \| null;\n\n /\n If `true`, the user cannot modify the value.\n /\n @Prop({ reflect: true }) readonly: boolean = false;\n\n /\n If `true`, the user must fill in a value before submitting a form.\n /\n @Prop({ reflect: true }) required: boolean = false;\n\n /\n If `true`, the element will have its spelling and grammar checked.\n /\n @Prop() spellcheck: boolean = false;\n\n /\n Specifies the state of the input. By default the input is in an normal state but you can to set it to 'error'\n * state if the data given by the user is not valid.\n /\n @Prop({reflect: true}) state: WcsInputState = 'initial';\n\n /\n Works with the min and max attributes to limit the increments at which a value can be set.\n * Possible values are: `\"any\"` or a positive floating point number.\n /\n @Prop() step?: string;\n\n /\n The type of control to display. The default type is text.\n /\n @Prop() type: TextFieldTypes = 'text';\n\n /\n The value of the input.\n /\n @Prop({mutable: true}) value?: string \| number \| null = '';\n\n /\n Emitted when a keyboard input occurred. See https://developer.mozilla.org/en-US/docs/Web/Events/input\n /\n @Event() wcsInput!: EventEmitter<KeyboardEvent>;\n\n /\n Emitted when the value has changed. See https://developer.mozilla.org/en-US/docs/Web/Events/change\n /\n @Event() wcsChange!: EventEmitter<InputChangeEventDetail>;\n\n /\n Emitted when the input loses focus.\n /\n @Event() wcsBlur!: EventEmitter<FocusEvent>;\n\n /\n Emitted when the input has focus.\n /\n @Event() wcsFocus!: EventEmitter<FocusEvent>;\n\n componentWillLoad() {\n this.inheritedAttributes = {\n ...inheritAriaAttributes(this.el),\n ...inheritAttributes(this.el, INPUT_INHERITED_ATTRS)\n };\n }\n\n connectedCallback() {\n this.debounceChanged();\n if (Build.isBrowser) {\n document.dispatchEvent(new CustomEvent('wcsInputDidLoad', {\n detail: this.el\n }));\n }\n }\n\n disconnectedCallback() {\n if (Build.isBrowser) {\n document.dispatchEvent(new CustomEvent('wcsInputDidUnload', {\n detail: this.el\n }));\n }\n }\n\n /\n Sets blur on the native `input` in `wcs-input`. Use this method instead of the global\n * `input.blur()`.\n * @internal\n /\n @Method()\n async setBlur() {\n if (this.nativeInput) {\n this.nativeInput.blur();\n }\n }\n\n /\n Returns the native `<input>` element used under the hood.\n */\n @Method()\n getInputElement(): Promise<HTMLInputElement> {\n return Promise.resolve(this.nativeInput!);\n }\n\n @Method()\n async setAriaAttribute(attr: AriaAttributeName, value: string \| null \| undefined) {\n setOrRemoveAttribute(this.nativeInput, attr, value);\n }\n \n private getValueAsString(): string {\n return typeof this.value === 'number' ? this.value.toString() :\n (this.value \|\| '').toString();\n }\n\n private onInput = (ev: Event) => {\n const input = ev.target as HTMLInputElement \| null;\n if (input) {\n this.value = input.value \|\| '';\n }\n this.wcsInput.emit(ev as KeyboardEvent);\n }\n\n private onChange = (_: Event) => {\n this.wcsChange.emit({value: this.nativeInput.value});\n }\n\n private onBlur = (ev: FocusEvent) => {\n if (this.fireFocusEvents) {\n this.wcsBlur.emit(ev);\n }\n }\n\n private onFocus = (ev: FocusEvent) => {\n if (this.fireFocusEvents) {\n this.wcsFocus.emit(ev);\n }\n }\n\n private passwordRevealIconClick(): void {\n this.passwordReveal = !this.passwordReveal;\n }\n\n @Watch('passwordReveal')\n onPasswordRevealChange(): void {\n this.iconPassword = this.passwordReveal ? 'visibility_off' : 'visibility';\n }\n\n render() {\n const value = this.getValueAsString();\n\n return (\n <Host\n aria-disabled={this.disabled ? 'true' : null}\n data-has-prefix={!!this.prefixLabel}\n data-has-suffix={!!this.suffixLabel}\n >\n {this.prefixLabel ? (<span class=\"prefix\" part=\"prefix\">{this.prefixLabel}</span>) : null}\n {this.icon ? (<wcs-mat-icon icon={this.icon} size=\"m\"></wcs-mat-icon>) : null}\n <input\n class=\"native-input\"\n ref={input => this.nativeInput = input}\n disabled={this.disabled}\n accept={this.accept}\n autoCapitalize={this.autocapitalize}\n autoComplete={this.autocomplete}\n autoCorrect={this.autocorrect}\n autoFocus={this.autofocus}\n enterKeyHint={this.enterkeyhint}\n inputMode={this.inputmode}\n min={this.min}\n max={this.max}\n minLength={this.minlength}\n maxLength={this.maxlength}\n multiple={this.multiple}\n name={this.name}\n pattern={this.pattern}\n placeholder={this.placeholder \|\| ''}\n readOnly={this.readonly}\n required={this.required}\n spellcheck={this.spellcheck}\n step={this.step}\n type={this.passwordReveal ? 'text' : this.type}\n value={value}\n onInput={this.onInput}\n onChange={this.onChange}\n onBlur={this.onBlur}\n onFocus={this.onFocus}\n {...this.inheritedAttributes}\n />\n {this.type === \"password\" ? (\n <button title={this.passwordReveal ? this.hidePasswordButtonAriaLabel : this.showPasswordButtonAriaLabel} class=\"toggle_password\" onClick={() => this.passwordRevealIconClick()}>\n <wcs-mat-icon icon={this.iconPassword} size=\"m\"></wcs-mat-icon>\n </button>\n ) : null}\n {this.suffixLabel ? (<span class=\"suffix\" part=\"suffix\">{this.suffixLabel}</span>) : null}\n </Host>\n );\n }\n}\n\nlet inputIds = 0;\n"],"mappings":"mJAAA,MAAMA,EAAW,i/MACjB,MAAAC,EAAeD,EC+Bf,MAAME,EAAwB,CAAC,WAAY,S,MA+D9BC,EAAKC,EAAA,MAAAD,UAAAE,E,8MAGNC,KAAAC,QAAU,aAAaC,MACvBF,KAAAG,oBAA4C,GAC5CH,KAAAI,aAAe,aAyPfJ,KAAAK,QAAWC,IACf,MAAMC,EAAQD,EAAGE,OACjB,GAAID,EAAO,CACPP,KAAKS,MAAQF,EAAME,OAAS,E,CAEhCT,KAAKU,SAASC,KAAKL,EAAoB,EAGnCN,KAAAY,SAAYC,IAChBb,KAAKc,UAAUH,KAAK,CAACF,MAAOT,KAAKe,YAAYN,OAAO,EAGhDT,KAAAgB,OAAUV,IACd,GAAIN,KAAKiB,gBAAiB,CACtBjB,KAAKkB,QAAQP,KAAKL,E,GAIlBN,KAAAmB,QAAWb,IACf,GAAIN,KAAKiB,gBAAiB,CACtBjB,KAAKoB,SAAST,KAAKL,E,wBAnQQ,K,oBAEQ,M,0CAYlB,M,kBAKiB,M,iBAKC,M,eAKd,M,cAMV,E,oEAoB0B,M,sCAUD,I,uKA2CrBN,KAAKC,Q,iCAEkB,yB,iCACA,2B,gEAoBD,M,cAKA,M,gBAKf,M,WAMgB,U,8BAWf,O,WAKyB,E,CA7H9C,eAAAoB,GACNrB,KAAKU,SAAWY,EAActB,KAAKU,SAAUV,KAAKuB,S,CAkJtD,iBAAAC,GACIxB,KAAKG,oBAAmBsB,OAAAC,OAAAD,OAAAC,OAAA,GACjBC,EAAsB3B,KAAK4B,KAC3BC,EAAkB7B,KAAK4B,GAAIhC,G,CAItC,iBAAAkC,GACI9B,KAAKqB,kBACgB,CACjBU,SAASC,cAAc,IAAIC,YAAY,kBAAmB,CACtDC,OAAQlC,KAAK4B,K,EAKzB,oBAAAO,GACyB,CACjBJ,SAASC,cAAc,IAAIC,YAAY,oBAAqB,CACxDC,OAAQlC,KAAK4B,K,EAWzB,aAAMQ,GACF,GAAIpC,KAAKe,YAAa,CAClBf,KAAKe,YAAYsB,M,EAQzB,eAAAC,GACI,OAAOC,QAAQC,QAAQxC,KAAKe,Y,CAIhC,sBAAM0B,CAAiBC,EAAyBjC,GAC5CkC,EAAqB3C,KAAKe,YAAa2B,EAAMjC,E,CAGzC,gBAAAmC,GACJ,cAAc5C,KAAKS,QAAU,SAAWT,KAAKS,MAAMoC,YAC9C7C,KAAKS,OAAS,IAAIoC,U,CA2BnB,uBAAAC,GACJ9C,KAAK+C,gBAAkB/C,KAAK+C,c,CAIhC,sBAAAC,GACIhD,KAAKI,aAAeJ,KAAK+C,eAAiB,iBAAmB,Y,CAGjE,MAAAE,GACI,MAAMxC,EAAQT,KAAK4C,mBAEnB,OACIM,EAACC,EAAI,CAAAC,IAAA,2DACcpD,KAAKqD,SAAW,OAAS,KAAI,oBACzBrD,KAAKsD,YAAW,oBAChBtD,KAAKuD,aAEvBvD,KAAKsD,YAAeJ,EAAA,QAAMM,MAAM,SAASC,KAAK,UAAUzD,KAAKsD,aAAuB,KACpFtD,KAAK0D,KAAQR,EAAA,gBAAcQ,KAAM1D,KAAK0D,KAAMC,KAAK,MAAuB,KACzET,EAAA,QAAAzB,OAAAC,OAAA,CAAA0B,IAAA,2CACII,MAAM,eACNI,IAAKrD,GAASP,KAAKe,YAAcR,EACjC8C,SAAUrD,KAAKqD,SACfQ,OAAQ7D,KAAK6D,OACbC,eAAgB9D,KAAK+D,eACrBC,aAAchE,KAAKiE,aACnBC,YAAalE,KAAKmE,YAClBC,UAAWpE,KAAKqE,UAChBC,aAActE,KAAKuE,aACnBC,UAAWxE,KAAKyE,UAChBC,IAAK1E,KAAK0E,IACVC,IAAK3E,KAAK2E,IACVC,UAAW5E,KAAK6E,UAChBC,UAAW9E,KAAK+E,UAChBC,SAAUhF,KAAKgF,SACfC,KAAMjF,KAAKiF,KACXC,QAASlF,KAAKkF,QACdC,YAAanF,KAAKmF,aAAe,GACjCC,SAAUpF,KAAKqF,SACfC,SAAUtF,KAAKsF,SACfC,WAAYvF,KAAKuF,WACjBC,KAAMxF,KAAKwF,KACXC,KAAMzF,KAAK+C,eAAiB,OAAS/C,KAAKyF,KAC1ChF,MAAOA,EACPJ,QAASL,KAAKK,QACdO,SAAUZ,KAAKY,SACfI,OAAQhB,KAAKgB,OACbG,QAASnB,KAAKmB,SACVnB,KAAKG,sBAEZH,KAAKyF,OAAS,WACXvC,EAAA,UAAQwC,MAAO1F,KAAK+C,eAAiB/C,KAAK2F,4BAA8B3F,KAAK4F,4BAA6BpC,MAAM,kBAAkBqC,QAAS,IAAM7F,KAAK8C,2BAClJI,EAAA,gBAAcQ,KAAM1D,KAAKI,aAAcuD,KAAK,OAEhD,KACH3D,KAAKuD,YAAeL,EAAA,QAAMM,MAAM,SAASC,KAAK,UAAUzD,KAAKuD,aAAuB,K,k7BAMrG,IAAIrD,EAAW,E"}

package/bundle/wcs-label.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{L as o,d as s}from"./p-581fc0fc.js";const c=o;const t=s;export{c as WcsLabel,t as defineCustomElement};
+import{L as o,d as s}from"./p-9138985e.js";const t=o;const p=s;export{t as WcsLabel,p as defineCustomElement};
 //# sourceMappingURL=wcs-label.js.map

package/bundle/wcs-list-item-properties.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as t,H as e,h as s,c as r}from"./p-2bef72c7.js";const i=':host{--wcs-list-item-properties-margin-bottom:var(--wcs-semantic-spacing-small);--wcs-list-item-properties-gap:calc(4 * var(--wcs-semantic-spacing-base));--wcs-list-item-properties-separator-width:var(--wcs-semantic-border-width-large);--wcs-list-item-properties-separator-color:var(--wcs-semantic-color-border-secondary);display:flex;margin-bottom:var(--wcs-list-item-properties-margin-bottom);gap:var(--wcs-list-item-properties-gap)}::slotted(*:not(:last-of-type)){position:relative}::slotted(*:not(:last-of-type))::after{position:absolute;content:"";top:0;height:100%;width:var(--wcs-list-item-properties-separator-width);background-color:var(--wcs-list-item-properties-separator-color);right:calc(-0.5 * var(--wcs-list-item-properties-gap) - 0.5 * var(--wcs-list-item-properties-separator-width))}';const o=i;const c=t(class t extends e{constructor(){super();this.__registerHost();this.__attachShadow()}render(){return s(r,{key:"c9403bd863f3fbd182426df25c089d61ac3e5986",slot:"properties"},s("slot",{key:"23baae7bd7dc743b23fc5598c8a60b6edf37f9c4",name:"property"}))}static get style(){return o}},[1,"wcs-list-item-properties"]);function a(){if(typeof customElements==="undefined"){return}const t=["wcs-list-item-properties"];t.forEach((t=>{switch(t){case"wcs-list-item-properties":if(!customElements.get(t)){customElements.define(t,c)}break}}))}const p=c;const l=a;export{p as WcsListItemProperties,l as defineCustomElement};
+import{p as t,H as e,h as s,c as r}from"./p-2bef72c7.js";const i=':host{--wcs-list-item-properties-margin-bottom:var(--wcs-semantic-spacing-small);--wcs-list-item-properties-gap:calc(4 * var(--wcs-semantic-spacing-base));--wcs-list-item-properties-separator-width:var(--wcs-semantic-border-width-large);--wcs-list-item-properties-separator-color:var(--wcs-semantic-color-border-secondary);display:flex;margin-bottom:var(--wcs-list-item-properties-margin-bottom);gap:var(--wcs-list-item-properties-gap)}::slotted(*:not(:last-of-type)){position:relative}::slotted(*:not(:last-of-type))::after{position:absolute;content:"";top:0;height:100%;width:var(--wcs-list-item-properties-separator-width);background-color:var(--wcs-list-item-properties-separator-color);right:calc(-0.5 * var(--wcs-list-item-properties-gap) - 0.5 * var(--wcs-list-item-properties-separator-width))}';const o=i;const a=t(class t extends e{constructor(){super();this.__registerHost();this.__attachShadow()}render(){return s(r,{key:"ca54e312f895a733d37d8ecb5fad5323dc0aa1a7",slot:"properties"},s("slot",{key:"6cbe494d80b81d9a7b48ea0f9c732fa09b77c83c",name:"property"}))}static get style(){return o}},[1,"wcs-list-item-properties"]);function c(){if(typeof customElements==="undefined"){return}const t=["wcs-list-item-properties"];t.forEach((t=>{switch(t){case"wcs-list-item-properties":if(!customElements.get(t)){customElements.define(t,a)}break}}))}const p=a;const l=c;export{p as WcsListItemProperties,l as defineCustomElement};
 //# sourceMappingURL=wcs-list-item-properties.js.map

package/bundle/wcs-list-item-property.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as t,H as e,h as s,c as o}from"./p-2bef72c7.js";const r=":host{--wcs-list-item-property-font-weight:var(--wcs-semantic-font-weight-medium);--wcs-list-item-property-color:var(--wcs-semantic-color-text-secondary);font-weight:var(--wcs-list-item-property-font-weight);color:var(--wcs-list-item-property-color)}";const c=r;const i=t(class t extends e{constructor(){super();this.__registerHost();this.__attachShadow()}render(){return s(o,{key:"8f87008b8f9a847e0ef6ca55d87b2eec24eb1763",slot:"property"},s("slot",{key:"5ad7e2f0f44d93c9ba599f23a850648f88dbefb9"}))}static get style(){return c}},[1,"wcs-list-item-property"]);function n(){if(typeof customElements==="undefined"){return}const t=["wcs-list-item-property"];t.forEach((t=>{switch(t){case"wcs-list-item-property":if(!customElements.get(t)){customElements.define(t,i)}break}}))}const p=i;const f=n;export{p as WcsListItemProperty,f as defineCustomElement};
+import{p as t,H as e,h as s,c as o}from"./p-2bef72c7.js";const r=":host{--wcs-list-item-property-font-weight:var(--wcs-semantic-font-weight-medium);--wcs-list-item-property-color:var(--wcs-semantic-color-text-secondary);font-weight:var(--wcs-list-item-property-font-weight);color:var(--wcs-list-item-property-color)}";const c=r;const i=t(class t extends e{constructor(){super();this.__registerHost();this.__attachShadow()}render(){return s(o,{key:"b992043f1f4f7642184a693e24b5f225b93f09db",slot:"property"},s("slot",{key:"ceae8528fabf14dba44e2c58adca814868859cd8"}))}static get style(){return c}},[1,"wcs-list-item-property"]);function n(){if(typeof customElements==="undefined"){return}const t=["wcs-list-item-property"];t.forEach((t=>{switch(t){case"wcs-list-item-property":if(!customElements.get(t)){customElements.define(t,i)}break}}))}const p=i;const a=n;export{p as WcsListItemProperty,a as defineCustomElement};
 //# sourceMappingURL=wcs-list-item-property.js.map

package/bundle/wcs-list-item.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as t,H as e,h as i,c}from"./p-2bef72c7.js";const s=":host{--wcs-list-item-padding:var(--wcs-semantic-spacing-large);--wcs-list-item-border-width:var(--wcs-semantic-border-width-default);--wcs-list-item-border-color:var(--wcs-semantic-color-border-secondary);--wcs-list-item-background-color-default:var(--wcs-semantic-color-background-action-secondary-default);--wcs-list-item-background-color-hover:var(--wcs-semantic-color-background-action-secondary-hover);--wcs-list-item-background-color-active:var(--wcs-semantic-color-background-action-secondary-selected-default);--wcs-list-item-transition-duration:var(--wcs-semantic-motion-duration-feedback-base);--wcs-list-item-title-color:var(--wcs-semantic-color-text-primary);--wcs-list-item-title-font-weight:var(--wcs-semantic-font-weight-heavy);--wcs-list-item-title-line-height:var(--wcs-semantic-font-line-height-medium);--wcs-list-item-title-margin-bottom:var(--wcs-semantic-spacing-base);--wcs-list-item-icon-color:var(--wcs-semantic-color-text-secondary);--wcs-list-item-icon-margin-right:var(--wcs-semantic-spacing-large);--wcs-list-item-actions-margin-left:var(--wcs-semantic-spacing-base);display:flex;padding:var(--wcs-list-item-padding);border:solid var(--wcs-list-item-border-width) var(--wcs-list-item-border-color);margin-bottom:calc(-1 * var(--wcs-list-item-border-width));background-color:var(--wcs-list-item-background-color-default)}:host(:hover){background-color:var(--wcs-list-item-background-color-hover);transition:var(--wcs-list-item-transition-duration)}:host([activated]){background-color:var(--wcs-list-item-background-color-active)}::slotted([slot=title]){color:var(--wcs-list-item-title-color);margin-bottom:var(--wcs-list-item-title-margin-bottom);line-height:var(--wcs-list-item-title-line-height);font-weight:var(--wcs-list-item-title-font-weight);font-family:inherit}::slotted([slot=icon]){color:var(--wcs-list-item-icon-color);margin-right:var(--wcs-list-item-icon-margin-right)}::slotted([slot=actions]){margin-left:var(--wcs-list-item-actions-margin-left)}.content{display:flex;flex-direction:column;flex-grow:1}.header{display:flex;justify-content:space-between}";const a=s;const o=t(class t extends e{constructor(){super();this.__registerHost();this.__attachShadow();this.activated=false}render(){return i(c,{key:"12f53246cdb5922136d782f186573f3558bebbed"},i("slot",{key:"e03247aafa44501292b6c86d58455dc91240151c",name:"icon"}),i("div",{key:"24b4b6b485457e2c37001360f55ce1f4e843366e",class:"content"},i("div",{key:"736464f3f43ccbdd2a204c3a7b54b78f8ef79c4e",class:"header"},i("div",{key:"13da0ca922bf545f5610326f5abfc135b66389c5"},i("slot",{key:"1eb08b7d5aa3bef934f39527204f2633f51325df",name:"title"}),i("slot",{key:"3d506707345797e7e40246b18dc0aac557726d3c",name:"properties"})),i("slot",{key:"1a2afea410fe835bc8570e10e5f72a044d7a0218",name:"actions"})),i("slot",{key:"b0e4e3ed4cb20abb4d80ac7ff8893cd7b6311aec",name:"description"})))}static get style(){return a}},[1,"wcs-list-item",{activated:[1540]}]);function r(){if(typeof customElements==="undefined"){return}const t=["wcs-list-item"];t.forEach((t=>{switch(t){case"wcs-list-item":if(!customElements.get(t)){customElements.define(t,o)}break}}))}const n=o;const l=r;export{n as WcsListItem,l as defineCustomElement};
+import{p as t,H as e,h as i,c}from"./p-2bef72c7.js";const s=":host{--wcs-list-item-padding:var(--wcs-semantic-spacing-large);--wcs-list-item-border-width:var(--wcs-semantic-border-width-default);--wcs-list-item-border-color:var(--wcs-semantic-color-border-secondary);--wcs-list-item-background-color-default:var(--wcs-semantic-color-background-action-secondary-default);--wcs-list-item-background-color-hover:var(--wcs-semantic-color-background-action-secondary-hover);--wcs-list-item-background-color-active:var(--wcs-semantic-color-background-action-secondary-selected-default);--wcs-list-item-transition-duration:var(--wcs-semantic-motion-duration-feedback-base);--wcs-list-item-title-color:var(--wcs-semantic-color-text-primary);--wcs-list-item-title-font-weight:var(--wcs-semantic-font-weight-heavy);--wcs-list-item-title-line-height:var(--wcs-semantic-font-line-height-medium);--wcs-list-item-title-margin-bottom:var(--wcs-semantic-spacing-base);--wcs-list-item-icon-color:var(--wcs-semantic-color-text-secondary);--wcs-list-item-icon-margin-right:var(--wcs-semantic-spacing-large);--wcs-list-item-actions-margin-left:var(--wcs-semantic-spacing-base);display:flex;padding:var(--wcs-list-item-padding);border:solid var(--wcs-list-item-border-width) var(--wcs-list-item-border-color);margin-bottom:calc(-1 * var(--wcs-list-item-border-width));background-color:var(--wcs-list-item-background-color-default)}:host(:hover){background-color:var(--wcs-list-item-background-color-hover);transition:var(--wcs-list-item-transition-duration)}:host([activated]){background-color:var(--wcs-list-item-background-color-active)}::slotted([slot=title]){color:var(--wcs-list-item-title-color);margin-bottom:var(--wcs-list-item-title-margin-bottom);line-height:var(--wcs-list-item-title-line-height);font-weight:var(--wcs-list-item-title-font-weight);font-family:inherit}::slotted([slot=icon]){color:var(--wcs-list-item-icon-color);margin-right:var(--wcs-list-item-icon-margin-right)}::slotted([slot=actions]){margin-left:var(--wcs-list-item-actions-margin-left)}.content{display:flex;flex-direction:column;flex-grow:1}.header{display:flex;justify-content:space-between}";const a=s;const o=t(class t extends e{constructor(){super();this.__registerHost();this.__attachShadow();this.activated=false}render(){return i(c,{key:"f835a0a24bfdfeadeb60a29b73f589caf66abd19"},i("slot",{key:"dc932c86fef704e6c799b69b9a93b97b9e6c0cc3",name:"icon"}),i("div",{key:"93c6cfef8e8488e63f9306bb786eaf262b7a8587",class:"content"},i("div",{key:"6181d61f98684a6df0c4d262264a001c32555e81",class:"header"},i("div",{key:"ce07788c1aaf9718cf318629f0b9ab06d919a33d"},i("slot",{key:"6eda723480b519381d0f9ad4eebfca78b5f1a1a6",name:"title"}),i("slot",{key:"3d484c4b521d2bf1315e85be71911d27f13be239",name:"properties"})),i("slot",{key:"f20cdf8cc69b3a7c773e0f0d7013dd1affc5b962",name:"actions"})),i("slot",{key:"f17ffd62de7ed2c2ded7c75608ce574cdd839ff3",name:"description"})))}static get style(){return a}},[1,"wcs-list-item",{activated:[1540]}]);function r(){if(typeof customElements==="undefined"){return}const t=["wcs-list-item"];t.forEach((t=>{switch(t){case"wcs-list-item":if(!customElements.get(t)){customElements.define(t,o)}break}}))}const n=o;const l=r;export{n as WcsListItem,l as defineCustomElement};
 //# sourceMappingURL=wcs-list-item.js.map

package/bundle/wcs-mat-icon.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{M as o,d as s}from"./p-98bd8a96.js";const t=o;const a=s;export{t as WcsMatIcon,a as defineCustomElement};
+import{M as o,d as s}from"./p-95eb2e54.js";const t=o;const e=s;export{t as WcsMatIcon,e as defineCustomElement};
 //# sourceMappingURL=wcs-mat-icon.js.map

package/bundle/wcs-message.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+interface WcsMessage extends Components.WcsMessage, HTMLElement {}
+export const WcsMessage: {
+    prototype: WcsMessage;
+    new (): WcsMessage;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/bundle/wcs-message.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{p as s,H as e,d as r,h as c,c as o}from"./p-2bef72c7.js";import{A as a}from"./p-f6d5c242.js";import{d as t}from"./p-c13e9bb6.js";import{d as n}from"./p-95eb2e54.js";import{d as i}from"./p-d7d1ea63.js";const l=":host{box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:space-between;--wcs-message-border-width:var(--wcs-semantic-border-width-default);--wcs-message-border-radius:var(--wcs-semantic-border-radius-base);--wcs-message-padding:var(--wcs-semantic-spacing-base-150);--wcs-message-gap:var(--wcs-semantic-spacing-base-150);--wcs-message-title-color:var(--wcs-semantic-color-text-primary);--wcs-message-subtitle-color:var(--wcs-semantic-color-text-secondary);--wcs-message-border-color-success:var(--wcs-semantic-color-border-success);--wcs-message-icon-color-success:var(--wcs-semantic-color-background-surface-success-default);--wcs-message-background-color-lightest-success:var(--wcs-semantic-color-background-surface-success-lightest);--wcs-message-background-color-lighter-success:var(--wcs-semantic-color-background-surface-success-lighter);--wcs-message-border-color-information:var(--wcs-semantic-color-border-information);--wcs-message-icon-color-information:var(--wcs-semantic-color-background-surface-information-default);--wcs-message-background-color-lightest-information:var(--wcs-semantic-color-background-surface-information-lightest);--wcs-message-background-color-lighter-information:var(--wcs-semantic-color-background-surface-information-lighter);--wcs-message-border-color-warning:var(--wcs-semantic-color-border-warning);--wcs-message-icon-color-warning:var(--wcs-semantic-color-background-surface-warning-default);--wcs-message-background-color-lightest-warning:var(--wcs-semantic-color-background-surface-warning-lightest);--wcs-message-background-color-lighter-warning:var(--wcs-semantic-color-background-surface-warning-lighter);--wcs-message-border-color-error:var(--wcs-semantic-color-border-critical);--wcs-message-icon-color-error:var(--wcs-semantic-color-background-surface-critical-default);--wcs-message-background-color-lightest-error:var(--wcs-semantic-color-background-surface-critical-lightest);--wcs-message-background-color-lighter-error:var(--wcs-semantic-color-background-surface-critical-lighter);font-size:var(--wcs-message-font-size);padding:var(--wcs-message-padding);gap:var(--wcs-message-gap);border-radius:var(--wcs-message-border-radius)}:host .content{display:flex;flex-direction:column}:host .icon-content-container{display:flex;align-items:center}:host .icon-content-container{gap:var(--wcs-message-gap)}:host ::slotted([slot=title]){color:var(--wcs-message-title-color);font-size:var(--wcs-message-title-font-size);font-weight:var(--wcs-message-title-font-weight)}:host ::slotted([slot=subtitle]){font-weight:var(--wcs-message-subtitle-font-weight);color:var(--wcs-message-subtitle-color);font-size:var(--wcs-message-subtitle-font-size)}:host .announcement-icon{color:var(--wcs-internal-message-icon-color)}.close-button wcs-mat-icon{color:var(--wcs-message-dismiss-button-color)}:host([background=lightest]){background-color:var(--wcs-internal-message-background-color-lightest)}:host([background=lighter]){background-color:var(--wcs-internal-message-background-color-lighter)}:host([show-border]){border:var(--wcs-message-border-width) solid var(--wcs-internal-message-border-color)}:host([intent=success]){--wcs-internal-message-border-color:var(--wcs-message-border-color-success);--wcs-internal-message-icon-color:var(--wcs-message-icon-color-success);--wcs-internal-message-background-color-lightest:var(--wcs-message-background-color-lightest-success);--wcs-internal-message-background-color-lighter:var(--wcs-message-background-color-lighter-success)}:host([intent=information]){--wcs-internal-message-border-color:var(--wcs-message-border-color-information);--wcs-internal-message-icon-color:var(--wcs-message-icon-color-information);--wcs-internal-message-background-color-lightest:var(--wcs-message-background-color-lightest-information);--wcs-internal-message-background-color-lighter:var(--wcs-message-background-color-lighter-information)}:host([intent=warning]){--wcs-internal-message-border-color:var(--wcs-message-border-color-warning);--wcs-internal-message-icon-color:var(--wcs-message-icon-color-warning);--wcs-internal-message-background-color-lightest:var(--wcs-message-background-color-lightest-warning);--wcs-internal-message-background-color-lighter:var(--wcs-message-background-color-lighter-warning)}:host([intent=error]){--wcs-internal-message-border-color:var(--wcs-message-border-color-error);--wcs-internal-message-icon-color:var(--wcs-message-icon-color-error);--wcs-internal-message-background-color-lightest:var(--wcs-message-background-color-lightest-error);--wcs-internal-message-background-color-lighter:var(--wcs-message-background-color-lighter-error)}";const g=l;const m=s(class s extends e{constructor(){super();this.__registerHost();this.__attachShadow();this.wcsMessageDismiss=r(this,"wcsMessageDismiss",7);this.intent="information";this.background="lightest";this.showCloseButton=false;this.showBorder=false}close(){this.wcsMessageDismiss.emit()}getMaterialIcon(){switch(this.intent){case"success":return"check_circle";case"information":return"info";case"error":return"error";case"warning":return"warning"}}getAriaLabel(){switch(this.intent){case"success":return"Succès";case"information":return"Information";case"error":return"Erreur";case"warning":return"Attention"}}render(){const s=this.intent==="error"\|\|this.intent==="warning";return c(o,{key:"d359d9528623f969c3a48f460fee90daeaacfd99",role:s?"alert":"status"},c("div",{key:"0179e27f5ffad182edb12437ec6696b963864313",class:"icon-content-container"},c("wcs-mat-icon",{key:"80d7a113c0697aae3f5b423fd440be53c6ceb0b0",class:"announcement-icon",icon:this.getMaterialIcon(),"aria-label":this.getAriaLabel(),role:"img","aria-hidden":false}),c("div",{key:"583702def518ecaf03f12401bd34acc8b19c41bb",class:"content"},c("slot",{key:"59d2f8bebc547337319695e3cdb46fa220fae948",name:"title"}),c("slot",{key:"9106dd799a198278d2e7acbabda36235ed8eb713",name:"subtitle"}))),this.showCloseButton&&c(a,{key:"fe51ac73fedfe37935681467ef9f1e73892976a1",onClick:()=>this.close()}))}static get style(){return g}},[1,"wcs-message",{intent:[513],background:[513],showCloseButton:[516,"show-close-button"],showBorder:[516,"show-border"]}]);function w(){if(typeof customElements==="undefined"){return}const s=["wcs-message","wcs-button","wcs-mat-icon","wcs-spinner"];s.forEach((s=>{switch(s){case"wcs-message":if(!customElements.get(s)){customElements.define(s,m)}break;case"wcs-button":if(!customElements.get(s)){t()}break;case"wcs-mat-icon":if(!customElements.get(s)){n()}break;case"wcs-spinner":if(!customElements.get(s)){i()}break}}))}const d=m;const u=w;export{d as WcsMessage,u as defineCustomElement};
2	+ //# sourceMappingURL=wcs-message.js.map

package/bundle/wcs-message.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["messageCss","WcsMessageStyle0","Message","proxyCustomElement","H","close","this","wcsMessageDismiss","emit","getMaterialIcon","intent","getAriaLabel","render","isDisruptive","h","Host","key","role","class","icon","name","showCloseButton","AlertCloseButton","onClick"],"sources":["src/components/message/message.scss?tag=wcs-message&encapsulation=shadow","src/components/message/message.tsx"],"sourcesContent":["@import '../../style/mixins/toast-common';\n\n:host {\n @include toast-common;\n --wcs-message-border-width: var(--wcs-semantic-border-width-default);\n --wcs-message-border-radius: var(--wcs-semantic-border-radius-base);\n --wcs-message-padding: var(--wcs-semantic-spacing-base-150);\n --wcs-message-gap: var(--wcs-semantic-spacing-base-150);\n\n --wcs-message-title-color: var(--wcs-semantic-color-text-primary);\n --wcs-message-subtitle-color: var(--wcs-semantic-color-text-secondary);\n\n --wcs-message-border-color-success: var(--wcs-semantic-color-border-success);\n --wcs-message-icon-color-success: var(--wcs-semantic-color-background-surface-success-default);\n --wcs-message-background-color-lightest-success: var(--wcs-semantic-color-background-surface-success-lightest);\n --wcs-message-background-color-lighter-success: var(--wcs-semantic-color-background-surface-success-lighter);\n\n --wcs-message-border-color-information: var(--wcs-semantic-color-border-information);\n --wcs-message-icon-color-information: var(--wcs-semantic-color-background-surface-information-default);\n --wcs-message-background-color-lightest-information: var(--wcs-semantic-color-background-surface-information-lightest);\n --wcs-message-background-color-lighter-information: var(--wcs-semantic-color-background-surface-information-lighter);\n\n --wcs-message-border-color-warning: var(--wcs-semantic-color-border-warning);\n --wcs-message-icon-color-warning: var(--wcs-semantic-color-background-surface-warning-default);\n --wcs-message-background-color-lightest-warning: var(--wcs-semantic-color-background-surface-warning-lightest);\n --wcs-message-background-color-lighter-warning: var(--wcs-semantic-color-background-surface-warning-lighter);\n\n --wcs-message-border-color-error: var(--wcs-semantic-color-border-critical);\n --wcs-message-icon-color-error: var(--wcs-semantic-color-background-surface-critical-default);\n --wcs-message-background-color-lightest-error: var(--wcs-semantic-color-background-surface-critical-lightest);\n --wcs-message-background-color-lighter-error: var(--wcs-semantic-color-background-surface-critical-lighter);\n\n font-size: var(--wcs-message-font-size);\n padding: var(--wcs-message-padding);\n gap: var(--wcs-message-gap);\n border-radius: var(--wcs-message-border-radius);\n\n .icon-content-container {\n gap: var(--wcs-message-gap);\n }\n\n ::slotted([slot=title]) {\n color: var(--wcs-message-title-color);\n font-size: var(--wcs-message-title-font-size);\n font-weight: var(--wcs-message-title-font-weight);\n }\n\n ::slotted([slot=subtitle]) {\n font-weight: var(--wcs-message-subtitle-font-weight);\n color: var(--wcs-message-subtitle-color);\n font-size: var(--wcs-message-subtitle-font-size);\n }\n\n .announcement-icon {\n color: var(--wcs-internal-message-icon-color);\n }\n}\n\n.close-button {\n wcs-mat-icon {\n color: var(--wcs-message-dismiss-button-color);\n }\n}\n\n:host([background='lightest']) {\n background-color: var(--wcs-internal-message-background-color-lightest);\n}\n\n:host([background='lighter']) {\n background-color: var(--wcs-internal-message-background-color-lighter);\n}\n\n:host([show-border]) {\n border: var(--wcs-message-border-width) solid var(--wcs-internal-message-border-color);\n}\n\n:host([intent='success']) {\n --wcs-internal-message-border-color: var(--wcs-message-border-color-success);\n --wcs-internal-message-icon-color: var(--wcs-message-icon-color-success);\n --wcs-internal-message-background-color-lightest: var(--wcs-message-background-color-lightest-success);\n --wcs-internal-message-background-color-lighter: var(--wcs-message-background-color-lighter-success);\n}\n\n:host([intent='information']) {\n --wcs-internal-message-border-color: var(--wcs-message-border-color-information);\n --wcs-internal-message-icon-color: var(--wcs-message-icon-color-information);\n --wcs-internal-message-background-color-lightest: var(--wcs-message-background-color-lightest-information);\n --wcs-internal-message-background-color-lighter: var(--wcs-message-background-color-lighter-information);\n}\n\n:host([intent='warning']) {\n --wcs-internal-message-border-color: var(--wcs-message-border-color-warning);\n --wcs-internal-message-icon-color: var(--wcs-message-icon-color-warning);\n --wcs-internal-message-background-color-lightest: var(--wcs-message-background-color-lightest-warning);\n --wcs-internal-message-background-color-lighter: var(--wcs-message-background-color-lighter-warning);\n}\n\n:host([intent='error']) {\n --wcs-internal-message-border-color: var(--wcs-message-border-color-error);\n --wcs-internal-message-icon-color: var(--wcs-message-icon-color-error);\n --wcs-internal-message-background-color-lightest: var(--wcs-message-background-color-lightest-error);\n --wcs-internal-message-background-color-lighter: var(--wcs-message-background-color-lighter-error);\n}\n","import {Component, Event, EventEmitter, h, Host, Prop} from '@stencil/core';\nimport {WcsAlertIntent} from '../alert/alert-interface';\nimport {WcsMessageBackground} from \"./message-interface\";\nimport {AlertCloseButton} from \"../alert/alert-close-button\";\n\n/**\n * Messages are used to communicate contextual information to users.\n * They can display information, success, warning, or error states.\n *\n * Unlike alerts, messages are static feedback elements and are not automatically dismissed.\n *\n * @cssprop --wcs-message-title-color - Text color of the title\n * @cssprop --wcs-message-subtitle-color - Text color of the subtitle\n *\n * @cssprop --wcs-message-title-font-weight - Font weight of the title\n * @cssprop --wcs-message-subtitle-font-weight - Font weight of the subtitle\n *\n * @cssprop --wcs-message-title-font-size - Font size of the title\n * @cssprop --wcs-message-subtitle-font-size - Font size of the subtitle\n *\n * @cssprop --wcs-message-dismiss-button-color - Color of the dismiss button\n *\n * @cssprop --wcs-message-border-radius - Border radius of the message\n * @cssprop --wcs-message-border-width - Border width of the message\n * \n * @cssprop --wcs-message-padding - Padding of the message\n * @cssprop --wcs-message-gap - Gap between icon and content\n *\n * @cssprop --wcs-message-border-color-success - Border color of success messages\n * @cssprop --wcs-message-icon-color-success - Icon color of success messages\n * @cssprop --wcs-message-background-color-lightest-success - Lightest background color of success messages\n * @cssprop --wcs-message-background-color-lighter-success - Lighter background color of success messages\n *\n * @cssprop --wcs-message-border-color-information - Border color of information messages\n * @cssprop --wcs-message-icon-color-information - Icon color of information messages\n * @cssprop --wcs-message-background-color-lightest-information - Lightest background color of information messages\n * @cssprop --wcs-message-background-color-lighter-information - Lighter background color of information messages\n *\n * @cssprop --wcs-message-border-color-warning - Border color of warning messages\n * @cssprop --wcs-message-icon-color-warning - Icon color of warning messages\n * @cssprop --wcs-message-background-color-lightest-warning - Lightest background color of warning messages\n * @cssprop --wcs-message-background-color-lighter-warning - Lighter background color of warning messages\n *\n * @cssprop --wcs-message-border-color-error - Border color of error messages\n * @cssprop --wcs-message-icon-color-error - Icon color of error messages\n * @cssprop --wcs-message-background-color-lightest-error - Lightest background color of error messages\n * @cssprop --wcs-message-background-color-lighter-error - Lighter background color of error messages\n *\n * @slot title - Title content of the message\n * @slot subtitle - Subtitle content of the message\n */\n@Component({\n tag: 'wcs-message',\n styleUrl: 'message.scss',\n shadow: true,\n})\nexport class Message {\n /**\n * Defines the semantic intent of the message.\n * - Non-disruptive messages (`information`, `success`) use `role=\"status\"`\n * - Disruptive messages (`warning`, `error`) use `role=\"alert\"`\n */\n @Prop({reflect: true})\n intent: WcsAlertIntent = 'information';\n\n /**\n * Defines the background appearance of the message.\n */\n @Prop({reflect: true})\n background: WcsMessageBackground = 'lightest';\n\n /**\n * Specifies whether the component should display a close button.\n */\n @Prop({reflect: true})\n showCloseButton: boolean = false;\n\n /**\n * Defines whether the message should have a border. The border color is determined by the intent of the message.\n */\n @Prop({reflect: true})\n showBorder: boolean = false;\n\n /**\n * Event emitted when the message is dismissed.\n */\n @Event() wcsMessageDismiss: EventEmitter<void>;\n\n private close() {\n this.wcsMessageDismiss.emit();\n }\n\n private getMaterialIcon() {\n switch (this.intent) {\n case 'success':\n return 'check_circle';\n case 'information':\n return 'info';\n case 'error':\n return 'error';\n case 'warning':\n return 'warning';\n }\n }\n\n private getAriaLabel() {\n switch (this.intent) {\n case 'success':\n return 'Succès';\n case 'information':\n return 'Information';\n case 'error':\n return 'Erreur';\n case 'warning':\n return 'Attention';\n }\n }\n\n render() {\n const isDisruptive = this.intent === 'error' || this.intent === 'warning';\n\n return (\n <Host role={isDisruptive ? 'alert' : 'status'}>\n <div class=\"icon-content-container\">\n <wcs-mat-icon\n class=\"announcement-icon\"\n icon={this.getMaterialIcon()}\n aria-label={this.getAriaLabel()}\n role=\"img\"\n aria-hidden={false}/>\n <div class=\"content\">\n <slot name=\"title\"></slot>\n <slot name=\"subtitle\"></slot>\n </div>\n </div>\n {this.showCloseButton && (\n <AlertCloseButton onClick={() => this.close()}/>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"gNAAA,MAAMA,EAAa,wkJACnB,MAAAC,EAAeD,E,MCuDFE,EAAOC,EAAA,MAAAD,UAAAE,E,mIAOS,c,gBAMU,W,qBAMR,M,gBAML,K,CAOd,KAAAC,GACJC,KAAKC,kBAAkBC,M,CAGnB,eAAAC,GACJ,OAAQH,KAAKI,QACT,IAAK,UACD,MAAO,eACX,IAAK,cACD,MAAO,OACX,IAAK,QACD,MAAO,QACX,IAAK,UACD,MAAO,U,CAIX,YAAAC,GACJ,OAAQL,KAAKI,QACT,IAAK,UACD,MAAO,SACX,IAAK,cACD,MAAO,cACX,IAAK,QACD,MAAO,SACX,IAAK,UACD,MAAO,Y,CAInB,MAAAE,GACI,MAAMC,EAAeP,KAAKI,SAAW,SAAWJ,KAAKI,SAAW,UAEhE,OACII,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAMJ,EAAe,QAAU,UACjCC,EAAA,OAAAE,IAAA,2CAAKE,MAAM,0BACPJ,EAAA,gBAAAE,IAAA,2CACIE,MAAM,oBACNC,KAAMb,KAAKG,kBAAiB,aAChBH,KAAKK,eACjBM,KAAK,MAAK,cACG,QACjBH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,WACPJ,EAAA,QAAAE,IAAA,2CAAMI,KAAK,UACXN,EAAA,QAAAE,IAAA,2CAAMI,KAAK,eAGlBd,KAAKe,iBACFP,EAACQ,EAAgB,CAAAN,IAAA,2CAACO,QAAS,IAAMjB,KAAKD,U"}

package/bundle/wcs-modal.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as t,H as s,d as o,h as e,c as a}from"./p-2bef72c7.js";import{i,a as c}from"./p-fb2751c2.js";import{i as d,a as n,s as l,o as r}from"./p-2e9b9605.js";import{d as m}from"./p-cdc6f6c2.js";import{d as h}from"./p-98bd8a96.js";import{d as w}from"./p-c8b73e93.js";const b="wcs-modal{--wcs-modal-backdrop-color:var(--wcs-semantic-color-background-backdrop);--wcs-modal-max-height:80%;--wcs-modal-background-color:var(--wcs-semantic-color-background-surface-primary);--wcs-modal-border-radius:var(--wcs-semantic-border-radius-base);--wcs-modal-padding:calc(3 * var(--wcs-semantic-spacing-base));--wcs-modal-border-width:var(--wcs-semantic-border-width-default);--wcs-modal-border-color:var(--wcs-semantic-color-border-secondary);--wcs-modal-title-margin-bottom:var(--wcs-semantic-spacing-large);--wcs-modal-title-font-size:var(--wcs-semantic-font-size-heading-4);--wcs-modal-title-font-weight:var(--wcs-semantic-font-weight-heavy);--wcs-modal-title-line-height:var(--wcs-semantic-font-line-height-medium);--wcs-modal-actions-margin-top:var(--wcs-semantic-spacing-large);--wcs-modal-width-s:288px;--wcs-modal-width-m:480px;--wcs-modal-width-l:864px;--wcs-modal-width-xl:1200px;z-index:999;position:fixed;top:0;bottom:0;left:0;right:0;display:none;background:var(--wcs-modal-backdrop-color)}wcs-modal[show]{display:flex;height:100vh;width:100vw;align-items:center;justify-content:center}wcs-modal[without-backdrop]{background-color:unset}wcs-modal[without-backdrop] .wcs-modal-container{border:solid var(--wcs-modal-border-width) var(--wcs-modal-border-color)}wcs-modal[hide-actions] .wcs-modal-actions{display:none}.wcs-modal-container{max-height:var(--wcs-modal-max-height, 80%);background-color:var(--wcs-modal-background-color);display:grid;grid-template-columns:100%;grid-template-rows:auto 1fr auto;box-sizing:border-box;pointer-events:auto;background-clip:padding-box;border-radius:var(--wcs-modal-border-radius);z-index:20000;padding:var(--wcs-modal-padding);width:var(--wcs-modal-width-m)}.wcs-modal-container[data-size=s]{width:var(--wcs-modal-width-s)}.wcs-modal-container[data-size=m]{width:var(--wcs-modal-width-m)}.wcs-modal-container[data-size=l]{width:var(--wcs-modal-width-l)}.wcs-modal-container[data-size=xl]{width:var(--wcs-modal-width-xl)}.wcs-modal-header{margin-bottom:var(--wcs-modal-title-margin-bottom);display:flex;align-items:center;justify-content:space-between}.wcs-modal-header h1{font-size:var(--wcs-modal-title-font-size);font-weight:var(--wcs-modal-title-font-weight);line-height:var(--wcs-modal-title-line-height);margin:0}.wcs-modal-content{overflow-y:var(--wcs-modal-overflow-y, auto)}.wcs-modal-actions{margin-top:var(--wcs-modal-actions-margin-top);display:flex;justify-content:flex-end}";const f=b;const u=[];const p=t(class t extends s{constructor(){super();this.__registerHost();this.wcsDialogClosed=o(this,"wcsDialogClosed",7);this.inheritedAttributes={};this.modalId=g++;this.showAttributeChangedMarker=false;this.hasBeenClosedBefore=false;this.withoutBackdrop=false;this.show=false;this.showCloseButton=false;this.closeButtonAriaLabel="Fermer";this.size="m";this.hideActions=false;this.modalTriggerControlsId=undefined;this.initialFocusElementId=undefined;this.disableAutoFocus=false}componentWillLoad(){if(!this.modalTriggerControlsId){console.warn("wcs-modal: You must provide the modal-trigger-controls-id attribute to the modal to make it to work properly")}this.inheritedAttributes=Object.assign(Object.assign({},d(this.el)),n(this.el,u))}componentDidLoad(){this.updateFocusableElements()}componentDidRender(){var t;this.updateFocusableElements();if(this.showAttributeChangedMarker){this.showAttributeChangedMarker=false;if(this.disableAutoFocus){return}if(!this.initialFocusElementId){(t=this.firstFocusableElement)===null||t===void 0?void 0:t.focus()}else{const t=document.getElementById(this.initialFocusElementId);if(!t){console.warn(`wcs-modal: Unable to focus element - ID '${this.initialFocusElementId}' not found in DOM`)}t===null||t===void 0?void 0:t.focus()}}}async setAriaAttribute(t,s){l(this.nativeDivDialog,t,s)}onShowChange(){if(this.show){this.hasBeenClosedBefore=false;this.showAttributeChangedMarker=true}else{if(this.hasBeenClosedBefore){return}this.hasBeenClosedBefore=true;if(this.modalTriggerControlsId){const t=document.getElementById(this.modalTriggerControlsId);if(!t){console.warn(`wcs-modal: Element with id '${this.modalTriggerControlsId}' could not be found`)}t===null||t===void 0?void 0:t.focus()}}}updateFocusableElements(){const t=Array.from(this.el.querySelectorAll("*")).filter((t=>i(t)));this.firstFocusableElement=t.length>0&&t[0];this.lastFocusableElement=t.length>0&&t[t.length-1]}close(){if(this.show){this.show=false;this.wcsDialogClosed.emit()}}onKeyDown(t){if(this.show&&this.showCloseButton&&t.key==="Escape"){this.close()}if(this.show){if(r(t)){this.updateFocusableElements();const s=this.firstFocusableElement;const o=this.lastFocusableElement;if(t.shiftKey&&c(s)){t.preventDefault();o.focus()}else if(!t.shiftKey&&c(o)){t.preventDefault();s.focus()}}}}onCloseButtonClick(t){this.close()}handleSlotContentChange(){this.updateFocusableElements()}render(){const t=`wcs-modal-title-${this.modalId}`;return e(a,{key:"e609fe2024b73cab0bed97c0d3b7012d8deba893"},e("div",Object.assign({key:"23007c4ad4971263f7fd99d0e594216cd112f6ea",class:"wcs-modal-container","data-size":this.size,"aria-modal":"true",role:"dialog","aria-labelledby":t,ref:t=>this.nativeDivDialog=t},this.inheritedAttributes),e("div",{key:"bc3e2ead8e3e73da31882c5e87cde2780d9ef2f9",class:"wcs-modal-header"},e("h1",{key:"87561fc92b0990d00e06463afc111e9bdeab6f20",id:t},e("slot",{key:"dbf6d932257e7a264206ddf7caea8a80e4b2b069",name:"header"})),this.showCloseButton&&e("wcs-button",{key:"97036ea40d111c5ac737b1e3f789571cd524cb2d",shape:"round",mode:"clear",id:"wcs-modal-close-button","aria-label":this.closeButtonAriaLabel,onClick:t=>this.onCloseButtonClick(t)},e("wcs-mat-icon",{key:"24d6b531e788c2760c66804df96037714c9f854b",icon:"close"}))),e("div",{key:"34d9ddf3c4527395864a238f329d7b499eb9791b",class:"wcs-modal-content"},e("slot",{key:"5bbd76fc7de9bc6f5aaec7257e7c73995d3e1447",onSlotchange:()=>this.handleSlotContentChange()})),e("div",{key:"7c332e9d1c1b19b65fabb6f52bc14ab0ed9f4803",class:"wcs-modal-actions"},e("slot",{key:"4c44f2337893ba9e8c852a1b8b16beab9da87e4e",name:"actions"}))))}get el(){return this}static get watchers(){return{show:["onShowChange"]}}static get style(){return f}},[4,"wcs-modal",{withoutBackdrop:[516,"without-backdrop"],show:[1540],showCloseButton:[516,"show-close-button"],closeButtonAriaLabel:[1,"close-button-aria-label"],size:[1],hideActions:[516,"hide-actions"],modalTriggerControlsId:[1,"modal-trigger-controls-id"],initialFocusElementId:[1,"initial-focus-element-id"],disableAutoFocus:[516,"disable-auto-focus"],setAriaAttribute:[64]},[[4,"keydown","onKeyDown"]],{show:["onShowChange"]}]);let g=0;function v(){if(typeof customElements==="undefined"){return}const t=["wcs-modal","wcs-button","wcs-mat-icon","wcs-spinner"];t.forEach((t=>{switch(t){case"wcs-modal":if(!customElements.get(t)){customElements.define(t,p)}break;case"wcs-button":if(!customElements.get(t)){m()}break;case"wcs-mat-icon":if(!customElements.get(t)){h()}break;case"wcs-spinner":if(!customElements.get(t)){w()}break}}))}const k=p;const y=v;export{k as WcsModal,y as defineCustomElement};
+import{p as t,H as s,d as o,h as a,c as e}from"./p-2bef72c7.js";import{i,a as c}from"./p-fb2751c2.js";import{i as d,a as n,s as l,n as r}from"./p-53550684.js";import{d as m}from"./p-c13e9bb6.js";import{d as h}from"./p-95eb2e54.js";import{d as w}from"./p-d7d1ea63.js";const f="wcs-modal{--wcs-modal-backdrop-color:var(--wcs-semantic-color-background-backdrop);--wcs-modal-max-height:80%;--wcs-modal-background-color:var(--wcs-semantic-color-background-surface-primary);--wcs-modal-border-radius:var(--wcs-semantic-border-radius-base);--wcs-modal-padding:calc(3 * var(--wcs-semantic-spacing-base));--wcs-modal-border-width:var(--wcs-semantic-border-width-default);--wcs-modal-border-color:var(--wcs-semantic-color-border-secondary);--wcs-modal-title-margin-bottom:var(--wcs-semantic-spacing-large);--wcs-modal-title-font-size:var(--wcs-semantic-font-size-heading-4);--wcs-modal-title-font-weight:var(--wcs-semantic-font-weight-heavy);--wcs-modal-title-line-height:var(--wcs-semantic-font-line-height-medium);--wcs-modal-actions-margin-top:var(--wcs-semantic-spacing-large);--wcs-modal-width-s:288px;--wcs-modal-width-m:480px;--wcs-modal-width-l:864px;--wcs-modal-width-xl:1200px;z-index:999;position:fixed;top:0;bottom:0;left:0;right:0;display:none;background:var(--wcs-modal-backdrop-color)}wcs-modal[show]{display:flex;height:100vh;width:100vw;align-items:center;justify-content:center}wcs-modal[without-backdrop]{background-color:unset}wcs-modal[without-backdrop] .wcs-modal-container{border:solid var(--wcs-modal-border-width) var(--wcs-modal-border-color)}wcs-modal[hide-actions] .wcs-modal-actions{display:none}.wcs-modal-container{max-height:var(--wcs-modal-max-height, 80%);background-color:var(--wcs-modal-background-color);display:grid;grid-template-columns:100%;grid-template-rows:auto 1fr auto;box-sizing:border-box;pointer-events:auto;background-clip:padding-box;border-radius:var(--wcs-modal-border-radius);z-index:20000;padding:var(--wcs-modal-padding);width:var(--wcs-modal-width-m)}.wcs-modal-container[data-size=s]{width:var(--wcs-modal-width-s)}.wcs-modal-container[data-size=m]{width:var(--wcs-modal-width-m)}.wcs-modal-container[data-size=l]{width:var(--wcs-modal-width-l)}.wcs-modal-container[data-size=xl]{width:var(--wcs-modal-width-xl)}.wcs-modal-header{margin-bottom:var(--wcs-modal-title-margin-bottom);display:flex;align-items:center;justify-content:space-between}.wcs-modal-header h1{font-size:var(--wcs-modal-title-font-size);font-weight:var(--wcs-modal-title-font-weight);line-height:var(--wcs-modal-title-line-height);margin:0}.wcs-modal-content{overflow-y:var(--wcs-modal-overflow-y, auto)}.wcs-modal-actions{margin-top:var(--wcs-modal-actions-margin-top);display:flex;justify-content:flex-end}";const b=f;const u=[];const p=t(class t extends s{constructor(){super();this.__registerHost();this.wcsDialogClosed=o(this,"wcsDialogClosed",7);this.inheritedAttributes={};this.modalId=g++;this.showAttributeChangedMarker=false;this.hasBeenClosedBefore=false;this.withoutBackdrop=false;this.show=false;this.showCloseButton=false;this.closeButtonAriaLabel="Fermer";this.size="m";this.hideActions=false;this.modalTriggerControlsId=undefined;this.initialFocusElementId=undefined;this.disableAutoFocus=false}componentWillLoad(){if(!this.modalTriggerControlsId){console.warn("wcs-modal: You must provide the modal-trigger-controls-id attribute to the modal to make it to work properly")}this.inheritedAttributes=Object.assign(Object.assign({},d(this.el)),n(this.el,u))}componentDidLoad(){this.updateFocusableElements()}componentDidRender(){var t;this.updateFocusableElements();if(this.showAttributeChangedMarker){this.showAttributeChangedMarker=false;if(this.disableAutoFocus){return}if(!this.initialFocusElementId){(t=this.firstFocusableElement)===null||t===void 0?void 0:t.focus()}else{const t=document.getElementById(this.initialFocusElementId);if(!t){console.warn(`wcs-modal: Unable to focus element - ID '${this.initialFocusElementId}' not found in DOM`)}t===null||t===void 0?void 0:t.focus()}}}async setAriaAttribute(t,s){l(this.nativeDivDialog,t,s)}onShowChange(){if(this.show){this.hasBeenClosedBefore=false;this.showAttributeChangedMarker=true}else{if(this.hasBeenClosedBefore){return}this.hasBeenClosedBefore=true;if(this.modalTriggerControlsId){const t=document.getElementById(this.modalTriggerControlsId);if(!t){console.warn(`wcs-modal: Element with id '${this.modalTriggerControlsId}' could not be found`)}t===null||t===void 0?void 0:t.focus()}}}updateFocusableElements(){const t=Array.from(this.el.querySelectorAll("*")).filter((t=>i(t)));this.firstFocusableElement=t.length>0&&t[0];this.lastFocusableElement=t.length>0&&t[t.length-1]}close(){if(this.show){this.show=false;this.wcsDialogClosed.emit()}}onKeyDown(t){if(this.show&&this.showCloseButton&&t.key==="Escape"){this.close()}if(this.show){if(r(t)){this.updateFocusableElements();const s=this.firstFocusableElement;const o=this.lastFocusableElement;if(t.shiftKey&&c(s)){t.preventDefault();o.focus()}else if(!t.shiftKey&&c(o)){t.preventDefault();s.focus()}}}}onCloseButtonClick(t){this.close()}handleSlotContentChange(){this.updateFocusableElements()}render(){const t=`wcs-modal-title-${this.modalId}`;return a(e,{key:"82fa31417a4672941af1cb9476f14028789af146"},a("div",Object.assign({key:"d0edfbd6a6b8e303d609d56b8ac04e5edc35e5de",class:"wcs-modal-container","data-size":this.size,"aria-modal":"true",role:"dialog","aria-labelledby":t,ref:t=>this.nativeDivDialog=t},this.inheritedAttributes),a("div",{key:"e193310c0c0326e281f448e6589271ac2132978b",class:"wcs-modal-header"},a("h1",{key:"ced3b0bf47061c67859ac9ea8631c477ea37c96a",id:t},a("slot",{key:"db8dde0c036faf95b95bdc889a228331034dee92",name:"header"})),this.showCloseButton&&a("wcs-button",{key:"f7fb1facae2fe831da0732fa7c98f74df9e73992",shape:"round",mode:"clear",id:"wcs-modal-close-button","aria-label":this.closeButtonAriaLabel,onClick:t=>this.onCloseButtonClick(t)},a("wcs-mat-icon",{key:"58829be0acc52558161c5d2f9403a0d09aae2c69",icon:"close"}))),a("div",{key:"1be05650825bd0cfd7e5b545c4005b2e23ac0b0f",class:"wcs-modal-content"},a("slot",{key:"07a0141a45d821ed65a7dcf92fc0eada32e483e5",onSlotchange:()=>this.handleSlotContentChange()})),a("div",{key:"379cadd0f6052bde7882e60ae431b3f78e7ba167",class:"wcs-modal-actions"},a("slot",{key:"169c9358b6315528a72793100b303693b502a089",name:"actions"}))))}get el(){return this}static get watchers(){return{show:["onShowChange"]}}static get style(){return b}},[4,"wcs-modal",{withoutBackdrop:[516,"without-backdrop"],show:[1540],showCloseButton:[516,"show-close-button"],closeButtonAriaLabel:[1,"close-button-aria-label"],size:[1],hideActions:[516,"hide-actions"],modalTriggerControlsId:[1,"modal-trigger-controls-id"],initialFocusElementId:[1,"initial-focus-element-id"],disableAutoFocus:[516,"disable-auto-focus"],setAriaAttribute:[64]},[[4,"keydown","onKeyDown"]],{show:["onShowChange"]}]);let g=0;function v(){if(typeof customElements==="undefined"){return}const t=["wcs-modal","wcs-button","wcs-mat-icon","wcs-spinner"];t.forEach((t=>{switch(t){case"wcs-modal":if(!customElements.get(t)){customElements.define(t,p)}break;case"wcs-button":if(!customElements.get(t)){m()}break;case"wcs-mat-icon":if(!customElements.get(t)){h()}break;case"wcs-spinner":if(!customElements.get(t)){w()}break}}))}const k=p;const y=v;export{k as WcsModal,y as defineCustomElement};
 //# sourceMappingURL=wcs-modal.js.map

package/bundle/wcs-native-select.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as e,H as t,h as s,c as a}from"./p-2bef72c7.js";import{S as c}from"./p-35d7af48.js";const r=":host{--wcs-native-select-line-height:var(--wcs-semantic-font-line-height-large);--wcs-native-select-size-m:var(--wcs-semantic-size-m);--wcs-native-select-font-size-m:var(--wcs-semantic-font-size-m);--wcs-native-select-size-l:var(--wcs-semantic-size-l);--wcs-native-select-font-size-l:var(--wcs-semantic-font-size-l);--wcs-native-select-border-radius:var(--wcs-semantic-border-radius-base);--wcs-native-select-background-color:var(--wcs-semantic-color-background-control-default);--wcs-native-select-border-color-default:var(--wcs-semantic-color-border-primary);--wcs-native-select-border-color-disabled:var(--wcs-semantic-color-border-disabled);--wcs-native-select-border-color-focus:var(--wcs-semantic-color-border-control-focus);--wcs-native-select-border-color-error:var(--wcs-semantic-color-border-critical);--wcs-native-select-border-style-default:solid;--wcs-native-select-border-style-focus:var(--wcs-semantic-border-style-focus-control);--wcs-native-select-border-width:var(--wcs-semantic-border-width-default);--wcs-native-select-border-width-focus:var(--wcs-semantic-border-width-large);--wcs-native-select-value-color:var(--wcs-semantic-color-text-primary);--wcs-native-select-value-font-weight:var(--wcs-semantic-font-weight-medium);--wcs-native-select-value-font-style:normal;--wcs-native-select-internal-padding-horizontal:var(--wcs-native-select-padding-horizontal-m);--wcs-native-select-padding-horizontal-m:var(--wcs-semantic-spacing-large);--wcs-native-select-padding-horizontal-l:var(--wcs-semantic-spacing-large);--wcs-native-select-arrow-color:var(--wcs-semantic-color-foreground-brand);--wcs-native-select-arrow-color-disabled:var(--wcs-semantic-color-foreground-disabled);--wcs-native-select-text-color-disabled:var(--wcs-semantic-color-text-disabled);--wcs-native-select-placeholder-color:var(--wcs-semantic-color-text-tertiary);--wcs-native-select-placeholder-font-weight:var(--wcs-semantic-font-weight-roman);--wcs-native-select-placeholder-font-style:var(--wcs-semantic-font-style-control-placeholder);--wcs-native-select-option-color:var(--wcs-semantic-color-text-primary);--wcs-native-select-option-font-style:normal;--wcs-native-select-option-selected-color:var(--wcs-semantic-color-text-primary)}::slotted(select){box-sizing:border-box;-moz-appearance:none !important;-webkit-appearance:none !important;appearance:none !important;background-color:var(--wcs-native-select-background-color);color:var(--wcs-native-select-value-color);border-radius:var(--wcs-native-select-border-radius);border:none;outline:var(--wcs-native-select-border-style-default) var(--wcs-native-select-border-width) var(--wcs-native-select-border-color-default);outline-offset:calc(var(--wcs-native-select-border-width) * -1);user-select:none;cursor:pointer;line-height:var(--wcs-native-select-line-height);font-size:inherit;opacity:1;max-width:100%;flex-grow:1;padding-right:calc(var(--wcs-native-select-internal-padding-horizontal) + 24px);padding-left:var(--wcs-native-select-internal-padding-horizontal)}::slotted(select:disabled){cursor:not-allowed;color:var(--wcs-native-select-text-color-disabled);outline:var(--wcs-native-select-border-style-default) var(--wcs-native-select-border-width) var(--wcs-native-select-border-color-disabled);--wcs-native-select-background-color:var(--wcs-semantic-color-background-control-disabled);--wcs-native-select-value-color:var(--wcs-native-select-text-color-disabled)}::slotted(select[aria-invalid=true]){outline-style:var(--wcs-native-select-border-style-default);outline-color:var(--wcs-native-select-border-color-error) !important;outline-offset:calc(var(--wcs-native-select-border-width) * -1)}:host([data-disabled]) .select-wrapper .arrow-container .arrow{fill:var(--wcs-native-select-arrow-color-disabled)}:host,:host([data-size=m]){font-size:var(--wcs-native-select-font-size-m);--wcs-native-select-internal-padding-horizontal:var(--wcs-native-select-padding-horizontal-m)}:host ::slotted(select),:host([data-size=m]) ::slotted(select){height:var(--wcs-native-select-size-m)}:host([data-size=l]){font-size:var(--wcs-native-select-font-size-l);--wcs-native-select-internal-padding-horizontal:var(--wcs-native-select-padding-horizontal-l)}:host([data-size=l]) ::slotted(select){height:var(--wcs-native-select-size-l)}::slotted(select:focus-visible){outline:var(--wcs-native-select-border-style-focus) var(--wcs-native-select-border-width-focus) var(--wcs-native-select-border-color-focus);outline-offset:calc(var(--wcs-native-select-border-width-focus) * -1)}.select-wrapper{position:relative;display:flex;flex-wrap:nowrap}svg{flex-shrink:0}.arrow{fill:var(--wcs-native-select-arrow-color)}.arrow-container{pointer-events:none;display:flex;align-items:center;vertical-align:center;position:absolute;top:0;bottom:0;right:calc(var(--wcs-native-select-internal-padding-horizontal) - 4px);margin:auto 0}";const i=r;const o=e(class e extends t{constructor(){super();this.__registerHost();this.__attachShadow();this.SLOTTED_SELECT_TRACKED_ATTRIBUTES_LIST=["disabled"];this.size="m";this.required=false;this.expanded=false;this.disabled=undefined}requiredChanged(e,t){if(e!==t){if(!this.selectElement)return;this.selectElement.required=this.required}}componentWillLoad(){this.selectElement=this.el.querySelector("select");if(!this.selectElement)throw new Error("wcs-native-select must be used with a native slotted select, please refer to the documentation.");this.onSelectedOptionChange();this.selectElement.addEventListener("change",(()=>{this.onSelectedOptionChange()}));this.observer=new MutationObserver((e=>{const t=e.filter((e=>this.SLOTTED_SELECT_TRACKED_ATTRIBUTES_LIST.includes(e.attributeName))).length>0;if(t){this.updateHostAttributeWithSlottedSelect()}if(e.filter((e=>e.attributeName==="class")).length>0){this._updateStyles()}}));this.updateHostAttributeWithSlottedSelect();this.observer.observe(this.selectElement,{attributes:true})}async setAriaAttribute(e,t){if(!this.selectElement)return;this.selectElement.setAttribute(e,t)}onSelectedOptionChange(){this._updateStyles()}_updateStyles(){if(this.isPlaceholderOptionSelected()){this.applyPlaceholderStylesOnNativeSlottedSelectElement()}else{this.applySelectedOptionStylesOnNativeSlottedSelectElement()}}isPlaceholderOptionSelected(){var e;return((e=Array.from(this.selectElement.options).filter((e=>e.selected))[0])===null||e===void 0?void 0:e.disabled)==true}applySelectedOptionStylesOnNativeSlottedSelectElement(){this.selectElement.style.color="var(--wcs-native-select-value-color)";this.selectElement.style.fontStyle="var(--wcs-native-select-value-font-style)";this.selectElement.style.fontWeight="var(--wcs-native-select-value-font-weight)";Array.from(this.selectElement.options).forEach((e=>{e.style.fontStyle="var(--wcs-native-select-option-font-style)";if(!e.disabled){e.style.color="var(--wcs-native-select-option-color)"}}))}applyPlaceholderStylesOnNativeSlottedSelectElement(){this.selectElement.style.color="var(--wcs-native-select-placeholder-color)";this.selectElement.style.fontWeight="var(--wcs-native-select-placeholder-font-weight)";this.selectElement.style.fontStyle="var(--wcs-native-select-placeholder-font-style)";Array.from(this.selectElement.options).forEach((e=>{e.style.fontStyle="var(--wcs-native-select-option-font-style)";if(!e.disabled){e.style.color="var(--wcs-native-select-option-color)"}}))}updateHostAttributeWithSlottedSelect(){var e;this.disabled=(e=this.selectElement)===null||e===void 0?void 0:e.hasAttribute("disabled")}disconnectedCallback(){var e,t;(e=this.observer)===null||e===void 0?void 0:e.disconnect();(t=this.selectElement)===null||t===void 0?void 0:t.removeEventListener("change",(()=>{this.onSelectedOptionChange()}))}async updateStyles(){this._updateStyles()}render(){return s(a,{key:"dedd08d93118cc5323b6d2062577275504972b12",class:`${this.expanded?"expanded":""}`,"data-disabled":this.disabled,"data-size":this.size},s("div",{key:"bd211e20d0ab314767729ab54611c3d28fb8cca7",class:"select-wrapper"},s("slot",{key:"b0e58a954d0212c19a05395065ad5ed76efa9f39"}),s("div",{key:"5f70166ee1756180982a43151b9762e1cfec51d4",class:"arrow-container"},s(c,{key:"ed256e18a87ab7cf17af6b5226ee6f10779d5bb1",up:this.expanded}))))}get el(){return this}static get watchers(){return{required:["requiredChanged"]}}static get style(){return i}},[1,"wcs-native-select",{size:[513],required:[516],expanded:[32],disabled:[32],setAriaAttribute:[64],updateStyles:[64]},undefined,{required:["requiredChanged"]}]);function l(){if(typeof customElements==="undefined"){return}const e=["wcs-native-select"];e.forEach((e=>{switch(e){case"wcs-native-select":if(!customElements.get(e)){customElements.define(e,o)}break}}))}const n=o;const d=l;export{n as WcsNativeSelect,d as defineCustomElement};
+import{p as e,H as t,h as s,c as a}from"./p-2bef72c7.js";import{S as c}from"./p-35d7af48.js";const r=":host{--wcs-native-select-line-height:var(--wcs-semantic-font-line-height-large);--wcs-native-select-size-m:var(--wcs-semantic-size-m);--wcs-native-select-font-size-m:var(--wcs-semantic-font-size-m);--wcs-native-select-size-l:var(--wcs-semantic-size-l);--wcs-native-select-font-size-l:var(--wcs-semantic-font-size-l);--wcs-native-select-border-radius:var(--wcs-semantic-border-radius-base);--wcs-native-select-background-color:var(--wcs-semantic-color-background-control-default);--wcs-native-select-border-color-default:var(--wcs-semantic-color-border-primary);--wcs-native-select-border-color-disabled:var(--wcs-semantic-color-border-disabled);--wcs-native-select-border-color-focus:var(--wcs-semantic-color-border-control-focus);--wcs-native-select-border-color-error:var(--wcs-semantic-color-border-critical);--wcs-native-select-border-style-default:solid;--wcs-native-select-border-style-focus:var(--wcs-semantic-border-style-focus-control);--wcs-native-select-border-width:var(--wcs-semantic-border-width-default);--wcs-native-select-border-width-focus:var(--wcs-semantic-border-width-large);--wcs-native-select-value-color:var(--wcs-semantic-color-text-primary);--wcs-native-select-value-font-weight:var(--wcs-semantic-font-weight-medium);--wcs-native-select-value-font-style:normal;--wcs-native-select-internal-padding-horizontal:var(--wcs-native-select-padding-horizontal-m);--wcs-native-select-padding-horizontal-m:var(--wcs-semantic-spacing-large);--wcs-native-select-padding-horizontal-l:var(--wcs-semantic-spacing-large);--wcs-native-select-arrow-color:var(--wcs-semantic-color-foreground-brand);--wcs-native-select-arrow-color-disabled:var(--wcs-semantic-color-foreground-disabled);--wcs-native-select-text-color-disabled:var(--wcs-semantic-color-text-disabled);--wcs-native-select-placeholder-color:var(--wcs-semantic-color-text-tertiary);--wcs-native-select-placeholder-font-weight:var(--wcs-semantic-font-weight-roman);--wcs-native-select-placeholder-font-style:var(--wcs-semantic-font-style-control-placeholder);--wcs-native-select-option-color:var(--wcs-semantic-color-text-primary);--wcs-native-select-option-font-style:normal;--wcs-native-select-option-selected-color:var(--wcs-semantic-color-text-primary)}::slotted(select){box-sizing:border-box;-moz-appearance:none !important;-webkit-appearance:none !important;appearance:none !important;background-color:var(--wcs-native-select-background-color);color:var(--wcs-native-select-value-color);border-radius:var(--wcs-native-select-border-radius);border:none;outline:var(--wcs-native-select-border-style-default) var(--wcs-native-select-border-width) var(--wcs-native-select-border-color-default);outline-offset:calc(var(--wcs-native-select-border-width) * -1);user-select:none;cursor:pointer;line-height:var(--wcs-native-select-line-height);font-size:inherit;opacity:1;max-width:100%;flex-grow:1;padding-right:calc(var(--wcs-native-select-internal-padding-horizontal) + 24px);padding-left:var(--wcs-native-select-internal-padding-horizontal)}::slotted(select:disabled){cursor:not-allowed;color:var(--wcs-native-select-text-color-disabled);outline:var(--wcs-native-select-border-style-default) var(--wcs-native-select-border-width) var(--wcs-native-select-border-color-disabled);--wcs-native-select-background-color:var(--wcs-semantic-color-background-control-disabled);--wcs-native-select-value-color:var(--wcs-native-select-text-color-disabled)}::slotted(select[aria-invalid=true]){outline-style:var(--wcs-native-select-border-style-default);outline-color:var(--wcs-native-select-border-color-error) !important;outline-offset:calc(var(--wcs-native-select-border-width) * -1)}:host([data-disabled]) .select-wrapper .arrow-container .arrow{fill:var(--wcs-native-select-arrow-color-disabled)}:host,:host([data-size=m]){font-size:var(--wcs-native-select-font-size-m);--wcs-native-select-internal-padding-horizontal:var(--wcs-native-select-padding-horizontal-m)}:host ::slotted(select),:host([data-size=m]) ::slotted(select){height:var(--wcs-native-select-size-m)}:host([data-size=l]){font-size:var(--wcs-native-select-font-size-l);--wcs-native-select-internal-padding-horizontal:var(--wcs-native-select-padding-horizontal-l)}:host([data-size=l]) ::slotted(select){height:var(--wcs-native-select-size-l)}::slotted(select:focus-visible){outline:var(--wcs-native-select-border-style-focus) var(--wcs-native-select-border-width-focus) var(--wcs-native-select-border-color-focus);outline-offset:calc(var(--wcs-native-select-border-width-focus) * -1)}.select-wrapper{position:relative;display:flex;flex-wrap:nowrap}svg{flex-shrink:0}.arrow{fill:var(--wcs-native-select-arrow-color)}.arrow-container{pointer-events:none;display:flex;align-items:center;vertical-align:center;position:absolute;top:0;bottom:0;right:calc(var(--wcs-native-select-internal-padding-horizontal) - 4px);margin:auto 0}";const i=r;const o=e(class e extends t{constructor(){super();this.__registerHost();this.__attachShadow();this.SLOTTED_SELECT_TRACKED_ATTRIBUTES_LIST=["disabled"];this.size="m";this.required=false;this.expanded=false;this.disabled=undefined}requiredChanged(e,t){if(e!==t){if(!this.selectElement)return;this.selectElement.required=this.required}}componentWillLoad(){this.selectElement=this.el.querySelector("select");if(!this.selectElement)throw new Error("wcs-native-select must be used with a native slotted select, please refer to the documentation.");this.onSelectedOptionChange();this.selectElement.addEventListener("change",(()=>{this.onSelectedOptionChange()}));this.observer=new MutationObserver((e=>{const t=e.filter((e=>this.SLOTTED_SELECT_TRACKED_ATTRIBUTES_LIST.includes(e.attributeName))).length>0;if(t){this.updateHostAttributeWithSlottedSelect()}if(e.filter((e=>e.attributeName==="class")).length>0){this._updateStyles()}}));this.updateHostAttributeWithSlottedSelect();this.observer.observe(this.selectElement,{attributes:true})}async setAriaAttribute(e,t){if(!this.selectElement)return;this.selectElement.setAttribute(e,t)}onSelectedOptionChange(){this._updateStyles()}_updateStyles(){if(this.isPlaceholderOptionSelected()){this.applyPlaceholderStylesOnNativeSlottedSelectElement()}else{this.applySelectedOptionStylesOnNativeSlottedSelectElement()}}isPlaceholderOptionSelected(){var e;return((e=Array.from(this.selectElement.options).filter((e=>e.selected))[0])===null||e===void 0?void 0:e.disabled)==true}applySelectedOptionStylesOnNativeSlottedSelectElement(){this.selectElement.style.color="var(--wcs-native-select-value-color)";this.selectElement.style.fontStyle="var(--wcs-native-select-value-font-style)";this.selectElement.style.fontWeight="var(--wcs-native-select-value-font-weight)";Array.from(this.selectElement.options).forEach((e=>{e.style.fontStyle="var(--wcs-native-select-option-font-style)";if(!e.disabled){e.style.color="var(--wcs-native-select-option-color)"}}))}applyPlaceholderStylesOnNativeSlottedSelectElement(){this.selectElement.style.color="var(--wcs-native-select-placeholder-color)";this.selectElement.style.fontWeight="var(--wcs-native-select-placeholder-font-weight)";this.selectElement.style.fontStyle="var(--wcs-native-select-placeholder-font-style)";Array.from(this.selectElement.options).forEach((e=>{e.style.fontStyle="var(--wcs-native-select-option-font-style)";if(!e.disabled){e.style.color="var(--wcs-native-select-option-color)"}}))}updateHostAttributeWithSlottedSelect(){var e;this.disabled=(e=this.selectElement)===null||e===void 0?void 0:e.hasAttribute("disabled")}disconnectedCallback(){var e,t;(e=this.observer)===null||e===void 0?void 0:e.disconnect();(t=this.selectElement)===null||t===void 0?void 0:t.removeEventListener("change",(()=>{this.onSelectedOptionChange()}))}async updateStyles(){this._updateStyles()}render(){return s(a,{key:"b257839918786d9683521e918955fd38a44d6e8e",class:`${this.expanded?"expanded":""}`,"data-disabled":this.disabled,"data-size":this.size},s("div",{key:"362c54c60f057abc64ac87f935a269560bba44db",class:"select-wrapper"},s("slot",{key:"d0a5050366e6e572eaec674cf7d45f13fb1abe39"}),s("div",{key:"1f8768717e205c2c147fed191c8563753a0d6258",class:"arrow-container"},s(c,{key:"6bf367c0ba5fbc5ce57c4a1aaa919a2b62d8c690",up:this.expanded}))))}get el(){return this}static get watchers(){return{required:["requiredChanged"]}}static get style(){return i}},[1,"wcs-native-select",{size:[513],required:[516],expanded:[32],disabled:[32],setAriaAttribute:[64],updateStyles:[64]},undefined,{required:["requiredChanged"]}]);function l(){if(typeof customElements==="undefined"){return}const e=["wcs-native-select"];e.forEach((e=>{switch(e){case"wcs-native-select":if(!customElements.get(e)){customElements.define(e,o)}break}}))}const n=o;const d=l;export{n as WcsNativeSelect,d as defineCustomElement};
 //# sourceMappingURL=wcs-native-select.js.map

package/bundle/wcs-nav-item.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as e,H as a,h as t,c as o}from"./p-2bef72c7.js";import{d as i}from"./p-2e9b9605.js";const r='wcs-nav-item{--wcs-nav-item-font-weight:var(--wcs-semantic-font-weight-medium);--wcs-nav-item-height-desktop:calc(10 * var(--wcs-semantic-size-base));--wcs-nav-item-height-mobile:calc(6 * var(--wcs-semantic-size-base));--wcs-nav-item-gap-desktop:var(--wcs-semantic-spacing-base);--wcs-nav-item-gap-mobile:0;--wcs-nav-item-font-size-desktop:var(--wcs-semantic-font-size-label-3);--wcs-nav-item-font-size-mobile:calc(var(--wcs-semantic-font-size-body-1) / 2);--wcs-nav-item-background-color-default:var(--wcs-semantic-color-background-action-primary-default);--wcs-nav-item-background-color-hover:var(--wcs-semantic-color-background-action-primary-hover);--wcs-nav-item-background-color-press:var(--wcs-semantic-color-background-action-primary-press);--wcs-nav-item-background-color-active:var(--wcs-semantic-color-background-action-primary-selected-default);--wcs-nav-item-color-default:var(--wcs-semantic-color-foreground-action-primary-default);--wcs-nav-item-color-active:var(--wcs-semantic-color-foreground-action-primary-default);--wcs-nav-item-color-hover:var(--wcs-semantic-color-foreground-action-primary-default);--wcs-nav-item-color-press:var(--wcs-semantic-color-foreground-action-primary-default);--wcs-nav-item-border-color-focus:var(--wcs-semantic-color-border-focus-base-on-secondary);--wcs-nav-item-border-width-focus:var(--wcs-semantic-border-width-large);--wcs-nav-item-indicator-background-color:var(--wcs-semantic-color-background-surface-accent-light);--wcs-nav-item-indicator-width-desktop:calc(0.5 * var(--wcs-semantic-size-base));--wcs-nav-item-indicator-width-mobile:calc(3 * var(--wcs-semantic-size-base));--wcs-nav-item-indicator-height-desktop:calc(3 * var(--wcs-semantic-size-base));--wcs-nav-item-indicator-height-mobile:calc(0.5 * var(--wcs-semantic-size-base));--wcs-nav-item-indicator-border-radius-desktop:var(--wcs-semantic-border-radius-base) 0 0 var(--wcs-semantic-border-radius-base);--wcs-nav-item-indicator-border-radius-mobile:var(--wcs-semantic-border-radius-base) var(--wcs-semantic-border-radius-base) 0 0;--wcs-nav-item-transition-duration:var(--wcs-semantic-motion-duration-feedback-base);display:block;cursor:pointer;font-weight:var(--wcs-nav-item-font-weight);transition-property:color, background-color, border-color, box-shadow, backdrop-filter;transition-duration:var(--wcs-nav-item-transition-duration);transition-timing-function:ease-in-out;background-color:var(--wcs-nav-item-background-color-default)}wcs-nav-item a,wcs-nav-item button{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:transparent;border:none;text-decoration:none;height:var(--wcs-nav-item-height-desktop);gap:var(--wcs-nav-item-gap-desktop);font-size:var(--wcs-nav-item-font-size-desktop);color:var(--wcs-nav-item-color-default)}@media (max-width: 1199px){wcs-nav-item a,wcs-nav-item button{display:flex;flex:1;height:var(--wcs-nav-item-height-mobile);gap:var(--wcs-nav-item-gap-mobile);font-size:var(--wcs-nav-item-font-size-mobile)}}wcs-nav-item button{width:100%;cursor:inherit}wcs-nav-item a:focus,wcs-nav-item button:focus{outline:none}@media (max-width: 1199px){wcs-nav-item:has(a:focus-visible),wcs-nav-item:has(button:focus-visible){outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-nav-item-border-color-focus);outline-offset:-2px;border-radius:var(--wcs-nav-item-border-width-focus)}@supports not selector(&:has(a:focus-visible)){wcs-nav-item:focus-within{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-nav-item-border-color-focus);outline-offset:-2px;border-radius:var(--wcs-nav-item-border-width-focus)}}@supports not selector(&:has(button:focus-visible)){wcs-nav-item:focus-within{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-nav-item-border-color-focus);outline-offset:-2px;border-radius:var(--wcs-nav-item-border-width-focus)}}}@media (min-width: 1200px){wcs-nav-item:has(a:focus-visible),wcs-nav-item:has(button:focus-visible){outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-nav-item-border-color-focus);outline-offset:-2px;border-radius:var(--wcs-nav-item-border-width-focus)}@supports not selector(&:has(a:focus-visible)){wcs-nav-item:focus-within{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-nav-item-border-color-focus);outline-offset:-2px;border-radius:var(--wcs-nav-item-border-width-focus)}}@supports not selector(&:has(button:focus-visible)){wcs-nav-item:focus-within{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-nav-item-border-color-focus);outline-offset:-2px;border-radius:var(--wcs-nav-item-border-width-focus)}}}wcs-nav-item i{margin-bottom:0.5rem;display:inline-block}@media (max-width: 1199px){wcs-nav-item i{margin-bottom:0.25rem;display:inline-block}}@media (min-width: 1200px){wcs-nav-item[slot=bottom] a{border-top:var(--wcs-nav-item-border-horizontal-width) solid var(--wcs-nav-item-border-horizontal-color);border-bottom:none !important}}wcs-nav-item:hover{background-color:var(--wcs-nav-item-background-color-hover)}wcs-nav-item:hover a{color:var(--wcs-nav-item-color-hover)}wcs-nav-item:active{background-color:var(--wcs-nav-item-background-color-press)}wcs-nav-item:active a{color:var(--wcs-nav-item-color-press)}wcs-nav-item.active,wcs-nav-item:has(>.active){background-color:var(--wcs-nav-item-background-color-active)}wcs-nav-item.active a,wcs-nav-item:has(>.active) a{color:var(--wcs-nav-item-color-active)}wcs-nav-item.active a::after,wcs-nav-item:has(>.active) a::after{position:absolute;right:0;width:var(--wcs-nav-item-indicator-width-desktop);height:var(--wcs-nav-item-indicator-height-desktop);content:"";background-color:var(--wcs-nav-item-indicator-background-color);border-radius:var(--wcs-nav-item-indicator-border-radius-desktop)}@media (max-width: 1199px){wcs-nav-item.active a::after,wcs-nav-item:has(>.active) a::after{right:auto;bottom:0;width:var(--wcs-nav-item-indicator-width-mobile);height:var(--wcs-nav-item-indicator-height-mobile);border-radius:var(--wcs-nav-item-indicator-border-radius-mobile)}}';const c=r;const s=e(class e extends a{constructor(){super();this.__registerHost()}onKeyDown(e){if(i(e)){this.el.click()}}render(){return t(o,{key:"79abea50c0964fd39358ecf7ed23030f9096b1fd",role:"listitem"},t("slot",{key:"dad7099b9fb08309052b2c35f2bc3a97c40b3ecb"}))}get el(){return this}static get style(){return c}},[4,"wcs-nav-item",undefined,[[0,"keydown","onKeyDown"]]]);function n(){if(typeof customElements==="undefined"){return}const e=["wcs-nav-item"];e.forEach((e=>{switch(e){case"wcs-nav-item":if(!customElements.get(e)){customElements.define(e,s)}break}}))}const d=s;const v=n;export{d as WcsNavItem,v as defineCustomElement};
+import{p as e,H as a,h as t,c as o}from"./p-2bef72c7.js";import{d as i}from"./p-53550684.js";const r='wcs-nav-item{--wcs-nav-item-font-weight:var(--wcs-semantic-font-weight-medium);--wcs-nav-item-height-desktop:calc(10 * var(--wcs-semantic-size-base));--wcs-nav-item-height-mobile:calc(6 * var(--wcs-semantic-size-base));--wcs-nav-item-gap-desktop:var(--wcs-semantic-spacing-base);--wcs-nav-item-gap-mobile:0;--wcs-nav-item-font-size-desktop:var(--wcs-semantic-font-size-label-3);--wcs-nav-item-font-size-mobile:calc(var(--wcs-semantic-font-size-body-1) / 2);--wcs-nav-item-background-color-default:var(--wcs-semantic-color-background-action-primary-default);--wcs-nav-item-background-color-hover:var(--wcs-semantic-color-background-action-primary-hover);--wcs-nav-item-background-color-press:var(--wcs-semantic-color-background-action-primary-press);--wcs-nav-item-background-color-active:var(--wcs-semantic-color-background-action-primary-selected-default);--wcs-nav-item-color-default:var(--wcs-semantic-color-foreground-action-primary-default);--wcs-nav-item-color-active:var(--wcs-semantic-color-foreground-action-primary-default);--wcs-nav-item-color-hover:var(--wcs-semantic-color-foreground-action-primary-default);--wcs-nav-item-color-press:var(--wcs-semantic-color-foreground-action-primary-default);--wcs-nav-item-border-color-focus:var(--wcs-semantic-color-border-focus-base-on-secondary);--wcs-nav-item-border-width-focus:var(--wcs-semantic-border-width-large);--wcs-nav-item-indicator-background-color:var(--wcs-semantic-color-background-surface-accent-light);--wcs-nav-item-indicator-width-desktop:calc(0.5 * var(--wcs-semantic-size-base));--wcs-nav-item-indicator-width-mobile:calc(3 * var(--wcs-semantic-size-base));--wcs-nav-item-indicator-height-desktop:calc(3 * var(--wcs-semantic-size-base));--wcs-nav-item-indicator-height-mobile:calc(0.5 * var(--wcs-semantic-size-base));--wcs-nav-item-indicator-border-radius-desktop:var(--wcs-semantic-border-radius-base) 0 0 var(--wcs-semantic-border-radius-base);--wcs-nav-item-indicator-border-radius-mobile:var(--wcs-semantic-border-radius-base) var(--wcs-semantic-border-radius-base) 0 0;--wcs-nav-item-transition-duration:var(--wcs-semantic-motion-duration-feedback-base);display:block;cursor:pointer;font-weight:var(--wcs-nav-item-font-weight);transition-property:color, background-color, border-color, box-shadow, backdrop-filter;transition-duration:var(--wcs-nav-item-transition-duration);transition-timing-function:ease-in-out;background-color:var(--wcs-nav-item-background-color-default)}wcs-nav-item a,wcs-nav-item button{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:transparent;border:none;text-decoration:none;height:var(--wcs-nav-item-height-desktop);gap:var(--wcs-nav-item-gap-desktop);font-size:var(--wcs-nav-item-font-size-desktop);color:var(--wcs-nav-item-color-default)}@media (max-width: 1199px){wcs-nav-item a,wcs-nav-item button{display:flex;flex:1;height:var(--wcs-nav-item-height-mobile);gap:var(--wcs-nav-item-gap-mobile);font-size:var(--wcs-nav-item-font-size-mobile)}}wcs-nav-item button{width:100%;cursor:inherit}wcs-nav-item a:focus,wcs-nav-item button:focus{outline:none}@media (max-width: 1199px){wcs-nav-item:has(a:focus-visible),wcs-nav-item:has(button:focus-visible){outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-nav-item-border-color-focus);outline-offset:-2px;border-radius:var(--wcs-nav-item-border-width-focus)}@supports not selector(&:has(a:focus-visible)){wcs-nav-item:focus-within{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-nav-item-border-color-focus);outline-offset:-2px;border-radius:var(--wcs-nav-item-border-width-focus)}}@supports not selector(&:has(button:focus-visible)){wcs-nav-item:focus-within{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-nav-item-border-color-focus);outline-offset:-2px;border-radius:var(--wcs-nav-item-border-width-focus)}}}@media (min-width: 1200px){wcs-nav-item:has(a:focus-visible),wcs-nav-item:has(button:focus-visible){outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-nav-item-border-color-focus);outline-offset:-2px;border-radius:var(--wcs-nav-item-border-width-focus)}@supports not selector(&:has(a:focus-visible)){wcs-nav-item:focus-within{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-nav-item-border-color-focus);outline-offset:-2px;border-radius:var(--wcs-nav-item-border-width-focus)}}@supports not selector(&:has(button:focus-visible)){wcs-nav-item:focus-within{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-nav-item-border-color-focus);outline-offset:-2px;border-radius:var(--wcs-nav-item-border-width-focus)}}}wcs-nav-item i{margin-bottom:0.5rem;display:inline-block}@media (max-width: 1199px){wcs-nav-item i{margin-bottom:0.25rem;display:inline-block}}@media (min-width: 1200px){wcs-nav-item[slot=bottom] a{border-top:var(--wcs-nav-item-border-horizontal-width) solid var(--wcs-nav-item-border-horizontal-color);border-bottom:none !important}}wcs-nav-item:hover{background-color:var(--wcs-nav-item-background-color-hover)}wcs-nav-item:hover a{color:var(--wcs-nav-item-color-hover)}wcs-nav-item:active{background-color:var(--wcs-nav-item-background-color-press)}wcs-nav-item:active a{color:var(--wcs-nav-item-color-press)}wcs-nav-item.active,wcs-nav-item:has(>.active){background-color:var(--wcs-nav-item-background-color-active)}wcs-nav-item.active a,wcs-nav-item:has(>.active) a{color:var(--wcs-nav-item-color-active)}wcs-nav-item.active a::after,wcs-nav-item:has(>.active) a::after{position:absolute;right:0;width:var(--wcs-nav-item-indicator-width-desktop);height:var(--wcs-nav-item-indicator-height-desktop);content:"";background-color:var(--wcs-nav-item-indicator-background-color);border-radius:var(--wcs-nav-item-indicator-border-radius-desktop)}@media (max-width: 1199px){wcs-nav-item.active a::after,wcs-nav-item:has(>.active) a::after{right:auto;bottom:0;width:var(--wcs-nav-item-indicator-width-mobile);height:var(--wcs-nav-item-indicator-height-mobile);border-radius:var(--wcs-nav-item-indicator-border-radius-mobile)}}';const c=r;const s=e(class e extends a{constructor(){super();this.__registerHost()}onKeyDown(e){if(i(e)){this.el.click()}}render(){return t(o,{key:"3e5ca93ea18059c67d5570ee407192c70b9a5af1",role:"listitem"},t("slot",{key:"4ce442473084b0e18fe3cc19248c349f026715f1"}))}get el(){return this}static get style(){return c}},[4,"wcs-nav-item",undefined,[[0,"keydown","onKeyDown"]]]);function n(){if(typeof customElements==="undefined"){return}const e=["wcs-nav-item"];e.forEach((e=>{switch(e){case"wcs-nav-item":if(!customElements.get(e)){customElements.define(e,s)}break}}))}const d=s;const v=n;export{d as WcsNavItem,v as defineCustomElement};
 //# sourceMappingURL=wcs-nav-item.js.map

package/bundle/wcs-nav.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as t,H as e,h as s}from"./p-2bef72c7.js";import{i as a,a as i,s as o}from"./p-2e9b9605.js";const c=":host{--wcs-nav-background-color:var(--wcs-semantic-color-background-surface-brand);--wcs-nav-width-desktop:calc(12 * var(--wcs-semantic-size-base));--wcs-nav-height-mobile:calc(6 * var(--wcs-semantic-size-base))}nav{background-color:var(--wcs-nav-background-color);display:flex;z-index:1055;flex-direction:column;width:var(--wcs-nav-width-desktop);height:100%;overflow:auto;scrollbar-width:thin}nav div[role=list]{list-style-type:none;display:flex;flex-direction:column;flex-grow:1}@media (max-width: 1199px){nav div[role=list]{flex-direction:row}}@media (max-width: 1199px){nav{flex-direction:row;width:100%;height:var(--wcs-nav-height-mobile)}}@media (max-width: 1199px){::slotted(wcs-nav-item){flex:1}}@media (min-width: 1200px){slot[name=bottom],wcs-nav-item:not([slot=bottom])+wcs-nav-item[slot=bottom]{display:block;margin-top:auto}}";const n=c;const r=["title"];const l=t(class t extends e{constructor(){super();this.__registerHost();this.__attachShadow();this.inheritedAttributes={}}componentWillLoad(){this.inheritedAttributes=Object.assign(Object.assign({},a(this.el)),i(this.el,r))}async setAriaAttribute(t,e){o(this.nativeNav,t,e)}render(){return s("nav",Object.assign({key:"3461a64de9b036b1a970e58a26a70f70772491c8",role:"navigation",class:"wcs-nav-container",ref:t=>this.nativeNav=t},this.inheritedAttributes),s("div",{key:"aa68166f70a54e44e78c0fe8a61c224bed4bcb3e",role:"list"},s("slot",{key:"9e6315dafb2038e8577b2402dae1a646587dbb5f"}),s("slot",{key:"8dcddd80f189c8ade3ceb24cd5e36b8d03083a80",name:"bottom"})))}get el(){return this}static get style(){return n}},[1,"wcs-nav",{setAriaAttribute:[64]}]);function d(){if(typeof customElements==="undefined"){return}const t=["wcs-nav"];t.forEach((t=>{switch(t){case"wcs-nav":if(!customElements.get(t)){customElements.define(t,l)}break}}))}const m=l;const b=d;export{m as WcsNav,b as defineCustomElement};
+import{p as t,H as e,h as s}from"./p-2bef72c7.js";import{i as a,a as i,s as o}from"./p-53550684.js";const c=":host{--wcs-nav-background-color:var(--wcs-semantic-color-background-surface-brand);--wcs-nav-width-desktop:calc(12 * var(--wcs-semantic-size-base));--wcs-nav-height-mobile:calc(6 * var(--wcs-semantic-size-base))}nav{background-color:var(--wcs-nav-background-color);display:flex;z-index:1055;flex-direction:column;width:var(--wcs-nav-width-desktop);height:100%;overflow:auto;scrollbar-width:thin}nav div[role=list]{list-style-type:none;display:flex;flex-direction:column;flex-grow:1}@media (max-width: 1199px){nav div[role=list]{flex-direction:row}}@media (max-width: 1199px){nav{flex-direction:row;width:100%;height:var(--wcs-nav-height-mobile)}}@media (max-width: 1199px){::slotted(wcs-nav-item){flex:1}}@media (min-width: 1200px){slot[name=bottom],wcs-nav-item:not([slot=bottom])+wcs-nav-item[slot=bottom]{display:block;margin-top:auto}}";const n=c;const r=["title"];const l=t(class t extends e{constructor(){super();this.__registerHost();this.__attachShadow();this.inheritedAttributes={}}componentWillLoad(){this.inheritedAttributes=Object.assign(Object.assign({},a(this.el)),i(this.el,r))}async setAriaAttribute(t,e){o(this.nativeNav,t,e)}render(){return s("nav",Object.assign({key:"8b3a10c56fd18186c5b2c008eaf89622dd4c5fb3",role:"navigation",class:"wcs-nav-container",ref:t=>this.nativeNav=t},this.inheritedAttributes),s("div",{key:"b9da00e54fb3036e9895f5d5c7e643086c829b41",role:"list"},s("slot",{key:"5e19bf73400b92757e9a33257649213ae7c4b0f9"}),s("slot",{key:"6870ba04c2a975acbbc2782c96aa27a8a20d013d",name:"bottom"})))}get el(){return this}static get style(){return n}},[1,"wcs-nav",{setAriaAttribute:[64]}]);function d(){if(typeof customElements==="undefined"){return}const t=["wcs-nav"];t.forEach((t=>{switch(t){case"wcs-nav":if(!customElements.get(t)){customElements.define(t,l)}break}}))}const m=l;const b=d;export{m as WcsNav,b as defineCustomElement};
 //# sourceMappingURL=wcs-nav.js.map

package/bundle/wcs-progress-bar.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{P as o,d as s}from"./p-d23d7658.js";const t=o;const d=s;export{t as WcsProgressBar,d as defineCustomElement};
+import{P as o,d as s}from"./p-886109ed.js";const t=o;const p=s;export{t as WcsProgressBar,p as defineCustomElement};
 //# sourceMappingURL=wcs-progress-bar.js.map

package/bundle/wcs-progress-radial.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as e,H as s,h as a}from"./p-2bef72c7.js";import{i as r,a as i,s as t}from"./p-2e9b9605.js";const c=":host{display:inline-flex;--wcs-progress-radial-rail-width:calc(var(--wcs-semantic-spacing-base) / 4);--wcs-progress-radial-rail-spacing:calc(var(--wcs-semantic-spacing-base) / 4);--wcs-progress-radial-rail-color:var(--wcs-semantic-color-background-surface-tertiary);--wcs-progress-radial-value-background-color:var(--wcs-semantic-color-background-surface-brand);--wcs-progress-radial-label-color:var(--wcs-semantic-color-text-primary);--wcs-progress-radial-label-font-size:calc(1.5 * var(--wcs-semantic-font-size-m));--wcs-progress-radial-label-font-weight:var(--wcs-semantic-font-weight-medium);--wcs-progress-radial-label-percentage-font-size:calc(var(--wcs-semantic-font-size-m) * 0.7);--wcs-progress-radial-animation-duration:var(--wcs-semantic-motion-duration-feedback-slower)}.progress-circle{position:relative;display:inline-block}.circle-rail{position:absolute;z-index:0;stroke:var(--wcs-progress-radial-rail-color);stroke-dasharray:var(--wcs-progress-radial-rail-width) var(--wcs-progress-radial-rail-spacing);fill:none}.progress-circle-figure{position:absolute;top:0;z-index:1;transform:rotate(-90deg);transition:stroke-dashoffset var(--wcs-progress-radial-animation-duration) ease-out}.progress-circle-label{top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--wcs-progress-radial-label-font-size);font-weight:var(--wcs-progress-radial-label-font-weight);color:var(--wcs-progress-radial-label-color)}.progress-circle-label sup{font-size:var(--wcs-progress-radial-label-percentage-font-size);top:-0.85em;position:relative;line-height:0;vertical-align:baseline}.progress-circle-value{stroke:var(--wcs-progress-radial-value-background-color);stroke-linecap:round}.progress-circle-value,.progress-circle-meter{fill:none}";const o=c;const l=["title"];const n=e(class e extends s{constructor(){super();this.__registerHost();this.__attachShadow();this.inheritedAttributes={};this.backgroundImageSize=120;this.size=120;this.showLabel=false;this.value=0}componentWillLoad(){this.inheritedAttributes=Object.assign(Object.assign({},r(this.el)),i(this.el,l))}async setAriaAttribute(e,s){t(this.nativeProgress,e,s)}render(){const{backgroundImageSize:e,halfSize:s}={backgroundImageSize:this.backgroundImageSize,halfSize:this.backgroundImageSize/2};return a("div",Object.assign({key:"7da6ed9d04399e5ff473d112d6a111696c9b14bc",class:"progress-circle","data-component":"radial-progress",style:this.getSize(),role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":this.value,"aria-valuetext":this.value+"%",ref:e=>this.nativeProgress=e},this.inheritedAttributes),a("svg",{key:"226ed7d14005563adc1e55e7ba28c3bb49ed1d95","data-role":"figure",class:"circle-rail",viewBox:`0 0 ${e} ${e}`},a("circle",{key:"a50b905a8c36416ce3ede895affbda05a30b1c1b",cx:s,cy:s,r:54,"stroke-width":12})),a("svg",{key:"7d58cf8a614acdff769c769ecca919b86792cd0d",class:"progress-circle-figure","data-role":"figure",viewBox:`0 0 ${e} ${e}`,style:this.getSvgStyle()},a("circle",{key:"11f22fd6a506b226a0e8a450163ac5c3a0fcbe44",class:"progress-circle-value",cx:s,cy:s,r:"54","stroke-width":"12"})),this.showLabel&&a("div",{key:"a87680ab5a59f4e34072dde8a2f7d15ef4b671e9",class:"progress-circle-label","data-role":"label"},a("span",{key:"fe65c818b10f58562d65f7f330a21a794f8b876f"},a("span",{key:"337459684703272ec7817fe64226e2df10341e9c","data-role":"labelvalue"},this.value),a("sup",{key:"45f173f53dcfa8e85ea0986f28e8848f75d24434"},"%"))))}getSvgStyle(){return{"stroke-dasharray":"339.292","stroke-dashoffset":`${339.292-this.value/100*339.292}`}}getSize(){return{width:`${this.size}px`,height:`${this.size}px`}}get el(){return this}static get style(){return o}},[1,"wcs-progress-radial",{size:[2],showLabel:[516,"show-label"],value:[2],setAriaAttribute:[64]}]);function d(){if(typeof customElements==="undefined"){return}const e=["wcs-progress-radial"];e.forEach((e=>{switch(e){case"wcs-progress-radial":if(!customElements.get(e)){customElements.define(e,n)}break}}))}const g=n;const f=d;export{g as WcsProgressRadial,f as defineCustomElement};
+import{p as e,H as s,h as a}from"./p-2bef72c7.js";import{i as r,a as i,s as t}from"./p-53550684.js";const c=":host{display:inline-flex;--wcs-progress-radial-rail-width:calc(var(--wcs-semantic-spacing-base) / 4);--wcs-progress-radial-rail-spacing:calc(var(--wcs-semantic-spacing-base) / 4);--wcs-progress-radial-rail-color:var(--wcs-semantic-color-background-surface-tertiary);--wcs-progress-radial-value-background-color:var(--wcs-semantic-color-background-surface-brand);--wcs-progress-radial-label-color:var(--wcs-semantic-color-text-primary);--wcs-progress-radial-label-font-size:calc(1.5 * var(--wcs-semantic-font-size-m));--wcs-progress-radial-label-font-weight:var(--wcs-semantic-font-weight-medium);--wcs-progress-radial-label-percentage-font-size:calc(var(--wcs-semantic-font-size-m) * 0.7);--wcs-progress-radial-animation-duration:var(--wcs-semantic-motion-duration-feedback-slower)}.progress-circle{position:relative;display:inline-block}.circle-rail{position:absolute;z-index:0;stroke:var(--wcs-progress-radial-rail-color);stroke-dasharray:var(--wcs-progress-radial-rail-width) var(--wcs-progress-radial-rail-spacing);fill:none}.progress-circle-figure{position:absolute;top:0;z-index:1;transform:rotate(-90deg);transition:stroke-dashoffset var(--wcs-progress-radial-animation-duration) ease-out}.progress-circle-label{top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--wcs-progress-radial-label-font-size);font-weight:var(--wcs-progress-radial-label-font-weight);color:var(--wcs-progress-radial-label-color)}.progress-circle-label sup{font-size:var(--wcs-progress-radial-label-percentage-font-size);top:-0.85em;position:relative;line-height:0;vertical-align:baseline}.progress-circle-value{stroke:var(--wcs-progress-radial-value-background-color);stroke-linecap:round}.progress-circle-value,.progress-circle-meter{fill:none}";const o=c;const l=["title"];const n=e(class e extends s{constructor(){super();this.__registerHost();this.__attachShadow();this.inheritedAttributes={};this.backgroundImageSize=120;this.size=120;this.showLabel=false;this.value=0}componentWillLoad(){this.inheritedAttributes=Object.assign(Object.assign({},r(this.el)),i(this.el,l))}async setAriaAttribute(e,s){t(this.nativeProgress,e,s)}render(){const{backgroundImageSize:e,halfSize:s}={backgroundImageSize:this.backgroundImageSize,halfSize:this.backgroundImageSize/2};return a("div",Object.assign({key:"41c91ae3fadd538ad2b7c201f8def9c32fba54fa",class:"progress-circle","data-component":"radial-progress",style:this.getSize(),role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":this.value,"aria-valuetext":this.value+"%",ref:e=>this.nativeProgress=e},this.inheritedAttributes),a("svg",{key:"b3487735133ac25fd54d315aae3c59d55a35be5c","data-role":"figure",class:"circle-rail",viewBox:`0 0 ${e} ${e}`},a("circle",{key:"a10400986a13c10f05ecf809f596d9064bfca7e4",cx:s,cy:s,r:54,"stroke-width":12})),a("svg",{key:"5ea4655662fe08b668fb5508243bd1fb955c4484",class:"progress-circle-figure","data-role":"figure",viewBox:`0 0 ${e} ${e}`,style:this.getSvgStyle()},a("circle",{key:"e84165f37b549e4f30ad9242fa65e871f615f550",class:"progress-circle-value",cx:s,cy:s,r:"54","stroke-width":"12"})),this.showLabel&&a("div",{key:"2f982e974db32f833d5227e79641cc400a845b70",class:"progress-circle-label","data-role":"label"},a("span",{key:"ec3f7ab4833a1b5f9f061dd17374e89f9040f00f"},a("span",{key:"8707ff80a7160a681c3fb056adba8c65a6c5bd22","data-role":"labelvalue"},this.value),a("sup",{key:"5119ede23174dba5a0b13187b5abb37a6c1d785b"},"%"))))}getSvgStyle(){return{"stroke-dasharray":"339.292","stroke-dashoffset":`${339.292-this.value/100*339.292}`}}getSize(){return{width:`${this.size}px`,height:`${this.size}px`}}get el(){return this}static get style(){return o}},[1,"wcs-progress-radial",{size:[2],showLabel:[516,"show-label"],value:[2],setAriaAttribute:[64]}]);function d(){if(typeof customElements==="undefined"){return}const e=["wcs-progress-radial"];e.forEach((e=>{switch(e){case"wcs-progress-radial":if(!customElements.get(e)){customElements.define(e,n)}break}}))}const f=n;const g=d;export{f as WcsProgressRadial,g as defineCustomElement};
 //# sourceMappingURL=wcs-progress-radial.js.map