wcs-core 7.6.0 → 7.7.0

package/dist/cjs/wcs-editable-field.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6f0140d8.js');
-const helpers = require('./helpers-2f1a8ddc.js');
+const helpers = require('./helpers-eaafd588.js');
 
 const WcsEditableFieldSizeValues = ['m', 'l']; // as const keyword is used to infer and preserve the exact literal values of an array or object.
 function isWcsEditableFieldSize(size) {
@@ -285,7 +285,7 @@ const EditableField = class {
     }
     render() {
         const { formattedValue, formattedValueText, formattedCurrentValue } = this.formatValues();
-        return (index.h(index.Host, { key: 'a1b692fad52bdb6a7309b70a04edfb68cf77f6d3' }, index.h("div", { key: 'dfc55ad386b993f0187040fa2d3cdcdc5c67dbd8', class: "label" }, this.label), index.h("button", { key: 'ec38bec07dd21b44c1e699b967d0d7aee9d51a1f', type: "button", class: 'display-container ' + (this.currentState !== EditableComponentState.DISPLAY ? 'display-none' : ''), onClick: () => this.onDisplayContainerClick(), ref: (el) => this.editModeBtn = el, "aria-label": `${EDIT_ARIA_LABEL} ${this.label} ${formattedValueText}` }, formattedValue, index.h("wcs-mat-icon", { key: 'cc38a3416a563d4985311f73b7774496697f6685', icon: "edit", size: "s" }), this.readonly ? this.getReadonlySvgIcon() : null), index.h("div", { key: '0872aecf23dab9d4fdfee58b9ee13b51e682d48e', class: 'load-container ' + (this.currentState !== EditableComponentState.LOAD ? 'display-none' : '') }, formattedCurrentValue, index.h("wcs-spinner", { key: '89e19662f6c7429e18fb9e41e3c35450b0675b1d' })), index.h("wcs-form-field", { key: '8e90e1c7f78fc418ecb6299b19b5c93dad0d9d7a', "is-error": this.isError, class: 'edit-container ' + (this.currentState !== EditableComponentState.EDIT ? 'display-none' : '') }, index.h("wcs-label", { key: '5919933cb037bd7e5c5fa87af68525d47006b6e3', class: "visually-hidden" }, this.label), index.h("slot", { key: '971ecbfe68bcd475d87fe3bcbf570b81a7be039e' }), this.isError && this.errorMsg
+        return (index.h(index.Host, { key: '3980dc18ccf2a4ea568569dd6f072ea19d2e2ce3' }, index.h("div", { key: '6d853b2bfdee062fd8e8a3e0aa9f19e17def5206', class: "label" }, this.label), index.h("button", { key: '9e8211967d9e48ea201ee25cbd6d5df17f77a9bb', type: "button", class: 'display-container ' + (this.currentState !== EditableComponentState.DISPLAY ? 'display-none' : ''), onClick: () => this.onDisplayContainerClick(), ref: (el) => this.editModeBtn = el, "aria-label": `${EDIT_ARIA_LABEL} ${this.label} ${formattedValueText}` }, formattedValue, index.h("wcs-mat-icon", { key: '774fd99f237ad6c63fc8895f3d6cdfb99314adec', icon: "edit", size: "s" }), this.readonly ? this.getReadonlySvgIcon() : null), index.h("div", { key: 'ab98ad8b0909933b680353b46c1407b0f82af28a', class: 'load-container ' + (this.currentState !== EditableComponentState.LOAD ? 'display-none' : '') }, formattedCurrentValue, index.h("wcs-spinner", { key: '2ae47012c5d251b7a756a1fb13c30ad5f36ee103' })), index.h("wcs-form-field", { key: '0858fc4d06e5c0f1c6dfb23d904fb36ea348d9b8', "is-error": this.isError, class: 'edit-container ' + (this.currentState !== EditableComponentState.EDIT ? 'display-none' : '') }, index.h("wcs-label", { key: '5f901a2af267d42b20aa67b80245f63c0124fdd2', class: "visually-hidden" }, this.label), index.h("slot", { key: 'd7948c3e0187f6d92727167eb1737d7b6973072d' }), this.isError && this.errorMsg
             ? index.h("wcs-error", null, this.errorMsg)
             : null)));
     }

package/dist/cjs/wcs-error_3.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6f0140d8.js');
 const mutableAriaAttribute = require('./mutable-aria-attribute-342a2304.js');
-const helpers = require('./helpers-2f1a8ddc.js');
+const helpers = require('./helpers-eaafd588.js');
 const controlComponentInterface = require('./control-component-interface-d9b68f28.js');
 
 const errorCss = ":host{--wcs-error-color:var(--wcs-semantic-color-text-critical);--wcs-error-font-size:var(--wcs-semantic-font-size-caption-2);--wcs-error-font-weight:var(--wcs-semantic-font-weight-book);color:var(--wcs-error-color);font-size:var(--wcs-error-font-size);font-weight:var(--wcs-error-font-weight)}";
@@ -15,7 +15,7 @@ const Label$1 = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '7dffcb3487f7210c5c9a45af709fc942a1410679', role: "alert", slot: "error" }, index.h("slot", { key: '251fbdc26fe58be4296328c4ebaed77329c6c507' })));
+        return (index.h(index.Host, { key: '89cbcbdb9057296fb11e99bd6f92b7b92bdad988', role: "alert", slot: "error" }, index.h("slot", { key: '81f37240e47e345a01901772bd095ee19d793963' })));
     }
 };
 Label$1.style = WcsErrorStyle0;
@@ -164,7 +164,7 @@ const FormField = class {
         if (this.hasPrefix) {
             classes += ' has-prefix';
         }
-        return (index.h(index.Host, { key: 'd8a5d2023add393b0a31173351a3d16d9fa0b1a6', class: classes }, index.h("slot", { key: '3f347f4dce239c0106fbbe52bdc217fa37c05d01', name: "label" }), index.h("div", { key: 'd6cb92104d72530059ecb9a383ff832afb0c2141', class: "input-container" }, index.h("slot", { key: '8be28f721ff351d41dced80c97c0e34337703d0e', name: "prefix" }), index.h("slot", { key: 'cc58d463877a1e8513736a987286e965870e096d', onSlotchange: () => this.onFormInputSlotChange() }), index.h("slot", { key: '898709cfcf0ae1cd43dabd55547d62199d6230c9', name: "suffix" })), isError ? (index.h("slot", { name: "error" })) : '', index.h("slot", { key: 'aaf2d35dfbdfda47b440f96d7f9aa22cb09f6a06', name: "messages" })));
+        return (index.h(index.Host, { key: '9cfd2ef4834a62bfe77366b99ec637b71008178e', class: classes }, index.h("slot", { key: '26a0f59515e28ec045e8ccee2e74e143466ca183', name: "label" }), index.h("div", { key: '338b49d772bc0b9ec2621a783a051e4bdc8096bc', class: "input-container" }, index.h("slot", { key: 'f51bf6dc00f529f70a8ccf37ff54c29093fb1e20', name: "prefix" }), index.h("slot", { key: 'ccab32ee521ec419c89e561d4ac099a0953b6188', onSlotchange: () => this.onFormInputSlotChange() }), index.h("slot", { key: 'b54d01ac5b4f7f6761923b94c436b2728ff036e5', name: "suffix" })), isError ? (index.h("slot", { name: "error" })) : '', index.h("slot", { key: '40665251b2e5acc2fb8e31a4e8b46d34959b74e1', name: "messages" })));
     }
     onFormInputSlotChange() {
         this.initSpiedElement();
@@ -196,7 +196,7 @@ const Label = class {
         helpers.setOrRemoveAttribute(this.nativeLabel, attr, value);
     }
     render() {
-        return (index.h(index.Host, { key: 'bd18c1a58190a8a8ada92b47f3b77e58c89c3169', slot: "label" }, index.h("label", Object.assign({ key: '7fc3b63d96cf88eb8b31abd2b0055feebe02f696', ref: (el) => this.nativeLabel = el }, this.inheritedAttributes), index.h("slot", { key: 'b997f691e437b758f3ebe0f0899605430b10388a' }), this.required && index.h("span", { key: '529194ed383d724c570a9bca56ee23dc9b9f0fce', "aria-hidden": "true", class: "required-marker" }, "*"))));
+        return (index.h(index.Host, { key: 'd5fff8ed9237d97dee4683e4994084bec2f72503', slot: "label" }, index.h("label", Object.assign({ key: '418f9021685cb0f942f6e44557ad237be1a3019e', ref: (el) => this.nativeLabel = el }, this.inheritedAttributes), index.h("slot", { key: '9cde60902ca12c8b0301f247c22bbd8581f988a3' }), this.required && index.h("span", { key: 'b12767c7901b18e24fcf422ba0ed1ef43df21641', "aria-hidden": "true", class: "required-marker" }, "*"))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/wcs-field-content.cjs.entry.js

@@ -9,7 +9,7 @@ const FieldContent = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '251b9ccc1b13766b287f356dfc51d6a953ad0a5e', slot: "content" }, index.h("slot", { key: 'ee7d55bf47c0f468829e99a26a0fe340fbafcc9f' })));
+        return (index.h(index.Host, { key: 'd9e607042807d1eac96334e573b689fd556efb57', slot: "content" }, index.h("slot", { key: 'bfc5e88fcdaa0a74a530310c916e8e9d0686ade3' })));
     }
 };
 

package/dist/cjs/wcs-field-label.cjs.entry.js

@@ -9,7 +9,7 @@ const FieldLabel = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'a051b09993d67bf56b087d86ba433caf1bdbb7a6', slot: "label" }, index.h("slot", { key: '6044b728151fd48878f555d3db3e0754f31b7e51' })));
+        return (index.h(index.Host, { key: '8ec997eb8d3c959d536e915e41b6feee0abae9b5', slot: "label" }, index.h("slot", { key: '6388cadd5e9f3b793accd62806897550d38e2473' })));
     }
 };
 

package/dist/cjs/wcs-field.cjs.entry.js

@@ -12,7 +12,7 @@ const Field = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'ae0a6c7224dc199cd6cd342d77878bfff17aa49b' }, index.h("slot", { key: '408c146f3e6bfa1868964a29934494215627fb59', name: "label" }), index.h("slot", { key: '9c2151491f6acc4a5a6da36676e21e8dee6f156a', name: "content" })));
+        return (index.h(index.Host, { key: '2f1a99e80af297bdad4ffc522c124ef998433036' }, index.h("slot", { key: '02ed1e93a6fa2394bb76699ebae4b85d1f693941', name: "label" }), index.h("slot", { key: 'de5f51186a195b070839751260a2b15aee14d75c', name: "content" })));
     }
 };
 Field.style = WcsFieldStyle0;

package/dist/cjs/wcs-footer.cjs.entry.js

@@ -12,7 +12,7 @@ const Footer = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '6fe975235d6de2793e55e8d10860649b5684c093' }, index.h("footer", { key: '80b0ff721eedab3e4cc00fd2484a638718fc8b13', role: "contentinfo" }, index.h("div", { key: 'f7d676d79f4d8780736e3a28e3e4b2aa1f0786e1', class: "container" }, index.h("div", { key: 'e1f9ea823133d972d3eb2bc8e7eaa18558448a73' }, index.h("slot", { key: 'd7177b9e98ac24ad39008669de01899e71c27079' })), index.h("div", { key: '849ceafdd459f24b672e1f68edf86ffd4fcce733', class: "end" }, index.h("div", { key: '7077861e872bbb50e7e5de0c968fe2222e9bf7d7', class: "end-left" }, index.h("slot", { key: 'dded653e62bf683e0514c51b06e55ccb44f70c54', name: "end-left" })), index.h("div", { key: 'ec25d2a5f84cb477eaa6a63de4df6ce6e9db07c5', class: "end-right" }, index.h("slot", { key: '4201096294b44a29f74112c2acaa2163f9ecfcb9', name: "end-right" })))))));
+        return (index.h(index.Host, { key: '1982e1bb2f8f8fab2b32039b98327b82d0f7fe5b' }, index.h("footer", { key: '5df2e947ab692961ff3bab26c029d1cd6b60b525', role: "contentinfo" }, index.h("div", { key: '1aa5188a4679ca7c8d898747fae709648bf4efd4', class: "container" }, index.h("div", { key: '4e0720a198a72fd4d215afa9a9b82c9a01f935c7' }, index.h("slot", { key: 'b982e050f713d0684eb0202a33a72394a062383b' })), index.h("div", { key: '2d2969a699b1b56ebc712fecbb99ccde8dc28c28', class: "end" }, index.h("div", { key: 'a0e18ea874704d4fd8aac0204122b9a18209ca37', class: "end-left" }, index.h("slot", { key: 'c70c138311778a58748dcfcdd03f8f61895bc6ec', name: "end-left" })), index.h("div", { key: '3339a070ca8068d7441643825fdb30e684d9aff7', class: "end-right" }, index.h("slot", { key: 'f576479754f88144e8ded04c90d1696882e6155e', name: "end-right" })))))));
     }
 };
 Footer.style = WcsFooterStyle0;

package/dist/cjs/wcs-galactic-menu.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6f0140d8.js');
-const helpers = require('./helpers-2f1a8ddc.js');
+const helpers = require('./helpers-eaafd588.js');
 const popper = require('./popper-1b61df21.js');
 
 const galacticMenuCss = ":host{--wcs-galactic-menu-background-color:var(--wcs-semantic-color-background-surface-brand);--wcs-galactic-menu-padding-horizontal:var(--wcs-semantic-spacing-large);--wcs-galactic-menu-gap:var(--wcs-semantic-spacing-large);--wcs-galactic-menu-height:var(--wcs-semantic-size-s);--wcs-galactic-menu-icon-focus-outline-color:var(--wcs-galactic-text-color, white);--wcs-galactic-menu-overlay-color:var(--wcs-semantic-color-text-inverse);--wcs-galactic-menu-overlay-background-color:var(--wcs-semantic-color-background-surface-inverse);--wcs-galactic-menu-overlay-padding:var(--wcs-semantic-spacing-large);display:flex;align-items:center;box-sizing:border-box;height:var(--wcs-galactic-menu-height);gap:var(--wcs-galactic-menu-gap);padding:0 var(--wcs-galactic-menu-padding-horizontal);background-color:var(--wcs-galactic-menu-background-color)}#menu{display:none;background-color:var(--wcs-galactic-menu-overlay-background-color);color:var(--wcs-galactic-menu-overlay-color);padding:var(--wcs-galactic-menu-overlay-padding);--wcs-semantic-color-border-focus-base:var(--wcs-semantic-color-text-inverse, white)}#menu[data-show]{display:block;z-index:9999}#menu[data-popper-placement^=top]>#arrow{bottom:-4px}#menu[data-popper-placement^=bottom]>#arrow{top:-4px}#menu[data-popper-placement^=left]>#arrow{right:-4px}#menu[data-popper-placement^=right]>#arrow{left:-4px}#arrow,#arrow::before{position:absolute;width:8px;height:8px;background:inherit}#arrow{visibility:hidden}#arrow::before{visibility:visible;content:\"\";transform:rotate(45deg)}button{background:transparent;border:none;color:inherit;cursor:pointer;user-select:none}button:focus-visible{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-galactic-menu-icon-focus-outline-color);outline-offset:0;border-radius:0.1rem}";
@@ -65,9 +65,9 @@ const Galactic = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'bc460c17b222723b8cc037042cc758f8ca0e50ec' }, index.h("span", { key: 'd324ff624a9e5c9f6984134d4091986cac11f18b' }, this.text), index.h("button", Object.assign({ key: '7b0160174a249b30e082b9b2a77aca334ee6256a', "aria-haspopup": "true", "aria-controls": "menu", ref: el => {
+        return (index.h(index.Host, { key: '8119cc6893e6dc5eda0b2f88a2d3935f9c1a6ac4' }, index.h("span", { key: 'c6ca18f7cb948c09d7d5fdd6bc9aacbad2e397fe' }, this.text), index.h("button", Object.assign({ key: 'a04475052533f24675ef125ba52117bc15279fba', "aria-haspopup": "true", "aria-controls": "menu", ref: el => {
                 this.menuButton = el;
-            }, "aria-expanded": this.showPopoverMenu ? "true" : "false" }, this.inheritedAttributes, { onClick: _ => this.toggleMenu() }), index.h("wcs-mat-icon", { key: '96b20053845f5490791ea278c2444392ba630600', id: "toggle-menu-icon", icon: "more_horiz", size: "m" })), index.h("span", { key: '6f959f220edbf293fe6922f7aaeaab0f213bf736', id: "menu", role: "menu", "data-show": this.showPopoverMenu }, index.h("div", { key: '6a05e468d65252ecbb57b421a53be0a0a1974f98', id: "arrow", "data-popper-arrow": true }), index.h("slot", { key: 'c9398cbb856d836820ac1cddf3113710eeaff5fb' }))));
+            }, "aria-expanded": this.showPopoverMenu ? "true" : "false" }, this.inheritedAttributes, { onClick: _ => this.toggleMenu() }), index.h("wcs-mat-icon", { key: '7a394bfe5e1cee3d49dba4672c6569a0f94a02ae', id: "toggle-menu-icon", icon: "more_horiz", size: "m" })), index.h("span", { key: '290449dc75b2d5ba33acb49865b1736cf12cb13c', id: "menu", role: "menu", "data-show": this.showPopoverMenu }, index.h("div", { key: 'd5224168e7f11b935453c7e883791842ffbc0c61', id: "arrow", "data-popper-arrow": true }), index.h("slot", { key: 'eaaffe928ece2da680be02522e16655d961261ad' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/wcs-galactic.cjs.entry.js

@@ -14,7 +14,7 @@ const Galactic = class {
         this.show = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'bcede9aa03d2014887eeaa4d5728d57c32a69de2' }, index.h("div", { key: '2d031655b20b592b77e2227a195f15535071c069', class: "container" }, index.h("div", { key: '1d3a345c56925946f5b39ad9edaad7ee927343cc', class: "logo-container" }, index.h("img", { key: '3f7e9a0a7df3a954d21e328da562189771baf8a8', src: SNCF_BASE64_SVG_LOGO, id: "sncf-logo", alt: "SNCF" }), index.h("span", { key: '68c00801e7f2564930d6a5f77fc6f45511a321cf' }, this.text)), index.h("div", { key: '3724b08dca457a9be21ecb84925ed3fea4e49f95', class: "actions-container" }, index.h("slot", { key: '572f4ca9036c737a579f2c58ec113cada4dd421c' })))));
+        return (index.h(index.Host, { key: '232bedfce53c034b8cb1d65386d883bd7e3bf98d' }, index.h("div", { key: '0c3540994bd2b846a4668cb20f7e12207b764041', class: "container" }, index.h("div", { key: '5e3d1e7c948420b75383a52eb39c22acfa443e1f', class: "logo-container" }, index.h("img", { key: 'd3d28eab6584e0b670cd7624147033c134f0bfbe', src: SNCF_BASE64_SVG_LOGO, id: "sncf-logo", alt: "SNCF" }), index.h("span", { key: '46de64ef60c5b5180397dbcee9d18ddd33f42025' }, this.text)), index.h("div", { key: '2de7221e95f3628a2c05a9b1006b75b25f6cb25e', class: "actions-container" }, index.h("slot", { key: 'd91d6a26c3d9c79610e8b35c79bb7e3e42541751' })))));
     }
 };
 const SNCF_BASE64_SVG_LOGO = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVy' +

package/dist/cjs/wcs-grid-column.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6f0140d8.js');
-const helpers = require('./helpers-2f1a8ddc.js');
+const helpers = require('./helpers-eaafd588.js');
 
 const GridSortArrow = ({ state }) => (index.h("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" },
     index.h("g", { class: (state === 'none' ? '' : state) + ' arrow-group' },
@@ -81,7 +81,7 @@ const GridColumn = class {
     }
     render() {
         const ButtonOrDiv = this.getTagName();
-        return (index.h(index.Host, { key: 'dae8ba0823c68e3029faa505a061b80ae911f84a', slot: "grid-column" }, index.h("th", Object.assign({ key: '02d892d695ee9faa1f91be08c67c200aa770d489', style: { width: this.width }, class: this.sort ? 'pointer' : '', tabIndex: this.sort ? -1 : this.getTabIndex(), scope: "col", onClick: this.onSortClick.bind(this), onKeyDown: this.handleSortKeyDown.bind(this), onFocus: this.delegateFocusToButton.bind(this), "aria-sort": this.sort ? this.getSortOrderForAriaSort(this.sortOrder) : null, ref: (el) => (this.nativeTh = el) }, this.inheritedAttributes), index.h(ButtonOrDiv, { key: '2da3c848ac260aa272e78e52f282ff0078ecc1e1', class: "grid-column-th-content", ref: (el) => this.buttonOrDiv = el, tabIndex: this.sort ? this.getTabIndex() : -1 }, index.h("span", { key: '063de5c95a3fb63444cf5e10e291252bc3474fad' }, this.name), this.sort ? index.h("div", { class: "sort-arrow-container" }, index.h(GridSortArrow, { state: this.sortOrder })) : ''))));
+        return (index.h(index.Host, { key: '118b343bd6403270ae60ec7859ba56bea98c6aa1', slot: "grid-column" }, index.h("th", Object.assign({ key: '61815f030b8b3b5ceff187bf264a86d03fa8a3bd', style: { width: this.width }, class: this.sort ? 'pointer' : '', tabIndex: this.sort ? -1 : this.getTabIndex(), scope: "col", onClick: this.onSortClick.bind(this), onKeyDown: this.handleSortKeyDown.bind(this), onFocus: this.delegateFocusToButton.bind(this), "aria-sort": this.sort ? this.getSortOrderForAriaSort(this.sortOrder) : null, ref: (el) => (this.nativeTh = el) }, this.inheritedAttributes), index.h(ButtonOrDiv, { key: '5894a5ca7af78e40b6307a290707090f974ef652', class: "grid-column-th-content", ref: (el) => this.buttonOrDiv = el, tabIndex: this.sort ? this.getTabIndex() : -1 }, index.h("span", { key: '4bd49d08cea2f0892ae0e28f20cf2fc982345f9e' }, this.name), this.sort ? index.h("div", { class: "sort-arrow-container" }, index.h(GridSortArrow, { state: this.sortOrder })) : ''))));
     }
     onSortClick() {
         if (!this.sort)

package/dist/cjs/wcs-grid-custom-cell.cjs.entry.js

@@ -11,7 +11,7 @@ const GridCustomCell = class {
         this.rowId = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: 'dd57a3792ccd2dbf7bb23f5055eb3136a06a9acb', slot: this.columnId + '-' + this.rowId }, index.h("slot", { key: '5fa475118d263c77b9ccbc1bb7e0c808b1578e87' })));
+        return (index.h(index.Host, { key: 'aac258f291f690ca8e124414d265f5fec7fc6a56', slot: this.columnId + '-' + this.rowId }, index.h("slot", { key: '7371fc04b30f46ada2ae94c8b4c64d6e0aa07789' })));
     }
 };
 

package/dist/cjs/wcs-grid-pagination.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const gridPagination = require('./grid-pagination-ded127cc.js');
+const gridPagination = require('./grid-pagination-e92dca78.js');
 require('./index-6f0140d8.js');
-require('./helpers-2f1a8ddc.js');
+require('./helpers-eaafd588.js');
 
 
 

package/dist/cjs/wcs-grid.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6f0140d8.js');
-const gridPagination = require('./grid-pagination-ded127cc.js');
-const keyboardEvent = require('./keyboard-event-40ecdc27.js');
-const helpers = require('./helpers-2f1a8ddc.js');
+const gridPagination = require('./grid-pagination-e92dca78.js');
+const keyboardEvent = require('./keyboard-event-4890c60e.js');
+const helpers = require('./helpers-eaafd588.js');
 const isEqual = require('./isEqual-be8e5a57.js');
 
 function getSortOrderInteger(sortOrder) {
@@ -1593,7 +1593,14 @@ const Grid = class {
      * Update the page's number of all rows
      */
     updatePageIndex() {
+        var _a;
         if (!this.serverMode && this.paginationEl) {
+            if (!this.data || ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) === 0) {
+                this.paginationEl.itemsCount = 0;
+                this.paginationEl.pageCount = 0;
+                this.paginationEl.currentPage = -1;
+                return;
+            }
             this.paginationEl.itemsCount = this.data.length;
             this.paginationEl.pageCount = Math.ceil(this.data.length / this.paginationEl.pageSize);
             if (this.paginationEl.pageCount <= 1) {
@@ -1706,12 +1713,12 @@ const Grid = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (index.h(index.Host, { key: 'b19822a50c13e2c45df1457d9e7a5100b2ba62ef' }, index.h("table", Object.assign({ key: '26b9e13d87544a151d6b31e6019f44f980541153', role: "grid", ref: (el) => (this.nativeTable = el), "aria-rowcount": !this.loading && ((_a = this.rows) === null || _a === void 0 ? void 0 : _a.length), "aria-colcount": !this.loading && this.totalDisplayedColumnCount() }, this.inheritedAttributes), index.h("thead", { key: '1e5a328e858cbf3a6ad29e2db070c4c44c67bfe5' }, index.h("tr", { key: '121c5b20769d31b4366b3c563fd3fce695f6ef83', "aria-rowindex": "1" }, this.selectionConfig === 'none' ? ''
+        return (index.h(index.Host, { key: '6e42449e37f59f83499df9359733fd3fc3a1d93e' }, index.h("table", Object.assign({ key: '1cafcdf15955b01522441053d09891e388f03912', role: "grid", ref: (el) => (this.nativeTable = el), "aria-rowcount": !this.loading && ((_a = this.rows) === null || _a === void 0 ? void 0 : _a.length), "aria-colcount": !this.loading && this.totalDisplayedColumnCount() }, this.inheritedAttributes), index.h("thead", { key: '99d597b8e11ab46072008a8d8cbb801f8646fd4d' }, index.h("tr", { key: 'd2e912234b5837fedcc54f450181989c7e3b6cc1', "aria-rowindex": "1" }, this.selectionConfig === 'none' ? ''
             : index.h("th", { class: "wcs-grid-selection-column" }, this.selectionConfig === 'single' ? '' :
                 index.h("wcs-checkbox", { tabIndex: ((_b = this.cursorPosition) === null || _b === void 0 ? void 0 : _b.col) === 0
-                        && ((_c = this.cursorPosition) === null || _c === void 0 ? void 0 : _c.row) === 0 ? 0 : -1, part: "all-rows-checkbox", checked: this.allRowsAreSelected(), onWcsChange: this.selectAllRows.bind(this) })), index.h("slot", { key: '20977331e2ea13fae89d239155d9800764dd2695', name: "grid-column" }))), index.h("tbody", { key: '6587df7ab7251139904249def1a347f3e6718f70' }, this.loading
+                        && ((_c = this.cursorPosition) === null || _c === void 0 ? void 0 : _c.row) === 0 ? 0 : -1, part: "all-rows-checkbox", checked: this.allRowsAreSelected(), onWcsChange: this.selectAllRows.bind(this) })), index.h("slot", { key: '15d0607ad6f51f15bfa511836ff89d64d84e2db4', name: "grid-column" }))), index.h("tbody", { key: 'bd02a78ade9037a3f5ba47e08f1bd6a7184e5f63' }, this.loading
             ? index.h("tr", { "aria-busy": "true" }, index.h("td", { colSpan: this.totalColumnCount(), class: "loading" }, index.h("wcs-spinner", null)))
-            : (_d = this.rows) === null || _d === void 0 ? void 0 : _d.filter(row => this.serverMode || !this.paginationEl || row.page === this.paginationEl.currentPage).map((row, index) => this.renderRow(row, index)))), index.h("slot", { key: '134dcd235b562cd2734889cfd6eb43e4eda012ad', name: "grid-pagination" })));
+            : (_d = this.rows) === null || _d === void 0 ? void 0 : _d.filter(row => this.serverMode || !this.paginationEl || row.page === this.paginationEl.currentPage).map((row, index) => this.renderRow(row, index)))), index.h("slot", { key: 'fe6d559fb6ced1a3de3466012bea2cd9ef2a7d8a', name: "grid-pagination" })));
     }
     /**
      * Returns the row with all mapped cells inside.