genesys-spark-components 4.185.4 → 4.186.0

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

@@ -3,7 +3,7 @@
 var index = require('./index-Bfx8AGPj.js');
 var floatingUi_dom = require('./floating-ui.dom-BRbjfoUo.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-D2AUYEBS.js');
+var usage = require('./usage-CIw4kGaR.js');
 var findElementById = require('./find-element-by-id-BmYnM3YU.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var overflowDetection = require('./overflow-detection-CvGWQ4Dn.js');
@@ -160,10 +160,10 @@ const GuxTooltip = class {
         this.disconnectForElement();
     }
     render() {
-        return (index.h(index.Host, { key: '74913ea005def5c10e986822932615562c3a4d52', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, index.h("div", { key: '356dc86d585632c86004d10fc88a9a1cb378fb8a', class: {
+        return (index.h(index.Host, { key: '262107f7e8394a7196408c654508efafa46e0712', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, index.h("div", { key: '4142136c631e79eaf208a577ab1c69f3d31bcfed', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, index.h("slot", { key: '1d9920b52e360fa8285afaadfcc31ecddb2160f4', name: "content" }, index.h("slot", { key: '0e0aa1e2f83795ffea14dd00387aec18241d5ecb' })))));
+            }, "data-placement": this.placement }, index.h("slot", { key: 'e0650e5e69c6127245a425bccfcccc419e57bb06', name: "content" }, index.h("slot", { key: '10351203f9ff42f1c2072456ff44b742b0315350' })))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {
@@ -223,12 +223,12 @@ const GuxTruncate = class {
     }
     render() {
         var _a;
-        return (index.h("div", { key: '3fc6df08f4e5b36071d4e18e6eacffecfc06b18d', class: {
+        return (index.h("div", { key: '513b2e20fcbf2d0a041a1108580fac1fbfed222a', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, index.h("span", { key: 'c2a8e7803b4f364e8ff21b8f728d38550a373240', class: {
+            } }, index.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() } }, index.h("slot", { key: 'c19b5fb35613f3fd6a6b737e06e435ea16bda7b8' })), this.renderTooltip()));
+            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, index.h("slot", { key: '8634b05960569070909f77cec6e8e52a53c2cb8b' })), this.renderTooltip()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -0,0 +1,183 @@
+'use strict';
+
+var index = require('./index-Bfx8AGPj.js');
+var usage = require('./usage-CIw4kGaR.js');
+var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
+var guxTree_service = require('./gux-tree.service-w78yRmzF.js');
+require('./when-event-is-from-C6TjNoqM.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) {
+        index.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 || guxTree_service.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);
+        }
+        guxTree_service.setSelectedNodeByValue(this.root, this.value);
+        simulateNativeEvent.simulateNativeEvent(this.root, 'input');
+        if (oldValue !== newValue) {
+            simulateNativeEvent.simulateNativeEvent(this.root, 'change');
+        }
+        guxTree_service.forceUpdateTree(this.root);
+    }
+    handleDisabledChange() {
+        if (this.disabled) {
+            guxTree_service.clearActiveNode(this.root);
+        }
+        else {
+            guxTree_service.setInitialActiveNode(this.root);
+        }
+        guxTree_service.forceUpdateTree(this.root);
+    }
+    onClick(event) {
+        if (this.disabled) {
+            return;
+        }
+        guxTree_service.handleTreeNodeSpecificEvent({
+            event,
+            onLeaf: leaf => {
+                guxTree_service.setSelectedNode(this.root, leaf);
+            },
+            onBranch: branch => {
+                branch.expanded = !branch.expanded;
+                guxTree_service.setSelectedNode(this.root, branch);
+            }
+        });
+    }
+    handleKeydown(event) {
+        if (this.disabled) {
+            return;
+        }
+        switch (event.key) {
+            case 'ArrowDown':
+                event.preventDefault();
+                guxTree_service.setNextNodeActive(this.root);
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                guxTree_service.setPreviousNodeActive(this.root);
+                break;
+            case 'Home':
+                event.preventDefault();
+                guxTree_service.setFirstNodeActive(this.root);
+                break;
+            case 'End':
+                event.preventDefault();
+                guxTree_service.setLastNodeActive(this.root);
+                break;
+            case 'ArrowLeft':
+            case 'ArrowRight':
+            case 'Enter':
+                guxTree_service.handleTreeNodeSpecificEvent({
+                    event,
+                    onLeaf: leaf => {
+                        switch (event.key) {
+                            case 'ArrowLeft':
+                                event.preventDefault();
+                                guxTree_service.setParentNodeActive(this.root);
+                                break;
+                            case 'Enter':
+                                event.preventDefault();
+                                guxTree_service.setSelectedNode(this.root, leaf);
+                                break;
+                        }
+                    },
+                    onBranch: branch => {
+                        switch (event.key) {
+                            case 'ArrowRight':
+                                event.preventDefault();
+                                if (!branch.expanded) {
+                                    branch.expanded = true;
+                                }
+                                else {
+                                    guxTree_service.setChildNodeActive(this.root, branch);
+                                }
+                                break;
+                            case 'ArrowLeft':
+                                event.preventDefault();
+                                if (branch.expanded) {
+                                    branch.expanded = false;
+                                }
+                                else {
+                                    guxTree_service.setParentNodeActive(this.root);
+                                }
+                                break;
+                            case 'Enter':
+                                event.preventDefault();
+                                guxTree_service.setSelectedNode(this.root, branch);
+                                break;
+                        }
+                    }
+                });
+                break;
+            default:
+                return;
+        }
+    }
+    formAssociatedCallback(form) {
+        console.info('Form associated:', form);
+    }
+    formDisabledCallback() {
+        guxTree_service.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;
+        usage.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);
+        }
+        guxTree_service.setSelectedNodeByValue(this.root, this.value);
+        guxTree_service.setInitialActiveNode(this.root);
+    }
+    componentDidLoad() {
+        this.handleDisabledChange();
+    }
+    onDefaultSlotchange() {
+        index.forceUpdate(this.root);
+    }
+    render() {
+        return (index.h(index.Host, { key: 'd68d924fb23d1120d753fc26001201709f9b417d', class: {
+                'gux-compact': this.size === 'compact',
+                'gux-end': this.alignment === 'end'
+            }, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: 'f4f7c959b771c0079fbd1b73fc11085db4929d40', onSlotchange: () => this.onDefaultSlotchange() })));
+    }
+    static get formAssociated() { return true; }
+    get root() { return index.getElement(this); }
+    static get watchers() { return {
+        "value": ["handleValueChange"],
+        "disabled": ["handleDisabledChange"]
+    }; }
+};
+GuxTree.style = guxTreeCss;
+
+exports.gux_tree_beta = GuxTree;

package/dist/cjs/gux-tree-multi-beta.cjs.entry.js

@@ -0,0 +1,204 @@
+'use strict';
+
+var index = require('./index-Bfx8AGPj.js');
+var usage = require('./usage-CIw4kGaR.js');
+var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
+var guxTreeMulti_service = require('./gux-tree-multi.service-SP7ZA2lB.js');
+require('./when-event-is-from-C6TjNoqM.js');
+
+const guxTreeMultiCss = ":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 GuxTreeMulti = class {
+    constructor(hostRef) {
+        index.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.value = '';
+        this._disabled = false;
+        this.size = 'comfy';
+        this.alignment = 'start';
+    }
+    get disabled() {
+        return this._disabled || guxTreeMulti_service.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);
+        }
+        guxTreeMulti_service.setSelectedNodesByValue(this.root, this.value);
+        simulateNativeEvent.simulateNativeEvent(this.root, 'input');
+        if (oldValue !== newValue) {
+            simulateNativeEvent.simulateNativeEvent(this.root, 'change');
+        }
+        guxTreeMulti_service.forceUpdateTree(this.root);
+    }
+    handleDisabledChange() {
+        if (this.disabled) {
+            guxTreeMulti_service.clearActiveNode(this.root);
+        }
+        else {
+            guxTreeMulti_service.setInitialActiveNode(this.root);
+        }
+        guxTreeMulti_service.forceUpdateTree(this.root);
+    }
+    onClick(event) {
+        if (this.disabled) {
+            return;
+        }
+        guxTreeMulti_service.handleTreeNodeSpecificEvent({
+            event,
+            onLeaf: leaf => {
+                if (this.isSelectionClick(event)) {
+                    guxTreeMulti_service.toggleNodeSelection(this.root, leaf);
+                }
+            },
+            onBranch: branch => {
+                if (this.isSelectionClick(event)) {
+                    guxTreeMulti_service.toggleNodeSelection(this.root, branch);
+                }
+                else {
+                    branch.expanded = !branch.expanded;
+                }
+            }
+        });
+    }
+    handleKeydown(event) {
+        if (this.disabled) {
+            return;
+        }
+        switch (event.key) {
+            case 'ArrowDown':
+                event.preventDefault();
+                guxTreeMulti_service.setNextNodeActive(this.root);
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                guxTreeMulti_service.setPreviousNodeActive(this.root);
+                break;
+            case 'Home':
+                event.preventDefault();
+                guxTreeMulti_service.setFirstNodeActive(this.root);
+                break;
+            case 'End':
+                event.preventDefault();
+                guxTreeMulti_service.setLastNodeActive(this.root);
+                break;
+            case 'ArrowLeft':
+            case 'ArrowRight':
+            case 'Enter':
+            case ' ':
+                guxTreeMulti_service.handleTreeNodeSpecificEvent({
+                    event,
+                    onLeaf: leaf => {
+                        switch (event.key) {
+                            case 'ArrowLeft':
+                                event.preventDefault();
+                                guxTreeMulti_service.setParentNodeActive(this.root);
+                                break;
+                            case 'Enter':
+                            case ' ':
+                                event.preventDefault();
+                                guxTreeMulti_service.toggleNodeSelection(this.root, leaf);
+                                break;
+                        }
+                    },
+                    onBranch: branch => {
+                        switch (event.key) {
+                            case 'ArrowRight':
+                                event.preventDefault();
+                                if (!branch.expanded) {
+                                    branch.expanded = true;
+                                }
+                                else {
+                                    guxTreeMulti_service.setChildNodeActive(this.root);
+                                }
+                                break;
+                            case 'ArrowLeft':
+                                event.preventDefault();
+                                if (branch.expanded) {
+                                    branch.expanded = false;
+                                }
+                                else {
+                                    guxTreeMulti_service.setParentNodeActive(this.root);
+                                }
+                                break;
+                            case 'Enter':
+                            case ' ':
+                                event.preventDefault();
+                                guxTreeMulti_service.toggleNodeSelection(this.root, branch);
+                                break;
+                        }
+                    }
+                });
+                break;
+            default:
+                return;
+        }
+    }
+    formAssociatedCallback(form) {
+        console.info('Form associated:', form);
+    }
+    formDisabledCallback() {
+        guxTreeMulti_service.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;
+        usage.trackComponent(this.root);
+        this.internals.role = 'tree';
+        this.root.setAttribute('role', 'tree');
+        this.internals.ariaMultiSelectable = 'true';
+        this.root.setAttribute('aria-multiselectable', 'true');
+        if ((_a = this.internals) === null || _a === void 0 ? void 0 : _a.setFormValue) {
+            this.internals.setFormValue(this.value);
+        }
+        guxTreeMulti_service.setInitialSelectedNodesByValue(this.root, this.value);
+        guxTreeMulti_service.setInitialActiveNode(this.root);
+    }
+    componentDidLoad() {
+        this.handleDisabledChange();
+    }
+    onDefaultSlotchange() {
+        index.forceUpdate(this.root);
+    }
+    isSelectionClick(event) {
+        const path = event.composedPath();
+        const selectTargets = ['gux-selection-target'];
+        return path.some(el => {
+            const element = el;
+            return (element.classList &&
+                selectTargets.some(target => element.classList.contains(target)));
+        });
+    }
+    render() {
+        return (index.h(index.Host, { key: 'de91a0dd243fc74f1c8c7f83121767dbd5f55481', class: {
+                'gux-compact': this.size === 'compact',
+                'gux-end': this.alignment === 'end'
+            }, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: '5d7c3ccf991078b9a51361482c0ab35a278dcf20', onSlotchange: () => this.onDefaultSlotchange() })));
+    }
+    static get formAssociated() { return true; }
+    get root() { return index.getElement(this); }
+    static get watchers() { return {
+        "value": ["handleValueChange"],
+        "disabled": ["handleDisabledChange"]
+    }; }
+};
+GuxTreeMulti.style = guxTreeMultiCss;
+
+exports.gux_tree_multi_beta = GuxTreeMulti;