genesys-spark-components 3.30.0 → 3.31.0

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

@@ -1,4 +1,4 @@
-import { Component, Element, Event, h, Listen, Prop, readTask, State, Watch, writeTask } from '@stencil/core';
+import { h, readTask, writeTask } from '@stencil/core';
 import Sortable from 'sortablejs';
 import { trackComponent } from '../../../usage-tracking';
 import { buildI18nForComponent } from '../../../i18n';
@@ -147,162 +147,166 @@ export class GuxTabsLegacy {
     const AddNewTabButton = (props) => {
       return (h("button", { title: this.disableAddTabButton
           ? this.i18n('disableNewTab')
-          : this.i18n('createNewTab'), class: "add-tab", onClick: () => props.onClick(), disabled: this.disableAddTabButton },
-        h("gux-icon", { "icon-name": "add", decorative: true })));
+          : this.i18n('createNewTab'), class: "add-tab", onClick: () => props.onClick(), disabled: this.disableAddTabButton }, h("gux-icon", { "icon-name": "add", decorative: true })));
     };
-    return (h("div", { class: "gux-tabs" },
-      h("div", { class: "action-button-container" }, this.hasScrollbar ? (h("button", { title: this.i18n('scrollLeft'), class: "arrow-button", onClick: () => this.scrollLeft() },
-        h("gux-icon", { "icon-name": "chevron-left", decorative: true }))) : null),
-      h("div", { class: "scrollable-section" },
-        h("slot", null),
-        this.showNewTabButton && !this.hasScrollbar ? (h(AddNewTabButton, { onClick: () => this.newTab.emit() })) : null),
-      h("div", { class: "action-button-container" },
-        this.hasScrollbar ? (h("button", { title: this.i18n('scrollRight'), class: "arrow-button", onClick: () => this.scrollRight() },
-          h("gux-icon", { "icon-name": "chevron-right", decorative: true }))) : null,
-        this.showNewTabButton && this.hasScrollbar ? (h(AddNewTabButton, { onClick: () => this.newTab.emit() })) : null)));
+    return (h("div", { class: "gux-tabs" }, h("div", { class: "action-button-container" }, this.hasScrollbar ? (h("button", { title: this.i18n('scrollLeft'), class: "arrow-button", onClick: () => this.scrollLeft() }, h("gux-icon", { "icon-name": "chevron-left", decorative: true }))) : null), h("div", { class: "scrollable-section" }, h("slot", null), this.showNewTabButton && !this.hasScrollbar ? (h(AddNewTabButton, { onClick: () => this.newTab.emit() })) : null), h("div", { class: "action-button-container" }, this.hasScrollbar ? (h("button", { title: this.i18n('scrollRight'), class: "arrow-button", onClick: () => this.scrollRight() }, h("gux-icon", { "icon-name": "chevron-right", decorative: true }))) : null, this.showNewTabButton && this.hasScrollbar ? (h(AddNewTabButton, { onClick: () => this.newTab.emit() })) : null)));
   }
   static get is() { return "gux-tabs-legacy"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-tabs-legacy.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-tabs-legacy.css"]
-  }; }
-  static get properties() { return {
-    "allowSort": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Enable tab sorting by drag/drop"
-      },
-      "attribute": "allow-sort",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "showNewTabButton": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Enable new tab button"
-      },
-      "attribute": "show-new-tab-button",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "value": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "tabId of the currently selected tab"
-      },
-      "attribute": "value",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "tabLimit": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Maximum nuber of tabs created"
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-tabs-legacy.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-tabs-legacy.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "allowSort": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Enable tab sorting by drag/drop"
+        },
+        "attribute": "allow-sort",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "tab-limit",
-      "reflect": false,
-      "defaultValue": "Infinity"
-    }
-  }; }
-  static get states() { return {
-    "disableAddTabButton": {},
-    "hasScrollbar": {}
-  }; }
-  static get events() { return [{
-      "method": "newTab",
-      "name": "newTab",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Triggers when the new tab button is selected."
+      "showNewTabButton": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Enable new tab button"
+        },
+        "attribute": "show-new-tab-button",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "input",
-      "name": "input",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Triggers when a tab is selected."
+      "value": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "tabId of the currently selected tab"
+        },
+        "attribute": "value",
+        "reflect": false,
+        "defaultValue": "''"
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+      "tabLimit": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Maximum nuber of tabs created"
+        },
+        "attribute": "tab-limit",
+        "reflect": false,
+        "defaultValue": "Infinity"
       }
-    }, {
-      "method": "sortChanged",
-      "name": "sortChanged",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Triggers when the sorting of the tabs is changed."
-      },
-      "complexType": {
-        "original": "string[]",
-        "resolved": "string[]",
-        "references": {}
-      }
-    }]; }
+    };
+  }
+  static get states() {
+    return {
+      "disableAddTabButton": {},
+      "hasScrollbar": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "newTab",
+        "name": "newTab",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Triggers when the new tab button is selected."
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "input",
+        "name": "input",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Triggers when a tab is selected."
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "sortChanged",
+        "name": "sortChanged",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Triggers when the sorting of the tabs is changed."
+        },
+        "complexType": {
+          "original": "string[]",
+          "resolved": "string[]",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "root"; }
-  static get watchers() { return [{
-      "propName": "value",
-      "methodName": "watchHandler"
-    }]; }
-  static get listeners() { return [{
-      "name": "internaltabselected",
-      "method": "internaltabselectedHandler",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "value",
+        "methodName": "watchHandler"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "internaltabselected",
+        "method": "internaltabselectedHandler",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }

package/dist/collection/components/legacy/gux-text-label-legacy/gux-text-label.js

@@ -1,4 +1,4 @@
-import { Component, Element, h, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 import { trackComponent } from '../../../usage-tracking';
 let nextLabelId = 1;
 export class GuxTextLabelLegacy {
@@ -25,58 +25,60 @@ export class GuxTextLabelLegacy {
     });
   }
   render() {
-    return (h("div", { class: `gux-text-label-container gux-${this.position}` },
-      h("label", { class: "gux-label", id: this.id },
-        h("slot", { name: "label" }, this.label)),
-      h("div", { class: "gux-labeled-component", ref: el => (this.labeledComponent = el) },
-        h("slot", null))));
+    return (h("div", { class: `gux-text-label-container gux-${this.position}` }, h("label", { class: "gux-label", id: this.id }, h("slot", { name: "label" }, this.label)), h("div", { class: "gux-labeled-component", ref: el => (this.labeledComponent = el) }, h("slot", null))));
   }
   generateId() {
     return 'gux-text-label-' + nextLabelId++;
   }
   static get is() { return "gux-text-label-legacy"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-text-label.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-text-label.css"]
-  }; }
-  static get properties() { return {
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The string of text to use for the label.  If the 'label' slot is\nprovided, that dom will be used instead of this property."
-      },
-      "attribute": "label",
-      "reflect": false
-    },
-    "position": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'above' | 'beside'",
-        "resolved": "\"above\" | \"beside\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The position of the label relative to its contained element."
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-text-label.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-text-label.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The string of text to use for the label.  If the 'label' slot is\nprovided, that dom will be used instead of this property."
+        },
+        "attribute": "label",
+        "reflect": false
       },
-      "attribute": "position",
-      "reflect": false,
-      "defaultValue": "'above'"
-    }
-  }; }
+      "position": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'above' | 'beside'",
+          "resolved": "\"above\" | \"beside\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The position of the label relative to its contained element."
+        },
+        "attribute": "position",
+        "reflect": false,
+        "defaultValue": "'above'"
+      }
+    };
+  }
   static get elementRef() { return "root"; }
 }