genesys-spark-components 4.137.1 → 4.138.0

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

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
+const index = require('./index-e321455d.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-47b5afb6.js');
+const usage = require('./usage-66f3f455.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const overflowDetection = require('./overflow-detection-cb449687.js');
-const onMutation = require('./on-mutation-7c046081.js');
-const onResize = require('./on-resize-514663f7.js');
+const onMutation = require('./on-mutation-6d71ec1a.js');
+const onResize = require('./on-resize-b2cc6e7f.js');
 
 const guxTooltipCss = ":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;inline-size:max-content;max-inline-size:250px;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}}";
 const GuxTooltipStyle0 = guxTooltipCss;
@@ -29,9 +29,14 @@ const GuxTooltip = class {
             ['focusout', this.focusoutHandler]
         ]);
         this.id = randomHtmlId.randomHTMLId('gux-tooltip');
-        this.for = undefined;
+        /**
+         * Placement of the tooltip. Default is bottom-start
+         */
         this.placement = 'bottom-start';
         this.accent = 'light';
+        /**
+         * If tooltip is shown or not
+         */
         this.isShown = false;
     }
     handleKeyDown(event) {
@@ -151,10 +156,10 @@ const GuxTooltip = class {
         this.disconnectForElement();
     }
     render() {
-        return (index.h(index.Host, { key: '7f32fc0f3f84954016f5b1ec9f0898896d9cf002', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, index.h("div", { key: 'c530ea1cd5a6e36217953c5924792e8976306bd0', class: {
+        return (index.h(index.Host, { key: '0c6810848f3ef09d3d0c3566829051fe35a321ce', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, index.h("div", { key: '62c983206c8cd451340011ceea6f60e3e1c36f10', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, index.h("slot", { key: '46e8c283b01588f06717c3a141f9c9cbe4c4fa9a', name: "content" }, index.h("slot", { key: '358388784b52c0e58be759a75058987740ccc49d' })))));
+            }, "data-placement": this.placement }, index.h("slot", { key: 'c532649e0eb5780ae4a1970da1d0d625b8f5dbf0', name: "content" }, index.h("slot", { key: 'e96641c2b60eab20ff499930b73a6497b2b75741' })))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {
@@ -192,7 +197,6 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const GuxTruncate = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.maxLines = undefined;
     }
     async setShowTooltip() {
         var _a;
@@ -224,12 +228,12 @@ const GuxTruncate = class {
     }
     render() {
         var _a;
-        return (index.h("div", { key: '1fbad0da6e9e17d14b5a25508cdb427578df91a8', class: {
+        return (index.h("div", { key: 'a7797a30ecc7954c6d3c2159d24d15f8ecbe3842', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, index.h("span", { key: 'f0748fbc8b33a9956d973712ff41e0bd55e662d4', class: {
+            } }, index.h("span", { key: '0ae75944d480e95bbaa2c796e582384534e2bbb0', 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: '995342dbb8b328a825afcbafd777e3e0962b41e4' })), this.renderTooltip()));
+            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, index.h("slot", { key: 'ff5cea1f312e753b27aae40bcb47bf2d47e2015b' })), this.renderTooltip()));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/{index-3ee995a4.js → index-aa48ea67.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-1337610f.js');
+const index = require('./index-e321455d.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 
 /******************************************************************************