wcs-core 3.0.0 → 4.0.1

package/dist/wcs/wcs.esm.js

@@ -1,2 +1,2 @@
-import{p as e,b as o}from"./p-a2df3a49.js";export{s as setNonce}from"./p-a2df3a49.js";const n=()=>{const o=import.meta.url;const n={};if(o!==""){n.resourcesUrl=new URL(".",o).href}return e(n)};n().then((e=>o([["p-14e04d5e",[[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-5140269d",[[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-274232e6",[[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-3e370f48",[[1,"wcs-grid-pagination",{availablePageSizes:[16],currentPage:[2,"current-page"],pageSize:[2,"page-size"],itemsCount:[2,"items-count"],pageCount:[2,"page-count"]}]]],["p-94d95b99",[[4,"wcs-modal",{withoutBackdrop:[516,"without-backdrop"],show:[516],showCloseButton:[516,"show-close-button"],size:[1],hideActions:[516,"hide-actions"]},[[4,"keydown","onKeyDown"]]]]],["p-6f921d57",[[1,"wcs-dropdown",{noArrow:[4,"no-arrow"],mode:[1],shape:[1],disabled:[4],placement:[1],expanded:[32]},[[8,"click","onWindowClickEvent"],[0,"wcsDropdownItemClick","dropdownItemClick"],[0,"keydown","onKeyDown"]]]]],["p-587fea23",[[1,"wcs-galactic-menu",{text:[1],showPopoverMenu:[32]},[[8,"click","onWindowClickEvent"]]]]],["p-49e66081",[[17,"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],passwordReveal:[32],setFocus:[64],setBlur:[64],getInputElement:[64]}]]],["p-89b3550b",[[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-b6160b7c",[[1,"wcs-accordion",{hideActionText:[516,"hide-action-text"],highlight:[516],groupContentWithHeader:[516,"group-content-with-header"]},[[0,"wcsOpenChange","wcsOpenChangeHandler"]]]]],["p-cdd172b4",[[1,"wcs-accordion-content"]]],["p-8d57835f",[[1,"wcs-accordion-header"]]],["p-810aff71",[[1,"wcs-accordion-panel",{open:[1540],hideActionText:[516,"hide-action-text"],highlight:[516],groupContentWithHeader:[516,"group-content-with-header"],close:[64]}]]],["p-fc3f5b53",[[1,"wcs-action-bar",{gutter:[4],hasTabs:[32]}]]],["p-d11c66d4",[[1,"wcs-app"]]],["p-02b95dbf",[[1,"wcs-badge",{shape:[1],color:[1]}]]],["p-d084dd61",[[1,"wcs-card",{mode:[1537]}]]],["p-7a3f70da",[[1,"wcs-card-body"]]],["p-f386bb8b",[[1,"wcs-com-nav",{appName:[1,"app-name"],mobileMenuOpen:[32],currentActiveSizing:[32]},[[0,"wcsClickOnFinalAction","onClickOnFinalAction"],[0,"wcsCategoryItemClicked","onClickOnFinalActionCat"]]]]],["p-e4dcd310",[[1,"wcs-com-nav-category",{label:[1],categoryOpen:[32],close:[64],open:[64]},[[8,"click","onWindowClickEvent"],[8,"wcsCategoryOpened","onSubmenuOpened"]]]]],["p-d998e112",[[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"],[8,"keydown","onEscapeKeyDown"],[0,"wcsCategoryItemClicked","wcsCategoryItemClickedHandler"]]]]],["p-17630eea",[[1,"wcs-divider"]]],["p-91b3e4b5",[[1,"wcs-dropdown-divider"]]],["p-269d244c",[[1,"wcs-dropdown-header"]]],["p-c7b42bae",[[4,"wcs-dropdown-item",null,[[1,"mousedown","onMouseDown"],[0,"keydown","onKeyDown"]]]]],["p-d3f1cafe",[[1,"wcs-field"]]],["p-257b15b9",[[1,"wcs-field-content"]]],["p-cc03627c",[[1,"wcs-field-label"]]],["p-1e43122f",[[1,"wcs-footer"]]],["p-111ae1af",[[1,"wcs-galactic",{text:[1],show:[32]}]]],["p-627bbb6a",[[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-30d8f9c3",[[1,"wcs-grid-custom-cell",{columnId:[1,"column-id"],rowId:[8,"row-id"]}]]],["p-47d8ece5",[[1,"wcs-header"]]],["p-50dce764",[[1,"wcs-hint",{small:[1540]}]]],["p-c7494651",[[0,"wcs-icon",{icon:[1],size:[1]}]]],["p-54e29233",[[1,"wcs-label",{required:[516]}]]],["p-0ede0c37",[[1,"wcs-list-item",{activated:[1028]}]]],["p-ff9967eb",[[1,"wcs-list-item-properties"]]],["p-747a5962",[[1,"wcs-list-item-property"]]],["p-429bd9fb",[[1,"wcs-nav"]]],["p-8762cf93",[[4,"wcs-nav-item",{text:[513],href:[513]},[[0,"keydown","onKeyDown"]]]]],["p-d5a0e271",[[1,"wcs-progress-radial",{size:[2],showLabel:[4,"show-label"],value:[2]}]]],["p-069555a1",[[1,"wcs-radio-group",{value:[8],name:[520],mode:[513]},[[0,"wcsRadioClick","selectedOptionChanged"]]]]],["p-8bb19e58",[[1,"wcs-switch",{name:[1],checked:[516],labelAlignment:[513,"label-alignment"],disabled:[4]}]]],["p-64dd7356",[[1,"wcs-tab",{header:[513],itemKey:[8,"item-key"]}]]],["p-07b8cd36",[[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-4a9f8e94",[[1,"wcs-tooltip",{for:[1],position:[513],interactive:[4],maxWidth:[8,"max-width"],delay:[2],duration:[2],trigger:[1],theme:[1],content:[1],appendTo:[1,"append-to"],hide:[64],show:[64],disable:[64],enable:[64]}]]],["p-9d798de4",[[1,"wcs-progress-bar",{small:[4],showLabel:[4,"show-label"],value:[2]}]]],["p-9157466f",[[1,"wcs-radio",{mode:[513],value:[1544],label:[1537],checked:[1540],disabled:[1028]},[[0,"keydown","onKeyDown"]]]]],["p-7d7472e2",[[1,"wcs-checkbox",{name:[1],indeterminate:[1540],checked:[1540],labelAlignment:[1537,"label-alignment"],disabled:[4]}]]],["p-2920b759",[[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-d218509e",[[1,"wcs-error"],[1,"wcs-form-field",{isError:[1540,"is-error"],hasPrefix:[32],hasSuffix:[32],spiedElement:[32]}]]],["p-504fb24e",[[17,"wcs-button",{type:[1025],href:[1],disabled:[516],ripple:[4],shape:[513],mode:[513],loading:[1028]},[[0,"click","onClick"]]]]],["p-e86c6cbb",[[1,"wcs-mat-icon",{icon:[1],size:[1],family:[1]}]]],["p-9910fedd",[[1,"wcs-spinner",{mode:[513]}]]]],e)));
+import{p as e,b as n}from"./p-a2df3a49.js";export{s as setNonce}from"./p-a2df3a49.js";const o=()=>{const n=import.meta.url;const o={};if(n!==""){o.resourcesUrl=new URL(".",n).href}return e(o)};o().then((e=>n([["p-9ecdeaf9",[[1,"wcs-editable-field",{type:[1],label:[1],readonly:[4],value:[1032],validateFn:[16],formatFn:[16],errorMsg:[1,"error-msg"],size:[513],currentState:[32],isError:[32]},[[8,"click","onWindowClickEvent"]]]]],["p-d6b3f742",[[1,"wcs-horizontal-stepper",{currentStep:[1026,"current-step"],steps:[16],mode:[1],checkOnComplete:[4,"check-on-complete"],internalCurrentStep:[32],previous:[64],next:[64]}]]],["p-a24fa4f4",[[1,"wcs-counter",{size:[513],label:[1],min:[1026],max:[1026],step:[1026],value:[1026],currentValue:[32],displayedValue:[32]}]]],["p-bcb8b731",[[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-463667c9",[[1,"wcs-grid-pagination",{availablePageSizes:[16],currentPage:[2,"current-page"],pageSize:[2,"page-size"],itemsCount:[2,"items-count"],pageCount:[2,"page-count"]}]]],["p-94d95b99",[[4,"wcs-modal",{withoutBackdrop:[516,"without-backdrop"],show:[516],showCloseButton:[516,"show-close-button"],size:[1],hideActions:[516,"hide-actions"]},[[4,"keydown","onKeyDown"]]]]],["p-732b2faa",[[1,"wcs-dropdown",{noArrow:[4,"no-arrow"],mode:[1],shape:[1],disabled:[4],placement:[1],expanded:[32]},[[8,"click","onWindowClickEvent"],[0,"wcsDropdownItemClick","dropdownItemClick"],[0,"keydown","onKeyDown"]]]]],["p-966a241e",[[1,"wcs-galactic-menu",{text:[1],showPopoverMenu:[32]},[[8,"click","onWindowClickEvent"]]]]],["p-d2da0c9f",[[17,"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],size:[513],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],type:[1],value:[1032],hasFocus:[32],passwordReveal:[32],setFocus:[64],setBlur:[64],getInputElement:[64]}]]],["p-26c4c983",[[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],resize:[513],hasFocus:[32],fitContent:[64],setFocus:[64],setBlur:[64],getInputElement:[64]}]]],["p-b6160b7c",[[1,"wcs-accordion",{hideActionText:[516,"hide-action-text"],highlight:[516],groupContentWithHeader:[516,"group-content-with-header"]},[[0,"wcsOpenChange","wcsOpenChangeHandler"]]]]],["p-cdd172b4",[[1,"wcs-accordion-content"]]],["p-8d57835f",[[1,"wcs-accordion-header"]]],["p-810aff71",[[1,"wcs-accordion-panel",{open:[1540],hideActionText:[516,"hide-action-text"],highlight:[516],groupContentWithHeader:[516,"group-content-with-header"],close:[64]}]]],["p-fc3f5b53",[[1,"wcs-action-bar",{gutter:[4],hasTabs:[32]}]]],["p-31a8d23f",[[1,"wcs-app"]]],["p-02b95dbf",[[1,"wcs-badge",{shape:[1],color:[1]}]]],["p-d084dd61",[[1,"wcs-card",{mode:[1537]}]]],["p-7a3f70da",[[1,"wcs-card-body"]]],["p-f386bb8b",[[1,"wcs-com-nav",{appName:[1,"app-name"],mobileMenuOpen:[32],currentActiveSizing:[32]},[[0,"wcsClickOnFinalAction","onClickOnFinalAction"],[0,"wcsCategoryItemClicked","onClickOnFinalActionCat"]]]]],["p-f82e7a61",[[1,"wcs-com-nav-category",{label:[1],categoryOpen:[32],close:[64],open:[64]},[[8,"click","onWindowClickEvent"],[8,"wcsCategoryOpened","onSubmenuOpened"]]]]],["p-b6cd196d",[[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"],[8,"keydown","onEscapeKeyDown"],[0,"wcsCategoryItemClicked","wcsCategoryItemClickedHandler"]]]]],["p-17630eea",[[1,"wcs-divider"]]],["p-91b3e4b5",[[1,"wcs-dropdown-divider"]]],["p-269d244c",[[1,"wcs-dropdown-header"]]],["p-4b4d53e2",[[4,"wcs-dropdown-item",null,[[1,"mousedown","onMouseDown"],[0,"keydown","onKeyDown"]]]]],["p-d3f1cafe",[[1,"wcs-field"]]],["p-257b15b9",[[1,"wcs-field-content"]]],["p-cc03627c",[[1,"wcs-field-label"]]],["p-1e43122f",[[1,"wcs-footer"]]],["p-ee453b6e",[[1,"wcs-galactic",{text:[1],show:[32]}]]],["p-627bbb6a",[[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-30d8f9c3",[[1,"wcs-grid-custom-cell",{columnId:[1,"column-id"],rowId:[8,"row-id"]}]]],["p-47d8ece5",[[1,"wcs-header"]]],["p-50dce764",[[1,"wcs-hint",{small:[1540]}]]],["p-c7494651",[[0,"wcs-icon",{icon:[1],size:[1]}]]],["p-54e29233",[[1,"wcs-label",{required:[516]}]]],["p-0ede0c37",[[1,"wcs-list-item",{activated:[1028]}]]],["p-ff9967eb",[[1,"wcs-list-item-properties"]]],["p-747a5962",[[1,"wcs-list-item-property"]]],["p-029eb12a",[[1,"wcs-native-select",{size:[513],expanded:[32],disabled:[32]}]]],["p-429bd9fb",[[1,"wcs-nav"]]],["p-554ca93c",[[4,"wcs-nav-item",{text:[513],href:[513]},[[0,"keydown","onKeyDown"]]]]],["p-d5a0e271",[[1,"wcs-progress-radial",{size:[2],showLabel:[4,"show-label"],value:[2]}]]],["p-069555a1",[[1,"wcs-radio-group",{value:[8],name:[520],mode:[513]},[[0,"wcsRadioClick","selectedOptionChanged"]]]]],["p-a5cd4c07",[[1,"wcs-switch",{name:[1],checked:[516],labelAlignment:[513,"label-alignment"],disabled:[4]}]]],["p-64dd7356",[[1,"wcs-tab",{header:[513],itemKey:[8,"item-key"]}]]],["p-07b8cd36",[[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-4a9f8e94",[[1,"wcs-tooltip",{for:[1],position:[513],interactive:[4],maxWidth:[8,"max-width"],delay:[2],duration:[2],trigger:[1],theme:[1],content:[1],appendTo:[1,"append-to"],hide:[64],show:[64],disable:[64],enable:[64]}]]],["p-9d798de4",[[1,"wcs-progress-bar",{small:[4],showLabel:[4,"show-label"],value:[2]}]]],["p-b856f2f6",[[1,"wcs-radio",{mode:[513],value:[1544],label:[1537],checked:[1540],disabled:[1028]},[[0,"keydown","onKeyDown"]]]]],["p-26e7de5c",[[4,"wcs-select-option",{disabled:[1540],selected:[1540],value:[8],chipColor:[1,"chip-color"],chipBackgroundColor:[1,"chip-background-color"],multiple:[1540]},[[1,"mousedown","onMouseDown"],[0,"keydown","handleKeydown"]]],[1,"wcs-select",{size:[513],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,"keydown","onKeyDown"],[0,"wcsSelectOptionClick","selectedOptionChanged"]]]]],["p-4b2d8a6d",[[1,"wcs-error"],[1,"wcs-form-field",{isError:[1540,"is-error"],hasPrefix:[32],hasSuffix:[32],spiedElement:[32]}]]],["p-6acbf38a",[[1,"wcs-checkbox",{name:[1],indeterminate:[1540],checked:[1540],labelAlignment:[1537,"label-alignment"],disabled:[4]}]]],["p-b229a91c",[[17,"wcs-button",{type:[1025],href:[1],target:[1],disabled:[516],ripple:[4],size:[513],shape:[513],mode:[513],loading:[1028]},[[0,"click","onClick"]]]]],["p-e86c6cbb",[[1,"wcs-mat-icon",{icon:[1],size:[1],family:[1]}]]],["p-9910fedd",[[1,"wcs-spinner",{mode:[513]}]]]],e)));
 //# sourceMappingURL=wcs.esm.js.map

package/dist/wcs/wcs.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","import","meta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","type","label","readonly","value","validateFn","formatFn","errorMsg","currentState","isError","currentStep","steps","mode","checkOnComplete","buttonMode","internalCurrentStep","previous","next","serverMode","data","loading","selectionConfig","selectedItems","wcsGridPaginationId","rowIdPath","columns","paginationEl","rows","availablePageSizes","currentPage","pageSize","itemsCount","pageCount","withoutBackdrop","show","showCloseButton","size","hideActions","noArrow","shape","disabled","placement","expanded","text","showPopoverMenu","fireFocusEvents","accept","autocapitalize","autocomplete","autocorrect","autofocus","clearInput","clearOnEdit","debounce","prefixLabel","suffixLabel","enterkeyhint","icon","inputmode","max","maxlength","min","minlength","multiple","name","pattern","placeholder","required","spellcheck","state","step","hasFocus","passwordReveal","setFocus","setBlur","getInputElement","cols","wrap","autoGrow","fitContent","hideActionText","highlight","groupContentWithHeader","open","close","gutter","hasTabs","color","appName","mobileMenuOpen","currentActiveSizing","categoryOpen","panelTitle","panelDescription","menuOpen","path","sort","sortFn","formatter","sortOrder","width","customCells","hidden","columnId","rowId","small","activated","showLabel","checked","labelAlignment","header","itemKey","align","selectedIndex","selectedKey","headersOnly","headers","currentActiveTabIndex","for","position","interactive","maxWidth","delay","duration","trigger","theme","content","appendTo","hide","disable","enable","indeterminate","selected","chipColor","chipBackgroundColor","chips","compareWith","hasLoaded","displayText","focused","overlayDirection","hasPrefix","hasSuffix","spiedElement","ripple","family"],"sources":["./node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.0.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = \n    // TODO(STENCIL-661): Remove code related to the dynamic import shim\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            var _a;\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                // Apply CSP nonce to the script tag if it exists\n                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                if (nonce != null) {\n                    script.setAttribute('nonce', nonce);\n                }\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"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"}
+{"version":3,"names":["patchBrowser","importMeta","import","meta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","type","label","readonly","value","validateFn","formatFn","errorMsg","size","currentState","isError","currentStep","steps","mode","checkOnComplete","internalCurrentStep","previous","next","min","max","step","currentValue","displayedValue","serverMode","data","loading","selectionConfig","selectedItems","wcsGridPaginationId","rowIdPath","columns","paginationEl","rows","availablePageSizes","currentPage","pageSize","itemsCount","pageCount","withoutBackdrop","show","showCloseButton","hideActions","noArrow","shape","disabled","placement","expanded","text","showPopoverMenu","fireFocusEvents","accept","autocapitalize","autocomplete","autocorrect","autofocus","clearInput","clearOnEdit","debounce","prefixLabel","suffixLabel","enterkeyhint","icon","inputmode","maxlength","minlength","multiple","name","pattern","placeholder","required","spellcheck","state","hasFocus","passwordReveal","setFocus","setBlur","getInputElement","cols","wrap","autoGrow","resize","fitContent","hideActionText","highlight","groupContentWithHeader","open","close","gutter","hasTabs","color","appName","mobileMenuOpen","currentActiveSizing","categoryOpen","panelTitle","panelDescription","menuOpen","path","sort","sortFn","formatter","sortOrder","width","customCells","hidden","columnId","rowId","small","activated","showLabel","checked","labelAlignment","header","itemKey","align","selectedIndex","selectedKey","headersOnly","headers","currentActiveTabIndex","for","position","interactive","maxWidth","delay","duration","trigger","theme","content","appendTo","hide","disable","enable","selected","chipColor","chipBackgroundColor","chips","compareWith","hasLoaded","displayText","focused","overlayDirection","hasPrefix","hasSuffix","spiedElement","indeterminate","target","ripple","family"],"sources":["./node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.0.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = \n    // TODO(STENCIL-661): Remove code related to the dynamic import shim\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            var _a;\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                // Apply CSP nonce to the script tag if it exists\n                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                if (nonce != null) {\n                    script.setAttribute('nonce', nonce);\n                }\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"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"}

package/package.json

@@ -1,12 +1,12 @@
 {
     "name": "wcs-core",
-    "version": "3.0.0",
+    "version": "4.0.1",
     "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/index.d.ts",
     "collection": "dist/collection/collection-manifest.json",
     "collection:main": "dist/collection/index.js",
     "unpkg": "dist/wcs/wcs.js",
@@ -17,11 +17,13 @@
     "scripts": {
         "build:stencil": "stencil build",
         "generate-custom-element-manifest": "cd src && custom-elements-manifest analyze --stencil --outdir ../",
-        "build": "stencil build && npm run generate-custom-element-manifest && npm run build-storybook",
+        "generate-docs-json": "stencil build --docs-json ./stories/documentation/generated/docs.json",
+        "build": "stencil build && npm run generate-custom-element-manifest && npm run generate-docs-json && 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",
+        "test:e2e": "stencil test --e2e",
         "update-version": "node scripts/update-version.js",
         "update-develop": "node scripts/update-develop-from-master.js",
         "storybook": "storybook dev -p 6006",
@@ -30,19 +32,22 @@
     "devDependencies": {
         "@babel/preset-env": "^7.20.2",
         "@babel/preset-typescript": "^7.18.6",
-        "@custom-elements-manifest/analyzer": "^0.5.7",
+        "@custom-elements-manifest/analyzer": "^0.8.3",
         "@ionic/eslint-config": "^0.3.0",
         "@material/ripple": "13.0.0",
         "@stencil/angular-output-target": "0.5.0",
         "@stencil/core": "3.0.0",
         "@stencil/sass": "2.0.3",
-        "@storybook/addon-actions": "^7.0.0-beta.46",
-        "@storybook/addon-docs": "^7.0.0-beta.46",
-        "@storybook/addon-essentials": "^7.0.0-beta.46",
-        "@storybook/addon-links": "^7.0.0-beta.46",
-        "@storybook/blocks": "^7.0.0-beta.46",
-        "@storybook/web-components": "^7.0.0-beta.46",
-        "@storybook/web-components-webpack5": "^7.0.0-beta.46",
+        "@storybook/addon-a11y": "^7.0.24",
+        "@storybook/addon-actions": "^7.0.24",
+        "@storybook/addon-docs": "^7.0.24",
+        "@storybook/addon-essentials": "^7.0.24",
+        "@storybook/addon-links": "^7.0.24",
+        "@storybook/addons": "^7.0.24",
+        "@storybook/blocks": "^7.0.24",
+        "@storybook/theming": "^7.0.24",
+        "@storybook/web-components": "^7.0.24",
+        "@storybook/web-components-webpack5": "^7.0.24",
         "@types/dom-inputevent": "^1.0.5",
         "@types/glob": "^7.1.3",
         "@types/jest": "^27.4.1",
@@ -63,7 +68,7 @@
         "react-dom": "^18.2.0",
         "rollup": "^2.23.0",
         "rollup-plugin-typescript": "^1.0.1",
-        "storybook": "^7.0.0-beta.46",
+        "storybook": "^7.0.24",
         "tslib": "2.5.0",
         "typescript": "4.9.5",
         "webpack-watch-files-plugin": "^1.2.0"

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

@@ -1 +0,0 @@
-{"file":"grid-pagination-ff65e0ff.js","mappings":"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","names":["h","Host"],"sources":["./src/components/grid-pagination/grid-pagination-arrow.tsx","./src/components/grid-pagination/grid-pagination.scss?tag=wcs-grid-pagination&encapsulation=shadow","./src/components/grid-pagination/grid-pagination.tsx"],"sourcesContent":["import { FunctionalComponent, h } from '@stencil/core';\n\ninterface GridPaginationArrowProps {\n    active: boolean;\n    order: 'next' | 'previous';\n    double?: boolean;\n}\n\nexport const GridPaginationArrow: FunctionalComponent<GridPaginationArrowProps> = ({ active, order, double = false }) => (\n    <svg style={{ marginLeft: 'auto', cursor: 'pointer' }} 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'} 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);\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}\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.pagination-arrow {\n    display: flex;\n}\n","import {\n    Component,\n    ComponentInterface, Element,\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@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    @Element() el!: HTMLWcsGridPaginationElement;\n    @Prop() availablePageSizes: number[] = [10, 20, 50];\n    @Prop() currentPage: number = GridPagination.INDEX_FIRST_PAGE;\n    @Prop() pageSize: number = this.availablePageSizes[0];\n    @Prop() itemsCount: number = 0;\n    @Prop() pageCount: number = 1;\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\" class=\"available-page-sizes\" value={this.pageSize} 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>&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                <div class=\"page-management\">\n                    <span class=\"pagination-arrow\" onClick={this.firstPage.bind(this)}>\n                        <GridPaginationArrow active={this.canGoToPreviousPage()} order=\"previous\" double></GridPaginationArrow>\n                    </span>\n                    <span class=\"pagination-arrow\" onClick={this.previousPage.bind(this)}>\n                        <GridPaginationArrow active={this.canGoToPreviousPage()} order=\"previous\"></GridPaginationArrow>\n                    </span>\n\n                    <span>{this.currentPage + 1} / {this.pageCount}</span>\n\n                    <span class=\"pagination-arrow\" onClick={this.nextPage.bind(this)}>\n                        <GridPaginationArrow active={this.canGoToNextPage()} order=\"next\"></GridPaginationArrow>\n                    </span>\n                    <span class=\"pagination-arrow\" onClick={this.lastPage.bind(this)}>\n                        <GridPaginationArrow active={this.canGoToNextPage()} order=\"next\" double></GridPaginationArrow>\n                    </span>\n                </div>\n            </div>\n        </Host>)\n    }\n}\n"],"version":3}

package/dist/cjs/helpers-11518d4f.js.map

@@ -1 +0,0 @@
-{"file":"helpers-11518d4f.js","mappings":"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","names":[],"sources":["./src/utils/helpers.ts"],"sourcesContent":["import { EventEmitter } from '@stencil/core';\n\nexport function isElement(element: any): element is Element {\n    return 'clientWidth' in element\n        && 'clientHeight' in element;\n}\n\nexport function hasShadowDom(el: HTMLElement) {\n    return !!el.shadowRoot && !!(el as any).attachShadow;\n}\n\nexport const debounceEvent = (event: EventEmitter, wait: number): EventEmitter => {\n    const original = (event as any)._original || event;\n    return {\n        _original: event,\n        emit: debounce(original.emit.bind(original), wait)\n    } as EventEmitter;\n};\n\nexport const debounce = (func: (...args: any[]) => void, wait = 0) => {\n    let timer: any;\n    return (...args: any[]): any => {\n        clearTimeout(timer);\n        timer = setTimeout(func, wait, ...args);\n    };\n};\n\n/**\n * Elements inside of web components sometimes need to inherit global attributes\n * set on the host. For example, the inner input in `wcs-input` should inherit\n * the `title` attribute that developers set directly on `ion-input`. This\n * helper function should be called in componentWillLoad and assigned to a variable\n * that is later used in the render function.\n *\n * This does not need to be reactive as changing attributes on the host element\n * does not trigger a re-render.\n */\nexport const inheritAttributes = (el: HTMLElement, attributes: string[] = []) => {\n    const attributeObject: { [k: string]: any } = {};\n\n    attributes.forEach(attr => {\n        if (el.hasAttribute(attr)) {\n            const value = el.getAttribute(attr);\n            if (value !== null) {\n                attributeObject[attr] = el.getAttribute(attr);\n            }\n            el.removeAttribute(attr);\n        }\n    });\n\n    return attributeObject;\n}\n\nexport const findItemLabel = (componentEl: HTMLElement): HTMLWcsLabelElement | null => {\n    const itemEl = componentEl.closest('wcs-form-field');\n    if (itemEl) {\n        return itemEl.querySelector('wcs-label');\n    }\n    return null;\n};\n\ndeclare const __zone_symbol__requestAnimationFrame: any;\n\n/**\n * Patched version of requestAnimationFrame that avoids ngzone\n * Use only when you know ngzone should not run\n */\nexport const raf = (h: any) => {\n    if (typeof __zone_symbol__requestAnimationFrame === 'function') {\n        return __zone_symbol__requestAnimationFrame(h);\n    }\n    if (typeof requestAnimationFrame === 'function') {\n        return requestAnimationFrame(h);\n    }\n    return setTimeout(h);\n};\n\n/**\n * Return true if the mouseEvent click is inside the given HTML element\n */\nexport const clickInsideElement = (event: MouseEvent, element: HTMLElement): boolean => {\n    return event.x >= element.getBoundingClientRect().x && event.x <= element.getBoundingClientRect().x + element.getBoundingClientRect().width\n        && event.y >= element.getBoundingClientRect().y && event.y <= element.getBoundingClientRect().y + element.getBoundingClientRect().height;\n}\n\n\nexport const clickTargetIsElementOrChildren = (mouseEvent: MouseEvent, element: HTMLElement) => {\n    return mouseEvent.target instanceof Node\n        && element.contains(mouseEvent.target);\n}\n\n\nexport function isKeyup(evt: KeyboardEvent) {\n    return evt.code === 'ArrowUp';\n}\n\nexport function isKeydown(evt: KeyboardEvent) {\n    return evt.code === 'ArrowDown';\n}\n\nexport function isEscapeKey(evt: KeyboardEvent) {\n    return evt.code === 'Escape';\n}\n\nexport function isSpaceKey(evt: KeyboardEvent) {\n    return evt.code === 'Space';\n}\n\nexport function isEnterKey(evt: KeyboardEvent) {\n    return evt.key === 'Enter';\n}\n"],"version":3}

package/dist/esm/grid-pagination-62f9fbbc.js.map

@@ -1 +0,0 @@
-{"file":"grid-pagination-62f9fbbc.js","mappings":"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","names":[],"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\nexport const GridPaginationArrow: FunctionalComponent<GridPaginationArrowProps> = ({ active, order, double = false }) => (\n    <svg style={{ marginLeft: 'auto', cursor: 'pointer' }} 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'} 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);\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}\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.pagination-arrow {\n    display: flex;\n}\n","import {\n    Component,\n    ComponentInterface, Element,\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@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    @Element() el!: HTMLWcsGridPaginationElement;\n    @Prop() availablePageSizes: number[] = [10, 20, 50];\n    @Prop() currentPage: number = GridPagination.INDEX_FIRST_PAGE;\n    @Prop() pageSize: number = this.availablePageSizes[0];\n    @Prop() itemsCount: number = 0;\n    @Prop() pageCount: number = 1;\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\" class=\"available-page-sizes\" value={this.pageSize} 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>&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                <div class=\"page-management\">\n                    <span class=\"pagination-arrow\" onClick={this.firstPage.bind(this)}>\n                        <GridPaginationArrow active={this.canGoToPreviousPage()} order=\"previous\" double></GridPaginationArrow>\n                    </span>\n                    <span class=\"pagination-arrow\" onClick={this.previousPage.bind(this)}>\n                        <GridPaginationArrow active={this.canGoToPreviousPage()} order=\"previous\"></GridPaginationArrow>\n                    </span>\n\n                    <span>{this.currentPage + 1} / {this.pageCount}</span>\n\n                    <span class=\"pagination-arrow\" onClick={this.nextPage.bind(this)}>\n                        <GridPaginationArrow active={this.canGoToNextPage()} order=\"next\"></GridPaginationArrow>\n                    </span>\n                    <span class=\"pagination-arrow\" onClick={this.lastPage.bind(this)}>\n                        <GridPaginationArrow active={this.canGoToNextPage()} order=\"next\" double></GridPaginationArrow>\n                    </span>\n                </div>\n            </div>\n        </Host>)\n    }\n}\n"],"version":3}

package/dist/esm/helpers-e9b73aad.js.map

@@ -1 +0,0 @@
-{"file":"helpers-e9b73aad.js","mappings":"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","names":[],"sources":["./src/utils/helpers.ts"],"sourcesContent":["import { EventEmitter } from '@stencil/core';\n\nexport function isElement(element: any): element is Element {\n    return 'clientWidth' in element\n        && 'clientHeight' in element;\n}\n\nexport function hasShadowDom(el: HTMLElement) {\n    return !!el.shadowRoot && !!(el as any).attachShadow;\n}\n\nexport const debounceEvent = (event: EventEmitter, wait: number): EventEmitter => {\n    const original = (event as any)._original || event;\n    return {\n        _original: event,\n        emit: debounce(original.emit.bind(original), wait)\n    } as EventEmitter;\n};\n\nexport const debounce = (func: (...args: any[]) => void, wait = 0) => {\n    let timer: any;\n    return (...args: any[]): any => {\n        clearTimeout(timer);\n        timer = setTimeout(func, wait, ...args);\n    };\n};\n\n/**\n * Elements inside of web components sometimes need to inherit global attributes\n * set on the host. For example, the inner input in `wcs-input` should inherit\n * the `title` attribute that developers set directly on `ion-input`. This\n * helper function should be called in componentWillLoad and assigned to a variable\n * that is later used in the render function.\n *\n * This does not need to be reactive as changing attributes on the host element\n * does not trigger a re-render.\n */\nexport const inheritAttributes = (el: HTMLElement, attributes: string[] = []) => {\n    const attributeObject: { [k: string]: any } = {};\n\n    attributes.forEach(attr => {\n        if (el.hasAttribute(attr)) {\n            const value = el.getAttribute(attr);\n            if (value !== null) {\n                attributeObject[attr] = el.getAttribute(attr);\n            }\n            el.removeAttribute(attr);\n        }\n    });\n\n    return attributeObject;\n}\n\nexport const findItemLabel = (componentEl: HTMLElement): HTMLWcsLabelElement | null => {\n    const itemEl = componentEl.closest('wcs-form-field');\n    if (itemEl) {\n        return itemEl.querySelector('wcs-label');\n    }\n    return null;\n};\n\ndeclare const __zone_symbol__requestAnimationFrame: any;\n\n/**\n * Patched version of requestAnimationFrame that avoids ngzone\n * Use only when you know ngzone should not run\n */\nexport const raf = (h: any) => {\n    if (typeof __zone_symbol__requestAnimationFrame === 'function') {\n        return __zone_symbol__requestAnimationFrame(h);\n    }\n    if (typeof requestAnimationFrame === 'function') {\n        return requestAnimationFrame(h);\n    }\n    return setTimeout(h);\n};\n\n/**\n * Return true if the mouseEvent click is inside the given HTML element\n */\nexport const clickInsideElement = (event: MouseEvent, element: HTMLElement): boolean => {\n    return event.x >= element.getBoundingClientRect().x && event.x <= element.getBoundingClientRect().x + element.getBoundingClientRect().width\n        && event.y >= element.getBoundingClientRect().y && event.y <= element.getBoundingClientRect().y + element.getBoundingClientRect().height;\n}\n\n\nexport const clickTargetIsElementOrChildren = (mouseEvent: MouseEvent, element: HTMLElement) => {\n    return mouseEvent.target instanceof Node\n        && element.contains(mouseEvent.target);\n}\n\n\nexport function isKeyup(evt: KeyboardEvent) {\n    return evt.code === 'ArrowUp';\n}\n\nexport function isKeydown(evt: KeyboardEvent) {\n    return evt.code === 'ArrowDown';\n}\n\nexport function isEscapeKey(evt: KeyboardEvent) {\n    return evt.code === 'Escape';\n}\n\nexport function isSpaceKey(evt: KeyboardEvent) {\n    return evt.code === 'Space';\n}\n\nexport function isEnterKey(evt: KeyboardEvent) {\n    return evt.key === 'Enter';\n}\n"],"version":3}

package/dist/wcs/p-111ae1af.entry.js

@@ -1,2 +0,0 @@
-import{r as L,h as M,H as w,g as j}from"./p-a2df3a49.js";const s=":host{display:block;background-color:var(--wcs-gray)}.container{height:32px;align-items:center;justify-content:space-between;color:var(--wcs-white);font-size:14px;display:flex;max-width:var(--wcs-com-content-max-width);margin:0 auto}.container #sncf-logo{height:32px;margin-right:20px}.container .container-left{display:flex;align-items:center}";const u=class{constructor(M){L(this,M);this.text=undefined;this.show=false}render(){return M(w,null,M("div",{class:"container"},M("div",{class:"container-left"},M("img",{src:i,id:"sncf-logo",alt:"Logo SNCF"}),M("span",null,this.text)),M("div",{class:"menu"},M("slot",null))))}get el(){return j(this)}};const i="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVy"+"c2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5"+"rIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHX0dSQURJRU5UIiBncmFkaW"+"VudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAiIHkxPSIxNiIgeDI9IjMxLjk1OTMiIHkyPSIxNiI+DQoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0e"+"WxlPSJzdG9wLWNvbG9yOiM4MzJGNzAiLz4NCgkJPHN0b3AgIG9mZnNldD0iMC4yNDcyIiBzdHlsZT0ic3RvcC1jb2xvcjojQUMyODdDIi8+DQoJCTxz"+"dG9wICBvZmZzZXQ9IjAuODE0NiIgc3R5bGU9InN0b3AtY29sb3I6I0RGMjUzMCIvPg0KCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2x"+"vcjojREYyNTMwIi8+DQoJPC9saW5lYXJHcmFkaWVudD4NCgk8cGF0aCBmaWxsPSJ1cmwoI1NWR19HUkFESUVOVCkiIGQ9Ik0wLjYsNy43QzAuMiw3Lj"+"csMCw3LjgsMCw4LjJ2MTUuN2MwLDAuMywwLjIsMC41LDAuNSwwLjVoMjhjMC4zLDAsMC41LDAsMC42LTAuNGMwLDAsMi44LTguOSwyLjktOSBjMC4xL"+"TAuMywwLTAuNS0wLjMtMC43QzIyLjYsOC41LDguOSw3LjYsMi44LDcuNkMxLjksNy42LDEuMSw3LjYsMC42LDcuN3oiLz4NCgk8cGF0aCBmaWxsPSIj"+"RkZGRkZGIiBkPSJNNi40LDE3LjdjLTEtMC41LTEuNy0wLjgtMS42LTEuM0M1LDE1LjgsNi4xLDE1LjYsNywxNS42YzAuNSwwLDAuOCwwLjEsMS4yLDA"+"uMmwwLjMtMS4xIGMtMC41LTAuMS0wLjgtMC4xLTEuNC0wLjFjLTEuOSwwLTMuNiwwLjUtNCwxLjZjLTAuNSwxLjMsMC45LDIsMi4yLDIuNmMxLDAuNS"+"wxLjgsMC45LDEuNSwxLjVjLTAuMiwwLjUtMC45LDAuNy0yLDAuNyBjLTAuOSwwLTItMC4zLTIuOS0wLjdsLTAuNSwxLjFjMC42LDAuMywyLDAuNywzL"+"jEsMC43YzIuMSwwLDMuNS0wLjUsNC4xLTEuN0M5LjMsMTkuMSw3LjcsMTguMyw2LjQsMTcuN3oiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJN"+"OS4zLDE5LjZDOS4zLDE5LjcsOS4zLDE5LjcsOS4zLDE5LjZjMC4xLDAsMC4xLDAsMC4xLDBjMCwwLDEtMy4yLDEtMy4yYzEuMSwxLjUsMi4xLDMuNSw"+"yLjcsNS42aDEuNyBsMC45LTIuN2MwLDAsMCwwLDAuMSwwYzAsMCwwLDAsMC4xLDBjMC4zLDEuNywxLjksMi44LDQuMywyLjhjMS41LDAsMi45LTAuNC"+"wzLjItMC42bDAuOS0yLjhoMy40bDAuMy0xLjFoLTMuNGwwLjYtMS44aDQuMSBsMC40LTEuMWgtNS43bC0xLjksNi4xYy0wLjQsMC4xLTAuOSwwLjItM"+"S41LDAuMmMtMS4xLDAtMi4xLTAuMy0yLjYtMC45Yy0wLjQtMC41LTAuNS0xLTAuNC0xLjdjMC4yLTEuNiwxLjgtMi42LDMuOC0yLjYgYzAuNCwwLDAu"+"OSwwLDEuMywwLjFsMC40LTEuMmMtMC41LTAuMS0xLjEtMC4xLTEuNy0wLjFjLTEuOCwwLTMuNCwwLjYtNC40LDEuN2MwLDAtMC4xLDAtMC4xLDBjMCw"+"wLTAuMSwwLDAsMGwwLjUtMS42aC0xLjUgTDE0LDE5LjhjLTAuNS0xLjUtMS42LTMuNS0yLjktNS4xSDkuNWwtMS4yLDMuN0M4LjksMTguOCw5LjEsMT"+"kuMiw5LjMsMTkuNnoiLz4NCjwvc3ZnPg0K";u.style=s;export{u as wcs_galactic};
-//# sourceMappingURL=p-111ae1af.entry.js.map

package/dist/wcs/p-111ae1af.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["galacticCss","Galactic","render","h","Host","class","src","SNCF_BASE64_SVG_LOGO","id","alt","this","text"],"sources":["./src/components/galactic/galactic.scss?tag=wcs-galactic&encapsulation=shadow","./src/components/galactic/galactic.tsx"],"sourcesContent":["\n:host {\n    display: block;\n    background-color: var(--wcs-gray);\n}\n\n.container {\n    height: 32px;\n    align-items: center;\n    justify-content: space-between;\n    color: var(--wcs-white);\n    font-size: 14px;\n    display: flex;\n    max-width: var(--wcs-com-content-max-width);\n    margin: 0 auto;\n\n    #sncf-logo {\n        height: 32px;\n        margin-right: 20px;\n    }\n\n    .container-left {\n        display: flex;\n        align-items: center;\n    }\n}\n\n","import { Component, ComponentInterface, Host, h, Prop, Element, State } from '@stencil/core';\n\n@Component({\n    tag: 'wcs-galactic',\n    styleUrl: 'galactic.scss',\n    shadow: true\n})\nexport class Galactic implements ComponentInterface {\n    @Element() el: HTMLWcsGalacticElement;\n    /** Text to display in the bar */\n    @Prop() text: string;\n    @State() show: boolean = false;\n\n\n    render(): any {\n        return (<Host>\n                <div class=\"container\">\n                    <div class=\"container-left\">\n                        <img\n                            src={SNCF_BASE64_SVG_LOGO}\n                            id=\"sncf-logo\"\n                            alt=\"Logo SNCF\"/>\n                        <span>{this.text}</span>\n                    </div>\n                    <div class=\"menu\">\n                        <slot/>\n                    </div>\n                </div>\n            </Host>\n        );\n    }\n}\n\n\nconst SNCF_BASE64_SVG_LOGO = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVy' +\n    'c2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5' +\n    'rIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHX0dSQURJRU5UIiBncmFkaW' +\n    'VudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAiIHkxPSIxNiIgeDI9IjMxLjk1OTMiIHkyPSIxNiI+DQoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0e' +\n    'WxlPSJzdG9wLWNvbG9yOiM4MzJGNzAiLz4NCgkJPHN0b3AgIG9mZnNldD0iMC4yNDcyIiBzdHlsZT0ic3RvcC1jb2xvcjojQUMyODdDIi8+DQoJCTxz' +\n    'dG9wICBvZmZzZXQ9IjAuODE0NiIgc3R5bGU9InN0b3AtY29sb3I6I0RGMjUzMCIvPg0KCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2x' +\n    'vcjojREYyNTMwIi8+DQoJPC9saW5lYXJHcmFkaWVudD4NCgk8cGF0aCBmaWxsPSJ1cmwoI1NWR19HUkFESUVOVCkiIGQ9Ik0wLjYsNy43QzAuMiw3Lj' +\n    'csMCw3LjgsMCw4LjJ2MTUuN2MwLDAuMywwLjIsMC41LDAuNSwwLjVoMjhjMC4zLDAsMC41LDAsMC42LTAuNGMwLDAsMi44LTguOSwyLjktOSBjMC4xL' +\n    'TAuMywwLTAuNS0wLjMtMC43QzIyLjYsOC41LDguOSw3LjYsMi44LDcuNkMxLjksNy42LDEuMSw3LjYsMC42LDcuN3oiLz4NCgk8cGF0aCBmaWxsPSIj' +\n    'RkZGRkZGIiBkPSJNNi40LDE3LjdjLTEtMC41LTEuNy0wLjgtMS42LTEuM0M1LDE1LjgsNi4xLDE1LjYsNywxNS42YzAuNSwwLDAuOCwwLjEsMS4yLDA' +\n    'uMmwwLjMtMS4xIGMtMC41LTAuMS0wLjgtMC4xLTEuNC0wLjFjLTEuOSwwLTMuNiwwLjUtNCwxLjZjLTAuNSwxLjMsMC45LDIsMi4yLDIuNmMxLDAuNS' +\n    'wxLjgsMC45LDEuNSwxLjVjLTAuMiwwLjUtMC45LDAuNy0yLDAuNyBjLTAuOSwwLTItMC4zLTIuOS0wLjdsLTAuNSwxLjFjMC42LDAuMywyLDAuNywzL' +\n    'jEsMC43YzIuMSwwLDMuNS0wLjUsNC4xLTEuN0M5LjMsMTkuMSw3LjcsMTguMyw2LjQsMTcuN3oiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJN' +\n    'OS4zLDE5LjZDOS4zLDE5LjcsOS4zLDE5LjcsOS4zLDE5LjZjMC4xLDAsMC4xLDAsMC4xLDBjMCwwLDEtMy4yLDEtMy4yYzEuMSwxLjUsMi4xLDMuNSw' +\n    'yLjcsNS42aDEuNyBsMC45LTIuN2MwLDAsMCwwLDAuMSwwYzAsMCwwLDAsMC4xLDBjMC4zLDEuNywxLjksMi44LDQuMywyLjhjMS41LDAsMi45LTAuNC' +\n    'wzLjItMC42bDAuOS0yLjhoMy40bDAuMy0xLjFoLTMuNGwwLjYtMS44aDQuMSBsMC40LTEuMWgtNS43bC0xLjksNi4xYy0wLjQsMC4xLTAuOSwwLjItM' +\n    'S41LDAuMmMtMS4xLDAtMi4xLTAuMy0yLjYtMC45Yy0wLjQtMC41LTAuNS0xLTAuNC0xLjdjMC4yLTEuNiwxLjgtMi42LDMuOC0yLjYgYzAuNCwwLDAu' +\n    'OSwwLDEuMywwLjFsMC40LTEuMmMtMC41LTAuMS0xLjEtMC4xLTEuNy0wLjFjLTEuOCwwLTMuNCwwLjYtNC40LDEuN2MwLDAtMC4xLDAtMC4xLDBjMCw' +\n    'wLTAuMSwwLDAsMGwwLjUtMS42aC0xLjUgTDE0LDE5LjhjLTAuNS0xLjUtMS42LTMuNS0yLjktNS4xSDkuNWwtMS4yLDMuN0M4LjksMTguOCw5LjEsMT' +\n    'kuMiw5LjMsMTkuNnoiLz4NCjwvc3ZnPg0K';\n"],"mappings":"yDAAA,MAAMA,EAAc,2V,MCOPC,EAAQ,M,uDAIQ,K,CAGzBC,SACI,OAAQC,EAACC,EAAI,KACLD,EAAA,OAAKE,MAAM,aACPF,EAAA,OAAKE,MAAM,kBACPF,EAAA,OACIG,IAAKC,EACLC,GAAG,YACHC,IAAI,cACRN,EAAA,YAAOO,KAAKC,OAEhBR,EAAA,OAAKE,MAAM,QACPF,EAAA,e,2BASxB,MAAMI,EAAuB,6FACzB,sHACA,sHACA,sHACA,sHACA,sHACA,sHACA,sHACA,sHACA,sHACA,sHACA,sHACA,sHACA,sHACA,sHACA,sHACA,sHACA,sHACA,sHACA,qC"}

package/dist/wcs/p-14e04d5e.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as s,h as i,H as e,g as a}from"./p-a2df3a49.js";const n=":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(var(--wcs-padding) / 2 - 1px) calc(var(--wcs-padding) - 2px);transition:0.175s all;border:solid 2px 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(var(--wcs-padding) / 2 - 1px) calc(var(--wcs-padding) - 2px);transition:0.175s all;border:solid 2px transparent;align-items:center}:host wcs-spinner{height:24px;width:24px}: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:dashed 2px var(--wcs-primary)}:host(:not([readonly])) .display-container:hover wcs-mat-icon{display:flex;align-items:center}";var r;(function(t){t[t["DISPLAY"]=0]="DISPLAY";t[t["EDIT"]=1]="EDIT";t[t["LOAD"]=2]="LOAD"})(r||(r={}));const h=class{constructor(i){t(this,i);this.wcsChange=s(this,"wcsChange",7);this.ignoreNextChangeEvent=false;this.spiedElement=null;this.currentValue=null;this.currentState=r.DISPLAY;this.type="input";this.label=undefined;this.readonly=false;this.value=undefined;this.validateFn=undefined;this.formatFn=undefined;this.errorMsg=null;this.isError=false}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);break}}initWithInput(t){const s=t.filter((t=>t.tagName==="WCS-INPUT"))[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=>{if(t.key==="Enter"){this.sendCurrentValue()}if(t.key==="Escape"){this.discardChanges()}}))}initWithTextArea(t){const s=t.filter((t=>t.tagName==="WCS-TEXTAREA"))[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=>{if(t.key==="Enter"&&t.ctrlKey){this.sendCurrentValue()}if(t.key==="Escape"){this.discardChanges()}}))}initWithSelect(t){const s=t.filter((t=>t.tagName==="WCS-SELECT"))[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;if(this.validateFn){this.isError=!this.validateFn(this.currentValue)}}))}sendCurrentValue(){if(this.currentState===r.EDIT){if(this.value===this.currentValue){this.currentState=r.DISPLAY}else{this.isError=this.validateFn?!this.validateFn(this.currentValue):false;if(!this.isError){this.currentState=r.LOAD;this.wcsChange.emit({newValue:this.currentValue,successHandler:()=>this.forceDisplayStateAndValidate(),errorhandler:()=>this.errorHandler()})}}}}discardChanges(){this.currentValue=this.value;this.currentState=r.DISPLAY;this.isError=false}forceDisplayStateAndValidate(){if(this.currentState===r.LOAD){this.value=this.currentValue;this.currentState=r.DISPLAY}else{throw new Error("You cannot set display state from "+r[this.currentState]+" state")}}onWindowClickEvent(t){if(!this.clickInsideComponent(t)){if(this.currentState===r.EDIT){if(this.isError){this.discardChanges()}else{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=r.DISPLAY}onDisplayContainerClick(){if(this.currentState===r.DISPLAY&&this.readonly===false){this.currentState=r.EDIT;this.ignoreNextChangeEvent=true;this.spiedElement["value"]=this.currentValue;if(this.validateFn){this.isError=!this.validateFn(this.currentValue)}const t=20;setTimeout((()=>{if(this.type==="input"){this.spiedElement.setFocus()}else if(this.type==="textarea"){this.spiedElement.fitContent();this.spiedElement.setFocus()}}),t)}}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!==r.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!==r.LOAD?"display-none":"")},s,i("wcs-spinner",null)),i("wcs-form-field",{"is-error":this.isError,class:"edit-container "+(this.currentState!==r.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;let s=this.currentValue;if(this.formatFn){t=this.formatFn(this.value);s=this.formatFn(this.currentValue)}if(Array.isArray(this.value)){t=this.value.join(", ")}if(Array.isArray(this.currentValue)){s=this.currentValue.join(", ")}return{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"]}}};h.style=n;export{h as wcs_editable_field};
-//# sourceMappingURL=p-14e04d5e.entry.js.map

package/dist/wcs/p-14e04d5e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["editableFieldCss","EditableComponentState","EditableField","this","ignoreNextChangeEvent","spiedElement","currentValue","DISPLAY","componentWillLoad","value","componentDidRender","assignedElements","el","shadowRoot","querySelector","type","initWithInput","initWithTextArea","initWithSelect","element","filter","x","tagName","Error","addChangeHandlerForWcsComponents","addEventListener","event","key","sendCurrentValue","discardChanges","ctrlKey","elt","stopImmediatePropagation","detail","validateFn","isError","currentState","EDIT","LOAD","wcsChange","emit","newValue","successHandler","forceDisplayStateAndValidate","errorhandler","errorHandler","onWindowClickEvent","clickInsideComponent","getBoundingClientRect","width","y","height","onValueChange","onDisplayContainerClick","readonly","DELAY_FOR_RENDER","setTimeout","setFocus","fitContent","render","formattedValue","formattedCurrentValue","formatValues","h","Host","class","label","onClick","icon","size","getReadonlySvgIcon","errorMsg","xmlns","viewBox","d","transform","formatFn","Array","isArray","join"],"sources":["./src/components/editable-field/editable-field.scss?tag=wcs-editable-field&encapsulation=shadow","./src/components/editable-field/editable-field.tsx"],"sourcesContent":[":host {\n    display: block;\n\n    .display-none {\n        display: none !important;\n    }\n\n    .label {\n        margin-bottom: var(--wcs-base-margin);\n        font-weight: 500;\n        font-size: 16px;\n        color: var(--wcs-gray-light);\n    }\n\n    .edit-container {\n        display: flex;\n        width: 100%;\n    }\n\n    .display-container {\n        wcs-mat-icon {\n            display: none;\n        }\n        min-height: 24px;\n        white-space: break-spaces;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        background-color: var(--wcs-light);\n        border-radius: var(--wcs-border-radius);\n        font-size: 1rem;\n        line-height: 1.5;\n        font-weight: 500;\n        color: var(--wcs-gray);\n        padding: calc(calc(var(--wcs-padding) / 2) - 1px) calc(var(--wcs-padding) - 2px);\n        transition: 0.175s all;\n        border: solid 2px transparent;\n    }\n\n    .load-container {\n        white-space: pre;\n        display: flex;\n        justify-content: space-between;\n        background-color: var(--wcs-light);\n        border-radius: var(--wcs-border-radius);\n        font-size: 1rem;\n        line-height: 1.5;\n        font-weight: 500;\n        color: var(--wcs-gray);\n        padding: calc(calc(var(--wcs-padding) / 2) - 1px) calc(var(--wcs-padding) - 2px);\n        transition: 0.175s all;\n        border: solid 2px transparent;\n        align-items: center;\n    }\n\n    wcs-spinner {\n        height: 24px;\n        width: 24px;\n    }\n\n    .readonly-icon {\n        fill: var(--wcs-text-medium);\n    }\n}\n\n:host([readonly]) {\n    .display-container {\n        color: var(--wcs-gray-light);\n    }\n}\n\n:host(:not([readonly])) {\n    .display-container:hover {\n        wcs-mat-icon {\n            display: flex;\n            align-items: center;\n        }\n        color: var(--wcs-primary);\n        cursor: pointer;\n        border: dashed 2px var(--wcs-primary);\n    }\n}\n","import {\n    Component,\n    ComponentInterface,\n    EventEmitter,\n    h,\n    Prop,\n    Event,\n    State,\n    Host,\n    Element,\n    Watch, Listen\n} from '@stencil/core';\nimport { EditableComponentUpdateEvent, EditableFieldType, FormatFn, ValidateFn } from './editable-field-interface';\n\nenum EditableComponentState {\n    DISPLAY,\n    EDIT,\n    LOAD\n}\n\n@Component({\n    tag: 'wcs-editable-field',\n    styleUrl: 'editable-field.scss',\n    shadow: true\n})\nexport class EditableField implements ComponentInterface {\n    @Element() el!: HTMLWcsEditableFieldElement;\n\n    @State() currentState: EditableComponentState = EditableComponentState.DISPLAY;\n    /**\n     * Specifies which component is used for editing\n     */\n    @Prop() type: EditableFieldType = 'input';\n    /**\n     * Label of the field\n     */\n    @Prop() label!: string;\n    /**\n     * event called at each (valid) update of the field.\n     */\n    @Event() wcsChange!: EventEmitter<EditableComponentUpdateEvent>;\n    /**\n     * Specify whether the field is editable or not\n     */\n    @Prop() readonly: boolean = false;\n    /**\n     * Initial value of the field\n     */\n    @Prop({mutable: true}) value: any;\n    /**\n     * Function to customize the validation of the data during the update\n     */\n    @Prop() validateFn: ValidateFn<any>;\n    /**\n     * Function used to format the value\n     */\n    @Prop() formatFn: FormatFn<any>;\n\n    /**\n     * Error message displayed under the field if validation failed.\n     */\n    @Prop() errorMsg: string = null;\n\n    @State() isError: boolean = false;\n\n    ignoreNextChangeEvent: boolean = false;\n    spiedElement: HTMLElement = null;\n    currentValue: any = null;\n\n    componentWillLoad(): Promise<void> | void {\n        this.currentValue = this.value;\n    }\n\n    componentDidRender() {\n        const assignedElements = (this.el.shadowRoot.querySelector('slot') as HTMLSlotElement).assignedElements();\n        switch (this.type) {\n            case 'input':\n                this.initWithInput(assignedElements);\n                break;\n            case 'textarea':\n                this.initWithTextArea(assignedElements);\n                break;\n            case 'select':\n                this.initWithSelect(assignedElements)\n                break;\n        }\n    }\n\n    private initWithInput(assignedElements: Element[]) {\n        const element = assignedElements.filter(x => {\n            return x.tagName === 'WCS-INPUT'\n        })[0];\n        if (!element) throw new Error('You must provide a slotted input element to handle edition');\n        this.spiedElement = element as HTMLElement;\n        this.addChangeHandlerForWcsComponents(this.spiedElement);\n        this.spiedElement.addEventListener('keydown', (event: KeyboardEvent) => {\n            if (event.key === 'Enter') {\n                this.sendCurrentValue();\n            }\n            if (event.key === 'Escape') {\n                this.discardChanges();\n            }\n        })\n    }\n\n    private initWithTextArea(assignedElements: Element[]) {\n        const element = assignedElements.filter(x => {\n            return x.tagName === 'WCS-TEXTAREA'\n        })[0];\n        if (!element) throw new Error('You must provide a slotted textarea element to handle edition');\n        this.spiedElement = element as HTMLElement;\n        this.addChangeHandlerForWcsComponents(this.spiedElement);\n        this.spiedElement.addEventListener('keydown', (event: KeyboardEvent) => {\n            if (event.key === 'Enter' && event.ctrlKey) {\n                this.sendCurrentValue();\n            }\n            if (event.key === 'Escape') {\n                this.discardChanges();\n            }\n        })\n    }\n\n    private initWithSelect(assignedElements: Element[]) {\n        const element = assignedElements.filter(x => {\n            return x.tagName === 'WCS-SELECT'\n        })[0];\n        if (!element) throw new Error('You must provide a slotted select element to handle edition');\n        this.spiedElement = element as HTMLElement;\n        this.addChangeHandlerForWcsComponents(this.spiedElement);\n    }\n\n    /**\n     * This method subscribes the component to the change events produced by the other WCS components\n     * (provided by the user in slot)\n     * @private\n     */\n    private addChangeHandlerForWcsComponents(elt: HTMLElement) {\n        elt.addEventListener('wcsChange', (event: CustomEvent) => {\n            event.stopImmediatePropagation();\n            this.currentValue = event.detail.value;\n            if (this.validateFn) {\n                this.isError = !this.validateFn(this.currentValue);\n            }\n        });\n    }\n\n\n    private sendCurrentValue() {\n        if (this.currentState === EditableComponentState.EDIT) {\n            if (this.value === this.currentValue) {\n                this.currentState = EditableComponentState.DISPLAY\n            } else {\n                this.isError = this.validateFn ? !this.validateFn(this.currentValue) : false;\n                if (!this.isError) {\n                    this.currentState = EditableComponentState.LOAD;\n                    this.wcsChange.emit({\n                        newValue: this.currentValue,\n                        successHandler: () => this.forceDisplayStateAndValidate(),\n                        errorhandler: () => this.errorHandler()\n                    });\n                }\n            }\n        }\n    }\n\n    private discardChanges() {\n        this.currentValue = this.value;\n        this.currentState = EditableComponentState.DISPLAY;\n        this.isError = false;\n    }\n\n\n    forceDisplayStateAndValidate() {\n        if (this.currentState === EditableComponentState.LOAD) {\n            this.value = this.currentValue;\n            this.currentState = EditableComponentState.DISPLAY;\n        } else {\n            throw new Error('You cannot set display state from ' + EditableComponentState[this.currentState] + ' state');\n        }\n    }\n\n    @Listen('click', {target: 'window'})\n    onWindowClickEvent(event: MouseEvent) {\n        if (!this.clickInsideComponent(event)) {\n            if (this.currentState === EditableComponentState.EDIT) {\n                if (this.isError) {\n                    this.discardChanges();\n                } else {\n                    this.sendCurrentValue();\n                }\n            }\n        }\n    }\n\n    private clickInsideComponent(event: MouseEvent) {\n        return event.x >= this.el.getBoundingClientRect().x && event.x <= this.el.getBoundingClientRect().x + this.el.getBoundingClientRect().width\n            && event.y >= this.el.getBoundingClientRect().y && event.y <= this.el.getBoundingClientRect().y + this.el.getBoundingClientRect().height;\n    }\n\n    /**\n     * discard changes and force component state to DISPLAY\n     * <br/>\n     * This method must be call when component is in LOAD state\n     */\n\n    errorHandler() {\n        this.discardChanges();\n    }\n\n    @Watch('value')\n    onValueChange(): void {\n        this.currentState = EditableComponentState.DISPLAY;\n    }\n\n    private onDisplayContainerClick() {\n        if (this.currentState === EditableComponentState.DISPLAY && this.readonly === false) {\n            this.currentState = EditableComponentState.EDIT;\n            this.ignoreNextChangeEvent = true;\n            this.spiedElement['value'] = this.currentValue;\n            if (this.validateFn) {\n                this.isError = !this.validateFn(this.currentValue);\n            }\n            // We wait until the element is displayed on the page otherwise the focus does not work\n            const DELAY_FOR_RENDER = 20;\n            setTimeout(() => {\n                if (this.type === 'input') {\n                    (this.spiedElement as HTMLWcsInputElement).setFocus();\n                } else if (this.type === 'textarea') {\n                    (this.spiedElement as HTMLWcsTextareaElement).fitContent();\n                    (this.spiedElement as HTMLWcsTextareaElement).setFocus();\n                }\n            }, DELAY_FOR_RENDER)\n        }\n    }\n\n    render(): any {\n        const {formattedValue, formattedCurrentValue} = this.formatValues();\n        return (\n            <Host>\n                <div class=\"label\">{this.label}</div>\n                <div\n                    class={'display-container ' + (this.currentState !== EditableComponentState.DISPLAY ? 'display-none' : '')}\n                    onClick={() => this.onDisplayContainerClick()}>\n                    {formattedValue}\n                    <wcs-mat-icon icon=\"edit\" size=\"s\"></wcs-mat-icon>\n                    {this.readonly ? this.getReadonlySvgIcon() : null}\n                </div>\n                <div\n                    class={'load-container ' + (this.currentState !== EditableComponentState.LOAD ? 'display-none' : '')}>\n                    {formattedCurrentValue}\n                    <wcs-spinner></wcs-spinner>\n                </div>\n                <wcs-form-field is-error={this.isError}\n                                class={'edit-container ' + (this.currentState !== EditableComponentState.EDIT ? 'display-none' : '')}>\n                    <slot/>\n                    {\n                        this.isError && this.errorMsg\n                            ? <wcs-error>{this.errorMsg}</wcs-error>\n                            : null\n                    }\n                </wcs-form-field>\n            </Host>\n        );\n    }\n\n    private getReadonlySvgIcon() {\n        return <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"26\" height=\"24\" viewBox=\"0 0 27 25\"\n                    class=\"readonly-icon\">\n            <path d=\"M26.79,25.05H1.21a.73.73,0,0,0,0,1.45H26.79a.73.73,0,0,0,0-1.45Z\"\n                  transform=\"translate(-0.5 -1.5)\"/>\n            <path\n                d=\"M19.8,8.87h-.61V6.73a5.23,5.23,0,0,0-10.46,0V8.87H8.2a1.63,1.63,0,0,0-1.63,1.62V21.32A1.62,1.62,0,0,0,8.2,22.94H19.8a1.62,1.62,0,0,0,1.63-1.62V10.49A1.63,1.63,0,0,0,19.8,8.87ZM10.93,6.73a3,3,0,1,1,6.06,0V8.87H10.93Zm3,14.15a5,5,0,1,1,5-5A5,5,0,0,1,14,20.88Z\"\n                transform=\"translate(-0.5 -1.5)\"/>\n            <path\n                d=\"M14,12.62a3.29,3.29,0,1,0,3.29,3.29A3.29,3.29,0,0,0,14,12.62Zm0,4.75a1.47,1.47,0,1,1,1.47-1.46A1.46,1.46,0,0,1,14,17.37Z\"\n                transform=\"translate(-0.5 -1.5)\"/>\n        </svg>;\n    }\n\n    private formatValues() {\n        let formattedValue = this.value;\n        let formattedCurrentValue = this.currentValue;\n        if (this.formatFn) {\n            formattedValue = this.formatFn(this.value);\n            formattedCurrentValue = this.formatFn(this.currentValue);\n        }\n        if (Array.isArray(this.value)) {\n            formattedValue = this.value.join(', ');\n        }\n        if (Array.isArray(this.currentValue)) {\n            formattedCurrentValue = this.currentValue.join(', ');\n        }\n        return {\n            formattedValue: (formattedValue ? (<span>{formattedValue}</span>) : (<span></span>)),\n            formattedCurrentValue: (formattedCurrentValue ? (<span>{formattedCurrentValue}</span>) : (<span></span>))\n        };\n    }\n}\n"],"mappings":"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"}

package/dist/wcs/p-274232e6.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getSortOrderInteger","sortOrder","getRandomValues","rnds8","Uint8Array","rng","crypto","bind","msCrypto","Error","REGEX","validate","uuid","test","byteToHex","i","push","toString","substr","stringify","arr","offset","arguments","length","undefined","toLowerCase","TypeError","v4","options","buf","rnds","random","gridCss","Grid","onDataChange","newValue","this","updateGridRows","refreshSort","onSelectedItemsPropertyChange","updateSelectionWithValues","onHiddenColumnChange","forceUpdate","values","selectionConfig","rows","map","r","selected","row","_","isEqual","data","find","x","cloneDeep","wcsGridRowToWcsGridRowData","page","columns","cells","column","content","get","path","formatter","updatePageIndex","componentDidLoad","getGridColumnsFromTemplate","paginationEl","wcsGridPaginationId","document","getElementById","getGridPaginationsFromTemplate","selectedItems","refreshOthersColmumnsSortOrderState","first","other","filter","c","serverMode","sortBy","disableSortOrderForColumns","forEach","slotted","el","shadowRoot","querySelector","assignedElements","sortChangeEventHandler","event","detail","order","colmun","sortFn","sort","a","b","itemsCount","pageCount","Math","ceil","pageSize","currentPage","GridPagination","INDEX_FIRST_PAGE","index","floor","paginationChangeEventHandler","onPaginationChange","paginationChangeEventHandlerOutside","target","id","onRowSelection","wcsGridSelectionChange","emit","selectAllRows","getRowsForCurrentPage","allRowsAreSelected","wcsGridAllSelectionChange","renderSelectionColumn","h","checked","onClick","onWcsChange","getCellContent","cell","totalColumnCount","render","Host","class","name","loading","colSpan","_a","renderRow","hidden","customCells","rowIdPath","part"],"sources":["./src/components/grid/grid-interface.ts","./node_modules/uuid/dist/esm-browser/rng.js","./node_modules/uuid/dist/esm-browser/regex.js","./node_modules/uuid/dist/esm-browser/validate.js","./node_modules/uuid/dist/esm-browser/stringify.js","./node_modules/uuid/dist/esm-browser/v4.js","./src/components/grid/grid.scss?tag=wcs-grid&encapsulation=shadow","./src/components/grid/grid.tsx"],"sourcesContent":["import { VNode } from '@stencil/core';\n\nexport type WcsGridSelectionConfig = 'none' | 'single' | 'multiple';\n\nexport type WcsSortFn = (a: any, b: any, column: HTMLWcsGridColumnElement) => -1 | 0 | 1;\n\nexport type WcsCellFormatter = (_h: HyperFunc<VNode>, column: HTMLWcsGridColumnElement, rowData: WcsGridRowData) => HTMLElement | HTMLElement[];\n\nexport interface WcsGridColumnSortChangeEventDetails {\n    sortFn: WcsSortFn;\n    order: WcsSortOrder;\n    column: HTMLWcsGridColumnElement;\n}\n\nexport interface WcsGridRowSelectedEventDetails {\n    row: WcsGridRowData;\n}\n\nexport interface WcsGridAllRowSelectedEventDetails {\n    rows: WcsGridRowData[];\n}\n\nexport type WcsGridPaginationConfig = {\n    currentPage: number;\n    pageSize: number;\n    itemsCount: number;\n    pageCount: number;\n};\n\nexport interface WcsGridPaginationChangeEventDetails {\n    pagination: WcsGridPaginationConfig;\n}\n\nexport type WcsSortOrder = 'asc' | 'desc' | 'none';\n\nexport function getSortOrderInteger(sortOrder: WcsSortOrder) {\n    switch (sortOrder) {\n        case 'asc':\n            return 1;\n        case 'desc':\n            return -1;\n        case 'none':\n            break;\n    }\n}\n\nexport interface WcsGridRow {\n    uuid: string;\n    page?: number;\n    selected?: boolean;\n    data?: any;\n    cells?: WcsGridCell[];\n}\n\nexport interface WcsGridCell {\n    content: string | void;\n    column: HTMLWcsGridColumnElement;\n    formatter: (_h: HyperFunc<VNode>, column: HTMLWcsGridColumnElement, rowData: WcsGridRowData) => HTMLElement | HTMLElement[];\n}\n\nexport interface WcsGridRowData {\n    page: number;\n    selected: boolean;\n    data: any;\n}\n\nexport interface HyperFunc<T> {\n    (tag: any): T;\n}\n\nexport interface HyperFunc<T> {\n    (tag: any, data: any): T;\n}\n\nexport interface HyperFunc<T> {\n    (tag: any, text: string): T;\n}\n\nexport interface HyperFunc<T> {\n    (sel: any, children: (T | undefined | null)[]): T;\n}\n\nexport interface HyperFunc<T> {\n    (sel: any, data: any, text: string): T;\n}\n\nexport interface HyperFunc<T> {\n    (sel: any, data: any, children: (T | undefined | null)[]): T;\n}\n\nexport interface HyperFunc<T> {\n    (sel: any, data: any, children: T): T;\n}\n","// Unique ID creation requires a high quality random # generator. In the browser we therefore\n// require the crypto API and do not support built-in fallback to lower quality random number\n// generators (like Math.random()).\nvar getRandomValues;\nvar rnds8 = new Uint8Array(16);\nexport default function rng() {\n  // lazy load so that environments that need to polyfill have a chance to do so\n  if (!getRandomValues) {\n    // getRandomValues needs to be invoked in a context where \"this\" is a Crypto implementation. Also,\n    // find the complete implementation of crypto (msCrypto) on IE11.\n    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto !== 'undefined' && typeof msCrypto.getRandomValues === 'function' && msCrypto.getRandomValues.bind(msCrypto);\n\n    if (!getRandomValues) {\n      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');\n    }\n  }\n\n  return getRandomValues(rnds8);\n}","export default /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;","import REGEX from './regex.js';\n\nfunction validate(uuid) {\n  return typeof uuid === 'string' && REGEX.test(uuid);\n}\n\nexport default validate;","import validate from './validate.js';\n/**\n * Convert array of 16 byte values to UUID string format of the form:\n * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX\n */\n\nvar byteToHex = [];\n\nfor (var i = 0; i < 256; ++i) {\n  byteToHex.push((i + 0x100).toString(16).substr(1));\n}\n\nfunction stringify(arr) {\n  var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n  // Note: Be careful editing this code!  It's been tuned for performance\n  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434\n  var uuid = (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase(); // Consistency check for valid UUID.  If this throws, it's likely due to one\n  // of the following:\n  // - One or more input array values don't map to a hex octet (leading to\n  // \"undefined\" in the uuid)\n  // - Invalid input values for the RFC `version` or `variant` fields\n\n  if (!validate(uuid)) {\n    throw TypeError('Stringified UUID is invalid');\n  }\n\n  return uuid;\n}\n\nexport default stringify;","import rng from './rng.js';\nimport stringify from './stringify.js';\n\nfunction v4(options, buf, offset) {\n  options = options || {};\n  var rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`\n\n  rnds[6] = rnds[6] & 0x0f | 0x40;\n  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided\n\n  if (buf) {\n    offset = offset || 0;\n\n    for (var i = 0; i < 16; ++i) {\n      buf[offset + i] = rnds[i];\n    }\n\n    return buf;\n  }\n\n  return stringify(rnds);\n}\n\nexport default v4;",":host {\n    display: block;\n    --wcs-grid-highlight-color: var(--wcs-light);\n\n    th {\n        background-color: var(--wcs-light);\n    }\n\n    th:not(:first-child) {\n        border-left: solid 1px var(--wcs-text-light);\n    }\n\n    // Remove the border for the first column\n    ::slotted([slot=grid-column]:first-child) {\n        --wcs-grid-column-border-left: none;\n    }\n\n    table {\n        width: 100%;\n        border-spacing: 0;\n    }\n\n    td {\n        color: var(--wcs-gray-light);\n        margin: 0;\n        padding: calc(var(--wcs-padding) / 2) var(--wcs-padding);\n    }\n\n    tr:not(:last-child) td {\n        border-bottom: solid 1px var(--wcs-text-light);\n    }\n\n    .wcs-grid-selection-column {\n        padding: calc(var(--wcs-padding) / 2) var(--wcs-padding);\n        width: 40px;\n    }\n\n    tr.selected {\n        background-color: var(--wcs-grid-highlight-color);\n    }\n\n    .loading {\n        text-align: center;\n    }\n}\n\n// If the grid displays a selection column, we set the border on the\n// first data column (which has been disabled in :host)\n:host([selection]) {\n    ::slotted([slot=grid-column]:first-child) {\n        --wcs-grid-column-border-left: solid 1px var(--wcs-text-light) !important;\n    }\n}\n","import {\n    Component,\n    ComponentDidLoad,\n    ComponentInterface,\n    Element,\n    Event,\n    EventEmitter,\n    forceUpdate,\n    h,\n    Host,\n    Listen,\n    Prop,\n    State,\n    VNode,\n    Watch\n} from '@stencil/core';\nimport {\n    getSortOrderInteger,\n    HyperFunc,\n    WcsGridAllRowSelectedEventDetails,\n    WcsGridCell,\n    WcsGridColumnSortChangeEventDetails,\n    WcsGridPaginationChangeEventDetails,\n    WcsGridRow,\n    WcsGridRowData,\n    WcsGridRowSelectedEventDetails,\n    WcsGridSelectionConfig\n} from './grid-interface';\nimport _ from 'lodash';\nimport { v4 as uuid } from 'uuid';\nimport { GridPagination } from '../grid-pagination/grid-pagination';\n\n@Component({\n    tag: 'wcs-grid',\n    styleUrl: 'grid.scss',\n    shadow: true\n})\nexport class Grid implements ComponentInterface, ComponentDidLoad {\n    @Element() el!: HTMLWcsGridElement;\n    /**\n     * True to manage sort and pagination with a backend server, default: false\n     */\n    @Prop() serverMode: boolean;\n    @Prop() data: any[];\n    /**\n     * Flag to display spinner during data loading\n     */\n    @Prop() loading: boolean;\n    /**\n     * Used to manage grid's row selection\n     */\n    @Prop() selectionConfig: WcsGridSelectionConfig = 'none';\n    /**\n     * Set the selected items\n     */\n    @Prop() selectedItems: any | any[] = [];\n    @Prop() wcsGridPaginationId: string;\n    /**\n     * Name of the object's key that will be used to display the cells whose keyValue attribute matches to the\n     * object's value for this key.\n     */\n    @Prop() rowIdPath: string;\n    @State() columns: HTMLWcsGridColumnElement[];\n    @State() paginationEl: HTMLWcsGridPaginationElement;\n    /**\n     * Rows to display, contains user data and meta data\n     */\n    @State() rows: WcsGridRow[] = [];\n    /**\n     * Event emitted when a row is selected or unselected\n     */\n    @Event() wcsGridSelectionChange!: EventEmitter<WcsGridRowSelectedEventDetails>;\n    /**\n     * Event emitted when all rows are selected or unselected\n     */\n    @Event() wcsGridAllSelectionChange!: EventEmitter<WcsGridAllRowSelectedEventDetails>;\n\n    @Watch('data')\n    onDataChange(newValue: any[]): void {\n        this.updateGridRows(newValue);\n        this.refreshSort(false);\n    }\n\n    @Watch('selectedItems')\n    onSelectedItemsPropertyChange(newValue: any | any[]) {\n        this.updateSelectionWithValues(newValue);\n    }\n\n    @Listen('wcsHiddenChange')\n    onHiddenColumnChange(): void {\n        // We use forceUpdate because the fact of hiding a column or not does not modify the internal structure of the grid (WcsGridRow).\n        // Hide a column only impacts the way it is rendered but the grid-column remains in the dom and in our internal model.\n        forceUpdate(this);\n    }\n\n    private updateSelectionWithValues(values: any | any[]) {\n        if (this.selectionConfig === 'single') {\n            this.rows.map(r => r.selected = false);\n            for (const row of this.rows) {\n                if (_.isEqual(row.data, values)) {\n                    row.selected = true;\n                    break; // only one line can be selected\n                }\n            }\n        } else if (this.selectionConfig === 'multiple') {\n            this.rows.map(r => r.selected = false);\n            for (const row of this.rows) {\n                if (values.find(x => _.isEqual(x, row.data))) {\n                    row.selected = true;\n                }\n            }\n        }\n        this.rows = _.cloneDeep(this.rows);\n    }\n\n    private wcsGridRowToWcsGridRowData(row: WcsGridRow): WcsGridRowData {\n        return {selected: row.selected, page: row.page, data: row.data};\n    }\n\n    private updateGridRows(data: any[]): void {\n        const rows: WcsGridRow[] = [];\n        if (data && this.columns) {\n            for (let i = 0; i < data.length; i++) {\n                const row: WcsGridRow = {\n                    uuid: uuid(),\n                    data: data[i],\n                    selected: false,\n                    cells: []\n                };\n                for (const column of this.columns) {\n                    row.cells.push({\n                        content: _.get(data[i], column.path),\n                        column,\n                        formatter: column.formatter\n                    })\n                }\n                rows.push(row);\n            }\n            this.rows = rows;\n            this.updatePageIndex();\n        }\n    }\n\n    componentDidLoad(): void {\n        this.columns = this.getGridColumnsFromTemplate();\n        this.paginationEl = this.wcsGridPaginationId\n            ? document.getElementById(this.wcsGridPaginationId) as HTMLWcsGridPaginationElement\n            : this.getGridPaginationsFromTemplate()[0];\n        this.updateGridRows(this.data);\n        if (this.selectedItems) {\n            this.updateSelectionWithValues(this.selectedItems);\n        }\n        this.refreshSort(true);\n    }\n\n    /**\n     * Handle existing column's filters (defined before the grid is instantiated)\n     * @private\n     */\n    private refreshSort(refreshOthersColmumnsSortOrderState: boolean) {\n        //fixme: why the column property can be null or undefined?\n        if (this.columns) {\n            const [first, ...other] = this.columns.filter(c => c.sortOrder !== 'none');\n            if (first && !this.serverMode) {\n                this.sortBy(first);\n            }\n            refreshOthersColmumnsSortOrderState && this.disableSortOrderForColumns(other);\n        }\n    }\n\n    private disableSortOrderForColumns(columns: HTMLWcsGridColumnElement[] | null | undefined): void {\n        columns?.forEach(c => c.sortOrder = 'none');\n    }\n\n    private getGridColumnsFromTemplate(): HTMLWcsGridColumnElement[] {\n        const slotted = this.el.shadowRoot.querySelector('slot[name=\"grid-column\"]') as HTMLSlotElement;\n        return slotted.assignedElements() as any as HTMLWcsGridColumnElement[];\n    }\n\n    private getGridPaginationsFromTemplate(): HTMLWcsGridPaginationElement[] {\n        const slotted = this.el.shadowRoot.querySelector('slot[name=\"grid-pagination\"]') as HTMLSlotElement;\n        return slotted.assignedElements() as any as HTMLWcsGridPaginationElement[];\n    }\n\n    @Listen('wcsSortChange')\n    sortChangeEventHandler(event: CustomEvent<WcsGridColumnSortChangeEventDetails>): void {\n        if (event.detail.order === 'none') return;\n        // We keep only one active sort column\n        this.disableSortOrderForColumns(this.columns.filter(c => c !== event.detail.column));\n        if (this.serverMode) return;\n        this.sortBy(event.detail.column);\n        this.updatePageIndex();\n    }\n\n    /**\n     * Sorts the grid rows according to the given column's configuration\n     * @param colmun Column from which to extract the sorting configuration\n     * @private\n     */\n    private sortBy(colmun: HTMLWcsGridColumnElement) {\n        if (colmun.sortFn) {\n            this.rows = _.cloneDeep(this.rows)\n                .sort((a: any, b: any) => colmun.sortFn(a.data, b.data, colmun) * getSortOrderInteger(colmun.sortOrder));\n        } else {\n            this.rows = _.cloneDeep(this.rows)\n                .sort((a: any, b: any) => {\n                    const path = colmun.path;\n                    return ((_.get(a.data, path) < _.get(b.data, path)) ? -1 : (_.get(a.data, path) > _.get(b.data, path)) ? 1 : 0) * getSortOrderInteger(colmun.sortOrder);\n                });\n        }\n    }\n\n    /**\n     * Update the page's number of all rows\n     */\n    private updatePageIndex(): void {\n        if (!this.serverMode && this.paginationEl) {\n            this.paginationEl.itemsCount = this.data.length;\n            this.paginationEl.pageCount = Math.ceil(this.data.length / this.paginationEl.pageSize);\n\n            if (this.paginationEl.pageCount <= 1) {\n                this.paginationEl.currentPage = GridPagination.INDEX_FIRST_PAGE;\n            } else if (this.paginationEl.pageCount > 0 && this.paginationEl.currentPage + 1 > this.paginationEl.pageCount) {\n                this.paginationEl.currentPage = this.paginationEl.pageCount - 1;\n            }\n\n            const rows = _.cloneDeep(this.rows);\n            rows.forEach((row: WcsGridRow, index: number) =>\n                row.page = Math.floor(index / this.paginationEl.pageSize)\n            );\n            this.rows = [...rows];\n        }\n    }\n\n    @Listen('wcsGridPaginationChange')\n    paginationChangeEventHandler(): void {\n        this.onPaginationChange();\n    }\n\n    @Listen('wcsGridPaginationChange', {target: 'window'})\n    paginationChangeEventHandlerOutside(event: CustomEvent<WcsGridPaginationChangeEventDetails>): void {\n        if (this.wcsGridPaginationId && this.wcsGridPaginationId === (event.target as HTMLElement).id) {\n            this.onPaginationChange();\n        }\n    }\n\n    private onPaginationChange(): void {\n        if (this.serverMode) return;\n        this.updatePageIndex();\n    }\n\n    private onRowSelection(row: WcsGridRow): void {\n        if (this.selectionConfig === 'single') {\n            this.rows.filter(r => r.uuid !== row.uuid).map(r => r.selected = false);\n        }\n        row.selected = !row.selected;\n        if (this.selectionConfig !== 'single' || row.selected) {\n            this.wcsGridSelectionChange.emit({row: this.wcsGridRowToWcsGridRowData(row)});\n        }\n        this.rows = _.cloneDeep(this.rows);\n    }\n\n    private selectAllRows(): void {\n        const rows = this.getRowsForCurrentPage();\n        const selected = !this.allRowsAreSelected();\n        rows.map(r => r.selected = selected);\n        this.wcsGridAllSelectionChange.emit({rows: selected ? rows.map(row => this.wcsGridRowToWcsGridRowData(row)) : []});\n        this.rows = _.cloneDeep(this.rows);\n    }\n\n    private allRowsAreSelected(): boolean {\n        const rows = this.getRowsForCurrentPage();\n        return rows.length > 0 && rows.filter(row => row.selected).length === rows.length;\n    }\n\n    private getRowsForCurrentPage(): WcsGridRow[] {\n        if (this.paginationEl) {\n            return this.rows.filter(row => row.page === this.paginationEl.currentPage);\n        }\n        return this.rows;\n    }\n\n    renderSelectionColumn(row: WcsGridRow): any {\n        switch (this.selectionConfig) {\n            case 'none':\n                return;\n            case 'single':\n                return <td>\n                    <wcs-radio checked={row.selected} onClick={this.onRowSelection.bind(this, row)}/>\n                </td>;\n            case 'multiple':\n                return <td>\n                    <wcs-checkbox checked={row.selected} onWcsChange={this.onRowSelection.bind(this, row)}/>\n                </td>;\n        }\n    }\n\n    private getCellContent(row: WcsGridRow, cell: WcsGridCell): HTMLElement | HTMLElement[] | string | void {\n        if (cell.formatter) {\n            return cell.formatter(\n                (h as unknown) as HyperFunc<VNode>,\n                cell.column,\n                this.wcsGridRowToWcsGridRowData(row)\n            );\n        }\n        return cell.content;\n    }\n\n    private totalColumnCount() {\n        if (!this.columns) {\n            return 0;\n        }\n        return this.columns.length + (this.selectionConfig === 'none' ? 0 : 1);\n    }\n\n    render(): any {\n        return (\n            <Host>\n                {\n                    <table>\n                        <thead>\n                        {\n                            this.selectionConfig === 'none' ? ''\n                                : <th class=\"wcs-grid-selection-column\">\n                                    {\n                                        this.selectionConfig === 'single' ? '' :\n                                            <wcs-checkbox checked={this.allRowsAreSelected()}\n                                                          onWcsChange={this.selectAllRows.bind(this)}/>\n                                    }\n                                </th>\n                        }\n                        <slot name=\"grid-column\"></slot>\n                        </thead>\n                        <tbody>\n                        {\n                            this.loading\n                                ? <tr>\n                                    <td colSpan={this.totalColumnCount()} class=\"loading\">\n                                        <wcs-spinner></wcs-spinner>\n                                    </td>\n                                </tr>\n                                : this.rows\n                                    ?.filter(row => this.serverMode || !this.paginationEl || row.page === this.paginationEl.currentPage)\n                                    .map(row =>\n                                        this.renderRow(row)\n                                    )\n                        }\n                        </tbody>\n                    </table>\n                }\n                <slot name=\"grid-pagination\"></slot>\n            </Host>\n        );\n    }\n\n    private renderRow(row: WcsGridRow) {\n        return <tr class={row.selected ? 'selected' : ''}>\n            {this.renderSelectionColumn(row)}\n            {row.cells?.map(cell => {\n                    if (cell.column.hidden) {\n                        return;\n                    }\n                    return cell.column.customCells\n                        ? (<td>\n                            <slot name={cell.column.id + '-' + row.data[this.rowIdPath]}/>\n                        </td>)\n                        : (<td part={cell.column.path + '-column'}>{this.getCellContent(row, cell)}</td>)\n                }\n            )}\n        </tr>;\n    }\n}\n\n/**\n * Pour resize le tableau\n * https://www.brainbell.com/javascript/making-resizable-table-js.htmls\n *\n */\n"],"mappings":"wJAmCgBA,EAAoBC,GAChC,OAAQA,GACJ,IAAK,MACD,OAAO,EACX,IAAK,OACD,OAAQ,EAIpB,CCzCA,IAAIC,EACJ,IAAIC,EAAQ,IAAIC,WAAW,IACZ,SAASC,IAEtB,IAAKH,EAAiB,CAGpBA,SAAyBI,SAAW,aAAeA,OAAOJ,iBAAmBI,OAAOJ,gBAAgBK,KAAKD,gBAAkBE,WAAa,oBAAsBA,SAASN,kBAAoB,YAAcM,SAASN,gBAAgBK,KAAKC,UAEvO,IAAKN,EAAiB,CACpB,MAAM,IAAIO,MAAM,2GACtB,CACA,CAEE,OAAOP,EAAgBC,EACzB,CClBA,MAAAO,EAAe,sHCEf,SAASC,EAASC,GAChB,cAAcA,IAAS,UAAYF,EAAMG,KAAKD,EAChD,CCEA,IAAIE,EAAY,GAEhB,IAAK,IAAIC,EAAI,EAAGA,EAAI,MAAOA,EAAG,CAC5BD,EAAUE,MAAMD,EAAI,KAAOE,SAAS,IAAIC,OAAO,GACjD,CAEA,SAASC,EAAUC,GACjB,IAAIC,EAASC,UAAUC,OAAS,GAAKD,UAAU,KAAOE,UAAYF,UAAU,GAAK,EAGjF,IAAIV,GAAQE,EAAUM,EAAIC,EAAS,IAAMP,EAAUM,EAAIC,EAAS,IAAMP,EAAUM,EAAIC,EAAS,IAAMP,EAAUM,EAAIC,EAAS,IAAM,IAAMP,EAAUM,EAAIC,EAAS,IAAMP,EAAUM,EAAIC,EAAS,IAAM,IAAMP,EAAUM,EAAIC,EAAS,IAAMP,EAAUM,EAAIC,EAAS,IAAM,IAAMP,EAAUM,EAAIC,EAAS,IAAMP,EAAUM,EAAIC,EAAS,IAAM,IAAMP,EAAUM,EAAIC,EAAS,KAAOP,EAAUM,EAAIC,EAAS,KAAOP,EAAUM,EAAIC,EAAS,KAAOP,EAAUM,EAAIC,EAAS,KAAOP,EAAUM,EAAIC,EAAS,KAAOP,EAAUM,EAAIC,EAAS,MAAMI,cAMzf,IAAKd,EAASC,GAAO,CACnB,MAAMc,UAAU,8BACpB,CAEE,OAAOd,CACT,CCxBA,SAASe,EAAGC,EAASC,EAAKR,GACxBO,EAAUA,GAAW,GACrB,IAAIE,EAAOF,EAAQG,SAAWH,EAAQvB,KAAOA,KAE7CyB,EAAK,GAAKA,EAAK,GAAK,GAAO,GAC3BA,EAAK,GAAKA,EAAK,GAAK,GAAO,IAE3B,GAAID,EAAK,CACPR,EAASA,GAAU,EAEnB,IAAK,IAAIN,EAAI,EAAGA,EAAI,KAAMA,EAAG,CAC3Bc,EAAIR,EAASN,GAAKe,EAAKf,EAC7B,CAEI,OAAOc,CACX,CAEE,OAAOV,EAAUW,EACnB,CCrBA,MAAME,EAAU,+yB,MCqCHC,EAAI,M,uPAcqC,O,mBAIb,G,yHAYP,E,CAW9BC,aAAaC,GACTC,KAAKC,eAAeF,GACpBC,KAAKE,YAAY,M,CAIrBC,8BAA8BJ,GAC1BC,KAAKI,0BAA0BL,E,CAInCM,uBAGIC,EAAYN,K,CAGRI,0BAA0BG,GAC9B,GAAIP,KAAKQ,kBAAoB,SAAU,CACnCR,KAAKS,KAAKC,KAAIC,GAAKA,EAAEC,SAAW,QAChC,IAAK,MAAMC,KAAOb,KAAKS,KAAM,CACzB,GAAIK,EAAEC,QAAQF,EAAIG,KAAMT,GAAS,CAC7BM,EAAID,SAAW,KACf,K,QAGL,GAAIZ,KAAKQ,kBAAoB,WAAY,CAC5CR,KAAKS,KAAKC,KAAIC,GAAKA,EAAEC,SAAW,QAChC,IAAK,MAAMC,KAAOb,KAAKS,KAAM,CACzB,GAAIF,EAAOU,MAAKC,GAAKJ,EAAEC,QAAQG,EAAGL,EAAIG,QAAQ,CAC1CH,EAAID,SAAW,I,GAI3BZ,KAAKS,KAAOK,EAAEK,UAAUnB,KAAKS,K,CAGzBW,2BAA2BP,GAC/B,MAAO,CAACD,SAAUC,EAAID,SAAUS,KAAMR,EAAIQ,KAAML,KAAMH,EAAIG,K,CAGtDf,eAAee,GACnB,MAAMP,EAAqB,GAC3B,GAAIO,GAAQhB,KAAKsB,QAAS,CACtB,IAAK,IAAI3C,EAAI,EAAGA,EAAIqC,EAAK7B,OAAQR,IAAK,CAClC,MAAMkC,EAAkB,CACpBrC,KAAMA,IACNwC,KAAMA,EAAKrC,GACXiC,SAAU,MACVW,MAAO,IAEX,IAAK,MAAMC,KAAUxB,KAAKsB,QAAS,CAC/BT,EAAIU,MAAM3C,KAAK,CACX6C,QAASX,EAAEY,IAAIV,EAAKrC,GAAI6C,EAAOG,MAC/BH,SACAI,UAAWJ,EAAOI,W,CAG1BnB,EAAK7B,KAAKiC,E,CAEdb,KAAKS,KAAOA,EACZT,KAAK6B,iB,EAIbC,mBACI9B,KAAKsB,QAAUtB,KAAK+B,6BACpB/B,KAAKgC,aAAehC,KAAKiC,oBACnBC,SAASC,eAAenC,KAAKiC,qBAC7BjC,KAAKoC,iCAAiC,GAC5CpC,KAAKC,eAAeD,KAAKgB,MACzB,GAAIhB,KAAKqC,cAAe,CACpBrC,KAAKI,0BAA0BJ,KAAKqC,c,CAExCrC,KAAKE,YAAY,K,CAObA,YAAYoC,GAEhB,GAAItC,KAAKsB,QAAS,CACd,MAAOiB,KAAUC,GAASxC,KAAKsB,QAAQmB,QAAOC,GAAKA,EAAE7E,YAAc,SACnE,GAAI0E,IAAUvC,KAAK2C,WAAY,CAC3B3C,KAAK4C,OAAOL,E,CAEhBD,GAAuCtC,KAAK6C,2BAA2BL,E,EAIvEK,2BAA2BvB,GAC/BA,IAAO,MAAPA,SAAO,SAAPA,EAASwB,SAAQJ,GAAKA,EAAE7E,UAAY,Q,CAGhCkE,6BACJ,MAAMgB,EAAU/C,KAAKgD,GAAGC,WAAWC,cAAc,4BACjD,OAAOH,EAAQI,kB,CAGXf,iCACJ,MAAMW,EAAU/C,KAAKgD,GAAGC,WAAWC,cAAc,gCACjD,OAAOH,EAAQI,kB,CAInBC,uBAAuBC,GACnB,GAAIA,EAAMC,OAAOC,QAAU,OAAQ,OAEnCvD,KAAK6C,2BAA2B7C,KAAKsB,QAAQmB,QAAOC,GAAKA,IAAMW,EAAMC,OAAO9B,UAC5E,GAAIxB,KAAK2C,WAAY,OACrB3C,KAAK4C,OAAOS,EAAMC,OAAO9B,QACzBxB,KAAK6B,iB,CAQDe,OAAOY,GACX,GAAIA,EAAOC,OAAQ,CACfzD,KAAKS,KAAOK,EAAEK,UAAUnB,KAAKS,MACxBiD,MAAK,CAACC,EAAQC,IAAWJ,EAAOC,OAAOE,EAAE3C,KAAM4C,EAAE5C,KAAMwC,GAAU5F,EAAoB4F,EAAO3F,Y,KAC9F,CACHmC,KAAKS,KAAOK,EAAEK,UAAUnB,KAAKS,MACxBiD,MAAK,CAACC,EAAQC,KACX,MAAMjC,EAAO6B,EAAO7B,KACpB,OAASb,EAAEY,IAAIiC,EAAE3C,KAAMW,GAAQb,EAAEY,IAAIkC,EAAE5C,KAAMW,IAAU,EAAKb,EAAEY,IAAIiC,EAAE3C,KAAMW,GAAQb,EAAEY,IAAIkC,EAAE5C,KAAMW,GAAS,EAAI,GAAK/D,EAAoB4F,EAAO3F,UAAU,G,EAQ/JgE,kBACJ,IAAK7B,KAAK2C,YAAc3C,KAAKgC,aAAc,CACvChC,KAAKgC,aAAa6B,WAAa7D,KAAKgB,KAAK7B,OACzCa,KAAKgC,aAAa8B,UAAYC,KAAKC,KAAKhE,KAAKgB,KAAK7B,OAASa,KAAKgC,aAAaiC,UAE7E,GAAIjE,KAAKgC,aAAa8B,WAAa,EAAG,CAClC9D,KAAKgC,aAAakC,YAAcC,EAAeC,gB,MAC5C,GAAIpE,KAAKgC,aAAa8B,UAAY,GAAK9D,KAAKgC,aAAakC,YAAc,EAAIlE,KAAKgC,aAAa8B,UAAW,CAC3G9D,KAAKgC,aAAakC,YAAclE,KAAKgC,aAAa8B,UAAY,C,CAGlE,MAAMrD,EAAOK,EAAEK,UAAUnB,KAAKS,MAC9BA,EAAKqC,SAAQ,CAACjC,EAAiBwD,IAC3BxD,EAAIQ,KAAO0C,KAAKO,MAAMD,EAAQrE,KAAKgC,aAAaiC,YAEpDjE,KAAKS,KAAO,IAAIA,E,EAKxB8D,+BACIvE,KAAKwE,oB,CAITC,oCAAoCpB,GAChC,GAAIrD,KAAKiC,qBAAuBjC,KAAKiC,sBAAyBoB,EAAMqB,OAAuBC,GAAI,CAC3F3E,KAAKwE,oB,EAILA,qBACJ,GAAIxE,KAAK2C,WAAY,OACrB3C,KAAK6B,iB,CAGD+C,eAAe/D,GACnB,GAAIb,KAAKQ,kBAAoB,SAAU,CACnCR,KAAKS,KAAKgC,QAAO9B,GAAKA,EAAEnC,OAASqC,EAAIrC,OAAMkC,KAAIC,GAAKA,EAAEC,SAAW,O,CAErEC,EAAID,UAAYC,EAAID,SACpB,GAAIZ,KAAKQ,kBAAoB,UAAYK,EAAID,SAAU,CACnDZ,KAAK6E,uBAAuBC,KAAK,CAACjE,IAAKb,KAAKoB,2BAA2BP,I,CAE3Eb,KAAKS,KAAOK,EAAEK,UAAUnB,KAAKS,K,CAGzBsE,gBACJ,MAAMtE,EAAOT,KAAKgF,wBAClB,MAAMpE,GAAYZ,KAAKiF,qBACvBxE,EAAKC,KAAIC,GAAKA,EAAEC,SAAWA,IAC3BZ,KAAKkF,0BAA0BJ,KAAK,CAACrE,KAAMG,EAAWH,EAAKC,KAAIG,GAAOb,KAAKoB,2BAA2BP,KAAQ,KAC9Gb,KAAKS,KAAOK,EAAEK,UAAUnB,KAAKS,K,CAGzBwE,qBACJ,MAAMxE,EAAOT,KAAKgF,wBAClB,OAAOvE,EAAKtB,OAAS,GAAKsB,EAAKgC,QAAO5B,GAAOA,EAAID,WAAUzB,SAAWsB,EAAKtB,M,CAGvE6F,wBACJ,GAAIhF,KAAKgC,aAAc,CACnB,OAAOhC,KAAKS,KAAKgC,QAAO5B,GAAOA,EAAIQ,OAASrB,KAAKgC,aAAakC,a,CAElE,OAAOlE,KAAKS,I,CAGhB0E,sBAAsBtE,GAClB,OAAQb,KAAKQ,iBACT,IAAK,OACD,OACJ,IAAK,SACD,OAAO4E,EAAA,UACHA,EAAA,aAAWC,QAASxE,EAAID,SAAU0E,QAAStF,KAAK4E,eAAezG,KAAK6B,KAAMa,MAElF,IAAK,WACD,OAAOuE,EAAA,UACHA,EAAA,gBAAcC,QAASxE,EAAID,SAAU2E,YAAavF,KAAK4E,eAAezG,KAAK6B,KAAMa,M,CAKzF2E,eAAe3E,EAAiB4E,GACpC,GAAIA,EAAK7D,UAAW,CAChB,OAAO6D,EAAK7D,UACPwD,EACDK,EAAKjE,OACLxB,KAAKoB,2BAA2BP,G,CAGxC,OAAO4E,EAAKhE,O,CAGRiE,mBACJ,IAAK1F,KAAKsB,QAAS,CACf,OAAO,C,CAEX,OAAOtB,KAAKsB,QAAQnC,QAAUa,KAAKQ,kBAAoB,OAAS,EAAI,E,CAGxEmF,S,MACI,OACIP,EAACQ,EAAI,KAEGR,EAAA,aACIA,EAAA,aAEIpF,KAAKQ,kBAAoB,OAAS,GAC5B4E,EAAA,MAAIS,MAAM,6BAEJ7F,KAAKQ,kBAAoB,SAAW,GAChC4E,EAAA,gBAAcC,QAASrF,KAAKiF,qBACdM,YAAavF,KAAK+E,cAAc5G,KAAK6B,SAIvEoF,EAAA,QAAMU,KAAK,iBAEXV,EAAA,aAEIpF,KAAK+F,QACCX,EAAA,UACEA,EAAA,MAAIY,QAAShG,KAAK0F,mBAAoBG,MAAM,WACxCT,EAAA,uBAGNa,EAAAjG,KAAKS,QAAI,MAAAwF,SAAA,SAAAA,EACLxD,QAAO5B,GAAOb,KAAK2C,aAAe3C,KAAKgC,cAAgBnB,EAAIQ,OAASrB,KAAKgC,aAAakC,cACvFxD,KAAIG,GACDb,KAAKkG,UAAUrF,OAMvCuE,EAAA,QAAMU,KAAK,oB,CAKfI,UAAUrF,G,MACd,OAAOuE,EAAA,MAAIS,MAAOhF,EAAID,SAAW,WAAa,IACzCZ,KAAKmF,sBAAsBtE,IAC3BoF,EAAApF,EAAIU,SAAK,MAAA0E,SAAA,S,EAAEvF,KAAI+E,IACR,GAAIA,EAAKjE,OAAO2E,OAAQ,CACpB,M,CAEJ,OAAOV,EAAKjE,OAAO4E,YACZhB,EAAA,UACCA,EAAA,QAAMU,KAAML,EAAKjE,OAAOmD,GAAK,IAAM9D,EAAIG,KAAKhB,KAAKqG,cAElDjB,EAAA,MAAIkB,KAAMb,EAAKjE,OAAOG,KAAO,WAAY3B,KAAKwF,eAAe3E,EAAK4E,GAAY,I"}