genesys-spark-components 4.185.4 → 4.186.1

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-Dz_2h4jr.js';
-import { b as buildI18nForComponent } from './index-T5mO569D.js';
-import { t as trackComponent } from './usage-CqFA-9uw.js';
-import { O as OnMutation } from './on-mutation-DfF7Bpf8.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CjVJoR6g.js';
+import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
+import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { O as OnMutation } from './on-mutation-CEhI74kI.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const tag = "tag with label: {label}";
@@ -80,7 +80,7 @@ const GuxTag = class {
         this.i18n = await buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (h("div", { key: '264754b9de88ef9c5c7b0db2bed29d86a082846f', class: {
+        return (h("div", { key: 'a164107bdca07f9aa576eec1900a17f4c9b9cbc3', class: {
                 'gux-tag': true,
                 [`gux-accent-${this.accent}`]: true,
                 'gux-disabled': this.disabled,

package/dist/esm/gux-text-highlight.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, a as getElement } from './index-Dz_2h4jr.js';
+import { r as registerInstance, h, a as getElement } from './index-CjVJoR6g.js';
 import { s as safeRegExpString } from './safe-regexp-string-D8NvUiBF.js';
-import { t as trackComponent } from './usage-CqFA-9uw.js';
+import { t as trackComponent } from './usage-m3Lae7sj.js';
 
 const conversion = /[ +]/g;
 const expressions = new Map();

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-Dz_2h4jr.js';
-import { t as trackComponent } from './usage-CqFA-9uw.js';
-import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-CNkoPKdR.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CjVJoR6g.js';
+import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-LDHU1yLM.js';
 import { d as dateTimeFormat, a as determineDisplayLocale } from './spark-intl-BnH2RPHP.js';
 import { u as useRegionalDates } from './use-regional-dates-BgaA4g76.js';
-import { g as getDesiredLocale } from './index-T5mO569D.js';
+import { g as getDesiredLocale } from './index-BcJFUYIV.js';
 import './get-closest-element-DCZG2J0G.js';
 import './get-closest-element-Cd4R0amv.js';
 

package/dist/esm/gux-time-picker.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, a as getElement } from './index-Dz_2h4jr.js';
-import { O as OnClickOutside } from './on-click-outside-R32NST4z.js';
+import { r as registerInstance, h, a as getElement } from './index-CjVJoR6g.js';
+import { O as OnClickOutside } from './on-click-outside-CQ9-ZPII.js';
 import { s as simulateNativeEvent } from './simulate-native-event-BMRf5pjV.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
-import { g as getDesiredLocale, b as buildI18nForComponent } from './index-T5mO569D.js';
-import { t as trackComponent } from './usage-CqFA-9uw.js';
+import { g as getDesiredLocale, b as buildI18nForComponent } from './index-BcJFUYIV.js';
+import { t as trackComponent } from './usage-m3Lae7sj.js';
 import { a as logError } from './log-error-DxtJDeL9.js';
 import { a as determineDisplayLocale } from './spark-intl-BnH2RPHP.js';
 import { u as useRegionalDates } from './use-regional-dates-BgaA4g76.js';
@@ -518,7 +518,7 @@ const GuxTimePicker = class {
         return (h("div", { slot: "popup", class: "gux-list-container", onKeyDown: (e) => this.onListKeyDown(e) }, h("gux-list", { ref: el => (this.listElement = el) }, this.renderTimeListItems())));
     }
     render() {
-        return (h("gux-popup", { key: '0b90ee71c12834a013d167b054f9a9bd0f3afde8', class: {
+        return (h("gux-popup", { key: 'b9081078325a541c6aafe96762b52cebd2ec6c96', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));

package/dist/esm/gux-time-zone-beta.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-Dz_2h4jr.js';
-import { t as trackComponent } from './usage-CqFA-9uw.js';
-import { b as buildI18nForComponent } from './index-T5mO569D.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CjVJoR6g.js';
+import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
 import { g as getTimeZoneList, f as formatOffset, t as translationResources } from './time-zone-CdIcJKB7.js';
 import './get-closest-element-Cd4R0amv.js';
 

package/dist/esm/gux-time-zone-picker-beta.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, a as getElement } from './index-Dz_2h4jr.js';
-import { b as buildI18nForComponent } from './index-T5mO569D.js';
+import { r as registerInstance, h, a as getElement } from './index-CjVJoR6g.js';
+import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
 import { t as translationResources, f as formatOffset, g as getTimeZoneList } from './time-zone-CdIcJKB7.js';
-import { t as trackComponent } from './usage-CqFA-9uw.js';
+import { t as trackComponent } from './usage-m3Lae7sj.js';
 import { s as simulateNativeEvent } from './simulate-native-event-BMRf5pjV.js';
 import './get-closest-element-Cd4R0amv.js';
 

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-Dz_2h4jr.js';
-import { t as trackComponent } from './usage-CqFA-9uw.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CjVJoR6g.js';
+import { t as trackComponent } from './usage-m3Lae7sj.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
 
@@ -54,9 +54,9 @@ const GuxToast = class {
         return (h("gux-cta-group", { class: "gux-buttons-bar", align: "end" }, this.hasSecondaryButton && (h("gux-button-slot", { slot: "secondary" }, h("slot", { name: "secondary-button" }))), h("gux-button-slot", { slot: "primary" }, h("slot", { name: "primary-button" }))));
     }
     render() {
-        return (h("div", { key: '07b4a8b2500cb1fdb8be31a07bfaff11ec8ba386', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '60845287862d557e4d180f2f17ca97201bdd76d6', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '3faadc52ff78bf8176b1693025d8b499fd2bf885', class: "gux-content" }, h("div", { key: '57c050f1e97635827fea5a5c9a0eab74eeb062c7', class: "gux-message" }, h("gux-truncate", { key: '2e71965d6de7a5a5d895f04fd4abc052cc17fe7d', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '3e0e07ccec6663b332afe303767eb3b42f800dda', name: "title" })), h("gux-truncate", { key: '8bdbb8d47bbe46ad5941fb1b9daf11f817b10bd7', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '81e47794b10c06c666e1cf8404f71f06f7c23926', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: '7516de0536752930c41173511e9d0ce0b3ab6469', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '25c980649c29562929e73c25e1adab7ecb10c0d3', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '05f2381db8b4011ed247a6a9d1e0091be207d4a4', class: "gux-content" }, h("div", { key: '1fd5c44fe1a5126a89b0a70c0caf88e53b686e55', class: "gux-message" }, h("gux-truncate", { key: '2858a3ec3327324766b44858b7078d31d1bb42b8', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: 'ef66dd3f1804ceaa649a51b84b0d4ed052ef6d9b', name: "title" })), h("gux-truncate", { key: 'c9218caccb856167b3e3aca6aafd06eecd0514a0', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: 'b31a6dccb2339c60c7df1ce980a2bc380b795eae', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: '2835927f8e195224f6f11abf45d2d1964693758b', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: 'a82665ca1cf9c30b0ad3afeffbb37b2eed2dd891', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/esm/gux-toggle-slider.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-Dz_2h4jr.js';
+import { r as registerInstance, h } from './index-CjVJoR6g.js';
 
 const guxToggleSliderCss = "gux-toggle-slider{display:flex;align-items:center;padding:2px;outline:none}gux-toggle-slider .gux-toggle-slider{position:relative;display:inline-block;flex:0 1 auto;align-self:auto;order:0;inline-size:var(--gse-ui-toggle-track-width);block-size:var(--gse-ui-toggle-track-height);cursor:pointer;border-radius:var(--gse-ui-toggle-track-borderRadius)}gux-toggle-slider .gux-toggle-slider.gux-error .gux-slider{background-color:var(--gse-ui-toggle-track-error-off-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-error .gux-slider .gux-switch{border:var(--gse-ui-toggle-handle-error-border-width) var(--gse-ui-toggle-handle-error-border-style) var(--gse-ui-toggle-handle-error-border-color)}gux-toggle-slider .gux-toggle-slider.gux-error.gux-checked .gux-slider{background-color:var(--gse-ui-toggle-track-error-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-disabled{pointer-events:none;cursor:default;background-color:var(--gse-ui-toggle-track-disabled-off-backgroundColor);opacity:var(--gse-ui-toggle-disabled-opacity)}gux-toggle-slider .gux-toggle-slider:focus-visible{outline:var(--gse-ui-toggle-focus-border-width) var(--gse-ui-toggle-focus-border-style) var(--gse-ui-toggle-focus-border-color);outline-offset:var(--gse-ui-toggle-focus-offset);border-radius:var(--gse-ui-toggle-focus-borderRadius)}gux-toggle-slider .gux-toggle-slider .gux-slider{position:absolute;inset:0;background-color:var(--gse-ui-toggle-track-enabled-off-backgroundColor);border-radius:calc(var(--gse-ui-toggle-track-height) / 2);transition:background-color 0.2s ease}gux-toggle-slider .gux-toggle-slider .gux-slider:hover{background-color:var(--gse-ui-toggle-track-hover-off-backgroundColor)}gux-toggle-slider .gux-toggle-slider .gux-slider .gux-switch{position:absolute;inset-block-end:calc((var(--gse-ui-toggle-track-height) - var(--gse-ui-toggle-handle-width)) / 2);inset-inline-start:calc((var(--gse-ui-toggle-track-height) - var(--gse-ui-toggle-handle-width)) / 2);inline-size:calc(var(--gse-ui-toggle-handle-width) - 4px);block-size:calc(var(--gse-ui-toggle-handle-height) - 4px);color:var(--gse-ui-toggle-handle-foregroundColor);content:\"\";background-color:var(--gse-ui-toggle-handle-backgroundColor);border:var(--gse-ui-toggle-handle-enabled-border-width) var(--gse-ui-toggle-handle-enabled-border-style) var(--gse-ui-toggle-handle-enabled-border-color);border-radius:var(--gse-ui-toggle-handle-borderRadius);transition:0.2s}gux-toggle-slider .gux-toggle-slider .gux-slider .gux-switch gux-icon{position:absolute;inset:0;inline-size:calc(var(--gse-ui-toggle-handle-width) - 6px);block-size:calc(var(--gse-ui-toggle-handle-width) - 6px);margin:auto;color:var(--gse-ui-toggle-handle-backgroundColor);transition:color 0.2s linear}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider{background-color:var(--gse-ui-toggle-track-enabled-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider.gux-disabled{background-color:var(--gse-ui-toggle-track-disabled-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider.gux-disabled .gux-switch{border:var(--gse-ui-toggle-handle-disabled-border-width) var(--gse-ui-toggle-handle-disabled-border-style) var(--gse-ui-toggle-handle-disabled-border-color)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider:hover{background-color:var(--gse-ui-toggle-track-hover-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider:hover .gux-switch{border:var(--gse-ui-toggle-handle-hover-border-width) var(--gse-ui-toggle-handle-hover-border-style) var(--gse-ui-toggle-handle-hover-border-color)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider .gux-switch{transform:translateX(calc(var(--gse-ui-toggle-track-width) - var(--gse-ui-toggle-track-height)))}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider .gux-switch:dir(rtl){transform:translateX(calc(-1 * calc(var(--gse-ui-toggle-track-width) - var(--gse-ui-toggle-track-height))))}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider .gux-switch gux-icon{color:var(--gse-ui-toggle-handle-foregroundColor);opacity:1;transition:opacity 0.1s linear;transition-delay:0.1s}";
 
@@ -26,12 +26,12 @@ const GuxToggleSlider = class {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (h("div", { key: '745525ea42174b49074251b750abd436dbfa9309', class: {
+        return (h("div", { key: 'd4f0b007f78d5a46d4ac580b3712ea088c0efe9e', class: {
                 'gux-toggle-slider': true,
                 'gux-checked': this.checked,
                 'gux-disabled': this.disabled,
                 'gux-error': isError
-            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, h("div", { key: '2cb5717f2f2c15542a501a28e30f60058ddbb6d2', class: "gux-slider" }, h("div", { key: '1cd85faa63613dc6fe1420f20827172f178d1fac', class: "gux-switch" }, !isError && (h("gux-icon", { key: 'bf70123e3cef25ca8f740be09adf1e645562ea6c', "icon-name": "fa/check-solid", decorative: true }))))));
+            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, h("div", { key: 'd1fd7a203c67da9fbea33f8df4327f07acf30a47', class: "gux-slider" }, h("div", { key: '834f874a2ea1866216e589c9d80cf9782f596e34', class: "gux-switch" }, !isError && (h("gux-icon", { key: 'c46f4cc850b294af6b667fd75951959f2eed62d1', "icon-name": "fa/check-solid", decorative: true }))))));
     }
     static get watchers() { return {
         "guxAriaLabel": ["watchGuxAriaLabel"]

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-Dz_2h4jr.js';
-import { t as trackComponent } from './usage-CqFA-9uw.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CjVJoR6g.js';
+import { t as trackComponent } from './usage-m3Lae7sj.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
-import { b as buildI18nForComponent } from './index-T5mO569D.js';
+import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const defaultAriaLabel = "Toggle Switch";
@@ -82,11 +82,11 @@ const GuxToggle = class {
         }
     }
     render() {
-        return (h(Host, { key: 'c30ae1623ca366fb0354da9dc63b794bc81d6f96', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '34b666848b18ea8d13369af1e0adb0d4d24b3f54', class: {
+        return (h(Host, { key: 'eea01fce9ce8fe57d571175e49e7da57e829a843', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '7e297c81d4ee3a9bb4ad70ae300d9106aee95a13', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            }, "aria-disabled": this.disabled || this.loading ? 'true' : 'false' }, h("div", { key: '3cd561d7ec0fd58f6701a990f039f8d509335ba2', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '0a70119953889bc034698734d35dc06bcd1489f1', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: 'bda041b1688e86b57bdc38e67a9d2dc14ac68e4e', ref: el => (this.announceElement = el) })));
+            }, "aria-disabled": this.disabled || this.loading ? 'true' : 'false' }, h("div", { key: '3e1069b277f20637837ebf2b5b74d9e3f4235ed4', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '1cb7a73f24dc6a603e2f318c79ca8c7e1d6fb704', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: 'e6f3a09e4647b9d9619ff39e5a83ce68c06b77fe', ref: el => (this.announceElement = el) })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-tooltip-base-beta_2.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-Dz_2h4jr.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CjVJoR6g.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, h as hide } from './floating-ui.dom-C8aV-TzO.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
-import { t as trackComponent } from './usage-CqFA-9uw.js';
+import { t as trackComponent } from './usage-m3Lae7sj.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
 import { o as overflowDetection } from './overflow-detection-DFafEcJf.js';
 import { f as findElementById } from './find-element-by-id-Cr5bTKWF.js';

package/dist/esm/gux-tooltip-pointer-beta.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-Dz_2h4jr.js';
-import { t as trackComponent } from './usage-CqFA-9uw.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CjVJoR6g.js';
+import { t as trackComponent } from './usage-m3Lae7sj.js';
 import { f as findElementById } from './find-element-by-id-Cr5bTKWF.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
 

package/dist/esm/gux-tooltip-title.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, f as forceUpdate, h, a as getElement } from './index-Dz_2h4jr.js';
+import { r as registerInstance, f as forceUpdate, h, a as getElement } from './index-CjVJoR6g.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
-import { O as OnMutation } from './on-mutation-DfF7Bpf8.js';
-import { O as OnResize } from './on-resize-CZO-3VCx.js';
+import { O as OnMutation } from './on-mutation-CEhI74kI.js';
+import { O as OnResize } from './on-resize-BzUqKdDk.js';
 
 const guxTooltipTitleCss = "gux-tooltip-title{overflow:hidden}gux-tooltip{font-weight:normal;line-height:normal;text-align:start;overflow-wrap:break-word;white-space:normal}.gux-overflow-hidden .gux-title-container ::slotted(span){overflow:hidden;text-overflow:ellipsis}.gux-overflow-hidden .gux-title-container>*{overflow:hidden;text-overflow:ellipsis}.gux-title-container{display:flex;pointer-events:none}.gux-tooltip-icon-decorative .gux-title-container{position:relative;margin-inline-start:20px}.gux-tooltip-icon-decorative .gux-title-container gux-icon,.gux-tooltip-icon-decorative .gux-title-container ::slotted(gux-icon){position:absolute;inset-block-start:1px;inset-inline-start:-20px;flex-shrink:0;inline-size:16px;block-size:16px}.gux-icon-only{line-height:0px}";
 
@@ -128,10 +128,10 @@ const GuxTooltipTitle = class {
     }
     render() {
         return [
-            h("span", { key: '45d900b0c55eca42b2c91169b4100a76bb80c6b2', class: {
+            h("span", { key: '9663ca583a624f119413222ab7cb97580cbf68f0', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, h("slot", { key: '95572da9354385012bf0f4cc3c02831ace9833ad' })),
+                } }, h("slot", { key: '5eb3519845619065f3a278461775a3350ea2423f' })),
             this.renderTooltip()
         ];
     }

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

@@ -1,12 +1,12 @@
-import { r as registerInstance, h, H as Host, a as getElement, f as forceUpdate } from './index-Dz_2h4jr.js';
+import { r as registerInstance, h, H as Host, a as getElement, f as forceUpdate } from './index-CjVJoR6g.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, h as hide } from './floating-ui.dom-C8aV-TzO.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
-import { t as trackComponent } from './usage-CqFA-9uw.js';
+import { t as trackComponent } from './usage-m3Lae7sj.js';
 import { f as findElementById } from './find-element-by-id-Cr5bTKWF.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
 import { o as overflowDetection } from './overflow-detection-DFafEcJf.js';
-import { O as OnMutation } from './on-mutation-DfF7Bpf8.js';
-import { O as OnResize } from './on-resize-CZO-3VCx.js';
+import { O as OnMutation } from './on-mutation-CEhI74kI.js';
+import { O as OnResize } from './on-resize-BzUqKdDk.js';
 import { g as getTextContentFromNodes } from './get-text-content-from-nodes-DjLdmWVU.js';
 
 const guxTooltipCss = ":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;inline-size:max-content;max-inline-size:var(--gse-ui-tooltip-maxWidth);border-radius:var(--gse-ui-tooltip-borderRadius);box-shadow:var(--gse-ui-tooltip-boxShadow);opacity:0}:host(.gux-show){display:block;animation-name:fade-in;animation-duration:250ms;animation-delay:350ms;animation-fill-mode:forwards}.gux-container{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-tooltip-gap);place-content:center flex-start;padding:var(--gse-ui-tooltip-padding);font-family:var(--gse-ui-tooltip-text-fontFamily);font-size:var(--gse-ui-tooltip-text-fontSize);font-weight:var(--gse-ui-tooltip-text-fontWeight);line-height:var(--gse-ui-tooltip-text-lineHeight);color:var(--gse-ui-tooltip-light-foregroundColor);pointer-events:none;background-color:var(--gse-ui-tooltip-light-backgroundColor);border:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-radius:var(--gse-ui-tooltip-borderRadius)}.gux-container ::slotted(gux-icon){align-self:center;inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);color:var(--gse-ui-tooltip-light-foregroundColor)}.gux-container ::slotted(*){inline-size:100%;overflow-wrap:break-word;white-space:normal}.gux-container.gux-dark{color:var(--gse-ui-tooltip-dark-foregroundColor);background-color:var(--gse-ui-tooltip-dark-backgroundColor);border:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark ::slotted(gux-icon){align-self:center;inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);color:var(--gse-ui-tooltip-dark-iconColor)}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";
@@ -158,10 +158,10 @@ const GuxTooltip = class {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: '74913ea005def5c10e986822932615562c3a4d52', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '356dc86d585632c86004d10fc88a9a1cb378fb8a', class: {
+        return (h(Host, { key: '262107f7e8394a7196408c654508efafa46e0712', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '4142136c631e79eaf208a577ab1c69f3d31bcfed', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '1d9920b52e360fa8285afaadfcc31ecddb2160f4', name: "content" }, h("slot", { key: '0e0aa1e2f83795ffea14dd00387aec18241d5ecb' })))));
+            }, "data-placement": this.placement }, h("slot", { key: 'e0650e5e69c6127245a425bccfcccc419e57bb06', name: "content" }, h("slot", { key: '10351203f9ff42f1c2072456ff44b742b0315350' })))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {
@@ -221,12 +221,12 @@ const GuxTruncate = class {
     }
     render() {
         var _a;
-        return (h("div", { key: '3fc6df08f4e5b36071d4e18e6eacffecfc06b18d', class: {
+        return (h("div", { key: '513b2e20fcbf2d0a041a1108580fac1fbfed222a', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, h("span", { key: 'c2a8e7803b4f364e8ff21b8f728d38550a373240', class: {
+            } }, h("span", { key: 'd71d9fcdb762b5615ecb24e8a90cf2f0ea9dc21e', class: {
                 'gux-overflow-hidden': this.needsTruncation(),
                 'gux-truncate-slot-container': true
-            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: 'c19b5fb35613f3fd6a6b737e06e435ea16bda7b8' })), this.renderTooltip()));
+            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: '8634b05960569070909f77cec6e8e52a53c2cb8b' })), this.renderTooltip()));
     }
     get root() { return getElement(this); }
 };

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

@@ -0,0 +1,181 @@
+import { r as registerInstance, f as forceUpdate, h, H as Host, a as getElement } from './index-CjVJoR6g.js';
+import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { s as simulateNativeEvent } from './simulate-native-event-BMRf5pjV.js';
+import { h as hasParentDisabled, s as setSelectedNodeByValue, f as forceUpdateTree, c as clearActiveNode, d as setInitialActiveNode, e as handleTreeNodeSpecificEvent, i as setLastNodeActive, j as setFirstNodeActive, k as setPreviousNodeActive, l as setNextNodeActive, m as setSelectedNode, n as setParentNodeActive, o as setChildNodeActive } from './gux-tree.service-BDeQhvUY.js';
+import './when-event-is-from-kLXvN2m9.js';
+
+const guxTreeCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-treeView-item-internalGap);place-content:stretch flex-start;align-items:stretch;padding:var(--gse-ui-treeView-group-comfy-padding)}:host(.gux-compact){padding:var(--gse-ui-treeView-group-compact-padding)}";
+
+const GuxTree = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        if (hostRef.$hostElement$["s-ei"]) {
+            this.internals = hostRef.$hostElement$["s-ei"];
+        }
+        else {
+            this.internals = hostRef.$hostElement$.attachInternals();
+            hostRef.$hostElement$["s-ei"] = this.internals;
+        }
+        this._disabled = false;
+        this.size = 'comfy';
+        this.alignment = 'start';
+    }
+    get disabled() {
+        return this._disabled || hasParentDisabled(this.root);
+    }
+    set disabled(value) {
+        this._disabled = value;
+    }
+    handleValueChange(newValue, oldValue) {
+        var _a;
+        if ((_a = this.internals) === null || _a === void 0 ? void 0 : _a.setFormValue) {
+            this.internals.setFormValue(newValue);
+        }
+        setSelectedNodeByValue(this.root, this.value);
+        simulateNativeEvent(this.root, 'input');
+        if (oldValue !== newValue) {
+            simulateNativeEvent(this.root, 'change');
+        }
+        forceUpdateTree(this.root);
+    }
+    handleDisabledChange() {
+        if (this.disabled) {
+            clearActiveNode(this.root);
+        }
+        else {
+            setInitialActiveNode(this.root);
+        }
+        forceUpdateTree(this.root);
+    }
+    onClick(event) {
+        if (this.disabled) {
+            return;
+        }
+        handleTreeNodeSpecificEvent({
+            event,
+            onLeaf: leaf => {
+                setSelectedNode(this.root, leaf);
+            },
+            onBranch: branch => {
+                branch.expanded = !branch.expanded;
+                setSelectedNode(this.root, branch);
+            }
+        });
+    }
+    handleKeydown(event) {
+        if (this.disabled) {
+            return;
+        }
+        switch (event.key) {
+            case 'ArrowDown':
+                event.preventDefault();
+                setNextNodeActive(this.root);
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                setPreviousNodeActive(this.root);
+                break;
+            case 'Home':
+                event.preventDefault();
+                setFirstNodeActive(this.root);
+                break;
+            case 'End':
+                event.preventDefault();
+                setLastNodeActive(this.root);
+                break;
+            case 'ArrowLeft':
+            case 'ArrowRight':
+            case 'Enter':
+                handleTreeNodeSpecificEvent({
+                    event,
+                    onLeaf: leaf => {
+                        switch (event.key) {
+                            case 'ArrowLeft':
+                                event.preventDefault();
+                                setParentNodeActive(this.root);
+                                break;
+                            case 'Enter':
+                                event.preventDefault();
+                                setSelectedNode(this.root, leaf);
+                                break;
+                        }
+                    },
+                    onBranch: branch => {
+                        switch (event.key) {
+                            case 'ArrowRight':
+                                event.preventDefault();
+                                if (!branch.expanded) {
+                                    branch.expanded = true;
+                                }
+                                else {
+                                    setChildNodeActive(this.root, branch);
+                                }
+                                break;
+                            case 'ArrowLeft':
+                                event.preventDefault();
+                                if (branch.expanded) {
+                                    branch.expanded = false;
+                                }
+                                else {
+                                    setParentNodeActive(this.root);
+                                }
+                                break;
+                            case 'Enter':
+                                event.preventDefault();
+                                setSelectedNode(this.root, branch);
+                                break;
+                        }
+                    }
+                });
+                break;
+            default:
+                return;
+        }
+    }
+    formAssociatedCallback(form) {
+        console.info('Form associated:', form);
+    }
+    formDisabledCallback() {
+        forceUpdateTree(this.root);
+    }
+    formResetCallback() {
+        this.value = '';
+    }
+    formStateRestoreCallback(state
+    // mode: 'restore' | 'autocomplete' // eslint-disable-line @typescript-eslint/no-unused-vars
+    ) {
+        this.value = state;
+    }
+    componentWillLoad() {
+        var _a;
+        trackComponent(this.root);
+        this.internals.role = 'tree';
+        this.root.setAttribute('role', 'tree');
+        if ((_a = this.internals) === null || _a === void 0 ? void 0 : _a.setFormValue) {
+            this.internals.setFormValue(this.value);
+        }
+        setSelectedNodeByValue(this.root, this.value);
+        setInitialActiveNode(this.root);
+    }
+    componentDidLoad() {
+        this.handleDisabledChange();
+    }
+    onDefaultSlotchange() {
+        forceUpdate(this.root);
+    }
+    render() {
+        return (h(Host, { key: 'd68d924fb23d1120d753fc26001201709f9b417d', class: {
+                'gux-compact': this.size === 'compact',
+                'gux-end': this.alignment === 'end'
+            }, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'f4f7c959b771c0079fbd1b73fc11085db4929d40', onSlotchange: () => this.onDefaultSlotchange() })));
+    }
+    static get formAssociated() { return true; }
+    get root() { return getElement(this); }
+    static get watchers() { return {
+        "value": ["handleValueChange"],
+        "disabled": ["handleDisabledChange"]
+    }; }
+};
+GuxTree.style = guxTreeCss;
+
+export { GuxTree as gux_tree_beta };