genesys-spark-components 3.5.0 → 3.7.1

package/dist/types/components/beta/gux-dropdown-multi/gux-dropdown-multi.d.ts

@@ -0,0 +1,56 @@
+import { JSX } from '../../../stencil-public-runtime';
+/**
+ * @slot - for a gux-listbox-multi containing gux-option-multi children
+ */
+export declare class GuxDropdownMulti {
+  private i18n;
+  private fieldButtonElement;
+  private filterElement;
+  private listboxElement;
+  private root;
+  value: string;
+  disabled: boolean;
+  required: boolean;
+  placeholder: string;
+  filterable: boolean;
+  private expanded;
+  private filter;
+  focusSelectedItemAfterRender(expanded: boolean): void;
+  validateValue(newValue: string): void;
+  /**
+   * Gets the currently selected values.
+   */
+  getSelectedValues(): Promise<string[]>;
+  onKeydown(event: KeyboardEvent): void;
+  onInternallistboxoptionsupdated(event: CustomEvent): void;
+  onGuxclearselected(event: CustomEvent): void;
+  onBlur(event: FocusEvent): void;
+  onFocus(event: FocusEvent): void;
+  onFocusout(event: FocusEvent): void;
+  onFocusin(event: FocusEvent): void;
+  onClickOutside(): void;
+  componentWillLoad(): Promise<void>;
+  componentDidLoad(): void;
+  componentWillRender(): void;
+  private stopPropagationOfInternalFocusEvents;
+  private getOptionElementByValue;
+  private fieldButtonClick;
+  private fieldButtonInputClick;
+  private filterInput;
+  private shiftTabFromExpandedFilterInput;
+  private shiftTabFromFilterListbox;
+  private activeElementNotListbox;
+  private filterKeydown;
+  private filterKeyup;
+  private collapseListbox;
+  private updateValue;
+  private getSuggestionText;
+  private renderTargetDisplay;
+  private getSrSelectedText;
+  private renderTag;
+  private renderFilterInputField;
+  private renderPopup;
+  private renderTarget;
+  private renderTargetContent;
+  render(): JSX.Element;
+}

package/dist/types/components/beta/gux-table/gux-sort-control/gux-sort-control.d.ts

@@ -0,0 +1,13 @@
+import { JSX } from '../../../../stencil-public-runtime';
+import { GuxTableSortState } from '../gux-table.types';
+export declare class GuxSortControl {
+  private i18n;
+  root: HTMLElement;
+  colLabel: string;
+  colSortDirection: string;
+  sortDirectionEvent(event: CustomEvent<GuxTableSortState>): void;
+  private renderSrText;
+  componentWillRender(): Promise<void>;
+  componentDidLoad(): void;
+  render(): JSX.Element;
+}

package/dist/types/components/beta/gux-table/gux-table.d.ts

@@ -68,6 +68,8 @@ export declare class GuxTable {
   private get slottedTable();
   private get tableRows();
   private get tableColumns();
+  private get tableColumnsDataSortable();
+  private get sortControlCol();
   private get rowCheckboxes();
   private get selectAllCheckbox();
   /******************************* Row Selection *******************************/

package/dist/types/components/beta/gux-tag/gux-tag.d.ts

@@ -23,10 +23,6 @@ export declare class GuxTag {
    * Tag is removable.
    */
   removable: boolean;
-  /**
-   * Tag icon name.
-   */
-  icon: string;
   label: string;
   onKeyDown(event: KeyboardEvent): void;
   private removeTag;

package/dist/types/components/stable/gux-dropdown/gux-dropdown.d.ts

@@ -10,6 +10,7 @@ export declare class GuxDropdown {
   private root;
   value: string;
   disabled: boolean;
+  required: boolean;
   placeholder: string;
   filterable: boolean;
   private expanded;

package/dist/types/components/stable/gux-form-field/components/gux-form-field-dropdown/gux-form-field-dropdown.d.ts

@@ -0,0 +1,27 @@
+import { JSX } from '../../../../../stencil-public-runtime';
+import { GuxFormFieldLabelPosition } from '../../gux-form-field.types';
+/**
+ * @slot input - Required slot for input tag
+ * @slot label - Required slot for label tag
+ * @slot error - Optional slot for error message
+ */
+export declare class GuxFormFieldDropdown {
+  private listboxElement;
+  private dropdownElement;
+  private label;
+  private disabledObserver;
+  private requiredObserver;
+  private root;
+  labelPosition: GuxFormFieldLabelPosition;
+  private computedLabelPosition;
+  private disabled;
+  private required;
+  private hasError;
+  onMutation(): void;
+  componentWillLoad(): void;
+  disconnectedCallback(): void;
+  render(): JSX.Element;
+  private get variant();
+  private setInput;
+  private setLabel;
+}

package/dist/types/components/stable/gux-form-field/{gux-form-field.servce.d.ts → gux-form-field.service.d.ts}

@@ -3,4 +3,4 @@ export declare function clearInput(input: HTMLInputElement): void;
 export declare function hasErrorSlot(root: HTMLElement): boolean;
 export declare function hasContent(input: HTMLInputElement | HTMLTextAreaElement): boolean;
 export declare function getComputedLabelPosition(label: HTMLElement, labelPosition: GuxFormFieldLabelPosition): GuxFormFieldLabelPosition;
-export declare function validateFormIds(root: HTMLElement, input: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement): void;
+export declare function validateFormIds(root: HTMLElement, input: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | HTMLGuxListboxElement | HTMLGuxListboxMultiElement): void;

package/dist/types/components/stable/gux-listbox/gux-listbox.d.ts

@@ -7,6 +7,7 @@ export declare class GuxListbox {
   root: HTMLGuxListboxElement;
   value: string;
   filter: string;
+  selectedValues: string[];
   listboxOptions: HTMLGuxOptionElement[];
   allListboxOptionsFiltered: boolean;
   internallistboxoptionsupdated: EventEmitter;
@@ -20,7 +21,6 @@ export declare class GuxListbox {
   private setListboxOptions;
   private updateValue;
   componentWillLoad(): Promise<void>;
-  componentDidLoad(): void;
   componentWillRender(): void;
   renderAllListboxOptionsFiltered(): JSX.Element;
   render(): JSX.Element;

package/dist/types/components/stable/gux-listbox-multi/gux-listbox-multi.d.ts

@@ -0,0 +1,28 @@
+import { EventEmitter, JSX } from '../../../stencil-public-runtime';
+/**
+ * @slot - collection of gux-option-multi elements
+ */
+export declare class GuxListboxMulti {
+  private i18n;
+  root: HTMLGuxListboxElement;
+  value: string;
+  filter: string;
+  selectedValues: string[];
+  listboxOptions: HTMLGuxOptionElement[];
+  allListboxOptionsFiltered: boolean;
+  internallistboxoptionsupdated: EventEmitter;
+  onFocus(): void;
+  onBlur(): void;
+  onKeydown(event: KeyboardEvent): void;
+  onKeyup(event: KeyboardEvent): void;
+  onMousemove(): void;
+  onClick(event: MouseEvent): void;
+  validateValue(): void;
+  guxSelectActive(): Promise<void>;
+  private setListboxOptions;
+  private updateValue;
+  componentWillLoad(): Promise<void>;
+  componentWillRender(): void;
+  renderAllListboxOptionsFiltered(): JSX.Element;
+  render(): JSX.Element;
+}

package/dist/types/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.d.ts

@@ -0,0 +1,15 @@
+import { JSX } from '../../../../stencil-public-runtime';
+export declare class GuxOptionMulti {
+  root: HTMLElement;
+  value: string;
+  active: boolean;
+  selected: boolean;
+  disabled: boolean;
+  filtered: boolean;
+  hovered: boolean;
+  onmouseenter(): void;
+  onMouseleave(): void;
+  componentWillLoad(): void;
+  private getAriaSelected;
+  render(): JSX.Element;
+}

package/dist/types/components/stable/gux-tabs/gux-tab-list/gux-tab-list.d.ts

@@ -15,6 +15,7 @@ export declare class GuxTabList {
   private resizeObserver?;
   private domObserver?;
   onKeydown(event: KeyboardEvent): void;
+  onMutation(): void;
   guxSetActive(activeTab: string): Promise<void>;
   private focusTab;
   private setTabTriggers;

package/dist/types/components.d.ts

@@ -566,6 +566,7 @@ export namespace Components {
         "disabled": boolean;
         "filterable": boolean;
         "placeholder": string;
+        "required": boolean;
         "value": string;
     }
     interface GuxDropdownLegacy {
@@ -592,6 +593,24 @@ export namespace Components {
          */
         "value": string;
     }
+    interface GuxDropdownMultiBeta {
+        "disabled": boolean;
+        "filterable": boolean;
+        /**
+          * Gets the currently selected values.
+         */
+        "getSelectedValues": () => Promise<string[]>;
+        "placeholder": string;
+        "required": boolean;
+        "value": string;
+    }
+    interface GuxDropdownMultiTag {
+        /**
+          * Tag is removable.
+         */
+        "disabled": boolean;
+        "numberSelected": number;
+    }
     interface GuxDropdownOption {
         /**
           * If this Boolean attribute is set, this option is not checkable. It won't receive any browsing events, like mouse clicks or focus-related ones.
@@ -629,6 +648,9 @@ export namespace Components {
     interface GuxFormFieldColor {
         "labelPosition": GuxFormFieldLabelPosition;
     }
+    interface GuxFormFieldDropdown {
+        "labelPosition": GuxFormFieldLabelPosition;
+    }
     interface GuxFormFieldInputClearButton {
     }
     interface GuxFormFieldLegacy {
@@ -762,6 +784,11 @@ export namespace Components {
         "guxSelectActive": () => Promise<void>;
         "value": string;
     }
+    interface GuxListboxMulti {
+        "filter": string;
+        "guxSelectActive": () => Promise<void>;
+        "value": string;
+    }
     interface GuxMenu {
     }
     interface GuxMenuOption {
@@ -815,6 +842,14 @@ export namespace Components {
          */
         "value": string;
     }
+    interface GuxOptionMulti {
+        "active": boolean;
+        "disabled": boolean;
+        "filtered": boolean;
+        "hovered": boolean;
+        "selected": boolean;
+        "value": string;
+    }
     interface GuxPageLoadingSpinner {
         /**
           * Localized text to provide an accessible label for the component. If no screenreader text is provided, the localized string "Loading" will be used by default
@@ -988,6 +1023,8 @@ export namespace Components {
          */
         "accent": GuxSimpleToastAccent;
     }
+    interface GuxSortControl {
+    }
     interface GuxSubmenu {
         /**
           * Focus on the components button element
@@ -1151,10 +1188,6 @@ export namespace Components {
           * Tag is removable.
          */
         "disabled": boolean;
-        /**
-          * Tag icon name.
-         */
-        "icon": string;
         /**
           * Tag is removable.
          */
@@ -1288,6 +1321,10 @@ export interface GuxDropdownLegacyCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGuxDropdownLegacyElement;
 }
+export interface GuxDropdownMultiTagCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGuxDropdownMultiTagElement;
+}
 export interface GuxDropdownOptionCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGuxDropdownOptionElement;
@@ -1308,6 +1345,10 @@ export interface GuxListboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGuxListboxElement;
 }
+export interface GuxListboxMultiCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGuxListboxMultiElement;
+}
 export interface GuxModalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGuxModalElement;
@@ -1627,6 +1668,18 @@ declare global {
         prototype: HTMLGuxDropdownLegacyElement;
         new (): HTMLGuxDropdownLegacyElement;
     };
+    interface HTMLGuxDropdownMultiBetaElement extends Components.GuxDropdownMultiBeta, HTMLStencilElement {
+    }
+    var HTMLGuxDropdownMultiBetaElement: {
+        prototype: HTMLGuxDropdownMultiBetaElement;
+        new (): HTMLGuxDropdownMultiBetaElement;
+    };
+    interface HTMLGuxDropdownMultiTagElement extends Components.GuxDropdownMultiTag, HTMLStencilElement {
+    }
+    var HTMLGuxDropdownMultiTagElement: {
+        prototype: HTMLGuxDropdownMultiTagElement;
+        new (): HTMLGuxDropdownMultiTagElement;
+    };
     interface HTMLGuxDropdownOptionElement extends Components.GuxDropdownOption, HTMLStencilElement {
     }
     var HTMLGuxDropdownOptionElement: {
@@ -1657,6 +1710,12 @@ declare global {
         prototype: HTMLGuxFormFieldColorElement;
         new (): HTMLGuxFormFieldColorElement;
     };
+    interface HTMLGuxFormFieldDropdownElement extends Components.GuxFormFieldDropdown, HTMLStencilElement {
+    }
+    var HTMLGuxFormFieldDropdownElement: {
+        prototype: HTMLGuxFormFieldDropdownElement;
+        new (): HTMLGuxFormFieldDropdownElement;
+    };
     interface HTMLGuxFormFieldInputClearButtonElement extends Components.GuxFormFieldInputClearButton, HTMLStencilElement {
     }
     var HTMLGuxFormFieldInputClearButtonElement: {
@@ -1819,6 +1878,12 @@ declare global {
         prototype: HTMLGuxListboxElement;
         new (): HTMLGuxListboxElement;
     };
+    interface HTMLGuxListboxMultiElement extends Components.GuxListboxMulti, HTMLStencilElement {
+    }
+    var HTMLGuxListboxMultiElement: {
+        prototype: HTMLGuxListboxMultiElement;
+        new (): HTMLGuxListboxMultiElement;
+    };
     interface HTMLGuxMenuElement extends Components.GuxMenu, HTMLStencilElement {
     }
     var HTMLGuxMenuElement: {
@@ -1855,6 +1920,12 @@ declare global {
         prototype: HTMLGuxOptionLegacyElement;
         new (): HTMLGuxOptionLegacyElement;
     };
+    interface HTMLGuxOptionMultiElement extends Components.GuxOptionMulti, HTMLStencilElement {
+    }
+    var HTMLGuxOptionMultiElement: {
+        prototype: HTMLGuxOptionMultiElement;
+        new (): HTMLGuxOptionMultiElement;
+    };
     interface HTMLGuxPageLoadingSpinnerElement extends Components.GuxPageLoadingSpinner, HTMLStencilElement {
     }
     var HTMLGuxPageLoadingSpinnerElement: {
@@ -1981,6 +2052,12 @@ declare global {
         prototype: HTMLGuxSimpleToastElement;
         new (): HTMLGuxSimpleToastElement;
     };
+    interface HTMLGuxSortControlElement extends Components.GuxSortControl, HTMLStencilElement {
+    }
+    var HTMLGuxSortControlElement: {
+        prototype: HTMLGuxSortControlElement;
+        new (): HTMLGuxSortControlElement;
+    };
     interface HTMLGuxSubmenuElement extends Components.GuxSubmenu, HTMLStencilElement {
     }
     var HTMLGuxSubmenuElement: {
@@ -2161,11 +2238,14 @@ declare global {
         "gux-dismiss-button": HTMLGuxDismissButtonElement;
         "gux-dropdown": HTMLGuxDropdownElement;
         "gux-dropdown-legacy": HTMLGuxDropdownLegacyElement;
+        "gux-dropdown-multi-beta": HTMLGuxDropdownMultiBetaElement;
+        "gux-dropdown-multi-tag": HTMLGuxDropdownMultiTagElement;
         "gux-dropdown-option": HTMLGuxDropdownOptionElement;
         "gux-error-message-beta": HTMLGuxErrorMessageBetaElement;
         "gux-flyout-menu-beta": HTMLGuxFlyoutMenuBetaElement;
         "gux-form-field-checkbox": HTMLGuxFormFieldCheckboxElement;
         "gux-form-field-color": HTMLGuxFormFieldColorElement;
+        "gux-form-field-dropdown": HTMLGuxFormFieldDropdownElement;
         "gux-form-field-input-clear-button": HTMLGuxFormFieldInputClearButtonElement;
         "gux-form-field-legacy": HTMLGuxFormFieldLegacyElement;
         "gux-form-field-number": HTMLGuxFormFieldNumberElement;
@@ -2193,12 +2273,14 @@ declare global {
         "gux-list-item-legacy": HTMLGuxListItemLegacyElement;
         "gux-list-legacy": HTMLGuxListLegacyElement;
         "gux-listbox": HTMLGuxListboxElement;
+        "gux-listbox-multi": HTMLGuxListboxMultiElement;
         "gux-menu": HTMLGuxMenuElement;
         "gux-menu-option": HTMLGuxMenuOptionElement;
         "gux-modal": HTMLGuxModalElement;
         "gux-notification-toast": HTMLGuxNotificationToastElement;
         "gux-option": HTMLGuxOptionElement;
         "gux-option-legacy": HTMLGuxOptionLegacyElement;
+        "gux-option-multi": HTMLGuxOptionMultiElement;
         "gux-page-loading-spinner": HTMLGuxPageLoadingSpinnerElement;
         "gux-pagination": HTMLGuxPaginationElement;
         "gux-pagination-beta": HTMLGuxPaginationBetaElement;
@@ -2220,6 +2302,7 @@ declare global {
         "gux-side-panel-button": HTMLGuxSidePanelButtonElement;
         "gux-side-panel-legacy": HTMLGuxSidePanelLegacyElement;
         "gux-simple-toast": HTMLGuxSimpleToastElement;
+        "gux-sort-control": HTMLGuxSortControlElement;
         "gux-submenu": HTMLGuxSubmenuElement;
         "gux-switch": HTMLGuxSwitchElement;
         "gux-switch-item": HTMLGuxSwitchItemElement;
@@ -2792,6 +2875,7 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         "filterable"?: boolean;
         "placeholder"?: string;
+        "required"?: boolean;
         "value"?: string;
     }
     interface GuxDropdownLegacy {
@@ -2820,6 +2904,24 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface GuxDropdownMultiBeta {
+        "disabled"?: boolean;
+        "filterable"?: boolean;
+        "placeholder"?: string;
+        "required"?: boolean;
+        "value"?: string;
+    }
+    interface GuxDropdownMultiTag {
+        /**
+          * Tag is removable.
+         */
+        "disabled"?: boolean;
+        "numberSelected"?: number;
+        /**
+          * Triggered when click on remove button
+         */
+        "onGuxclearselected"?: (event: GuxDropdownMultiTagCustomEvent<string>) => void;
+    }
     interface GuxDropdownOption {
         /**
           * If this Boolean attribute is set, this option is not checkable. It won't receive any browsing events, like mouse clicks or focus-related ones.
@@ -2852,6 +2954,9 @@ declare namespace LocalJSX {
     interface GuxFormFieldColor {
         "labelPosition"?: GuxFormFieldLabelPosition;
     }
+    interface GuxFormFieldDropdown {
+        "labelPosition"?: GuxFormFieldLabelPosition;
+    }
     interface GuxFormFieldInputClearButton {
     }
     interface GuxFormFieldLegacy {
@@ -2986,6 +3091,11 @@ declare namespace LocalJSX {
         "onInternallistboxoptionsupdated"?: (event: GuxListboxCustomEvent<any>) => void;
         "value"?: string;
     }
+    interface GuxListboxMulti {
+        "filter"?: string;
+        "onInternallistboxoptionsupdated"?: (event: GuxListboxMultiCustomEvent<any>) => void;
+        "value"?: string;
+    }
     interface GuxMenu {
     }
     interface GuxMenuOption {
@@ -3035,6 +3145,14 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface GuxOptionMulti {
+        "active"?: boolean;
+        "disabled"?: boolean;
+        "filtered"?: boolean;
+        "hovered"?: boolean;
+        "selected"?: boolean;
+        "value"?: string;
+    }
     interface GuxPageLoadingSpinner {
         /**
           * Localized text to provide an accessible label for the component. If no screenreader text is provided, the localized string "Loading" will be used by default
@@ -3225,6 +3343,8 @@ declare namespace LocalJSX {
         "accent"?: GuxSimpleToastAccent;
         "onGuxdismiss"?: (event: GuxSimpleToastCustomEvent<void>) => void;
     }
+    interface GuxSortControl {
+    }
     interface GuxSubmenu {
         "label"?: string;
     }
@@ -3412,10 +3532,6 @@ declare namespace LocalJSX {
           * Tag is removable.
          */
         "disabled"?: boolean;
-        /**
-          * Tag icon name.
-         */
-        "icon"?: string;
         /**
           * Triggered when click on remove button
          */
@@ -3532,11 +3648,14 @@ declare namespace LocalJSX {
         "gux-dismiss-button": GuxDismissButton;
         "gux-dropdown": GuxDropdown;
         "gux-dropdown-legacy": GuxDropdownLegacy;
+        "gux-dropdown-multi-beta": GuxDropdownMultiBeta;
+        "gux-dropdown-multi-tag": GuxDropdownMultiTag;
         "gux-dropdown-option": GuxDropdownOption;
         "gux-error-message-beta": GuxErrorMessageBeta;
         "gux-flyout-menu-beta": GuxFlyoutMenuBeta;
         "gux-form-field-checkbox": GuxFormFieldCheckbox;
         "gux-form-field-color": GuxFormFieldColor;
+        "gux-form-field-dropdown": GuxFormFieldDropdown;
         "gux-form-field-input-clear-button": GuxFormFieldInputClearButton;
         "gux-form-field-legacy": GuxFormFieldLegacy;
         "gux-form-field-number": GuxFormFieldNumber;
@@ -3564,12 +3683,14 @@ declare namespace LocalJSX {
         "gux-list-item-legacy": GuxListItemLegacy;
         "gux-list-legacy": GuxListLegacy;
         "gux-listbox": GuxListbox;
+        "gux-listbox-multi": GuxListboxMulti;
         "gux-menu": GuxMenu;
         "gux-menu-option": GuxMenuOption;
         "gux-modal": GuxModal;
         "gux-notification-toast": GuxNotificationToast;
         "gux-option": GuxOption;
         "gux-option-legacy": GuxOptionLegacy;
+        "gux-option-multi": GuxOptionMulti;
         "gux-page-loading-spinner": GuxPageLoadingSpinner;
         "gux-pagination": GuxPagination;
         "gux-pagination-beta": GuxPaginationBeta;
@@ -3591,6 +3712,7 @@ declare namespace LocalJSX {
         "gux-side-panel-button": GuxSidePanelButton;
         "gux-side-panel-legacy": GuxSidePanelLegacy;
         "gux-simple-toast": GuxSimpleToast;
+        "gux-sort-control": GuxSortControl;
         "gux-submenu": GuxSubmenu;
         "gux-switch": GuxSwitch;
         "gux-switch-item": GuxSwitchItem;
@@ -3656,11 +3778,14 @@ declare module "@stencil/core" {
             "gux-dismiss-button": LocalJSX.GuxDismissButton & JSXBase.HTMLAttributes<HTMLGuxDismissButtonElement>;
             "gux-dropdown": LocalJSX.GuxDropdown & JSXBase.HTMLAttributes<HTMLGuxDropdownElement>;
             "gux-dropdown-legacy": LocalJSX.GuxDropdownLegacy & JSXBase.HTMLAttributes<HTMLGuxDropdownLegacyElement>;
+            "gux-dropdown-multi-beta": LocalJSX.GuxDropdownMultiBeta & JSXBase.HTMLAttributes<HTMLGuxDropdownMultiBetaElement>;
+            "gux-dropdown-multi-tag": LocalJSX.GuxDropdownMultiTag & JSXBase.HTMLAttributes<HTMLGuxDropdownMultiTagElement>;
             "gux-dropdown-option": LocalJSX.GuxDropdownOption & JSXBase.HTMLAttributes<HTMLGuxDropdownOptionElement>;
             "gux-error-message-beta": LocalJSX.GuxErrorMessageBeta & JSXBase.HTMLAttributes<HTMLGuxErrorMessageBetaElement>;
             "gux-flyout-menu-beta": LocalJSX.GuxFlyoutMenuBeta & JSXBase.HTMLAttributes<HTMLGuxFlyoutMenuBetaElement>;
             "gux-form-field-checkbox": LocalJSX.GuxFormFieldCheckbox & JSXBase.HTMLAttributes<HTMLGuxFormFieldCheckboxElement>;
             "gux-form-field-color": LocalJSX.GuxFormFieldColor & JSXBase.HTMLAttributes<HTMLGuxFormFieldColorElement>;
+            "gux-form-field-dropdown": LocalJSX.GuxFormFieldDropdown & JSXBase.HTMLAttributes<HTMLGuxFormFieldDropdownElement>;
             "gux-form-field-input-clear-button": LocalJSX.GuxFormFieldInputClearButton & JSXBase.HTMLAttributes<HTMLGuxFormFieldInputClearButtonElement>;
             "gux-form-field-legacy": LocalJSX.GuxFormFieldLegacy & JSXBase.HTMLAttributes<HTMLGuxFormFieldLegacyElement>;
             "gux-form-field-number": LocalJSX.GuxFormFieldNumber & JSXBase.HTMLAttributes<HTMLGuxFormFieldNumberElement>;
@@ -3688,12 +3813,14 @@ declare module "@stencil/core" {
             "gux-list-item-legacy": LocalJSX.GuxListItemLegacy & JSXBase.HTMLAttributes<HTMLGuxListItemLegacyElement>;
             "gux-list-legacy": LocalJSX.GuxListLegacy & JSXBase.HTMLAttributes<HTMLGuxListLegacyElement>;
             "gux-listbox": LocalJSX.GuxListbox & JSXBase.HTMLAttributes<HTMLGuxListboxElement>;
+            "gux-listbox-multi": LocalJSX.GuxListboxMulti & JSXBase.HTMLAttributes<HTMLGuxListboxMultiElement>;
             "gux-menu": LocalJSX.GuxMenu & JSXBase.HTMLAttributes<HTMLGuxMenuElement>;
             "gux-menu-option": LocalJSX.GuxMenuOption & JSXBase.HTMLAttributes<HTMLGuxMenuOptionElement>;
             "gux-modal": LocalJSX.GuxModal & JSXBase.HTMLAttributes<HTMLGuxModalElement>;
             "gux-notification-toast": LocalJSX.GuxNotificationToast & JSXBase.HTMLAttributes<HTMLGuxNotificationToastElement>;
             "gux-option": LocalJSX.GuxOption & JSXBase.HTMLAttributes<HTMLGuxOptionElement>;
             "gux-option-legacy": LocalJSX.GuxOptionLegacy & JSXBase.HTMLAttributes<HTMLGuxOptionLegacyElement>;
+            "gux-option-multi": LocalJSX.GuxOptionMulti & JSXBase.HTMLAttributes<HTMLGuxOptionMultiElement>;
             "gux-page-loading-spinner": LocalJSX.GuxPageLoadingSpinner & JSXBase.HTMLAttributes<HTMLGuxPageLoadingSpinnerElement>;
             "gux-pagination": LocalJSX.GuxPagination & JSXBase.HTMLAttributes<HTMLGuxPaginationElement>;
             "gux-pagination-beta": LocalJSX.GuxPaginationBeta & JSXBase.HTMLAttributes<HTMLGuxPaginationBetaElement>;
@@ -3715,6 +3842,7 @@ declare module "@stencil/core" {
             "gux-side-panel-button": LocalJSX.GuxSidePanelButton & JSXBase.HTMLAttributes<HTMLGuxSidePanelButtonElement>;
             "gux-side-panel-legacy": LocalJSX.GuxSidePanelLegacy & JSXBase.HTMLAttributes<HTMLGuxSidePanelLegacyElement>;
             "gux-simple-toast": LocalJSX.GuxSimpleToast & JSXBase.HTMLAttributes<HTMLGuxSimpleToastElement>;
+            "gux-sort-control": LocalJSX.GuxSortControl & JSXBase.HTMLAttributes<HTMLGuxSortControlElement>;
             "gux-submenu": LocalJSX.GuxSubmenu & JSXBase.HTMLAttributes<HTMLGuxSubmenuElement>;
             "gux-switch": LocalJSX.GuxSwitch & JSXBase.HTMLAttributes<HTMLGuxSwitchElement>;
             "gux-switch-item": LocalJSX.GuxSwitchItem & JSXBase.HTMLAttributes<HTMLGuxSwitchItemElement>;

package/dist/types/utils/dom/on-attribute-change.d.ts

@@ -1,3 +1,3 @@
 export declare function onHiddenChange(element: HTMLElement | HTMLSelectElement, callback: (hidden: boolean) => void): MutationObserver;
-export declare function onDisabledChange(element: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement, callback: (disabled: boolean) => void): MutationObserver;
-export declare function onRequiredChange(element: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement, callback: (disabled: boolean) => void): MutationObserver;
+export declare function onDisabledChange(element: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | HTMLGuxDropdownElement, callback: (disabled: boolean) => void): MutationObserver;
+export declare function onRequiredChange(element: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | HTMLGuxDropdownElement, callback: (disabled: boolean) => void): MutationObserver;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "genesys-spark-components",
-  "version": "3.5.0",
+  "version": "3.7.1",
   "description": "Common webcomponents",
   "license": "MIT",
   "main": "dist/stencil-wrapper.js",

package/dist/genesys-webcomponents/p-2dac107b.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,g as e}from"./p-a085b143.js";import{O as o}from"./p-4b7056b2.js";import{o as r,a}from"./p-e2bea786.js";import{p as n}from"./p-c10e41a9.js";import{t as s}from"./p-ca932cd2.js";import{G as l,a as d}from"./p-afb54d23.js";import{h as u,G as p,v as h,g as x}from"./p-08b07a2b.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const g=class{constructor(i){t(this,i),this.computedLabelPosition="above",this.required=!0,this.hasError=!1}onMutation(){this.hasError=u(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=u(this.root),s(this.root,{variant:this.variant})}componentDidLoad(){this.updateHeight(this.textareaContainerElement,this.input,this.resize)}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return i(d,{labelPosition:this.computedLabelPosition},i(l,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},i("div",{ref:t=>this.textareaContainerElement=t,class:{"gux-input":!0,[`gux-resize-${this.resize}`]:!0,"gux-disabled":this.disabled,"gux-input-error":this.hasError}},i("slot",{name:"input"})),i(p,{hasError:this.hasError},i("slot",{name:"error"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.resize}-${t}`}setInput(){this.input=this.root.querySelector('textarea[slot="input"]'),n(this.input),this.updateHeight(this.textareaContainerElement,this.input,this.resize),this.input.addEventListener("input",(()=>{this.updateHeight(this.textareaContainerElement,this.input,this.resize)})),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=a(this.input,(t=>{this.required=t})),h(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=x(this.label,this.labelPosition)}updateHeight(t,i,e){"auto"===e&&t&&(t.dataset.replicatedValue=i.value,t.style.maxHeight=i.style.maxHeight)}get root(){return e(this)}};(function(t,i,e,o){var r,a=arguments.length,n=a<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,i,e,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(i,e,n):r(i,e))||n);a>3&&n&&Object.defineProperty(i,e,n)})([o({childList:!0,subtree:!0})],g.prototype,"onMutation",null),g.style=".gux-form-field-container{margin:16px 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(textarea){flex:1 1 auto;align-self:auto;order:0;font-family:inherit;color:#2e394c;resize:vertical;background-color:#f6f7f9;background-image:none;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0}::slotted(textarea)::placeholder{color:#596373;opacity:1}::slotted(textarea)[disabled]{opacity:0.5}::slotted(textarea)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{position:relative;display:block;border:1px solid #6b7585;border-radius:4px;outline:none}.gux-input-and-error-container .gux-input:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input.gux-input-error{border-color:#ea0b0b}.gux-input-and-error-container .gux-input.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input.gux-resize-none ::slotted(textarea){resize:none}.gux-input-and-error-container .gux-input.gux-resize-auto{display:grid;overflow:hidden;word-break:normal;word-break:break-word;overflow-wrap:anywhere}.gux-input-and-error-container .gux-input.gux-resize-auto::after{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;white-space:pre-wrap;visibility:hidden;content:attr(data-replicated-value) ' ';min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0}.gux-input-and-error-container .gux-input.gux-resize-auto ::slotted(textarea){grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;overflow-x:hidden;resize:none}";export{g as gux_form_field_textarea}

package/dist/genesys-webcomponents/p-4a67745f.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,f as e,d as i,a as o,h,H as a,g as r}from"./p-a085b143.js";import{b as l}from"./p-2548bdad.js";import{w as n}from"./p-76ff3e75.js";import{r as c}from"./p-cbcbd1bb.js";import{t as u}from"./p-ca932cd2.js";import{t as b}from"./p-a6257c98.js";import"./p-8a133b9b.js";const d=class{constructor(i){t(this,i),this.guxselectionchanged=s(this,"guxselectionchanged",7),this.guxsortchanged=s(this,"guxsortchanged",7),this.slotObserver=new MutationObserver((()=>e(this))),this.tableId=c("gux-table"),this.columnsWidths={},this.isVerticalScroll=!1,this.isHorizontalScroll=!1,this.isScrolledToFirstCell=!0,this.isScrolledToLastCell=!1,this.columnResizeHover=!1,this.compact=!1,this.objectTable=!1}async componentWillLoad(){u(this.root),this.i18n=await l(this.root,b)}componentDidLoad(){this.resizableColumns&&this.prepareResizableColumns(),this.prepareSortableColumns(),this.prepareSelectableRows(),this.checkHorizontalScroll(),this.checkVerticalScroll(),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{i((()=>{this.checkHorizontalScroll(),this.checkVerticalScroll(),this.updateScrollState()}))}))),this.resizeObserver&&(this.resizeObserver.observe(this.tableContainer),this.resizeObserver.observe(this.slottedTable)),this.slotObserver.observe(this.slottedTable,{subtree:!0,childList:!0})}disconnectedCallback(){this.resizeObserver&&(this.resizeObserver.unobserve(this.tableContainer),this.resizeObserver.unobserve(this.slottedTable)),this.resizableColumns&&document.getElementById(`${this.tableId}-resizable-styles`).remove()}onScroll(){this.updateScrollState()}onInternalAllRowSelectChange(t){t.stopPropagation(),this.handleSelectAllRows()}onInternalRowSelectChange(t){t.stopPropagation(),this.handleRowSelection(t.target)}onMouseMove(t){this.resizableColumns&&this.updateResizeState(t)}onMouseDown(t){this.resizableColumns&&this.maybeStartResizing(t)}onMouseUp(){this.resizableColumns&&this.stopResizing()}get tableContainer(){return this.root.shadowRoot.querySelector(".gux-table-container")}get slottedTable(){return this.root.querySelector('table[slot="data"]')}get tableRows(){return Array.from(this.slottedTable.querySelectorAll("tbody tr"))}get tableColumns(){return Array.from(this.slottedTable.querySelectorAll("thead th"))}get rowCheckboxes(){return Array.from(this.slottedTable.querySelectorAll("tbody tr td gux-row-select"))}get selectAllCheckbox(){return this.slottedTable.querySelector("thead tr th gux-all-row-select")}async getSelected(){return this.getSelectedInternal()}getSelectedInternal(){return{selectedRowIds:Array.from(this.rowCheckboxes).filter((t=>t.selected)).map((t=>t.closest("tr").getAttribute("data-row-id")))}}prepareSelectableRows(){this.rowCheckboxes.forEach((t=>{this.updateRowSelection(t)})),this.updateSelectAllBoxState()}updateSelectAllBoxState(){const t=this.selectAllCheckbox;if(t){const s=this.rowCheckboxes,e=s.filter((t=>0==t.hasAttribute("disabled"))),i=e.filter((t=>t.selected)),o=Boolean(s.length),h=i.length===e.length,a=0===i.length;t.selected=o&&h,t.setIndeterminate(o&&!h&&!a)}}handleSelectAllRows(){const t=this.selectAllCheckbox;this.rowCheckboxes.forEach((s=>{s.hasAttribute("disabled")||(s.selected=t.selected,this.updateRowSelection(s))})),this.emitSelectionEvent()}handleRowSelection(t){this.updateRowSelection(t),this.updateSelectAllBoxState(),this.emitSelectionEvent()}emitSelectionEvent(){this.guxselectionchanged.emit(this.getSelectedInternal())}updateRowSelection(t){const s=t.closest("tr");t.selected?s.setAttribute("data-selected-row",""):s.removeAttribute("data-selected-row")}nextColumn(){const t=this.tableColumns,s=this.tableContainer.getBoundingClientRect();let e=(t.find((t=>t.getBoundingClientRect().right>s.right))||t[t.length-1]).getBoundingClientRect().right-s.right;e>s.width&&(e=.9*s.width),this.tableContainer.scrollLeft+=Math.ceil(e),this.updateScrollState()}previousColumn(){const t=this.tableColumns,s=this.tableContainer.getBoundingClientRect(),e=(t.reverse().find((t=>t.getBoundingClientRect().left<s.left))||t[0]).getBoundingClientRect();let i=s.left-e.left;i>s.width&&(i=.9*s.width),this.tableContainer.scrollLeft+=-Math.ceil(i),this.updateScrollState()}updateScrollState(){const t=this.tableContainer.scrollLeft,s=this.tableContainer.scrollWidth-this.tableContainer.clientWidth;this.isScrolledToFirstCell=0===t,this.isScrolledToLastCell=s-t-this.tableScrollbarConstant<=0}checkHorizontalScroll(){const t=this.slottedTable.getBoundingClientRect().width,s=this.root.getBoundingClientRect().width;this.isHorizontalScroll=t>s}checkVerticalScroll(){const t=this.tableContainer;this.isVerticalScroll=t.scrollHeight>t.clientHeight}get tableScrollbarConstant(){const t=this.tableContainer;return t?t.offsetWidth-t.clientWidth:0}prepareResizableColumns(){const t=document.createElement("style");t.id=`${this.tableId}-resizable-styles`,document.querySelector("head").appendChild(t);const s=this.tableColumns;s.pop(),s.forEach((t=>{this.columnsWidths[t.dataset.columnName]=`${this.getElementComputedWidth(t)}px`})),this.setResizableColumnsStyles()}updateResizeState(t){if(this.columnResizeState){const s=this.columnResizeState.resizableColumnInitialWidth+(t.pageX-this.columnResizeState.columnResizeMouseStartX);this.columnsWidths[this.columnResizeState.resizableColumn.dataset.columnName]=`${s>1?s:1}px`,this.setResizableColumnsStyles()}else this.columnResizeHover=!1,n("th",t,(s=>{this.tableColumns.length-1!==s.cellIndex&&this.isInResizeZone(t,s)&&(this.columnResizeHover=!0)}))}maybeStartResizing(t){n("th",t,(s=>{this.isInResizeZone(t,s)&&(this.columnResizeState={resizableColumn:s,columnResizeMouseStartX:t.pageX,resizableColumnInitialWidth:this.getElementComputedWidth(s)})}))}stopResizing(){this.columnResizeState&&(this.columnResizeState=null)}isInResizeZone(t,s){return s.getBoundingClientRect().right-t.clientX<3}getElementComputedWidth(t){return parseInt(window.getComputedStyle(t).getPropertyValue("width").split("px")[0],10)}prepareSortableColumns(){const t=this.tableColumns;this.prepareSortableColumnsStyles(),t.forEach((t=>{Object.prototype.hasOwnProperty.call(t.dataset,"sortable")&&(t.onclick=t=>{if(!this.columnResizeHover){const s=t.currentTarget;let e=null;switch(s.dataset.sort||""){case"":case"desc":e="asc";break;case"asc":e="desc"}this.guxsortchanged.emit({columnName:s.dataset.columnName,sortDirection:e})}})}))}prepareSortableColumnsStyles(){const t="gux-table-sortable-styles";if(null==document.getElementById(t)){const s=document.createElement("style");s.id=t;const e=o("./icons/arrow-solid-down.svg"),i=o("./icons/arrow-solid-up.svg"),h=this.i18n("sortAsc"),a=this.i18n("sortDesc");s.innerHTML=`\n      th[data-sortable]:hover:after{content: "${h}";background-image: url("${e}");}\n      th[data-sort="asc"]:after{background-image:url("${e}")!important;content:"${h}"!important;}\n      th[data-sort="desc"]:after{background-image:url("${i}")!important;content:"${a}"!important;}\n    `,document.querySelector("head").appendChild(s)}}setResizableColumnsStyles(){const t=document.getElementById(`${this.tableId}-resizable-styles`);let s="";Object.keys(this.columnsWidths).forEach((t=>{s+=`[gs-table-id=${this.tableId}] th[data-column-name="${t}"]{\n        width:${String(this.columnsWidths[t])};\n        min-width:${String(this.columnsWidths[t])};\n      }`})),t.innerHTML=s}get isTableEmpty(){return!this.root.children[0]||this.tableRows.length<1}get tableContainerClasses(){return{"gux-table-container":!0,"gux-column-resizing":Boolean(this.columnResizeState),"gux-column-resizing-hover":this.columnResizeHover}}render(){return h(a,{"gs-table-id":this.tableId,"gs-v-scroll":this.isVerticalScroll,"gs-h-scroll":this.isHorizontalScroll,"gs-obj-table":this.objectTable,"gs-compact":this.compact},h("div",{class:"gux-table"},h("div",{tabindex:this.isVerticalScroll?"0":"-1",id:this.tableId,class:this.tableContainerClasses},h("slot",{name:"data"})),this.isHorizontalScroll&&h("gux-button-slot-beta",{accent:"secondary"},h("button",{class:"gux-table-scroll-left",disabled:this.isScrolledToFirstCell,onClick:!this.isScrolledToFirstCell&&this.previousColumn.bind(this)},h("gux-icon",{"icon-name":"chevron-left","screenreader-text":this.i18n("scrollLeft")}))),this.isHorizontalScroll&&h("gux-button-slot-beta",{accent:"secondary",style:{marginRight:`${this.tableScrollbarConstant}px`}},h("button",{class:"gux-table-scroll-right",disabled:this.isScrolledToLastCell,style:{marginRight:`${this.tableScrollbarConstant}px`},onClick:!this.isScrolledToLastCell&&this.nextColumn.bind(this)},h("gux-icon",{"icon-name":"chevron-right","screenreader-text":this.i18n("scrollRight")}))),this.isTableEmpty&&h("div",{class:"gux-empty-table"},this.emptyMessage||this.i18n("emptyMessage"))))}get root(){return r(this)}};d.style=":host{display:block;isolation:isolate}:host .gux-table{position:relative;height:inherit}:host .gux-table .gux-table-scroll-left,:host .gux-table .gux-table-scroll-right{position:absolute;top:0;z-index:1;display:flex;align-items:center;justify-content:center;width:24px;min-width:0;height:40px;padding:0;color:#2e394c;cursor:pointer;border-radius:4px}:host .gux-table .gux-table-scroll-left gux-icon,:host .gux-table .gux-table-scroll-right gux-icon{width:8px;height:8px}:host .gux-table .gux-table-scroll-left{border-top-left-radius:0;border-bottom-left-radius:0}:host .gux-table .gux-table-scroll-right{right:0;border-top-right-radius:0;border-bottom-right-radius:0}:host .gux-table .gux-table-container{width:100%;max-height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-color:rgba(32, 41, 55, 0.24) #fdfdfd;scrollbar-width:thin}:host .gux-table .gux-table-container::-webkit-scrollbar{width:4px}:host .gux-table .gux-table-container::-webkit-scrollbar-track{background:#fdfdfd}:host .gux-table .gux-table-container::-webkit-scrollbar-thumb{background:rgba(32, 41, 55, 0.24)}:host .gux-table .gux-table-container::-webkit-scrollbar-thumb:hover{background:rgba(32, 41, 55, 0.48)}:host .gux-table .gux-table-container.gux-column-resizing-hover,:host .gux-table .gux-table-container.gux-column-resizing{cursor:col-resize}:host .gux-empty-table{display:flex;align-items:center;justify-content:center;height:150px;color:#596373;background:#fdfdfd;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}";export{d as gux_table_beta}

package/dist/genesys-webcomponents/p-61fd6f64.entry.js

@@ -1 +0,0 @@
-import{r,h as e,H as t}from"./p-a085b143.js";const o=class{constructor(e){r(this,e)}render(){return e(t,{role:"presentation",tabIndex:-1})}};o.style=":host{position:relative;display:flex;height:1px;padding:0;margin:16px 0;line-height:32px;pointer-events:none;cursor:pointer;background-color:#c8cfda}";export{o as gux_action_list_divider}

package/dist/genesys-webcomponents/p-83818ffb.entry.js

@@ -1 +0,0 @@
-import{r,h as s,g as t}from"./p-a085b143.js";import{t as a}from"./p-ca932cd2.js";const e=class{constructor(s){r(this,s)}componentWillLoad(){a(this.root)}render(){return s("gux-radial-loading",{class:"gux-spinner","screenreader-text":this.screenreaderText,context:"full-page"})}get root(){return t(this)}};e.style=":host{display:flex}.gux-spinner{margin:auto}";export{e as gux_page_loading_spinner}