genesys-spark-components 3.1.3-beta.8 → 3.3.1

package/dist/esm/gux-chart-scatter-plot-beta.entry.js

@@ -0,0 +1,129 @@
+import { r as registerInstance, h, g as getElement } from './index-76794476.js';
+import { t as trackComponent } from './usage-tracking-5b27676e.js';
+import { V as VISUALIZATION_COLORS } from './color-palette-1cfb5585.js';
+import { l as logError } from './log-error-b1a1a086.js';
+
+const guxChartScatterPlotCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
+
+const DEFAULT_COLOR_FIELD_NAME = 'category';
+const GuxScatterPlotChart = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    this.baseChartSpec = {
+      $schema: 'https://vega.github.io/schema/vega-lite/v5.json',
+      params: [
+        {
+          name: 'onHover',
+          select: { type: 'point', on: 'mouseover' }
+        }
+      ],
+      config: {
+        axis: {
+          ticks: false,
+          titlePadding: 8,
+          gridColor: '#F6F7F9'
+        },
+        axisX: {
+          labelAngle: 0,
+          grid: true
+        },
+        legend: {
+          symbolType: 'circle'
+        }
+      },
+      width: { step: 40 },
+      encoding: {
+        x: { type: 'nominal' },
+        y: { type: 'quantitative' },
+        color: {
+          field: DEFAULT_COLOR_FIELD_NAME,
+          type: 'nominal',
+          scale: { range: VISUALIZATION_COLORS },
+          legend: null
+        },
+        size: {
+          condition: [
+            {
+              param: 'onHover',
+              empty: false,
+              value: 100
+            }
+          ],
+          value: 40
+        }
+      }
+    };
+    this.legendPosition = 'right';
+  }
+  parseData() {
+    if (!this.xFieldName || !this.yFieldName) {
+      logError('gux-chart-scatter-plot', '[gux-chart-scatter-plot] requires x-field-name and y-field-name');
+    }
+    let chartData = {};
+    if (this.chartData) {
+      chartData = { data: this.chartData };
+    }
+    if (this.xTickLabelSlant) {
+      this.baseChartSpec.config.axisX.labelAngle = -45;
+    }
+    if (this.legendPosition) {
+      this.baseChartSpec.config.legend.orient = this.legendPosition;
+    }
+    const xFieldName = this.xFieldName;
+    const xAxisTitle = this.xAxisTitle;
+    const yFieldName = this.yFieldName;
+    const yAxisTitle = this.yAxisTitle;
+    const legendTitle = this.legendTitle;
+    const useShape = this.useShape || 'circle';
+    const colorFieldName = this.colorFieldName || DEFAULT_COLOR_FIELD_NAME;
+    if (this.includeLegend) {
+      this.baseChartSpec.encoding.color.legend = true;
+    }
+    if (xFieldName) {
+      this.baseChartSpec.encoding.x.field = xFieldName;
+    }
+    if (xAxisTitle) {
+      this.baseChartSpec.encoding.x.title = xAxisTitle;
+    }
+    if (yFieldName) {
+      this.baseChartSpec.encoding.y.field = yFieldName;
+    }
+    if (yAxisTitle) {
+      this.baseChartSpec.encoding.y.title = yAxisTitle;
+    }
+    if (colorFieldName) {
+      this.baseChartSpec.encoding.color.field = colorFieldName;
+    }
+    if (legendTitle) {
+      this.baseChartSpec.encoding.color.title = legendTitle;
+    }
+    this.baseChartSpec.mark = { type: useShape, filled: true };
+    this.baseChartSpec.config.legend.symbolType = useShape;
+    this.baseChartSpec.encoding.shape = {
+      field: colorFieldName,
+      type: 'nominal'
+    };
+    this.baseChartSpec.encoding.tooltip = [
+      { field: xFieldName, type: 'nominal', title: xAxisTitle },
+      { field: yFieldName, type: 'quantitative', title: yAxisTitle },
+      { field: colorFieldName, type: 'nominal', title: legendTitle }
+    ];
+    const spec = Object.assign(this.baseChartSpec, chartData);
+    this.visualizationSpec = spec;
+  }
+  componentWillLoad() {
+    trackComponent(this.root);
+    this.parseData();
+  }
+  render() {
+    return (h("gux-visualization-beta", { visualizationSpec: this.visualizationSpec }));
+  }
+  get root() { return getElement(this); }
+  static get watchers() { return {
+    "chartData": ["parseData"]
+  }; }
+};
+GuxScatterPlotChart.style = guxChartScatterPlotCss;
+
+export { GuxScatterPlotChart as gux_chart_scatter_plot_beta };

package/dist/esm/gux-command-palette-legacy.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, g as getElement } from './index-76794476.js';
 import { m as matchesFuzzy } from './search-2ca67cb1.js';
-import { b as buildI18nForComponent } from './index-eb3999c5.js';
-import { t as trackComponent } from './usage-tracking-eb392c33.js';
+import { b as buildI18nForComponent } from './index-5bfcdeb1.js';
+import { t as trackComponent } from './usage-tracking-5b27676e.js';
 import './get-closest-element-1597503c.js';
 
 const recentSearch = "Recently Searched:";

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-76794476.js';
-import { t as trackComponent } from './usage-tracking-eb392c33.js';
-import { b as buildI18nForComponent } from './index-eb3999c5.js';
+import { t as trackComponent } from './usage-tracking-5b27676e.js';
+import { b as buildI18nForComponent } from './index-5bfcdeb1.js';
 import { o as onDisabledChange } from './on-attribute-change-2b01c315.js';
 import './get-closest-element-1597503c.js';
 

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-76794476.js';
-import { t as trackComponent } from './usage-tracking-eb392c33.js';
+import { t as trackComponent } from './usage-tracking-5b27676e.js';
 import { r as randomHTMLId } from './random-html-id-8e3f658c.js';
-import { b as buildI18nForComponent } from './index-eb3999c5.js';
+import { b as buildI18nForComponent } from './index-5bfcdeb1.js';
 import { f as fromIsoDate, a as asIsoDateRange, b as asIsoDate, c as fromIsoDateRange } from './iso-dates-a7c704a4.js';
 import { O as OnClickOutside } from './on-click-outside-ce30de20.js';
 import { c as createPopper } from './popper-93ecb064.js';

package/dist/esm/gux-disclosure-button.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-76794476.js';
 import { r as randomHTMLId } from './random-html-id-8e3f658c.js';
-import { t as trackComponent } from './usage-tracking-eb392c33.js';
-import { b as buildI18nForComponent } from './index-eb3999c5.js';
+import { t as trackComponent } from './usage-tracking-5b27676e.js';
+import { b as buildI18nForComponent } from './index-5bfcdeb1.js';
 import './get-closest-element-1597503c.js';
 
 const defaultLabel = "Disclosure button";

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-76794476.js';
-import { t as trackComponent } from './usage-tracking-eb392c33.js';
-import { b as buildI18nForComponent } from './index-eb3999c5.js';
+import { t as trackComponent } from './usage-tracking-5b27676e.js';
+import { b as buildI18nForComponent } from './index-5bfcdeb1.js';
 import './get-closest-element-1597503c.js';
 
 const dismiss = "Dismiss";

package/dist/esm/gux-dropdown-legacy.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-76794476.js';
 import { O as OnClickOutside } from './on-click-outside-ce30de20.js';
 import { w as whenEventIsFrom } from './when-event-is-from-18667084.js';
-import { t as trackComponent } from './usage-tracking-eb392c33.js';
+import { t as trackComponent } from './usage-tracking-5b27676e.js';
 import { O as OnMutation } from './on-mutation-2e96b1b9.js';
 
 const guxDropdownCss = "gux-dropdown-legacy .gux-hidden{display:none}gux-dropdown-legacy div.gux-dropdown{position:relative;margin:4px 0}gux-dropdown-legacy div.gux-dropdown.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}gux-dropdown-legacy div.gux-dropdown .gux-select-field{position:relative;width:100%;height:32px}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion{position:absolute;box-sizing:border-box;width:100%;height:32px;padding:6px 25px 6px 14px;overflow:hidden;font-size:12px;line-height:1.6667;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion .gux-filter-text{color:#2e394c}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion .gux-filter-typeahead{color:#596373}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like>div{margin:0}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like input{width:100%;padding-right:25px;font-size:12px;text-overflow:ellipsis;cursor:pointer;background-color:transparent}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like.gux-unclearable button{display:none}gux-dropdown-legacy div.gux-dropdown .gux-select-field button.gux-dropdown-indicator{position:absolute;top:1px;right:3px;bottom:0;display:block;overflow:hidden;pointer-events:none;cursor:pointer;background:none;border:none;outline:none}gux-dropdown-legacy div.gux-dropdown .gux-select-field button.gux-dropdown-indicator gux-icon{width:16px;height:16px;color:#596373}gux-dropdown-legacy div.gux-dropdown .gux-select-field:hover button.gux-dropdown-indicator gux-icon,gux-dropdown-legacy div.gux-dropdown .gux-select-field:focus-within button.gux-dropdown-indicator gux-icon{color:#2e394c}gux-dropdown-legacy div.gux-dropdown .gux-options{position:absolute;z-index:1;display:none;width:100%;padding:8px 0;margin-top:2px;overflow-y:auto;color:#2e394c;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}gux-dropdown-legacy div.gux-dropdown .gux-options.gux-opened{display:block}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy{position:relative;display:flex;height:32px;padding:0 16px;line-height:32px;cursor:pointer}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy>div{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy>div .gux-filter-suggestion{position:absolute}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy[disabled]{pointer-events:none;cursor:default;opacity:0.5}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy.gux-filtered{display:none}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy:not([disabled])[selected]{color:#2e394c;background:#deeaff}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy:not([disabled]):hover,gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy:not([disabled]):focus{color:#fdfdfd;background:#2a60c8}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field{height:48px}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field .gux-filter-suggestion{height:48px;padding:2px 25px 4px 11px;overflow:hidden;line-height:1.6667;white-space:nowrap;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like div.gux-input-container{height:48px}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px;height:48px;line-height:1.6667;color:transparent;border:none;border-bottom:2px solid transparent;caret-color:#2e394c}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input:focus{border:none;border-bottom:2px solid rgba(117, 168, 255, 0.5);box-shadow:none}gux-dropdown-legacy div.gux-dropdown.gux-page.gux-active .gux-select-field gux-input-text-like input:focus{border-bottom:1px solid #2a60c8}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field{height:52px}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field .gux-filter-suggestion{height:52px;padding:9px 25px 4px 11px;overflow:hidden;line-height:1.6667;white-space:nowrap;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like div.gux-input-container{height:52px}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px;height:52px;line-height:1.6667;border:none;border-bottom:2px solid transparent}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input:focus{border:none;border-bottom:2px solid rgba(117, 168, 255, 0.5);box-shadow:none}gux-dropdown-legacy div.gux-dropdown.gux-palette.gux-active .gux-select-field gux-input-text-like input:focus{border-bottom:1px solid #2a60c8}gux-dropdown-legacy:hover gux-icon,gux-dropdown-legacy:focus gux-icon{color:#2e394c}.gux-dropdown-light-theme div.gux-dropdown .gux-select-field .gux-filter-suggestion{color:#596373}.gux-dropdown-light-theme div.gux-dropdown .gux-select-field gux-input-text-like input{color:transparent;caret-color:#2e394c;border-color:#6b7585}.gux-dropdown-light-theme div.gux-dropdown .gux-select-field button.gux-dropdown-indicator{color:#596373}.gux-dropdown-light-theme div.gux-dropdown.gux-page .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}.gux-dropdown-light-theme div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}.gux-dropdown-light-theme div.gux-dropdown.gux-page.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}.gux-dropdown-light-theme div.gux-dropdown.gux-palette .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}.gux-dropdown-light-theme div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}.gux-dropdown-light-theme div.gux-dropdown.gux-palette.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion{color:#596373}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like input{color:transparent;caret-color:#2e394c;border-color:#6b7585}gux-dropdown-legacy div.gux-dropdown .gux-select-field button.gux-dropdown-indicator{color:#596373}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}gux-dropdown-legacy div.gux-dropdown.gux-page.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}gux-dropdown-legacy div.gux-dropdown.gux-palette.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}";

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, f as forceUpdate, h, g as getElement, c as createEvent, H as Host } from './index-76794476.js';
 import { O as OnClickOutside } from './on-click-outside-ce30de20.js';
-import { b as buildI18nForComponent } from './index-eb3999c5.js';
+import { b as buildI18nForComponent } from './index-5bfcdeb1.js';
 import { s as simulateNativeEvent } from './simulate-native-event-ac69961f.js';
-import { t as trackComponent } from './usage-tracking-eb392c33.js';
+import { t as trackComponent } from './usage-tracking-5b27676e.js';
 import { w as whenEventIsFrom } from './when-event-is-from-18667084.js';
 import { l as logError } from './log-error-b1a1a086.js';
 import { r as randomHTMLId } from './random-html-id-8e3f658c.js';

package/dist/esm/gux-error-message-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-76794476.js';
-import { t as trackComponent } from './usage-tracking-eb392c33.js';
+import { t as trackComponent } from './usage-tracking-5b27676e.js';
 
 const guxErrorMessageBetaCss = ".gux-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;font-size:11px;color:#2e394c}.gux-container gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-container .gux-message{flex:0 1 auto;align-self:auto;order:0}";
 

package/dist/esm/gux-flyout-menu-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-76794476.js';
-import { t as trackComponent } from './usage-tracking-eb392c33.js';
+import { t as trackComponent } from './usage-tracking-5b27676e.js';
 import { m as moveFocusDelay, h as hideDelay } from './gux-menu.common-60ab04e4.js';
 import { c as createPopper } from './popper-93ecb064.js';
 

package/dist/esm/gux-form-field-checkbox.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-76
 import { O as OnMutation } from './on-mutation-2e96b1b9.js';
 import { o as onDisabledChange } from './on-attribute-change-2b01c315.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-d16c3f4c.js';
-import { t as trackComponent } from './usage-tracking-eb392c33.js';
+import { t as trackComponent } from './usage-tracking-5b27676e.js';
 import { h as hasErrorSlot, G as GuxFormFieldError, v as validateFormIds } from './gux-form-field.servce-971609e2.js';
 import './random-html-id-8e3f658c.js';
 import './log-error-b1a1a086.js';

package/dist/esm/gux-form-field-color.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, h, g as getElement } from './index-76794476.js';
 import { O as OnMutation } from './on-mutation-2e96b1b9.js';
 import { o as onDisabledChange, a as onRequiredChange } from './on-attribute-change-2b01c315.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-d16c3f4c.js';
-import { t as trackComponent } from './usage-tracking-eb392c33.js';
+import { t as trackComponent } from './usage-tracking-5b27676e.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-label-ac49a8be.js';
 import { h as hasErrorSlot, G as GuxFormFieldError, v as validateFormIds, g as getComputedLabelPosition } from './gux-form-field.servce-971609e2.js';
 import './random-html-id-8e3f658c.js';

package/dist/esm/gux-form-field-input-clear-button.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-76794476.js';
-import { t as trackComponent } from './usage-tracking-eb392c33.js';
-import { b as buildI18nForComponent } from './index-eb3999c5.js';
+import { t as trackComponent } from './usage-tracking-5b27676e.js';
+import { b as buildI18nForComponent } from './index-5bfcdeb1.js';
 import './get-closest-element-1597503c.js';
 
 const clear = "Clear";

package/dist/esm/gux-form-field-legacy.entry.js

@@ -4,7 +4,7 @@ import { r as randomHTMLId } from './random-html-id-8e3f658c.js';
 import { l as logError } from './log-error-b1a1a086.js';
 import { a as onRequiredChange } from './on-attribute-change-2b01c315.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-d16c3f4c.js';
-import { t as trackComponent } from './usage-tracking-eb392c33.js';
+import { t as trackComponent } from './usage-tracking-5b27676e.js';
 
 const guxFormFieldCss = "gux-form-field-legacy{display:block;color:#2e394c}gux-form-field-legacy .gux-label-and-input-and-error-container{margin:16px 0}gux-form-field-legacy .gux-label-and-input-and-error-container label{font-size:12px;font-weight:bold;line-height:20px}gux-form-field-legacy .gux-label-and-input-and-error-container input,gux-form-field-legacy .gux-label-and-input-and-error-container select{width:100%;font-size:12px}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-container input{overflow:hidden;text-overflow:ellipsis}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error .gux-input-container{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error textarea{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error .gux-input-color-main-element{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-and-error-container{flex-grow:1}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside{display:flex;flex-direction:row}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside .gux-label-container{position:relative;top:7px;width:fit-content;min-width:45px;margin-right:8px}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-range,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-select,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-text-like,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-search{flex:1 1 auto}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-screenreader label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}gux-form-field-legacy .gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}gux-form-field-legacy .gux-error{display:none;margin:4px 0}gux-form-field-legacy .gux-error.gux-show{display:block}";
 

package/dist/esm/gux-form-field-number.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, g as getElement } from './index-76794476.js';
-import { b as buildI18nForComponent } from './index-eb3999c5.js';
+import { b as buildI18nForComponent } from './index-5bfcdeb1.js';
 import { O as OnMutation } from './on-mutation-2e96b1b9.js';
 import { o as onDisabledChange, a as onRequiredChange } from './on-attribute-change-2b01c315.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-d16c3f4c.js';
-import { t as trackComponent } from './usage-tracking-eb392c33.js';
+import { t as trackComponent } from './usage-tracking-5b27676e.js';
 import { s as setInputValue } from './set-input-value-5adeaccc.js';
 import { s as simulateNativeEvent } from './simulate-native-event-ac69961f.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-label-ac49a8be.js';

package/dist/esm/gux-form-field-radio.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-76
 import { O as OnMutation } from './on-mutation-2e96b1b9.js';
 import { o as onDisabledChange } from './on-attribute-change-2b01c315.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-d16c3f4c.js';
-import { t as trackComponent } from './usage-tracking-eb392c33.js';
+import { t as trackComponent } from './usage-tracking-5b27676e.js';
 import { h as hasErrorSlot, G as GuxFormFieldError, v as validateFormIds } from './gux-form-field.servce-971609e2.js';
 import './random-html-id-8e3f658c.js';
 import './log-error-b1a1a086.js';

package/dist/esm/gux-form-field-range.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-76
 import { O as OnMutation } from './on-mutation-2e96b1b9.js';
 import { o as onDisabledChange, a as onRequiredChange } from './on-attribute-change-2b01c315.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-d16c3f4c.js';
-import { t as trackComponent } from './usage-tracking-eb392c33.js';
+import { t as trackComponent } from './usage-tracking-5b27676e.js';
 import { a as GuxFormFieldContainer, G as GuxFormFieldLabel } from './gux-form-field-label-ac49a8be.js';
 import { h as hasErrorSlot, G as GuxFormFieldError, v as validateFormIds, g as getComputedLabelPosition } from './gux-form-field.servce-971609e2.js';
 import './random-html-id-8e3f658c.js';

package/dist/esm/gux-form-field-search.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, h, g as getElement } from './index-76794476.js';
 import { O as OnMutation } from './on-mutation-2e96b1b9.js';
 import { o as onDisabledChange, a as onRequiredChange } from './on-attribute-change-2b01c315.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-d16c3f4c.js';
-import { t as trackComponent } from './usage-tracking-eb392c33.js';
+import { t as trackComponent } from './usage-tracking-5b27676e.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-label-ac49a8be.js';
 import { h as hasErrorSlot, c as clearInput, G as GuxFormFieldError, a as hasContent, v as validateFormIds, g as getComputedLabelPosition } from './gux-form-field.servce-971609e2.js';
 import './random-html-id-8e3f658c.js';

package/dist/esm/gux-form-field-select.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, h, g as getElement } from './index-76794476.js';
 import { O as OnMutation } from './on-mutation-2e96b1b9.js';
 import { o as onDisabledChange, a as onRequiredChange } from './on-attribute-change-2b01c315.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-d16c3f4c.js';
-import { t as trackComponent } from './usage-tracking-eb392c33.js';
+import { t as trackComponent } from './usage-tracking-5b27676e.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-label-ac49a8be.js';
 import { h as hasErrorSlot, G as GuxFormFieldError, v as validateFormIds, g as getComputedLabelPosition } from './gux-form-field.servce-971609e2.js';
 import './random-html-id-8e3f658c.js';

package/dist/esm/gux-form-field-text-like.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, h, g as getElement } from './index-76794476.js';
 import { O as OnMutation } from './on-mutation-2e96b1b9.js';
 import { o as onDisabledChange, a as onRequiredChange } from './on-attribute-change-2b01c315.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-d16c3f4c.js';
-import { t as trackComponent } from './usage-tracking-eb392c33.js';
+import { t as trackComponent } from './usage-tracking-5b27676e.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-label-ac49a8be.js';
 import { h as hasErrorSlot, c as clearInput, G as GuxFormFieldError, a as hasContent, v as validateFormIds, g as getComputedLabelPosition } from './gux-form-field.servce-971609e2.js';
 import './random-html-id-8e3f658c.js';

package/dist/esm/gux-form-field-textarea.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, h, g as getElement } from './index-76794476.js';
 import { O as OnMutation } from './on-mutation-2e96b1b9.js';
 import { o as onDisabledChange, a as onRequiredChange } from './on-attribute-change-2b01c315.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-d16c3f4c.js';
-import { t as trackComponent } from './usage-tracking-eb392c33.js';
+import { t as trackComponent } from './usage-tracking-5b27676e.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-label-ac49a8be.js';
 import { h as hasErrorSlot, G as GuxFormFieldError, v as validateFormIds, g as getComputedLabelPosition } from './gux-form-field.servce-971609e2.js';
 import './random-html-id-8e3f658c.js';

package/dist/esm/gux-icon.entry.js

@@ -1,5 +1,5 @@
 import { a as getAssetPath, r as registerInstance, h, g as getElement } from './index-76794476.js';
-import { t as trackComponent } from './usage-tracking-eb392c33.js';
+import { t as trackComponent } from './usage-tracking-5b27676e.js';
 import { l as logError } from './log-error-b1a1a086.js';
 
 const iconNameMap = {

package/dist/esm/gux-input-checkbox_7.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-76794476.js';
-import { b as buildI18nForComponent } from './index-eb3999c5.js';
+import { b as buildI18nForComponent } from './index-5bfcdeb1.js';
 import { r as randomHTMLId } from './random-html-id-8e3f658c.js';
 import { o as onDisabledChange } from './on-attribute-change-2b01c315.js';
 import { s as setInputValue } from './set-input-value-5adeaccc.js';

package/dist/esm/gux-input-search.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-76794476.js';
-import { b as buildI18nForComponent } from './index-eb3999c5.js';
+import { b as buildI18nForComponent } from './index-5bfcdeb1.js';
 import { s as setInputValue } from './set-input-value-5adeaccc.js';
 import { o as onDisabledChange } from './on-attribute-change-2b01c315.js';
 import './get-closest-element-1597503c.js';

package/dist/esm/gux-input-text-like.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-76794476.js';
-import { b as buildI18nForComponent } from './index-eb3999c5.js';
+import { b as buildI18nForComponent } from './index-5bfcdeb1.js';
 import { s as setInputValue } from './set-input-value-5adeaccc.js';
 import { o as onDisabledChange } from './on-attribute-change-2b01c315.js';
 import './get-closest-element-1597503c.js';

package/dist/esm/gux-list-item-legacy_2.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-76794476.js';
-import { t as trackComponent } from './usage-tracking-eb392c33.js';
+import { t as trackComponent } from './usage-tracking-5b27676e.js';
 
 const guxListItemCss = ":host:focus .gux-list-item,:host:active .gux-list-item,:host:hover:not([disabled]) .gux-list-item{color:#fdfdfd;background:#2a60c8}:host(:focus) .gux-list-item,:host(:active) .gux-list-item,:host(:hover:not([disabled])) .gux-list-item{color:#fdfdfd;background:#2a60c8}:host([disabled]) .gux-list-item{pointer-events:none;cursor:default;opacity:0.5}.gux-list-item{display:flex;height:max-content;padding:0 16px;line-height:32px;word-wrap:break-word;cursor:pointer}.gux-list-item .gux-text{width:100%}";
 

package/dist/esm/gux-list.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-76794476.js';
-import { t as trackComponent } from './usage-tracking-eb392c33.js';
+import { t as trackComponent } from './usage-tracking-5b27676e.js';
 
 const validFocusableItems = ['gux-list-item'];
 function getRootChildren(root) {

package/dist/esm/gux-modal.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-76794476.js';
-import { t as trackComponent } from './usage-tracking-eb392c33.js';
+import { t as trackComponent } from './usage-tracking-5b27676e.js';
 
 const guxModalCss = ":host .gux-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;color:#2e394c;background:rgba(32, 41, 55, 0.8)}:host .gux-modal .gux-modal-container{box-shadow:0 8px 24px rgba(32, 41, 55, 0.4);position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:40px;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px}:host .gux-modal .gux-modal-container.gux-small{width:416px;max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:672px;max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:940px;max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 2 * 24px);max-height:calc(100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{padding-bottom:24px;margin:0;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;margin:0 8px 24px;overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between}:host .gux-modal .gux-modal-container .gux-button-footer .gux-left-align-buttons gux-button{padding-right:5px}:host .gux-modal .gux-modal-container .gux-button-footer .gux-right-align-buttons gux-button{padding-left:5px}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";
 

package/dist/esm/gux-notification-toast.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-76794476.js';
-import { t as trackComponent } from './usage-tracking-eb392c33.js';
+import { t as trackComponent } from './usage-tracking-5b27676e.js';
 
 const guxNotificationToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;align-self:auto;justify-content:flex-start;order:0}.gux-content .gux-title{flex:1 1 auto;align-self:auto;order:0;max-height:48px;margin:0 12px 0 8px;overflow:hidden;font-size:14px;line-height:20px;color:#2e394c;text-overflow:ellipsis}.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0;max-height:24px;margin:0 12px 0 8px;overflow:hidden;line-height:24px;text-overflow:ellipsis}";
 

package/dist/esm/gux-page-loading-spinner.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-76794476.js';
-import { t as trackComponent } from './usage-tracking-eb392c33.js';
+import { t as trackComponent } from './usage-tracking-5b27676e.js';
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
 

package/dist/esm/gux-pagination-beta.entry.js

@@ -0,0 +1,111 @@
+import { r as registerInstance, c as createEvent, d as readTask, h, g as getElement } from './index-76794476.js';
+import { t as trackComponent } from './usage-tracking-5b27676e.js';
+
+const guxPaginationBetaCss = ":host{display:block;border-top:1px solid #e2e6ee}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:space-between;height:40px;margin:12px 12px 0 12px}.gux-pagination-container .gux-pagination-info{display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:flex-start;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:1 1 auto;align-self:auto;order:0;margin-left:24px}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";
+
+/**
+ * The minimum size in px at which the advanced layout will display.
+ * Below this size we switch to the simple layout.
+ * This was chosen based on the width required for 3-digit page numbers, so
+ * page counts that go into 4 digits could overflow at small sizes.
+ */
+const MIN_ADVANCED_SIZE = 810;
+const GuxPaginationBeta = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.guxpaginationchange = createEvent(this, "guxpaginationchange", 7);
+    /**
+     * The pagination component can have different layouts to suit the available space
+     */
+    this.layout = 'advanced';
+    /**
+     * The currently select page. Changes are watched by the component.
+     */
+    this.currentPage = 1;
+    /**
+     * The total number of items in the data set. Used to calculate total page count
+     */
+    this.totalItems = 0;
+    /**
+     * The max number of items on a page. Used to calculate total page count
+     */
+    this.itemsPerPage = 25;
+  }
+  setPage(page) {
+    if (page < 0) {
+      if (this.totalPages > 0) {
+        this.setPage(1);
+      }
+      else {
+        this.setPage(0);
+      }
+      return;
+    }
+    const totalPages = this.calculateTotalPages(this.totalItems, this.itemsPerPage);
+    if (page > totalPages) {
+      this.setPage(totalPages);
+      return;
+    }
+    this.currentPage = page;
+    this.guxpaginationchange.emit({
+      currentPage: this.currentPage,
+      itemsPerPage: this.itemsPerPage
+    });
+  }
+  handleInternalitemsperpagechange(event) {
+    this.itemsPerPage = event.detail;
+    this.setPage(1);
+  }
+  handleInternalcurrentpagechange(event) {
+    this.setPage(event.detail);
+  }
+  calculateTotalPages(totalItems, itemsPerPage) {
+    return Math.ceil(totalItems / itemsPerPage);
+  }
+  calculateCurrentPage(totalPages, currentPage) {
+    const minCurrentPage = totalPages > 0 ? 1 : 0;
+    return Math.max(minCurrentPage, Math.min(currentPage, totalPages));
+  }
+  checkPaginationContainerWidthForLayout() {
+    readTask(() => {
+      const el = this.root.shadowRoot.querySelector('.gux-pagination-container');
+      const paginationContainerWidth = el.clientWidth;
+      if (paginationContainerWidth < MIN_ADVANCED_SIZE) {
+        this.displayedLayout = 'simple';
+      }
+      else {
+        this.displayedLayout = this.layout;
+      }
+    });
+  }
+  componentWillLoad() {
+    trackComponent(this.root, { variant: this.layout });
+  }
+  componentWillRender() {
+    this.totalPages = this.calculateTotalPages(this.totalItems, this.itemsPerPage);
+    this.currentPage = this.calculateCurrentPage(this.totalPages, this.currentPage);
+  }
+  disconnectedCallback() {
+    if (this.resizeObserver) {
+      this.resizeObserver.unobserve(this.root.shadowRoot.querySelector('.gux-pagination-container'));
+    }
+  }
+  componentDidLoad() {
+    if (!this.resizeObserver && window.ResizeObserver) {
+      this.resizeObserver = new ResizeObserver(() => this.checkPaginationContainerWidthForLayout());
+    }
+    if (this.resizeObserver) {
+      this.resizeObserver.observe(this.root.shadowRoot.querySelector('.gux-pagination-container'));
+    }
+    setTimeout(() => {
+      this.checkPaginationContainerWidthForLayout();
+    }, 500);
+  }
+  render() {
+    return (h("div", { class: "gux-pagination-container" }, h("div", { class: "gux-pagination-info" }, h("gux-pagination-item-counts-beta", { "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page-beta", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { class: "gux-pagination-change" }, h("gux-pagination-buttons-beta", { layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+  }
+  get root() { return getElement(this); }
+};
+GuxPaginationBeta.style = guxPaginationBetaCss;
+
+export { GuxPaginationBeta as gux_pagination_beta };