genesys-spark-components 3.2.0 → 3.3.2

package/dist/types/components.d.ts

@@ -23,6 +23,7 @@ import { GuxTextHighlightStrategy } from "./components/stable/gux-text-highlight
 import { GuxModalSize } from "./components/stable/gux-modal/gux-modal.types";
 import { GuxNotificationToastAccent } from "./components/stable/gux-notification-toast/gux-notification-toast.types";
 import { GuxItemsPerPage, GuxPaginationLayout, GuxPaginationState } from "./components/stable/gux-pagination/gux-pagination.types";
+import { GuxItemsPerPage as GuxItemsPerPage1, GuxPaginationLayoutBeta } from "./components/beta/gux-pagination-beta/gux-pagination-beta.types";
 import { GuxPaginationCursorDetail } from "./components/stable/gux-pagination-cursor/gux-pagination-cursor.types";
 import { PopperPosition } from "./components/stable/gux-popover/gux-popover.types";
 import { PopperPosition as PopperPosition1 } from "./components/beta/gux-popover-list/gux-popover-list.types";
@@ -410,6 +411,55 @@ export namespace Components {
         "legendTitle": string;
         "outerRadius": number;
     }
+    interface GuxChartScatterPlotBeta {
+        /**
+          * Data to be rendered in the chart. Data field names must match the values you set in xFieldName and yFieldName
+         */
+        "chartData": Record<string, any>;
+        /**
+          * Type of category to plot in the chart
+         */
+        "colorFieldName": string;
+        "embedOptions": EmbedOptions;
+        "includeLegend": boolean;
+        "legendPosition": | 'left'
+    | 'right'
+    | 'top'
+    | 'bottom'
+    | 'top-left'
+    | 'top-right'
+    | 'bottom-left'
+    | 'bottom-right'
+    | 'none';
+        /**
+          * Title to display above the optional legend
+         */
+        "legendTitle": string;
+        /**
+          * The shape of the plotting in the chart - Square, Circle and Point
+         */
+        "useShape": string;
+        /**
+          * Title to display along the x-axis
+         */
+        "xAxisTitle": string;
+        /**
+          * Name for the data field to use to populate the chart's x-axis e.g. xFieldName of "category" will map any "category" fields in chartData to the x-axis
+         */
+        "xFieldName": string;
+        /**
+          * If true, then make Axis tick label 45 degrees
+         */
+        "xTickLabelSlant": boolean;
+        /**
+          * Title to display along the y-axis
+         */
+        "yAxisTitle": string;
+        /**
+          * Name for the data field to use to populate the chart's x-axis e.g. yFieldName of "value" will map any "value" fields in chartData to the y-axis
+         */
+        "yFieldName": string;
+    }
     interface GuxColorSelect {
     }
     interface GuxCommandAction {
@@ -786,11 +836,34 @@ export namespace Components {
          */
         "totalItems": number;
     }
+    interface GuxPaginationBeta {
+        /**
+          * The currently select page. Changes are watched by the component.
+         */
+        "currentPage": number;
+        /**
+          * The max number of items on a page. Used to calculate total page count
+         */
+        "itemsPerPage": GuxItemsPerPage;
+        /**
+          * The pagination component can have different layouts to suit the available space
+         */
+        "layout": GuxPaginationLayoutBeta;
+        /**
+          * The total number of items in the data set. Used to calculate total page count
+         */
+        "totalItems": number;
+    }
     interface GuxPaginationButtons {
         "currentPage": number;
         "layout": GuxPaginationLayout;
         "totalPages": number;
     }
+    interface GuxPaginationButtonsBeta {
+        "currentPage": number;
+        "layout": GuxPaginationLayoutBeta;
+        "totalPages": number;
+    }
     interface GuxPaginationCursor {
         "hasNext": boolean;
         "hasPrevious": boolean;
@@ -800,9 +873,17 @@ export namespace Components {
         "itemsPerPage": number;
         "totalItems": number;
     }
+    interface GuxPaginationItemCountsBeta {
+        "currentPage": number;
+        "itemsPerPage": number;
+        "totalItems": number;
+    }
     interface GuxPaginationItemsPerPage {
         "itemsPerPage": GuxItemsPerPage;
     }
+    interface GuxPaginationItemsPerPageBeta {
+        "itemsPerPage": GuxItemsPerPage1;
+    }
     interface GuxPanelFrameLegacy {
     }
     interface GuxPopover {
@@ -1231,10 +1312,18 @@ export interface GuxPaginationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGuxPaginationElement;
 }
+export interface GuxPaginationBetaCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGuxPaginationBetaElement;
+}
 export interface GuxPaginationButtonsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGuxPaginationButtonsElement;
 }
+export interface GuxPaginationButtonsBetaCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGuxPaginationButtonsBetaElement;
+}
 export interface GuxPaginationCursorCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGuxPaginationCursorElement;
@@ -1243,6 +1332,10 @@ export interface GuxPaginationItemsPerPageCustomEvent<T> extends CustomEvent<T>
     detail: T;
     target: HTMLGuxPaginationItemsPerPageElement;
 }
+export interface GuxPaginationItemsPerPageBetaCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGuxPaginationItemsPerPageBetaElement;
+}
 export interface GuxPopoverCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGuxPopoverElement;
@@ -1460,6 +1553,12 @@ declare global {
         prototype: HTMLGuxChartPieBetaElement;
         new (): HTMLGuxChartPieBetaElement;
     };
+    interface HTMLGuxChartScatterPlotBetaElement extends Components.GuxChartScatterPlotBeta, HTMLStencilElement {
+    }
+    var HTMLGuxChartScatterPlotBetaElement: {
+        prototype: HTMLGuxChartScatterPlotBetaElement;
+        new (): HTMLGuxChartScatterPlotBetaElement;
+    };
     interface HTMLGuxColorSelectElement extends Components.GuxColorSelect, HTMLStencilElement {
     }
     var HTMLGuxColorSelectElement: {
@@ -1754,12 +1853,24 @@ declare global {
         prototype: HTMLGuxPaginationElement;
         new (): HTMLGuxPaginationElement;
     };
+    interface HTMLGuxPaginationBetaElement extends Components.GuxPaginationBeta, HTMLStencilElement {
+    }
+    var HTMLGuxPaginationBetaElement: {
+        prototype: HTMLGuxPaginationBetaElement;
+        new (): HTMLGuxPaginationBetaElement;
+    };
     interface HTMLGuxPaginationButtonsElement extends Components.GuxPaginationButtons, HTMLStencilElement {
     }
     var HTMLGuxPaginationButtonsElement: {
         prototype: HTMLGuxPaginationButtonsElement;
         new (): HTMLGuxPaginationButtonsElement;
     };
+    interface HTMLGuxPaginationButtonsBetaElement extends Components.GuxPaginationButtonsBeta, HTMLStencilElement {
+    }
+    var HTMLGuxPaginationButtonsBetaElement: {
+        prototype: HTMLGuxPaginationButtonsBetaElement;
+        new (): HTMLGuxPaginationButtonsBetaElement;
+    };
     interface HTMLGuxPaginationCursorElement extends Components.GuxPaginationCursor, HTMLStencilElement {
     }
     var HTMLGuxPaginationCursorElement: {
@@ -1772,12 +1883,24 @@ declare global {
         prototype: HTMLGuxPaginationItemCountsElement;
         new (): HTMLGuxPaginationItemCountsElement;
     };
+    interface HTMLGuxPaginationItemCountsBetaElement extends Components.GuxPaginationItemCountsBeta, HTMLStencilElement {
+    }
+    var HTMLGuxPaginationItemCountsBetaElement: {
+        prototype: HTMLGuxPaginationItemCountsBetaElement;
+        new (): HTMLGuxPaginationItemCountsBetaElement;
+    };
     interface HTMLGuxPaginationItemsPerPageElement extends Components.GuxPaginationItemsPerPage, HTMLStencilElement {
     }
     var HTMLGuxPaginationItemsPerPageElement: {
         prototype: HTMLGuxPaginationItemsPerPageElement;
         new (): HTMLGuxPaginationItemsPerPageElement;
     };
+    interface HTMLGuxPaginationItemsPerPageBetaElement extends Components.GuxPaginationItemsPerPageBeta, HTMLStencilElement {
+    }
+    var HTMLGuxPaginationItemsPerPageBetaElement: {
+        prototype: HTMLGuxPaginationItemsPerPageBetaElement;
+        new (): HTMLGuxPaginationItemsPerPageBetaElement;
+    };
     interface HTMLGuxPanelFrameLegacyElement extends Components.GuxPanelFrameLegacy, HTMLStencilElement {
     }
     var HTMLGuxPanelFrameLegacyElement: {
@@ -2013,6 +2136,7 @@ declare global {
         "gux-chart-donut-beta": HTMLGuxChartDonutBetaElement;
         "gux-chart-line-beta": HTMLGuxChartLineBetaElement;
         "gux-chart-pie-beta": HTMLGuxChartPieBetaElement;
+        "gux-chart-scatter-plot-beta": HTMLGuxChartScatterPlotBetaElement;
         "gux-color-select": HTMLGuxColorSelectElement;
         "gux-command-action": HTMLGuxCommandActionElement;
         "gux-command-palette-legacy": HTMLGuxCommandPaletteLegacyElement;
@@ -2062,10 +2186,14 @@ declare global {
         "gux-option-legacy": HTMLGuxOptionLegacyElement;
         "gux-page-loading-spinner": HTMLGuxPageLoadingSpinnerElement;
         "gux-pagination": HTMLGuxPaginationElement;
+        "gux-pagination-beta": HTMLGuxPaginationBetaElement;
         "gux-pagination-buttons": HTMLGuxPaginationButtonsElement;
+        "gux-pagination-buttons-beta": HTMLGuxPaginationButtonsBetaElement;
         "gux-pagination-cursor": HTMLGuxPaginationCursorElement;
         "gux-pagination-item-counts": HTMLGuxPaginationItemCountsElement;
+        "gux-pagination-item-counts-beta": HTMLGuxPaginationItemCountsBetaElement;
         "gux-pagination-items-per-page": HTMLGuxPaginationItemsPerPageElement;
+        "gux-pagination-items-per-page-beta": HTMLGuxPaginationItemsPerPageBetaElement;
         "gux-panel-frame-legacy": HTMLGuxPanelFrameLegacyElement;
         "gux-popover": HTMLGuxPopoverElement;
         "gux-popover-list": HTMLGuxPopoverListElement;
@@ -2490,6 +2618,55 @@ declare namespace LocalJSX {
         "legendTitle"?: string;
         "outerRadius"?: number;
     }
+    interface GuxChartScatterPlotBeta {
+        /**
+          * Data to be rendered in the chart. Data field names must match the values you set in xFieldName and yFieldName
+         */
+        "chartData"?: Record<string, any>;
+        /**
+          * Type of category to plot in the chart
+         */
+        "colorFieldName"?: string;
+        "embedOptions"?: EmbedOptions;
+        "includeLegend"?: boolean;
+        "legendPosition"?: | 'left'
+    | 'right'
+    | 'top'
+    | 'bottom'
+    | 'top-left'
+    | 'top-right'
+    | 'bottom-left'
+    | 'bottom-right'
+    | 'none';
+        /**
+          * Title to display above the optional legend
+         */
+        "legendTitle"?: string;
+        /**
+          * The shape of the plotting in the chart - Square, Circle and Point
+         */
+        "useShape"?: string;
+        /**
+          * Title to display along the x-axis
+         */
+        "xAxisTitle"?: string;
+        /**
+          * Name for the data field to use to populate the chart's x-axis e.g. xFieldName of "category" will map any "category" fields in chartData to the x-axis
+         */
+        "xFieldName"?: string;
+        /**
+          * If true, then make Axis tick label 45 degrees
+         */
+        "xTickLabelSlant"?: boolean;
+        /**
+          * Title to display along the y-axis
+         */
+        "yAxisTitle"?: string;
+        /**
+          * Name for the data field to use to populate the chart's x-axis e.g. yFieldName of "value" will map any "value" fields in chartData to the y-axis
+         */
+        "yFieldName"?: string;
+    }
     interface GuxColorSelect {
     }
     interface GuxCommandAction {
@@ -2866,12 +3043,37 @@ declare namespace LocalJSX {
          */
         "totalItems"?: number;
     }
+    interface GuxPaginationBeta {
+        /**
+          * The currently select page. Changes are watched by the component.
+         */
+        "currentPage"?: number;
+        /**
+          * The max number of items on a page. Used to calculate total page count
+         */
+        "itemsPerPage"?: GuxItemsPerPage;
+        /**
+          * The pagination component can have different layouts to suit the available space
+         */
+        "layout"?: GuxPaginationLayoutBeta;
+        "onGuxpaginationchange"?: (event: GuxPaginationBetaCustomEvent<GuxPaginationState>) => void;
+        /**
+          * The total number of items in the data set. Used to calculate total page count
+         */
+        "totalItems"?: number;
+    }
     interface GuxPaginationButtons {
         "currentPage"?: number;
         "layout"?: GuxPaginationLayout;
         "onInternalcurrentpagechange"?: (event: GuxPaginationButtonsCustomEvent<number>) => void;
         "totalPages"?: number;
     }
+    interface GuxPaginationButtonsBeta {
+        "currentPage"?: number;
+        "layout"?: GuxPaginationLayoutBeta;
+        "onInternalcurrentpagechange"?: (event: GuxPaginationButtonsBetaCustomEvent<number>) => void;
+        "totalPages"?: number;
+    }
     interface GuxPaginationCursor {
         "hasNext"?: boolean;
         "hasPrevious"?: boolean;
@@ -2882,10 +3084,19 @@ declare namespace LocalJSX {
         "itemsPerPage"?: number;
         "totalItems"?: number;
     }
+    interface GuxPaginationItemCountsBeta {
+        "currentPage"?: number;
+        "itemsPerPage"?: number;
+        "totalItems"?: number;
+    }
     interface GuxPaginationItemsPerPage {
         "itemsPerPage"?: GuxItemsPerPage;
         "onInternalitemsperpagechange"?: (event: GuxPaginationItemsPerPageCustomEvent<number>) => void;
     }
+    interface GuxPaginationItemsPerPageBeta {
+        "itemsPerPage"?: GuxItemsPerPage1;
+        "onInternalitemsperpagechange"?: (event: GuxPaginationItemsPerPageBetaCustomEvent<number>) => void;
+    }
     interface GuxPanelFrameLegacy {
     }
     interface GuxPopover {
@@ -3288,6 +3499,7 @@ declare namespace LocalJSX {
         "gux-chart-donut-beta": GuxChartDonutBeta;
         "gux-chart-line-beta": GuxChartLineBeta;
         "gux-chart-pie-beta": GuxChartPieBeta;
+        "gux-chart-scatter-plot-beta": GuxChartScatterPlotBeta;
         "gux-color-select": GuxColorSelect;
         "gux-command-action": GuxCommandAction;
         "gux-command-palette-legacy": GuxCommandPaletteLegacy;
@@ -3337,10 +3549,14 @@ declare namespace LocalJSX {
         "gux-option-legacy": GuxOptionLegacy;
         "gux-page-loading-spinner": GuxPageLoadingSpinner;
         "gux-pagination": GuxPagination;
+        "gux-pagination-beta": GuxPaginationBeta;
         "gux-pagination-buttons": GuxPaginationButtons;
+        "gux-pagination-buttons-beta": GuxPaginationButtonsBeta;
         "gux-pagination-cursor": GuxPaginationCursor;
         "gux-pagination-item-counts": GuxPaginationItemCounts;
+        "gux-pagination-item-counts-beta": GuxPaginationItemCountsBeta;
         "gux-pagination-items-per-page": GuxPaginationItemsPerPage;
+        "gux-pagination-items-per-page-beta": GuxPaginationItemsPerPageBeta;
         "gux-panel-frame-legacy": GuxPanelFrameLegacy;
         "gux-popover": GuxPopover;
         "gux-popover-list": GuxPopoverList;
@@ -3406,6 +3622,7 @@ declare module "@stencil/core" {
             "gux-chart-donut-beta": LocalJSX.GuxChartDonutBeta & JSXBase.HTMLAttributes<HTMLGuxChartDonutBetaElement>;
             "gux-chart-line-beta": LocalJSX.GuxChartLineBeta & JSXBase.HTMLAttributes<HTMLGuxChartLineBetaElement>;
             "gux-chart-pie-beta": LocalJSX.GuxChartPieBeta & JSXBase.HTMLAttributes<HTMLGuxChartPieBetaElement>;
+            "gux-chart-scatter-plot-beta": LocalJSX.GuxChartScatterPlotBeta & JSXBase.HTMLAttributes<HTMLGuxChartScatterPlotBetaElement>;
             "gux-color-select": LocalJSX.GuxColorSelect & JSXBase.HTMLAttributes<HTMLGuxColorSelectElement>;
             "gux-command-action": LocalJSX.GuxCommandAction & JSXBase.HTMLAttributes<HTMLGuxCommandActionElement>;
             "gux-command-palette-legacy": LocalJSX.GuxCommandPaletteLegacy & JSXBase.HTMLAttributes<HTMLGuxCommandPaletteLegacyElement>;
@@ -3455,10 +3672,14 @@ declare module "@stencil/core" {
             "gux-option-legacy": LocalJSX.GuxOptionLegacy & JSXBase.HTMLAttributes<HTMLGuxOptionLegacyElement>;
             "gux-page-loading-spinner": LocalJSX.GuxPageLoadingSpinner & JSXBase.HTMLAttributes<HTMLGuxPageLoadingSpinnerElement>;
             "gux-pagination": LocalJSX.GuxPagination & JSXBase.HTMLAttributes<HTMLGuxPaginationElement>;
+            "gux-pagination-beta": LocalJSX.GuxPaginationBeta & JSXBase.HTMLAttributes<HTMLGuxPaginationBetaElement>;
             "gux-pagination-buttons": LocalJSX.GuxPaginationButtons & JSXBase.HTMLAttributes<HTMLGuxPaginationButtonsElement>;
+            "gux-pagination-buttons-beta": LocalJSX.GuxPaginationButtonsBeta & JSXBase.HTMLAttributes<HTMLGuxPaginationButtonsBetaElement>;
             "gux-pagination-cursor": LocalJSX.GuxPaginationCursor & JSXBase.HTMLAttributes<HTMLGuxPaginationCursorElement>;
             "gux-pagination-item-counts": LocalJSX.GuxPaginationItemCounts & JSXBase.HTMLAttributes<HTMLGuxPaginationItemCountsElement>;
+            "gux-pagination-item-counts-beta": LocalJSX.GuxPaginationItemCountsBeta & JSXBase.HTMLAttributes<HTMLGuxPaginationItemCountsBetaElement>;
             "gux-pagination-items-per-page": LocalJSX.GuxPaginationItemsPerPage & JSXBase.HTMLAttributes<HTMLGuxPaginationItemsPerPageElement>;
+            "gux-pagination-items-per-page-beta": LocalJSX.GuxPaginationItemsPerPageBeta & JSXBase.HTMLAttributes<HTMLGuxPaginationItemsPerPageBetaElement>;
             "gux-panel-frame-legacy": LocalJSX.GuxPanelFrameLegacy & JSXBase.HTMLAttributes<HTMLGuxPanelFrameLegacyElement>;
             "gux-popover": LocalJSX.GuxPopover & JSXBase.HTMLAttributes<HTMLGuxPopoverElement>;
             "gux-popover-list": LocalJSX.GuxPopoverList & JSXBase.HTMLAttributes<HTMLGuxPopoverListElement>;

package/dist/types/i18n/index.d.ts

@@ -3,8 +3,8 @@ declare type I18nValueContext = {
   [key: string]: string | number;
 };
 export declare type GetI18nValue = (resourceKey: string, context?: I18nValueContext) => string;
-export declare function buildI18nForComponent(component: HTMLElement, defaultResources: ILocalizedComponentResources): Promise<GetI18nValue>;
-export declare function getComponentI18nResources(component: HTMLElement, defaultResources: ILocalizedComponentResources, locale: string): Promise<ILocalizedComponentResources>;
+export declare function buildI18nForComponent(component: HTMLElement, defaultResources: ILocalizedComponentResources, parentComponent?: string): Promise<GetI18nValue>;
+export declare function getComponentI18nResources(component: HTMLElement, defaultResources: ILocalizedComponentResources, locale: string, parentComponent?: string): Promise<ILocalizedComponentResources>;
 export declare function getDesiredLocale(element: HTMLElement): string;
 export declare function getStartOfWeek(locale?: string): number;
 export {};

package/package.json

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

package/dist/genesys-webcomponents/p-155a1000.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-14a51c35.js";import{r}from"./p-cbcbd1bb.js";import{t as l}from"./p-a6257c98.js";import"./p-8a133b9b.js";const a=class{constructor(e){t(this,e),this.internalrowselectchange=s(this,"internalrowselectchange",7),this.id=r("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,l)}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-4bff75ab.entry.js

@@ -1 +0,0 @@
-import{r,h as s,g as t}from"./p-a085b143.js";import{t as e}from"./p-42454428.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}

package/dist/genesys-webcomponents/p-64d6f1fa.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,d as a,w as o,h as s,g as n}from"./p-a085b143.js";import{S as e}from"./p-020b6498.js";import{O as c}from"./p-4b7056b2.js";import{b as r}from"./p-14a51c35.js";import{e as l}from"./p-29e8b184.js";import{t as b}from"./p-2c3d934a.js";import"./p-8a133b9b.js";const d=class{constructor(a){t(this,a),this.newTab=i(this,"newTab",7),this.sortChanged=i(this,"sortChanged",7),this.moveFocusDelay=100,this.showNewTabButton=!0,this.tabLimit=1/0,this.allowSort=!0,this.focused=0,this.disableAddTabButton=!1,this.hasScrollbar=!1,this.keyboardSort=!1,this.initialSortIndex=0,this.ariaLiveAlert=""}onFocusin(t){this.allowSort&&l(".gux-scrollable-section",t)&&!this.keyboardSort&&(this.ariaLiveAlert="toggleSort")}onFocusout(t){this.root.querySelector(".gux-scrollable-section").contains(t.relatedTarget)||this.tabTriggers.forEach((async(t,i)=>{await t.guxGetActive()?this.focused=i:(t.querySelector(".gux-tab-button").setAttribute("tabindex","-1"),t.querySelector(".gux-tab-options-button")&&t.querySelector(".gux-tab-options-button").setAttribute("tabindex","-1"))}))}onMutation(){this.setTabTriggers()}onKeydown(t){switch(t.key){case"ArrowRight":case"ArrowDown":if(t.preventDefault(),this.keyboardSort&&!l(".gux-tab-options-button",t)){this.ariaLiveAlert="";const t=this.root.querySelector(".gux-scrollable-section"),i=t.querySelectorAll("gux-tab-advanced"),a=Array.prototype.indexOf.call(i,this.sortTarget);let o;o=a===i.length-1?i[0]:i[a+2],t.insertBefore(this.sortTarget,o),this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var a;t.tabId===(null===(a=this.sortTarget)||void 0===a?void 0:a.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.focused)}else l(".gux-tab-options-button",t)||l(".gux-dropdown-option-container",t)||this.handleKeyboardScroll("forward");break;case"ArrowLeft":case"ArrowUp":if(t.preventDefault(),this.keyboardSort&&!l(".gux-tab-options-button",t)){this.ariaLiveAlert="";const t=this.root.querySelector(".gux-scrollable-section"),i=t.querySelectorAll("gux-tab-advanced"),a=Array.prototype.indexOf.call(i,this.sortTarget);t.insertBefore(this.sortTarget,i[a-1]||null),this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var a;t.tabId===(null===(a=this.sortTarget)||void 0===a?void 0:a.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.focused)}else l(".gux-tab-options-button",t)||l(".gux-dropdown-option-container",t)||this.handleKeyboardScroll("backward");break;case"Escape":t.preventDefault(),this.keyboardSort&&this.allowSort&&(this.keyboardSort=!1,this.ariaLiveAlert="sortCancelled",this.root.querySelector(".gux-scrollable-section").insertBefore(this.sortTarget,this.tabTriggers[this.initialSortIndex]||null)),this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var a;t.tabId===(null===(a=this.sortTarget)||void 0===a?void 0:a.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.initialSortIndex),setTimeout((()=>{this.focusTab(this.initialSortIndex)}),this.moveFocusDelay);break;case"Enter":this.keyboardSort&&(t.preventDefault(),this.keyboardSort=!1,this.ariaLiveAlert="sortComplete",this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var a;t.tabId===(null===(a=this.sortTarget)||void 0===a?void 0:a.getAttribute("tab-id"))&&(this.focused=i)})));break;case"Tab":this.keyboardSort&&(this.keyboardSort=!1,this.ariaLiveAlert="sortCancelled");break;case"Home":t.preventDefault(),this.focusTab(0);break;case"End":t.preventDefault(),this.focusTab(this.tabTriggers.length-1)}}onKeyup(t){switch(t.key){case" ":l(".gux-tab",t)&&!l(".gux-tab-options-button",t)&&!l("gux-popover-list",t)&&this.allowSort&&(t.preventDefault(),!0===this.keyboardSort?(this.keyboardSort=!1,this.ariaLiveAlert="sortComplete",this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var a;t.tabId===(null===(a=this.sortTarget)||void 0===a?void 0:a.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.focused)):(this.keyboardSort=!0,this.sortTarget=t.target.parentNode.parentNode,this.tabTriggers.forEach(((t,i)=>{var a;t.tabId===(null===(a=this.sortTarget)||void 0===a?void 0:a.getAttribute("tab-id"))&&(this.initialSortIndex=i)})),this.ariaLiveAlert="sortModeOn"))}}async guxSetActive(t){this.tabTriggers.forEach(((i,a)=>{const o=i.tabId===t;i.guxSetActive(o),o&&(this.focused=a)}))}focusTab(t){this.focused=t,this.tabTriggers.forEach((async(t,i)=>{const a=await t.guxGetActive();this.focused===i||a||(t.querySelector(".gux-tab-button").setAttribute("tabindex","-1"),t.querySelector(".gux-tab-options-button")&&t.querySelector(".gux-tab-options-button").setAttribute("tabindex","-1"))})),this.tabTriggers[this.focused].querySelector("button").setAttribute("tabindex","0"),this.tabTriggers[this.focused].querySelector(".gux-tab-options-button")&&this.tabTriggers[this.focused].querySelector(".gux-tab-options-button").setAttribute("tabindex","0"),this.tabTriggers[this.focused].guxFocus()}setTabTriggers(){this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.triggerIds=this.tabTriggers?Array.from(this.tabTriggers).map((t=>`gux-${t.getAttribute("tab-id")}-tab`)).join(" "):""}createSortable(){this.sortableInstance=new e(this.root.querySelector(".gux-scrollable-section"),{animation:250,draggable:"gux-tab-advanced",filter:".ignore-sort",onMove:t=>!t.related.classList.contains("ignore-sort"),onUpdate:()=>{const t=Array.from(this.root.querySelectorAll("gux-tab-advanced")).map((t=>t.tabId));this.sortChanged.emit(t)}})}destroySortable(){this.sortableInstance&&(this.sortableInstance.destroy(),this.sortableInstance=null)}checkForScrollbarHideOrShow(){a((()=>{const t=this.root.querySelector(".gux-scrollable-section"),i=t.clientWidth<t.scrollWidth;i!==this.hasScrollbar&&(this.hasScrollbar=i)}))}handleKeyboardScroll(t){const i=this.root.querySelector(".gux-scrollable-section"),a=this.root.querySelectorAll("gux-tab-advanced")[this.focused];"forward"===t?this.focused<this.tabTriggers.length-1?(o((()=>{this.hasScrollbar&&i.scrollBy(a.clientWidth,0)})),this.focusTab(this.focused+1)):(o((()=>{this.hasScrollbar&&i.scrollBy(-i.scrollWidth,0)})),this.focusTab(0)):"backward"===t&&(this.focused>0?(o((()=>{this.hasScrollbar&&i.scrollBy(-a.clientWidth,0)})),this.focusTab(this.focused-1)):(o((()=>{this.hasScrollbar&&i.scrollBy(i.scrollWidth,0)})),this.focusTab(this.tabTriggers.length-1)))}disconnectedCallback(){this.sortableInstance&&this.destroySortable(),this.resizeObserver&&this.resizeObserver.unobserve(this.root.querySelector(".gux-tab-container")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){this.setTabTriggers(),this.i18n=await r(this.root,b)}componentDidLoad(){this.allowSort&&!this.sortableInstance&&this.createSortable(),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.checkForScrollbarHideOrShow()))),this.resizeObserver&&this.resizeObserver.observe(this.root.querySelector(".gux-scrollable-section")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver((()=>this.checkForScrollbarHideOrShow()))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),setTimeout((()=>{this.checkForScrollbarHideOrShow()}),500)}scrollLeft(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(-100,0)}))}scrollRight(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(100,0)}))}scrollUp(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,-100)}))}scrollDown(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,100)}))}componentWillRender(){Array.from(this.root.querySelectorAll("gux-tab-advanced")).length>=this.tabLimit&&(this.disableAddTabButton=!0)}render(){const t=t=>s("button",{title:this.i18n(this.disableAddTabButton?"disableNewTab":"createNewTab"),class:"add-tab",onClick:()=>t.onClick(),disabled:this.disableAddTabButton},s("gux-icon",{"icon-name":"add",decorative:!0}));return[s("span",{class:"gux-sr-only gux-aria-live-region","aria-live":"polite"},this.ariaLiveAlert?this.i18n(this.ariaLiveAlert):""),s("div",{class:"gux-tab-container"},s("div",{class:"action-button-container"},this.renderScrollButton(this.hasScrollbar?"scrollLeft":"scrollUp")),s("div",{role:"tablist",class:"gux-scrollable-section "+(this.keyboardSort?"gux-tab-sorting":""),"aria-owns":this.triggerIds},s("slot",null)),s("div",{class:"new-tab"},this.showNewTabButton&&!this.hasScrollbar?s(t,{onClick:()=>this.newTab.emit()}):null),s("div",{class:"action-button-container"},this.renderScrollButton(this.hasScrollbar?"scrollRight":"scrollDown"),this.showNewTabButton&&this.hasScrollbar?s(t,{onClick:()=>this.newTab.emit()}):null))]}renderScrollButton(t){return s("div",{class:"gux-scroll-button-container"},this.hasScrollbar?s("button",{tabindex:"-1",title:this.i18n(t),"aria-label":this.i18n(t),class:"gux-scroll-button",onClick:()=>this.getScrollDirection(t)},s("gux-icon",{"icon-name":this.getChevronIconName(t),decorative:!0})):null)}getScrollDirection(t){switch(t){case"scrollLeft":this.scrollLeft();break;case"scrollRight":this.scrollRight();break;case"scrollUp":this.scrollUp();break;case"scrollDown":this.scrollDown()}}getChevronIconName(t){switch(t){case"scrollLeft":return"chevron-left";case"scrollRight":return"chevron-right";case"scrollUp":return"chevron-up";case"scrollDown":return"chevron-down"}}get root(){return n(this)}};(function(t,i,a,o){var s,n=arguments.length,e=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,a):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)e=Reflect.decorate(t,i,a,o);else for(var c=t.length-1;c>=0;c--)(s=t[c])&&(e=(n<3?s(e):n>3?s(i,a,e):s(i,a))||e);n>3&&e&&Object.defineProperty(i,a,e)})([c({childList:!0,subtree:!0})],d.prototype,"onMutation",null),d.style="gux-tab-advanced-list .gux-tab-container{display:flex;align-items:flex-end;width:100%;height:50px;margin-bottom:16px;overflow-x:auto;overflow-y:hidden;background-color:#f6f7f9;border-bottom:1px solid #d7dce5;border-radius:4px 4px 0 0}gux-tab-advanced-list .gux-tab-container .action-button-container{display:flex;border-radius:4px}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab{display:flex;align-items:center;justify-content:center;width:35px;height:50px;margin-left:2px;color:#2e394c;background-color:#e2e6ee;border:none;border-radius:4px;transition:color 0.25s}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab:disabled{opacity:0.5}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab:hover{background-color:#d7dce5}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab:active{background-color:#c8cfda}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab:focus{border:3px solid #aac9ff;outline:none}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab:focus-visible{border:3px solid #aac9ff;border-radius:5px;outline:none}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab gux-icon{width:16px;height:16px}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container{display:flex;border-radius:4px}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button{display:flex;align-items:center;justify-content:center;width:28px;height:50px;padding:0;color:#2e394c;background-color:#e2e6ee;border:none;border-radius:4px;transition:color 0.25s}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:focus-visible{border:3px solid #aac9ff;border-radius:5px;outline:none}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button gux-icon{width:16px;height:16px}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:focus{border:3px solid #aac9ff;outline:none}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:hover{background-color:#d7dce5}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:active{background-color:#c8cfda}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:focus-visible{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}gux-tab-advanced-list .gux-tab-container .new-tab .add-tab{display:flex;align-items:center;justify-content:center;width:35px;height:50px;padding:0;color:#2e394c;background-color:#e2e6ee;border:none;border-radius:4px;transition:color 0.25s}gux-tab-advanced-list .gux-tab-container .new-tab .add-tab:hover{background-color:#d7dce5}gux-tab-advanced-list .gux-tab-container .new-tab .add-tab:active{background-color:#c8cfda}gux-tab-advanced-list .gux-tab-container .new-tab .add-tab:focus{border:3px solid #aac9ff;outline:none}gux-tab-advanced-list .gux-tab-container .new-tab .add-tab:focus-visible{border:3px solid #aac9ff;border-radius:5px;outline:none}gux-tab-advanced-list .gux-tab-container .new-tab .add-tab gux-icon{width:16px;height:16px}gux-tab-advanced-list .gux-tab-container .gux-scrollable-section{display:flex;align-items:flex-end;height:50px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}gux-tab-advanced-list .gux-tab-container .gux-scrollable-section::-webkit-scrollbar{height:0}gux-tab-advanced-list .gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{d as gux_tab_advanced_list}

package/dist/genesys-webcomponents/p-9bdbd2da.entry.js

@@ -1 +0,0 @@
-import{r as t,c as o,w as i,h as a,g as n}from"./p-a085b143.js";import{b as s}from"./p-14a51c35.js";import{e}from"./p-29e8b184.js";import{r as d}from"./p-cbcbd1bb.js";import{t as u}from"./p-2c3d934a.js";import"./p-8a133b9b.js";const g=class{constructor(i){t(this,i),this.internalactivatetabpanel=o(this,"internalactivatetabpanel",7),this.dropdownOptionsButtonId=d(),this.moveFocusDelay=100,this.tabTitle="",this.focusinFromClick=!1,this.active=!1,this.guxDisabled=!1,this.popoverHidden=!0,this.hasAnimated=!1}onFocusin(t){!this.focusinFromClick&&t.target.classList.contains("gux-tab-button")&&this.tooltipTitleElement.setShowTooltip()}onFocusout(t){this.root.querySelector(".gux-tab").contains(t.relatedTarget)||(this.popoverHidden=!0),t.target.classList.contains("gux-tab-button")&&this.tooltipTitleElement.setHideTooltip(),this.focusinFromClick=!1}onKeydown(t){switch(t.key){case"ArrowDown":case"Enter":e(".gux-tab-options-button",t)&&(this.popoverHidden=!1,this.focusFirstItemInPopupList());break;case"Escape":e('gux-list[slot="dropdown-options"]',t)&&(t.stopPropagation(),this.popoverHidden=!0,setTimeout((()=>{var t;null===(t=this.tabOptionsButtonElement)||void 0===t||t.focus()}),this.moveFocusDelay))}}onKeyup(t){switch(t.key){case" ":e(".gux-tab-options-button",t)&&this.focusFirstItemInPopupList()}}onClick(t){e(".gux-tab-options-button",t)||this.active||this.guxDisabled||this.internalactivatetabpanel.emit(this.tabId)}onMouseDown(){this.focusinFromClick=!0}async guxSetActive(t){this.active=t}async guxGetActive(){return this.active}async guxFocus(){this.buttonElement.focus()}get hasDropdownOptions(){return Boolean(this.root.querySelector('gux-list[slot="dropdown-options"]'))}focusFirstItemInPopupList(){const t=this.root.querySelector('gux-list[slot="dropdown-options"]');setTimeout((()=>{null==t||t.guxFocusFirstItem()}),this.moveFocusDelay)}toggleOptions(){this.popoverHidden=!this.popoverHidden}onSelectDropdownOption(t){this.popoverHidden=!0,t.stopPropagation(),setTimeout((()=>{this.tabOptionsButtonElement.focus()}),this.moveFocusDelay)}async componentWillLoad(){this.i18n=await s(this.root,u)}componentDidLoad(){this.tabTitle=this.root.querySelector("gux-tooltip-title").textContent.trim(),this.hasAnimated||i((()=>{this.root.querySelector(".gux-tab").classList.add("gux-show"),this.hasAnimated=!0}))}popoverOnClick(t){t.stopPropagation()}getDropdownOptions(){return this.hasDropdownOptions?[a("button",{id:this.dropdownOptionsButtonId,"aria-expanded":(!this.popoverHidden).toString(),type:"button",class:"gux-tab-options-button",ref:t=>this.tabOptionsButtonElement=t,onClick:()=>this.toggleOptions(),tabIndex:this.active?0:-1,disabled:this.guxDisabled},a("gux-icon",{"icon-name":"menu-kebab-vertical","screenreader-text":this.i18n("options",{tabTitle:this.tabTitle})})),a("gux-popover-list",{position:"top-end",for:this.dropdownOptionsButtonId,displayDismissButton:!1,hidden:this.popoverHidden,closeOnClickOutside:!0,onGuxdismiss:()=>this.popoverHidden=!0,onClick:t=>this.popoverOnClick(t)},a("div",{class:"gux-dropdown-option-container",onClick:t=>this.onSelectDropdownOption(t)},a("slot",{name:"dropdown-options"})))]:null}render(){return[a("div",{class:{"gux-tab":!0,"gux-selected":this.active,"gux-dropdown-options":this.hasDropdownOptions,"gux-disabled":this.guxDisabled}},a("button",{class:"gux-tab-button",type:"button",role:"tab","aria-selected":this.active.toString(),"aria-disabled":this.guxDisabled.toString(),"aria-controls":`gux-${this.tabId}-panel`,ref:t=>this.buttonElement=t,tabIndex:this.active?0:-1,id:`gux-${this.tabId}-tab`},a("gux-tooltip-title",{ref:t=>this.tooltipTitleElement=t},a("span",null,a("slot",null)))),this.getDropdownOptions())]}get root(){return n(this)}};g.style=".gux-tab-sorting :focus-within{margin-bottom:4px}gux-tab-advanced:not(:last-child) .gux-tab:not(.gux-dropdown-options) .gux-tab-button{border-right:1px solid #d7dce5}gux-tab-advanced:not(:last-child) .gux-tab:not(.gux-dropdown-options) .gux-tab-options-button gux-icon{border-right:1px solid #d7dce5}gux-tab-advanced .gux-tab{display:flex;align-items:center;width:126px;height:50px;padding-bottom:2px;overflow:hidden;border-radius:4px 4px 0 0;transition:width 0.4s ease-out}gux-tab-advanced .gux-tab .gux-tab-button{display:flex;align-items:center;width:100%;width:125px;height:50px;padding-right:0;padding-left:16px;color:#000000;background-color:#f6f7f9;border:none}gux-tab-advanced .gux-tab .gux-tab-button:focus-visible{height:90%;border:3px solid #aac9ff;border-radius:5px;outline:none}gux-tab-advanced .gux-tab.gux-show{width:160px}gux-tab-advanced .gux-tab.gux-show.gux-disabled .gux-tab-button{color:rgba(0, 0, 0, 0.5)}gux-tab-advanced .gux-tab.gux-show.gux-disabled .gux-tab-options-button{color:rgba(46, 57, 76, 0.5);pointer-events:none;cursor:default}gux-tab-advanced .gux-tab .gux-tab-options-button{z-index:1;align-items:center;justify-content:center;width:35px;height:100%;padding:0;cursor:pointer;background-color:#f6f7f9;border:none}gux-tab-advanced .gux-tab .gux-tab-options-button:focus-visible{outline:none}gux-tab-advanced .gux-tab .gux-tab-options-button:focus-visible gux-icon{padding-right:0;padding-left:0;border:3px solid #aac9ff;border-radius:5px}gux-tab-advanced .gux-tab .gux-tab-options-button gux-icon{width:16px;height:30px;padding-right:10px;padding-left:8px;transition:color 0.25s}gux-tab-advanced .gux-tab:not(.gux-dropdown-options) .gux-tab-button{width:160px;height:30px;padding-right:16px}gux-tab-advanced .gux-tab:not(.gux-dropdown-options) .gux-tab-button:focus-visible{height:90%;border:3px solid #aac9ff;border-radius:5px;outline:none}gux-tab-advanced .gux-tab .tab-icon-container{display:flex;flex:0 0 16px;align-items:center;justify-content:center;height:14px;margin-right:8px}gux-tab-advanced .gux-tab .tab-icon-container gux-icon{width:100%}gux-tab-advanced .gux-tab.gux-selected{padding-bottom:0;background-color:#fdfdfd;border-bottom:2px solid #2a60c8}gux-tab-advanced .gux-tab.gux-selected .gux-tab-button{background-color:#fdfdfd}gux-tab-advanced .gux-tab.gux-selected .gux-tab-options-button{background-color:#fdfdfd}gux-tab-advanced .gux-tab:hover:not(.gux-selected):not(.gux-disabled){padding-bottom:0;border-bottom:2px solid #8a97ad}gux-tab-advanced .gux-tab gux-tooltip-title{padding-top:2px;font-size:14px;white-space:nowrap;cursor:default}";export{g as gux_tab_advanced}

package/dist/genesys-webcomponents/p-ae53d4d6.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as e,g as l}from"./p-a085b143.js";import{b as o}from"./p-14a51c35.js";import{r as i}from"./p-cbcbd1bb.js";import{t as a}from"./p-a6257c98.js";import"./p-8a133b9b.js";const r=class{constructor(e){t(this,e),this.internalallrowselectchange=s(this,"internalallrowselectchange",7),this.id=i("gux-all-row-select"),this.selected=!1}onCheck(t){t.stopPropagation(),this.selected=t.target.checked,this.internalallrowselectchange.emit()}async setIndeterminate(t=!0){this.inputElement.indeterminate=t}async componentWillLoad(){this.i18n=await o(this.root,a)}render(){return e("gux-form-field-checkbox",null,e("input",{ref:t=>this.inputElement=t,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("selectAllTableRows"))))}get root(){return l(this)}};r.style="gux-all-row-select .gux-label-text{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{r as gux_all_row_select}

package/dist/genesys-webcomponents/p-c3c3c607.entry.js

@@ -1 +0,0 @@
-import{r as t,d as s,w as o,h as i,g as l}from"./p-a085b143.js";import{b as r}from"./p-14a51c35.js";import"./p-8a133b9b.js";const e={scrollLeft:"Scroll Left",scrollRight:"Scroll Right",scrollUp:"Scroll Up",scrollDown:"Scroll Down"},c=class{constructor(s){t(this,s),this.focused=0,this.hasHorizontalScrollbar=!1,this.hasVerticalScrollbar=!1,this.isScrolledToBeginning=!1,this.isScrolledToEnd=!1}onFocusout(t){this.root.contains(t.relatedTarget)||this.tabTriggers.forEach((async(t,s)=>{await t.guxGetActive()?this.focused=s:t.querySelector("button").setAttribute("tabindex","-1")}))}onHasVerticalScrollBar(){this.checkDisabledScrollButtons()}onScroll(){this.checkDisabledScrollButtons()}onKeydown(t){switch(t.key){case"ArrowRight":case"ArrowDown":t.preventDefault(),this.handleKeyboardScroll("forward");break;case"ArrowLeft":case"ArrowUp":t.preventDefault(),this.handleKeyboardScroll("backward");break;case"Escape":t.preventDefault(),this.focusTab(this.focused);break;case"Home":t.preventDefault(),this.focusTab(0);break;case"End":t.preventDefault(),this.focusTab(this.tabTriggers.length-1)}}async guxSetActive(t){this.tabTriggers.forEach(((s,o)=>{const i=s.tabId===t;s.guxSetActive(i),i&&(this.focused=o)}))}focusTab(t){this.focused=t,this.tabTriggers.forEach((async(t,s)=>{const o=await t.guxGetActive();this.focused===s||o||t.querySelector("button").setAttribute("tabindex","-1")})),this.tabTriggers[this.focused].querySelector("button").setAttribute("tabindex","0"),this.tabTriggers[this.focused].guxFocus()}setTabTriggers(){this.tabTriggers=this.root.querySelectorAll("gux-tab"),this.triggerIds=this.tabTriggers?Array.from(this.tabTriggers).map((t=>`gux-${t.getAttribute("tab-id")}-tab`)).join(" "):""}checkForScrollbarHideOrShow(){s((()=>{const t=this.root.querySelector(".gux-scrollable-section"),s=t.clientWidth<t.scrollWidth,o=t.clientHeight<t.scrollHeight;s!==this.hasHorizontalScrollbar&&(this.hasHorizontalScrollbar=s),o!==this.hasVerticalScrollbar&&(this.hasVerticalScrollbar=o),this.checkDisabledScrollButtons()}))}handleKeyboardScroll(t){const s=this.root.querySelector(".gux-scrollable-section"),i=this.root.querySelectorAll("gux-tab")[this.focused];"forward"===t?this.focused<this.tabTriggers.length-1?(o((()=>{this.hasHorizontalScrollbar?s.scrollBy(i.clientWidth,0):s.scrollBy(0,i.clientHeight)})),this.focusTab(this.focused+1)):(o((()=>{this.hasHorizontalScrollbar?s.scrollBy(-s.scrollWidth,0):s.scrollBy(0,-s.scrollHeight)})),this.focusTab(0)):"backward"===t&&(this.focused>0?(o((()=>{this.hasHorizontalScrollbar?s.scrollBy(-i.clientWidth,0):s.scrollBy(0,-i.clientHeight)})),this.focusTab(this.focused-1)):(o((()=>{this.hasHorizontalScrollbar?s.scrollBy(s.scrollWidth,0):s.scrollBy(0,s.scrollHeight)})),this.focusTab(this.tabTriggers.length-1)))}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.unobserve(this.root.querySelector(".gux-tab-container")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){this.setTabTriggers(),this.i18n=await r(this.root,e)}componentDidLoad(){!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.checkForScrollbarHideOrShow()))),this.resizeObserver&&this.resizeObserver.observe(this.root.querySelector(".gux-scrollable-section")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver((()=>this.checkForScrollbarHideOrShow()))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),setTimeout((()=>{this.checkForScrollbarHideOrShow()}),500)}checkDisabledScrollButtons(){const t=this.root.querySelector(".gux-scrollable-section");if(this.hasHorizontalScrollbar){const s=t.scrollLeft,o=t.scrollWidth-t.clientWidth;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=o-s==0}else{const s=t.scrollTop,o=t.scrollHeight-t.clientHeight;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=o-s==0}}scrollLeft(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(-100,0)}))}scrollRight(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(100,0)}))}scrollUp(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,-100)}))}scrollDown(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,100)}))}render(){return i("div",{class:"gux-tab-container"},this.renderScrollButton(this.hasHorizontalScrollbar?"scrollLeft":"scrollUp"),i("div",{role:"tablist",class:"gux-scrollable-section","aria-owns":this.triggerIds},i("slot",null)),this.renderScrollButton(this.hasHorizontalScrollbar?"scrollRight":"scrollDown"))}renderScrollButton(t){return i("div",{class:"gux-scroll-button-container"},this.hasHorizontalScrollbar||this.hasVerticalScrollbar?i("button",{disabled:this.getButtonDisabled(t),tabindex:"-1",title:this.i18n(t),"aria-label":this.i18n(t),class:"gux-scroll-button",onClick:()=>this.getScrollDirection(t)},i("gux-icon",{"icon-name":this.getChevronIconName(t),decorative:!0})):null)}getButtonDisabled(t){switch(t){case"scrollLeft":case"scrollUp":return this.isScrolledToBeginning;case"scrollRight":case"scrollDown":return this.isScrolledToEnd}}getScrollDirection(t){switch(t){case"scrollLeft":this.scrollLeft();break;case"scrollRight":this.scrollRight();break;case"scrollUp":this.scrollUp();break;case"scrollDown":this.scrollDown()}}getChevronIconName(t){switch(t){case"scrollLeft":return"chevron-small-left";case"scrollRight":return"chevron-small-right";case"scrollUp":return"chevron-small-up";case"scrollDown":return"chevron-small-down"}}get root(){return l(this)}};c.style="gux-tabs[orientation='vertical']{height:100%}gux-tabs[orientation='vertical'] .gux-tab-container{display:flex;flex-direction:column;width:160px;max-width:160px;height:100%;margin-right:16px;border-right:1px solid #d7dce5}gux-tabs[orientation='vertical'] .gux-tab-container .gux-scroll-button-container{width:100%}gux-tabs[orientation='vertical'] .gux-tab-container .gux-scroll-button-container button{width:100%}gux-tabs[orientation='vertical'] .gux-tab-container .gux-scrollable-section{flex-direction:column;height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}gux-tabs[orientation='vertical'] .gux-tab-container .gux-scrollable-section::-webkit-scrollbar{width:0;height:0}gux-tabs:not([orientation='vertical']) .gux-tab-container{height:40px;margin-bottom:16px;border-bottom:1px solid #d7dce5}gux-tabs:not([orientation='vertical']) .gux-scrollable-section{overflow-x:auto}gux-tabs .gux-tab-container{box-sizing:content-box;display:flex;width:100%;overflow-x:hidden;overflow-y:hidden;background-color:#fff}gux-tabs .gux-scrollable-section{display:flex;flex:1 1 auto;scroll-behavior:smooth;scrollbar-width:none}gux-tabs .gux-scrollable-section::-webkit-scrollbar{height:0}gux-tabs .gux-scroll-button-container{display:flex;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button{display:flex;align-items:center;justify-content:center;width:28px;height:40px;color:#202937;cursor:pointer;background-color:#c8cfda;background-color:#e2e6ee;border:none;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button gux-icon{width:16px;height:16px}gux-tabs .gux-scroll-button-container .gux-scroll-button:hover:not(:disabled){background-color:#d7dce5}gux-tabs .gux-scroll-button-container .gux-scroll-button:active:not(:disabled){background-color:#d2d8e5}gux-tabs .gux-scroll-button-container .gux-scroll-button:disabled{cursor:default;opacity:0.5}";export{c as gux_tab_list}