@esri/solutions-components 0.6.2 → 0.6.4

package/dist/components/ExpandToggle.js

@@ -11,7 +11,7 @@ import { S as SLOTS } from './action-menu.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.2
+ * v1.4.3
  */
 const overflowActionsDebounceInMs = 150;
 const groupBufferPx = 2;
@@ -66,7 +66,7 @@ const overflowActions = ({ actionGroups, expanded, overflowCount }) => {
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.2
+ * v1.4.3
  */
 const ICONS = {
   chevronsLeft: "chevrons-left",
@@ -75,13 +75,11 @@ const ICONS = {
 function getCalcitePosition(position, el) {
   return position || el.closest("calcite-shell-panel")?.position || "start";
 }
-function toggleChildActionText({ parent, expanded }) {
-  queryActions(parent)
+function toggleChildActionText({ el, expanded }) {
+  queryActions(el)
     .filter((el) => el.slot !== SLOTS$1.menuActions)
     .forEach((action) => (action.textEnabled = expanded));
-  parent
-    .querySelectorAll("calcite-action-group, calcite-action-menu")
-    .forEach((el) => (el.expanded = expanded));
+  el.querySelectorAll("calcite-action-group, calcite-action-menu").forEach((el) => (el.expanded = expanded));
 }
 const setTooltipReference = ({ tooltip, referenceElement, expanded, ref }) => {
   if (tooltip) {

package/dist/components/FloatingArrow.js

@@ -8,7 +8,7 @@ import { h } from '@stencil/core/internal/client';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.2
+ * v1.4.3
  */
 const CSS = {
   arrow: "calcite-floating-ui-arrow",

package/dist/components/Heading.js

@@ -8,7 +8,7 @@ import { h } from '@stencil/core/internal/client';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.2
+ * v1.4.3
  */
 function constrainHeadingLevel(level) {
   return Math.min(Math.max(Math.ceil(level), 1), 6);

package/dist/components/action-bar.js

@@ -5,12 +5,12 @@
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';
-import { b as getSlotted, s as slotChangeGetAssignedElements } from './dom.js';
+import { s as slotChangeGetAssignedElements, b as getSlotted } from './dom.js';
 import { a as setComponentLoaded, s as setUpLoadableComponent, c as componentLoaded } from './loadable.js';
 import { c as connectLocalized, d as disconnectLocalized } from './locale2.js';
 import { c as createObserver } from './observers.js';
 import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n.js';
-import { t as toggleChildActionText, o as overflowActionsDebounceInMs, q as queryActions, g as geActionDimensions, a as overflowActions, E as ExpandToggle, b as getOverflowCount } from './ExpandToggle.js';
+import { t as toggleChildActionText, E as ExpandToggle, o as overflowActionsDebounceInMs, q as queryActions, g as geActionDimensions, a as overflowActions, b as getOverflowCount } from './ExpandToggle.js';
 import { d as defineCustomElement$6 } from './action.js';
 import { d as defineCustomElement$5 } from './action-group.js';
 import { d as defineCustomElement$4 } from './action-menu.js';
@@ -22,7 +22,7 @@ import { d as debounce } from './debounce.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.2
+ * v1.4.3
  */
 const CSS = {
   actionGroupBottom: "action-group--bottom"
@@ -42,8 +42,8 @@ const ActionBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.calciteActionBarToggle = createEvent(this, "calciteActionBarToggle", 6);
     this.mutationObserver = createObserver("mutation", () => {
       const { el, expanded } = this;
-      toggleChildActionText({ parent: el, expanded });
-      this.conditionallyOverflowActions();
+      toggleChildActionText({ el, expanded });
+      this.overflowActions();
     });
     this.resizeObserver = createObserver("resize", (entries) => this.resizeHandlerEntries(entries));
     // --------------------------------------------------------------------------
@@ -69,8 +69,10 @@ const ActionBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       this.resize({ width, height });
     };
     this.resize = debounce(({ width, height }) => {
-      const { el, expanded, expandDisabled, layout } = this;
-      if ((layout === "vertical" && !height) || (layout === "horizontal" && !width)) {
+      const { el, expanded, expandDisabled, layout, overflowActionsDisabled } = this;
+      if (overflowActionsDisabled ||
+        (layout === "vertical" && !height) ||
+        (layout === "horizontal" && !width)) {
         return;
       }
       const actions = queryActions(el);
@@ -96,11 +98,6 @@ const ActionBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         overflowCount
       });
     }, overflowActionsDebounceInMs);
-    this.conditionallyOverflowActions = () => {
-      if (!this.overflowActionsDisabled) {
-        this.overflowActions();
-      }
-    };
     this.toggleExpand = () => {
       this.expanded = !this.expanded;
       this.calciteActionBarToggle.emit();
@@ -124,11 +121,12 @@ const ActionBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.defaultMessages = undefined;
   }
   expandHandler() {
-    this.conditionallyOverflowActions();
+    this.overflowActions();
   }
-  expandedHandler(expanded) {
-    toggleChildActionText({ parent: this.el, expanded });
-    this.conditionallyOverflowActions();
+  expandedHandler() {
+    const { el, expanded } = this;
+    toggleChildActionText({ el, expanded });
+    this.overflowActions();
   }
   layoutHandler() {
     this.updateGroups();
@@ -150,20 +148,22 @@ const ActionBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   //
   // --------------------------------------------------------------------------
   componentDidLoad() {
+    const { el, expanded } = this;
     setComponentLoaded(this);
-    this.conditionallyOverflowActions();
+    toggleChildActionText({ el, expanded });
+    this.overflowActions();
   }
   connectedCallback() {
     var _a, _b;
     const { el, expanded } = this;
     connectLocalized(this);
     connectMessages(this);
-    toggleChildActionText({ parent: el, expanded });
+    toggleChildActionText({ el, expanded });
     (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(el, { childList: true, subtree: true });
     if (!this.overflowActionsDisabled) {
       (_b = this.resizeObserver) === null || _b === void 0 ? void 0 : _b.observe(el);
     }
-    this.conditionallyOverflowActions();
+    this.overflowActions();
     connectConditionalSlotComponent(this);
   }
   async componentWillLoad() {

package/dist/components/action-group.js

@@ -18,7 +18,7 @@ import { d as defineCustomElement$1 } from './popover.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.2
+ * v1.4.3
  */
 const SLOTS = {
   menuActions: "menu-actions",

package/dist/components/action-menu.js

@@ -5,7 +5,7 @@
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
 import { g as getRoundRobinIndex } from './array.js';
-import { t as toAriaBoolean, i as isPrimaryPointerButton, j as focusElement } from './dom.js';
+import { t as toAriaBoolean, i as isPrimaryPointerButton, h as focusElement } from './dom.js';
 import { g as guid } from './guid.js';
 import { i as isActivationKey } from './key.js';
 import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable.js';
@@ -17,7 +17,7 @@ import { d as defineCustomElement$1 } from './popover.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.2
+ * v1.4.3
  */
 const CSS = {
   menu: "menu",

package/dist/components/action.js

@@ -6,7 +6,7 @@
 import { proxyCustomElement, HTMLElement, forceUpdate, Build, h, Host } from '@stencil/core/internal/client';
 import { t as toAriaBoolean } from './dom.js';
 import { g as guid } from './guid.js';
-import { u as updateHostInteraction } from './interactive.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive.js';
 import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable.js';
 import { c as connectLocalized, d as disconnectLocalized } from './locale2.js';
 import { c as createObserver } from './observers.js';
@@ -17,7 +17,7 @@ import { d as defineCustomElement$1 } from './loader.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.2
+ * v1.4.3
  */
 const CSS = {
   button: "button",
@@ -92,6 +92,7 @@ const Action = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   // --------------------------------------------------------------------------
   connectedCallback() {
     var _a;
+    connectInteractive(this);
     connectLocalized(this);
     connectMessages(this);
     (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
@@ -107,6 +108,7 @@ const Action = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   disconnectedCallback() {
     var _a;
+    disconnectInteractive(this);
     disconnectLocalized(this);
     disconnectMessages(this);
     (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();

package/dist/components/alert.js

@@ -0,0 +1,328 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { j as slotChangeHasAssignedElement, m as setRequestedIcon, t as toAriaBoolean, b as getSlotted } from './dom.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable.js';
+import { c as connectLocalized, d as disconnectLocalized, n as numberStringFormatter } from './locale2.js';
+import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent.js';
+import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n.js';
+import { K as KindIcons } from './resources.js';
+import { d as defineCustomElement$2 } from './chip.js';
+import { d as defineCustomElement$1 } from './icon.js';
+
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ * v1.4.3
+ */
+const DURATIONS = {
+  slow: 14000,
+  medium: 10000,
+  fast: 6000
+};
+const SLOTS = {
+  actionsEnd: "actions-end",
+  title: "title",
+  message: "message",
+  link: "link"
+};
+const CSS = {
+  actionsEnd: "actions-end",
+  container: "container",
+  close: "alert-close",
+  slottedInShell: "slotted-in-shell"
+};
+
+const alertCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-right{animation-name:in-right}.calcite-animate__in-left{animation-name:in-left}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown)}:host([hidden]){display:none}:host([scale=s]){--calcite-alert-width:40em;--calcite-alert-spacing-token-small:0.5rem;--calcite-alert-spacing-token-large:0.75rem}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .alert-queue-count{margin-inline:0.5rem}:host([scale=s]) .container{--calcite-alert-min-height:3.5rem}:host([scale=s]) .alert-close{padding:0.5rem}:host([scale=m]){--calcite-alert-width:50em;--calcite-alert-spacing-token-small:0.75rem;--calcite-alert-spacing-token-large:1rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .alert-queue-count{margin-inline:0.75rem}:host([scale=m]) .container{--calcite-alert-min-height:4.1875rem}:host([scale=l]){--calcite-alert-width:60em;--calcite-alert-spacing-token-small:1rem;--calcite-alert-spacing-token-large:1.25rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){-webkit-margin-after:0.25rem;margin-block-end:0.25rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .alert-queue-count{margin-inline:1rem}:host([scale=l]) .container{--calcite-alert-min-height:5.625rem}:host{--calcite-alert-edge-distance:2rem;display:block}:host .container{pointer-events:none;position:fixed;z-index:var(--calcite-app-z-index-toast);margin-block:0px;margin-inline:auto;display:flex;align-items:center;justify-content:center;background-color:var(--calcite-ui-foreground-1);opacity:0;--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-radius:var(--calcite-border-radius);-webkit-border-before:0px solid transparent;border-block-start:0px solid transparent;border-inline:1px solid var(--calcite-ui-border-3);-webkit-border-after:1px solid var(--calcite-ui-border-3);border-block-end:1px solid var(--calcite-ui-border-3);min-block-size:var(--calcite-alert-min-height);inline-size:var(--calcite-alert-width);max-inline-size:calc(100% - (var(--calcite-alert-edge-distance) * 2 + 2px));max-block-size:0;transition:var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out}:host .container.bottom,:host .container.top{inset-inline-end:0;inset-inline-start:0}:host .container[class*=bottom]{transform:translate3d(0, var(--calcite-alert-edge-distance), 0);inset-block-end:var(--calcite-alert-edge-distance)}:host .container[class*=top]{transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);inset-block-start:var(--calcite-alert-edge-distance)}:host .container[class*=-start]{inset-inline-start:var(--calcite-alert-edge-distance);inset-inline-end:auto}:host .container[class*=-end]{inset-inline-end:var(--calcite-alert-edge-distance);inset-inline-start:auto}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}[hidden]{display:none}.container{display:flex;inline-size:100%;align-items:center;justify-content:center}.alert-close{outline-color:transparent}.alert-close:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}:host([open]) .container:not(.queued){max-block-size:100%;border-block-start-width:2px;opacity:1;pointer-events:initial}:host([open]) .container:not(.queued)[class*=bottom]{transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit)}:host([open]) .container:not(.queued)[class*=top]{transform:translate3d(0, var(--calcite-alert-edge-distance), inherit)}slot[name=title]::slotted(*),*::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){margin:0px;display:inline;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2);-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}slot[name=link]::slotted(*),*::slotted([slot=link]){display:inline-flex;color:var(--calcite-ui-text-link)}.alert-content{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-inline:var(--calcite-alert-spacing-token-large);flex:0 0 auto;display:flex;flex-direction:column;overflow-wrap:break-word;background-color:var(--calcite-ui-foreground-1);flex:1 1 0;min-inline-size:0;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:0 var(--calcite-alert-spacing-token-small);border-radius:var(--calcite-border-radius)}.alert-content:first-of-type:not(:only-child){-webkit-padding-start:var(--calcite-alert-spacing-token-large);padding-inline-start:var(--calcite-alert-spacing-token-large)}.alert-content:only-child{padding:var(--calcite-alert-spacing-token-small)}.alert-icon{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:var(--calcite-alert-spacing-token-large);flex:0 0 auto;display:flex;align-items:center;align-self:stretch;background-color:var(--calcite-ui-foreground-1);padding-block:0px;border-start-start-radius:var(--calcite-border-radius);border-end-start-radius:var(--calcite-border-radius)}.alert-close{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:var(--calcite-alert-spacing-token-large);flex:0 0 auto;cursor:pointer;align-self:stretch;overflow:hidden;border-style:none;background-color:var(--calcite-ui-foreground-1);padding-block:0px;color:var(--calcite-ui-text-3);outline:2px solid transparent;outline-offset:2px;border-end-end-radius:var(--calcite-border-radius);border-start-end-radius:var(--calcite-border-radius)}.alert-close:hover,.alert-close:focus{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.alert-close:open{background-color:var(--calcite-ui-foreground-3)}.alert-queue-count{visibility:hidden;display:flex;cursor:default;align-items:center;justify-content:space-around;align-self:stretch;overflow:hidden;background-color:var(--calcite-ui-foreground-1);text-align:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2);opacity:0;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline:0px solid transparent;border-start-end-radius:0}.alert-queue-count.active{visibility:visible;opacity:1}:host([auto-close])>.alert-queue-count{-webkit-border-end:0px solid transparent;border-inline-end:0px solid transparent}.alert-dismiss-progress{position:absolute;display:block;inline-size:100%;overflow:hidden;inset-inline:0;inset-block-start:-2px;block-size:2px;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.alert-dismiss-progress:after{position:absolute;inset-block-start:0px;display:block;block-size:2px;content:\"\";background-color:var(--calcite-alert-dismiss-progress-background);inset-inline-end:0}.actions-end{display:flex;align-self:stretch}:host([kind=brand]) .container{border-block-start-color:var(--calcite-ui-brand)}:host([kind=brand]) .container .alert-icon{color:var(--calcite-ui-brand)}:host([kind=info]) .container{border-block-start-color:var(--calcite-ui-info)}:host([kind=info]) .container .alert-icon{color:var(--calcite-ui-info)}:host([kind=danger]) .container{border-block-start-color:var(--calcite-ui-danger)}:host([kind=danger]) .container .alert-icon{color:var(--calcite-ui-danger)}:host([kind=success]) .container{border-block-start-color:var(--calcite-ui-success)}:host([kind=success]) .container .alert-icon{color:var(--calcite-ui-success)}:host([kind=warning]) .container{border-block-start-color:var(--calcite-ui-warning)}:host([kind=warning]) .container .alert-icon{color:var(--calcite-ui-warning)}:host([auto-close-duration=fast]) .alert-dismiss-progress:after{animation:dismissProgress 6000ms ease-out}:host(:hover[auto-close-duration=fast]) .alert-dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=medium]) .alert-dismiss-progress:after{animation:dismissProgress 10000ms ease-out}:host(:hover[auto-close-duration=medium]) .alert-dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=slow]) .alert-dismiss-progress:after{animation:dismissProgress 14000ms ease-out}:host(:hover[auto-close-duration=slow]) .alert-dismiss-progress:after{animation-play-state:paused}@keyframes dismissProgress{0%{inline-size:0px;opacity:0.75}100%{inline-size:100%;opacity:1}}.container.slotted-in-shell{position:absolute}";
+
+const Alert = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.calciteAlertBeforeClose = createEvent(this, "calciteAlertBeforeClose", 6);
+    this.calciteAlertClose = createEvent(this, "calciteAlertClose", 6);
+    this.calciteAlertBeforeOpen = createEvent(this, "calciteAlertBeforeOpen", 6);
+    this.calciteAlertOpen = createEvent(this, "calciteAlertOpen", 6);
+    this.calciteInternalAlertSync = createEvent(this, "calciteInternalAlertSync", 6);
+    this.calciteInternalAlertRegister = createEvent(this, "calciteInternalAlertRegister", 6);
+    this.autoCloseTimeoutId = null;
+    this.totalOpenTime = 0;
+    this.totalHoverTime = 0;
+    this.openTransitionProp = "opacity";
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    this.setTransitionEl = (el) => {
+      this.transitionEl = el;
+      connectOpenCloseComponent(this);
+    };
+    /** close and emit calciteInternalAlertSync event with the updated queue payload */
+    this.closeAlert = () => {
+      this.autoCloseTimeoutId = null;
+      this.queued = false;
+      this.open = false;
+      this.queue = this.queue.filter((el) => el !== this.el);
+      this.determineActiveAlert();
+      this.calciteInternalAlertSync.emit({ queue: this.queue });
+    };
+    this.actionsEndSlotChangeHandler = (event) => {
+      this.hasEndActions = slotChangeHasAssignedElement(event);
+    };
+    this.handleMouseOver = () => {
+      window.clearTimeout(this.autoCloseTimeoutId);
+      this.totalOpenTime = Date.now() - this.initialOpenTime;
+      this.lastMouseOverBegin = Date.now();
+    };
+    this.handleMouseLeave = () => {
+      const hoverDuration = Date.now() - this.lastMouseOverBegin;
+      const timeRemaining = DURATIONS[this.autoCloseDuration] - this.totalOpenTime + this.totalHoverTime;
+      this.totalHoverTime = this.totalHoverTime ? hoverDuration + this.totalHoverTime : hoverDuration;
+      this.autoCloseTimeoutId = window.setTimeout(() => this.closeAlert(), timeRemaining);
+    };
+    this.open = false;
+    this.autoClose = false;
+    this.autoCloseDuration = "medium";
+    this.kind = "brand";
+    this.icon = undefined;
+    this.iconFlipRtl = false;
+    this.label = undefined;
+    this.numberingSystem = undefined;
+    this.placement = "bottom";
+    this.scale = "m";
+    this.messages = undefined;
+    this.messageOverrides = undefined;
+    this.slottedInShell = undefined;
+    this.effectiveLocale = "";
+    this.defaultMessages = undefined;
+    this.hasEndActions = false;
+    this.queue = [];
+    this.queueLength = 0;
+    this.queued = false;
+    this.requestedIcon = undefined;
+  }
+  openHandler() {
+    if (this.open && !this.queued) {
+      this.calciteInternalAlertRegister.emit();
+    }
+    if (!this.open) {
+      this.queue = this.queue.filter((el) => el !== this.el);
+      this.calciteInternalAlertSync.emit({ queue: this.queue });
+    }
+  }
+  onMessagesChange() {
+    /* wired up by t9n util */
+  }
+  updateRequestedIcon() {
+    this.requestedIcon = setRequestedIcon(KindIcons, this.icon, this.kind);
+  }
+  updateDuration() {
+    if (this.autoClose && this.autoCloseTimeoutId) {
+      window.clearTimeout(this.autoCloseTimeoutId);
+      this.autoCloseTimeoutId = window.setTimeout(() => this.closeAlert(), DURATIONS[this.autoCloseDuration]);
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  connectedCallback() {
+    connectLocalized(this);
+    connectMessages(this);
+    const open = this.open;
+    if (open && !this.queued) {
+      this.openHandler();
+      this.calciteInternalAlertRegister.emit();
+    }
+    connectOpenCloseComponent(this);
+  }
+  async componentWillLoad() {
+    setUpLoadableComponent(this);
+    this.requestedIcon = setRequestedIcon(KindIcons, this.icon, this.kind);
+    await setUpMessages(this);
+  }
+  componentDidLoad() {
+    setComponentLoaded(this);
+  }
+  disconnectedCallback() {
+    window.dispatchEvent(new CustomEvent("calciteInternalAlertUnregister", {
+      detail: { alert: this.el }
+    }));
+    window.clearTimeout(this.autoCloseTimeoutId);
+    window.clearTimeout(this.queueTimeout);
+    disconnectOpenCloseComponent(this);
+    disconnectLocalized(this);
+    disconnectMessages(this);
+    this.slottedInShell = false;
+  }
+  render() {
+    const { hasEndActions } = this;
+    const closeButton = (h("button", { "aria-label": this.messages.close, class: "alert-close", onClick: this.closeAlert, type: "button",
+      // eslint-disable-next-line react/jsx-sort-props
+      ref: (el) => (this.closeButton = el) }, 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 { open, autoClose, label, placement, queued, requestedIcon, iconFlipRtl } = this;
+    const role = autoClose ? "alert" : "alertdialog";
+    const hidden = !open;
+    const slotNode = (h("slot", { key: "actionsEndSlot", name: SLOTS.actionsEnd, onSlotchange: this.actionsEndSlotChangeHandler }));
+    return (h(Host, { "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "calcite-hydrated-hidden": hidden, role: role }, h("div", { class: {
+        container: true,
+        queued,
+        [placement]: true,
+        [CSS.slottedInShell]: this.slottedInShell
+      }, onPointerEnter: this.autoClose && this.autoCloseTimeoutId ? this.handleMouseOver : null, onPointerLeave: this.autoClose && this.autoCloseTimeoutId ? this.handleMouseLeave : null,
+      // eslint-disable-next-line react/jsx-sort-props
+      ref: this.setTransitionEl }, requestedIcon ? (h("div", { class: "alert-icon" }, h("calcite-icon", { flipRtl: iconFlipRtl, 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 })), h("div", { class: CSS.actionsEnd, hidden: !hasEndActions }, slotNode), this.queueLength > 1 ? queueCount : null, closeButton, open && !queued && autoClose ? h("div", { class: "alert-dismiss-progress" }) : null)));
+  }
+  // when an alert is opened or closed, update queue and determine active alert
+  alertSync(event) {
+    if (this.queue !== event.detail.queue) {
+      this.queue = event.detail.queue;
+    }
+    this.queueLength = this.queue.length;
+    this.determineActiveAlert();
+    event.stopPropagation();
+  }
+  // when an alert is first registered, trigger a queue sync
+  alertRegister() {
+    if (this.open && !this.queue.includes(this.el)) {
+      this.queued = true;
+      this.queue.push(this.el);
+    }
+    this.calciteInternalAlertSync.emit({ queue: this.queue });
+    this.determineActiveAlert();
+  }
+  // Event is dispatched on the window because the element is not in the DOM so bubbling won't occur.
+  alertUnregister(event) {
+    const queue = this.queue.filter((el) => el !== event.detail.alert);
+    this.queue = queue;
+    window.dispatchEvent(new CustomEvent("calciteInternalAlertSync", {
+      detail: { queue }
+    }));
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Public Methods
+  //
+  //--------------------------------------------------------------------------
+  /** Sets focus on the component's "close" button (the first focusable item). */
+  async setFocus() {
+    await componentLoaded(this);
+    const alertLinkEl = getSlotted(this.el, { selector: "calcite-link" });
+    if (!this.closeButton && !alertLinkEl) {
+      return;
+    }
+    else if (alertLinkEl) {
+      alertLinkEl.setFocus();
+    }
+    else if (this.closeButton) {
+      this.closeButton.focus();
+    }
+  }
+  effectiveLocaleChange() {
+    updateMessages(this, this.effectiveLocale);
+  }
+  /** determine which alert is active */
+  determineActiveAlert() {
+    var _a;
+    if (((_a = this.queue) === null || _a === void 0 ? void 0 : _a[0]) === this.el) {
+      this.openAlert();
+      if (this.autoClose && !this.autoCloseTimeoutId) {
+        this.initialOpenTime = Date.now();
+        this.autoCloseTimeoutId = window.setTimeout(() => this.closeAlert(), DURATIONS[this.autoCloseDuration]);
+      }
+    }
+    else {
+      return;
+    }
+  }
+  onBeforeOpen() {
+    this.calciteAlertBeforeOpen.emit();
+  }
+  onOpen() {
+    this.calciteAlertOpen.emit();
+  }
+  onBeforeClose() {
+    this.calciteAlertBeforeClose.emit();
+  }
+  onClose() {
+    this.calciteAlertClose.emit();
+  }
+  /** remove queued class after animation completes */
+  openAlert() {
+    window.clearTimeout(this.queueTimeout);
+    this.queueTimeout = window.setTimeout(() => (this.queued = false), 300);
+  }
+  static get assetsDirs() { return ["assets"]; }
+  get el() { return this; }
+  static get watchers() { return {
+    "open": ["openHandler"],
+    "messageOverrides": ["onMessagesChange"],
+    "icon": ["updateRequestedIcon"],
+    "kind": ["updateRequestedIcon"],
+    "autoCloseDuration": ["updateDuration"],
+    "effectiveLocale": ["effectiveLocaleChange"]
+  }; }
+  static get style() { return alertCss; }
+}, [1, "calcite-alert", {
+    "open": [1540],
+    "autoClose": [516, "auto-close"],
+    "autoCloseDuration": [513, "auto-close-duration"],
+    "kind": [513],
+    "icon": [520],
+    "iconFlipRtl": [516, "icon-flip-rtl"],
+    "label": [1],
+    "numberingSystem": [513, "numbering-system"],
+    "placement": [513],
+    "scale": [513],
+    "messages": [1040],
+    "messageOverrides": [1040],
+    "slottedInShell": [1028, "slotted-in-shell"],
+    "effectiveLocale": [32],
+    "defaultMessages": [32],
+    "hasEndActions": [32],
+    "queue": [32],
+    "queueLength": [32],
+    "queued": [32],
+    "requestedIcon": [32],
+    "setFocus": [64]
+  }, [[8, "calciteInternalAlertSync", "alertSync"], [8, "calciteInternalAlertRegister", "alertRegister"], [8, "calciteInternalAlertUnregister", "alertUnregister"]]]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["calcite-alert", "calcite-chip", "calcite-icon"];
+  components.forEach(tagName => { switch (tagName) {
+    case "calcite-alert":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Alert);
+      }
+      break;
+    case "calcite-chip":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+    case "calcite-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { Alert as A, defineCustomElement as d };

package/dist/components/array.js

@@ -6,7 +6,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.2
+ * v1.4.3
  */
 function getRoundRobinIndex(index, total) {
   return (index + total) % total;

package/dist/components/avatar.js

@@ -4,14 +4,14 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { k as getModeName } from './dom.js';
+import { n as getModeName } from './dom.js';
 import { g as hexToRGB, i as isValidHex } from './utils.js';
 import { d as defineCustomElement$1 } from './icon.js';
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.2
+ * v1.4.3
  */
 /**
  * Convert a string to a valid hex by hashing its contents

package/dist/components/browser.js

@@ -0,0 +1,21 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ * v1.4.3
+ */
+function getUserAgentData() {
+  return navigator.userAgentData;
+}
+function getUserAgentString() {
+  const uaData = getUserAgentData();
+  return uaData?.brands
+    ? uaData.brands.map(({ brand, version }) => `${brand}/${version}`).join(" ")
+    : navigator.userAgent;
+}
+
+export { getUserAgentData as a, getUserAgentString as g };

package/dist/components/button.js

@@ -5,7 +5,7 @@
  */
 import { proxyCustomElement, HTMLElement, Build, h } from '@stencil/core/internal/client';
 import { s as submitForm, r as resetForm, f as findAssociatedForm } from './form.js';
-import { u as updateHostInteraction } from './interactive.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive.js';
 import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label2.js';
 import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable.js';
 import { c as connectLocalized, d as disconnectLocalized } from './locale2.js';
@@ -17,7 +17,7 @@ import { d as defineCustomElement$1 } from './loader.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.2
+ * v1.4.3
  */
 const CSS = {
   buttonLoader: "calcite-button--loader",
@@ -117,6 +117,7 @@ const Button = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   //
   //--------------------------------------------------------------------------
   async connectedCallback() {
+    connectInteractive(this);
     connectLocalized(this);
     connectMessages(this);
     this.hasLoader = this.loading;
@@ -127,6 +128,7 @@ const Button = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   disconnectedCallback() {
     var _a, _b;
     (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    disconnectInteractive(this);
     disconnectLabel(this);
     disconnectLocalized(this);
     disconnectMessages(this);