genesys-spark-components 4.124.0 → 4.125.0

package/dist/cjs/gux-column-manager-item.cjs.entry.js

@@ -158,14 +158,14 @@ const GuxColumnManagerItem = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: '7f0eb000d20a905316cd68165eb66a334a174158', draggable: "true" }, index.h("div", { key: 'a0e134e68ddedaaf1afbab7a8da79ad482ab63bc', class: {
+        return (index.h(index.Host, { key: 'ce1e492fa59d2528c1f46eb6ef374b08c45f1cab', draggable: "true" }, index.h("div", { key: '865de5c7b735d616c69af0fe78abf436249bedd1', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, index.h("button", { key: 'efa4ed1a77c1fa68f00df058652a0348765b92e5', class: {
+            } }, index.h("button", { key: '0b3cee32eb1ee396e8415b9d832d1e229ace7d94', class: {
                 'gux-reorder': true,
                 'gux-reordering': this.isReordering
-            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, index.h("gux-icon", { key: '71530f7d9fc252f5635627c1a065584f41584f7f', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), index.h("span", { key: 'c3c51447013b5d280bf367f1462f8f42e0e00771', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: 'c1d1268c9790958286d4adc4069c1eaa4ced5fe4', class: "gux-select" }, index.h("slot", { key: '8dcae2468ecea9542c2240fdd5c4d4fe8a9feaf0', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: 'fd6859289326baae92ebcf8da6de591a785440ca', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
+            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, index.h("gux-icon", { key: 'a5f81dca5e9cab01720344772feab18a004940b5', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), index.h("span", { key: '6ebd4d11790a6ef4e966e63fe08f9cfc23ca7faa', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: 'b5ec685bd8ca953222d7cd77a15b5b5661085d53', class: "gux-select" }, index.h("slot", { key: 'cbf50779742ef28d8d8a1416e0ab86cc74bca45c', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: '603a44c15bdd4f75ce3f3aca231b6dc6a43f105d', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-column-manager.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8f08a5ed.js');
 const index$1 = require('./index-c5d18923.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 const guxColumnManager_service = require('./gux-column-manager.service-6eaeedb0.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./clamp-e86a226e.js');
@@ -115,7 +115,7 @@ const GuxColumnManager = class {
         return (index.h("div", null, index.h("span", { "aria-hidden": "true" }, this.i18n('selectedColumnCount', { count, total })), index.h("span", { class: "gux-sr-only" }, count === total ? (index.h("span", null, ": ", this.i18n('unselectAllColumnsScreenReader', { count, total }))) : (index.h("span", null, ": ", this.i18n('selectAllColumnsScreenReader', { count, total }))))));
     }
     render() {
-        return (index.h("div", { key: '83f8c56f7b40274f4c90a19ff85f56eb0b9f0c1b', class: "gux-container" }, index.h("div", { key: 'cd0a19859d0475b7e92b9bbc06d0889943c7802b', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: '092d37573ab5991e38db44f0c2a81e2c34806d3f', class: "gux-search" }, index.h("gux-content-search", { key: '7cab45a1358fbd2fe8646b90fd8afc4b29a973b5', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: '3523482ff7a71159d0a651be41b8fda04c1485f3', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: '50dd1066c38088bd7c457cfc355007c37d075602', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: '9a2bbaa79781ad1b416328970aa01676cef39cf0' }, index.h("input", { key: '9e3057496b6edeb25b33c5d96642e9dd83e5abc1', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: 'c79b45b9957847d59753bf51de17066850438489', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '3690576a14aacca46bd638588b071b8e38e74c87', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: '397e963311bb6d94231235625b8d9e65b9a1bd48', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: '10cb64eeeb4a03e0e5d94d09b21103b1e3094654', ref: el => (this.announceElement = el) })));
+        return (index.h("div", { key: '0cc23598dde034cb03cc6c6fc5a381c91acf657f', class: "gux-container" }, index.h("div", { key: '40fed526bb4ad40001eab9e5d74f8dfa32d098d1', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: '57f05475c912e324f62d909bbb2b75b92e3524b7', class: "gux-search" }, index.h("gux-content-search", { key: 'c39d2b109726a4b105a27d8aa032ad546c10d5f7', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: '4f3f97e1c3affc85d51d67fe4a63c3ba490b65f9', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: 'f7472f9d153b8de1c9ef3158309890c0bcf1a974', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: '774c0f4e7a50db67ba3f55a75ceaf0f94644cdf7' }, index.h("input", { key: '874352997ab778da3488b8eea6553d0f476acbb3', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: 'a3a9b95f4df52b3d6caee07b4223e7aca4758dee', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: 'bd8454187eae0e01a2634cb514d885eec8285c4f', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: '26cd7ff48db01eb192d1a31946145cd50d54613f', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: '2140cb7ad8ce976b41b106274c3bb7a7f7eb27b8', ref: el => (this.announceElement = el) })));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-content-search.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8f08a5ed.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 const index$1 = require('./index-c5d18923.js');
 const onAttributeChange = require('./on-attribute-change-a9f44523.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
@@ -66,10 +66,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'b1dce1f7aa5e42b1f72bc78a282edccf350d40b1', class: {
+        return (index.h("div", { key: 'd85d17c24ead428597f2c973644b080e2b778466', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.inputSlottedElement) }, index.h("div", { key: '702e0c26122e5d518cd3884cfead0d86fee2e513', class: "gux-search-icon" }, index.h("gux-icon", { key: '596191bbf3977b96de332021c6b57a40af9ab6bd', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: '6483f37646aa35eb410195df959b7fa60f434cd8' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement.focusInputElement(this.inputSlottedElement) }, index.h("div", { key: '3119e47e3da9276359ad9b2c0ae9215f712aded2', class: "gux-search-icon" }, index.h("gux-icon", { key: 'ef796175a494bc30d234cc2a79b4ab24c85c7510', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: '98855be493a40b519cbe9f4366eb8ade53297e54' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

package/dist/cjs/gux-context-menu.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8f08a5ed.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 const index$1 = require('./index-c5d18923.js');
 const onClickOutside = require('./on-click-outside-18d3c600.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
@@ -121,8 +121,8 @@ const GuxContextMenu = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: '707229019c12c10652cdfc34a433a3b43e4769b5' }, index.h("gux-popup", { key: '8951e4d5bb390f8c6286ee3dc5c88b3752218a54', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: '1efe6466297b12dd808515b48a6b9568f65dfdeb', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: '9758cd30423c8c591bf59b476c74f1646d3faa76', accent: "ghost" }, index.h("button", { key: 'e01f3224547a9ae4d3cc6273df599aa40e2a7c75', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, index.h("gux-icon", { key: 'a7743dd2c6ae301665259bf70415268e41902e34', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText'), size: "small" })))), index.h("div", { key: 'fc04961270a3a8931cd94929b71c1c8931f4f10a', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: '488f7571e7832496150cd4d40d7d961c6d3ccb98', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '4a6c881c12188ad1e546c0f1a41b4e26314a0919' }))))));
+        return (index.h(index.Host, { key: 'b191c422bc7f399b8124d7a151d18ed13f54d0c2' }, index.h("gux-popup", { key: '870757febfec9a70a5fa30334687c77891abe3b1', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: '788045750569a15d4657afa9cbb4de8bfc20b625', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: 'c72dbf0647ff64f6609802f48a6b38bff9040854', accent: "ghost" }, index.h("button", { key: '143fe2240fdc722ce2dd6d41d0084fa2324f2874', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, index.h("gux-icon", { key: '0a218befa8f176c73ae1eada6c75713fb48b6f05', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText'), size: "small" })))), index.h("div", { key: 'b89ed6447b3d462ba1f17d5da40c48bd13849a5d', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: '9f24962dd20f6f7b6ec9bc8b718f432a121a0436', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'e15de5777f867c5e221cfc01db925c3b6c154fc6' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8f08a5ed.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 const index$1 = require('./index-c5d18923.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -66,7 +66,7 @@ const GuxCopyToClipboard = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("button", { key: '616be04f124067f824a7b6a03e3fc617fd6e7599', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, index.h("div", { key: 'd0dd3e636ffd72a9be5853cc03788c8afe37fb2c', class: "gux-copy-content" }, index.h("slot", { key: '795079745fdba8d5aa7d48b73ce8e885fac2d19d', name: "content" }), index.h("gux-icon", { key: '75ce4aa82603b90725c91630d799af4a887f35ed', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (index.h("button", { key: '844989a98e1c490e20f2ec1ae4d3f24b2a917178', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, index.h("div", { key: '0cf08a655bef7d85fba772004b6c6ce4f583fb11', class: "gux-copy-content" }, index.h("slot", { key: '5591ea04e2a25294e921a3ca75b8e5d23db15bb1', name: "content" }), index.h("gux-icon", { key: '910e8b4e9ce9299ce0016ab10d0049ac4d716326', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-create-option.cjs.entry.js

@@ -48,11 +48,11 @@ const GuxCreateOption = class {
         return (index.h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (index.h(index.Host, { key: '8050d0a2a3038915ebdd3adeb809b5690904d82c', role: "option", "aria-selected": false, class: {
+        return (index.h(index.Host, { key: 'b187d5960eef36734480be15faace6b1079783d0', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, index.h("div", { key: 'edeca4eee776ba323719997c31c16e07ba1afa36', class: "gux-option" }, index.h("gux-icon", { key: '2115a8f400dd67b02f050878b1eb94f1cf670f9e', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), index.h("div", { key: '79bc35c18e20d332a3a1e74dd7577ab5614d9de5', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, index.h("div", { key: '9ec59d6f440e2f1561657550f1bad767fb4129ba', class: "gux-option" }, index.h("gux-icon", { key: '0cbc724c40a9a23bba99ea1275065c7144ee7d3b', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), index.h("div", { key: '5f4de4aaa90c7d3b9dc82160e1f7c8b740c5dff0', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

package/dist/cjs/gux-date-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8f08a5ed.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 const getValidTimezone = require('./get-valid-timezone-92648ac9.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 const index$1 = require('./index-c5d18923.js');

package/dist/cjs/gux-date-time-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8f08a5ed.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 const getValidTimezone = require('./get-valid-timezone-92648ac9.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 const index$1 = require('./index-c5d18923.js');

package/dist/cjs/gux-datepicker.cjs.entry.js

@@ -8,7 +8,7 @@ const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const isoDates = require('./iso-dates-2daf4199.js');
 const onClickOutside = require('./on-click-outside-18d3c600.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 const index$1 = require('./index-c5d18923.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -650,7 +650,7 @@ const GuxDatepicker = class {
             } }, index.h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, this.getCalendarLabels()[1]), index.h("div", { class: "gux-datepicker-field-input" }, index.h("div", { class: "gux-datepicker-field-text-input" }, index.h("input", { id: this.endInputId, type: "text", ref: (el) => (this.toInputElement = el), onMouseUp: e => this.onInputMouseUp(e), onFocusin: e => this.onInputFocusIn(e), onFocusout: () => this.onInputFocusOut(), value: this.toFormattedValue, disabled: this.disabled }), this.renderCalendarToggleButton()))));
     }
     render() {
-        return (index.h("div", { key: '8f4fb3c6d75c099911fee07b2ec3f3315776e4ce', class: {
+        return (index.h("div", { key: '8b92ad844aa8d78ec04cfdbf28382c997689b07f', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8f08a5ed.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 const index$1 = require('./index-c5d18923.js');
 require('./get-closest-element-9e41d6b9.js');
 

package/dist/cjs/gux-dismiss-button.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8f08a5ed.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 const index$1 = require('./index-c5d18923.js');
 require('./get-closest-element-9e41d6b9.js');
 

package/dist/cjs/gux-dropdown-multi-tag.cjs.entry.js

@@ -45,7 +45,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: 'f9db9ba78c3cfa1e1bc0b825d04fc96afa6cca58', class: {
+        return (index.h("div", { key: '771af7820748344052a47add3ca4e4a8a34d82ef', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));

package/dist/cjs/gux-dropdown-multi.cjs.entry.js

@@ -8,7 +8,7 @@ const index$1 = require('./index-c5d18923.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 const guxListbox_service = require('./gux-listbox.service-01e82389.js');
 const onMutation = require('./on-mutation-86c636e6.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
@@ -419,7 +419,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            index.h("div", { key: '719f8bbeae8ae940b9e413c9568f88369026d8af', class: "gux-dropdown-container" }, index.h("gux-popup", { key: 'd1e8815725519674a1d52505b7f31efcb8ff3a95', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            index.h("div", { key: '5b338deb97e0eb12f203fd47f1affe8f2447afad', class: "gux-dropdown-container" }, index.h("gux-popup", { key: '7ec10e6179cc0bc50b847b38541950277c8551ee', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get delegatesFocus() { return true; }

package/dist/cjs/gux-dropdown_3.cjs.entry.js

@@ -8,7 +8,7 @@ const index$1 = require('./index-c5d18923.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 const onMutation = require('./on-mutation-86c636e6.js');
 const guxListbox_service = require('./gux-listbox.service-01e82389.js');
 const hasSlot = require('./has-slot-3edae188.js');

package/dist/cjs/gux-file-list-item.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8f08a5ed.js');
 const index$1 = require('./index-c5d18923.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const removeFile = "Remove {filename} file";
@@ -35,11 +35,11 @@ const GuxFileListItem = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("div", { key: 'f45c9a8fd63502fc11f7b335556beb2d70acb49b', class: {
+        return (index.h("div", { key: '3a2e436b710705f65b693b7a5d9dcfbdf3a0f036', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '86bafb60a2b20e14e0e6ef5bd38fee47d0ea3096', class: "gux-info" }, index.h("gux-truncate", { key: 'f4f841214860f392ed88741b44139dcf8a3e18c2' }, index.h("span", { key: 'f23791db1fe4fe023f1809376658882635ec1d91', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, index.h("div", { key: '210ab577a899ac3596a181ff5192799a9eefeb2e', class: "gux-info" }, index.h("gux-truncate", { key: '50d20b56f716d6ad219c9c86b4cf4534de0bf8d3' }, index.h("span", { key: '707ac3629ba48c98375aed98010ad129494e67dc', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
     }
     renderStatusIndicator() {
         switch (this.status) {