genesys-spark-components 3.30.0 → 3.31.0

package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-list/gux-tab-advanced-list.js

@@ -1,10 +1,14 @@
 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;
+  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 { Component, Element, Event, h, Listen, Method, Prop, readTask, State, writeTask } from '@stencil/core';
+import { h, readTask, writeTask } from '@stencil/core';
 import Sortable from 'sortablejs';
 import { OnMutation } from '../../../../utils/decorator/on-mutation';
 import { buildI18nForComponent } from '../../../../i18n';
@@ -422,28 +426,19 @@ export class GuxTabAdvancedList {
           ? this.i18n('disableNewTab')
           : this.root.querySelector('[slot="add-tab"]')
             ? this.root.querySelector('[slot="add-tab"]').textContent.trim()
-            : this.i18n('createNewTab'), class: "add-tab-button", onClick: () => props.onClick(), disabled: this.disableAddTabButton },
-        h("slot", { name: "add-tab" },
-          h("gux-icon", { "icon-name": "add", decorative: true }))));
+            : this.i18n('createNewTab'), class: "add-tab-button", onClick: () => props.onClick(), disabled: this.disableAddTabButton }, h("slot", { name: "add-tab" }, h("gux-icon", { "icon-name": "add", decorative: true }))));
     };
     return [
       h("span", { class: "gux-sr-only gux-aria-live-region", "aria-live": "polite" }, this.ariaLiveAlert ? this.i18n(this.ariaLiveAlert) : ''),
-      h("div", { class: "gux-tab-container" },
-        h("div", { class: "action-button-container" }, this.hasScrollbar
-          ? this.renderScrollButton('scrollLeft')
-          : this.renderScrollButton('scrollUp')),
-        h("div", { role: "tablist", class: `gux-scrollable-section ${this.keyboardSort ? 'gux-tab-sorting' : ''}`, "aria-owns": this.triggerIds },
-          h("slot", null)),
-        h("div", { class: "action-button-container" },
-          this.hasScrollbar
-            ? this.renderScrollButton('scrollRight')
-            : this.renderScrollButton('scrollDown'),
-          this.showNewTabButton ? (h(AddNewTabButton, { onClick: () => this.newTab.emit() })) : null))
+      h("div", { class: "gux-tab-container" }, h("div", { class: "action-button-container" }, this.hasScrollbar
+        ? this.renderScrollButton('scrollLeft')
+        : this.renderScrollButton('scrollUp')), h("div", { role: "tablist", class: `gux-scrollable-section ${this.keyboardSort ? 'gux-tab-sorting' : ''}`, "aria-owns": this.triggerIds }, h("slot", null)), h("div", { class: "action-button-container" }, this.hasScrollbar
+        ? this.renderScrollButton('scrollRight')
+        : this.renderScrollButton('scrollDown'), this.showNewTabButton ? (h(AddNewTabButton, { onClick: () => this.newTab.emit() })) : null))
     ];
   }
   renderScrollButton(direction) {
-    return (h("div", { class: "gux-scroll-button-container" }, this.hasScrollbar ? (h("button", { tabindex: "-1", title: this.i18n(direction), "aria-label": this.i18n(direction), class: "gux-scroll-button", onClick: () => this.getScrollDirection(direction) },
-      h("gux-icon", { "icon-name": this.getChevronIconName(direction), decorative: true }))) : null));
+    return (h("div", { class: "gux-scroll-button-container" }, this.hasScrollbar ? (h("button", { tabindex: "-1", title: this.i18n(direction), "aria-label": this.i18n(direction), class: "gux-scroll-button", onClick: () => this.getScrollDirection(direction) }, h("gux-icon", { "icon-name": this.getChevronIconName(direction), decorative: true }))) : null));
   }
   getScrollDirection(direction) {
     switch (direction) {
@@ -473,156 +468,170 @@ export class GuxTabAdvancedList {
     }
   }
   static get is() { return "gux-tab-advanced-list"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-tab-advanced-list.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-tab-advanced-list.css"]
-  }; }
-  static get properties() { return {
-    "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": "true"
-    },
-    "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"
-    },
-    "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": "true"
-    }
-  }; }
-  static get states() { return {
-    "focused": {},
-    "disableAddTabButton": {},
-    "tabTriggers": {},
-    "hasScrollbar": {},
-    "keyboardSort": {},
-    "initialSortIndex": {},
-    "sortTarget": {},
-    "ariaLiveAlert": {}
-  }; }
-  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."
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-tab-advanced-list.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-tab-advanced-list.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "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": "true"
       },
-      "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."
+      "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"
       },
-      "complexType": {
-        "original": "string[]",
-        "resolved": "string[]",
-        "references": {}
+      "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": "true"
       }
-    }]; }
-  static get methods() { return {
-    "guxSetActive": {
-      "complexType": {
-        "signature": "(activeTab: string) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+    };
+  }
+  static get states() {
+    return {
+      "focused": {},
+      "disableAddTabButton": {},
+      "tabTriggers": {},
+      "hasScrollbar": {},
+      "keyboardSort": {},
+      "initialSortIndex": {},
+      "sortTarget": {},
+      "ariaLiveAlert": {}
+    };
+  }
+  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."
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
+        "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 methods() {
+    return {
+      "guxSetActive": {
+        "complexType": {
+          "signature": "(activeTab: string) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "root"; }
-  static get listeners() { return [{
-      "name": "focusin",
-      "method": "onFocusin",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "focusout",
-      "method": "onFocusout",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "keydown",
-      "method": "onKeydown",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "keyup",
-      "method": "onKeyup",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+  static get listeners() {
+    return [{
+        "name": "focusin",
+        "method": "onFocusin",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "focusout",
+        "method": "onFocusout",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "keydown",
+        "method": "onKeydown",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "keyup",
+        "method": "onKeyup",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }
 __decorate([
   OnMutation({ childList: true, subtree: true })

package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-panel/gux-tab-advanced-panel.js

@@ -1,4 +1,4 @@
-import { Component, Event, h, Method, Prop, State, Watch } from '@stencil/core';
+import { h } from '@stencil/core';
 export class GuxTabAdvancedPanel {
   constructor() {
     this.active = false;
@@ -13,77 +13,90 @@ export class GuxTabAdvancedPanel {
     }
   }
   render() {
-    return (h("div", { id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" },
-      h("slot", null)));
+    return (h("div", { id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, h("slot", null)));
   }
   static get is() { return "gux-tab-advanced-panel"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-tab-advanced-panel.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-tab-advanced-panel.css"]
-  }; }
-  static get properties() { return {
-    "tabId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "tab-id",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "active": {}
-  }; }
-  static get events() { return [{
-      "method": "guxactivepanelchange",
-      "name": "guxactivepanelchange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-tab-advanced-panel.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-tab-advanced-panel.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "tabId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "tab-id",
+        "reflect": false
       }
-    }]; }
-  static get methods() { return {
-    "guxSetActive": {
-      "complexType": {
-        "signature": "(active: boolean) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+    };
+  }
+  static get states() {
+    return {
+      "active": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "guxactivepanelchange",
+        "name": "guxactivepanelchange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "guxSetActive": {
+        "complexType": {
+          "signature": "(active: boolean) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       }
-    }
-  }; }
-  static get watchers() { return [{
-      "propName": "active",
-      "methodName": "watchActivePanel"
-    }]; }
+    };
+  }
+  static get watchers() {
+    return [{
+        "propName": "active",
+        "methodName": "watchActivePanel"
+      }];
+  }
 }