npm - genesys-spark-components - Versions diffs - 4.260.0 → 4.261.0 - Mend

genesys-spark-components 4.260.0 → 4.261.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (445) hide show

package/dist/cjs/gux-button-slot.cjs.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use strict';
 var index = require('./index-CFuMDA6U.js');
-var usage = require('./usage-CNMU12eX.js');
+var usage = require('./usage-Cl9v3dJz.js');
 var logError = require('./log-error-nWO_o1C3.js');
 const guxButtonSlotCss = () => `:host{display:inline-flex;block-size:fit-content;pointer-events:none}::slotted(input[type=button]),::slotted(input[type=submit]),::slotted(button){font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);box-sizing:border-box !important;display:inline-flex;align-items:center;justify-content:center;inline-size:100%;min-inline-size:var(--gse-ui-button-iconOnly-width);min-block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;text-overflow:ellipsis;color:var(--gse-ui-button-secondary-default-foregroundColor);white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}:host([icon-only]) ::slotted(input[type=button]),:host([icon-only]) ::slotted(input[type=submit]),:host([icon-only]) ::slotted(button){padding:var(--gse-ui-button-default-paddingIconOnly)}::slotted(input[type=button][disabled]),::slotted(input[type=submit][disabled]),::slotted(button[disabled]){cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}::slotted(input[type=button]:focus),::slotted(input[type=submit]:focus),::slotted(button:focus){outline:none}::slotted(input[type=button]:focus-visible:enabled),::slotted(input[type=submit]:focus-visible:enabled),::slotted(button:focus-visible:enabled){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(input[type=button]:hover:enabled),::slotted(input[type=submit]:hover:enabled),::slotted(button:hover:enabled){color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}::slotted(input[type=button]:active:enabled),::slotted(input[type=submit]:active:enabled),::slotted(button:active:enabled){color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]),:host([accent=primary]) ::slotted(input[type=submit]),:host([accent=primary]) ::slotted(button){color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:hover:enabled),:host([accent=primary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=primary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:active:enabled),:host([accent=primary]) ::slotted(input[type=submit]:active:enabled),:host([accent=primary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]),:host([accent=tertiary]) ::slotted(input[type=submit]),:host([accent=tertiary]) ::slotted(button){color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width)}:host([accent=tertiary]) ::slotted(input[type=button]:hover:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=tertiary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]:active:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:active:enabled),:host([accent=tertiary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]),:host([accent=ghost]) ::slotted(input[type=submit]),:host([accent=ghost]) ::slotted(button){color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:hover:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:hover:enabled),:host([accent=ghost]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:active:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:active:enabled),:host([accent=ghost]) ::slotted(button:active:enabled){color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]),:host([accent=danger]) ::slotted(input[type=submit]),:host([accent=danger]) ::slotted(button){color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:hover:enabled),:host([accent=danger]) ::slotted(input[type=submit]:hover:enabled),:host([accent=danger]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:active:enabled),:host([accent=danger]) ::slotted(input[type=submit]:active:enabled),:host([accent=danger]) ::slotted(button:active:enabled){color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}:host([accent=inline]) ::slotted(input[type=button]),:host([accent=inline]) ::slotted(input[type=submit]),:host([accent=inline]) ::slotted(button){min-inline-size:initial;block-size:initial;min-block-size:initial;padding:0;color:var(--gse-ui-links-default-foregroundColor);background:none;border:none}:host([accent=inline]) ::slotted(input[type=button][disabled]),:host([accent=inline]) ::slotted(input[type=submit][disabled]),:host([accent=inline]) ::slotted(button[disabled]){color:var(--gse-ui-links-disabled-foregroundColor)}:host([accent=inline]) ::slotted(input[type=button]:hover:enabled),:host([accent=inline]) ::slotted(input[type=submit]:hover:enabled),:host([accent=inline]) ::slotted(button:hover:enabled){color:var(--gse-ui-links-hover-foregroundColor);text-decoration:underline;background:none}:host([accent=inline]) ::slotted(input[type=button]:active:enabled),:host([accent=inline]) ::slotted(input[type=submit]:active:enabled),:host([accent=inline]) ::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}:host([accent=copilot]) ::slotted(input[type=button]),:host([accent=copilot]) ::slotted(input[type=submit]),:host([accent=copilot]) ::slotted(button){color:var(--gse-ui-button-primary-default-foregroundColor);background:linear-gradient(64deg, var(--gse-ui-copilotButton-default-backgroundColor-bottomLeft) 5.51%, var(--gse-ui-copilotButton-default-backgroundColor-middle) 48.28%, var(--gse-ui-copilotButton-default-backgroundColor-topRight) 88.65%);border:none;box-shadow:var(--gse-ui-copilotButton-glow-default)}:host([accent=copilot]) ::slotted(input[type=button]:hover:enabled),:host([accent=copilot]) ::slotted(input[type=submit]:hover:enabled),:host([accent=copilot]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-primary-hover-foregroundColor);background:linear-gradient(54deg, var(--gse-ui-copilotButton-hover-backgroundColor-bottomLeft) 7.09%, var(--gse-ui-copilotButton-hover-backgroundColor-middle) 47.64%, var(--gse-ui-copilotButton-hover-backgroundColor-topRight) 103.51%);box-shadow:var(--gse-ui-copilotButton-glow-hover)}:host([accent=copilot]) ::slotted(input[type=button]:active:enabled),:host([accent=copilot]) ::slotted(input[type=submit]:active:enabled),:host([accent=copilot]) ::slotted(button:active:enabled){color:var(--gse-ui-button-primary-active-foregroundColor);background:linear-gradient(54deg, var(--gse-ui-copilotButton-active-backgroundColor-bottomLeft) 7.17%, var(--gse-ui-copilotButton-active-backgroundColor-middle) 46.7%, var(--gse-ui-copilotButton-active-backgroundColor-topRight) 83.3%);box-shadow:var(--gse-ui-copilotButton-glow-active)}:host([accent=input-icon]) ::slotted(input[type=button]),:host([accent=input-icon]) ::slotted(input[type=submit]),:host([accent=input-icon]) ::slotted(button){inline-size:16px;min-inline-size:initial;block-size:16px;padding:1px;color:var(--gse-ui-formControl-input-inputClearable-inputClearableColor);background-color:transparent}:host([accent=input-icon]) ::slotted(input[type=button]:hover:enabled),:host([accent=input-icon]) ::slotted(input[type=submit]:hover:enabled),:host([accent=input-icon]) ::slotted(button:hover:enabled){color:var(--gse-semantic-background-interactive-primary-hover);background-color:transparent}:host([accent=input-icon]) ::slotted(input[type=button]:active:enabled),:host([accent=input-icon]) ::slotted(input[type=submit]:active:enabled),:host([accent=input-icon]) ::slotted(button:active:enabled){color:var(--gse-semantic-background-interactive-primary-active);background-color:transparent}:host([accent=input-icon]) ::slotted(input[type=button]:focus-visible:enabled),:host([accent=input-icon]) ::slotted(input[type=submit]:focus-visible:enabled),:host([accent=input-icon]) ::slotted(button:focus-visible:enabled){color:var(--gse-semantic-background-interactive-primary-default);background-color:transparent}:host([accent=subtle]) ::slotted(input[type=button]),:host([accent=subtle]) ::slotted(input[type=submit]),:host([accent=subtle]) ::slotted(button){color:var(--gse-ui-button-subtle-default-foregroundColor);background-color:var(--gse-ui-button-subtle-default-backgroundColor)}:host([accent=subtle]) ::slotted(input[type=button]:hover:enabled),:host([accent=subtle]) ::slotted(input[type=submit]:hover:enabled),:host([accent=subtle]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-subtle-hover-foregroundColor);background-color:var(--gse-ui-button-subtle-hover-backgroundColor)}:host([accent=subtle]) ::slotted(input[type=button]:active:enabled),:host([accent=subtle]) ::slotted(input[type=submit]:active:enabled),:host([accent=subtle]) ::slotted(button:active:enabled){color:var(--gse-ui-button-subtle-active-foregroundColor);background-color:var(--gse-ui-button-subtle-active-backgroundColor)}`;

package/dist/cjs/gux-button_2.cjs.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use strict';
 var index = require('./index-CFuMDA6U.js');
-var usage = require('./usage-CNMU12eX.js');
+var usage = require('./usage-Cl9v3dJz.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 var floatingUi_dom = require('./floating-ui.dom-C55JQ6sZ.js');
 var onClickOutside = require('./on-click-outside-BxzPuXdS.js');

package/dist/cjs/gux-calendar.cjs.entry.js CHANGED Viewed

@@ -4,7 +4,7 @@ var index = require('./index-CFuMDA6U.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var assignAriaBoolean = require('./assign-aria-boolean-D78B6DOf.js');
 var isoDates = require('./iso-dates-C3ShFBCi.js');
-var usage = require('./usage-CNMU12eX.js');
+var usage = require('./usage-Cl9v3dJz.js');
 var index$1 = require('./index-DnKtr15V.js');
 var capitalizeFirstLetter = require('./capitalize-first-letter-mZPrUEI2.js');
 var sparkIntl = require('./spark-intl-DyVr-p9T.js');

package/dist/cjs/gux-card.cjs.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use strict';
 var index = require('./index-CFuMDA6U.js');
-var usage = require('./usage-CNMU12eX.js');
+var usage = require('./usage-Cl9v3dJz.js');
 const guxCardCss = () => `:host{display:block;inline-size:fit-content}.gux-card{box-sizing:border-box;padding:var(--gse-ui-card-padding);background-color:var(--gse-ui-card-backgroundColor);border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color);border-radius:var(--gse-ui-card-borderRadius)}.gux-card.gux-bordered{border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color)}.gux-card.gux-raised{border:var(--gse-ui-card-raised-border-width) var(--gse-ui-card-raised-border-style) var(--gse-ui-card-raised-border-color);box-shadow:var(--gse-ui-card-raised-boxShadow)}.gux-card.gux-borderless{border:var(--gse-ui-card-borderless-border-width) var(--gse-ui-card-borderless-border-style) var(--gse-ui-card-borderless-border-color)}`;

package/dist/cjs/gux-cloud-logo-beta.cjs.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use strict';
 var index = require('./index-CFuMDA6U.js');
-var usage = require('./usage-CNMU12eX.js');
+var usage = require('./usage-Cl9v3dJz.js');
 var index$1 = require('./index-DnKtr15V.js');
 require('./get-closest-element-D_ECDbYK.js');

package/dist/cjs/gux-cloud-logomark-beta.cjs.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use strict';
 var index = require('./index-CFuMDA6U.js');
-var usage = require('./usage-CNMU12eX.js');
+var usage = require('./usage-Cl9v3dJz.js');
 var index$1 = require('./index-DnKtr15V.js');
 require('./get-closest-element-D_ECDbYK.js');

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

@@ -2,7 +2,7 @@
 var index = require('./index-CFuMDA6U.js');
 var index$1 = require('./index-DnKtr15V.js');
-var usage = require('./usage-CNMU12eX.js');
+var usage = require('./usage-Cl9v3dJz.js');
 var guxColumnManager_service = require('./gux-column-manager.service-BdAzD8uK.js');
 require('./get-closest-element-D_ECDbYK.js');
 require('./clamp-BlDLYO0F.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 var index = require('./index-CFuMDA6U.js');
-var usage = require('./usage-CNMU12eX.js');
+var usage = require('./usage-Cl9v3dJz.js');
 var index$1 = require('./index-DnKtr15V.js');
 var assignAriaBoolean = require('./assign-aria-boolean-D78B6DOf.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');

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

@@ -3,7 +3,7 @@
 var index = require('./index-CFuMDA6U.js');
 var assignAriaBoolean = require('./assign-aria-boolean-D78B6DOf.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-CNMU12eX.js');
+var usage = require('./usage-Cl9v3dJz.js');
 var index$1 = require('./index-DnKtr15V.js');
 var onClickOutside = require('./on-click-outside-BxzPuXdS.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 var index = require('./index-CFuMDA6U.js');
-var usage = require('./usage-CNMU12eX.js');
+var usage = require('./usage-Cl9v3dJz.js');
 var index$1 = require('./index-DnKtr15V.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 require('./get-closest-element-D_ECDbYK.js');
@@ -65,7 +65,9 @@ const GuxCopyToClipboard = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("button", { key: '44a79a8a8f6d9213579b3b68f452fc91b6a0dce7', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent.getSlotTextContent(this.root, 'content') }, index.h("div", { key: '997fe5a87f7b66d86d95370e7db70ba50b57f291', class: "gux-copy-content" }, index.h("slot", { key: '799f39e8ec09324225ef28db828281c75b82d957', name: "content" }), index.h("gux-icon", { key: 'ea61db4be87955945cd1a325c49aabaf7863af18', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (index.h("button", { key: 'a4882afd812f0b621b15848f5ba039af25122592', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": this.label
+                ? `${this.label}${getSlotTextContent.getSlotTextContent(this.root, 'content')}`
+                : getSlotTextContent.getSlotTextContent(this.root, 'content') }, index.h("div", { key: 'e98ff3bef26474c40ff583c2a00c05ab20651d3f', class: "gux-copy-content" }, index.h("slot", { key: '900f0676b7dd4a732938ed838eac4821cfaae2c0', name: "content" }), index.h("gux-icon", { key: 'a20181a784c1ff4e48b5d1dc6b9ad338431051bb', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -1,7 +1,7 @@
 'use strict';
 var index = require('./index-CFuMDA6U.js');
-var usage = require('./usage-CNMU12eX.js');
+var usage = require('./usage-Cl9v3dJz.js');
 var safeDate = require('./safe-date-CoLRvolP.js');
 var index$1 = require('./index-DnKtr15V.js');
 var sparkIntl = require('./spark-intl-DyVr-p9T.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 var index = require('./index-CFuMDA6U.js');
-var usage = require('./usage-CNMU12eX.js');
+var usage = require('./usage-Cl9v3dJz.js');
 var safeDate = require('./safe-date-CoLRvolP.js');
 var index$1 = require('./index-DnKtr15V.js');
 var sparkIntl = require('./spark-intl-DyVr-p9T.js');

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

@@ -7,7 +7,7 @@ var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var isoDates = require('./iso-dates-C3ShFBCi.js');
 var onClickOutside = require('./on-click-outside-BxzPuXdS.js');
-var usage = require('./usage-CNMU12eX.js');
+var usage = require('./usage-Cl9v3dJz.js');
 var index$1 = require('./index-DnKtr15V.js');
 var sparkIntl = require('./spark-intl-DyVr-p9T.js');
 var useRegionalDates = require('./use-regional-dates-5VnN03zC.js');

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

@@ -3,7 +3,7 @@
 var index = require('./index-CFuMDA6U.js');
 var assignAriaBoolean = require('./assign-aria-boolean-D78B6DOf.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-CNMU12eX.js');
+var usage = require('./usage-Cl9v3dJz.js');
 var index$1 = require('./index-DnKtr15V.js');
 require('./get-closest-element-D_ECDbYK.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 var index = require('./index-CFuMDA6U.js');
-var usage = require('./usage-CNMU12eX.js');
+var usage = require('./usage-Cl9v3dJz.js');
 var index$1 = require('./index-DnKtr15V.js');
 require('./get-closest-element-D_ECDbYK.js');

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

@@ -7,7 +7,7 @@ var index$1 = require('./index-DnKtr15V.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var usage = require('./usage-CNMU12eX.js');
+var usage = require('./usage-Cl9v3dJz.js');
 var guxListbox_service = require('./gux-listbox.service-FoCeSxM9.js');
 var onMutation = require('./on-mutation-DNSeVVw5.js');
 require('./get-closest-element-D_ECDbYK.js');

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

@@ -7,7 +7,7 @@ var index$1 = require('./index-DnKtr15V.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-CNMU12eX.js');
+var usage = require('./usage-Cl9v3dJz.js');
 var onMutation = require('./on-mutation-DNSeVVw5.js');
 var guxListbox_service = require('./gux-listbox.service-FoCeSxM9.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
@@ -234,6 +234,16 @@ const GuxDropdown = class {
     fieldButtonClick() {
         this.expanded = !this.expanded;
     }
+    onFilterableTargetClick(event) {
+        var _a, _b;
+        if (!this.isFilterable() ||
+            onInputDisabledStateChange.calculateInputDisabledState(this.root) ||
+            ((_a = this.fieldButtonElement) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
+            return;
+        }
+        this.expanded = true;
+        (_b = this.filterElement) === null || _b === void 0 ? void 0 : _b.focus();
+    }
     filterInput(event) {
         event.stopPropagation();
         this.filter = this.filterElement.value;
@@ -360,7 +370,7 @@ const GuxDropdown = class {
     }
     renderFilterInputField() {
         if (this.isFilterable()) {
-            return (index.h("div", { class: "gux-field gux-input-field", dir: "auto" }, index.h("div", { class: "gux-field-content" }, index.h("div", { class: "gux-filter" }, index.h("div", { class: "gux-filter-display" }, index.h("span", { class: "gux-filter-text" }, this.filter), index.h("span", { class: "gux-filter-suggestion" }, this.getTypeaheadText(this.filter))), index.h("div", { class: "input-and-dropdown-button" }, index.h("input", { class: "gux-filter-input", type: "text", "aria-label": this.i18n('filterResults'), ref: el => (this.filterElement = el), onInput: this.filterInput.bind(this), onClick: () => (this.expanded = true), onKeyDown: this.filterKeydown.bind(this), onKeyUp: this.filterKeyup.bind(this), disabled: this.disabled }), this.renderTargetContent())))));
+            return (index.h("div", { class: "gux-field gux-input-field", dir: "auto" }, index.h("div", { class: "gux-field-content" }, index.h("div", { class: "gux-filter" }, index.h("div", { class: "gux-filter-display" }, index.h("span", { class: "gux-filter-text" }, this.filter), index.h("span", { class: "gux-filter-suggestion" }, this.getTypeaheadText(this.filter))), index.h("div", { class: "input-and-dropdown-button" }, index.h("input", { class: "gux-filter-input", type: "text", "aria-label": this.i18n('filterResults'), ref: el => (this.filterElement = el), onInput: this.filterInput.bind(this), onKeyDown: this.filterKeydown.bind(this), onKeyUp: this.filterKeyup.bind(this), disabled: this.disabled }), this.renderTargetContent())))));
         }
     }
     renderPopup() {
@@ -373,7 +383,7 @@ const GuxDropdown = class {
                 'gux-target-container-not-filterable': !this.isFilterable(),
                 'gux-error': this.hasError,
                 'gux-disabled': this.disabled
-            }, slot: "target" }, this.renderFilterInputField(), index.h("button", { type: "button", class: "gux-field gux-field-button", disabled: onInputDisabledStateChange.calculateInputDisabledState(this.root), onClick: this.fieldButtonClick.bind(this), onFocusin: this.showTooltip.bind(this), onFocusout: this.hideTooltip.bind(this), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": assignAriaBoolean.assignAriaStateBoolean(this.expanded) }, !this.isFilterable() && this.renderTargetContent(), this.renderRadialLoading(), index.h("gux-icon", { class: {
+            }, slot: "target", onClick: this.onFilterableTargetClick.bind(this) }, this.renderFilterInputField(), index.h("button", { type: "button", class: "gux-field gux-field-button", disabled: onInputDisabledStateChange.calculateInputDisabledState(this.root), onClick: this.fieldButtonClick.bind(this), onFocusin: this.showTooltip.bind(this), onFocusout: this.hideTooltip.bind(this), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": assignAriaBoolean.assignAriaStateBoolean(this.expanded) }, !this.isFilterable() && this.renderTargetContent(), this.renderRadialLoading(), index.h("gux-icon", { class: {
                 'gux-expand-icon': true
             }, "screenreader-text": this.i18n('dropdown'), size: "small", iconName: this.expanded
                 ? 'custom/chevron-up-small-regular'
@@ -390,7 +400,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (index.h("gux-popup", { key: '8019e061d669fc8274253a4557a3e773492f17fa', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: '0aec16f073da5a4d5cbb1478645c70793388a59a', 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; }
     get root() { return index.getElement(this); }

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

@@ -2,7 +2,7 @@
 var index = require('./index-CFuMDA6U.js');
 var index$1 = require('./index-DnKtr15V.js');
-var usage = require('./usage-CNMU12eX.js');
+var usage = require('./usage-Cl9v3dJz.js');
 require('./get-closest-element-D_ECDbYK.js');
 const removeFile = "Remove {filename} file";