wcs-core 2.5.3 → 2.8.0

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

@@ -0,0 +1 @@
+import{r,h as s,H as t}from"./p-f46e6c3c.js";let o=class{constructor(s){r(this,s)}render(){return s(t,null)}};o.style=":host{display:block;border-bottom:solid 1px var(--wcs-text-light)}";export{o as wcs_divider}

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

@@ -0,0 +1 @@
+import{r as t,c as s,h as i,H as e,g as a}from"./p-f46e6c3c.js";var n;!function(t){t[t.DISPLAY=0]="DISPLAY",t[t.EDIT=1]="EDIT",t[t.LOAD=2]="LOAD"}(n||(n={}));let r=class{constructor(i){t(this,i),this.wcsChange=s(this,"wcsChange",7),this.currentState=n.DISPLAY,this.type="input",this.readonly=!1,this.errorMsg=null,this.isError=!1,this.ignoreNextChangeEvent=!1,this.spiedElement=null,this.currentValue=null}componentWillLoad(){this.currentValue=this.value}componentDidRender(){const t=this.el.shadowRoot.querySelector("slot").assignedElements();switch(this.type){case"input":this.initWithInput(t);break;case"textarea":this.initWithTextArea(t);break;case"select":this.initWithSelect(t)}}initWithInput(t){const s=t.filter((t=>"WCS-INPUT"===t.tagName))[0];if(!s)throw new Error("You must provide a slotted input element to handle edition");this.spiedElement=s,this.addChangeHandlerForWcsComponents(this.spiedElement),this.spiedElement.addEventListener("keydown",(t=>{"Enter"===t.key&&this.sendCurrentValue(),"Escape"===t.key&&this.discardChanges()}))}initWithTextArea(t){const s=t.filter((t=>"WCS-TEXTAREA"===t.tagName))[0];if(!s)throw new Error("You must provide a slotted textarea element to handle edition");this.spiedElement=s,this.addChangeHandlerForWcsComponents(this.spiedElement),this.spiedElement.addEventListener("keydown",(t=>{"Enter"===t.key&&t.ctrlKey&&this.sendCurrentValue(),"Escape"===t.key&&this.discardChanges()}))}initWithSelect(t){const s=t.filter((t=>"WCS-SELECT"===t.tagName))[0];if(!s)throw new Error("You must provide a slotted select element to handle edition");this.spiedElement=s,this.addChangeHandlerForWcsComponents(this.spiedElement)}addChangeHandlerForWcsComponents(t){t.addEventListener("wcsChange",(t=>{t.stopImmediatePropagation(),this.currentValue=t.detail.value,this.validateFn&&(this.isError=!this.validateFn(this.currentValue))}))}sendCurrentValue(){this.currentState===n.EDIT&&(this.value===this.currentValue?this.currentState=n.DISPLAY:(this.isError=!!this.validateFn&&!this.validateFn(this.currentValue),this.isError||(this.currentState=n.LOAD,this.wcsChange.emit({newValue:this.currentValue,successHandler:()=>this.forceDisplayStateAndValidate(),errorhandler:()=>this.errorHandler()}))))}discardChanges(){this.currentValue=this.value,this.currentState=n.DISPLAY,this.isError=!1}forceDisplayStateAndValidate(){if(this.currentState!==n.LOAD)throw new Error("You cannot set display state from "+n[this.currentState]+" state");this.value=this.currentValue,this.currentState=n.DISPLAY}onWindowClickEvent(t){this.clickInsideComponent(t)||this.currentState===n.EDIT&&(this.isError?this.discardChanges():this.sendCurrentValue())}clickInsideComponent(t){return t.x>=this.el.getBoundingClientRect().x&&t.x<=this.el.getBoundingClientRect().x+this.el.getBoundingClientRect().width&&t.y>=this.el.getBoundingClientRect().y&&t.y<=this.el.getBoundingClientRect().y+this.el.getBoundingClientRect().height}errorHandler(){this.discardChanges()}onValueChange(){this.currentState=n.DISPLAY}onDisplayContainerClick(){this.currentState===n.DISPLAY&&!1===this.readonly&&(this.currentState=n.EDIT,this.ignoreNextChangeEvent=!0,this.spiedElement.value=this.currentValue,this.validateFn&&(this.isError=!this.validateFn(this.currentValue)),setTimeout((()=>{"input"===this.type?this.spiedElement.setFocus():"textarea"===this.type&&(this.spiedElement.fitContent(),this.spiedElement.setFocus())}),20))}render(){const{formattedValue:t,formattedCurrentValue:s}=this.formatValues();return i(e,null,i("div",{class:"label"},this.label),i("div",{class:"display-container "+(this.currentState!==n.DISPLAY?"display-none":""),onClick:()=>this.onDisplayContainerClick()},t,i("wcs-mat-icon",{icon:"edit",size:"s"}),this.readonly?this.getReadonlySvgIcon():null),i("div",{class:"load-container "+(this.currentState!==n.LOAD?"display-none":"")},s,i("wcs-spinner",null)),i("wcs-form-field",{"is-error":this.isError,class:"edit-container "+(this.currentState!==n.EDIT?"display-none":"")},i("slot",null),this.isError&&this.errorMsg?i("wcs-error",null,this.errorMsg):null))}getReadonlySvgIcon(){return i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"26",height:"24",viewBox:"0 0 27 25",class:"readonly-icon"},i("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)"}),i("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)"}),i("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 t=this.value,s=this.currentValue;return this.formatFn&&(t=this.formatFn(this.value),s=this.formatFn(this.currentValue)),Array.isArray(this.value)&&(t=this.value.join(", ")),Array.isArray(this.currentValue)&&(s=this.currentValue.join(", ")),{formattedValue:t?i("span",null,t):i("span",null),formattedCurrentValue:s?i("span",null,s):i("span",null)}}get el(){return a(this)}static get watchers(){return{value:["onValueChange"]}}};r.style=":host{display:block}:host .display-none{display:none !important}:host .label{margin-bottom:var(--wcs-base-margin);font-weight:500;font-size:16px;color:var(--wcs-gray-light)}:host .edit-container{display:flex;width:100%}:host .display-container{min-height:24px;white-space:break-spaces;display:flex;justify-content:space-between;align-items:center;background-color:var(--wcs-light);border-radius:var(--wcs-border-radius);font-size:1rem;line-height:1.5;font-weight:500;color:var(--wcs-gray);padding:calc(0.5 * var(--wcs-padding)) var(--wcs-padding);transition:0.175s all;border:solid 1px transparent}:host .display-container wcs-mat-icon{display:none}:host .load-container{white-space:pre;display:flex;justify-content:space-between;background-color:var(--wcs-light);border-radius:var(--wcs-border-radius);font-size:1rem;line-height:1.5;font-weight:500;color:var(--wcs-gray);padding:calc(0.5 * var(--wcs-padding)) var(--wcs-padding);transition:0.175s all;border:solid 1px transparent;align-items:center}:host wcs-spinner{height:16px;width:16px}:host .readonly-icon{fill:var(--wcs-text-medium)}:host([readonly]) .display-container{color:var(--wcs-gray-light)}:host(:not([readonly])) .display-container:hover{color:var(--wcs-primary);cursor:pointer;border:solid 1px var(--wcs-primary)}:host(:not([readonly])) .display-container:hover wcs-mat-icon{display:flex;align-items:center}";export{r as wcs_editable_field}

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

@@ -0,0 +1 @@
+import{r as t,h as a}from"./p-f46e6c3c.js";let e=class{constructor(a){t(this,a)}render(){return a("nav",{class:"wcs-nav-container"},a("slot",null),a("slot",{name:"bottom"}))}};e.style="nav{background-image:linear-gradient(0deg, var(--wcs-primary), var(--wcs-primary));display:flex;z-index:1055;flex-direction:column;width:6.25rem;height:100%}@media (max-width: 1199px){nav{flex-direction:row;background-image:linear-gradient(0deg, var(--wcs-light), var(--wcs-light));border-top:1px solid #d8d8d8;bottom:0;width:100%;height:3.25rem}}@media (max-width: 1199px){::slotted(wcs-nav-item){flex:1}}@media (min-width: 1200px){slot[name=bottom],wcs-nav-item:not([slot=bottom])+wcs-nav-item[slot=bottom]{display:block;margin-top:auto}}";export{e as wcs_nav}

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

@@ -0,0 +1 @@
+import{r as e,h as r,g as t}from"./p-f46e6c3c.js";import{h as i}from"./p-cf4d7a83.js";import{M as a}from"./p-16dfbae8.js";let o=class{constructor(r){e(this,r),this.type="button",this.disabled=!1,this.ripple=!0,this.shape="normal",this.mode="plain"}onClick(e){if(this.disabled&&e.stopImmediatePropagation(),"button"!==this.type&&i(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()}}}componentDidLoad(){this.mdcRipple=new a(this.el.shadowRoot.querySelector(".wcs-inner-button"))}enabledRippleEffect(){this.mdcRipple.disabled=!1}disabledRippleEffect(){this.mdcRipple.disabled=!0}onRippleChange(){this.ripple?this.enabledRippleEffect():this.disabledRippleEffect()}render(){return r(void 0!==this.href?"a":"button",Object.assign({},void 0!==this.href?{href:this.href,role:"button"}:{type:this.type},{class:"wcs-inner-button"},!0===this.disabled?{disabled:!0}:null),r("slot",null))}get el(){return t(this)}static get watchers(){return{ripple:["onRippleChange"]}}};o.style='@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-padding:calc(var(--wcs-padding) / 2) var(--wcs-padding);--wcs-button-color:var(--wcs-contrast, var(--wcs-white, white));--wcs-button-background-color:var(--wcs-base, var(--wcs-primary, #0088CE));--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)}: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([shape=small]){--wcs-button-padding:2px 16px}:host([shape=round]){--wcs-button-padding:0;--wcs-button-border-radius:50%}:host([shape=round]) .wcs-inner-button{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px}:host([shape=square]){--wcs-button-padding:0}:host([shape=square]) .wcs-inner-button{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px}:host([shape=normal]){--wcs-button-padding:calc(var(--wcs-padding) / 2 + 1px) calc(var(--wcs-padding))}:host([mode=stroked]) .wcs-inner-button{box-shadow:inset 0 0 0 1px var(--wcs-button-border-color)}:host([disabled]){--wcs-button-color:var(--wcs-text-disabled);--wcs-button-background-color:var(--wcs-light)}:host([disabled]) .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]){--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-content:center;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:1rem;line-height:1.5;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}button::-moz-focus-inner,a::-moz-focus-inner{border:0}';export{o as wcs_button}

package/dist/wcs/wcs.css

@@ -1 +1 @@
-.wcs-primary{--wcs-base:var(--wcs-primary);--wcs-contrast:var(--wcs-white)}.wcs-secondary{--wcs-base:var(--wcs-gray-light);--wcs-contrast:var(--wcs-white)}.wcs-success{--wcs-base:var(--wcs-green);--wcs-contrast:var(--wcs-gray-darker)}.wcs-warning{--wcs-base:var(--wcs-yellow);--wcs-contrast:var(--wcs-gray-darker)}.wcs-info{--wcs-base:var(--wcs-cyan);--wcs-contrast:var(--wcs-white)}.wcs-danger{--wcs-base:var(--wcs-red);--wcs-contrast:var(--wcs-white)}.wcs-dark{--wcs-base:var(--wcs-gray-dark);--wcs-contrast:var(--wcs-white)}.wcs-light{--wcs-base:var(--wcs-light);--wcs-contrast:var(--wcs-gray-darker)}.wcs-tooltip-content{align-items:center;max-width:60vw;border-radius:var(--wcs-border-radius);background:var(--wcs-black);color:var(--wcs-white);font-size:14px;padding:4px 8px;position:absolute;transition:opacity ease-in 175ms;pointer-events:none;z-index:100}.wcs-tooltip-content.hide{display:none}.wcs-tooltip-content.show{display:inline-block}.wcs-tooltip-content::before{border:solid 6px transparent;pointer-events:none;position:absolute;z-index:1000;content:" ";width:0;height:0}.wcs-tooltip-content[position=bottom]::before{border-bottom-color:var(--wcs-black);bottom:100%;margin-left:var(--wcs-tooltip-border-left-offset)}.wcs-tooltip-content[position=top]::before{border-top-color:var(--wcs-black);top:100%;margin-left:var(--wcs-tooltip-border-left-offset)}.wcs-tooltip-content[position=left]::before{border-left-color:var(--wcs-black);left:100%;top:var(--wcs-tooltip-border-top-offset)}.wcs-tooltip-content[position=right]::before{border-right-color:var(--wcs-black);right:100%;top:var(--wcs-tooltip-border-top-offset)}.wcs-overlay{height:100vh;width:100vw;pointer-events:none;top:0;position:absolute;z-index:9999999}:root{--wcs-white:#ffffff;--wcs-light:#f2f2f2;--wcs-gray-light:#4d4f53;--wcs-gray:#333;--wcs-gray-dark:#343a40;--wcs-gray-darker:#212529;--wcs-black:black;--wcs-text-light:#d7d7d7;--wcs-text-disabled:#b9b9b9;--wcs-text-medium:#747678;--wcs-blue:#0088CE;--wcs-purple:#6e1e78;--wcs-pink:#a1006b;--wcs-red:#cd0037;--wcs-orange:#e05206;--wcs-yellow:#ffb612;--wcs-green:#82be00;--wcs-teal:#d2e100;--wcs-cyan:#009aa6;--wcs-primary:var(--wcs-blue);--wcs-base:var(--wcs-primary);--wcs-contrast:var(--wcs-white);--wcs-font-sans-serif:Avenir, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--wcs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--wcs-font-weight-form-value:500;--wcs-border-radius:8px;--wcs-padding:16px;--wcs-base-margin:8px;--wcs-text-padding:8px;--wcs-com-content-max-width:1024px;--wcs-tabs-headers-border-bottom:1px solid #ebebeb}body{font-weight:400;font-family:var(--wcs-font-sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,textarea,select{font:inherit}::placeholder{color:var(--wcs-text-medium);opacity:1;font-weight:normal;font-style:italic}
+.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.wcs-primary{--wcs-base:var(--wcs-primary);--wcs-contrast:var(--wcs-white)}.wcs-secondary{--wcs-base:var(--wcs-gray-light);--wcs-contrast:var(--wcs-white)}.wcs-success{--wcs-base:var(--wcs-green);--wcs-contrast:var(--wcs-gray-darker)}.wcs-warning{--wcs-base:var(--wcs-yellow);--wcs-contrast:var(--wcs-gray-darker)}.wcs-info{--wcs-base:var(--wcs-cyan);--wcs-contrast:var(--wcs-white)}.wcs-danger{--wcs-base:var(--wcs-red);--wcs-contrast:var(--wcs-white)}.wcs-dark{--wcs-base:var(--wcs-gray-dark);--wcs-contrast:var(--wcs-white)}.wcs-light{--wcs-base:var(--wcs-light);--wcs-contrast:var(--wcs-gray-darker)}.wcs-overlay{height:100vh;width:100vw;pointer-events:none;top:0;position:absolute;z-index:9999999}.tippy-box[data-theme~=wcs]{background-color:var(--wcs-black);color:var(--wcs-white)}.tippy-box[data-theme~=wcs][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--wcs-black)}.tippy-box[data-theme~=wcs][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--wcs-black)}.tippy-box[data-theme~=wcs][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--wcs-black)}.tippy-box[data-theme~=wcs][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--wcs-black)}:root{--wcs-white:#ffffff;--wcs-light:#f2f2f2;--wcs-gray-light:#4d4f53;--wcs-gray:#333;--wcs-gray-dark:#343a40;--wcs-gray-darker:#212529;--wcs-black:black;--wcs-text-light:#d7d7d7;--wcs-text-disabled:#b9b9b9;--wcs-text-medium:#747678;--wcs-blue:#0088CE;--wcs-purple:#6e1e78;--wcs-pink:#a1006b;--wcs-red:#cd0037;--wcs-orange:#e05206;--wcs-yellow:#ffb612;--wcs-green:#82be00;--wcs-teal:#d2e100;--wcs-cyan:#009aa6;--wcs-primary:var(--wcs-blue);--wcs-base:var(--wcs-primary);--wcs-contrast:var(--wcs-white);--wcs-font-sans-serif:Avenir, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--wcs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--wcs-font-weight-form-value:500;--wcs-border-radius:8px;--wcs-padding:16px;--wcs-base-margin:8px;--wcs-text-padding:8px;--wcs-com-content-max-width:1024px;--wcs-tabs-headers-border-bottom:1px solid #ebebeb}body{font-weight:400;font-family:var(--wcs-font-sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,textarea,select{font:inherit}::placeholder{color:var(--wcs-text-medium);opacity:1;font-weight:normal;font-style:italic}

package/dist/wcs/wcs.esm.js

@@ -1 +1 @@
-import{p as e,b as o}from"./p-f73f235b.js";(()=>{const o=import.meta.url,n={};return""!==o&&(n.resourcesUrl=new URL(".",o).href),e(n)})().then((e=>o([["p-66520e5a",[[1,"wcs-grid-pagination",{availablePageSizes:[16],currentPage:[2,"current-page"],pageSize:[2,"page-size"],itemsCount:[2,"items-count"],pageCount:[2,"page-count"]}]]],["p-16dca526",[[1,"wcs-app"]]],["p-d31287c6",[[0,"wcs-icon",{icon:[1],size:[1]}]]],["p-4f228fcb",[[1,"wcs-editable-field",{type:[1],label:[1],readonly:[4],value:[1032],validateFn:[16],formatFn:[16],errorMsg:[1,"error-msg"],currentState:[32],isError:[32]},[[8,"click","onWindowClickEvent"]]],[1,"wcs-grid",{serverMode:[4,"server-mode"],data:[16],loading:[4],selectionConfig:[1,"selection-config"],selectedItems:[8,"selected-items"],wcsGridPaginationId:[1,"wcs-grid-pagination-id"],columns:[32],paginationEl:[32],rows:[32]},[[0,"wcsSortChange","sortChangeEventHandler"],[0,"wcsGridPaginationChange","paginationChangeEventHandler"],[8,"wcsGridPaginationChange","paginationChangeEventHandlerOutside"]]],[1,"wcs-horizontal-stepper",{currentStep:[1026,"current-step"],steps:[16],mode:[1],checkOnComplete:[4,"check-on-complete"],buttonMode:[32],internalCurrentStep:[32],previous:[64],next:[64]}],[1,"wcs-dropdown",{mode:[1],shape:[1],disabled:[4],expanded:[32]},[[8,"click","onWindowClickEvent"],[0,"wcsDropdownItemClick","dropdownItemClick"]]],[1,"wcs-galactic-menu",{text:[1],showPopoverMenu:[32]},[[8,"click","onWindowClickEvent"]]],[1,"wcs-input",{fireFocusEvents:[4,"fire-focus-events"],accept:[1],autocapitalize:[1],autocomplete:[1],autocorrect:[1],autofocus:[4],clearInput:[4,"clear-input"],clearOnEdit:[4,"clear-on-edit"],debounce:[2],disabled:[4],enterkeyhint:[1],icon:[1],inputmode:[1],max:[1],maxlength:[2],min:[1],minlength:[2],multiple:[4],name:[1],pattern:[1],placeholder:[1],readonly:[4],required:[4],spellcheck:[4],state:[513],step:[1],size:[2],type:[1],value:[1032],hasFocus:[32],setFocus:[64],setBlur:[64],getInputElement:[64]}],[4,"wcs-modal",{backdrop:[516],show:[1540],showCloseButton:[516,"show-close-button"]},[[4,"keydown","onKeyDown"]]],[1,"wcs-textarea",{fireFocusEvents:[4,"fire-focus-events"],autocapitalize:[1],autofocus:[4],clearOnEdit:[1028,"clear-on-edit"],debounce:[2],disabled:[4],icon:[1],inputmode:[1],enterkeyhint:[1],maxlength:[2],minlength:[2],name:[1],placeholder:[1],readonly:[4],required:[4],spellcheck:[4],state:[513],cols:[2],rows:[2],wrap:[1],autoGrow:[4,"auto-grow"],value:[1025],hasFocus:[32],fitContent:[64],setFocus:[64],setBlur:[64],getInputElement:[64]}],[1,"wcs-action-bar",{gutter:[4],hasTabs:[32]}],[1,"wcs-badge",{shape:[1],color:[1]}],[1,"wcs-card",{mode:[1537]}],[1,"wcs-card-body"],[1,"wcs-com-nav",{appName:[1,"app-name"]}],[1,"wcs-com-nav-category",{label:[1],categoryOpen:[32],close:[64],open:[64]},[[8,"click","onWindowClickEvent"],[8,"wcsCategoryOpened","onSubmenuOpened"]]],[1,"wcs-com-nav-submenu",{label:[1],panelTitle:[1,"panel-title"],panelDescription:[1,"panel-description"],menuOpen:[32],close:[64],open:[64]},[[8,"click","onWindowClickEvent"],[8,"wcsSubmenuOpened","onSubmenuOpened"]]],[1,"wcs-divider"],[4,"wcs-dropdown-item",null,[[1,"mousedown","onMouseDown"]]],[1,"wcs-field"],[1,"wcs-field-content"],[1,"wcs-field-label"],[1,"wcs-footer"],[1,"wcs-galactic",{text:[1],show:[32]}],[1,"wcs-grid-column",{path:[1],name:[1],sort:[4],sortFn:[16],formatter:[16],sortOrder:[1537,"sort-order"],width:[1]}],[1,"wcs-header"],[1,"wcs-hint",{small:[1540]}],[1,"wcs-label",{required:[516]}],[1,"wcs-list-item",{activated:[1028]}],[1,"wcs-list-item-properties"],[1,"wcs-list-item-property"],[1,"wcs-nav"],[4,"wcs-nav-item",{text:[513],href:[1537]}],[1,"wcs-progress-radial",{size:[2],showLabel:[4,"show-label"],value:[2]}],[1,"wcs-radio-group",{value:[8],name:[520],mode:[513]},[[0,"wcsRadioClick","selectedOptionChanged"]]],[1,"wcs-switch",{name:[1],checked:[1028]}],[1,"wcs-tab",{header:[1537],itemKey:[8,"item-key"]}],[1,"wcs-tabs",{align:[1537],selectedIndex:[2,"selected-index"],selectedKey:[8,"selected-key"],headersOnly:[4,"headers-only"],gutter:[4],headers:[32],currentActiveTabIndex:[32]},[[0,"tabLoaded","onTabLoaded"]]],[1,"wcs-tooltip",{for:[513],position:[513]}],[4,"wcs-select-option",{disabled:[1540],selected:[1540],value:[8],chipColor:[1,"chip-color"],chipBackgroundColor:[1,"chip-background-color"],multiple:[1540]},[[1,"mousedown","onMouseDown"]]],[1,"wcs-error"],[1,"wcs-form-field",{isError:[1540,"is-error"],icon:[8],hasPrefix:[32],hasSuffix:[32],spiedElement:[32]}],[1,"wcs-progress-bar",{small:[1028],showLabel:[1028,"show-label"],value:[1026]}],[1,"wcs-radio",{mode:[513],value:[1544],label:[1537],checked:[1540],disabled:[1028]}],[1,"wcs-select",{value:[1032],placeholder:[1537],disabled:[1028],multiple:[516],chips:[516],name:[1],compareWith:[16],expanded:[32],hasLoaded:[32],displayText:[32],focused:[32],overlayDirection:[32],open:[64],close:[64]},[[1,"mousedown","onMouseDown"],[8,"click","onWindowClickEvent"],[0,"wcsSelectOptionClick","selectedOptionChanged"]]],[1,"wcs-spinner",{mode:[1537]}],[1,"wcs-button",{type:[1025],href:[1],disabled:[516],ripple:[4],shape:[513],mode:[513]},[[0,"click","onClick"]]],[1,"wcs-checkbox",{name:[1],indeterminate:[1540],checked:[1540],labelAlignment:[1537,"label-alignment"]}],[1,"wcs-mat-icon",{icon:[1],size:[1],family:[1],familyFile:[32],familyClass:[32]}]]]],e)));
+import{p as e,b as o}from"./p-f46e6c3c.js";(()=>{const o=import.meta.url,c={};return""!==o&&(c.resourcesUrl=new URL(".",o).href),e(c)})().then((e=>o([["p-fb1577b5",[[1,"wcs-editable-field",{type:[1],label:[1],readonly:[4],value:[1032],validateFn:[16],formatFn:[16],errorMsg:[1,"error-msg"],currentState:[32],isError:[32]},[[8,"click","onWindowClickEvent"]]]]],["p-a92d369e",[[1,"wcs-grid",{serverMode:[4,"server-mode"],data:[16],loading:[4],selectionConfig:[1,"selection-config"],selectedItems:[8,"selected-items"],wcsGridPaginationId:[1,"wcs-grid-pagination-id"],rowIdPath:[1,"row-id-path"],columns:[32],paginationEl:[32],rows:[32]},[[0,"wcsHiddenChange","onHiddenColumnChange"],[0,"wcsSortChange","sortChangeEventHandler"],[0,"wcsGridPaginationChange","paginationChangeEventHandler"],[8,"wcsGridPaginationChange","paginationChangeEventHandlerOutside"]]]]],["p-214236db",[[1,"wcs-grid-pagination",{availablePageSizes:[16],currentPage:[2,"current-page"],pageSize:[2,"page-size"],itemsCount:[2,"items-count"],pageCount:[2,"page-count"]}]]],["p-94a31f64",[[1,"wcs-horizontal-stepper",{currentStep:[1026,"current-step"],steps:[16],mode:[1],checkOnComplete:[4,"check-on-complete"],buttonMode:[32],internalCurrentStep:[32],previous:[64],next:[64]}]]],["p-b5ffbea8",[[1,"wcs-dropdown",{noArrow:[4,"no-arrow"],mode:[1],shape:[1],disabled:[4],placement:[1],expanded:[32]},[[8,"click","onWindowClickEvent"],[0,"wcsDropdownItemClick","dropdownItemClick"]]]]],["p-4e9e226d",[[1,"wcs-galactic-menu",{text:[1],showPopoverMenu:[32]},[[8,"click","onWindowClickEvent"]]]]],["p-a978c1e3",[[1,"wcs-input",{fireFocusEvents:[4,"fire-focus-events"],accept:[1],autocapitalize:[1],autocomplete:[1],autocorrect:[1],autofocus:[4],clearInput:[4,"clear-input"],clearOnEdit:[4,"clear-on-edit"],debounce:[2],prefixLabel:[1,"prefix-label"],suffixLabel:[1,"suffix-label"],disabled:[4],enterkeyhint:[1],icon:[1],inputmode:[1],max:[1],maxlength:[2],min:[1],minlength:[2],multiple:[4],name:[1],pattern:[1],placeholder:[1],readonly:[4],required:[4],spellcheck:[4],state:[513],step:[1],size:[2],type:[1],value:[1032],hasFocus:[32],setFocus:[64],setBlur:[64],getInputElement:[64]}]]],["p-6b8d2bc7",[[4,"wcs-modal",{withoutBackdrop:[516,"without-backdrop"],show:[516],showCloseButton:[516,"show-close-button"]},[[4,"keydown","onKeyDown"]]]]],["p-384068f7",[[1,"wcs-textarea",{fireFocusEvents:[4,"fire-focus-events"],autocapitalize:[1],autofocus:[4],clearOnEdit:[1028,"clear-on-edit"],debounce:[2],disabled:[4],icon:[1],inputmode:[1],enterkeyhint:[1],maxlength:[2],minlength:[2],name:[1],placeholder:[1],readonly:[4],required:[4],spellcheck:[4],state:[513],cols:[2],rows:[2],wrap:[1],autoGrow:[4,"auto-grow"],value:[1025],hasFocus:[32],fitContent:[64],setFocus:[64],setBlur:[64],getInputElement:[64]}]]],["p-474d6601",[[1,"wcs-action-bar",{gutter:[4],hasTabs:[32]}]]],["p-b7184d59",[[1,"wcs-app"]]],["p-9ba52bc4",[[1,"wcs-badge",{shape:[1],color:[1]}]]],["p-f9944bde",[[1,"wcs-card",{mode:[1537]}]]],["p-e0163de8",[[1,"wcs-card-body"]]],["p-db68379f",[[1,"wcs-com-nav",{appName:[1,"app-name"]}]]],["p-1f5aed36",[[1,"wcs-com-nav-category",{label:[1],categoryOpen:[32],close:[64],open:[64]},[[8,"click","onWindowClickEvent"],[8,"wcsCategoryOpened","onSubmenuOpened"]]]]],["p-8864a491",[[1,"wcs-com-nav-submenu",{label:[1],panelTitle:[1,"panel-title"],panelDescription:[1,"panel-description"],menuOpen:[32],close:[64],open:[64]},[[8,"click","onWindowClickEvent"],[8,"wcsSubmenuOpened","onSubmenuOpened"],[0,"wcsCategoryItemClicked","wcsCategoryItemClickedHandler"]]]]],["p-fa173947",[[1,"wcs-divider"]]],["p-bbf1ef42",[[1,"wcs-dropdown-divider"]]],["p-41037455",[[1,"wcs-dropdown-header"]]],["p-1dce7e63",[[4,"wcs-dropdown-item",null,[[1,"mousedown","onMouseDown"]]]]],["p-60b51967",[[1,"wcs-field"]]],["p-26b5c0a3",[[1,"wcs-field-content"]]],["p-dc817204",[[1,"wcs-field-label"]]],["p-e9ce507c",[[1,"wcs-footer"]]],["p-e4236d32",[[1,"wcs-galactic",{text:[1],show:[32]}]]],["p-57247184",[[1,"wcs-grid-column",{path:[1],name:[1],sort:[4],sortFn:[16],formatter:[16],sortOrder:[1025,"sort-order"],width:[1],customCells:[4,"custom-cells"],hidden:[4]}]]],["p-688fea65",[[1,"wcs-grid-custom-cell",{columnId:[1,"column-id"],rowId:[8,"row-id"]}]]],["p-dbbc3f58",[[1,"wcs-header"]]],["p-979dfd78",[[1,"wcs-hint",{small:[1540]}]]],["p-65c5ccc5",[[0,"wcs-icon",{icon:[1],size:[1]}]]],["p-600a9cc0",[[1,"wcs-label",{required:[516]}]]],["p-2e6265dc",[[1,"wcs-list-item",{activated:[1028]}]]],["p-a1ee1551",[[1,"wcs-list-item-properties"]]],["p-716d5921",[[1,"wcs-list-item-property"]]],["p-febe9ccc",[[1,"wcs-nav"]]],["p-e43358e4",[[4,"wcs-nav-item",{text:[513],href:[513]}]]],["p-55fdc284",[[1,"wcs-progress-radial",{size:[2],showLabel:[4,"show-label"],value:[2]}]]],["p-1e16709a",[[1,"wcs-radio-group",{value:[8],name:[520],mode:[513]},[[0,"wcsRadioClick","selectedOptionChanged"]]]]],["p-7206e492",[[1,"wcs-switch",{name:[1],checked:[516],labelAlignment:[513,"label-alignment"],disabled:[4]}]]],["p-5b35b232",[[1,"wcs-tab",{header:[513],itemKey:[8,"item-key"]}]]],["p-03b2e238",[[1,"wcs-tabs",{align:[513],selectedIndex:[2,"selected-index"],selectedKey:[8,"selected-key"],headersOnly:[4,"headers-only"],gutter:[4],headers:[32],currentActiveTabIndex:[32]},[[0,"tabLoaded","onTabLoaded"]]]]],["p-ecbe5165",[[1,"wcs-tooltip",{for:[1],position:[513],interactive:[4],maxWidth:[8,"max-width"],delay:[2],duration:[2],trigger:[1],theme:[1],hide:[64],show:[64],disable:[64],enable:[64]}]]],["p-8137f075",[[1,"wcs-progress-bar",{small:[4],showLabel:[4,"show-label"],value:[2]}]]],["p-0a103e06",[[1,"wcs-radio",{mode:[513],value:[1544],label:[1537],checked:[1540],disabled:[1028]}]]],["p-c7d6d3e1",[[4,"wcs-select-option",{disabled:[1540],selected:[1540],value:[8],chipColor:[1,"chip-color"],chipBackgroundColor:[1,"chip-background-color"],multiple:[1540]},[[1,"mousedown","onMouseDown"]]],[1,"wcs-select",{value:[1032],placeholder:[1537],disabled:[1028],multiple:[516],chips:[516],name:[1],compareWith:[16],expanded:[32],hasLoaded:[32],displayText:[32],focused:[32],overlayDirection:[32],open:[64],close:[64]},[[1,"mousedown","onMouseDown"],[8,"click","onWindowClickEvent"],[0,"wcsSelectOptionClick","selectedOptionChanged"]]]]],["p-08a7e84d",[[1,"wcs-error"],[1,"wcs-form-field",{isError:[1540,"is-error"],hasPrefix:[32],hasSuffix:[32],spiedElement:[32]}]]],["p-91a2de07",[[1,"wcs-spinner",{mode:[513]}]]],["p-ff6d0dfd",[[1,"wcs-button",{type:[1025],href:[1],disabled:[516],ripple:[4],shape:[513],mode:[513]},[[0,"click","onClick"]]]]],["p-8c8740e3",[[1,"wcs-checkbox",{name:[1],indeterminate:[1540],checked:[1540],labelAlignment:[1537,"label-alignment"],disabled:[4]}]]],["p-22813c8e",[[1,"wcs-mat-icon",{icon:[1],size:[1],family:[1],familyFile:[32],familyClass:[32]}]]]],e)));

package/loader/index.d.ts

@@ -1,4 +1,3 @@
-
 export * from '../dist/types/components';
 export interface CustomElementsDefineOptions {
   exclude?: string[];

package/package.json

@@ -1,49 +1,55 @@
 {
     "name": "wcs-core",
-    "version": "2.5.3",
+    "version": "2.8.0",
     "description": "Web components SNCF",
     "main": "dist/index.cjs.js",
     "module": "dist/index.js",
     "es2015": "dist/esm/index.mjs",
     "es2017": "dist/esm/index.mjs",
-    "types": "dist/types/components.d.ts",
+    "types": "dist/types/interfaces.d.ts",
     "collection": "dist/collection/collection-manifest.json",
     "collection:main": "dist/collection/index.js",
     "unpkg": "dist/wcs/wcs.js",
     "files": [
         "dist/",
-        "loader/",
-        "schematics/"
+        "loader/"
     ],
     "scripts": {
         "build:stencil": "stencil build",
-        "build:examples": "node build.js",
-        "build:schematics": "node_modules/.bin/tsc -p schematics/tsconfig.json",
-        "build": "node build.js && stencil build && npm run build:schematics",
-        "watch:stencil": "stencil build --dev --serve --watch",
-        "watch:examples": "node build.js --watch",
-        "start": "node run.js",
+        "build": "stencil build && npm run build-storybook",
+        "watch:stencil": "stencil build --dev --watch",
+        "start": "concurrently --names \"Stencil,Storybook\" -c \"bgBlue.bold,bgMagenta.bold\" \"stencil build --dev --watch\" \"npm run storybook\"",
         "test": "stencil test --spec --e2e",
         "test:watch": "stencil test --spec --e2e --watchAll",
         "update-version": "node scripts/update-version.js",
-        "update-develop": "node scripts/update-develop-from-master.js"
+        "update-develop": "node scripts/update-develop-from-master.js",
+        "storybook": "start-storybook -s ./dist/wcs,./src/assets/fonts -p 6006",
+        "build-storybook": "build-storybook -s ./dist/wcs,./src/assets/fonts"
     },
     "devDependencies": {
         "@angular/cli": "^10.1.1",
-        "@material/ripple": "1.1.0",
-        "@stencil/angular-output-target": "0.1.0",
-        "@stencil/core": "2.6.0",
-        "@stencil/sass": "1.4.1",
+        "@babel/core": "^7.16.0",
+        "@material/ripple": "13.0.0",
+        "@stencil/angular-output-target": "^0.4.0",
+        "@stencil/core": "2.10.0",
+        "@stencil/sass": "1.5.2",
+        "@storybook/addon-actions": "^6.3.12",
+        "@storybook/addon-docs": "^6.3.12",
+        "@storybook/addon-essentials": "^6.3.12",
+        "@storybook/addon-links": "^6.3.12",
+        "@storybook/web-components": "^6.3.12",
         "@types/dom-inputevent": "^1.0.5",
         "@types/glob": "^7.1.3",
         "@types/jest": "26.0.7",
         "@types/puppeteer": "^3.0.1",
+        "babel-loader": "^8.2.3",
         "chokidar": "^3.4.1",
         "concurrently": "^5.2.0",
         "glob": "^7.1.6",
         "highlight.js": "^10.1.2",
         "jest": "^26.1.0",
         "jest-cli": "^26.1.0",
+        "lit-html": "^2.0.1",
         "markdown-it": "^11.0.0",
         "mem": "^6.1.0",
         "puppeteer": "^5.2.1",
@@ -52,16 +58,14 @@
         "tslib": "^2.0.0",
         "tslint": "^6.1.2",
         "tslint-ionic-rules": "^0.0.21",
-        "typescript": "~3.9.7"
+        "typescript": "~3.9.7",
+        "webpack-watch-files-plugin": "^1.2.0"
     },
     "dependencies": {
-        "@angular-devkit/core": "^10.0.4",
-        "@angular-devkit/schematics": "^10.0.4",
-        "@angular/cdk": "^10.1.1",
         "@popperjs/core": "^2.9.3",
-        "@schematics/angular": "^10.0.4",
         "chalk": "^4.1.0",
         "lodash": "^4.17.21",
+        "tippy.js": "^6.3.7",
         "uuid": "^8.3.2",
         "xstate": "^4.11.0"
     },
@@ -71,6 +75,5 @@
     },
     "author": "SNCF",
     "private": false,
-    "license": "MIT",
-    "schematics": "./schematics/collection.json"
+    "license": "MIT"
 }

package/dist/types/interface.d.ts

@@ -1,3 +0,0 @@
-export * from './components/select-option/select-option-interface';
-export * from './components/select/select-interface';
-export * from './components/button/button-interface';

package/dist/wcs/p-16dca526.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t,g as a}from"./p-f73f235b.js";const r=class{constructor(t){e(this,t)}render(){return[t("slot",{name:"header"}),t("slot",{name:"sidebar"}),t("slot",{name:"content"})]}get el(){return a(this)}};r.style=':host{background-color:#f2f2f2;margin:0;display:grid;grid-template-areas:"header header" "sidebar content";grid-template-columns:min-content auto;overflow-y:hidden}::slotted(main){padding:8px;grid-area:content;overflow-y:scroll;height:calc(100vh - 64px)}::slotted(wcs-header){grid-area:header}@media screen and (max-width: 768px){:host{grid-template-areas:"header" "sidebar" "content";grid-template-columns:auto}::slotted(header){position:relative}::slotted(main){overflow-y:visible;height:initial}}';export{r as wcs_app}