genesys-spark-components 3.30.0 → 3.31.1

package/dist/collection/components/legacy/gux-side-panel-legacy/buttons/gux-side-panel-button.js

@@ -1,4 +1,4 @@
-import { Component, h, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 export class GuxSidePanelButton {
   constructor() {
     this.isSelected = false;
@@ -7,68 +7,73 @@ export class GuxSidePanelButton {
     return this.isSelected ? 'selected' : '';
   }
   render() {
-    return (h("button", { "aria-label": this.altText, class: this.buttonClass },
-      h("gux-icon", { decorative: true, "icon-name": this.icon })));
+    return (h("button", { "aria-label": this.altText, class: this.buttonClass }, h("gux-icon", { decorative: true, "icon-name": this.icon })));
   }
   static get is() { return "gux-side-panel-button"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-side-panel-button.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-side-panel-button.css"]
-  }; }
-  static get properties() { return {
-    "icon": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "icon",
-      "reflect": false
-    },
-    "altText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "alt-text",
-      "reflect": false
-    },
-    "isSelected": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-side-panel-button.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-side-panel-button.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "icon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "icon",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "altText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "alt-text",
+        "reflect": false
       },
-      "attribute": "is-selected",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
+      "isSelected": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-selected",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
 }

package/dist/collection/components/legacy/gux-side-panel-legacy/gux-side-panel.js

@@ -1,4 +1,4 @@
-import { Component, Element, h, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 import { trackComponent } from '../../../usage-tracking';
 export class GuxSidePanel {
   constructor() {
@@ -21,56 +21,58 @@ export class GuxSidePanel {
     trackComponent(this.root, { variant: this.position });
   }
   render() {
-    return (h("aside", { class: this.containerClass },
-      h("div", { class: "gux-panel-icons" },
-        h("slot", { name: "side-panel-icons" })),
-      h("div", { class: this.contentClass },
-        h("slot", { name: "side-panel-content" }))));
+    return (h("aside", { class: this.containerClass }, h("div", { class: "gux-panel-icons" }, h("slot", { name: "side-panel-icons" })), h("div", { class: this.contentClass }, h("slot", { name: "side-panel-content" }))));
   }
   static get is() { return "gux-side-panel-legacy"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-side-panel.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-side-panel.css"]
-  }; }
-  static get properties() { return {
-    "isOpen": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Open or close the content"
-      },
-      "attribute": "is-open",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "position": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'left' | 'right'",
-        "resolved": "\"left\" | \"right\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The position of the side panel"
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-side-panel.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-side-panel.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "isOpen": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Open or close the content"
+        },
+        "attribute": "is-open",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "position",
-      "reflect": false,
-      "defaultValue": "'left'"
-    }
-  }; }
+      "position": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'left' | 'right'",
+          "resolved": "\"left\" | \"right\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The position of the side panel"
+        },
+        "attribute": "position",
+        "reflect": false,
+        "defaultValue": "'left'"
+      }
+    };
+  }
   static get elementRef() { return "root"; }
 }

package/dist/collection/components/legacy/gux-tabs-legacy/gux-tab-dropdown-option-legacy/gux-tab-dropdown-option-legacy.js

@@ -1,52 +1,55 @@
-import { Component, h, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 export class GuxTabDropdownOptionLegacy {
   render() {
-    return (h("button", { class: "tab-dropdown-option" },
-      h("gux-icon", { "icon-name": this.iconName, decorative: true }),
-      h("span", null,
-        h("slot", null))));
+    return (h("button", { class: "tab-dropdown-option" }, h("gux-icon", { "icon-name": this.iconName, decorative: true }), h("span", null, h("slot", null))));
   }
   static get is() { return "gux-tab-dropdown-option-legacy"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-tab-dropdown-option-legacy.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-tab-dropdown-option-legacy.css"]
-  }; }
-  static get properties() { return {
-    "optionId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "unique id for the option"
-      },
-      "attribute": "option-id",
-      "reflect": false
-    },
-    "iconName": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "name of the gux-icon to display for the option"
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-tab-dropdown-option-legacy.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-tab-dropdown-option-legacy.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "optionId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "unique id for the option"
+        },
+        "attribute": "option-id",
+        "reflect": false
       },
-      "attribute": "icon-name",
-      "reflect": false
-    }
-  }; }
+      "iconName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "name of the gux-icon to display for the option"
+        },
+        "attribute": "icon-name",
+        "reflect": false
+      }
+    };
+  }
 }

package/dist/collection/components/legacy/gux-tabs-legacy/gux-tab-legacy/gux-tab-legacy.js

@@ -1,4 +1,4 @@
-import { Component, Element, Event, h, Prop, State, writeTask } from '@stencil/core';
+import { h, writeTask } from '@stencil/core';
 import { eventIsFrom } from '../../../../utils/dom/event-is-from';
 import { randomHTMLId } from '../../../../utils/dom/random-html-id';
 export class GuxTabLegacy {
@@ -34,11 +34,8 @@ export class GuxTabLegacy {
   getDropdownOptions() {
     if (this.hasDropdownOptions) {
       return [
-        h("button", { id: this.dropdownOptionsButtonId, type: "button", class: "gux-tab-options-button", onClick: () => this.toggleOptions() },
-          h("gux-icon", { "icon-name": "menu-kebab-vertical", decorative: true })),
-        h("gux-popover-list", { position: "top-end", for: this.dropdownOptionsButtonId, displayDismissButton: false, hidden: this.popoverHidden, closeOnClickOutside: true, onGuxdismiss: () => (this.popoverHidden = true), onClick: (e) => this.popoverOnClick(e) },
-          h("div", { onClick: (e) => this.onSelectDropdownOption(e) },
-            h("slot", { name: "dropdown-options" })))
+        h("button", { id: this.dropdownOptionsButtonId, type: "button", class: "gux-tab-options-button", onClick: () => this.toggleOptions() }, h("gux-icon", { "icon-name": "menu-kebab-vertical", decorative: true })),
+        h("gux-popover-list", { position: "top-end", for: this.dropdownOptionsButtonId, displayDismissButton: false, hidden: this.popoverHidden, closeOnClickOutside: true, onGuxdismiss: () => (this.popoverHidden = true), onClick: (e) => this.popoverOnClick(e) }, h("div", { onClick: (e) => this.onSelectDropdownOption(e) }, h("slot", { name: "dropdown-options" })))
       ];
     }
     return null;
@@ -52,93 +49,98 @@ export class GuxTabLegacy {
     }
   }
   render() {
-    return (h("button", { type: "button", class: `gux-tab ${this.active ? 'selected' : ''}`, onClick: e => this.selectTab(e), role: "button" },
-      this.tabIconName ? (h("div", { class: "tab-icon-container" },
-        h("gux-icon", { "icon-name": this.tabIconName, decorative: true }))) : null,
-      h("span", { class: "tab-title" },
-        h("slot", { name: "title" })),
-      this.getDropdownOptions()));
+    return (h("button", { type: "button", class: `gux-tab ${this.active ? 'selected' : ''}`, onClick: e => this.selectTab(e), role: "button" }, this.tabIconName ? (h("div", { class: "tab-icon-container" }, h("gux-icon", { "icon-name": this.tabIconName, decorative: true }))) : null, h("span", { class: "tab-title" }, h("slot", { name: "title" })), this.getDropdownOptions()));
   }
   static get is() { return "gux-tab-legacy"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-tab-legacy.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-tab-legacy.css"]
-  }; }
-  static get properties() { return {
-    "tabId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "unique id for the tab"
-      },
-      "attribute": "tab-id",
-      "reflect": false
-    },
-    "active": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "indicates whether or not the tab is selected"
-      },
-      "attribute": "active",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "tabIconName": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "indicates the gux-icon to display on the left side of the tab (similar to a favicon in the browser)"
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-tab-legacy.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-tab-legacy.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "tabId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "unique id for the tab"
+        },
+        "attribute": "tab-id",
+        "reflect": false
       },
-      "attribute": "tab-icon-name",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "popoverHidden": {},
-    "hasAnimated": {}
-  }; }
-  static get events() { return [{
-      "method": "internaltabselected",
-      "name": "internaltabselected",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "active": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "indicates whether or not the tab is selected"
+        },
+        "attribute": "active",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
+      "tabIconName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "indicates the gux-icon to display on the left side of the tab (similar to a favicon in the browser)"
+        },
+        "attribute": "tab-icon-name",
+        "reflect": false
       }
-    }]; }
+    };
+  }
+  static get states() {
+    return {
+      "popoverHidden": {},
+      "hasAnimated": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "internaltabselected",
+        "name": "internaltabselected",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "root"; }
 }