wcs-core 7.1.0 → 7.2.0

package/dist/wcs/p-a0f6ef30.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as i,h as t,H as s,g as a}from"./p-32e583ea.js";import{b as l,o as d,q as o,d as r}from"./p-52d77e1f.js";const n=["m","l"];function c(e){return n.includes(e)}const h=":host{--wcs-editable-field-label-color:var(--wcs-semantic-color-text-primary);--wcs-editable-field-label-font-weight:var(--wcs-semantic-font-weight-book);--wcs-editable-field-label-gap:var(--wcs-semantic-spacing-base);--wcs-editable-field-label-font-size:var(--wcs-semantic-font-size-m);--wcs-editable-field-background-color:var(--wcs-semantic-color-background-control-default);--wcs-editable-field-value-font-weight:var(--wcs-semantic-font-weight-medium);--wcs-editable-field-value-color-default:var(--wcs-semantic-color-text-primary);--wcs-editable-field-value-color-hover:var(--wcs-semantic-color-text-primary);--wcs-editable-field-value-color-readonly:var(--wcs-semantic-color-text-tertiary);--wcs-editable-field-height-m:var(--wcs-semantic-size-m);--wcs-editable-field-height-l:var(--wcs-semantic-size-l);--wcs-editable-field-font-size-m:var(--wcs-semantic-font-size-m);--wcs-editable-field-font-size-l:var(--wcs-semantic-font-size-l);--wcs-editable-field-border-radius:var(--wcs-semantic-border-radius-base);--wcs-editable-field-border-width:var(--wcs-semantic-border-width-default);--wcs-editable-field-border-width-focus:var(--wcs-semantic-border-width-large);--wcs-editable-field-border-width-hover:var(--wcs-semantic-border-width-default);--wcs-editable-field-border-color-default:var(--wcs-semantic-color-border-primary);--wcs-editable-field-border-color-hover:var(--wcs-semantic-color-border-control-focus);--wcs-editable-field-border-color-focus:var(--wcs-semantic-color-border-control-focus);--wcs-editable-field-border-style:var(--wcs-semantic-border-style-focus-control);--wcs-editable-field-padding-vertical-m:0;--wcs-editable-field-padding-vertical-l:0;--wcs-editable-field-padding-horizontal-m:var(--wcs-semantic-spacing-large);--wcs-editable-field-padding-horizontal-l:var(--wcs-semantic-spacing-large);--wcs-editable-field-icon-color-readonly:var(--wcs-semantic-color-text-tertiary);--wcs-editable-field-host-padding:var(--wcs-editable-field-padding-vertical-m) var(--wcs-editable-field-padding-horizontal-m);--wcs-editable-field-host-height:var(--wcs-editable-field-height-m);--wcs-editable-field-font-size:var(--wcs-editable-field-font-size-m);display:block}:host .display-none{display:none !important}:host .label{margin-bottom:var(--wcs-editable-field-label-gap);font-weight:var(--wcs-editable-field-label-font-weight);font-size:var(--wcs-editable-field-label-font-size);color:var(--wcs-editable-field-label-color)}:host .edit-container{display:flex;width:100%}:host .edit-container .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;outline:0;outline-offset:0}:host button.display-container{width:100%;border:none;font-family:inherit;text-align:start;box-sizing:border-box;min-height:var(--wcs-editable-field-host-height);white-space:break-spaces;display:flex;justify-content:space-between;align-items:center;background-color:var(--wcs-editable-field-background-color);border-radius:var(--wcs-editable-field-border-radius);font-size:var(--wcs-editable-field-font-size);line-height:1.5;font-weight:var(--wcs-editable-field-value-font-weight);color:var(--wcs-editable-field-value-color-default);padding:var(--wcs-editable-field-host-padding);outline:var(--wcs-editable-field-border-style) var(--wcs-editable-field-border-width) var(--wcs-editable-field-border-color-default)}:host button.display-container wcs-mat-icon{display:none}:host .load-container{box-sizing:border-box;min-height:var(--wcs-editable-field-host-height);white-space:pre;display:flex;justify-content:space-between;background-color:var(--wcs-editable-field-background-color);border-radius:var(--wcs-editable-field-border-radius);font-size:var(--wcs-editable-field-font-size);line-height:1.5;font-weight:var(--wcs-editable-field-value-font-weight);color:var(--wcs-editable-field-value-color-default);padding:var(--wcs-editable-field-host-padding);outline:var(--wcs-editable-field-border-style) var(--wcs-editable-field-border-width) var(--wcs-editable-field-border-color-default);align-items:center}:host wcs-spinner{height:24px;width:24px}:host .readonly-icon{fill:var(--wcs-editable-field-icon-color-readonly)}:host([readonly]){--wcs-editable-field-background-color:var(--wcs-semantic-color-background-control-readonly)}:host([readonly]) .display-container{color:var(--wcs-editable-field-value-color-readonly)}:host([readonly]) .display-container:focus-visible{outline:var(--wcs-editable-field-border-style) var(--wcs-editable-field-border-width-focus) var(--wcs-editable-field-border-color-default)}:host(:not([readonly])) .display-container:hover wcs-mat-icon,:host(:not([readonly])) .display-container:focus-visible wcs-mat-icon{display:flex;align-items:center}:host(:not([readonly])) .display-container:hover{color:var(--wcs-editable-field-value-color-hover);cursor:pointer;outline:var(--wcs-editable-field-border-style) var(--wcs-editable-field-border-width-hover) var(--wcs-editable-field-border-color-hover)}:host(:not([readonly])) .display-container:focus-visible{outline:var(--wcs-editable-field-border-style) var(--wcs-editable-field-border-width-focus) var(--wcs-editable-field-border-color-focus)}:host([size=l]){--wcs-editable-field-host-padding:var(--wcs-editable-field-padding-vertical-l) var(--wcs-editable-field-padding-horizontal-l);--wcs-editable-field-host-height:var(--wcs-editable-field-height-l);--wcs-editable-field-font-size:var(--wcs-editable-field-font-size-l)}:host([size=m]){--wcs-editable-field-host-padding:var(--wcs-editable-field-padding-vertical-m) var(--wcs-editable-field-padding-horizontal-m);--wcs-editable-field-host-height:var(--wcs-editable-field-height-m);--wcs-editable-field-font-size:var(--wcs-editable-field-font-size-m)}";const f=h;var b;(function(e){e[e["DISPLAY"]=0]="DISPLAY";e[e["EDIT"]=1]="EDIT";e[e["LOAD"]=2]="LOAD"})(b||(b={}));const w="Éditer";const v=20;const u=class{constructor(t){e(this,t);this.wcsChange=i(this,"wcsChange",7);this.spiedElement=null;this.currentValue=null;this.currentState=b.DISPLAY;this.type="input";this.label=undefined;this.readonly=false;this.value=undefined;this.validateFn=undefined;this.formatFn=undefined;this.errorMsg=null;this.size="m";this.isError=false}componentWillLoad(){if(!c(this.size)){console.warn(`Invalid size value for wcs-editable-field : "${this.size}". Must be one of "${n.join(", ")}"`);this.size="m"}this.currentValue=this.value}componentDidLoad(){const e=this.el.shadowRoot.querySelector("slot").assignedElements();switch(this.type){case"input":this.initWithInput(e);break;case"textarea":this.initWithTextArea(e);break;case"select":this.initWithSelect(e);break}}disconnectedCallback(){this.cleanUpSpiedElementEventListeners()}keyboardSubmitHandler(e){const i=this.type==="textarea"||this.type==="select"?r(e)&&e.ctrlKey:r(e);if(i){this.sendCurrentValue()}if(l(e)){this.discardChanges()}}onWcsInputOrChange(e){e.stopImmediatePropagation();const i=this.type==="select"?e.detail.value:e.detail.target.value;this.currentValue=i;if(this.validateFn){this.isError=!this.validateFn(this.currentValue)}}cleanUpSpiedElementEventListeners(){var e,i,t;(e=this.spiedElement)===null||e===void 0?void 0:e.removeEventListener("keydown",this.onInputKeydownCallback);(i=this.spiedElement)===null||i===void 0?void 0:i.removeEventListener("wcsInput",this.onWcsInputOrChangeCallback);(t=this.spiedElement)===null||t===void 0?void 0:t.removeEventListener("wcsChange",this.onWcsInputOrChangeCallback)}initWithInput(e){const i=e.filter((e=>e.tagName==="WCS-INPUT"))[0];if(!i)throw new Error("You must provide a slotted input element to handle edition");this.spiedElement=i;this.addWcsInputEventHandler(this.spiedElement);this.addKeyDownHandler(this.spiedElement)}initWithTextArea(e){const i=e.filter((e=>e.tagName==="WCS-TEXTAREA"))[0];if(!i)throw new Error("You must provide a slotted textarea element to handle edition");this.spiedElement=i;this.addWcsInputEventHandler(this.spiedElement);this.addKeyDownHandler(this.spiedElement)}initWithSelect(e){const i=e.filter((e=>e.tagName==="WCS-SELECT"))[0];if(!i)throw new Error("You must provide a slotted select element to handle edition");this.spiedElement=i;this.addWcsChangeEventHandler(this.spiedElement);this.addKeyDownHandler(this.spiedElement)}addWcsChangeEventHandler(e){this.onWcsInputOrChangeCallback=this.onWcsInputOrChange.bind(this);e.addEventListener("wcsChange",this.onWcsInputOrChangeCallback)}addWcsInputEventHandler(e){this.onWcsInputOrChangeCallback=this.onWcsInputOrChange.bind(this);e.addEventListener("wcsInput",this.onWcsInputOrChangeCallback)}addKeyDownHandler(e){this.onInputKeydownCallback=this.keyboardSubmitHandler.bind(this);e.addEventListener("keydown",this.onInputKeydownCallback)}focusEditModeBtn(){setTimeout((()=>{var e;(e=this.editModeBtn)===null||e===void 0?void 0:e.focus()}),v)}sendCurrentValue(){if(this.currentState===b.EDIT){if(this.value===this.currentValue){this.currentState=b.DISPLAY;this.focusEditModeBtn()}else{this.isError=this.validateFn?!this.validateFn(this.currentValue):false;if(!this.isError){this.currentState=b.LOAD;this.wcsChange.emit({newValue:this.currentValue,successHandler:()=>this.forceDisplayStateAndValidate(),errorHandler:()=>this.errorHandler()})}}}}discardChanges(){this.currentValue=this.value;this.currentState=b.DISPLAY;this.isError=false;this.focusEditModeBtn()}forceDisplayStateAndValidate(){if(this.currentState===b.LOAD){this.value=this.currentValue;this.currentState=b.DISPLAY;this.focusEditModeBtn()}else{throw new Error("You cannot set display state from "+b[this.currentState]+" state")}}onWindowClickEvent(e){if(d(e)&&e.detail!==0&&!o(e,this.el)){if(this.currentState===b.EDIT){if(this.isError){this.discardChanges()}else{this.sendCurrentValue()}}}}errorHandler(){this.discardChanges()}onValueChange(){this.currentState=b.DISPLAY}onDisplayContainerClick(){if(this.currentState===b.DISPLAY&&this.readonly===false){this.currentState=b.EDIT;this.spiedElement["value"]=this.currentValue;if(this.validateFn){this.isError=!this.validateFn(this.currentValue)}setTimeout((()=>{if(this.type==="input"){this.spiedElement.focus()}else if(this.type==="textarea"){this.spiedElement.fitContent();this.spiedElement.focus()}}),v)}}getReadonlySvgIcon(){return t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"26",height:"24",viewBox:"0 0 27 25",class:"readonly-icon"},t("path",{d:"M26.79,25.05H1.21a.73.73,0,0,0,0,1.45H26.79a.73.73,0,0,0,0-1.45Z",transform:"translate(-0.5 -1.5)"}),t("path",{d:"M19.8,8.87h-.61V6.73a5.23,5.23,0,0,0-10.46,0V8.87H8.2a1.63,1.63,0,0,0-1.63,1.62V21.32A1.62,1.62,0,0,0,8.2,22.94H19.8a1.62,1.62,0,0,0,1.63-1.62V10.49A1.63,1.63,0,0,0,19.8,8.87ZM10.93,6.73a3,3,0,1,1,6.06,0V8.87H10.93Zm3,14.15a5,5,0,1,1,5-5A5,5,0,0,1,14,20.88Z",transform:"translate(-0.5 -1.5)"}),t("path",{d:"M14,12.62a3.29,3.29,0,1,0,3.29,3.29A3.29,3.29,0,0,0,14,12.62Zm0,4.75a1.47,1.47,0,1,1,1.47-1.46A1.46,1.46,0,0,1,14,17.37Z",transform:"translate(-0.5 -1.5)"}))}formatValues(){let e=this.value;let i=this.currentValue;if(this.formatFn){e=this.formatFn(this.value);i=this.formatFn(this.currentValue)}if(Array.isArray(this.value)){e=this.value.join(", ")}if(Array.isArray(this.currentValue)){i=this.currentValue.join(", ")}return{formattedValue:e?t("span",null,e):t("span",null),formattedValueText:e,formattedCurrentValue:i?t("span",null,i):t("span",null)}}render(){const{formattedValue:e,formattedValueText:i,formattedCurrentValue:a}=this.formatValues();return t(s,{key:"81f6b6b92cd0a6f60a0eb4fbdb781a42863d4478"},t("div",{key:"1278b7794e0127f1f2bc819d246712d55a139abd",class:"label"},this.label),t("button",{key:"6049a936d198c5ee68db9a29466b82dc0ca55fa2",type:"button",class:"display-container "+(this.currentState!==b.DISPLAY?"display-none":""),onClick:()=>this.onDisplayContainerClick(),ref:e=>this.editModeBtn=e,"aria-label":`${w} ${this.label} ${i}`},e,t("wcs-mat-icon",{key:"97020f20f553553b1e3a866d6d2ad274504b1bc9",icon:"edit",size:"s"}),this.readonly?this.getReadonlySvgIcon():null),t("div",{key:"17c58773fdaa738eef36c20545815ff10c35c5eb",class:"load-container "+(this.currentState!==b.LOAD?"display-none":"")},a,t("wcs-spinner",{key:"b2ef7dd52a95d0604cd74368a17cf26283a663a9"})),t("wcs-form-field",{key:"38891efe6c9c119ad7d261f31edba4b4e5e3ae71","is-error":this.isError,class:"edit-container "+(this.currentState!==b.EDIT?"display-none":"")},t("wcs-label",{key:"80ff051b722d175932c4cf56410f8c4081fe4cb8",class:"visually-hidden"},this.label),t("slot",{key:"4e8592e8283ce75e629f61dafd609c59cd5fbbc0"}),this.isError&&this.errorMsg?t("wcs-error",null,this.errorMsg):null))}get el(){return a(this)}static get watchers(){return{value:["onValueChange"]}}};u.style=f;export{u as wcs_editable_field};
+//# sourceMappingURL=p-a0f6ef30.entry.js.map

package/dist/wcs/p-a0f6ef30.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["WcsEditableFieldSizeValues","isWcsEditableFieldSize","size","includes","editableFieldCss","WcsEditableFieldStyle0","EditableComponentState","EDIT_ARIA_LABEL","DELAY_BEFORE_FOCUS","EditableField","this","spiedElement","currentValue","DISPLAY","componentWillLoad","console","warn","join","value","componentDidLoad","assignedElements","el","shadowRoot","querySelector","type","initWithInput","initWithTextArea","initWithSelect","disconnectedCallback","cleanUpSpiedElementEventListeners","keyboardSubmitHandler","event","shouldValidateOnEnterKey","isEnterKey","ctrlKey","sendCurrentValue","isEscapeKey","discardChanges","onWcsInputOrChange","stopImmediatePropagation","detail","target","validateFn","isError","_a","removeEventListener","onInputKeydownCallback","_b","onWcsInputOrChangeCallback","_c","element","filter","x","tagName","Error","addWcsInputEventHandler","addKeyDownHandler","addWcsChangeEventHandler","elt","bind","addEventListener","focusEditModeBtn","setTimeout","editModeBtn","focus","currentState","EDIT","LOAD","wcsChange","emit","newValue","successHandler","forceDisplayStateAndValidate","errorHandler","onWindowClickEvent","isMouseEvent","clickInsideElement","onValueChange","onDisplayContainerClick","readonly","fitContent","getReadonlySvgIcon","h","xmlns","width","height","viewBox","class","d","transform","formatValues","formattedValue","formattedCurrentValue","formatFn","Array","isArray","formattedValueText","render","Host","key","label","onClick","ref","icon","errorMsg"],"sources":["src/components/editable-field/editable-field-interface.tsx","src/components/editable-field/editable-field.scss?tag=wcs-editable-field&encapsulation=shadow","src/components/editable-field/editable-field.tsx"],"sourcesContent":["import { WcsSize } from '../../shared-types';\n\nexport type ValidateFn<T> = (value: T) => boolean;\nexport type FormatFn<T> = (value: T) => string;\n\nexport interface EditableComponentUpdateEvent {\n    /**\n     * The new value sent by the component inside the `wcs-editable-field`\n     */\n    newValue: any; // We use any for now, but when components typings will support template, change for parameterized type\n    /**\n     * Used to get from LOAD state to DISPLAY state.  \n     * Only use to commit the value, when the value is not systematically updated at every event firing\n     */\n    successHandler: () => void;\n    /**\n     * Used to get from LOAD state to DISPLAY state.  \n     * Only use to discard the value, when the value should not be updated \n     */\n    errorHandler: () => void;\n}\n\nexport const WcsEditableFieldSizeValues = ['m', 'l'] as const; // as const keyword is used to infer and preserve the exact literal values of an array or object.\n\nexport type WcsEditableFieldSize = Extract<WcsSize, typeof WcsEditableFieldSizeValues[number]>;\n\nexport function isWcsEditableFieldSize(size: string): size is WcsEditableFieldSize {\n    // @ts-ignore : ignore size type, as it is checked with WcsEditableFieldSizeValues\n    return WcsEditableFieldSizeValues.includes(size);\n}\n\nexport type EditableFieldType = 'input' | 'textarea' | 'select';\n",":host {\n    --wcs-editable-field-label-color: var(--wcs-semantic-color-text-primary);\n    --wcs-editable-field-label-font-weight: var(--wcs-semantic-font-weight-book);\n    --wcs-editable-field-label-gap: var(--wcs-semantic-spacing-base);\n    --wcs-editable-field-label-font-size: var(--wcs-semantic-font-size-m);\n\n    --wcs-editable-field-background-color: var(--wcs-semantic-color-background-control-default);\n    --wcs-editable-field-value-font-weight: var(--wcs-semantic-font-weight-medium);\n    --wcs-editable-field-value-color-default: var(--wcs-semantic-color-text-primary);\n    --wcs-editable-field-value-color-hover: var(--wcs-semantic-color-text-primary);\n    --wcs-editable-field-value-color-readonly: var(--wcs-semantic-color-text-tertiary);\n    --wcs-editable-field-height-m: var(--wcs-semantic-size-m);\n    --wcs-editable-field-height-l: var(--wcs-semantic-size-l);\n    --wcs-editable-field-font-size-m: var(--wcs-semantic-font-size-m);\n    --wcs-editable-field-font-size-l: var(--wcs-semantic-font-size-l);\n\n    --wcs-editable-field-border-radius: var(--wcs-semantic-border-radius-base);\n    --wcs-editable-field-border-width: var(--wcs-semantic-border-width-default);\n    --wcs-editable-field-border-width-focus: var(--wcs-semantic-border-width-large);\n    --wcs-editable-field-border-width-hover: var(--wcs-semantic-border-width-default);\n    --wcs-editable-field-border-color-default: var(--wcs-semantic-color-border-primary);\n    --wcs-editable-field-border-color-hover: var(--wcs-semantic-color-border-control-focus);\n    --wcs-editable-field-border-color-focus: var(--wcs-semantic-color-border-control-focus);\n    --wcs-editable-field-border-style: var(--wcs-semantic-border-style-focus-control);\n\n    --wcs-editable-field-padding-vertical-m: 0;\n    --wcs-editable-field-padding-vertical-l: 0;\n    --wcs-editable-field-padding-horizontal-m: var(--wcs-semantic-spacing-large);\n    --wcs-editable-field-padding-horizontal-l: var(--wcs-semantic-spacing-large);\n\n    --wcs-editable-field-icon-color-readonly: var(--wcs-semantic-color-text-tertiary);\n\n    // Default\n    --wcs-editable-field-host-padding: var(--wcs-editable-field-padding-vertical-m) var(--wcs-editable-field-padding-horizontal-m);\n    --wcs-editable-field-host-height: var(--wcs-editable-field-height-m);\n    --wcs-editable-field-font-size: var(--wcs-editable-field-font-size-m);\n\n    display: block;\n\n    .display-none {\n        display: none !important;\n    }\n\n    .label {\n        margin-bottom: var(--wcs-editable-field-label-gap);\n        font-weight: var(--wcs-editable-field-label-font-weight);\n        font-size: var(--wcs-editable-field-label-font-size);\n        color: var(--wcs-editable-field-label-color);\n    }\n\n    .edit-container {\n        display: flex;\n        width: 100%;\n\n        .visually-hidden {\n            position: absolute;\n            width: 1px;\n            height: 1px;\n            overflow: hidden;\n            clip: rect(0, 0, 0, 0);\n            clip-path: inset(50%);\n            white-space: nowrap;\n            outline: 0;\n            outline-offset: 0;\n        }\n    }\n\n    button.display-container {\n        // Reset native button styles\n        width: 100%;\n        border: none;\n        font-family: inherit;\n        text-align: start;\n\n        box-sizing: border-box;\n        wcs-mat-icon {\n            display: none;\n        }\n        min-height: var(--wcs-editable-field-host-height);\n        white-space: break-spaces;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        background-color: var(--wcs-editable-field-background-color);\n        border-radius: var(--wcs-editable-field-border-radius);\n        font-size: var(--wcs-editable-field-font-size);\n        line-height: 1.5;\n        font-weight: var(--wcs-editable-field-value-font-weight);\n        color: var(--wcs-editable-field-value-color-default);\n        padding: var(--wcs-editable-field-host-padding);\n        outline: var(--wcs-editable-field-border-style) var(--wcs-editable-field-border-width) var(--wcs-editable-field-border-color-default);\n    }\n\n    .load-container {\n        box-sizing: border-box;\n        min-height: var(--wcs-editable-field-host-height);\n        white-space: pre;\n        display: flex;\n        justify-content: space-between;\n        background-color: var(--wcs-editable-field-background-color);\n        border-radius: var(--wcs-editable-field-border-radius);\n        font-size: var(--wcs-editable-field-font-size);\n        line-height: 1.5;\n        font-weight: var(--wcs-editable-field-value-font-weight);\n        color: var(--wcs-editable-field-value-color-default);\n        padding: var(--wcs-editable-field-host-padding);\n        outline: var(--wcs-editable-field-border-style) var(--wcs-editable-field-border-width) var(--wcs-editable-field-border-color-default);\n        align-items: center;\n    }\n\n    wcs-spinner {\n        height: 24px;\n        width: 24px;\n    }\n\n    .readonly-icon {\n        fill: var(--wcs-editable-field-icon-color-readonly);\n    }\n}\n\n:host([readonly]) {\n    --wcs-editable-field-background-color: var(--wcs-semantic-color-background-control-readonly);\n\n    .display-container {\n        color: var(--wcs-editable-field-value-color-readonly);\n\n        &:focus-visible {\n            outline: var(--wcs-editable-field-border-style) var(--wcs-editable-field-border-width-focus) var(--wcs-editable-field-border-color-default);\n        }\n    }\n}\n\n:host(:not([readonly])) {\n    .display-container:hover,\n    .display-container:focus-visible {\n        wcs-mat-icon {\n            display: flex;\n            align-items: center;\n        }\n    }\n\n    .display-container:hover {\n        color: var(--wcs-editable-field-value-color-hover);\n        cursor: pointer;\n        outline: var(--wcs-editable-field-border-style) var(--wcs-editable-field-border-width-hover) var(--wcs-editable-field-border-color-hover);\n    }\n\n    .display-container:focus-visible {\n        outline: var(--wcs-editable-field-border-style) var(--wcs-editable-field-border-width-focus) var(--wcs-editable-field-border-color-focus);\n    }\n}\n\n:host([size=l]) {\n    --wcs-editable-field-host-padding: var(--wcs-editable-field-padding-vertical-l) var(--wcs-editable-field-padding-horizontal-l);\n    --wcs-editable-field-host-height: var(--wcs-editable-field-height-l);\n    --wcs-editable-field-font-size: var(--wcs-editable-field-font-size-l);\n}\n\n:host([size=m]) { // Default\n    --wcs-editable-field-host-padding: var(--wcs-editable-field-padding-vertical-m) var(--wcs-editable-field-padding-horizontal-m);\n    --wcs-editable-field-host-height: var(--wcs-editable-field-height-m);\n    --wcs-editable-field-font-size: var(--wcs-editable-field-font-size-m);\n}\n","import {\n    Component,\n    ComponentInterface,\n    EventEmitter,\n    h,\n    Prop,\n    Event,\n    State,\n    Host,\n    Element,\n    Watch,\n    Listen\n} from '@stencil/core';\n\nimport {\n    EditableComponentUpdateEvent,\n    EditableFieldType,\n    FormatFn,\n    isWcsEditableFieldSize,\n    ValidateFn,\n    WcsEditableFieldSize,\n    WcsEditableFieldSizeValues\n} from './editable-field-interface';\nimport { clickInsideElement, isEnterKey, isEscapeKey, isMouseEvent } from '../../utils/helpers';\n\nenum EditableComponentState {\n    DISPLAY,\n    EDIT,\n    LOAD\n}\n\n/**\n * Aria-label of the display button\n */\nconst EDIT_ARIA_LABEL = \"Éditer\";\n\n// We wait until the element is displayed on the page otherwise the focus does not work.\n// 20ms is a little more than a 16ms frame at 60fps.\nconst DELAY_BEFORE_FOCUS = 20;\n\n/**\n * The editable-field component can be used to simplify the user experience, avoiding the use of a redirection to a form\n * to edit the data of an entity. You can use it with these wrapped components : `wcs-input`, `wcs-textarea`, `wcs-select`. \n *\n * This component is not present in the SNCF design system specifications, so we tried to build it in the most\n * \"discoverable\" way possible (for users who interact with), but it's a first version.\n * \n * **How to use ❓**  \n * This component is mostly used with a server that returns a response to the input sent through the `wcsChange` event.\n * It has 3 internal states :\n * - DISPLAY = the default state of the editable-field\n * - EDIT = the editable-field is editable, the user should input the data\n * - LOADING = the data is submitted and the editable-field is waiting for a **response**\n *\n * A **response** is needed to get the component out of the LOADING state. You can either :\n * - Set the `value` property to a different value to tell the component to refresh and go back into DISPLAY state\n * - Use the `successHandler` callback through the `wcsChange` event (see interface [EditableComponentUpdateEvent](https://gitlab.com/SNCF/wcs/-/blob/develop/src/components/editable-field/editable-field-interface.tsx))\n * - Use the `errorHandler` callback through the `wcsChange` event (see interface [EditableComponentUpdateEvent](https://gitlab.com/SNCF/wcs/-/blob/develop/src/components/editable-field/editable-field-interface.tsx))\n * \n * **Accessibility guidelines 💡**  \n * \n * > - Aria attributes are put on the native component on the first rendering with the `label` and `errorMsg` you provided \n * > - Additional aria attributes put on `<wcs-editable-field>` won't inherit onto the native component : you must use the `setAriaAttribute` method.\n * \n * @cssprop --wcs-editable-field-label-color - Color of the label text\n * @cssprop --wcs-editable-field-label-font-weight - Font weight of the label text\n * @cssprop --wcs-editable-field-label-gap - Gap between the label and the field\n * @cssprop --wcs-editable-field-label-font-size - Font size of the label text\n *\n * @cssprop --wcs-editable-field-background-color - Background color of the editable field\n * @cssprop --wcs-editable-field-value-font-weight - Font weight of the field value text\n * @cssprop --wcs-editable-field-value-color-default - Default color of the field value text\n * @cssprop --wcs-editable-field-value-color-hover - Color of the field value text on hover\n * @cssprop --wcs-editable-field-value-color-readonly - Color of the field value text when readonly\n *\n * @cssprop --wcs-editable-field-height-m - Height of the editable field in medium size\n * @cssprop --wcs-editable-field-height-l - Height of the editable field in large size\n * @cssprop --wcs-editable-field-font-size-m - Font size of the field value text in medium size\n * @cssprop --wcs-editable-field-font-size-l - Font size of the field value text in large size\n *\n * @cssprop --wcs-editable-field-border-radius - Border radius of the editable field\n * @cssprop --wcs-editable-field-border-width - Border width of the editable field\n * @cssprop --wcs-editable-field-border-width-focus - Border width of the editable field when focused\n * @cssprop --wcs-editable-field-border-width-hover - Border width of the editable field on hover\n * @cssprop --wcs-editable-field-border-color-default - Default border color of the editable field\n * @cssprop --wcs-editable-field-border-color-hover - Border color of the editable field on hover\n * @cssprop --wcs-editable-field-border-color-focus - Border color of the editable field on focus\n * @cssprop --wcs-editable-field-border-style - Border style of the editable field\n *\n * @cssprop --wcs-editable-field-padding-vertical-m - Vertical padding of the editable field in medium size\n * @cssprop --wcs-editable-field-padding-vertical-l - Vertical padding of the editable field in large size\n * @cssprop --wcs-editable-field-padding-horizontal-m - Horizontal padding of the editable field in medium size\n * @cssprop --wcs-editable-field-padding-horizontal-l - Horizontal padding of the editable field in large size\n *\n * @cssprop --wcs-editable-field-icon-color-readonly - Color of the icon when the field is readonly\n */\n@Component({\n    tag: 'wcs-editable-field',\n    styleUrl: 'editable-field.scss',\n    shadow: true\n})\nexport class EditableField implements ComponentInterface {\n    @Element() private el!: HTMLWcsEditableFieldElement;\n    private spiedElement: HTMLElement = null;\n    private editModeBtn: HTMLButtonElement;\n    private onInputKeydownCallback: (event: KeyboardEvent) => void;\n    private onWcsInputOrChangeCallback: (event: CustomEvent) => void;\n\n    @State() private currentState: EditableComponentState = EditableComponentState.DISPLAY;\n    /**\n     * Specifies which component is used for editing\n     */\n    @Prop() type: EditableFieldType = 'input';\n    /**\n     * Label of the field.  \n     * Will also be part of the edit button `aria-label`.\n     */\n    @Prop() label!: string;\n    /**\n     * Event called at each (valid) update of the field.\n     */\n    @Event() wcsChange!: EventEmitter<EditableComponentUpdateEvent>;\n    /**\n     * Specify whether the field is editable or not\n     */\n    @Prop({ reflect: true }) readonly: boolean = false;\n    /**\n     * Initial value of the field\n     */\n    @Prop({mutable: true}) value: any;\n    /**\n     * Function to customize the validation of the data during the update\n     */\n    @Prop() validateFn: ValidateFn<any>;\n    /**\n     * Function used to format the value\n     */\n    @Prop() formatFn: FormatFn<any>;\n    /**\n     * Error message displayed under the field if validation failed.\n     */\n    @Prop() errorMsg: string = null;\n    /**\n     * Specify the size (height) of the editable field.\n     */\n    @Prop({reflect: true}) size: WcsEditableFieldSize = 'm';\n\n    @State() private isError: boolean = false;\n\n    private currentValue: any = null;\n\n    componentWillLoad(): Promise<void> | void {\n        if(!isWcsEditableFieldSize(this.size)) {\n            console.warn(`Invalid size value for wcs-editable-field : \"${this.size}\". Must be one of \"${WcsEditableFieldSizeValues.join(', ')}\"`);\n            this.size = \"m\"; // Default fallback value\n        }\n        this.currentValue = this.value;\n    }\n\n    componentDidLoad() {\n        const assignedElements = (this.el.shadowRoot.querySelector('slot') as HTMLSlotElement).assignedElements();\n        switch (this.type) {\n            case 'input':\n                this.initWithInput(assignedElements);\n                break;\n            case 'textarea':\n                this.initWithTextArea(assignedElements);\n                break;\n            case 'select':\n                this.initWithSelect(assignedElements)\n                break;\n        }\n    }\n\n\n    disconnectedCallback(): void {\n        this.cleanUpSpiedElementEventListeners();\n    }\n\n    private keyboardSubmitHandler(event: KeyboardEvent): void {\n        const shouldValidateOnEnterKey = \n            (this.type === 'textarea' || this.type === 'select')\n            ? (isEnterKey(event) && event.ctrlKey)\n            : isEnterKey(event);\n\n        if (shouldValidateOnEnterKey) {\n            this.sendCurrentValue();\n        }\n        if (isEscapeKey(event)) {\n            this.discardChanges();\n        }\n    }\n\n    private onWcsInputOrChange(event: CustomEvent) {\n        event.stopImmediatePropagation();\n        const value = this.type === 'select' ? event.detail.value : event.detail.target.value;\n        this.currentValue = value;\n        if (this.validateFn) {\n            this.isError = !this.validateFn(this.currentValue);\n        }\n    }\n\n    private cleanUpSpiedElementEventListeners(): void {\n        this.spiedElement?.removeEventListener('keydown', this.onInputKeydownCallback);\n        this.spiedElement?.removeEventListener('wcsInput', this.onWcsInputOrChangeCallback);\n        this.spiedElement?.removeEventListener('wcsChange', this.onWcsInputOrChangeCallback);\n    }\n\n    private initWithInput(assignedElements: Element[]) {\n        const element = assignedElements.filter(x => {\n            return x.tagName === 'WCS-INPUT'\n        })[0];\n        if (!element) throw new Error('You must provide a slotted input element to handle edition');\n        this.spiedElement = element as HTMLElement;\n        this.addWcsInputEventHandler(this.spiedElement);\n        this.addKeyDownHandler(this.spiedElement);\n    }\n\n    private initWithTextArea(assignedElements: Element[]) {\n        const element = assignedElements.filter(x => {\n            return x.tagName === 'WCS-TEXTAREA'\n        })[0];\n        if (!element) throw new Error('You must provide a slotted textarea element to handle edition');\n        this.spiedElement = element as HTMLElement;\n        this.addWcsInputEventHandler(this.spiedElement);\n        this.addKeyDownHandler(this.spiedElement);\n    }\n\n    private initWithSelect(assignedElements: Element[]) {\n        const element = assignedElements.filter(x => {\n            return x.tagName === 'WCS-SELECT'\n        })[0];\n        if (!element) throw new Error('You must provide a slotted select element to handle edition');\n        this.spiedElement = element as HTMLElement;\n        this.addWcsChangeEventHandler(this.spiedElement);\n        this.addKeyDownHandler(this.spiedElement);\n    }\n\n    /**\n     * This method subscribes the component to the change events produced by the other WCS components\n     * (provided by the user in slot)\n     * @param elt the element to subscribe to\n     * @private\n     */\n    private addWcsChangeEventHandler(elt: HTMLElement) {\n        this.onWcsInputOrChangeCallback = this.onWcsInputOrChange.bind(this);\n        elt.addEventListener('wcsChange', this.onWcsInputOrChangeCallback);\n    }\n\n    /**\n     * This method subscribes the component to the input events produced by the other WCS components\n     * @param elt the element to subscribe to\n     * @private\n     */\n    private addWcsInputEventHandler(elt: HTMLElement) {\n        this.onWcsInputOrChangeCallback = this.onWcsInputOrChange.bind(this);\n        elt.addEventListener('wcsInput', this.onWcsInputOrChangeCallback);\n    }\n\n    /**\n     * This method subscribes the component to the keydown events produced by the other WCS components \n     * @param elt the element to subscribe to\n     * @private\n     */\n    private addKeyDownHandler(elt: HTMLElement) {\n        this.onInputKeydownCallback = this.keyboardSubmitHandler.bind(this);\n        elt.addEventListener('keydown', this.onInputKeydownCallback);\n    }\n\n    private focusEditModeBtn() {\n        setTimeout(() => {\n            this.editModeBtn?.focus();\n        }, DELAY_BEFORE_FOCUS);\n    }\n\n    private sendCurrentValue() {\n        if (this.currentState === EditableComponentState.EDIT) {\n            if (this.value === this.currentValue) {\n                this.currentState = EditableComponentState.DISPLAY;\n                this.focusEditModeBtn();\n            } else {\n                this.isError = this.validateFn ? !this.validateFn(this.currentValue) : false;\n                if (!this.isError) {\n                    this.currentState = EditableComponentState.LOAD;\n                    this.wcsChange.emit({\n                        newValue: this.currentValue,\n                        successHandler: () => this.forceDisplayStateAndValidate(),\n                        errorHandler: () => this.errorHandler()\n                    });\n                }\n            }\n        }\n    }\n\n    private discardChanges() {\n        this.currentValue = this.value;\n        this.currentState = EditableComponentState.DISPLAY;\n        this.isError = false;\n        this.focusEditModeBtn();\n    }\n\n    forceDisplayStateAndValidate() {\n        if (this.currentState === EditableComponentState.LOAD) {\n            this.value = this.currentValue;\n            this.currentState = EditableComponentState.DISPLAY;\n            this.focusEditModeBtn();\n        } else {\n            throw new Error('You cannot set display state from ' + EditableComponentState[this.currentState] + ' state');\n        }\n    }\n\n    // Process only mouse clicks, to avoid interfering with keyboard triggered button clicks. \n    // In some browsers, pressing \"Enter\" or \"Space\" while focused on a button generates a click event\n    // with `event.detail` set to 0. It's a keyboard triggered click, not a real mouse click. \n    @Listen('click', {target: 'window'})\n    onWindowClickEvent(event: MouseEvent | KeyboardEvent) {\n        // Ensure only true mouse clicks are processed\n        if (isMouseEvent(event) && event.detail !== 0 && !clickInsideElement(event, this.el)) {\n            if (this.currentState === EditableComponentState.EDIT) {\n                if (this.isError) {\n                    this.discardChanges();\n                } else {\n                    this.sendCurrentValue();\n                }\n            }\n        }\n    }\n\n    /**\n     * discard changes and force component state to DISPLAY\n     * <br/>\n     * This method must be call when component is in LOAD state\n     */\n    errorHandler() {\n        this.discardChanges();\n    }\n\n    @Watch('value')\n    onValueChange(): void {\n        this.currentState = EditableComponentState.DISPLAY;\n    }\n\n    private onDisplayContainerClick(): void {\n        if (this.currentState === EditableComponentState.DISPLAY && this.readonly === false) {\n            this.currentState = EditableComponentState.EDIT;\n            this.spiedElement['value'] = this.currentValue;\n            if (this.validateFn) {\n                this.isError = !this.validateFn(this.currentValue);\n            }\n            setTimeout(() => {\n                if (this.type === 'input') {\n                    (this.spiedElement as HTMLWcsInputElement).focus();\n                } else if (this.type === 'textarea') {\n                    (this.spiedElement as HTMLWcsTextareaElement).fitContent();\n                    (this.spiedElement as HTMLWcsTextareaElement).focus();\n                }\n            }, DELAY_BEFORE_FOCUS)\n        }\n    }\n\n    private getReadonlySvgIcon() {\n        return <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"26\" height=\"24\" viewBox=\"0 0 27 25\"\n                    class=\"readonly-icon\">\n            <path d=\"M26.79,25.05H1.21a.73.73,0,0,0,0,1.45H26.79a.73.73,0,0,0,0-1.45Z\"\n                  transform=\"translate(-0.5 -1.5)\"/>\n            <path\n                d=\"M19.8,8.87h-.61V6.73a5.23,5.23,0,0,0-10.46,0V8.87H8.2a1.63,1.63,0,0,0-1.63,1.62V21.32A1.62,1.62,0,0,0,8.2,22.94H19.8a1.62,1.62,0,0,0,1.63-1.62V10.49A1.63,1.63,0,0,0,19.8,8.87ZM10.93,6.73a3,3,0,1,1,6.06,0V8.87H10.93Zm3,14.15a5,5,0,1,1,5-5A5,5,0,0,1,14,20.88Z\"\n                transform=\"translate(-0.5 -1.5)\"/>\n            <path\n                d=\"M14,12.62a3.29,3.29,0,1,0,3.29,3.29A3.29,3.29,0,0,0,14,12.62Zm0,4.75a1.47,1.47,0,1,1,1.47-1.46A1.46,1.46,0,0,1,14,17.37Z\"\n                transform=\"translate(-0.5 -1.5)\"/>\n        </svg>;\n    }\n\n    private formatValues() {\n        let formattedValue = this.value;\n        let formattedCurrentValue = this.currentValue;\n        if (this.formatFn) {\n            formattedValue = this.formatFn(this.value);\n            formattedCurrentValue = this.formatFn(this.currentValue);\n        }\n        if (Array.isArray(this.value)) {\n            formattedValue = this.value.join(', ');\n        }\n        if (Array.isArray(this.currentValue)) {\n            formattedCurrentValue = this.currentValue.join(', ');\n        }\n        return {\n            formattedValue: (formattedValue ? (<span>{formattedValue}</span>) : (<span></span>)),\n            formattedValueText: formattedValue,\n            formattedCurrentValue: (formattedCurrentValue ? (<span>{formattedCurrentValue}</span>) : (<span></span>))\n        };\n    }\n    \n    render(): any {\n        const {formattedValue, formattedValueText, formattedCurrentValue} = this.formatValues();\n        return (\n            <Host>\n                <div class=\"label\">{this.label}</div>\n                <button\n                    type=\"button\"\n                    class={'display-container ' + (this.currentState !== EditableComponentState.DISPLAY ? 'display-none' : '')}\n                    onClick={() => this.onDisplayContainerClick()}\n                    ref={(el) => this.editModeBtn = el}\n                    aria-label={`${EDIT_ARIA_LABEL} ${this.label} ${formattedValueText}`}\n                >\n                    {formattedValue}\n                    <wcs-mat-icon icon=\"edit\" size=\"s\"></wcs-mat-icon>\n                    {this.readonly ? this.getReadonlySvgIcon() : null}\n                </button>\n                <div\n                    class={'load-container ' + (this.currentState !== EditableComponentState.LOAD ? 'display-none' : '')}>\n                    {formattedCurrentValue}\n                    <wcs-spinner></wcs-spinner>\n                </div>\n                <wcs-form-field is-error={this.isError}\n                                class={'edit-container ' + (this.currentState !== EditableComponentState.EDIT ? 'display-none' : '')}\n                >\n                    <wcs-label class=\"visually-hidden\">{this.label}</wcs-label>\n                    <slot/>\n                    {\n                        this.isError && this.errorMsg\n                            ? <wcs-error>{this.errorMsg}</wcs-error>\n                            : null\n                    }\n                </wcs-form-field>\n            </Host>\n        );\n    }\n}\n"],"mappings":"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"}

package/dist/wcs/{p-5bf73e05.entry.js → p-a94e685c.entry.js}

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