@esri/calcite-components 1.0.0-beta.94 → 1.0.0-beta.96

package/dist/collection/components/alert/alert.js

@@ -1,13 +1,14 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.94
+ * v1.0.0-beta.96
  */
-import { Component, Element, Event, h, Host, Listen, Method, Prop, State, Watch } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import { getSlotted, setRequestedIcon, toAriaBoolean } from "../../utils/dom";
 import { DURATIONS, SLOTS, TEXT } from "./resources";
 import { StatusIcons } from "./interfaces";
 import { connectOpenCloseComponent, disconnectOpenCloseComponent } from "../../utils/openCloseComponent";
+import { connectLocalized, disconnectLocalized, numberStringFormatter } from "../../utils/locale";
 /**
  * Alerts are meant to provide a way to communicate urgent or important information to users, frequently as a result of an action they took in your app. Alerts are positioned
  * at the bottom of the page. Multiple opened alerts will be added to a queue, allowing users to dismiss them in the order they are provided.
@@ -25,14 +26,14 @@ export class Alert {
     //
     //---------------------------------------------------------------------------
     /**
-     * When true, opens the combobox
+     * When `true`, displays and positions the component.
      *
-     * @deprecated use open instead
+     * @deprecated use `open` instead.
      */
     this.active = false;
-    /** When true, opens the dropdown */
+    /** When `true`, displays and positions the component. */
     this.open = false;
-    /** When true, the component closes automatically (recommended for passive, non-blocking alerts). */
+    /** When `true`, the component closes automatically (recommended for passive, non-blocking alerts). */
     this.autoDismiss = false;
     /** Specifies the duration before the component automatically closes (only use with `autoDismiss`). */
     this.autoDismissDuration = this.autoDismiss ? "medium" : null;
@@ -53,6 +54,7 @@ export class Alert {
     //  Private State/Props
     //
     //--------------------------------------------------------------------------
+    this.effectiveLocale = "";
     /** the list of queued alerts */
     this.queue = [];
     /** the count of queued alerts */
@@ -110,6 +112,7 @@ export class Alert {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
+    connectLocalized(this);
     const open = this.open || this.active;
     if (open && !this.queued) {
       this.activeHandler(open);
@@ -124,31 +127,26 @@ export class Alert {
   disconnectedCallback() {
     window.clearTimeout(this.autoDismissTimeoutId);
     disconnectOpenCloseComponent(this);
+    disconnectLocalized(this);
   }
   render() {
-    const closeButton = (h("button", { "aria-label": this.intlClose, class: "alert-close", onClick: this.closeAlert, ref: (el) => (this.closeButton = el), type: "button" },
-      h("calcite-icon", { icon: "x", scale: this.scale === "l" ? "m" : "s" })));
-    const queueText = `+${this.queueLength > 2 ? this.queueLength - 1 : 1}`;
-    const queueCount = (h("div", { class: `${this.queueLength > 1 ? "active " : ""}alert-queue-count` },
-      h("calcite-chip", { scale: this.scale, value: queueText }, queueText)));
+    const closeButton = (h("button", { "aria-label": this.intlClose, class: "alert-close", onClick: this.closeAlert, ref: (el) => (this.closeButton = el), type: "button" }, h("calcite-icon", { icon: "x", scale: this.scale === "l" ? "m" : "s" })));
+    numberStringFormatter.numberFormatOptions = {
+      locale: this.effectiveLocale,
+      numberingSystem: this.numberingSystem,
+      signDisplay: "always"
+    };
+    const queueNumber = this.queueLength > 2 ? this.queueLength - 1 : 1;
+    const queueText = numberStringFormatter.numberFormatter.format(queueNumber);
+    const queueCount = (h("div", { class: `${this.queueLength > 1 ? "active " : ""}alert-queue-count` }, h("calcite-chip", { scale: this.scale, value: queueText }, queueText)));
     const { active, autoDismiss, label, placement, queued, requestedIcon } = this;
     const role = autoDismiss ? "alert" : "alertdialog";
     const hidden = !active;
-    return (h(Host, { "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "calcite-hydrated-hidden": hidden, role: role },
-      h("div", { class: {
-          container: true,
-          queued,
-          [placement]: true
-        }, ref: this.setTransitionEl },
-        requestedIcon ? (h("div", { class: "alert-icon" },
-          h("calcite-icon", { icon: requestedIcon, scale: this.scale === "l" ? "m" : "s" }))) : null,
-        h("div", { class: "alert-content" },
-          h("slot", { name: SLOTS.title }),
-          h("slot", { name: SLOTS.message }),
-          h("slot", { name: SLOTS.link })),
-        queueCount,
-        !autoDismiss ? closeButton : null,
-        active && !queued && autoDismiss ? h("div", { class: "alert-dismiss-progress" }) : null)));
+    return (h(Host, { "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "calcite-hydrated-hidden": hidden, role: role }, h("div", { class: {
+        container: true,
+        queued,
+        [placement]: true
+      }, ref: this.setTransitionEl }, requestedIcon ? (h("div", { class: "alert-icon" }, h("calcite-icon", { icon: requestedIcon, scale: this.scale === "l" ? "m" : "s" }))) : null, h("div", { class: "alert-content" }, h("slot", { name: SLOTS.title }), h("slot", { name: SLOTS.message }), h("slot", { name: SLOTS.link })), queueCount, !autoDismiss ? closeButton : null, active && !queued && autoDismiss ? h("div", { class: "alert-dismiss-progress" }) : null)));
   }
   // when an alert is opened or closed, update queue and determine active alert
   alertSync(event) {
@@ -219,375 +217,414 @@ export class Alert {
   }
   static get is() { return "calcite-alert"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["alert.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["alert.css"]
-  }; }
-  static get properties() { return {
-    "active": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "deprecated",
-            "text": "use open instead"
-          }],
-        "text": "When true, opens the combobox"
-      },
-      "attribute": "active",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "open": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "When true, opens the dropdown"
+  static get originalStyleUrls() {
+    return {
+      "$": ["alert.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["alert.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "active": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "deprecated",
+              "text": "use `open` instead."
+            }],
+          "text": "When `true`, displays and positions the component."
+        },
+        "attribute": "active",
+        "reflect": true,
+        "defaultValue": "false"
       },
-      "attribute": "open",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "autoDismiss": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "open": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "When `true`, displays and positions the component."
+        },
+        "attribute": "open",
+        "reflect": true,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "When true, the component closes automatically (recommended for passive, non-blocking alerts)."
+      "autoDismiss": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "When `true`, the component closes automatically (recommended for passive, non-blocking alerts)."
+        },
+        "attribute": "auto-dismiss",
+        "reflect": true,
+        "defaultValue": "false"
       },
-      "attribute": "auto-dismiss",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "autoDismissDuration": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "AlertDuration",
-        "resolved": "\"fast\" | \"medium\" | \"slow\"",
-        "references": {
-          "AlertDuration": {
-            "location": "import",
-            "path": "./interfaces"
+      "autoDismissDuration": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "AlertDuration",
+          "resolved": "\"fast\" | \"medium\" | \"slow\"",
+          "references": {
+            "AlertDuration": {
+              "location": "import",
+              "path": "./interfaces"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Specifies the duration before the component automatically closes (only use with `autoDismiss`)."
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Specifies the duration before the component automatically closes (only use with `autoDismiss`)."
+        },
+        "attribute": "auto-dismiss-duration",
+        "reflect": true,
+        "defaultValue": "this.autoDismiss ? \"medium\" : null"
       },
-      "attribute": "auto-dismiss-duration",
-      "reflect": true,
-      "defaultValue": "this.autoDismiss ? \"medium\" : null"
-    },
-    "color": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "StatusColor",
-        "resolved": "\"blue\" | \"green\" | \"red\" | \"yellow\"",
-        "references": {
-          "StatusColor": {
-            "location": "import",
-            "path": "./interfaces"
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "StatusColor",
+          "resolved": "\"blue\" | \"green\" | \"red\" | \"yellow\"",
+          "references": {
+            "StatusColor": {
+              "location": "import",
+              "path": "./interfaces"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Specifies the color for the component (will apply to top border and icon)."
-      },
-      "attribute": "color",
-      "reflect": true,
-      "defaultValue": "\"blue\""
-    },
-    "icon": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "string | boolean",
-        "resolved": "boolean | string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "When true, shows a default recommended icon. Alternatively,\npass a Calcite UI Icon name to display a specific icon."
-      },
-      "attribute": "icon",
-      "reflect": true
-    },
-    "intlClose": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Specifies the color for the component (will apply to top border and icon)."
+        },
+        "attribute": "color",
+        "reflect": true,
+        "defaultValue": "\"blue\""
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "default",
-            "text": "\"Close\""
-          }],
-        "text": "Specifies the text label for the close button."
+      "icon": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "string | boolean",
+          "resolved": "boolean | string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "When `true`, shows a default recommended icon. Alternatively,\npass a Calcite UI Icon name to display a specific icon."
+        },
+        "attribute": "icon",
+        "reflect": true
       },
-      "attribute": "intl-close",
-      "reflect": false,
-      "defaultValue": "TEXT.intlClose"
-    },
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "intlClose": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "\"Close\""
+            }],
+          "text": "Specifies the text label for the close button."
+        },
+        "attribute": "intl-close",
+        "reflect": false,
+        "defaultValue": "TEXT.intlClose"
       },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Specifies an accessible name for the component."
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Specifies an accessible name for the component."
+        },
+        "attribute": "label",
+        "reflect": false
       },
-      "attribute": "label",
-      "reflect": false
-    },
-    "placement": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "AlertPlacement",
-        "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"top\" | \"top-end\" | \"top-start\"",
-        "references": {
-          "AlertPlacement": {
-            "location": "import",
-            "path": "./interfaces"
+      "numberingSystem": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "NumberingSystem",
+          "resolved": "\"arab\" | \"arabext\" | \"bali\" | \"beng\" | \"deva\" | \"fullwide\" | \"gujr\" | \"guru\" | \"hanidec\" | \"khmr\" | \"knda\" | \"laoo\" | \"latn\" | \"limb\" | \"mlym\" | \"mong\" | \"mymr\" | \"orya\" | \"tamldec\" | \"telu\" | \"thai\" | \"tibt\"",
+          "references": {
+            "NumberingSystem": {
+              "location": "import",
+              "path": "../../utils/locale"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Specifies the placement of the component"
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Specifies the Unicode numeral system used by the component for localization."
+        },
+        "attribute": "numbering-system",
+        "reflect": true
       },
-      "attribute": "placement",
-      "reflect": true,
-      "defaultValue": "\"bottom\""
-    },
-    "scale": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "Scale",
-        "resolved": "\"l\" | \"m\" | \"s\"",
-        "references": {
-          "Scale": {
-            "location": "import",
-            "path": "../interfaces"
+      "placement": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "AlertPlacement",
+          "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"top\" | \"top-end\" | \"top-start\"",
+          "references": {
+            "AlertPlacement": {
+              "location": "import",
+              "path": "./interfaces"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Specifies the size of the component."
-      },
-      "attribute": "scale",
-      "reflect": true,
-      "defaultValue": "\"m\""
-    }
-  }; }
-  static get states() { return {
-    "queue": {},
-    "queueLength": {},
-    "queued": {},
-    "requestedIcon": {}
-  }; }
-  static get events() { return [{
-      "method": "calciteAlertBeforeClose",
-      "name": "calciteAlertBeforeClose",
-      "bubbles": true,
-      "cancelable": false,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Fires when the component is requested to be closed and before the closing transition begins."
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "calciteAlertClose",
-      "name": "calciteAlertClose",
-      "bubbles": true,
-      "cancelable": false,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Fires when the component is closed and animation is complete."
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "calciteAlertBeforeOpen",
-      "name": "calciteAlertBeforeOpen",
-      "bubbles": true,
-      "cancelable": false,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins."
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "calciteAlertOpen",
-      "name": "calciteAlertOpen",
-      "bubbles": true,
-      "cancelable": false,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Fires when the component is open and animation is complete."
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Specifies the placement of the component"
+        },
+        "attribute": "placement",
+        "reflect": true,
+        "defaultValue": "\"bottom\""
       },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
+      "scale": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "Scale",
+          "resolved": "\"l\" | \"m\" | \"s\"",
+          "references": {
+            "Scale": {
+              "location": "import",
+              "path": "../interfaces"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Specifies the size of the component."
+        },
+        "attribute": "scale",
+        "reflect": true,
+        "defaultValue": "\"m\""
       }
-    }, {
-      "method": "calciteInternalAlertSync",
-      "name": "calciteInternalAlertSync",
-      "bubbles": true,
-      "cancelable": false,
-      "composed": true,
-      "docs": {
-        "tags": [{
-            "name": "internal",
-            "text": undefined
-          }],
-        "text": "Fires to sync queue when opened or closed."
-      },
-      "complexType": {
-        "original": "Sync",
-        "resolved": "Sync",
-        "references": {
-          "Sync": {
-            "location": "import",
-            "path": "./interfaces"
+    };
+  }
+  static get states() {
+    return {
+      "effectiveLocale": {},
+      "queue": {},
+      "queueLength": {},
+      "queued": {},
+      "requestedIcon": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "calciteAlertBeforeClose",
+        "name": "calciteAlertBeforeClose",
+        "bubbles": true,
+        "cancelable": false,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Fires when the component is requested to be closed and before the closing transition begins."
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "calciteAlertClose",
+        "name": "calciteAlertClose",
+        "bubbles": true,
+        "cancelable": false,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Fires when the component is closed and animation is complete."
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "calciteAlertBeforeOpen",
+        "name": "calciteAlertBeforeOpen",
+        "bubbles": true,
+        "cancelable": false,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins."
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "calciteAlertOpen",
+        "name": "calciteAlertOpen",
+        "bubbles": true,
+        "cancelable": false,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Fires when the component is open and animation is complete."
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "calciteInternalAlertSync",
+        "name": "calciteInternalAlertSync",
+        "bubbles": true,
+        "cancelable": false,
+        "composed": true,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
+          "text": "Fires to sync queue when opened or closed."
+        },
+        "complexType": {
+          "original": "Sync",
+          "resolved": "Sync",
+          "references": {
+            "Sync": {
+              "location": "import",
+              "path": "./interfaces"
+            }
           }
         }
-      }
-    }, {
-      "method": "calciteInternalAlertRegister",
-      "name": "calciteInternalAlertRegister",
-      "bubbles": true,
-      "cancelable": false,
-      "composed": true,
-      "docs": {
-        "tags": [{
-            "name": "internal",
-            "text": undefined
-          }],
-        "text": "Fires when the component is added to DOM - used to receive initial queue."
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }]; }
-  static get methods() { return {
-    "setFocus": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
+      }, {
+        "method": "calciteInternalAlertRegister",
+        "name": "calciteInternalAlertRegister",
+        "bubbles": true,
+        "cancelable": false,
+        "composed": true,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
+          "text": "Fires when the component is added to DOM - used to receive initial queue."
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "setFocus": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "HTMLCalciteLinkElement": {
+              "location": "global"
+            }
           },
-          "HTMLCalciteLinkElement": {
-            "location": "global"
-          }
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "Sets focus on the component.",
-        "tags": []
+        "docs": {
+          "text": "Sets focus on the component.",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "el"; }
-  static get watchers() { return [{
-      "propName": "active",
-      "methodName": "activeHandler"
-    }, {
-      "propName": "open",
-      "methodName": "openHandler"
-    }, {
-      "propName": "icon",
-      "methodName": "updateRequestedIcon"
-    }, {
-      "propName": "color",
-      "methodName": "updateRequestedIcon"
-    }, {
-      "propName": "autoDismissDuration",
-      "methodName": "updateDuration"
-    }]; }
-  static get listeners() { return [{
-      "name": "calciteInternalAlertSync",
-      "method": "alertSync",
-      "target": "window",
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "calciteInternalAlertRegister",
-      "method": "alertRegister",
-      "target": "window",
-      "capture": false,
-      "passive": false
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "active",
+        "methodName": "activeHandler"
+      }, {
+        "propName": "open",
+        "methodName": "openHandler"
+      }, {
+        "propName": "icon",
+        "methodName": "updateRequestedIcon"
+      }, {
+        "propName": "color",
+        "methodName": "updateRequestedIcon"
+      }, {
+        "propName": "autoDismissDuration",
+        "methodName": "updateDuration"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "calciteInternalAlertSync",
+        "method": "alertSync",
+        "target": "window",
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "calciteInternalAlertRegister",
+        "method": "alertRegister",
+        "target": "window",
+        "capture": false,
+        "passive": false
+      }];
+  }
 }