wcs-core 4.2.0 → 5.0.0

package/dist/wcs/p-5f0ab1dc.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dropdownItemCss","DropdownItem","onMouseDown","_","this","wcsDropdownItemClick","emit","onKeyDown","evt","isSpaceKey","isEnterKey","render","h","Host","slot","tabindex"],"sources":["./src/components/dropdown-item/dropdown-item.scss?tag=wcs-dropdown-item","./src/components/dropdown-item/dropdown-item.tsx"],"sourcesContent":["wcs-dropdown-item {\n    display: block;\n    padding: 0 var(--wcs-padding);\n    font-weight: 500;\n    cursor: pointer;\n    height: 42px;\n    line-height: 42px;\n}\n\nwcs-dropdown-item:hover, wcs-dropdown-item:focus {\n    color: var(--wcs-primary);\n    background-color: var(--wcs-light);\n}\n","import { Component, ComponentInterface, EventEmitter, h, Event, Listen, Host } from '@stencil/core';\nimport { isEnterKey, isSpaceKey } from \"../../utils/helpers\";\n\n/**\n * You must add `wcs-dropdown-item` to `wcs-dropdown`\n * @slot <no-name> the slot that contains the item's name\n */\n@Component({\n    tag: 'wcs-dropdown-item',\n    styleUrl: 'dropdown-item.scss'\n})\nexport class DropdownItem implements ComponentInterface {\n    /**\n     * Event emitted when the dropdown item is clicked\n     */\n    @Event({\n        eventName: 'wcsDropdownItemClick',\n    })\n    wcsDropdownItemClick: EventEmitter<void>;\n\n\n    @Listen('mousedown')\n    onMouseDown(_: MouseEvent): void {\n        this.wcsDropdownItemClick.emit();\n    }\n\n    @Listen('keydown')\n    onKeyDown(evt: KeyboardEvent): void {\n        if (isSpaceKey(evt) || isEnterKey(evt)) {\n            this.wcsDropdownItemClick.emit();\n        }\n    }\n\n    render() {\n        return (\n            <Host slot=\"item\" tabindex=\"0\">\n                <slot/>\n            </Host>\n        );\n    }\n}\n"],"mappings":"+FAAA,MAAMA,EAAkB,uO,MCWXC,EAAY,M,oFAWrBC,YAAYC,GACRC,KAAKC,qBAAqBC,M,CAI9BC,UAAUC,GACN,GAAIC,EAAWD,IAAQE,EAAWF,GAAM,CACpCJ,KAAKC,qBAAqBC,M,EAIlCK,SACI,OACIC,EAACC,EAAI,CAACC,KAAK,OAAOC,SAAS,KACvBH,EAAA,a"}

package/dist/wcs/p-5f3e6b0c.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as r,g as t}from"./p-69d1223c.js";import{i,W as o}from"./p-64855188.js";import{x as a}from"./p-9cc48d75.js";import{M as n}from"./p-04ad2b73.js";const s='@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity;position:relative;outline:none;overflow:hidden}.mdc-ripple-surface::before,.mdc-ripple-surface::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-ripple-surface::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface::before,.mdc-ripple-surface::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-upgraded--unbounded::before,.mdc-ripple-upgraded--unbounded::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface::before,.mdc-ripple-surface::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-ripple-surface:hover::before,.mdc-ripple-surface.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}:host{display:inline-block;--wcs-button-color:var(--wcs-contrast, var(--wcs-white, white));--wcs-button-background-color:var(--wcs-base, var(--wcs-primary, #0074AF));--wcs-button-ripple-color:var(--wcs-contrast, var(--wcs-white, white));--wcs-button-border-radius:var(--wcs-border-radius);--wcs-button-border-color:var(--wcs-base)}.wcs-inner-button:focus-visible{outline:2px dashed var(--wcs-primary);outline-offset:4px;border-radius:var(--wcs-button-border-radius)}:host([mode=clear]){--wcs-button-border-color:transparent}:host([mode=clear]) .wcs-inner-button{box-shadow:none}:host([mode=clear]),:host([mode=stroked]){--wcs-button-color:var(--wcs-base);--wcs-button-background-color:transparent}:host([mode=clear]) .wcs-inner-button::before,:host([mode=clear]) .wcs-inner-button::after,:host([mode=stroked]) .wcs-inner-button::before,:host([mode=stroked]) .wcs-inner-button::after{--wcs-button-ripple-color:var(--wcs-base)}:host([size=l]){--wcs-button-padding:var(--wcs-padding-m) var(--wcs-padding);--wcs-button-min-height:var(--wcs-size-l);--wcs-button-min-width:var(--wcs-size-l);--wcs-button-font-size:1.0625rem}:host([size=m]){--wcs-button-padding:var(--wcs-padding-m) var(--wcs-padding);--wcs-button-min-height:var(--wcs-size-m);--wcs-button-min-width:var(--wcs-size-m);--wcs-button-font-size:1rem}:host([size=s]){--wcs-button-padding:var(--wcs-padding-s) var(--wcs-padding);--wcs-button-min-height:var(--wcs-size-s);--wcs-button-min-width:var(--wcs-size-s);--wcs-button-font-size:0.9375rem}:host([shape=round]){--wcs-button-border-radius:2rem}:host([shape=round]) ::slotted(wcs-mat-icon){margin:calc(-1 * var(--wcs-padding))}:host([shape=square]){--wcs-button-padding:0}:host([shape=square]) ::slotted(wcs-mat-icon){margin:calc(-1 * var(--wcs-padding))}:host([shape=normal]) .wcs-inner-button{min-width:var(--wcs-button-min-width, unset);min-height:var(--wcs-button-min-height, unset)}:host([mode=stroked]) .wcs-inner-button{box-shadow:inset 0 0 0 1px var(--wcs-button-border-color)}:host([loading]){position:relative}:host([loading]) .wcs-inner-button>*:not(wcs-spinner){visibility:hidden;opacity:0}:host([loading]) wcs-spinner{height:calc(var(--wcs-button-min-height) / 2);width:calc(var(--wcs-button-min-width) / 2);position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}:host([disabled]),:host([loading]){--wcs-button-color:var(--wcs-text-disabled);cursor:not-allowed}:host([disabled]) :host(not[loading]),:host([loading]) :host(not[loading]){--wcs-button-background-color:var(--wcs-light)}:host([disabled]) .wcs-inner-button,:host([loading]) .wcs-inner-button{--wcs-button-border-color:var(--wcs-light);opacity:1;cursor:default;pointer-events:none}:host([disabled]):host([mode=clear]),:host([disabled]):host([disabled]),:host([loading]):host([mode=clear]),:host([loading]):host([disabled]){--wcs-button-background-color:transparent}.wcs-inner-button{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity;display:flex;align-items:center;justify-content:center;width:100%;font-family:var(--wcs-font-sans-serif);background-color:var(--wcs-button-background-color);color:var(--wcs-button-color);padding:var(--wcs-button-padding);border-radius:var(--wcs-button-border-radius);border:none;overflow:hidden;outline:0;text-transform:none;margin:0;cursor:pointer;font-weight:500;text-align:center;white-space:nowrap;vertical-align:middle;user-select:none;font-size:var(--wcs-button-font-size);line-height:1.5;min-height:var(--wcs-button-min-height);min-width:var(--wcs-button-min-width);transition:color 175ms ease-in-out, background-color 175ms ease-in-out, box-shadow 175ms cubic-bezier(0.4, 0, 0.2, 1)}.wcs-inner-button::before,.wcs-inner-button::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.wcs-inner-button::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.wcs-inner-button::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.wcs-inner-button.mdc-ripple-upgraded::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.wcs-inner-button.mdc-ripple-upgraded::after{top:0;left:0;transform:scale(0);transform-origin:center center}.wcs-inner-button.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.wcs-inner-button.mdc-ripple-upgraded--foreground-activation::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.wcs-inner-button.mdc-ripple-upgraded--foreground-deactivation::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.wcs-inner-button::before,.wcs-inner-button::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.wcs-inner-button.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.wcs-inner-button:hover::before,.wcs-inner-button.mdc-ripple-surface--hover::before{opacity:0.1;opacity:var(--mdc-ripple-hover-opacity, 0.1)}.wcs-inner-button.mdc-ripple-upgraded--background-focused::before,.wcs-inner-button:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-focus-opacity, 0.2)}.wcs-inner-button:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.wcs-inner-button:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.3;opacity:var(--mdc-ripple-press-opacity, 0.3)}.wcs-inner-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.3)}.wcs-inner-button::before,.wcs-inner-button::after{background-color:white;background-color:var(--mdc-ripple-color, white)}.wcs-inner-button::before,.wcs-inner-button::after{background-color:var(--wcs-button-ripple-color)}.wcs-inner-button:focus{box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2)}.wcs-inner-button:hover{box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2)}a{text-decoration:none;box-sizing:border-box}button::-moz-focus-inner,a::-moz-focus-inner{border:0}';const c=class{constructor(r){e(this,r);this.type="button";this.href=undefined;this.target=undefined;this.disabled=false;this.ripple=true;this.size="m";this.shape="normal";this.mode="plain";this.loading=false}onClick(e){if(this.disabled||this.loading){e.stopImmediatePropagation()}if(this.type!=="button"&&a(this.el)){const r=this.el.closest("form");if(r){e.preventDefault();const t=window.document.createElement("button");t.type=this.type;t.style.display="none";r.appendChild(t);t.click();t.remove()}}}componentWillLoad(){if(!i(this.size)){console.error(`Invalid size value for wcs-button : "${this.size}". Must be one of "${o.join(", ")}"`);this.size="m"}}componentDidLoad(){this.mdcRipple=new n(this.el.shadowRoot.querySelector(".wcs-inner-button"))}enabledRippleEffect(){this.mdcRipple.disabled=false}disabledRippleEffect(){this.mdcRipple.disabled=true}getTagName(){return this.href!==undefined?"a":"button"}onRippleChange(){if(this.ripple){this.enabledRippleEffect()}else{this.disabledRippleEffect()}}render(){const e=this.getTagName();const t=this.href!==undefined?{href:this.href,role:"button",target:this.target}:{type:this.type};return r(e,Object.assign({},t,{class:"wcs-inner-button",disabled:this.disabled||this.loading}),this.loading&&r("wcs-spinner",null),r("slot",null))}static get delegatesFocus(){return true}get el(){return t(this)}static get watchers(){return{ripple:["onRippleChange"]}}};c.style=s;const d="@keyframes wcs-spinner-grow{0%{opacity:0;transform:scale(0)}25%{opacity:1}75%{opacity:0;transform:scale(1)}}@keyframes wcs-spinner-rotate{0%{transform:rotate(0deg);transform-origin:center}100%{transform:rotate(360deg);transform-origin:center}}@keyframes wcs-spinner-dash{0%{stroke-dasharray:1, 150;stroke-dashoffset:0}50%{stroke-dasharray:90, 150;stroke-dashoffset:-35}100%{stroke-dasharray:90, 150;stroke-dashoffset:-131}}:host{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border-radius:50%}:host([mode=border]) svg .dashed-background-circle{stroke:#E4E3E2FF;stroke-width:7px;stroke-dasharray:3, 3;stroke-dashoffset:1;stroke-linecap:butt}:host([mode=border]) svg .infinite-rotation-container{animation:wcs-spinner-rotate 2s linear infinite}:host([mode=border]) svg .dash-rotating-circle{stroke:var(--wcs-base);stroke-width:8px;stroke-linecap:round;animation:wcs-spinner-dash 1.5s ease-in-out infinite}:host([mode=growing]){background-color:var(--wcs-base);opacity:0;animation:wcs-spinner-grow 1s ease-out infinite}";const p=class{constructor(r){e(this,r);this.mode="border"}render(){return r("svg",{viewBox:"0 0 50 50"},r("circle",{class:"dashed-background-circle",cx:"25",cy:"25",r:"21",fill:"none"}),r("g",{class:"infinite-rotation-container"},r("circle",{class:"dash-rotating-circle",cx:"25",cy:"25",r:"21",fill:"none"})))}};p.style=d;export{c as wcs_button,p as wcs_spinner};
+//# sourceMappingURL=p-5f3e6b0c.entry.js.map

package/dist/wcs/p-5f3e6b0c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["buttonCss","Button","onClick","ev","this","disabled","loading","stopImmediatePropagation","type","hasShadowDom","el","form","closest","preventDefault","fakeButton","window","document","createElement","style","display","appendChild","click","remove","componentWillLoad","isWcsButtonSize","size","console","error","WcsButtonSizeValues","join","componentDidLoad","mdcRipple","MDCRipple","shadowRoot","querySelector","enabledRippleEffect","disabledRippleEffect","getTagName","href","undefined","onRippleChange","ripple","render","TagType","attrs","role","target","h","Object","assign","class","spinnerCss","Spinner","viewBox","cx","cy","r","fill"],"sources":["./src/components/button/button.scss?tag=wcs-button&encapsulation=shadow","./src/components/button/button.tsx","./src/components/spinner/spinner.scss?tag=wcs-spinner&encapsulation=shadow","./src/components/spinner/spinner.tsx"],"sourcesContent":["@import '../../style/elevation.scss';\n// TODO: get rid of this.\n@import '~@material/ripple/mdc-ripple';\n@import '../../style/focus-outline.scss';\n\n:host {\n    display: inline-block;\n    // FIXME : remove those fallback values when design tokens are set\n    --wcs-button-color: var(--wcs-contrast, var(--wcs-white, white));\n    --wcs-button-background-color: var(--wcs-base, var(--wcs-primary, #0074AF));\n    --wcs-button-ripple-color: var(--wcs-contrast, var(--wcs-white, white));\n    --wcs-button-border-radius: var(--wcs-border-radius);\n    --wcs-button-border-color: var(--wcs-base);\n}\n\n.wcs-inner-button:focus-visible {\n    @include focus-outline($border-radius: var(--wcs-button-border-radius));\n}\n\n:host([mode=clear]) {\n    --wcs-button-border-color: transparent;\n\n    .wcs-inner-button {\n        box-shadow: none;\n    }\n}\n\n:host([mode=clear]),\n:host([mode=stroked]) {\n    --wcs-button-color: var(--wcs-base);\n    --wcs-button-background-color: transparent;\n\n    .wcs-inner-button {\n        &::before,\n        &::after {\n            --wcs-button-ripple-color: var(--wcs-base);\n        }\n    }\n}\n\n:host([size=l]) {\n    --wcs-button-padding: var(--wcs-padding-m) var(--wcs-padding);\n    --wcs-button-min-height: var(--wcs-size-l);\n    --wcs-button-min-width: var(--wcs-size-l);\n    --wcs-button-font-size: 1.0625rem;\n}\n\n:host([size=m]) { // Default\n    --wcs-button-padding: var(--wcs-padding-m) var(--wcs-padding);\n    --wcs-button-min-height: var(--wcs-size-m);\n    --wcs-button-min-width: var(--wcs-size-m);\n    --wcs-button-font-size: 1rem;\n}\n\n:host([size=s]) {\n    --wcs-button-padding: var(--wcs-padding-s) var(--wcs-padding);\n    --wcs-button-min-height: var(--wcs-size-s);\n    --wcs-button-min-width: var(--wcs-size-s);\n    --wcs-button-font-size: 0.9375rem;\n}\n\n:host([shape=round]) {\n    --wcs-button-border-radius: 2rem;\n\n    ::slotted(wcs-mat-icon) {\n        margin: calc(-1 * var(--wcs-padding));\n    }\n}\n\n:host([shape=square]) {\n    --wcs-button-padding: 0;\n\n    ::slotted(wcs-mat-icon) {\n        margin: calc(-1 * var(--wcs-padding));\n    }\n}\n\n:host([shape=normal]) {\n    .wcs-inner-button {\n        min-width: var(--wcs-button-min-width, unset);\n        min-height: var(--wcs-button-min-height, unset);\n    }\n}\n\n:host([mode=stroked]) {\n    .wcs-inner-button {\n        box-shadow: inset 0 0 0 1px var(--wcs-button-border-color);\n    }\n}\n\n:host([loading]) {\n    position: relative;\n\n    .wcs-inner-button > *:not(wcs-spinner) {\n        visibility: hidden;\n        opacity: 0;\n    }\n\n    wcs-spinner {\n        height: calc(var(--wcs-button-min-height) / 2);\n        width: calc(var(--wcs-button-min-width) / 2);\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        margin: auto;\n    }\n}\n\n:host([disabled]), :host([loading]) {\n    :host(not[loading]) {\n        --wcs-button-background-color: var(--wcs-light);\n    }\n    --wcs-button-color: var(--wcs-text-disabled);\n    cursor: not-allowed;\n\n    .wcs-inner-button {\n        // Fix for stroked button\n        --wcs-button-border-color: var(--wcs-light);\n        opacity: 1;\n        cursor: default;\n        pointer-events: none;\n    }\n\n    &:host([mode=clear]),\n    &:host([disabled]) {\n        --wcs-button-background-color: transparent;\n    }\n}\n\n.wcs-inner-button {\n    @include mdc-ripple-surface;\n    @include mdc-ripple-radius-bounded;\n    @include mdc-states-hover-opacity(.1);\n    @include mdc-states-focus-opacity(.2);\n    @include mdc-states-press-opacity(.3);\n    @include mdc-states-base-color(white);\n\n    // This property is used to set the ripple color\n    &::before,\n    &::after {\n        background-color: var(--wcs-button-ripple-color);\n    }\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    font-family: var(--wcs-font-sans-serif);\n    background-color: var(--wcs-button-background-color);\n    color: var(--wcs-button-color);\n    padding: var(--wcs-button-padding);\n    border-radius: var(--wcs-button-border-radius);\n    border: none;\n    overflow: hidden;\n    outline: 0;\n    text-transform: none;\n    margin: 0;\n    cursor: pointer;\n    font-weight: 500;\n    text-align: center;\n    white-space: nowrap;\n    vertical-align: middle;\n    user-select: none;\n    font-size: var(--wcs-button-font-size);\n    line-height: 1.5;\n    min-height: var(--wcs-button-min-height);\n    min-width: var(--wcs-button-min-width);\n\n    transition: color 175ms ease-in-out, background-color 175ms ease-in-out, wcs-elevation-transition();\n\n    &:focus {\n        @include wcs-elevation(1);\n    }\n\n    &:hover {\n        @include wcs-elevation(2);\n    }\n}\n\na {\n    text-decoration: none;\n    box-sizing: border-box;\n}\n\n// Remove mozilla dotted outline on button and a\nbutton::-moz-focus-inner,\na::-moz-focus-inner {\n    border: 0;\n}\n","import {Component, ComponentInterface, Element, h, Listen, Prop, Watch} from '@stencil/core';\n\nimport { MDCRipple } from '@material/ripple';\n\nimport {\n    isWcsButtonSize,\n    WcsButtonMode,\n    WcsButtonShape,\n    WcsButtonSize,\n    WcsButtonSizeValues,\n    WcsButtonType\n} from './button-interface';\nimport { hasShadowDom } from '../../utils/helpers';\n\n/**\n * Button component, can also be a link when specifying href.\n *\n * ## Click event\n *\n * The WCS button relies on the native click event to pass a user click to your app.\n * For now, it's not possible for us to prevent the click event to be fired when the button's disabled attribute is true.\n * This means you'll receive click events on a disabled wcs button.\n * If you're using the button with a library like Angular or React, they have internal mechanisms to prevent this behavior. Your callbacks will therefore not be called.\n * To fix this problem, we plan to provide a wcsClick event in addition to the native click for applications developed without frameworks.\n */\n@Component({\n    tag: 'wcs-button',\n    styleUrl: 'button.scss',\n    shadow: {\n        delegatesFocus: true\n    }\n})\nexport class Button implements ComponentInterface {\n    @Element() private el!: HTMLElement;\n\n    /**\n     * Specify the button type.\n     */\n    @Prop({ mutable: true }) type: WcsButtonType = 'button';\n\n    /**\n     * Set a URL to point to.<br/>\n     * If specified use a `a` tag instead of `btn`.\n     */\n    @Prop() href?: string;\n\n    /**\n     * Specifies where to open the linked document when using href (see prop above)<br/>\n     * Default '_self' will open the linked document in the same frame as it was clicked\n     */\n    @Prop() target?: '_blank' | '_self';\n\n    /**\n     * Specify whether the button is disabled or not.\n     */\n    @Prop({ reflect: true }) disabled = false;\n\n    /**\n     * Specify whether the button should have a ripple effect or not.\n     */\n    @Prop() ripple = true;\n    private mdcRipple: MDCRipple;\n\n    /**\n     * Specify the size of the button.\n     */\n    @Prop({ reflect: true }) size: WcsButtonSize = 'm';\n\n    /**\n     * Specify the shape of the button.\n     */\n    @Prop({ reflect: true }) shape: WcsButtonShape = 'normal';\n\n    /**\n     * This attribute specify the appearance of the button.\n     */\n    @Prop({ reflect: true }) mode: WcsButtonMode = 'plain';\n\n    /**\n     * Flag to display spinner until the end of action\n     */\n    @Prop({mutable: true}) loading: boolean = false;\n\n    /**\n     * Native event click is emit event if we decide to stop propagation of it\n     * @param ev\n     */\n    @Listen('click')  // TODO: define custom event click to be able to stop it's propagation when the custom button is disabled or is in loading state\n    onClick(ev: Event) {\n        if (this.disabled || this.loading) {\n            ev.stopImmediatePropagation();\n        }\n        if (this.type !== 'button' && hasShadowDom(this.el)) {\n            // this button wants to specifically submit a form\n            // climb up the dom to see if we're in a <form>\n            // and if so, then use JS to submit it\n            const form = this.el.closest('form');\n            if (form) {\n                ev.preventDefault();\n\n                const fakeButton = window.document.createElement('button');\n                fakeButton.type = this.type;\n                fakeButton.style.display = 'none';\n                form.appendChild(fakeButton);\n                fakeButton.click();\n                fakeButton.remove();\n            }\n        }\n    }\n\n    componentWillLoad(): Promise<void> | void {\n        if (!isWcsButtonSize(this.size)) {\n            console.error(`Invalid size value for wcs-button : \"${this.size}\". Must be one of \"${WcsButtonSizeValues.join(', ')}\"`);\n            this.size = \"m\"; // Default fallback value\n        }\n    }\n\n    componentDidLoad() {\n        this.mdcRipple = new MDCRipple(this.el.shadowRoot.querySelector('.wcs-inner-button'));\n    }\n\n    private enabledRippleEffect() {\n        this.mdcRipple.disabled = false;\n    }\n\n    private disabledRippleEffect() {\n        this.mdcRipple.disabled = true;\n    }\n\n    private getTagName() {\n        return this.href !== undefined ? 'a' : 'button';\n    }\n\n    @Watch('ripple')\n    onRippleChange(): void {\n        if (this.ripple) {\n            this.enabledRippleEffect();\n        } else {\n            this.disabledRippleEffect();\n        }\n    }\n\n    render() {\n        const TagType = this.getTagName();\n        const attrs = this.href !== undefined\n            ? { href: this.href, role: 'button', target: this.target }\n            : { type: this.type };\n        return (\n            <TagType\n                {...attrs}\n                class=\"wcs-inner-button\"\n                disabled = {this.disabled || this.loading}\n            >\n                {\n                    this.loading && <wcs-spinner></wcs-spinner>\n                }\n                <slot/>\n            </TagType>\n        );\n    }\n}\n","@keyframes wcs-spinner-grow {\n    0% {\n        opacity: 0;\n        transform: scale(0);\n    }\n    25% {\n        opacity: 1;\n    }\n    75% {\n        opacity: 0;\n        transform: scale(1);\n    }\n}\n\n@keyframes wcs-spinner-rotate {\n    0% {\n        transform: rotate(0deg);\n        transform-origin: center;\n    }\n    100% {\n        transform: rotate(360deg);\n        transform-origin: center;\n    }\n}\n\n@keyframes wcs-spinner-dash {\n    0% {\n        stroke-dasharray: 1, 150;\n        stroke-dashoffset: 0;\n    }\n    50% {\n        stroke-dasharray: 90, 150;\n        stroke-dashoffset: -35;\n    }\n    100% {\n        stroke-dasharray: 90, 150;\n        stroke-dashoffset: -131;\n    }\n}\n\n:host {\n    display: inline-block;\n    width: 2rem;\n    height: 2rem;\n    vertical-align: text-bottom;\n    border-radius: 50%;\n}\n\n:host([mode=\"border\"]) {\n    svg {\n        & .dashed-background-circle {\n            stroke: #E4E3E2FF;\n            stroke-width: 7px;\n            stroke-dasharray: 3,3;\n            stroke-dashoffset: 1;\n            stroke-linecap: butt;\n        }\n\n        .infinite-rotation-container {\n            animation: wcs-spinner-rotate 2s linear infinite;\n        }\n\n        & .dash-rotating-circle {\n            stroke: var(--wcs-base);\n            stroke-width: 8px;\n            stroke-linecap: round;\n            animation: wcs-spinner-dash 1.5s ease-in-out infinite;\n        }\n    }\n}\n\n:host([mode=growing]) {\n    background-color: var(--wcs-base);\n    opacity: 0;\n    animation: wcs-spinner-grow 1s ease-out infinite;\n}\n","import { Component, ComponentInterface, Prop, h } from '@stencil/core';\nimport { WcsSpinnerMode } from './spinner-interface';\n\n@Component({\n    tag: 'wcs-spinner',\n    styleUrl: 'spinner.scss',\n    shadow: true\n})\nexport class Spinner implements ComponentInterface {\n    /**\n     * Indicates the spinner display mode.\n     * Accepted values: `border` or `growing`\n     */\n    @Prop({ reflect: true }) mode: WcsSpinnerMode = 'border';\n\n    render() {\n        return (\n            <svg viewBox=\"0 0 50 50\">\n                <circle class=\"dashed-background-circle\" cx=\"25\" cy=\"25\" r=\"21\" fill=\"none\"/>\n                <g class=\"infinite-rotation-container\">\n                    <circle class=\"dash-rotating-circle\" cx=\"25\" cy=\"25\" r=\"21\" fill=\"none\" />\n                </g>\n            </svg>\n        );\n    }\n}\n"],"mappings":"gKAAA,MAAMA,EAAY,g/T,MCgCLC,EAAM,M,mCAMgC,S,wDAiBX,M,YAKnB,K,UAM8B,I,WAKE,S,UAKF,Q,aAKL,K,CAO1CC,QAAQC,GACJ,GAAIC,KAAKC,UAAYD,KAAKE,QAAS,CAC/BH,EAAGI,0B,CAEP,GAAIH,KAAKI,OAAS,UAAYC,EAAaL,KAAKM,IAAK,CAIjD,MAAMC,EAAOP,KAAKM,GAAGE,QAAQ,QAC7B,GAAID,EAAM,CACNR,EAAGU,iBAEH,MAAMC,EAAaC,OAAOC,SAASC,cAAc,UACjDH,EAAWN,KAAOJ,KAAKI,KACvBM,EAAWI,MAAMC,QAAU,OAC3BR,EAAKS,YAAYN,GACjBA,EAAWO,QACXP,EAAWQ,Q,GAKvBC,oBACI,IAAKC,EAAgBpB,KAAKqB,MAAO,CAC7BC,QAAQC,MAAM,wCAAwCvB,KAAKqB,0BAA0BG,EAAoBC,KAAK,UAC9GzB,KAAKqB,KAAO,G,EAIpBK,mBACI1B,KAAK2B,UAAY,IAAIC,EAAU5B,KAAKM,GAAGuB,WAAWC,cAAc,qB,CAG5DC,sBACJ/B,KAAK2B,UAAU1B,SAAW,K,CAGtB+B,uBACJhC,KAAK2B,UAAU1B,SAAW,I,CAGtBgC,aACJ,OAAOjC,KAAKkC,OAASC,UAAY,IAAM,Q,CAI3CC,iBACI,GAAIpC,KAAKqC,OAAQ,CACbrC,KAAK+B,qB,KACF,CACH/B,KAAKgC,sB,EAIbM,SACI,MAAMC,EAAUvC,KAAKiC,aACrB,MAAMO,EAAQxC,KAAKkC,OAASC,UACtB,CAAED,KAAMlC,KAAKkC,KAAMO,KAAM,SAAUC,OAAQ1C,KAAK0C,QAChD,CAAEtC,KAAMJ,KAAKI,MACnB,OACIuC,EAACJ,EAAOK,OAAAC,OAAA,GACAL,EAAK,CACTM,MAAM,mBACN7C,SAAYD,KAAKC,UAAYD,KAAKE,UAG9BF,KAAKE,SAAWyC,EAAA,oBAEpBA,EAAA,a,qIC5JhB,MAAMI,EAAa,ohC,MCQNC,EAAO,M,mCAKgC,Q,CAEhDV,SACI,OACIK,EAAA,OAAKM,QAAQ,aACTN,EAAA,UAAQG,MAAM,2BAA2BI,GAAG,KAAKC,GAAG,KAAKC,EAAE,KAAKC,KAAK,SACrEV,EAAA,KAAGG,MAAM,+BACLH,EAAA,UAAQG,MAAM,uBAAuBI,GAAG,KAAKC,GAAG,KAAKC,EAAE,KAAKC,KAAK,U"}

package/dist/wcs/{p-50dce764.entry.js → p-61b934a7.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,h as t,H as o}from"./p-a2df3a49.js";const r=":host{margin-top:0.25rem}:host([small]){font-size:0.75rem;font-weight:400;color:var(--wcs-text-medium)}";const e=class{constructor(t){s(this,t);this.small=false}render(){return t(o,{slot:"messages"},t("slot",null))}};e.style=r;export{e as wcs_hint};
-//# sourceMappingURL=p-50dce764.entry.js.map
+import{r as s,h as t,H as o}from"./p-69d1223c.js";const r=":host{margin-top:0.25rem}:host([small]){font-size:0.75rem;font-weight:400;color:var(--wcs-text-medium)}";const e=class{constructor(t){s(this,t);this.small=false}render(){return t(o,{slot:"messages"},t("slot",null))}};e.style=r;export{e as wcs_hint};
+//# sourceMappingURL=p-61b934a7.entry.js.map

package/dist/wcs/p-64855188.js

@@ -0,0 +1,2 @@
+const n=["s","m","l"];function s(s){return n.includes(s)}export{n as W,s as i};
+//# sourceMappingURL=p-64855188.js.map

package/dist/wcs/p-64855188.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["WcsButtonSizeValues","isWcsButtonSize","size","includes"],"sources":["./src/components/button/button-interface.ts"],"sourcesContent":["import { WcsSize } from '../../shared-types';\n\nexport type WcsButtonType = 'button' | 'submit';\n\nexport type WcsButtonShape = 'normal' | 'round' | 'square';\n\nexport type WcsButtonMode = 'plain' | 'stroked' | 'clear';\n\nexport const WcsButtonSizeValues = ['s', '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 WcsButtonSize = Extract<WcsSize, typeof WcsButtonSizeValues[number]>;\n\nexport function isWcsButtonSize(size: string): size is WcsButtonSize {\n    // @ts-ignore : ignore size type, as it is checked with WcsButtonSizeValues\n    return WcsButtonSizeValues.includes(size);\n}\n"],"mappings":"MAQaA,EAAsB,CAAC,IAAK,IAAK,K,SAI9BC,EAAgBC,GAE5B,OAAOF,EAAoBG,SAASD,EACxC,Q"}

package/dist/wcs/p-680b107c.entry.js

@@ -0,0 +1,2 @@
+import{r as s,h as r,H as t}from"./p-69d1223c.js";const o=":host{display:block;border-bottom:solid 1px var(--wcs-text-light)}";const c=class{constructor(r){s(this,r)}render(){return r(t,null)}};c.style=o;export{c as wcs_divider};
+//# sourceMappingURL=p-680b107c.entry.js.map

package/dist/wcs/p-68d654da.js

@@ -0,0 +1,2 @@
+import{h as t,r as e,c as s,H as a}from"./p-69d1223c.js";const i=(t,e)=>{switch(t){case"next":return e?"Last page":"Next page";case"previous":default:return e?"First page":"Previous page"}};const n=({active:e,order:s,double:a=false})=>t("wcs-button",{mode:"clear",shape:"square",size:"s",disabled:!e,title:i(s,a)},t("svg",{style:{cursor:"pointer"},"aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"20",viewBox:"0 0 24 20"},t("style",{type:"text/css"},`\n              .arrow-group {\n                  transform-origin: 50% 51%;\n                  transition: transform 175ms ease-in-out;\n              }\n              .arrow {\n                  transition: fill 175ms ease-in-out;\n                  fill: var(--wcs-text-light);\n              }\n              .second-arrow {\n                  transform: translateY(-8px);\n              }\n              .next {\n                  transform: rotate(90deg);\n              }\n              .previous {\n                  transform: rotate(-90deg);\n              }\n              .active {\n                  fill: var(--wcs-primary);\n              }\n          `),t("g",{fill:"none",class:s+" arrow-group"},t("path",{class:(e?"active":"")+" arrow",d:"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"}),t("path",{d:"M0 0h24v24H0z",fill:"none"})),a?t("g",{fill:"none",class:s+" arrow-group"},t("path",{class:(e?"active":"")+" arrow second-arrow",d:"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"}),t("path",{d:"M0 0h24v24H0z",fill:"none"})):""));const r=":host{display:block;border-style:solid none none;border-width:1px;border-color:var(--wcs-text-light)}.container{display:grid;grid-template-columns:auto auto auto;justify-content:space-between;color:var(--wcs-text-medium);align-items:center}.available-page-sizes{width:auto}.page-management,.page-size,.items-count{display:flex;align-items:center}.page-management{margin:0;padding:0;list-style-type:none}.pagination-arrow{display:flex}.pagination-counter{padding:0 var(--wcs-padding-s)}.items-count span:focus{outline:2px dashed var(--wcs-primary);outline-offset:4px;border-radius:0.1rem}";const o=class{constructor(t){e(this,t);this.wcsGridPaginationChange=s(this,"wcsGridPaginationChange",7);this.availablePageSizes=[10,20,50];this.currentPage=o.INDEX_FIRST_PAGE;this.pageSize=this.availablePageSizes[0];this.itemsCount=0;this.pageCount=1}lastPage(){this.currentPage=this.pageCount-1;this.emitPaginationChange()}nextPage(){if(this.canGoToNextPage()){this.currentPage++;this.emitPaginationChange()}}canGoToNextPage(){return this.currentPage+1<this.pageCount}previousPage(){if(this.canGoToPreviousPage()){this.currentPage--;this.emitPaginationChange()}}canGoToPreviousPage(){return this.currentPage>0}firstPage(){this.currentPage=0;this.emitPaginationChange()}onChangePagesize(t){this.pageSize=t.detail.value;if(this.currentPage+1>this.pageSize){this.currentPage=0}this.emitPaginationChange()}emitPaginationChange(){this.wcsGridPaginationChange.emit({pagination:{currentPage:this.currentPage,pageSize:this.pageSize,itemsCount:this.itemsCount,pageCount:this.pageCount}})}render(){return t(a,{slot:"grid-pagination"},t("div",{class:"container"},t("div",{class:"page-size"},t("wcs-select",{placeholder:"Eléments par page",class:"available-page-sizes","aria-labelledby":"elements-per-page-number elements-per-page-text",value:this.pageSize,onWcsChange:this.onChangePagesize.bind(this)},this.availablePageSizes.map((e=>t("wcs-select-option",{value:e},e)))),t("span",{id:"elements-per-page-number",hidden:true},this.pageSize),t("span",{id:"elements-per-page-text"}," éléments par page")),t("div",{class:"items-count"},t("span",null,this.itemsCount," éléments")),t("nav",{"aria-label":"pagination"},t("ul",{class:"page-management"},t("li",{class:"pagination-arrow",onClick:this.firstPage.bind(this)},t(n,{active:this.canGoToPreviousPage(),order:"previous",double:true})),t("li",{class:"pagination-arrow",onClick:this.previousPage.bind(this)},t(n,{active:this.canGoToPreviousPage(),order:"previous"})),t("li",{class:"pagination-counter"},t("span",{"aria-label":`Page ${this.currentPage+1} sur ${this.pageCount}`,"aria-current":"page"},this.currentPage+1," / ",this.pageCount)),t("li",{class:"pagination-arrow",onClick:this.nextPage.bind(this)},t(n,{active:this.canGoToNextPage(),order:"next"})),t("li",{class:"pagination-arrow",onClick:this.lastPage.bind(this)},t(n,{active:this.canGoToNextPage(),order:"next",double:true}))))))}};o.INDEX_FIRST_PAGE=0;o.style=r;export{o as G};
+//# sourceMappingURL=p-68d654da.js.map

package/dist/wcs/p-68d654da.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getAccessibleName","order","double","GridPaginationArrow","active","h","mode","shape","size","disabled","title","style","cursor","xmlns","width","height","viewBox","type","fill","class","d","gridPaginationCss","GridPagination","INDEX_FIRST_PAGE","this","availablePageSizes","lastPage","currentPage","pageCount","emitPaginationChange","nextPage","canGoToNextPage","previousPage","canGoToPreviousPage","firstPage","onChangePagesize","event","pageSize","detail","value","wcsGridPaginationChange","emit","pagination","itemsCount","render","Host","slot","placeholder","onWcsChange","bind","map","id","hidden","onClick"],"sources":["./src/components/grid-pagination/grid-pagination-arrow.tsx","./src/components/grid-pagination/grid-pagination.scss?tag=wcs-grid-pagination&encapsulation=shadow","./src/components/grid-pagination/grid-pagination.tsx"],"sourcesContent":["import { FunctionalComponent, h } from '@stencil/core';\n\ninterface GridPaginationArrowProps {\n  active: boolean;\n  order: 'next' | 'previous';\n  double?: boolean;\n}\n\nconst getAccessibleName = (order: GridPaginationArrowProps['order'], double: GridPaginationArrowProps['double']): string => {\n  switch (order) {\n    case 'next':\n      return double ? 'Last page' : 'Next page';\n    case 'previous':\n    default:\n      return double ? 'First page' : 'Previous page';\n  }\n}\n\nexport const GridPaginationArrow: FunctionalComponent<GridPaginationArrowProps> = ({active, order, double = false}) => (\n  <wcs-button mode=\"clear\"\n              shape=\"square\"\n              size=\"s\"\n              disabled={!active}\n              title={getAccessibleName(order, double)}>\n    <svg style={{cursor: 'pointer'}}\n         aria-hidden=\"true\"\n         xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\">\n      <style type=\"text/css\">{`\n              .arrow-group {\n                  transform-origin: 50% 51%;\n                  transition: transform 175ms ease-in-out;\n              }\n              .arrow {\n                  transition: fill 175ms ease-in-out;\n                  fill: var(--wcs-text-light);\n              }\n              .second-arrow {\n                  transform: translateY(-8px);\n              }\n              .next {\n                  transform: rotate(90deg);\n              }\n              .previous {\n                  transform: rotate(-90deg);\n              }\n              .active {\n                  fill: var(--wcs-primary);\n              }\n          `}</style>\n      <g fill=\"none\" class={order + ' arrow-group'}>\n        <path class={(active ? 'active' : '') + ' arrow'} d=\"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z\"/>\n        <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n      </g>\n      {\n        double ?\n          <g fill=\"none\" class={order + ' arrow-group'}>\n            <path class={(active ? 'active' : '') + ' arrow second-arrow'}\n                  d=\"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z\"/>\n            <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n          </g>\n          : ''\n      }\n    </svg>\n  </wcs-button>\n);\n","@import '../../style/focus-outline.scss';\n\n:host {\n    display: block;\n    border-style: solid none none;\n    border-width: 1px;\n    border-color: var(--wcs-text-light);\n}\n\n.container {\n    display: grid;\n    grid-template-columns: auto auto auto;\n    justify-content: space-between;\n    color: var(--wcs-text-medium);\n    align-items: center;\n}\n\n.available-page-sizes {\n    width: auto;\n}\n\n.page-management, .page-size, .items-count {\n    display: flex;\n    align-items: center;\n}\n\n.page-management {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n}\n\n.pagination-arrow {\n    display: flex;\n}\n\n.pagination-counter {\n    padding: 0 var(--wcs-padding-s);\n}\n\n.items-count span:focus {\n    @include focus-outline();\n}\n","import {\n    Component,\n    ComponentInterface,\n    Event, EventEmitter,\n    h,\n    Host,\n    Prop\n} from '@stencil/core';\nimport {\n    WcsGridPaginationChangeEventDetails\n} from '../grid/grid-interface';\nimport { SelectChangeEventDetail } from '../select/select-interface';\nimport { GridPaginationArrow } from './grid-pagination-arrow';\n\n/**\n * The grid pagination is a subcomponent of `wcs-grid`, slotted in `grid-pagination` under the `<table>` element.\n */\n@Component({\n    tag: 'wcs-grid-pagination',\n    styleUrl: 'grid-pagination.scss',\n    shadow: true\n})\nexport class GridPagination implements ComponentInterface {\n    static readonly INDEX_FIRST_PAGE: number = 0;\n    /**\n     * Set the available page sizes in the pagination dropdown on the left.\n     */\n    @Prop() availablePageSizes: number[] = [10, 20, 50];\n    /**\n     * The current page of the pagination. First page starts at index 0.\n     */\n    @Prop() currentPage: number = GridPagination.INDEX_FIRST_PAGE;\n    /**\n     * Maximum number of elements shown per page.  \n     * Default is the first value of `availablePageSizes`.\n     */\n    @Prop() pageSize: number = this.availablePageSizes[0];\n    /**\n     * Total elements in the grid.  \n     * - **Grid in `Server mode`** : You have to set `itemsCount` = your total data length.  \n     * - **Grid not in Server mode** : Do not set it manually : itemsCount is set and updated every pagination refresh.\n     */\n    @Prop() itemsCount: number = 0;\n    /**\n     * Max number of pages.  \n     * - **Grid in `Server mode`** : You have to set `pageCount` = `itemsCount` divided by `pageSize`.  \n     * - **Grid not in Server mode** : Do not set it manually : pageCount is set and updated every pagination refresh.\n     */\n    @Prop() pageCount: number = 1;\n    /**\n     * Event emitted when the pagination changes.\n     */\n    @Event() wcsGridPaginationChange!: EventEmitter<WcsGridPaginationChangeEventDetails>;\n\n    private lastPage(): void {\n        this.currentPage = this.pageCount - 1;\n        this.emitPaginationChange();\n    }\n\n    private nextPage(): void {\n        if (this.canGoToNextPage()) {\n            this.currentPage++;\n            this.emitPaginationChange();\n        }\n    }\n\n    private canGoToNextPage(): boolean {\n        return this.currentPage + 1 < this.pageCount;\n    }\n\n    private previousPage(): void {\n        if (this.canGoToPreviousPage()) {\n            this.currentPage--;\n            this.emitPaginationChange();\n        }\n    }\n\n    private canGoToPreviousPage(): boolean {\n        return this.currentPage > 0;\n    }\n\n    private firstPage(): void {\n        this.currentPage = 0;\n        this.emitPaginationChange();\n    }\n\n    private onChangePagesize(event: CustomEvent<SelectChangeEventDetail>): void {\n        this.pageSize = event.detail.value;\n        if (this.currentPage + 1 > this.pageSize) {\n            this.currentPage = 0;\n        }\n        this.emitPaginationChange();\n    }\n\n    private emitPaginationChange(): void {\n        this.wcsGridPaginationChange.emit({\n            pagination: {\n                currentPage: this.currentPage,\n                pageSize: this.pageSize,\n                itemsCount: this.itemsCount,\n                pageCount: this.pageCount\n            }\n        });\n    }\n\n    render(): any {\n        return (<Host slot=\"grid-pagination\">\n            <div class=\"container\">\n                <div class=\"page-size\">\n                    <wcs-select placeholder=\"Eléments par page\"\n                                class=\"available-page-sizes\"\n                                aria-labelledby=\"elements-per-page-number elements-per-page-text\"\n                                value={this.pageSize}\n                                onWcsChange={this.onChangePagesize.bind(this)}>\n                        {\n                            this.availablePageSizes.map((pageSize) =>\n                                <wcs-select-option value={pageSize}>{pageSize}</wcs-select-option>\n                            )\n                        }\n                    </wcs-select>\n                    <span id=\"elements-per-page-number\" hidden>{this.pageSize}</span>\n                    <span id=\"elements-per-page-text\">&nbsp;éléments par page</span>\n                </div>\n\n                <div class=\"items-count\">\n                    <span>{this.itemsCount} éléments</span>\n                </div>\n\n                <nav aria-label=\"pagination\">\n                    <ul class=\"page-management\">\n                        <li class=\"pagination-arrow\" onClick={this.firstPage.bind(this)}>\n                            <GridPaginationArrow active={this.canGoToPreviousPage()} order=\"previous\" double></GridPaginationArrow>\n                        </li>\n                        <li class=\"pagination-arrow\" onClick={this.previousPage.bind(this)}>\n                            <GridPaginationArrow active={this.canGoToPreviousPage()} order=\"previous\"></GridPaginationArrow>\n                        </li>\n    \n                        <li class=\"pagination-counter\">\n                            <span aria-label={`Page ${this.currentPage + 1} sur ${this.pageCount}`} aria-current=\"page\">\n                                {this.currentPage + 1} / {this.pageCount}\n                            </span>\n                        </li>\n    \n                        <li class=\"pagination-arrow\" onClick={this.nextPage.bind(this)}>\n                            <GridPaginationArrow active={this.canGoToNextPage()} order=\"next\"></GridPaginationArrow>\n                        </li>\n                        <li class=\"pagination-arrow\" onClick={this.lastPage.bind(this)}>\n                            <GridPaginationArrow active={this.canGoToNextPage()} order=\"next\" double></GridPaginationArrow>\n                        </li>\n                    </ul>\n                </nav>\n            </div>\n        </Host>)\n    }\n}\n"],"mappings":"yDAQA,MAAMA,EAAoB,CAACC,EAA0CC,KACnE,OAAQD,GACN,IAAK,OACH,OAAOC,EAAS,YAAc,YAChC,IAAK,WACL,QACE,OAAOA,EAAS,aAAe,gB,EAI9B,MAAMC,EAAqE,EAAEC,SAAQH,QAAOC,SAAS,SAC1GG,EAAA,cAAYC,KAAK,QACLC,MAAM,SACNC,KAAK,IACLC,UAAWL,EACXM,MAAOV,EAAkBC,EAAOC,IAC1CG,EAAA,OAAKM,MAAO,CAACC,OAAQ,WAAU,cACd,OACZC,MAAM,6BAA6BC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,aACrEX,EAAA,SAAOY,KAAK,YAAY,+pBAsBxBZ,EAAA,KAAGa,KAAK,OAAOC,MAAOlB,EAAQ,gBAC5BI,EAAA,QAAMc,OAAQf,EAAS,SAAW,IAAM,SAAUgB,EAAE,mDACpDf,EAAA,QAAMe,EAAE,gBAAgBF,KAAK,UAG7BhB,EACEG,EAAA,KAAGa,KAAK,OAAOC,MAAOlB,EAAQ,gBAC5BI,EAAA,QAAMc,OAAQf,EAAS,SAAW,IAAM,sBAClCgB,EAAE,mDACRf,EAAA,QAAMe,EAAE,gBAAgBF,KAAK,UAE7B,KC5DZ,MAAMG,EAAoB,8kB,MCsBbC,EAAc,M,kHAKgB,CAAC,GAAI,GAAI,I,iBAIlBA,EAAeC,iB,cAKlBC,KAAKC,mBAAmB,G,gBAMtB,E,eAMD,C,CAMpBC,WACJF,KAAKG,YAAcH,KAAKI,UAAY,EACpCJ,KAAKK,sB,CAGDC,WACJ,GAAIN,KAAKO,kBAAmB,CACxBP,KAAKG,cACLH,KAAKK,sB,EAILE,kBACJ,OAAOP,KAAKG,YAAc,EAAIH,KAAKI,S,CAG/BI,eACJ,GAAIR,KAAKS,sBAAuB,CAC5BT,KAAKG,cACLH,KAAKK,sB,EAILI,sBACJ,OAAOT,KAAKG,YAAc,C,CAGtBO,YACJV,KAAKG,YAAc,EACnBH,KAAKK,sB,CAGDM,iBAAiBC,GACrBZ,KAAKa,SAAWD,EAAME,OAAOC,MAC7B,GAAIf,KAAKG,YAAc,EAAIH,KAAKa,SAAU,CACtCb,KAAKG,YAAc,C,CAEvBH,KAAKK,sB,CAGDA,uBACJL,KAAKgB,wBAAwBC,KAAK,CAC9BC,WAAY,CACRf,YAAaH,KAAKG,YAClBU,SAAUb,KAAKa,SACfM,WAAYnB,KAAKmB,WACjBf,UAAWJ,KAAKI,Y,CAK5BgB,SACI,OAAQvC,EAACwC,EAAI,CAACC,KAAK,mBACfzC,EAAA,OAAKc,MAAM,aACPd,EAAA,OAAKc,MAAM,aACPd,EAAA,cAAY0C,YAAY,oBACZ5B,MAAM,uBAAsB,kBACZ,kDAChBoB,MAAOf,KAAKa,SACZW,YAAaxB,KAAKW,iBAAiBc,KAAKzB,OAE5CA,KAAKC,mBAAmByB,KAAKb,GACzBhC,EAAA,qBAAmBkC,MAAOF,GAAWA,MAIjDhC,EAAA,QAAM8C,GAAG,2BAA2BC,OAAM,MAAE5B,KAAKa,UACjDhC,EAAA,QAAM8C,GAAG,0BAAwB,uBAGrC9C,EAAA,OAAKc,MAAM,eACPd,EAAA,YAAOmB,KAAKmB,WAAU,cAG1BtC,EAAA,oBAAgB,cACZA,EAAA,MAAIc,MAAM,mBACNd,EAAA,MAAIc,MAAM,mBAAmBkC,QAAS7B,KAAKU,UAAUe,KAAKzB,OACtDnB,EAACF,EAAmB,CAACC,OAAQoB,KAAKS,sBAAuBhC,MAAM,WAAWC,OAAM,QAEpFG,EAAA,MAAIc,MAAM,mBAAmBkC,QAAS7B,KAAKQ,aAAaiB,KAAKzB,OACzDnB,EAACF,EAAmB,CAACC,OAAQoB,KAAKS,sBAAuBhC,MAAM,cAGnEI,EAAA,MAAIc,MAAM,sBACNd,EAAA,qBAAkB,QAAQmB,KAAKG,YAAc,SAASH,KAAKI,YAAW,eAAe,QAChFJ,KAAKG,YAAc,EAAC,MAAKH,KAAKI,YAIvCvB,EAAA,MAAIc,MAAM,mBAAmBkC,QAAS7B,KAAKM,SAASmB,KAAKzB,OACrDnB,EAACF,EAAmB,CAACC,OAAQoB,KAAKO,kBAAmB9B,MAAM,UAE/DI,EAAA,MAAIc,MAAM,mBAAmBkC,QAAS7B,KAAKE,SAASuB,KAAKzB,OACrDnB,EAACF,EAAmB,CAACC,OAAQoB,KAAKO,kBAAmB9B,MAAM,OAAOC,OAAM,W,GA5HhFoB,EAAAC,iBAA2B,E"}

package/dist/wcs/p-69d1223c.js

@@ -0,0 +1,3 @@
+const t="wcs";let e;let n;let s;let l=false;let o=false;let c=false;let i=false;let f=false;const r=(t,e="")=>{{return()=>{}}};const u=(t,e)=>{{return()=>{}}};const a="{visibility:hidden}.hydrated{visibility:inherit}";const d="http://www.w3.org/1999/xlink";const p={};const h="http://www.w3.org/2000/svg";const m="http://www.w3.org/1999/xhtml";const y=t=>t!=null;const b=t=>{t=typeof t;return t==="object"||t==="function"};function $(t){var e,n,s;return(s=(n=(e=t.head)===null||e===void 0?void 0:e.querySelector('meta[name="csp-nonce"]'))===null||n===void 0?void 0:n.getAttribute("content"))!==null&&s!==void 0?s:undefined}const w=(t,e,...n)=>{let s=null;let l=null;let o=null;let c=false;let i=false;const f=[];const r=e=>{for(let n=0;n<e.length;n++){s=e[n];if(Array.isArray(s)){r(s)}else if(s!=null&&typeof s!=="boolean"){if(c=typeof t!=="function"&&!b(s)){s=String(s)}if(c&&i){f[f.length-1].t+=s}else{f.push(c?g(null,s):s)}i=c}}};r(n);if(e){if(e.key){l=e.key}if(e.name){o=e.name}{const t=e.className||e.class;if(t){e.class=typeof t!=="object"?t:Object.keys(t).filter((e=>t[e])).join(" ")}}}if(typeof t==="function"){return t(e===null?{}:e,f,S)}const u=g(t,null);u.l=e;if(f.length>0){u.o=f}{u.i=l}{u.u=o}return u};const g=(t,e)=>{const n={p:0,h:t,t:e,m:null,o:null};{n.l=null}{n.i=null}{n.u=null}return n};const v={};const k=t=>t&&t.h===v;const S={forEach:(t,e)=>t.map(j).forEach(e),map:(t,e)=>t.map(j).map(e).map(O)};const j=t=>({vattrs:t.l,vchildren:t.o,vkey:t.i,vname:t.u,vtag:t.h,vtext:t.t});const O=t=>{if(typeof t.vtag==="function"){const e=Object.assign({},t.vattrs);if(t.vkey){e.key=t.vkey}if(t.vname){e.name=t.vname}return w(t.vtag,e,...t.vchildren||[])}const e=g(t.vtag,t.vtext);e.l=t.vattrs;e.o=t.vchildren;e.i=t.vkey;e.u=t.vname;return e};const C=(t,e)=>{if(t!=null&&!b(t)){if(e&4){return t==="false"?false:t===""||!!t}if(e&2){return parseFloat(t)}if(e&1){return String(t)}return t}return t};const M=t=>Ct(t).$;const x=(t,e,n)=>{const s=M(t);return{emit:t=>R(s,e,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:t})}};const R=(t,e,n)=>{const s=Nt.ce(e,n);t.dispatchEvent(s);return s};const P=new WeakMap;const T=(t,e,n)=>{let s=Wt.get(t);if(At&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=e}else{s.replaceSync(e)}}else{s=e}Wt.set(t,s)};const U=(t,e,n,s)=>{var l;let o=E(e);const c=Wt.get(o);t=t.nodeType===11?t:Lt;if(c){if(typeof c==="string"){t=t.head||t;let e=P.get(t);let n;if(!e){P.set(t,e=new Set)}if(!e.has(o)){{{n=Lt.createElement("style");n.innerHTML=c}const e=(l=Nt.g)!==null&&l!==void 0?l:$(Lt);if(e!=null){n.setAttribute("nonce",e)}t.insertBefore(n,t.querySelector("link"))}if(e){e.add(o)}}}else if(!t.adoptedStyleSheets.includes(c)){t.adoptedStyleSheets=[...t.adoptedStyleSheets,c]}}return o};const W=t=>{const e=t.v;const n=t.$;const s=e.p;const l=r("attachStyles",e.k);const o=U(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);if(s&10){n["s-sc"]=o;n.classList.add(o+"-h")}l()};const E=(t,e)=>"sc-"+t.k;const L=(t,e,n,s,l,o)=>{if(n!==s){let c=Rt(t,e);let i=e.toLowerCase();if(e==="class"){const e=t.classList;const l=F(n);const o=F(s);e.remove(...l.filter((t=>t&&!o.includes(t))));e.add(...o.filter((t=>t&&!l.includes(t))))}else if(e==="style"){{for(const e in n){if(!s||s[e]==null){if(e.includes("-")){t.style.removeProperty(e)}else{t.style[e]=""}}}}for(const e in s){if(!n||s[e]!==n[e]){if(e.includes("-")){t.style.setProperty(e,s[e])}else{t.style[e]=s[e]}}}}else if(e==="key");else if(e==="ref"){if(s){s(t)}}else if(!c&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"){e=e.slice(3)}else if(Rt(Et,i)){e=i.slice(2)}else{e=i[2]+e.slice(3)}if(n){Nt.rel(t,e,n,false)}if(s){Nt.ael(t,e,s,false)}}else{const f=b(s);if((c||f&&s!==null)&&!l){try{if(!t.tagName.includes("-")){const l=s==null?"":s;if(e==="list"){c=false}else if(n==null||t[e]!=l){t[e]=l}}else{t[e]=s}}catch(t){}}let r=false;{if(i!==(i=i.replace(/^xlink\:?/,""))){e=i;r=true}}if(s==null||s===false){if(s!==false||t.getAttribute(e)===""){if(r){t.removeAttributeNS(d,e)}else{t.removeAttribute(e)}}}else if((!c||o&4||l)&&!f){s=s===true?"":s;if(r){t.setAttributeNS(d,e,s)}else{t.setAttribute(e,s)}}}}};const N=/\s/;const F=t=>!t?[]:t.split(N);const A=(t,e,n,s)=>{const l=e.m.nodeType===11&&e.m.host?e.m.host:e.m;const o=t&&t.l||p;const c=e.l||p;{for(s in o){if(!(s in c)){L(l,s,o[s],undefined,n,e.p)}}}for(s in c){L(l,s,o[s],c[s],n,e.p)}};const D=(t,o,f,r)=>{const u=o.o[f];let a=0;let d;let p;let b;if(!l){c=true;if(u.h==="slot"){if(e){r.classList.add(e+"-s")}u.p|=u.o?2:1}}if(u.t!==null){d=u.m=Lt.createTextNode(u.t)}else if(u.p&1){d=u.m=Lt.createTextNode("")}else{if(!i){i=u.h==="svg"}d=u.m=Lt.createElementNS(i?h:m,u.p&2?"slot-fb":u.h);if(i&&u.h==="foreignObject"){i=false}{A(null,u,i)}if(y(e)&&d["s-si"]!==e){d.classList.add(d["s-si"]=e)}if(u.o){for(a=0;a<u.o.length;++a){p=D(t,u,a,d);if(p){d.appendChild(p)}}}{if(u.h==="svg"){i=false}else if(d.tagName==="foreignObject"){i=true}}}{d["s-hn"]=s;if(u.p&(2|1)){d["s-sr"]=true;d["s-cr"]=n;d["s-sn"]=u.u||"";b=t&&t.o&&t.o[f];if(b&&b.h===u.h&&t.m){H(t.m,false)}}}return d};const H=(t,e)=>{Nt.p|=1;const n=t.childNodes;for(let t=n.length-1;t>=0;t--){const l=n[t];if(l["s-hn"]!==s&&l["s-ol"]){B(l).insertBefore(l,z(l));l["s-ol"].remove();l["s-ol"]=undefined;c=true}if(e){H(l,e)}}Nt.p&=~1};const q=(t,e,n,l,o,c)=>{let i=t["s-cr"]&&t["s-cr"].parentNode||t;let f;if(i.shadowRoot&&i.tagName===s){i=i.shadowRoot}for(;o<=c;++o){if(l[o]){f=D(null,n,o,t);if(f){l[o].m=f;i.insertBefore(f,z(e))}}}};const I=(t,e,n,s,l)=>{for(;e<=n;++e){if(s=t[e]){l=s.m;Y(s);{o=true;if(l["s-ol"]){l["s-ol"].remove()}else{H(l,true)}}l.remove()}}};const V=(t,e,n,s)=>{let l=0;let o=0;let c=0;let i=0;let f=e.length-1;let r=e[0];let u=e[f];let a=s.length-1;let d=s[0];let p=s[a];let h;let m;while(l<=f&&o<=a){if(r==null){r=e[++l]}else if(u==null){u=e[--f]}else if(d==null){d=s[++o]}else if(p==null){p=s[--a]}else if(_(r,d)){G(r,d);r=e[++l];d=s[++o]}else if(_(u,p)){G(u,p);u=e[--f];p=s[--a]}else if(_(r,p)){if(r.h==="slot"||p.h==="slot"){H(r.m.parentNode,false)}G(r,p);t.insertBefore(r.m,u.m.nextSibling);r=e[++l];p=s[--a]}else if(_(u,d)){if(r.h==="slot"||p.h==="slot"){H(u.m.parentNode,false)}G(u,d);t.insertBefore(u.m,r.m);u=e[--f];d=s[++o]}else{c=-1;{for(i=l;i<=f;++i){if(e[i]&&e[i].i!==null&&e[i].i===d.i){c=i;break}}}if(c>=0){m=e[c];if(m.h!==d.h){h=D(e&&e[o],n,c,t)}else{G(m,d);e[c]=undefined;h=m.m}d=s[++o]}else{h=D(e&&e[o],n,o,t);d=s[++o]}if(h){{B(r.m).insertBefore(h,z(r.m))}}}}if(l>f){q(t,s[a+1]==null?null:s[a+1].m,n,s,o,a)}else if(o>a){I(e,l,f)}};const _=(t,e)=>{if(t.h===e.h){if(t.h==="slot"){return t.u===e.u}{return t.i===e.i}}return false};const z=t=>t&&t["s-ol"]||t;const B=t=>(t["s-ol"]?t["s-ol"]:t).parentNode;const G=(t,e)=>{const n=e.m=t.m;const s=t.o;const l=e.o;const o=e.h;const c=e.t;let f;if(c===null){{i=o==="svg"?true:o==="foreignObject"?false:i}{if(o==="slot");else{A(t,e,i)}}if(s!==null&&l!==null){V(n,s,e,l)}else if(l!==null){if(t.t!==null){n.textContent=""}q(n,null,e,l,0,l.length-1)}else if(s!==null){I(s,0,s.length-1)}if(i&&o==="svg"){i=false}}else if(f=n["s-cr"]){f.parentNode.textContent=c}else if(t.t!==c){n.data=c}};const J=t=>{const e=t.childNodes;let n;let s;let l;let o;let c;let i;for(s=0,l=e.length;s<l;s++){n=e[s];if(n.nodeType===1){if(n["s-sr"]){c=n["s-sn"];n.hidden=false;for(o=0;o<l;o++){i=e[o].nodeType;if(e[o]["s-hn"]!==n["s-hn"]||c!==""){if(i===1&&c===e[o].getAttribute("slot")){n.hidden=true;break}}else{if(i===1||i===3&&e[o].textContent.trim()!==""){n.hidden=true;break}}}}J(n)}}};const K=[];const Q=t=>{let e;let n;let s;let l;let c;let i;let f=0;const r=t.childNodes;const u=r.length;for(;f<u;f++){e=r[f];if(e["s-sr"]&&(n=e["s-cr"])&&n.parentNode){s=n.parentNode.childNodes;l=e["s-sn"];for(i=s.length-1;i>=0;i--){n=s[i];if(!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==e["s-hn"]){if(X(n,l)){c=K.find((t=>t.S===n));o=true;n["s-sn"]=n["s-sn"]||l;if(c){c.j=e}else{K.push({j:e,S:n})}if(n["s-sr"]){K.map((t=>{if(X(t.S,n["s-sn"])){c=K.find((t=>t.S===n));if(c&&!t.j){t.j=c.j}}}))}}else if(!K.some((t=>t.S===n))){K.push({S:n})}}}}if(e.nodeType===1){Q(e)}}};const X=(t,e)=>{if(t.nodeType===1){if(t.getAttribute("slot")===null&&e===""){return true}if(t.getAttribute("slot")===e){return true}return false}if(t["s-sn"]===e){return true}return e===""};const Y=t=>{{t.l&&t.l.ref&&t.l.ref(null);t.o&&t.o.map(Y)}};const Z=(t,i)=>{const f=t.$;const r=t.v;const u=t.O||g(null,null);const a=k(i)?i:w(null,null,i);s=f.tagName;if(r.C){a.l=a.l||{};r.C.map((([t,e])=>a.l[e]=f[t]))}a.h=null;a.p|=4;t.O=a;a.m=u.m=f.shadowRoot||f;{e=f["s-sc"]}{n=f["s-cr"];l=(r.p&1)!==0;o=false}G(u,a);{Nt.p|=1;if(c){Q(a.m);let t;let e;let n;let s;let l;let o;let c=0;for(;c<K.length;c++){t=K[c];e=t.S;if(!e["s-ol"]){n=Lt.createTextNode("");n["s-nr"]=e;e.parentNode.insertBefore(e["s-ol"]=n,e)}}for(c=0;c<K.length;c++){t=K[c];e=t.S;if(t.j){s=t.j.parentNode;l=t.j.nextSibling;n=e["s-ol"];while(n=n.previousSibling){o=n["s-nr"];if(o&&o["s-sn"]===e["s-sn"]&&s===o.parentNode){o=o.nextSibling;if(!o||!o["s-nr"]){l=o;break}}}if(!l&&s!==e.parentNode||e.nextSibling!==l){if(e!==l){if(!e["s-hn"]&&e["s-ol"]){e["s-hn"]=e["s-ol"].parentNode.nodeName}s.insertBefore(e,l)}}}else{if(e.nodeType===1){e.hidden=true}}}}if(o){J(a.m)}Nt.p&=~1;K.length=0}};const tt=(t,e)=>{if(e&&!t.M&&e["s-p"]){e["s-p"].push(new Promise((e=>t.M=e)))}};const et=(t,e)=>{{t.p|=16}if(t.p&4){t.p|=512;return}tt(t,t.R);const n=()=>nt(t,e);return Bt(n)};const nt=(t,e)=>{const n=r("scheduleUpdate",t.v.k);const s=t.P;let l;if(e){{t.p|=256;if(t.T){t.T.map((([t,e])=>ft(s,t,e)));t.T=null}}{l=ft(s,"componentWillLoad")}}else{{l=ft(s,"componentWillUpdate")}}{l=rt(l,(()=>ft(s,"componentWillRender")))}n();return rt(l,(()=>st(t,s,e)))};const st=async(t,e,n)=>{const s=t.$;const l=r("update",t.v.k);const o=s["s-rc"];if(n){W(t)}const c=r("render",t.v.k);{lt(t,e)}if(o){o.map((t=>t()));s["s-rc"]=undefined}c();l();{const e=s["s-p"];const n=()=>ot(t);if(e.length===0){n()}else{Promise.all(e).then(n);t.p|=4;e.length=0}}};const lt=(t,e,n)=>{try{e=e.render();{t.p&=~16}{t.p|=2}{{{Z(t,e)}}}}catch(e){Pt(e,t.$)}return null};const ot=t=>{const e=t.v.k;const n=t.$;const s=r("postUpdate",e);const l=t.P;const o=t.R;{ft(l,"componentDidRender")}if(!(t.p&64)){t.p|=64;{ut(n)}{ft(l,"componentDidLoad")}s();{t.U(n);if(!o){it()}}}else{s()}{t.W(n)}{if(t.M){t.M();t.M=undefined}if(t.p&512){_t((()=>et(t,false)))}t.p&=~(4|512)}};const ct=t=>{{const e=Ct(t);const n=e.$.isConnected;if(n&&(e.p&(2|16))===2){et(e,false)}return n}};const it=e=>{{ut(Lt.documentElement)}_t((()=>R(Et,"appload",{detail:{namespace:t}})))};const ft=(t,e,n)=>{if(t&&t[e]){try{return t[e](n)}catch(t){Pt(t)}}return undefined};const rt=(t,e)=>t&&t.then?t.then(e):e();const ut=t=>t.classList.add("hydrated");const at=(t,e)=>Ct(t).L.get(e);const dt=(t,e,n,s)=>{const l=Ct(t);const o=l.$;const c=l.L.get(e);const i=l.p;const f=l.P;n=C(n,s.N[e][0]);const r=Number.isNaN(c)&&Number.isNaN(n);const u=n!==c&&!r;if((!(i&8)||c===undefined)&&u){l.L.set(e,n);if(f){if(s.F&&i&128){const t=s.F[e];if(t){t.map((t=>{try{f[t](n,c,e)}catch(t){Pt(t,o)}}))}}if((i&(2|16))===2){et(l,false)}}}};const pt=(t,e,n)=>{if(e.N){if(t.watchers){e.F=t.watchers}const s=Object.entries(e.N);const l=t.prototype;s.map((([t,[s]])=>{if(s&31||n&2&&s&32){Object.defineProperty(l,t,{get(){return at(this,t)},set(n){dt(this,t,n,e)},configurable:true,enumerable:true})}else if(n&1&&s&64){Object.defineProperty(l,t,{value(...e){const n=Ct(this);return n.A.then((()=>n.P[t](...e)))}})}}));if(n&1){const n=new Map;l.attributeChangedCallback=function(t,e,s){Nt.jmp((()=>{const e=n.get(t);if(this.hasOwnProperty(e)){s=this[e];delete this[e]}else if(l.hasOwnProperty(e)&&typeof this[e]==="number"&&this[e]==s){return}this[e]=s===null&&typeof this[e]==="boolean"?false:s}))};t.observedAttributes=s.filter((([t,e])=>e[0]&15)).map((([t,s])=>{const l=s[1]||t;n.set(l,t);if(s[0]&512){e.C.push([t,l])}return l}))}}return t};const ht=async(t,e,n,s,l)=>{if((e.p&32)===0){{e.p|=32;l=Ut(n);if(l.then){const t=u();l=await l;t()}if(!l.isProxied){{n.F=l.watchers}pt(l,n,2);l.isProxied=true}const t=r("createInstance",n.k);{e.p|=8}try{new l(e)}catch(t){Pt(t)}{e.p&=~8}{e.p|=128}t();mt(e.P)}if(l.style){let t=l.style;const e=E(n);if(!Wt.has(e)){const s=r("registerStyles",n.k);T(e,t,!!(n.p&1));s()}}}const o=e.R;const c=()=>et(e,true);if(o&&o["s-rc"]){o["s-rc"].push(c)}else{c()}};const mt=t=>{{ft(t,"connectedCallback")}};const yt=t=>{if((Nt.p&1)===0){const e=Ct(t);const n=e.v;const s=r("connectedCallback",n.k);if(!(e.p&1)){e.p|=1;{if(n.p&(4|8)){bt(t)}}{let n=t;while(n=n.parentNode||n.host){if(n["s-p"]){tt(e,e.R=n);break}}}if(n.N){Object.entries(n.N).map((([e,[n]])=>{if(n&31&&t.hasOwnProperty(e)){const n=t[e];delete t[e];t[e]=n}}))}{ht(t,e,n)}}else{gt(t,e,n.D);mt(e.P)}s()}};const bt=t=>{const e=t["s-cr"]=Lt.createComment("");e["s-cn"]=true;t.insertBefore(e,t.firstChild)};const $t=t=>{if((Nt.p&1)===0){const e=Ct(t);const n=e.P;{if(e.H){e.H.map((t=>t()));e.H=undefined}}{ft(n,"disconnectedCallback")}}};const wt=(t,e={})=>{var n;const s=r();const l=[];const o=e.exclude||[];const c=Et.customElements;const i=Lt.head;const f=i.querySelector("meta[charset]");const u=Lt.createElement("style");const d=[];let p;let h=true;Object.assign(Nt,e);Nt.q=new URL(e.resourcesUrl||"./",Lt.baseURI).href;t.map((t=>{t[1].map((e=>{const n={p:e[0],k:e[1],N:e[2],D:e[3]};{n.N=e[2]}{n.D=e[3]}{n.C=[]}{n.F={}}const s=n.k;const i=class extends HTMLElement{constructor(t){super(t);t=this;xt(t,n);if(n.p&1){{{t.attachShadow({mode:"open",delegatesFocus:!!(n.p&16)})}}}}connectedCallback(){if(p){clearTimeout(p);p=null}if(h){d.push(this)}else{Nt.jmp((()=>yt(this)))}}disconnectedCallback(){Nt.jmp((()=>$t(this)))}componentOnReady(){return Ct(this).I}};n.V=t[0];if(!o.includes(s)&&!c.get(s)){l.push(s);c.define(s,pt(i,n,1))}}))}));{u.innerHTML=l+a;u.setAttribute("data-styles","");const t=(n=Nt.g)!==null&&n!==void 0?n:$(Lt);if(t!=null){u.setAttribute("nonce",t)}i.insertBefore(u,f?f.nextSibling:i.firstChild)}h=false;if(d.length){d.map((t=>t.connectedCallback()))}else{{Nt.jmp((()=>p=setTimeout(it,30)))}}s()};const gt=(t,e,n,s)=>{if(n){n.map((([n,s,l])=>{const o=kt(t,n);const c=vt(e,l);const i=St(n);Nt.ael(o,s,c,i);(e.H=e.H||[]).push((()=>Nt.rel(o,s,c,i)))}))}};const vt=(t,e)=>n=>{try{{if(t.p&256){t.P[e](n)}else{(t.T=t.T||[]).push([e,n])}}}catch(t){Pt(t)}};const kt=(t,e)=>{if(e&4)return Lt;if(e&8)return Et;return t};const St=t=>(t&2)!==0;const jt=t=>Nt.g=t;const Ot=new WeakMap;const Ct=t=>Ot.get(t);const Mt=(t,e)=>Ot.set(e.P=t,e);const xt=(t,e)=>{const n={p:0,$:t,v:e,L:new Map};{n.A=new Promise((t=>n.W=t))}{n.I=new Promise((t=>n.U=t));t["s-p"]=[];t["s-rc"]=[]}gt(t,n,e.D);return Ot.set(t,n)};const Rt=(t,e)=>e in t;const Pt=(t,e)=>(0,console.error)(t,e);const Tt=new Map;const Ut=(t,e,n)=>{const s=t.k.replace(/-/g,"_");const l=t.V;const o=Tt.get(l);if(o){return o[s]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((t=>{{Tt.set(l,t)}return t[s]}),Pt)};const Wt=new Map;const Et=typeof window!=="undefined"?window:{};const Lt=Et.document||{head:{}};const Nt={p:0,q:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,s)=>t.addEventListener(e,n,s),rel:(t,e,n,s)=>t.removeEventListener(e,n,s),ce:(t,e)=>new CustomEvent(t,e)};const Ft=t=>Promise.resolve(t);const At=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(t){}return false})();const Dt=[];const Ht=[];const qt=(t,e)=>n=>{t.push(n);if(!f){f=true;if(e&&Nt.p&4){_t(Vt)}else{Nt.raf(Vt)}}};const It=t=>{for(let e=0;e<t.length;e++){try{t[e](performance.now())}catch(t){Pt(t)}}t.length=0};const Vt=()=>{It(Dt);{It(Ht);if(f=Dt.length>0){Nt.raf(Vt)}}};const _t=t=>Ft().then(t);const zt=qt(Dt,false);const Bt=qt(Ht,true);export{v as H,zt as a,wt as b,x as c,ct as f,M as g,w as h,Ft as p,Mt as r,jt as s};
+//# sourceMappingURL=p-69d1223c.js.map