genesys-spark-components 3.4.2 → 3.6.0

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
@@ -964,6 +999,7 @@ export namespace Components {
         "value": number;
     }
     interface GuxRowSelect {
+        "disabled": boolean;
         "selected": boolean;
     }
     interface GuxSidePanelButton {
@@ -1150,10 +1186,6 @@ export namespace Components {
           * Tag is removable.
          */
         "disabled": boolean;
-        /**
-          * Tag icon name.
-         */
-        "icon": string;
         /**
           * Tag is removable.
          */
@@ -1287,6 +1319,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;
@@ -1307,6 +1343,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;
@@ -1626,6 +1666,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: {
@@ -1656,6 +1708,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: {
@@ -1818,6 +1876,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: {
@@ -1854,6 +1918,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: {
@@ -2160,11 +2230,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;
@@ -2192,12 +2265,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;
@@ -2791,6 +2866,7 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         "filterable"?: boolean;
         "placeholder"?: string;
+        "required"?: boolean;
         "value"?: string;
     }
     interface GuxDropdownLegacy {
@@ -2819,6 +2895,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.
@@ -2851,6 +2945,9 @@ declare namespace LocalJSX {
     interface GuxFormFieldColor {
         "labelPosition"?: GuxFormFieldLabelPosition;
     }
+    interface GuxFormFieldDropdown {
+        "labelPosition"?: GuxFormFieldLabelPosition;
+    }
     interface GuxFormFieldInputClearButton {
     }
     interface GuxFormFieldLegacy {
@@ -2985,6 +3082,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 {
@@ -3034,6 +3136,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
@@ -3198,6 +3308,7 @@ declare namespace LocalJSX {
         "value"?: number;
     }
     interface GuxRowSelect {
+        "disabled"?: boolean;
         "onInternalrowselectchange"?: (event: GuxRowSelectCustomEvent<any>) => void;
         "selected"?: boolean;
     }
@@ -3410,10 +3521,6 @@ declare namespace LocalJSX {
           * Tag is removable.
          */
         "disabled"?: boolean;
-        /**
-          * Tag icon name.
-         */
-        "icon"?: string;
         /**
           * Triggered when click on remove button
          */
@@ -3530,11 +3637,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;
@@ -3562,12 +3672,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;
@@ -3654,11 +3766,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>;
@@ -3686,12 +3801,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>;

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.4.2",
+  "version": "3.6.0",
   "description": "Common webcomponents",
   "license": "MIT",
   "main": "dist/stencil-wrapper.js",

package/dist/genesys-webcomponents/p-03f786bb.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-0749ddc0.js";import{t as b}from"./p-a6257c98.js";import"./p-8a133b9b.js";const g=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=>t.selected)),i=Boolean(s.length),o=e.length===s.length,h=0===e.length;t.selected=i&&o,t.setIndeterminate(i&&!o&&!h)}}handleSelectAllRows(){const t=this.selectAllCheckbox;this.rowCheckboxes.forEach((s=>{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)}};g.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{g as gux_table_beta}

package/dist/genesys-webcomponents/p-201c4e67.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as e,g as o}from"./p-a085b143.js";import{b as i}from"./p-2548bdad.js";import{r as l}from"./p-cbcbd1bb.js";import{t as r}from"./p-a6257c98.js";import"./p-8a133b9b.js";const a=class{constructor(e){t(this,e),this.internalrowselectchange=s(this,"internalrowselectchange",7),this.id=l("gux-row-select"),this.selected=!1}onCheck(t){t.stopPropagation(),this.selected=t.target.checked,this.internalrowselectchange.emit()}async componentWillLoad(){this.i18n=await i(this.root,r,"gux-table")}render(){return e("gux-form-field-checkbox",null,e("input",{slot:"input",id:this.id,type:"checkbox",checked:this.selected}),e("label",{slot:"label",htmlFor:this.id},"​",e("span",{class:"gux-label-text"},this.i18n("selectTableRow"))))}get root(){return o(this)}};a.style="gux-row-select .gux-label-text{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{a as gux_row_select}

package/dist/genesys-webcomponents/p-6eea2eb5.entry.js

@@ -1 +0,0 @@
-import{r as t,f as e,h as i,g as o,c as n,H as s}from"./p-a085b143.js";import{O as r}from"./p-5ca81424.js";import{b as u}from"./p-2548bdad.js";import{s as a}from"./p-d176c2ae.js";import{t as l}from"./p-0749ddc0.js";import{w as d}from"./p-76ff3e75.js";import{l as c}from"./p-3184268e.js";import{r as h}from"./p-cbcbd1bb.js";import"./p-8a133b9b.js";const x={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};function f(t){return Array.from(t.children)}function g(t){return f(t).find((t=>t.active))}function p(t,e){e&&(f(t).forEach((i=>{const o=!(i.disabled&&i.filtered||i!==e);i.active=o,o&&t.setAttribute("aria-activedescendant",i.id)})),e.scrollIntoView({block:"nearest"}))}function b(t){let e=f(t)[0];for(;e&&(e.disabled||e.filtered);)e=e.nextElementSibling;return e}function m(t){return Boolean(g(t))}function w(t,e){return f(t).find((t=>(!t.disabled||!t.filtered)&&t.textContent.toLowerCase().startsWith(e.toLowerCase())))}function v(t){f(t).forEach((t=>{t.active=!1}))}function y(t){p(t,b(t))}function F(t){p(t,function(t){const e=f(t);let i=e[e.length-1];for(;i&&(i.disabled||i.filtered);)i=i.previousElementSibling;return i}(t))}function k(t,e){m(t)&&e(g(t).value)}let j,A="";const B=class{constructor(e){t(this,e),this.disabled=!1,this.filterable=!1,this.expanded=!1,this.filter=""}focusSelectedItemAfterRender(t){t&&this.listboxElement&&requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.listboxElement.focus(),this.filterable&&this.filterElement.focus()}))})),t||(this.filter="")}validateValue(t){void 0!==t?this.getOptionElementByValue(t)?this.listboxElement.value=t:this.value=void 0:this.listboxElement.value=t}onKeydown(t){switch(t.key){case"Escape":return this.filterable&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),e(this.root)}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}async componentWillLoad(){l(this.root),this.i18n=await u(this.root,x),this.listboxElement=this.root.querySelector("gux-listbox"),this.validateValue(this.value)}componentDidLoad(){this.listboxElement.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),this.listboxElement.addEventListener("change",(t=>{t.stopPropagation()}))}componentWillRender(){this.validateValue(this.value),this.listboxElement.filter=this.filter}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=this.root.querySelectorAll("gux-option");return Array.from(e).find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.filterable&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.filterable&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),void this.listboxElement.focus();case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){switch(t.key){case" ":return void t.preventDefault()}}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,this.collapseListbox("focusFieldButton"),a(this.root,"input"),a(this.root,"change"))}getSuggestionText(t){const e=t.length;if(e>0){const i=w(this.listboxElement,t);if(i)return i.textContent.substring(e)}return""}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?i("div",{class:"gux-selected-option"},t.textContent):i("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderFilterInputField(){if(this.expanded&&this.filterable)return i("div",{class:"gux-field gux-input-field"},i("div",{class:"gux-field-content"},i("div",{class:"gux-filter"},i("div",{class:"gux-filter-display"},i("span",{class:"gux-filter-text"},this.filter),i("span",{class:"gux-filter-suggestion"},this.getSuggestionText(this.filter))),i("div",{class:"input-and-dropdown-button"},i("input",{onClick:this.fieldButtonClick.bind(this),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this)})))))}renderPopup(){return i("div",{slot:"popup",class:"gux-listbox-container"},i("slot",null))}renderTarget(){return i("div",{class:{"gux-target-container-expanded":this.expanded&&this.filterable,"gux-target-container-collapsed":!(this.expanded&&this.filterable)},slot:"target"},this.renderFilterInputField(),i("button",{type:"button",class:"gux-field gux-field-button",disabled:this.disabled,onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),i("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:"chevron-small-down"})))}renderTargetContent(){if(!this.expanded||!this.filterable)return i("div",{class:"gux-field-content"},this.renderTargetDisplay())}render(){return i("gux-popup",{expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return o(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],value:["validateValue"]}}};(function(t,e,i,o){var n,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var u=t.length-1;u>=0;u--)(n=t[u])&&(r=(s<3?n(r):s>3?n(e,i,r):n(e,i))||r);s>3&&r&&Object.defineProperty(e,i,r)})([r({triggerEvents:"mousedown"})],B.prototype,"onClickOutside",null),B.style=":host{color:#2e394c}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:6px 8px 6px 6px;font-family:inherit;font-size:12px;line-height:1.6667;cursor:pointer;background-color:#f6f7f9}.gux-field.gux-input-field{height:30px}.gux-field .gux-field-content{display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;min-width:0;height:100%}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;height:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;width:100%;color:transparent;caret-color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:#596373}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:#596373}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:16px;height:16px;padding-left:8px;color:#596373}.gux-target-container-expanded{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-expanded:focus-within{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{width:auto;height:30px;padding:0 0 0 8px;margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-collapsed .gux-field-button:focus{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-listbox-container{box-sizing:border-box;margin:0;color:#2e394c}";const E={noMatches:"No matches"},L=class{constructor(e){t(this,e),this.internallistboxoptionsupdated=n(this,"internallistboxoptionsupdated",7),this.filter="",this.listboxOptions=[]}onFocus(){var t;p(t=this.root,function(t){return f(t).find((t=>t.hovered&&!t.disabled&&!t.filtered))}(t)||function(t){return f(t).find((t=>t.selected&&!t.disabled&&!t.filtered))}(t)||b(t))}onBlur(){v(this.root)}onKeydown(t){switch(t.key){case"Enter":return t.preventDefault(),void k(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(function(t){if(m(t)){let e=g(t).nextElementSibling;for(;e&&(e.disabled||e.filtered);)e=e.nextElementSibling;return Boolean(e)}return!1}(this.root)?(t.stopPropagation(),e=this.root,p(e,function(t){if(m(t)){let e=g(t).nextElementSibling;for(;e&&(e.disabled||e.filtered);)e=e.nextElementSibling;return e}return b(t)}(e))):y(this.root));case"ArrowUp":return t.preventDefault(),void(function(t){if(m(t)){let e=g(t).previousElementSibling;for(;e&&(e.disabled||e.filtered);)e=e.previousElementSibling;return Boolean(e)}return!1}(this.root)?(t.stopPropagation(),function(t){p(t,function(t){if(m(t)){let e=g(t).previousElementSibling;for(;e&&(e.disabled||e.filtered);)e=e.previousElementSibling;return e}return b(t)}(t))}(this.root)):F(this.root));case"Home":return t.preventDefault(),void y(this.root);case"End":return t.preventDefault(),void F(this.root);case" ":return void t.preventDefault()}var e;1!==t.key.length||function(t,e){clearTimeout(j),A+=e,j=setTimeout((()=>{!function(t){const e=w(t,A);e?p(t,e):v(t)}(t),A=""}),250)}(this.root,t.key)}onKeyup(t){switch(t.key){case" ":return void k(this.root,(t=>this.updateValue(t)))}}onMousemove(){v(this.root)}onClick(t){d("gux-option",t,(t=>{!function(t,e){e(t.value)}(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){k(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.listboxOptions=Array.from(this.root.children),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t,a(this.root,"input"),a(this.root,"change"))}async componentWillLoad(){l(this.root),this.i18n=await u(this.root,E),this.setListboxOptions()}componentDidLoad(){this.root.getAttribute("aria-label")||this.root.getAttribute("aria-labelledby")||c("gux-listbox","`gux-listbox` requires a label. Either provide a label and associate it with the listbox using `aria-labelledby` or add an `aria-label` attribute to the gux-listbox element.")}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,t.filtered=!t.textContent.toLowerCase().startsWith(this.filter.toLowerCase())})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length,this.filter&&y(this.root)}renderAllListboxOptionsFiltered(){if(this.allListboxOptionsFiltered)return i("div",{class:"gux-no-matches"},this.i18n("noMatches"))}render(){return i(s,{role:"listbox",tabindex:0},i("slot",{onSlotchange:()=>this.setListboxOptions()}),this.renderAllListboxOptionsFiltered())}get root(){return o(this)}};L.style=":host{box-sizing:border-box;display:block;max-height:20rem;padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;outline:none}:host(:focus){outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-no-matches{box-sizing:border-box;height:32px;padding:8px 16px;color:#2e394c}";const T=class{constructor(e){t(this,e),this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hovered=!1}onmouseenter(){this.hovered=!0}onMouseleave(){this.hovered=!1}componentWillLoad(){this.root.id=this.root.id||h("gux-option")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}render(){return i(s,{role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled,"gux-filtered":this.filtered,"gux-hovered":this.hovered,"gux-selected":this.selected},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},i("slot",null))}get root(){return o(this)}};T.style="gux-option{box-sizing:border-box;display:flex;min-height:32px;padding:8px 16px;color:#2e394c;word-wrap:break-word;cursor:pointer}gux-option.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}gux-option.gux-selected{background:#deeaff}gux-option.gux-active,gux-option.gux-hovered:not([disabled]){color:#fdfdfd;background:#2a60c8}gux-option.gux-filtered{display:none}";export{B as gux_dropdown,L as gux_listbox,T as gux_option}

package/dist/genesys-webcomponents/p-7cef90a5.entry.js

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