genesys-spark-components 3.30.0 → 3.31.0

package/dist/collection/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.js

@@ -1,4 +1,4 @@
-import { Component, Element, h, Host, Listen, Prop } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { randomHTMLId } from '../../../../utils/dom/random-html-id';
 export class GuxOptionMulti {
   constructor() {
@@ -30,138 +30,144 @@ export class GuxOptionMulti {
         'gux-filtered': this.filtered,
         'gux-hovered': this.hovered,
         'gux-selected': this.selected
-      }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() },
-      h("div", { class: "gux-option" },
-        h("slot", null))));
+      }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { class: "gux-option" }, h("slot", null))));
   }
   static get is() { return "gux-option-multi"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-option-multi.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-option-multi.css"]
-  }; }
-  static get properties() { return {
-    "value": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "value",
-      "reflect": false
-    },
-    "active": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "active",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "selected": {
-      "type": "boolean",
-      "mutable": false,
-      "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": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-option-multi.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-option-multi.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "value": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "value",
+        "reflect": false
       },
-      "attribute": "disabled",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "filtered": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "active": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "active",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "selected": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "selected",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "filtered",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "hovered": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "disabled",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "filtered": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "filtered",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "hovered",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
+      "hovered": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "hovered",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
   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
-    }]; }
+  static get listeners() {
+    return [{
+        "name": "mouseenter",
+        "method": "onmouseenter",
+        "target": undefined,
+        "capture": false,
+        "passive": true
+      }, {
+        "name": "mouseleave",
+        "method": "onMouseleave",
+        "target": undefined,
+        "capture": false,
+        "passive": true
+      }];
+  }
 }

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

@@ -1,4 +1,4 @@
-import { Component, Element, Event, h, Listen, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 import { trackComponent } from '../../../usage-tracking';
 /**
  * @slot content - Required slot for the modal content
@@ -42,24 +42,10 @@ export class GuxModal {
   render() {
     const hasModalTitleSlot = this.hasModalTitleSlot();
     const hasFooterButtons = this.hasFooterButtons();
-    return (h("div", { class: "gux-modal" },
-      h("div", { class: `gux-modal-container gux-${this.size}` },
-        this.renderModalTrapFocusEl(),
-        h("gux-dismiss-button", { onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }),
-        hasModalTitleSlot && (h("h1", { class: "gux-modal-header" },
-          h("slot", { name: "title" }))),
-        h("div", { class: {
-            'gux-modal-content': true,
-            'gux-no-buttons': !hasFooterButtons
-          } },
-          h("p", null,
-            h("slot", { name: "content" }))),
-        hasFooterButtons && (h("div", { class: "gux-button-footer" },
-          h("div", { class: "gux-left-align-buttons" },
-            h("slot", { name: "left-align-buttons" })),
-          h("div", { class: "gux-right-align-buttons" },
-            h("slot", { name: "right-align-buttons" })))),
-        this.renderModalTrapFocusEl())));
+    return (h("div", { class: "gux-modal" }, h("div", { class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), h("gux-dismiss-button", { onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), hasModalTitleSlot && (h("h1", { class: "gux-modal-header" }, h("slot", { name: "title" }))), h("div", { class: {
+        'gux-modal-content': true,
+        'gux-no-buttons': !hasFooterButtons
+      } }, h("p", null, h("slot", { name: "content" }))), hasFooterButtons && (h("div", { class: "gux-button-footer" }, h("div", { class: "gux-left-align-buttons" }, h("slot", { name: "left-align-buttons" })), h("div", { class: "gux-right-align-buttons" }, h("slot", { name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
   }
   // When trap-focus is enabled, focusing this element
   // will immediately redirect focus back to the dismiss button at the top of the modal.
@@ -91,94 +77,104 @@ export class GuxModal {
   }
   static get is() { return "gux-modal"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-modal.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-modal.css"]
-  }; }
-  static get properties() { return {
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "GuxModalSize",
-        "resolved": "\"dynamic\" | \"large\" | \"medium\" | \"small\"",
-        "references": {
-          "GuxModalSize": {
-            "location": "import",
-            "path": "./gux-modal.types"
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-modal.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-modal.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "GuxModalSize",
+          "resolved": "\"dynamic\" | \"large\" | \"medium\" | \"small\"",
+          "references": {
+            "GuxModalSize": {
+              "location": "import",
+              "path": "./gux-modal.types"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Indicates the size of the modal (small, medium or large)"
-      },
-      "attribute": "size",
-      "reflect": false,
-      "defaultValue": "'dynamic'"
-    },
-    "trapFocus": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "trap-focus",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "initialFocus": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string | undefined",
-        "resolved": "string",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Indicates the size of the modal (small, medium or large)"
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "'dynamic'"
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Query selector for the element to initially focus when the modal opens\nDefaults to the first tabbable element"
+      "trapFocus": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "trap-focus",
+        "reflect": false,
+        "defaultValue": "true"
       },
-      "attribute": "initial-focus",
-      "reflect": false
-    }
-  }; }
-  static get events() { return [{
-      "method": "guxdismiss",
-      "name": "guxdismiss",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Fired when a user dismisses the modal (The default behaviour is to remove the component from the DOM)"
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
+      "initialFocus": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string | undefined",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Query selector for the element to initially focus when the modal opens\nDefaults to the first tabbable element"
+        },
+        "attribute": "initial-focus",
+        "reflect": false
       }
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "guxdismiss",
+        "name": "guxdismiss",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Fired when a user dismisses the modal (The default behaviour is to remove the component from the DOM)"
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "root"; }
-  static get listeners() { return [{
-      "name": "keydown",
-      "method": "handleKeyEvent",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+  static get listeners() {
+    return [{
+        "name": "keydown",
+        "method": "handleKeyEvent",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }

package/dist/collection/components/stable/gux-notification-toast/gux-notification-toast.js

@@ -1,4 +1,4 @@
-import { Component, Element, Event, h, Host, Prop } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { trackComponent } from '../../../usage-tracking';
 /**
  * @slot icon - Required slot for gux-icon
@@ -16,15 +16,7 @@ export class GuxNotificationToast {
     trackComponent(this.root, { variant: this.accent });
   }
   render() {
-    return (h(Host, null,
-      h("div", { class: `gux-icon gux-${this.accent}` },
-        h("slot", { name: "icon" })),
-      h("div", { class: "gux-content" },
-        h("div", { class: "gux-title" },
-          h("slot", { name: "title" })),
-        h("div", { class: "gux-message" },
-          h("slot", { name: "message" }))),
-      h("gux-dismiss-button", { onClick: this.onDismissClickHandler.bind(this) })));
+    return (h(Host, null, h("div", { class: `gux-icon gux-${this.accent}` }, h("slot", { name: "icon" })), h("div", { class: "gux-content" }, h("div", { class: "gux-title" }, h("slot", { name: "title" })), h("div", { class: "gux-message" }, h("slot", { name: "message" }))), h("gux-dismiss-button", { onClick: this.onDismissClickHandler.bind(this) })));
   }
   onDismissClickHandler(event) {
     event.stopPropagation();
@@ -35,52 +27,60 @@ export class GuxNotificationToast {
   }
   static get is() { return "gux-notification-toast"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-notification-toast.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-notification-toast.css"]
-  }; }
-  static get properties() { return {
-    "accent": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "GuxNotificationToastAccent",
-        "resolved": "\"alert\" | \"neutral\" | \"positive\" | \"warning\"",
-        "references": {
-          "GuxNotificationToastAccent": {
-            "location": "import",
-            "path": "./gux-notification-toast.types"
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-notification-toast.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-notification-toast.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "accent": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "GuxNotificationToastAccent",
+          "resolved": "\"alert\" | \"neutral\" | \"positive\" | \"warning\"",
+          "references": {
+            "GuxNotificationToastAccent": {
+              "location": "import",
+              "path": "./gux-notification-toast.types"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The component accent."
-      },
-      "attribute": "accent",
-      "reflect": false,
-      "defaultValue": "'neutral'"
-    }
-  }; }
-  static get events() { return [{
-      "method": "guxdismiss",
-      "name": "guxdismiss",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The component accent."
+        },
+        "attribute": "accent",
+        "reflect": false,
+        "defaultValue": "'neutral'"
       }
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "guxdismiss",
+        "name": "guxdismiss",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "root"; }
 }