genesys-spark-components 4.26.1-beta.0 → 4.26.2

package/dist/collection/components/stable/gux-tooltip-title/gux-tooltip-title.js

@@ -1,220 +1,220 @@
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { h } from "@stencil/core";
 import { logWarn } from "../../../utils/error/log-error";
 import { OnMutation } from "../../../utils/decorator/on-mutation";
 import { OnResize } from "../../../utils/decorator/on-resize";
 export class GuxTooltipTitle {
-  constructor() {
-    this.hasTooltip = false;
-    this.showTooltip = false;
-    this.iconOnly = false;
-    this.titleName = '';
-  }
-  onmouseenter(event) {
-    if (!event.buttons) {
-      this.showTooltip = true;
-    }
-  }
-  onmouseleave() {
-    this.showTooltip = false;
-  }
-  onmousedown() {
-    this.showTooltip = false;
-  }
-  async setShowTooltip() {
-    if (this.tooltipElement) {
-      this.showTooltip = true;
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-call
-      await this.tooltipElement.showTooltip();
-    }
-  }
-  async setHideTooltip() {
-    if (this.tooltipElement) {
-      this.showTooltip = false;
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-call
-      await this.tooltipElement.hideTooltip();
-    }
-  }
-  onMutation() {
-    this.titleName = this.setTooltipTitleText();
-    this.checkForTooltipHideOrShow();
-  }
-  onResize() {
-    this.titleName = this.setTooltipTitleText();
-    this.checkForTooltipHideOrShow();
-  }
-  componentWillLoad() {
-    this.titleName = this.setTooltipTitleText();
-  }
-  componentDidLoad() {
-    this.logWarnNoIconSrText();
-  }
-  logWarnNoIconSrText() {
-    if (this.iconOnly && !this.titleName) {
-      logWarn(this.root, 'No screenreader-text provided. Provide a localized screenreader-text property for the gux-icon. The screenreader-text property is used for the icon screenreader text and the tooltip.');
-    }
-  }
-  addIconDecorative() {
-    this.root.classList.add('gux-tooltip-icon-decorative');
-  }
-  getTitleElements() {
-    var _a;
-    const slot = this.root.querySelector('slot');
-    const target = (_a = this.root.querySelector('.gux-title-container span')) === null || _a === void 0 ? void 0 : _a.children;
-    if (slot) {
-      return slot.assignedElements();
-    }
-    else if (target) {
-      return Array.from(target);
-    }
-    return [];
-  }
-  getTitleTextContent() {
-    if (this.root.querySelector('slot')) {
-      return this.root
-        .querySelector('slot')
-        .assignedNodes()
-        .map(node => node.textContent.trim())
-        .join('');
-    }
-    else if (this.root.querySelector('.gux-title-container')) {
-      return this.root.querySelector('.gux-title-container').textContent.trim();
-    }
-    return '';
-  }
-  setTooltipTitleText() {
-    let tooltipTitleText = this.getTitleTextContent();
-    this.getTitleElements().forEach(element => {
-      if (element.tagName === 'GUX-ICON' && !this.getTitleTextContent()) {
-        this.iconOnly = true;
-        tooltipTitleText = element.getAttribute('screenreader-text');
-      }
-      else if (element.tagName === 'GUX-ICON' && this.getTitleTextContent()) {
-        this.addIconDecorative();
-      }
-    });
-    return tooltipTitleText;
-  }
-  checkForTooltipHideOrShow() {
-    const titleContainer = this.root.querySelector('.gux-title-container');
-    this.root.classList.remove('gux-overflow-hidden');
-    if (this.iconOnly && this.titleName) {
-      this.hasTooltip = true;
-    }
-    else if ((titleContainer === null || titleContainer === void 0 ? void 0 : titleContainer.scrollWidth) > (titleContainer === null || titleContainer === void 0 ? void 0 : titleContainer.offsetWidth)) {
-      this.root.classList.add('gux-overflow-hidden');
-      this.hasTooltip = true;
-    }
-    else {
-      this.hasTooltip = false;
-    }
-  }
-  render() {
-    return [
-      h("span", { class: {
-          'gux-title-container': true,
-          'gux-icon-only': this.iconOnly
-        } }, h("slot", null)),
-      this.renderTooltip()
-    ];
-  }
-  renderTooltip() {
-    if (this.hasTooltip) {
-      return (h("gux-tooltip", { "aria-hidden": "true", ref: el => (this.tooltipElement = el), hidden: !this.showTooltip }, this.titleName));
-    }
-  }
-  static get is() { return "gux-tooltip-title"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["gux-tooltip-title.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["gux-tooltip-title.css"]
-    };
-  }
-  static get states() {
-    return {
-      "hasTooltip": {},
-      "showTooltip": {},
-      "iconOnly": {},
-      "titleName": {}
-    };
-  }
-  static get methods() {
-    return {
-      "setShowTooltip": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global",
-              "id": "global::Promise"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
+    constructor() {
+        this.hasTooltip = false;
+        this.showTooltip = false;
+        this.iconOnly = false;
+        this.titleName = '';
+    }
+    onmouseenter(event) {
+        if (!event.buttons) {
+            this.showTooltip = true;
+        }
+    }
+    onmouseleave() {
+        this.showTooltip = false;
+    }
+    onmousedown() {
+        this.showTooltip = false;
+    }
+    async setShowTooltip() {
+        if (this.tooltipElement) {
+            this.showTooltip = true;
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+            await this.tooltipElement.showTooltip();
+        }
+    }
+    async setHideTooltip() {
+        if (this.tooltipElement) {
+            this.showTooltip = false;
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+            await this.tooltipElement.hideTooltip();
+        }
+    }
+    onMutation() {
+        this.titleName = this.setTooltipTitleText();
+        this.checkForTooltipHideOrShow();
+    }
+    onResize() {
+        this.titleName = this.setTooltipTitleText();
+        this.checkForTooltipHideOrShow();
+    }
+    componentWillLoad() {
+        this.titleName = this.setTooltipTitleText();
+    }
+    componentDidLoad() {
+        this.logWarnNoIconSrText();
+    }
+    logWarnNoIconSrText() {
+        if (this.iconOnly && !this.titleName) {
+            logWarn(this.root, 'No screenreader-text provided. Provide a localized screenreader-text property for the gux-icon. The screenreader-text property is used for the icon screenreader text and the tooltip.');
+        }
+    }
+    addIconDecorative() {
+        this.root.classList.add('gux-tooltip-icon-decorative');
+    }
+    getTitleElements() {
+        var _a;
+        const slot = this.root.querySelector('slot');
+        const target = (_a = this.root.querySelector('.gux-title-container span')) === null || _a === void 0 ? void 0 : _a.children;
+        if (slot) {
+            return slot.assignedElements();
+        }
+        else if (target) {
+            return Array.from(target);
         }
-      },
-      "setHideTooltip": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global",
-              "id": "global::Promise"
+        return [];
+    }
+    getTitleTextContent() {
+        if (this.root.querySelector('slot')) {
+            return this.root
+                .querySelector('slot')
+                .assignedNodes()
+                .map(node => node.textContent.trim())
+                .join('');
+        }
+        else if (this.root.querySelector('.gux-title-container')) {
+            return this.root.querySelector('.gux-title-container').textContent.trim();
+        }
+        return '';
+    }
+    setTooltipTitleText() {
+        let tooltipTitleText = this.getTitleTextContent();
+        this.getTitleElements().forEach(element => {
+            if (element.tagName === 'GUX-ICON' && !this.getTitleTextContent()) {
+                this.iconOnly = true;
+                tooltipTitleText = element.getAttribute('screenreader-text');
+            }
+            else if (element.tagName === 'GUX-ICON' && this.getTitleTextContent()) {
+                this.addIconDecorative();
             }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
+        });
+        return tooltipTitleText;
+    }
+    checkForTooltipHideOrShow() {
+        const titleContainer = this.root.querySelector('.gux-title-container');
+        this.root.classList.remove('gux-overflow-hidden');
+        if (this.iconOnly && this.titleName) {
+            this.hasTooltip = true;
+        }
+        else if ((titleContainer === null || titleContainer === void 0 ? void 0 : titleContainer.scrollWidth) > (titleContainer === null || titleContainer === void 0 ? void 0 : titleContainer.offsetWidth)) {
+            this.root.classList.add('gux-overflow-hidden');
+            this.hasTooltip = true;
+        }
+        else {
+            this.hasTooltip = false;
+        }
+    }
+    render() {
+        return [
+            h("span", { key: '524a31711682c1d110d6d34bc7c16ad32d05b97c', class: {
+                    'gux-title-container': true,
+                    'gux-icon-only': this.iconOnly
+                } }, h("slot", { key: 'c09f9f8836a8715f89c120d72f76634a2d2cfb26' })),
+            this.renderTooltip()
+        ];
+    }
+    renderTooltip() {
+        if (this.hasTooltip) {
+            return (h("gux-tooltip", { "aria-hidden": "true", ref: el => (this.tooltipElement = el), hidden: !this.showTooltip }, this.titleName));
         }
-      }
-    };
-  }
-  static get elementRef() { return "root"; }
-  static get listeners() {
-    return [{
-        "name": "mouseenter",
-        "method": "onmouseenter",
-        "target": undefined,
-        "capture": false,
-        "passive": true
-      }, {
-        "name": "mouseleave",
-        "method": "onmouseleave",
-        "target": undefined,
-        "capture": false,
-        "passive": true
-      }, {
-        "name": "mousedown",
-        "method": "onmousedown",
-        "target": undefined,
-        "capture": false,
-        "passive": true
-      }];
-  }
+    }
+    static get is() { return "gux-tooltip-title"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gux-tooltip-title.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gux-tooltip-title.css"]
+        };
+    }
+    static get states() {
+        return {
+            "hasTooltip": {},
+            "showTooltip": {},
+            "iconOnly": {},
+            "titleName": {}
+        };
+    }
+    static get methods() {
+        return {
+            "setShowTooltip": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "setHideTooltip": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "root"; }
+    static get listeners() {
+        return [{
+                "name": "mouseenter",
+                "method": "onmouseenter",
+                "target": undefined,
+                "capture": false,
+                "passive": true
+            }, {
+                "name": "mouseleave",
+                "method": "onmouseleave",
+                "target": undefined,
+                "capture": false,
+                "passive": true
+            }, {
+                "name": "mousedown",
+                "method": "onmousedown",
+                "target": undefined,
+                "capture": false,
+                "passive": true
+            }];
+    }
 }
 __decorate([
-  OnMutation({ childList: true, subtree: true, characterData: true })
+    OnMutation({ childList: true, subtree: true, characterData: true })
 ], GuxTooltipTitle.prototype, "onMutation", null);
 __decorate([
-  OnResize()
+    OnResize()
 ], GuxTooltipTitle.prototype, "onResize", null);

package/dist/collection/components/stable/gux-truncate/gux-truncate.js

@@ -1,12 +1,12 @@
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { forceUpdate, h } from "@stencil/core";
 import { OnMutation } from "../../../utils/decorator/on-mutation";
@@ -16,119 +16,119 @@ import { getTextContentFromNodes } from "../../../utils/dom/get-text-content-fro
  * @slot - text node or element containing text to truncate
  */
 export class GuxTruncate {
-  constructor() {
-    this.maxLines = undefined;
-  }
-  async setShowTooltip() {
-    var _a;
-    await ((_a = this.tooltipElement) === null || _a === void 0 ? void 0 : _a.showTooltip());
-  }
-  async setHideTooltip() {
-    var _a;
-    await ((_a = this.tooltipElement) === null || _a === void 0 ? void 0 : _a.hideTooltip());
-  }
-  onMutation() {
-    forceUpdate(this.root);
-  }
-  onResize() {
-    forceUpdate(this.root);
-  }
-  getTooltipContent() {
-    return getTextContentFromNodes(Array.from(this.root.childNodes)) || '';
-  }
-  needsTruncation() {
-    const slotContainerElement = this.root.shadowRoot.querySelector('.gux-truncate-slot-container');
-    return ((slotContainerElement === null || slotContainerElement === void 0 ? void 0 : slotContainerElement.scrollWidth) > (slotContainerElement === null || slotContainerElement === void 0 ? void 0 : slotContainerElement.offsetWidth) ||
-      (slotContainerElement === null || slotContainerElement === void 0 ? void 0 : slotContainerElement.scrollHeight) > (slotContainerElement === null || slotContainerElement === void 0 ? void 0 : slotContainerElement.offsetHeight));
-  }
-  renderTooltip() {
-    if (this.needsTruncation()) {
-      return (h("gux-tooltip", { "aria-hidden": "true", ref: el => (this.tooltipElement = el) }, this.getTooltipContent()));
+    constructor() {
+        this.maxLines = undefined;
     }
-    return null;
-  }
-  render() {
-    var _a;
-    return (h("div", { class: {
-        'gux-truncate-multi-line': Boolean(this.maxLines)
-      } }, h("span", { class: "gux-truncate-slot-container", style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", null)), this.renderTooltip()));
-  }
-  static get is() { return "gux-truncate"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["gux-truncate.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["gux-truncate.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "maxLines": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Lines to wrap before truncating"
-        },
-        "attribute": "max-lines",
-        "reflect": false
-      }
-    };
-  }
-  static get methods() {
-    return {
-      "setShowTooltip": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global",
-              "id": "global::Promise"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
+    async setShowTooltip() {
+        var _a;
+        await ((_a = this.tooltipElement) === null || _a === void 0 ? void 0 : _a.showTooltip());
+    }
+    async setHideTooltip() {
+        var _a;
+        await ((_a = this.tooltipElement) === null || _a === void 0 ? void 0 : _a.hideTooltip());
+    }
+    onMutation() {
+        forceUpdate(this.root);
+    }
+    onResize() {
+        forceUpdate(this.root);
+    }
+    getTooltipContent() {
+        return getTextContentFromNodes(Array.from(this.root.childNodes)) || '';
+    }
+    needsTruncation() {
+        const slotContainerElement = this.root.shadowRoot.querySelector('.gux-truncate-slot-container');
+        return ((slotContainerElement === null || slotContainerElement === void 0 ? void 0 : slotContainerElement.scrollWidth) > (slotContainerElement === null || slotContainerElement === void 0 ? void 0 : slotContainerElement.offsetWidth) ||
+            (slotContainerElement === null || slotContainerElement === void 0 ? void 0 : slotContainerElement.scrollHeight) > (slotContainerElement === null || slotContainerElement === void 0 ? void 0 : slotContainerElement.offsetHeight));
+    }
+    renderTooltip() {
+        if (this.needsTruncation()) {
+            return (h("gux-tooltip", { "aria-hidden": "true", ref: el => (this.tooltipElement = el) }, this.getTooltipContent()));
         }
-      },
-      "setHideTooltip": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global",
-              "id": "global::Promise"
+        return null;
+    }
+    render() {
+        var _a;
+        return (h("div", { key: '207d4c2b11a5c59cf09ae96fe56da2b716d05ef3', class: {
+                'gux-truncate-multi-line': Boolean(this.maxLines)
+            } }, h("span", { key: 'e36a75a2292fbef8a359021b2abcc662404767b3', class: "gux-truncate-slot-container", style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: '3fdc82c331bd500e494594237d267c374e1b63c7' })), this.renderTooltip()));
+    }
+    static get is() { return "gux-truncate"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gux-truncate.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gux-truncate.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "maxLines": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Lines to wrap before truncating"
+                },
+                "attribute": "max-lines",
+                "reflect": false
             }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
-      }
-    };
-  }
-  static get elementRef() { return "root"; }
+        };
+    }
+    static get methods() {
+        return {
+            "setShowTooltip": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "setHideTooltip": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "root"; }
 }
 __decorate([
-  OnMutation({ childList: true, subtree: true, characterData: true })
+    OnMutation({ childList: true, subtree: true, characterData: true })
 ], GuxTruncate.prototype, "onMutation", null);
 __decorate([
-  OnResize()
+    OnResize()
 ], GuxTruncate.prototype, "onResize", null);