genesys-spark-components 3.30.0 → 3.31.0

package/dist/collection/components/beta/gux-popover-list/gux-popover-list.js

@@ -1,11 +1,15 @@
 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 { createPopper } from '@popperjs/core';
-import { Component, Element, Event, h, Prop, State, Watch } from '@stencil/core';
+import { h } from '@stencil/core';
 import { OnClickOutside } from '../../../utils/decorator/on-click-outside';
 import { onHiddenChange } from '../../../utils/dom/on-attribute-change';
 import { trackComponent } from '../../../usage-tracking';
@@ -91,121 +95,129 @@ export class GuxPopoverList {
     this.hiddenObserver.disconnect();
   }
   render() {
-    return (h("div", { ref: (el) => (this.popupElement = el), class: "gux-popover-wrapper" },
-      h("div", { class: "gux-arrow", "data-popper-arrow": true }),
-      this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })),
-      h("div", { class: "gux-popover-content" },
-        h("slot", null))));
+    return (h("div", { ref: (el) => (this.popupElement = el), class: "gux-popover-wrapper" }, h("div", { class: "gux-arrow", "data-popper-arrow": true }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { class: "gux-popover-content" }, h("slot", null))));
   }
   static get is() { return "gux-popover-list"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-popover-list.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-popover-list.css"]
-  }; }
-  static get properties() { return {
-    "for": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Indicates the id of the element the popover should anchor to"
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-popover-list.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-popover-list.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "for": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Indicates the id of the element the popover should anchor to"
+        },
+        "attribute": "for",
+        "reflect": false
       },
-      "attribute": "for",
-      "reflect": false
-    },
-    "position": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "PopperPosition",
-        "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
-        "references": {
-          "PopperPosition": {
-            "location": "import",
-            "path": "./gux-popover-list.types"
+      "position": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "PopperPosition",
+          "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
+          "references": {
+            "PopperPosition": {
+              "location": "import",
+              "path": "./gux-popover-list.types"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Indicate position of popover element arrow (follow popper js position attribute api)"
-      },
-      "attribute": "position",
-      "reflect": false,
-      "defaultValue": "'bottom'"
-    },
-    "displayDismissButton": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Indicate if the dismiss button is displayed"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Indicate position of popover element arrow (follow popper js position attribute api)"
+        },
+        "attribute": "position",
+        "reflect": false,
+        "defaultValue": "'bottom'"
       },
-      "attribute": "display-dismiss-button",
-      "reflect": false
-    },
-    "closeOnClickOutside": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "displayDismissButton": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Indicate if the dismiss button is displayed"
+        },
+        "attribute": "display-dismiss-button",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Close popover when the user clicks outside of its bounds"
-      },
-      "attribute": "close-on-click-outside",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "hidden": {}
-  }; }
-  static get events() { return [{
-      "method": "guxdismiss",
-      "name": "guxdismiss",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Fired when a user dismisses the popover"
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
+      "closeOnClickOutside": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Close popover when the user clicks outside of its bounds"
+        },
+        "attribute": "close-on-click-outside",
+        "reflect": false,
+        "defaultValue": "false"
       }
-    }]; }
+    };
+  }
+  static get states() {
+    return {
+      "hidden": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "guxdismiss",
+        "name": "guxdismiss",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Fired when a user dismisses the popover"
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "root"; }
-  static get watchers() { return [{
-      "propName": "hidden",
-      "methodName": "hiddenHandler"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "hidden",
+        "methodName": "hiddenHandler"
+      }];
+  }
 }
 __decorate([
   OnClickOutside({ triggerEvents: 'mousedown' })

package/dist/collection/components/beta/gux-skip-navigation-list/gux-skip-navigation-item/gux-skip-navigation-item.js

@@ -1,16 +1,19 @@
-import { Component, Host, h } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class GuxSkipNavigationItem {
   render() {
-    return (h(Host, { role: "listitem" },
-      h("slot", null)));
+    return (h(Host, { role: "listitem" }, h("slot", null)));
   }
   static get is() { return "gux-skip-navigation-item"; }
   static get encapsulation() { return "shadow"; }
   static get delegatesFocus() { return true; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-skip-navigation-item.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-skip-navigation-item.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-skip-navigation-item.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-skip-navigation-item.css"]
+    };
+  }
 }

package/dist/collection/components/beta/gux-skip-navigation-list/gux-skip-navigation-list.js

@@ -1,4 +1,4 @@
-import { Component, Element, h } from '@stencil/core';
+import { h } from '@stencil/core';
 import { buildI18nForComponent } from '../../../i18n';
 import { trackComponent } from '../../../usage-tracking';
 import translationResources from './i18n/en.json';
@@ -8,19 +8,20 @@ export class GuxSkipNavigationList {
     this.i18n = await buildI18nForComponent(this.root, translationResources);
   }
   render() {
-    return (h("div", { class: "gux-container" },
-      h("nav", { "aria-label": this.i18n('navigationName') },
-        h("ul", { role: "list" },
-          h("slot", null)))));
+    return (h("div", { class: "gux-container" }, h("nav", { "aria-label": this.i18n('navigationName') }, h("ul", { role: "list" }, h("slot", null)))));
   }
   static get is() { return "gux-skip-navigation-list-beta"; }
   static get encapsulation() { return "shadow"; }
   static get delegatesFocus() { return true; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-skip-navigation-list.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-skip-navigation-list.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-skip-navigation-list.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-skip-navigation-list.css"]
+    };
+  }
   static get elementRef() { return "root"; }
 }

package/dist/collection/components/beta/gux-table/gux-all-row-select/gux-all-row-select.js

@@ -1,4 +1,4 @@
-import { Component, h, Element, Event, Listen, Prop, Method } from '@stencil/core';
+import { h } from '@stencil/core';
 import { buildI18nForComponent } from '../../../../i18n';
 import { randomHTMLId } from '../../../../utils/dom/random-html-id';
 import tableResources from '../i18n/en.json';
@@ -21,82 +21,90 @@ export class GuxAllRowSelect {
     this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
   }
   render() {
-    return (h("gux-form-field-checkbox", null,
-      h("input", { ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected }),
-      h("label", { slot: "label", htmlFor: this.id },
-        "\u200B",
-        h("span", { class: "gux-label-text" }, this.i18n('selectAllTableRows')))));
+    return (h("gux-form-field-checkbox", null, h("input", { ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected }), h("label", { slot: "label", htmlFor: this.id }, "\u200B", h("span", { class: "gux-label-text" }, this.i18n('selectAllTableRows')))));
   }
   static get is() { return "gux-all-row-select"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-all-row-select.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-all-row-select.css"]
-  }; }
-  static get properties() { return {
-    "selected": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "selected",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get events() { return [{
-      "method": "internalallrowselectchange",
-      "name": "internalallrowselectchange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-all-row-select.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-all-row-select.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "selected": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "selected",
+        "reflect": false,
+        "defaultValue": "false"
       }
-    }]; }
-  static get methods() { return {
-    "setIndeterminate": {
-      "complexType": {
-        "signature": "(indeterminate?: boolean) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "internalallrowselectchange",
+        "name": "internalallrowselectchange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "setIndeterminate": {
+        "complexType": {
+          "signature": "(indeterminate?: boolean) => 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": "input",
-      "method": "onCheck",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+  static get listeners() {
+    return [{
+        "name": "input",
+        "method": "onCheck",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }

package/dist/collection/components/beta/gux-table/gux-row-select/gux-row-select.js

@@ -1,4 +1,4 @@
-import { Component, h, Element, Event, Listen, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 import { buildI18nForComponent } from '../../../../i18n';
 import { randomHTMLId } from '../../../../utils/dom/random-html-id';
 import tableResources from '../i18n/en.json';
@@ -17,78 +17,84 @@ export class GuxRowSelect {
     this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
   }
   render() {
-    return (h("gux-form-field-checkbox", null,
-      h("input", { slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }),
-      h("label", { slot: "label", htmlFor: this.id },
-        "\u200B",
-        h("span", { class: "gux-label-text" }, this.i18n('selectTableRow')))));
+    return (h("gux-form-field-checkbox", null, h("input", { slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { slot: "label", htmlFor: this.id }, "\u200B", h("span", { class: "gux-label-text" }, this.i18n('selectTableRow')))));
   }
   static get is() { return "gux-row-select"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-row-select.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-row-select.css"]
-  }; }
-  static get properties() { return {
-    "selected": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "selected",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "disabled",
-      "reflect": false
-    }
-  }; }
-  static get events() { return [{
-      "method": "internalrowselectchange",
-      "name": "internalrowselectchange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-row-select.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-row-select.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "selected": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "selected",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "disabled",
+        "reflect": false
       }
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "internalrowselectchange",
+        "name": "internalrowselectchange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "root"; }
-  static get listeners() { return [{
-      "name": "input",
-      "method": "onCheck",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+  static get listeners() {
+    return [{
+        "name": "input",
+        "method": "onCheck",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }