@esri/calcite-components 2.9.1-next.2 → 2.9.1-next.3

package/hydrate/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.1-next.2
+ * v2.9.1-next.3
  */
 'use strict';
 
@@ -2311,10 +2311,10 @@ class Accordion {
     }
     render() {
         const transparent = this.appearance === "transparent";
-        return (hAsync("div", { key: '56df7ef7175fd9af4459626fb0d09aab4061e97d', class: {
+        return (hAsync("div", { key: 'f63f4d8f2d97682036a8b62ed43ea5497a678cca', class: {
                 "accordion--transparent": transparent,
                 accordion: !transparent,
-            } }, hAsync("slot", { key: 'a657cd0ddb7784909bb5a2df3648cda59d3e71e2' })));
+            } }, hAsync("slot", { key: '05bbc25b72a4d6850e95539cfc612ccef348833f' })));
     }
     //--------------------------------------------------------------------------
     //
@@ -3622,16 +3622,16 @@ class AccordionItem {
         const iconStartEl = this.iconStart ? (hAsync("calcite-icon", { class: CSS$1t.iconStart, flipRtl: iconFlipRtl === "both" || iconFlipRtl === "start", icon: this.iconStart, key: "icon-start", scale: getIconScale(this.scale) })) : null;
         const iconEndEl = this.iconEnd ? (hAsync("calcite-icon", { class: CSS$1t.iconEnd, flipRtl: iconFlipRtl === "both" || iconFlipRtl === "end", icon: this.iconEnd, key: "icon-end", scale: getIconScale(this.scale) })) : null;
         const { description } = this;
-        return (hAsync(Host, { key: '522a393c2e17a05258c6e80280d89085936ea3d9' }, hAsync("div", { key: '513dd854784b90e76aaacb698d416173c7d99896', class: {
+        return (hAsync(Host, { key: '2a383830df1d863e94481d5a1619b44c151c67e0' }, hAsync("div", { key: '831189f9dab6ea052b8ee836c7a0e85e0569151c', class: {
                 [`icon-position--${this.iconPosition}`]: true,
                 [`icon-type--${this.iconType}`]: true,
-            } }, hAsync("div", { key: '338293722fe860e42975aaf8492fe1636e6b2b1d', class: { [CSS$1t.header]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.renderActionsStart(), hAsync("div", { key: '06e7b4afc2bb10d31c236a7b879f9d4bb4150c61', "aria-controls": IDS$2.section, "aria-expanded": toAriaBoolean(this.expanded), class: CSS$1t.headerContent, id: IDS$2.sectionToggle, onClick: this.itemHeaderClickHandler, ref: this.storeHeaderEl, role: "button", tabindex: "0" }, hAsync("div", { key: 'ddf1b20cafec62653948b706a42c4cfdd8b61dce', class: CSS$1t.headerContainer }, iconStartEl, hAsync("div", { key: '3143804a918838326fa0e192e78c8f4ec0c0837c', class: CSS$1t.headerText }, hAsync("span", { key: '9588f26ff8e3258a1c3df70dac96951bc786407a', class: CSS$1t.heading }, this.heading), description ? hAsync("span", { class: CSS$1t.description }, description) : null), iconEndEl), hAsync("calcite-icon", { key: '49f2577d70dbb483cf3e401638ce5919590d47d1', class: CSS$1t.expandIcon, icon: this.iconType === "chevron"
+            } }, hAsync("div", { key: '5dfa807173ac26a102edfc1c1a7b8c2b5eb37635', class: { [CSS$1t.header]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.renderActionsStart(), hAsync("div", { key: 'b50b70e35aa85a3042c795c46a7e4ad761ba95f7', "aria-controls": IDS$2.section, "aria-expanded": toAriaBoolean(this.expanded), class: CSS$1t.headerContent, id: IDS$2.sectionToggle, onClick: this.itemHeaderClickHandler, ref: this.storeHeaderEl, role: "button", tabindex: "0" }, hAsync("div", { key: '025c6f1ea119cec000275b8312d8abe243eebc2c', class: CSS$1t.headerContainer }, iconStartEl, hAsync("div", { key: '20a8391f2a4c64ac20220ad2ff3f0c1f7d61713c', class: CSS$1t.headerText }, hAsync("span", { key: 'adcfa166b9e7514e26cb5b6afe76d6cba2bf9726', class: CSS$1t.heading }, this.heading), description ? hAsync("span", { class: CSS$1t.description }, description) : null), iconEndEl), hAsync("calcite-icon", { key: 'a433dcff29c6eebb9fe6818b3115056a83a5db28', class: CSS$1t.expandIcon, icon: this.iconType === "chevron"
                 ? "chevronDown"
                 : this.iconType === "caret"
                     ? "caretDown"
                     : this.expanded
                         ? "minus"
-                        : "plus", scale: getIconScale(this.scale) })), this.renderActionsEnd()), hAsync("section", { key: '37df95c86d7c8ffc0542a1b50d8a0cfff472b8f5', "aria-labelledby": IDS$2.sectionToggle, class: CSS$1t.content, id: IDS$2.section }, hAsync("slot", { key: '8770002acd319a3b6ac9f9df4f29c9972d605f0f' })))));
+                        : "plus", scale: getIconScale(this.scale) })), this.renderActionsEnd()), hAsync("section", { key: 'cb02bfd7fac2f9cb7d7bdfa0f7fda89d00830f34', "aria-labelledby": IDS$2.sectionToggle, class: CSS$1t.content, id: IDS$2.section }, hAsync("slot", { key: 'ef94d1b403c2f88f7cefbf9a340c1f2a46121fd9' })))));
     }
     //--------------------------------------------------------------------------
     //
@@ -6343,7 +6343,7 @@ class ActionBar {
         return (hAsync("calcite-action-group", { class: CSS$1o.actionGroupEnd, hidden: this.expandDisabled && !(this.hasActionsEnd || this.hasBottomActions), label: actionsEndGroupLabel, layout: layout, overlayPositioning: overlayPositioning, scale: scale }, hAsync("slot", { name: SLOTS$v.actionsEnd, onSlotchange: this.handleActionsEndSlotChange }), hAsync("slot", { name: SLOTS$v.bottomActions, onSlotchange: this.handleBottomActionsSlotChange }), hAsync("slot", { name: SLOTS$v.expandTooltip, onSlotchange: this.handleTooltipSlotChange }), expandToggleNode));
     }
     render() {
-        return (hAsync(Host, { key: 'dceae74686052a5456cd292a29172e76eab7cfb2', onCalciteActionMenuOpen: this.actionMenuOpenHandler }, hAsync("slot", { key: '4fba033b9742564034eb58e3cbcf63b9cd68e6ea', onSlotchange: this.handleDefaultSlotChange }), this.renderBottomActionGroup()));
+        return (hAsync(Host, { key: 'd22bdd892b1b8cecb4889ba129cdbf9d0bfe0ebc', onCalciteActionMenuOpen: this.actionMenuOpenHandler }, hAsync("slot", { key: '36872d4a3bd15d485a85439e2ea158e30365e9d5', onSlotchange: this.handleDefaultSlotChange }), this.renderBottomActionGroup()));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -6470,7 +6470,7 @@ class ActionGroup {
         return (hAsync("calcite-action-menu", { expanded: expanded, flipPlacements: ["left", "right"], hidden: !hasMenuActions, label: messages.more, onCalciteActionMenuOpen: this.setMenuOpen, open: menuOpen, overlayPositioning: overlayPositioning, placement: layout === "horizontal" ? "bottom-start" : "leading-start", scale: scale }, hAsync("calcite-action", { icon: ICONS$n.menu, scale: scale, slot: SLOTS$w.trigger, text: messages.more, textEnabled: expanded }), hAsync("slot", { name: SLOTS$x.menuActions, onSlotchange: this.handleMenuActionsSlotChange }), hAsync("slot", { name: SLOTS$x.menuTooltip, slot: SLOTS$w.tooltip })));
     }
     render() {
-        return (hAsync("div", { key: '689447fecc5bda66fb3b0017288c192033131615', "aria-label": this.label, class: CSS$1q.container, role: "group" }, hAsync("slot", { key: 'd168163c365d6ec486aa5fa975fad904ba3a525e' }), this.renderMenu()));
+        return (hAsync("div", { key: '4f81ae1f221f88118b4a336e88fa7e7f2a7f0350', "aria-label": this.label, class: CSS$1q.container, role: "group" }, hAsync("slot", { key: 'b3f55beeca93dd48153ad95490ac876450b50800' }), this.renderMenu()));
     }
     static get delegatesFocus() { return true; }
     static get assetsDirs() { return ["assets"]; }
@@ -6934,7 +6934,7 @@ class ActionPad {
         return expandToggleNode ? (hAsync("calcite-action-group", { class: CSS$1n.actionGroupEnd, label: actionsEndGroupLabel, layout: layout, overlayPositioning: overlayPositioning, scale: scale }, hAsync("slot", { name: SLOTS$u.expandTooltip, onSlotchange: this.handleTooltipSlotChange }), expandToggleNode)) : null;
     }
     render() {
-        return (hAsync(Host, { key: 'd5ac59815e47872f3e04d9147872fade94a82c22', onCalciteActionMenuOpen: this.actionMenuOpenHandler }, hAsync("div", { key: '06adf208d6986d6f6414c9526aa9bcd2f4fe7bd9', class: CSS$1n.container }, hAsync("slot", { key: '1f9e4601ef72cd5a19bbfd2b5d4337b6390597f5', onSlotchange: this.handleDefaultSlotChange }), this.renderBottomActionGroup())));
+        return (hAsync(Host, { key: '6fc9cda9ae160bc7f9dc8fb4a6c55722515c26dc', onCalciteActionMenuOpen: this.actionMenuOpenHandler }, hAsync("div", { key: 'dec33dff6ba6464edc502bbf932d77145e5cba07', class: CSS$1n.container }, hAsync("slot", { key: 'e7031817e0d4c0c9c2e8614a345fa125889bd03b', onSlotchange: this.handleDefaultSlotChange }), this.renderBottomActionGroup())));
     }
     static get delegatesFocus() { return true; }
     static get assetsDirs() { return ["assets"]; }
@@ -7087,9 +7087,10 @@ const CSS$1m = {
     queueCount: "queue-count",
     queueCountActive: "queue-count--active",
     textContainer: "text-container",
+    focused: "focused",
 };
 
-const alertCss = "/*!@:host*/.sc-calcite-alert-h{--calcite-alert-edge-distance:2rem;--calcite-alert-dismiss-progress-background:var(--calcite-color-transparent-tint);display:block}/*!@.container*/.container.sc-calcite-alert{pointer-events:none;position:fixed;z-index:var(--calcite-z-index-toast);margin-inline:auto;margin-block:0px;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:min-content;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);text-align:start;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);border-block-start:0 solid transparent;border-inline:1px solid var(--calcite-color-border-3);border-block-end:1px solid var(--calcite-color-border-3);inline-size:var(--calcite-alert-width);max-inline-size:calc(100% - var(--calcite-alert-edge-distance) * 2);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}/*!@.container--bottom, .container--top*/.container--bottom.sc-calcite-alert,.container--top.sc-calcite-alert{inset-inline-end:0;inset-inline-start:0}/*!@.container[class*=bottom]*/.container[class*=bottom].sc-calcite-alert{transform:translate3d(0, var(--calcite-alert-edge-distance), 0);inset-block-end:var(--calcite-alert-edge-distance)}/*!@.container[class*=top]*/.container[class*=top].sc-calcite-alert{transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);inset-block-start:var(--calcite-alert-edge-distance)}/*!@.container[class*=start]*/.container[class*=start].sc-calcite-alert{inset-inline-start:var(--calcite-alert-edge-distance);inset-inline-end:auto}/*!@.container[class*=end]*/.container[class*=end].sc-calcite-alert{inset-inline-end:var(--calcite-alert-edge-distance);inset-inline-start:auto}/*!@.icon*/.icon.sc-calcite-alert{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0px;margin-block:auto;margin-inline-end:auto;padding-inline-start:var(--calcite-alert-spacing-token-large)}/*!@.close*/.close.sc-calcite-alert{display:flex;cursor:pointer;align-items:center;justify-content:flex-end;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;-webkit-appearance:none;padding:var(--calcite-alert-spacing-token-large);outline-color:transparent}/*!@.close:focus*/.close.sc-calcite-alert:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}/*!@.close:hover, .close:focus*/.close.sc-calcite-alert:hover,.close.sc-calcite-alert:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}/*!@.close:active*/.close.sc-calcite-alert:active{background-color:var(--calcite-color-foreground-3)}/*!@.queue-count*/.queue-count.sc-calcite-alert{visibility:hidden;display:flex;min-inline-size:min-content;cursor:default;align-items:center;justify-content:space-around;align-self:stretch;overflow:hidden;background-color:var(--calcite-color-foreground-1);text-align:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2);opacity:0;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline:0 solid transparent;border-start-end-radius:0}/*!@.queue-count--active*/.queue-count--active.sc-calcite-alert{visibility:visible;opacity:1}/*!@.dismiss-progress*/.dismiss-progress.sc-calcite-alert{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}/*!@.dismiss-progress:after*/.dismiss-progress.sc-calcite-alert: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*/.actions-end.sc-calcite-alert{display:flex;align-self:stretch}/*!@.text-container*/.text-container.sc-calcite-alert{box-sizing:border-box;display:flex;min-inline-size:0px;flex:1 1 auto;flex-direction:column;overflow-wrap:break-word;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:var(--calcite-alert-spacing-token-large) var(--calcite-alert-spacing-token-small)}/*!@.footer*/.footer.sc-calcite-alert{position:relative;display:flex;inline-size:auto;justify-content:flex-end;align-self:stretch;padding-block-start:1px;block-size:inherit}/*!@:host([scale=s])*/[scale=s].sc-calcite-alert-h{--calcite-alert-width:40em;--calcite-alert-spacing-token-small:0.5rem;--calcite-alert-spacing-token-large:0.75rem;--calcite-alert-footer-height:2rem;--calcite-alert-footer-divider-gap:0.125rem}/*!@:host([scale=s]) slot[name=title]::slotted(*),\n:host([scale=s]) *::slotted([slot=title])*/.sc-calcite-alert-h[scale=s] slot[name=title].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=s] *.sc-calcite-alert-s>[slot=title]{font-size:var(--calcite-font-size--1);line-height:1.375}/*!@:host([scale=s]) slot[name=message]::slotted(*),\n:host([scale=s]) *::slotted([slot=message])*/.sc-calcite-alert-h[scale=s] slot[name=message].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=s] *.sc-calcite-alert-s>[slot=message]{font-size:var(--calcite-font-size--2);line-height:1.375}/*!@:host([scale=s]) slot[name=link]::slotted(*),\n:host([scale=s]) *::slotted([slot=link])*/.sc-calcite-alert-h[scale=s] slot[name=link].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=s] *.sc-calcite-alert-s>[slot=link]{font-size:var(--calcite-font-size--2);line-height:1.375}/*!@:host([scale=s]) .queue-count*/[scale=s].sc-calcite-alert-h .queue-count.sc-calcite-alert{margin-inline:0.5rem}/*!@:host([scale=s]) .container*/[scale=s].sc-calcite-alert-h .container.sc-calcite-alert{--calcite-alert-min-height:3.5rem}/*!@:host([scale=m])*/[scale=m].sc-calcite-alert-h{--calcite-alert-width:50em;--calcite-alert-spacing-token-small:0.75rem;--calcite-alert-spacing-token-large:1rem;--calcite-alert-footer-height:3rem;--calcite-alert-footer-divider-gap:0.25rem}/*!@:host([scale=m]) slot[name=title]::slotted(*),\n:host([scale=m]) *::slotted([slot=title])*/.sc-calcite-alert-h[scale=m] slot[name=title].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=m] *.sc-calcite-alert-s>[slot=title]{font-size:var(--calcite-font-size-0);line-height:1.375}/*!@:host([scale=m]) slot[name=message]::slotted(*),\n:host([scale=m]) *::slotted([slot=message])*/.sc-calcite-alert-h[scale=m] slot[name=message].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=m] *.sc-calcite-alert-s>[slot=message]{font-size:var(--calcite-font-size--1);line-height:1.375}/*!@:host([scale=m]) slot[name=link]::slotted(*),\n:host([scale=m]) *::slotted([slot=link])*/.sc-calcite-alert-h[scale=m] slot[name=link].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=m] *.sc-calcite-alert-s>[slot=link]{font-size:var(--calcite-font-size--1);line-height:1.375}/*!@:host([scale=m]) .queue-count*/[scale=m].sc-calcite-alert-h .queue-count.sc-calcite-alert{margin-inline:0.75rem}/*!@:host([scale=m]) .container*/[scale=m].sc-calcite-alert-h .container.sc-calcite-alert{--calcite-alert-min-height:4.1875rem}/*!@:host([scale=l])*/[scale=l].sc-calcite-alert-h{--calcite-alert-width:60em;--calcite-alert-spacing-token-small:1rem;--calcite-alert-spacing-token-large:1.25rem;--calcite-alert-footer-height:4rem;--calcite-alert-footer-divider-gap:0.5rem}/*!@:host([scale=l]) slot[name=title]::slotted(*),\n:host([scale=l]) *::slotted([slot=title])*/.sc-calcite-alert-h[scale=l] slot[name=title].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=l] *.sc-calcite-alert-s>[slot=title]{margin-block-end:0.25rem;font-size:var(--calcite-font-size-1);line-height:1.375}/*!@:host([scale=l]) slot[name=message]::slotted(*),\n:host([scale=l]) *::slotted([slot=message])*/.sc-calcite-alert-h[scale=l] slot[name=message].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=l] *.sc-calcite-alert-s>[slot=message]{font-size:var(--calcite-font-size-0);line-height:1.375}/*!@:host([scale=l]) slot[name=link]::slotted(*),\n:host([scale=l]) *::slotted([slot=link])*/.sc-calcite-alert-h[scale=l] slot[name=link].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=l] *.sc-calcite-alert-s>[slot=link]{font-size:var(--calcite-font-size-0);line-height:1.375}/*!@:host([scale=l]) .queue-count*/[scale=l].sc-calcite-alert-h .queue-count.sc-calcite-alert{margin-inline:1rem}/*!@:host([scale=l]) .container*/[scale=l].sc-calcite-alert-h .container.sc-calcite-alert{--calcite-alert-min-height:5.625rem}/*!@:host([open]) .container:not(.container--queued)*/[open].sc-calcite-alert-h .container.sc-calcite-alert:not(.container--queued){border-block-start-width:2px;opacity:1;pointer-events:initial}/*!@:host([open]) .container:not(.container--queued)[class*=bottom]*/[open].sc-calcite-alert-h .container.sc-calcite-alert:not(.container--queued)[class*=bottom]{transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit)}/*!@:host([open]) .container:not(.container--queued)[class*=top]*/[open].sc-calcite-alert-h .container.sc-calcite-alert:not(.container--queued)[class*=top]{transform:translate3d(0, var(--calcite-alert-edge-distance), inherit)}/*!@:host([auto-close]) > .queue-count*/[auto-close].sc-calcite-alert-h>.queue-count.sc-calcite-alert{border-inline-end:0 solid transparent}/*!@slot[name=title]::slotted(*),\n*::slotted([slot=title])*/slot[name=title].sc-calcite-alert-s>*,*.sc-calcite-alert-s>[slot=title]{font-size:var(--calcite-font-size-0);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}/*!@slot[name=message]::slotted(*),\n*::slotted([slot=message])*/slot[name=message].sc-calcite-alert-s>*,*.sc-calcite-alert-s>[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-color-text-2);margin-inline-end:0.5rem}/*!@slot[name=link]::slotted(*),\n*::slotted([slot=link])*/slot[name=link].sc-calcite-alert-s>*,*.sc-calcite-alert-s>[slot=link]{display:inline-flex;color:var(--calcite-color-text-link)}/*!@:host([kind=brand]) .container*/[kind=brand].sc-calcite-alert-h .container.sc-calcite-alert{border-block-start-color:var(--calcite-color-brand)}/*!@:host([kind=brand]) .container .icon*/[kind=brand].sc-calcite-alert-h .container.sc-calcite-alert .icon.sc-calcite-alert{color:var(--calcite-color-brand)}/*!@:host([kind=info]) .container*/[kind=info].sc-calcite-alert-h .container.sc-calcite-alert{border-block-start-color:var(--calcite-color-status-info)}/*!@:host([kind=info]) .container .icon*/[kind=info].sc-calcite-alert-h .container.sc-calcite-alert .icon.sc-calcite-alert{color:var(--calcite-color-status-info)}/*!@:host([kind=danger]) .container*/[kind=danger].sc-calcite-alert-h .container.sc-calcite-alert{border-block-start-color:var(--calcite-color-status-danger)}/*!@:host([kind=danger]) .container .icon*/[kind=danger].sc-calcite-alert-h .container.sc-calcite-alert .icon.sc-calcite-alert{color:var(--calcite-color-status-danger)}/*!@:host([kind=success]) .container*/[kind=success].sc-calcite-alert-h .container.sc-calcite-alert{border-block-start-color:var(--calcite-color-status-success)}/*!@:host([kind=success]) .container .icon*/[kind=success].sc-calcite-alert-h .container.sc-calcite-alert .icon.sc-calcite-alert{color:var(--calcite-color-status-success)}/*!@:host([kind=warning]) .container*/[kind=warning].sc-calcite-alert-h .container.sc-calcite-alert{border-block-start-color:var(--calcite-color-status-warning)}/*!@:host([kind=warning]) .container .icon*/[kind=warning].sc-calcite-alert-h .container.sc-calcite-alert .icon.sc-calcite-alert{color:var(--calcite-color-status-warning)}/*!@:host([auto-close-duration=fast]) .dismiss-progress:after*/[auto-close-duration=fast].sc-calcite-alert-h .dismiss-progress.sc-calcite-alert:after{animation:dismissProgress 6000ms ease-out}/*!@:host(:hover[auto-close-duration=fast]) .dismiss-progress:after*/.sc-calcite-alert-h:hover[auto-close-duration=fast] .dismiss-progress.sc-calcite-alert:after{animation-play-state:paused}/*!@:host([auto-close-duration=medium]) .dismiss-progress:after*/[auto-close-duration=medium].sc-calcite-alert-h .dismiss-progress.sc-calcite-alert:after{animation:dismissProgress 10000ms ease-out}/*!@:host(:hover[auto-close-duration=medium]) .dismiss-progress:after*/.sc-calcite-alert-h:hover[auto-close-duration=medium] .dismiss-progress.sc-calcite-alert:after{animation-play-state:paused}/*!@:host([auto-close-duration=slow]) .dismiss-progress:after*/[auto-close-duration=slow].sc-calcite-alert-h .dismiss-progress.sc-calcite-alert:after{animation:dismissProgress 14000ms ease-out}/*!@:host(:hover[auto-close-duration=slow]) .dismiss-progress:after*/.sc-calcite-alert-h:hover[auto-close-duration=slow] .dismiss-progress.sc-calcite-alert:after{animation-play-state:paused}@keyframes dismissProgress{0%{inline-size:0px;opacity:0.75}100%{inline-size:100%;opacity:1}}/*!@.container--slotted-in-shell*/.container--slotted-in-shell.sc-calcite-alert{position:absolute}/*!@:host([hidden])*/[hidden].sc-calcite-alert-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-alert{display:none}/*!@:host([calcite-hydrated-hidden])*/[calcite-hydrated-hidden].sc-calcite-alert-h{visibility:hidden !important;pointer-events:none}";
+const alertCss = "/*!@:host*/.sc-calcite-alert-h{--calcite-alert-edge-distance:2rem;--calcite-alert-dismiss-progress-background:var(--calcite-color-transparent-tint);display:block}/*!@.container*/.container.sc-calcite-alert{pointer-events:none;position:fixed;z-index:var(--calcite-z-index-toast);margin-inline:auto;margin-block:0px;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:min-content;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);text-align:start;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);border-block-start:0 solid transparent;border-inline:1px solid var(--calcite-color-border-3);border-block-end:1px solid var(--calcite-color-border-3);inline-size:var(--calcite-alert-width);max-inline-size:calc(100% - var(--calcite-alert-edge-distance) * 2);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}/*!@.container--bottom, .container--top*/.container--bottom.sc-calcite-alert,.container--top.sc-calcite-alert{inset-inline-end:0;inset-inline-start:0}/*!@.container[class*=bottom]*/.container[class*=bottom].sc-calcite-alert{transform:translate3d(0, var(--calcite-alert-edge-distance), 0);inset-block-end:var(--calcite-alert-edge-distance)}/*!@.container[class*=top]*/.container[class*=top].sc-calcite-alert{transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);inset-block-start:var(--calcite-alert-edge-distance)}/*!@.container[class*=start]*/.container[class*=start].sc-calcite-alert{inset-inline-start:var(--calcite-alert-edge-distance);inset-inline-end:auto}/*!@.container[class*=end]*/.container[class*=end].sc-calcite-alert{inset-inline-end:var(--calcite-alert-edge-distance);inset-inline-start:auto}/*!@.icon*/.icon.sc-calcite-alert{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0px;margin-block:auto;margin-inline-end:auto;padding-inline-start:var(--calcite-alert-spacing-token-large)}/*!@.close*/.close.sc-calcite-alert{display:flex;cursor:pointer;align-items:center;justify-content:flex-end;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;-webkit-appearance:none;padding:var(--calcite-alert-spacing-token-large);outline-color:transparent}/*!@.close:focus*/.close.sc-calcite-alert:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}/*!@.close:hover, .close:focus*/.close.sc-calcite-alert:hover,.close.sc-calcite-alert:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}/*!@.close:active*/.close.sc-calcite-alert:active{background-color:var(--calcite-color-foreground-3)}/*!@.queue-count*/.queue-count.sc-calcite-alert{visibility:hidden;display:flex;min-inline-size:min-content;cursor:default;align-items:center;justify-content:space-around;align-self:stretch;overflow:hidden;background-color:var(--calcite-color-foreground-1);text-align:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2);opacity:0;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline:0 solid transparent;border-start-end-radius:0}/*!@.queue-count--active*/.queue-count--active.sc-calcite-alert{visibility:visible;opacity:1}/*!@.dismiss-progress*/.dismiss-progress.sc-calcite-alert{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}/*!@.dismiss-progress:after*/.dismiss-progress.sc-calcite-alert: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*/.actions-end.sc-calcite-alert{display:flex;align-self:stretch}/*!@.text-container*/.text-container.sc-calcite-alert{box-sizing:border-box;display:flex;min-inline-size:0px;flex:1 1 auto;flex-direction:column;overflow-wrap:break-word;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:var(--calcite-alert-spacing-token-large) var(--calcite-alert-spacing-token-small)}/*!@.footer*/.footer.sc-calcite-alert{position:relative;display:flex;inline-size:auto;justify-content:flex-end;align-self:stretch;padding-block-start:1px;block-size:inherit}/*!@:host([scale=s])*/[scale=s].sc-calcite-alert-h{--calcite-alert-width:40em;--calcite-alert-spacing-token-small:0.5rem;--calcite-alert-spacing-token-large:0.75rem;--calcite-alert-footer-height:2rem;--calcite-alert-footer-divider-gap:0.125rem}/*!@:host([scale=s]) slot[name=title]::slotted(*),\n:host([scale=s]) *::slotted([slot=title])*/.sc-calcite-alert-h[scale=s] slot[name=title].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=s] *.sc-calcite-alert-s>[slot=title]{font-size:var(--calcite-font-size--1);line-height:1.375}/*!@:host([scale=s]) slot[name=message]::slotted(*),\n:host([scale=s]) *::slotted([slot=message])*/.sc-calcite-alert-h[scale=s] slot[name=message].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=s] *.sc-calcite-alert-s>[slot=message]{font-size:var(--calcite-font-size--2);line-height:1.375}/*!@:host([scale=s]) slot[name=link]::slotted(*),\n:host([scale=s]) *::slotted([slot=link])*/.sc-calcite-alert-h[scale=s] slot[name=link].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=s] *.sc-calcite-alert-s>[slot=link]{font-size:var(--calcite-font-size--2);line-height:1.375}/*!@:host([scale=s]) .queue-count*/[scale=s].sc-calcite-alert-h .queue-count.sc-calcite-alert{margin-inline:0.5rem}/*!@:host([scale=s]) .container*/[scale=s].sc-calcite-alert-h .container.sc-calcite-alert{--calcite-alert-min-height:3.5rem}/*!@:host([scale=m])*/[scale=m].sc-calcite-alert-h{--calcite-alert-width:50em;--calcite-alert-spacing-token-small:0.75rem;--calcite-alert-spacing-token-large:1rem;--calcite-alert-footer-height:3rem;--calcite-alert-footer-divider-gap:0.25rem}/*!@:host([scale=m]) slot[name=title]::slotted(*),\n:host([scale=m]) *::slotted([slot=title])*/.sc-calcite-alert-h[scale=m] slot[name=title].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=m] *.sc-calcite-alert-s>[slot=title]{font-size:var(--calcite-font-size-0);line-height:1.375}/*!@:host([scale=m]) slot[name=message]::slotted(*),\n:host([scale=m]) *::slotted([slot=message])*/.sc-calcite-alert-h[scale=m] slot[name=message].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=m] *.sc-calcite-alert-s>[slot=message]{font-size:var(--calcite-font-size--1);line-height:1.375}/*!@:host([scale=m]) slot[name=link]::slotted(*),\n:host([scale=m]) *::slotted([slot=link])*/.sc-calcite-alert-h[scale=m] slot[name=link].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=m] *.sc-calcite-alert-s>[slot=link]{font-size:var(--calcite-font-size--1);line-height:1.375}/*!@:host([scale=m]) .queue-count*/[scale=m].sc-calcite-alert-h .queue-count.sc-calcite-alert{margin-inline:0.75rem}/*!@:host([scale=m]) .container*/[scale=m].sc-calcite-alert-h .container.sc-calcite-alert{--calcite-alert-min-height:4.1875rem}/*!@:host([scale=l])*/[scale=l].sc-calcite-alert-h{--calcite-alert-width:60em;--calcite-alert-spacing-token-small:1rem;--calcite-alert-spacing-token-large:1.25rem;--calcite-alert-footer-height:4rem;--calcite-alert-footer-divider-gap:0.5rem}/*!@:host([scale=l]) slot[name=title]::slotted(*),\n:host([scale=l]) *::slotted([slot=title])*/.sc-calcite-alert-h[scale=l] slot[name=title].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=l] *.sc-calcite-alert-s>[slot=title]{margin-block-end:0.25rem;font-size:var(--calcite-font-size-1);line-height:1.375}/*!@:host([scale=l]) slot[name=message]::slotted(*),\n:host([scale=l]) *::slotted([slot=message])*/.sc-calcite-alert-h[scale=l] slot[name=message].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=l] *.sc-calcite-alert-s>[slot=message]{font-size:var(--calcite-font-size-0);line-height:1.375}/*!@:host([scale=l]) slot[name=link]::slotted(*),\n:host([scale=l]) *::slotted([slot=link])*/.sc-calcite-alert-h[scale=l] slot[name=link].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=l] *.sc-calcite-alert-s>[slot=link]{font-size:var(--calcite-font-size-0);line-height:1.375}/*!@:host([scale=l]) .queue-count*/[scale=l].sc-calcite-alert-h .queue-count.sc-calcite-alert{margin-inline:1rem}/*!@:host([scale=l]) .container*/[scale=l].sc-calcite-alert-h .container.sc-calcite-alert{--calcite-alert-min-height:5.625rem}/*!@:host([open]) .container:not(.container--queued)*/[open].sc-calcite-alert-h .container.sc-calcite-alert:not(.container--queued){border-block-start-width:2px;opacity:1;pointer-events:initial}/*!@:host([open]) .container:not(.container--queued)[class*=bottom]*/[open].sc-calcite-alert-h .container.sc-calcite-alert:not(.container--queued)[class*=bottom]{transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit)}/*!@:host([open]) .container:not(.container--queued)[class*=top]*/[open].sc-calcite-alert-h .container.sc-calcite-alert:not(.container--queued)[class*=top]{transform:translate3d(0, var(--calcite-alert-edge-distance), inherit)}/*!@:host([auto-close]) > .queue-count*/[auto-close].sc-calcite-alert-h>.queue-count.sc-calcite-alert{border-inline-end:0 solid transparent}/*!@slot[name=title]::slotted(*),\n*::slotted([slot=title])*/slot[name=title].sc-calcite-alert-s>*,*.sc-calcite-alert-s>[slot=title]{font-size:var(--calcite-font-size-0);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}/*!@slot[name=message]::slotted(*),\n*::slotted([slot=message])*/slot[name=message].sc-calcite-alert-s>*,*.sc-calcite-alert-s>[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-color-text-2);margin-inline-end:0.5rem}/*!@slot[name=link]::slotted(*),\n*::slotted([slot=link])*/slot[name=link].sc-calcite-alert-s>*,*.sc-calcite-alert-s>[slot=link]{display:inline-flex;color:var(--calcite-color-text-link)}/*!@:host([kind=brand]) .container*/[kind=brand].sc-calcite-alert-h .container.sc-calcite-alert{border-block-start-color:var(--calcite-color-brand)}/*!@:host([kind=brand]) .container .icon*/[kind=brand].sc-calcite-alert-h .container.sc-calcite-alert .icon.sc-calcite-alert{color:var(--calcite-color-brand)}/*!@:host([kind=info]) .container*/[kind=info].sc-calcite-alert-h .container.sc-calcite-alert{border-block-start-color:var(--calcite-color-status-info)}/*!@:host([kind=info]) .container .icon*/[kind=info].sc-calcite-alert-h .container.sc-calcite-alert .icon.sc-calcite-alert{color:var(--calcite-color-status-info)}/*!@:host([kind=danger]) .container*/[kind=danger].sc-calcite-alert-h .container.sc-calcite-alert{border-block-start-color:var(--calcite-color-status-danger)}/*!@:host([kind=danger]) .container .icon*/[kind=danger].sc-calcite-alert-h .container.sc-calcite-alert .icon.sc-calcite-alert{color:var(--calcite-color-status-danger)}/*!@:host([kind=success]) .container*/[kind=success].sc-calcite-alert-h .container.sc-calcite-alert{border-block-start-color:var(--calcite-color-status-success)}/*!@:host([kind=success]) .container .icon*/[kind=success].sc-calcite-alert-h .container.sc-calcite-alert .icon.sc-calcite-alert{color:var(--calcite-color-status-success)}/*!@:host([kind=warning]) .container*/[kind=warning].sc-calcite-alert-h .container.sc-calcite-alert{border-block-start-color:var(--calcite-color-status-warning)}/*!@:host([kind=warning]) .container .icon*/[kind=warning].sc-calcite-alert-h .container.sc-calcite-alert .icon.sc-calcite-alert{color:var(--calcite-color-status-warning)}/*!@:host([auto-close-duration=fast]) .dismiss-progress:after*/[auto-close-duration=fast].sc-calcite-alert-h .dismiss-progress.sc-calcite-alert:after{animation:dismissProgress 6000ms ease-out}/*!@:host(:hover[auto-close-duration=fast]) .dismiss-progress:after,\n:host(:focus[auto-close-duration=fast]) .dismiss-progress:after*/.sc-calcite-alert-h:hover[auto-close-duration=fast] .dismiss-progress.sc-calcite-alert:after,.sc-calcite-alert-h:focus[auto-close-duration=fast] .dismiss-progress.sc-calcite-alert:after{animation-play-state:paused}/*!@:host([auto-close-duration=medium]) .dismiss-progress:after*/[auto-close-duration=medium].sc-calcite-alert-h .dismiss-progress.sc-calcite-alert:after{animation:dismissProgress 10000ms ease-out}/*!@:host(:hover[auto-close-duration=medium]) .dismiss-progress:after,\n:host(:focus[auto-close-duration=medium]) .dismiss-progress:after*/.sc-calcite-alert-h:hover[auto-close-duration=medium] .dismiss-progress.sc-calcite-alert:after,.sc-calcite-alert-h:focus[auto-close-duration=medium] .dismiss-progress.sc-calcite-alert:after{animation-play-state:paused}/*!@:host([auto-close-duration=slow]) .dismiss-progress:after*/[auto-close-duration=slow].sc-calcite-alert-h .dismiss-progress.sc-calcite-alert:after{animation:dismissProgress 14000ms ease-out}/*!@:host(:hover[auto-close-duration=slow]) .dismiss-progress:after,\n:host(:focus[auto-close-duration=slow]) .dismiss-progress:after*/.sc-calcite-alert-h:hover[auto-close-duration=slow] .dismiss-progress.sc-calcite-alert:after,.sc-calcite-alert-h:focus[auto-close-duration=slow] .dismiss-progress.sc-calcite-alert:after{animation-play-state:paused}/*!@.container.focused .dismiss-progress:after*/.container.focused.sc-calcite-alert .dismiss-progress.sc-calcite-alert:after{animation-play-state:paused}@keyframes dismissProgress{0%{inline-size:0px;opacity:0.75}100%{inline-size:100%;opacity:1}}/*!@.container--slotted-in-shell*/.container--slotted-in-shell.sc-calcite-alert{position:absolute}/*!@:host([hidden])*/[hidden].sc-calcite-alert-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-alert{display:none}/*!@:host([calcite-hydrated-hidden])*/[calcite-hydrated-hidden].sc-calcite-alert-h{visibility:hidden !important;pointer-events:none}";
 var CalciteAlertStyle0 = alertCss;
 
 /**
@@ -7111,6 +7112,16 @@ class Alert {
         this.calciteAlertOpen = createEvent(this, "calciteAlertOpen", 6);
         this.calciteInternalAlertSync = createEvent(this, "calciteInternalAlertSync", 6);
         this.calciteInternalAlertRegister = createEvent(this, "calciteInternalAlertRegister", 6);
+        this.handleKeyBoardFocus = () => {
+            this.keyBoardFocus = true;
+            this.handleFocus();
+        };
+        this.handleKeyBoardBlur = () => {
+            this.keyBoardFocus = false;
+            if (!this.mouseFocus) {
+                this.handleBlur();
+            }
+        };
         this.autoCloseTimeoutId = null;
         this.totalOpenTime = 0;
         this.totalHoverTime = 0;
@@ -7136,11 +7147,22 @@ class Alert {
             this.hasEndActions = slotChangeHasAssignedElement(event);
         };
         this.handleMouseOver = () => {
+            this.mouseFocus = true;
+            this.handleFocus();
+        };
+        this.handleMouseLeave = () => {
+            this.mouseFocus = false;
+            if (!this.keyBoardFocus) {
+                this.handleBlur();
+            }
+        };
+        this.handleFocus = () => {
             window.clearTimeout(this.autoCloseTimeoutId);
+            this.autoCloseTimeoutId = null;
             this.totalOpenTime = Date.now() - this.initialOpenTime;
             this.lastMouseOverBegin = Date.now();
         };
-        this.handleMouseLeave = () => {
+        this.handleBlur = () => {
             const hoverDuration = Date.now() - this.lastMouseOverBegin;
             const timeRemaining = DURATIONS[this.autoCloseDuration] - this.totalOpenTime + this.totalHoverTime;
             this.totalHoverTime = this.totalHoverTime ? hoverDuration + this.totalHoverTime : hoverDuration;
@@ -7166,6 +7188,7 @@ class Alert {
         this.queue = [];
         this.queueLength = 0;
         this.queued = false;
+        this.keyBoardFocus = false;
     }
     openHandler() {
         onToggleOpenCloseComponent(this);
@@ -7219,6 +7242,7 @@ class Alert {
             detail: { alert: this.el },
         }));
         window.clearTimeout(this.autoCloseTimeoutId);
+        this.autoCloseTimeoutId = null;
         window.clearTimeout(this.queueTimeout);
         disconnectLocalized(this);
         disconnectMessages(this);
@@ -7230,15 +7254,16 @@ class Alert {
         const hidden = !open;
         const effectiveIcon = setRequestedIcon(KindIcons, this.icon, this.kind);
         const hasQueuedAlerts = this.queueLength > 1;
-        return (hAsync(Host, { key: 'ea81bb8c414a682356d9c2a839df57b73fd4de1e', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "calcite-hydrated-hidden": hidden, role: role }, hAsync("div", { key: '3d166368d33d7b540e8a9bf2f0c7643f9a774e6c', class: {
+        return (hAsync(Host, { key: '5b85226946398df7cf023211a8b358e735dd8f11', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "calcite-hydrated-hidden": hidden, role: role }, hAsync("div", { key: 'effb5efa631fc898ddec2b93950d2fbf14472d23', class: {
                 [CSS$1m.container]: true,
                 [CSS$1m.containerQueued]: queued,
                 [`${CSS$1m.container}--${placement}`]: true,
                 [CSS$1m.containerSlottedInShell]: this.slottedInShell,
-            }, onPointerEnter: this.autoClose && this.autoCloseTimeoutId ? this.handleMouseOver : null, onPointerLeave: this.autoClose && this.autoCloseTimeoutId ? this.handleMouseLeave : null, ref: this.setTransitionEl }, effectiveIcon && this.renderIcon(effectiveIcon), hAsync("div", { key: '5a761dc8f4158245573cd4ca98fc61396cd9e82c', class: CSS$1m.textContainer }, hAsync("slot", { key: 'd4338d3c7ffb8a9f24c184f0c94becada6bd0198', name: SLOTS$t.title }), hAsync("slot", { key: '56aa7f1d6b1e9a276f24c586c2acafb3b3cc1c7f', name: SLOTS$t.message }), hAsync("slot", { key: 'd8844321b222a62be090d9b87487fe270fa76c3e', name: SLOTS$t.link })), this.renderActionsEnd(), hasQueuedAlerts ? this.renderQueueCount() : null, this.renderCloseButton(), open && !queued && autoClose ? hAsync("div", { class: CSS$1m.dismissProgress }) : null)));
+                [CSS$1m.focused]: this.keyBoardFocus,
+            }, onPointerEnter: this.autoClose && this.autoCloseTimeoutId ? this.handleMouseOver : null, onPointerLeave: this.autoClose ? this.handleMouseLeave : null, ref: this.setTransitionEl }, effectiveIcon && this.renderIcon(effectiveIcon), hAsync("div", { key: 'ab4d405229b2e840b737cb90b076ad3313d9f7e9', class: CSS$1m.textContainer, onFocusin: this.autoClose && this.autoCloseTimeoutId ? this.handleKeyBoardFocus : null, onFocusout: this.autoClose ? this.handleKeyBoardBlur : null }, hAsync("slot", { key: 'ec2ac78702d4e9cc288b4a632aab39ff5df2a0a3', name: SLOTS$t.title }), hAsync("slot", { key: '69861e0572b10cbe09dc2424815132f1dd4588b7', name: SLOTS$t.message }), hAsync("slot", { key: '4d53bfd49c5c9894cdc93856888c6da5d4cbf100', name: SLOTS$t.link })), this.renderActionsEnd(), hasQueuedAlerts ? this.renderQueueCount() : null, this.renderCloseButton(), open && !queued && autoClose ? hAsync("div", { class: CSS$1m.dismissProgress }) : null)));
     }
     renderCloseButton() {
-        return (hAsync("button", { "aria-label": this.messages.close, class: CSS$1m.close, key: "close", onClick: this.closeAlert, ref: (el) => (this.closeButton = el), type: "button" }, hAsync("calcite-icon", { icon: "x", scale: getIconScale(this.scale) })));
+        return (hAsync("button", { "aria-label": this.messages.close, class: CSS$1m.close, key: "close", onClick: this.closeAlert, onFocusin: this.autoClose ? this.handleKeyBoardFocus : null, onFocusout: this.autoClose ? this.handleKeyBoardBlur : null, ref: (el) => (this.closeButton = el), type: "button" }, hAsync("calcite-icon", { icon: "x", scale: getIconScale(this.scale) })));
     }
     renderQueueCount() {
         const queueNumber = this.queueLength > 2 ? this.queueLength - 1 : 1;
@@ -7378,6 +7403,7 @@ class Alert {
             "queue": [32],
             "queueLength": [32],
             "queued": [32],
+            "keyBoardFocus": [32],
             "setFocus": [64]
         },
         "$listeners$": [[8, "calciteInternalAlertSync", "alertSync"], [8, "calciteInternalAlertRegister", "alertRegister"], [8, "calciteInternalAlertUnregister", "alertUnregister"]],
@@ -8112,7 +8138,7 @@ class BlockSection {
                 [CSS$1j.sectionHeader]: true,
                 [CSS$1j.toggle]: true,
             }, id: IDS.toggle, onClick: this.toggleSection }, this.renderIcon(this.iconStart), hAsync("span", { class: CSS$1j.sectionHeaderText }, text), this.renderIcon(this.iconEnd), this.renderStatusIcon(), hAsync("calcite-icon", { class: CSS$1j.chevronIcon, icon: arrowIcon, scale: "s" }))));
-        return (hAsync(Host, { key: 'fffd9675f5a55469e339ac27d74ac5746b2db4f0' }, headerNode, hAsync("section", { key: '48814004a0d82035dfa973555b66856f2d3efa93', "aria-labelledby": IDS.toggle, class: CSS$1j.content, hidden: !open, id: IDS.content }, hAsync("slot", { key: '51a32861b0f6aeb0183e5b15a9440c5bc6950b92' }))));
+        return (hAsync(Host, { key: 'cb073bc654bdb57aa9f315017c1fd34f010aeb3c' }, headerNode, hAsync("section", { key: 'c03ccc99f8a6c1bf19ba9b1d38e0fce5a62dd0f5', "aria-labelledby": IDS.toggle, class: CSS$1j.content, hidden: !open, id: IDS.content }, hAsync("slot", { key: 'c7704b42a05a4f673c9008a71504bdf2a8b6b4da' }))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -9919,10 +9945,10 @@ class Card {
             : this.selectionMode !== "none"
                 ? "radio"
                 : undefined;
-        return (hAsync(Host, { key: '8fa8f2d7e3ff03d01d746fd00236958a910cc60b' }, hAsync(InteractiveContainer, { key: 'f1a65dcd2389a060c9de2ab0d9ee9b4ab23609f9', disabled: this.disabled }, hAsync("div", { key: 'ea25c5a5306fd1829192562d13c8ddf3be52399a', "aria-checked": this.selectionMode !== "none" ? toAriaBoolean(this.selected) : undefined, "aria-disabled": this.disabled, "aria-label": this.label, class: { [CSS$1d.contentWrapper]: true, inline: thumbnailInline }, onClick: this.cardBodyClickHandler, onKeyDown: this.keyDownHandler, ref: (el) => (this.containerEl = el), role: role, tabIndex: !this.selectable || this.disabled ? 0 : -1 }, this.loading ? (hAsync("div", { "aria-live": "polite", class: "calcite-card-loader-container" }, hAsync("calcite-loader", { label: this.messages.loading }))) : null, thumbnailStart && this.renderThumbnail(), hAsync("section", { key: '8d05974e84e7bcb009f4865149e70cc4e48ef8d9', "aria-busy": toAriaBoolean(this.loading), class: { [CSS$1d.container]: true } }, this.renderHeader(), hAsync("div", { key: 'd15b62083fe0fd62b3e64cf86f9d42943cbe4665', class: {
+        return (hAsync(Host, { key: '4946d48f9a3a277437fd9b99346a3a3ef7f9dd9e' }, hAsync(InteractiveContainer, { key: '3e6ca0e58bc05f655f2385e104bf34153e837a3b', disabled: this.disabled }, hAsync("div", { key: '935420887e88fc36d7700fe9564f80d01b95fa6e', "aria-checked": this.selectionMode !== "none" ? toAriaBoolean(this.selected) : undefined, "aria-disabled": this.disabled, "aria-label": this.label, class: { [CSS$1d.contentWrapper]: true, inline: thumbnailInline }, onClick: this.cardBodyClickHandler, onKeyDown: this.keyDownHandler, ref: (el) => (this.containerEl = el), role: role, tabIndex: !this.selectable || this.disabled ? 0 : -1 }, this.loading ? (hAsync("div", { "aria-live": "polite", class: "calcite-card-loader-container" }, hAsync("calcite-loader", { label: this.messages.loading }))) : null, thumbnailStart && this.renderThumbnail(), hAsync("section", { key: '42fc876326e43a398b7811d5c8a9d07b9e136d90', "aria-busy": toAriaBoolean(this.loading), class: { [CSS$1d.container]: true } }, this.renderHeader(), hAsync("div", { key: '39c6dd91b34734469bbb91d9fe0f700a6b439dd3', class: {
                 [CSS$1d.cardContent]: true,
                 [CSS$1d.hasSlottedContent]: this.hasContent,
-            } }, hAsync("slot", { key: '13471e2cc8916e32fa8cb168577b1bd0d6c51814', onSlotchange: this.handleDefaultSlotChange })), this.renderFooter()), !thumbnailStart && this.renderThumbnail()))));
+            } }, hAsync("slot", { key: '8ee81529539d734e381c5359c675bd7cad60a553', onSlotchange: this.handleDefaultSlotChange })), this.renderFooter()), !thumbnailStart && this.renderThumbnail()))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -14641,7 +14667,7 @@ class ColorPickerSwatch {
 
 /**
  * Do not edit directly
- * Generated on Tue, 04 Jun 2024 22:36:13 GMT
+ * Generated on Wed, 05 Jun 2024 23:20:12 GMT
  */
 const calciteSize24 = "24px";
 const calciteSize32 = "32px";
@@ -33002,7 +33028,7 @@ class OptionGroup {
 
 /**
  * Do not edit directly
- * Generated on Tue, 04 Jun 2024 22:36:15 GMT
+ * Generated on Wed, 05 Jun 2024 23:20:13 GMT
  */
 const calciteContainerSizeWidthXxs = {"min":"0","max":"320px"}; // Small handheld devices and mini-windows
 const calciteContainerSizeWidthXs = {"min":"321px","max":"476px"}; // Handheld devices
@@ -35381,7 +35407,7 @@ class RadioButtonGroup {
     //
     // --------------------------------------------------------------------------
     render() {
-        return (hAsync(Host, { key: 'f47662cbbf7bcc5a0869b3da3c955d9f68d376e0', role: "radiogroup" }, hAsync("div", { key: '21ba5496149dc7791283edb739e1a86e29b5729e', class: CSS$x.itemWrapper }, hAsync("slot", { key: 'd74cb3e6cea5158e3df314ad3cd5313714aa4e4c' })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
+        return (hAsync(Host, { key: 'de630aeeb91586150f4813d77dab17758a1b4bb2', role: "radiogroup" }, hAsync("div", { key: 'a2c543b4473319b936c818e68250f7e4180011ac', class: CSS$x.itemWrapper }, hAsync("slot", { key: 'b5642635c88ca844ebfd317479a3b6b64226de48' })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -36094,7 +36120,7 @@ class SegmentedControlItem {
     }
     render() {
         const { appearance, checked, layout, scale, value } = this;
-        return (hAsync(Host, { key: 'd35f712b6c63d5ccb393eaf80456410555ffad4a', "aria-checked": toAriaBoolean(checked), "aria-label": value, role: "radio" }, hAsync("label", { key: 'f46c172a0002faa93536377be913c7e5a54c3016', class: {
+        return (hAsync(Host, { key: 'de169eb0fb723020a347bcbb21836e06d9706dd7', "aria-checked": toAriaBoolean(checked), "aria-label": value, role: "radio" }, hAsync("label", { key: 'a98d9196e604a81677aa2077ca841fa9c0249864', class: {
                 [CSS$u.label]: true,
                 [CSS$u.labelScale(scale)]: true,
                 [CSS$u.labelHorizontal]: layout === "horizontal",
@@ -36832,14 +36858,14 @@ class ShellCenterRow {
     // --------------------------------------------------------------------------
     render() {
         const { el } = this;
-        const contentNode = (hAsync("div", { key: 'ed99b61def2fb596aead306e00fbda004d8901a4', class: CSS$q.content }, hAsync("slot", { key: '981aaa8a2f38c2d3972d3f5273f05cc3493a59bf' })));
+        const contentNode = (hAsync("div", { key: '30e109a4673778185247f582866e3e0eb3be186b', class: CSS$q.content }, hAsync("slot", { key: 'f9e9b9c1fde5e4a0c80fba4b2549ffe876b0b3d8' })));
         const actionBar = getSlotted(el, SLOTS$8.actionBar);
         const actionBarNode = actionBar ? (hAsync("div", { class: CSS$q.actionBarContainer, key: "action-bar" }, hAsync("slot", { name: SLOTS$8.actionBar }))) : null;
         const children = [actionBarNode, contentNode];
         if (actionBar?.position === "end") {
             children.reverse();
         }
-        return hAsync(Fragment, { key: 'c8bddad05f6f76dc3dc67cb08fc10124af6db17f' }, children);
+        return hAsync(Fragment, { key: 'd7977991f2233997605178c69d1d4595f91aef98' }, children);
     }
     get el() { return getElement(this); }
     static get style() { return CalciteShellCenterRowStyle0; }
@@ -38285,11 +38311,11 @@ class SortableList {
     render() {
         const { disabled, layout } = this;
         const horizontal = layout === "horizontal" || false;
-        return (hAsync(InteractiveContainer, { key: '37d5e8280a83eb7b624bb2c83ef94261818dd145', disabled: disabled }, hAsync("div", { key: '711d0bcdc363799cc8161dbdac91fa28aa989721', class: {
+        return (hAsync(InteractiveContainer, { key: '2c6badc495126037ecd82094525f20ec00efe7e7', disabled: disabled }, hAsync("div", { key: '9848737c59001eac142738fb7f5b2ba046af7e6c', class: {
                 [CSS$n.container]: true,
                 [CSS$n.containerVertical]: !horizontal,
                 [CSS$n.containerHorizontal]: horizontal,
-            } }, hAsync("slot", { key: '0f6ec8a9947e959db970624a0eecac27ad790a96' }))));
+            } }, hAsync("slot", { key: 'adf7d0b350abef4e347d03dc897fcd2d1d9cc23b' }))));
     }
     get el() { return getElement(this); }
     static get style() { return CalciteSortableListStyle0; }
@@ -41678,7 +41704,7 @@ class Tile {
     }
     render() {
         const { disabled } = this;
-        return (hAsync(InteractiveContainer, { key: '940b6b9fd8b266b2b0e833342a3a60797cce81c3', disabled: disabled }, this.href ? (hAsync("calcite-link", { disabled: disabled, href: this.href }, this.renderTile())) : (this.renderTile())));
+        return (hAsync(InteractiveContainer, { key: '0fa27db5b9ff302903c9cb9fd710565cd73fa4e7', disabled: disabled }, this.href ? (hAsync("calcite-link", { disabled: disabled, href: this.href }, this.renderTile())) : (this.renderTile())));
     }
     get el() { return getElement(this); }
     static get style() { return CalciteTileStyle0; }
@@ -41865,7 +41891,7 @@ class TileGroup {
     //--------------------------------------------------------------------------
     render() {
         const role = this.selectionMode === "none" || this.selectionMode === "multiple" ? "group" : "radiogroup";
-        return (hAsync(InteractiveContainer, { key: '583476864aa14280fd5f49b1a9b59ecdc00e3418', disabled: this.disabled }, hAsync("div", { key: '241f7af293a8abe3d1372e72e3d326bc47d2ac94', "aria-label": this.label, class: CSS$8.container, role: role }, hAsync("slot", { key: 'e64645c16e8c1b78a012558da4a0004cbf9ee850', onSlotchange: this.updateTiles, ref: this.setSlotEl }))));
+        return (hAsync(InteractiveContainer, { key: '5c2f7ef6597dec76526b042ae8988f9b79387dbf', disabled: this.disabled }, hAsync("div", { key: 'b663f143609e9677796b397714d507b6fab47984', "aria-label": this.label, class: CSS$8.container, role: role }, hAsync("slot", { key: '57f7b381822e713c2263fe7520897ad4e1424c2f', onSlotchange: this.updateTiles, ref: this.setSlotEl }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "2.9.1-next.2",
+  "version": "2.9.1-next.3",
   "homepage": "https://developers.arcgis.com/calcite-design-system/",
   "description": "Web Components for Esri's Calcite Design System.",
   "main": "dist/index.cjs.js",
@@ -90,5 +90,5 @@
   "volta": {
     "extends": "../../package.json"
   },
-  "gitHead": "9cc68cd6a2394384d1e1d236885d561f479f3db3"
+  "gitHead": "e3944bb1042e613006b7bb456ad875cf1142260d"
 }

package/dist/calcite/p-02e5c424.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.1-next.2
- */
-import{r as t,c as e,f as i,h as n,H as s,g as o}from"./p-fad0ec3b.js";import{e as a,l as r,h as l,g as c}from"./p-bbf89f56.js";import{s as h,c as d,i as u,d as b,H as p}from"./p-67a4e423.js";import{c as m,d as f,u as g,I as v}from"./p-633e133f.js";import{n as x}from"./p-436132b3.js";import{c as k,d as y,g as w}from"./p-fed687be.js";import{s as z,a as j,c as I}from"./p-f23fec9c.js";import{n as C,i as E,p as D,s as L,a as W,c as A,d as B,B as M}from"./p-07d96bf4.js";import{c as $}from"./p-a1a7d99a.js";import{C as F}from"./p-585e9a4e.js";import{u as K,c as V,d as G,s as N}from"./p-16c8bf04.js";import{g as O}from"./p-1a802881.js";import{V as P}from"./p-dadc9c99.js";import{s as U}from"./p-5b430f21.js";import"./p-2fea995f.js";import"./p-481078dd.js";const H={loader:"loader",clearButton:"clear-button",editingEnabled:"editing-enabled",inlineChild:"inline-child",inputIcon:"icon",prefix:"prefix",suffix:"suffix",numberButtonWrapper:"number-button-wrapper",buttonItemHorizontal:"number-button-item--horizontal",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper",resizeIconWrapper:"resize-icon-wrapper",numberButtonItem:"number-button-item"};const R={tel:"phone",password:"lock",email:"email-address",date:"calendar",time:"clock",search:"search"};const S={action:"action"};const T=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) textarea{block-size:1.5rem;min-block-size:1.5rem}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{block-size:1.5rem}:host([scale=s]) input[type=file]{block-size:1.5rem}:host([scale=s]) .clear-button{min-block-size:1.5rem;min-inline-size:1.5rem}:host([scale=s]) textarea{block-size:auto;padding-block:0.25rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) textarea{min-block-size:2rem}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{block-size:2rem}:host([scale=m]) input[type=file]{block-size:2rem}:host([scale=m]) .clear-button{min-block-size:2rem;min-inline-size:2rem}:host([scale=m]) textarea{block-size:auto;padding-block:0.5rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) textarea{min-block-size:2.75rem}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{block-size:2.75rem}:host([scale=l]) input[type=file]{block-size:2.75rem}:host([scale=l]) .clear-button{min-block-size:2.75rem;min-inline-size:2.75rem}:host([scale=l]) textarea{block-size:auto;padding-block:0.75rem;padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([disabled]) textarea{resize:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}textarea,input{transition:var(--calcite-animation-timing), block-size 0, outline-offset 0s;-webkit-appearance:none;position:relative;margin:0px;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;border-radius:0px;background-color:var(--calcite-color-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1)}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}input,textarea{text-overflow:ellipsis;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);color:var(--calcite-color-text-1)}input:placeholder-shown,textarea:placeholder-shown{text-overflow:ellipsis}input:focus,textarea:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-text-1)}input[readonly],textarea[readonly]{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}input[readonly]:focus,textarea[readonly]:focus{color:var(--calcite-color-text-1)}calcite-icon{color:var(--calcite-color-text-3)}textarea,input{outline-color:transparent}textarea:focus,input:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([status=invalid]) input,:host([status=invalid]) textarea{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) input:focus,:host([status=invalid]) textarea:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([scale=s]) .icon{inset-inline-start:0.5rem}:host([scale=m]) .icon{inset-inline-start:0.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{padding-inline-start:2rem}:host([icon][scale=m]) input{padding-inline-start:2.5rem}:host([icon][scale=l]) input{padding-inline-start:3.5rem}.element-wrapper{position:relative;order:3;display:inline-flex;flex:1 1 0%;align-items:center}.icon{pointer-events:none;position:absolute;display:block;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.icon,.resize-icon-wrapper{z-index:var(--calcite-z-index)}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;block-size:0px;inline-size:0px}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration,input[type=date]::-webkit-clear-button,input[type=time]::-webkit-clear-button{display:none}.clear-button{pointer-events:initial;order:4;margin:0px;box-sizing:border-box;display:flex;min-block-size:100%;cursor:pointer;align-items:center;justify-content:center;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);outline-color:transparent;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-color-foreground-2);transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:hover calcite-icon{color:var(--calcite-color-text-1);transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:active{background-color:var(--calcite-color-foreground-3)}.clear-button:active calcite-icon{color:var(--calcite-color-text-1)}.clear-button:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.clear-button:disabled{opacity:var(--calcite-opacity-disabled)}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{order:7;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-color-text-2)}.prefix{order:2;border-inline-end-width:0px}.suffix{order:5;border-inline-start-width:0px}:host([alignment=start]) textarea,:host([alignment=start]) input{text-align:start}:host([alignment=end]) textarea,:host([alignment=end]) input{text-align:end}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:textfield;margin:0px}.number-button-wrapper{pointer-events:none;order:6;box-sizing:border-box;display:flex;flex-direction:column;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host([number-button-type=vertical]) .wrapper{flex-direction:row;display:flex}:host([number-button-type=vertical]) input,:host([number-button-type=vertical]) textarea{order:2}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=down] calcite-icon{transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-icon{transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:1;max-block-size:100%;min-block-size:100%;align-self:stretch}.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-icon,.number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-icon{transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);border-inline-end-width:0px}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover{background-color:var(--calcite-color-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover calcite-icon{color:var(--calcite-color-text-1)}.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:5}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover{background-color:var(--calcite-color-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover{background-color:var(--calcite-color-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover{background-color:var(--calcite-color-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px}.number-button-item{max-block-size:50%;min-block-size:50%;pointer-events:initial;margin:0px;box-sizing:border-box;display:flex;cursor:pointer;align-items:center;align-self:center;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);padding-block:0px;padding-inline:0.5rem;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline-start-width:0px}.number-button-item calcite-icon{pointer-events:none;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.number-button-item:focus{background-color:var(--calcite-color-foreground-2)}.number-button-item:focus calcite-icon{color:var(--calcite-color-text-1)}.number-button-item:active{background-color:var(--calcite-color-foreground-3)}.number-button-item:disabled{pointer-events:none}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:input::-webkit-calendar-picker-indicator{display:none}input[type=date]::-webkit-input-placeholder{visibility:hidden !important}textarea::-webkit-resizer{position:absolute;inset-block-end:0px;box-sizing:border-box;padding-block:0px;padding-inline:0.25rem;inset-inline-end:0}.resize-icon-wrapper{inset-block-end:2px;inset-inline-end:2px;pointer-events:none;position:absolute;block-size:0.75rem;inline-size:0.75rem;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-3)}.resize-icon-wrapper calcite-icon{inset-block-end:0.25rem;inset-inline-end:0.25rem;transform:rotate(-45deg)}.calcite--rtl .resize-icon-wrapper calcite-icon{transform:rotate(45deg)}:host([type=color]) input{padding:0.25rem}:host([type=file]) input{cursor:pointer;border-width:1px;border-style:dashed;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);text-align:center}:host([type=file][scale=s]) input{padding-block:1px;padding-inline:0.5rem}:host([type=file][scale=m]) input{padding-block:0.25rem;padding-inline:0.75rem}:host([type=file][scale=l]) input{padding-block:0.5rem;padding-inline:1rem}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{background-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}input.inline-child .editing-enabled{background-color:inherit}input.inline-child:not(.editing-enabled){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";const q=T;const _=class{constructor(i){t(this,i);this.calciteInternalInputFocus=e(this,"calciteInternalInputFocus",6);this.calciteInternalInputBlur=e(this,"calciteInternalInputBlur",6);this.calciteInputInput=e(this,"calciteInputInput",7);this.calciteInputChange=e(this,"calciteInputChange",6);this.childElType="input";this.previousValueOrigin="initial";this.mutationObserver=$("mutation",(()=>this.setDisabledAction()));this.userChangedValue=false;this.keyDownHandler=t=>{if(this.readOnly||this.disabled||t.defaultPrevented){return}if(this.isClearable&&t.key==="Escape"){this.clearInputValue(t);t.preventDefault()}if(t.key==="Enter"){if(h(this)){t.preventDefault()}}};this.clearInputValue=t=>{this.setValue({committing:true,nativeEvent:t,origin:"user",value:""})};this.emitChangeIfUserModified=()=>{if(this.previousValueOrigin==="user"&&this.value!==this.previousEmittedValue){this.calciteInputChange.emit();this.setPreviousEmittedValue(this.value)}};this.inputBlurHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId);this.calciteInternalInputBlur.emit();this.emitChangeIfUserModified()};this.clickHandler=t=>{if(this.disabled){return}const e=a(this.el,"action");if(t.target!==e){this.setFocus()}};this.inputFocusHandler=()=>{this.calciteInternalInputFocus.emit()};this.inputChangeHandler=()=>{if(this.type==="file"){this.files=this.childEl.files}};this.inputInputHandler=t=>{if(this.disabled||this.readOnly){return}this.setValue({nativeEvent:t,origin:"user",value:t.target.value})};this.inputKeyDownHandler=t=>{if(this.disabled||this.readOnly){return}if(t.key==="Enter"){this.emitChangeIfUserModified()}};this.inputNumberInputHandler=t=>{if(this.disabled||this.readOnly){return}if(this.value==="Infinity"||this.value==="-Infinity"){return}const e=t.target.value;C.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};const i=C.delocalize(e);if(t.inputType==="insertFromPaste"){if(!E(i)){t.preventDefault()}this.setValue({nativeEvent:t,origin:"user",value:D(i)});this.childNumberEl.value=this.displayedValue}else{this.setValue({nativeEvent:t,origin:"user",value:i})}};this.inputNumberKeyDownHandler=t=>{if(this.type!=="number"||this.disabled||this.readOnly){return}if(this.value==="Infinity"||this.value==="-Infinity"){t.preventDefault();if(t.key==="Backspace"||t.key==="Delete"){this.clearInputValue(t)}return}if(t.key==="ArrowUp"){t.preventDefault();this.nudgeNumberValue("up",t);return}if(t.key==="ArrowDown"){this.nudgeNumberValue("down",t);return}const e=[...x,"ArrowLeft","ArrowRight","Backspace","Delete","Enter","Escape","Tab"];if(t.altKey||t.ctrlKey||t.metaKey){return}const i=t.shiftKey&&t.key==="Tab";if(e.includes(t.key)||i){if(t.key==="Enter"){this.emitChangeIfUserModified()}return}C.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};if(t.key===C.decimal){if(!this.value&&!this.childNumberEl.value){return}if(this.value&&this.childNumberEl.value.indexOf(C.decimal)===-1){return}}if(/[eE]/.test(t.key)){if(!this.value&&!this.childNumberEl.value){return}if(this.value&&!/[eE]/.test(this.childNumberEl.value)){return}}if(t.key==="-"){if(!this.value&&!this.childNumberEl.value){return}if(this.value&&this.childNumberEl.value.split("-").length<=2){return}}t.preventDefault()};this.nudgeNumberValue=(t,e)=>{if(e instanceof KeyboardEvent&&e.repeat||this.type!=="number"){return}const i=this.maxString?parseFloat(this.maxString):null;const n=this.minString?parseFloat(this.minString):null;const s=150;this.incrementOrDecrementNumberValue(t,i,n,e);if(this.nudgeNumberValueIntervalId){window.clearInterval(this.nudgeNumberValueIntervalId)}let o=true;this.nudgeNumberValueIntervalId=window.setInterval((()=>{if(o){o=false;return}this.incrementOrDecrementNumberValue(t,i,n,e)}),s)};this.numberButtonPointerUpAndOutHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId)};this.numberButtonPointerDownHandler=t=>{if(!r(t)){return}t.preventDefault();const e=t.target.dataset.adjustment;if(!this.disabled){this.nudgeNumberValue(e,t)}};this.onHiddenFormInputInput=t=>{if(t.target.name===this.name){this.setValue({value:t.target.value,origin:"direct"})}this.setFocus();t.stopPropagation()};this.setChildElRef=t=>{this.childEl=t};this.setChildNumberElRef=t=>{this.childNumberEl=t};this.setInputValue=t=>{if(this.type==="text"&&!this.childEl){return}if(this.type==="number"&&!this.childNumberEl){return}this[`child${this.type==="number"?"Number":""}El`].value=t};this.setPreviousEmittedValue=t=>{this.previousEmittedValue=this.normalizeValue(t)};this.setPreviousValue=t=>{this.previousValue=this.normalizeValue(t)};this.setValue=({committing:t=false,nativeEvent:e,origin:i,previousValue:n,value:s})=>{this.setPreviousValue(n??this.value);this.previousValueOrigin=i;if(this.type==="number"){C.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator,signDisplay:"never"};const t=this.previousValue?.length>s.length||this.value?.length>s.length;const e=s.charAt(s.length-1)===".";const n=e&&t?s:L(s);const o=s&&!n?E(this.previousValue)?this.previousValue:"":n;let a=C.localize(o);if(i!=="connected"&&!e){a=W(a,o,C)}this.displayedValue=e&&t?`${a}${C.decimal}`:a;this.userChangedValue=i==="user"&&this.value!==o;this.value=["-","."].includes(o)?"":o}else{this.userChangedValue=i==="user"&&this.value!==s;this.value=s}if(i==="direct"){this.setInputValue(s);this.previousEmittedValue=s}if(e){const e=this.calciteInputInput.emit();if(e.defaultPrevented){this.value=this.previousValue;this.displayedValue=this.type==="number"?C.localize(this.previousValue):this.previousValue}else if(t){this.emitChangeIfUserModified()}}};this.inputKeyUpHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId)};this.alignment="start";this.autofocus=undefined;this.clearable=false;this.disabled=false;this.enterKeyHint=undefined;this.form=undefined;this.groupSeparator=false;this.icon=undefined;this.iconFlipRtl=false;this.inputMode=undefined;this.label=undefined;this.loading=false;this.numberingSystem=undefined;this.localeFormat=false;this.max=undefined;this.min=undefined;this.maxLength=undefined;this.minLength=undefined;this.validationMessage=undefined;this.validationIcon=undefined;this.validity={valid:false,badInput:false,customError:false,patternMismatch:false,rangeOverflow:false,rangeUnderflow:false,stepMismatch:false,tooLong:false,tooShort:false,typeMismatch:false,valueMissing:false};this.name=undefined;this.numberButtonType="vertical";this.placeholder=undefined;this.prefixText=undefined;this.readOnly=false;this.required=false;this.scale="m";this.status="idle";this.step=undefined;this.autocomplete=undefined;this.pattern=undefined;this.accept=undefined;this.multiple=false;this.suffixText=undefined;this.editingEnabled=false;this.type="text";this.value="";this.files=undefined;this.messages=undefined;this.messageOverrides=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.displayedValue=undefined;this.slottedActionElDisabledInternally=false}handleGlobalAttributesChanged(){i(this)}disabledWatcher(){this.setDisabledAction()}maxWatcher(){this.maxString=this.max?.toString()||null}minWatcher(){this.minString=this.min?.toString()||null}onMessagesChange(){}valueWatcher(t,e){if(!this.userChangedValue){if(this.type==="number"&&(t==="Infinity"||t==="-Infinity")){this.displayedValue=t;this.previousEmittedValue=t;return}this.setValue({origin:"direct",previousValue:e,value:t==null||t==""?"":this.type==="number"?E(t)?t:this.previousValue||"":t});this.warnAboutInvalidNumberValue(t)}this.userChangedValue=false}updateRequestedIcon(){this.requestedIcon=l(R,this.icon,this.type)}get isClearable(){return!this.isTextarea&&(this.clearable||this.type==="search")&&this.value?.length>0}get isTextarea(){return this.childElType==="textarea"}effectiveLocaleChange(){K(this,this.effectiveLocale)}connectedCallback(){m(this);A(this);V(this);this.inlineEditableEl=this.el.closest("calcite-inline-editable");if(this.inlineEditableEl){this.editingEnabled=this.inlineEditableEl.editingEnabled||false}k(this);d(this);this.mutationObserver?.observe(this.el,{childList:true});this.setDisabledAction();this.el.addEventListener(u,this.onHiddenFormInputInput)}disconnectedCallback(){f(this);y(this);b(this);B(this);G(this);this.mutationObserver?.disconnect();this.el.removeEventListener(u,this.onHiddenFormInputInput)}async componentWillLoad(){z(this);this.childElType=this.type==="textarea"?"textarea":"input";this.maxString=this.max?.toString();this.minString=this.min?.toString();this.requestedIcon=l(R,this.icon,this.type);await N(this);this.setPreviousEmittedValue(this.value);this.setPreviousValue(this.value);if(this.type==="number"){if(this.value==="Infinity"||this.value==="-Infinity"){this.displayedValue=this.value;this.previousEmittedValue=this.value}else{this.warnAboutInvalidNumberValue(this.value);this.setValue({origin:"connected",value:E(this.value)?this.value:""})}}}componentDidLoad(){j(this)}componentShouldUpdate(t,e,i){if(this.type==="number"&&i==="value"&&t&&!E(t)){this.setValue({origin:"reset",value:e});return false}return true}componentDidRender(){g(this)}async setFocus(){await I(this);if(this.type==="number"){this.childNumberEl?.focus()}else{this.childEl?.focus()}}async selectText(){if(this.type==="number"){this.childNumberEl?.select()}else{this.childEl?.select()}}onLabelClick(){this.setFocus()}incrementOrDecrementNumberValue(t,e,i,n){const{value:s}=this;if(s==="Infinity"||s==="-Infinity"){return}const o=t==="up"?1:-1;const a=this.step==="any"?1:Math.abs(this.step||1);const r=new M(s!==""?s:"0");const l=r.add(`${a*o}`);const c=()=>typeof i==="number"&&!isNaN(i)&&l.subtract(`${i}`).isNegative;const h=()=>typeof e==="number"&&!isNaN(e)&&!l.subtract(`${e}`).isNegative;const d=c()?`${i}`:h()?`${e}`:l.toString();this.setValue({committing:true,nativeEvent:n,origin:"user",value:d})}syncHiddenFormInput(t){U(this.type,this,t)}setDisabledAction(){const t=a(this.el,"action");if(!t){return}if(this.disabled){if(t.getAttribute("disabled")==null){this.slottedActionElDisabledInternally=true}t.setAttribute("disabled","")}else if(this.slottedActionElDisabledInternally){t.removeAttribute("disabled");this.slottedActionElDisabledInternally=false}}normalizeValue(t){return this.type==="number"?E(t)?t:"":t}warnAboutInvalidNumberValue(t){if(this.type==="number"&&t&&!E(t)){console.warn(`The specified value "${t}" cannot be parsed, or is out of range.`)}}render(){const t=c(this.el);const e=n("div",{key:"599833d3f1a495f7d8e40cdfad2c09ee122c84e7",class:H.loader},n("calcite-progress",{key:"50ad81fdf660667bcb55fbb0abeadeb7b8e24ade",label:this.messages.loading,type:"indeterminate"}));const i=n("button",{key:"81d0f8aee2853fc3360e1ae4a78afdcca481a413","aria-label":this.messages.clear,class:H.clearButton,disabled:this.disabled||this.readOnly,onClick:this.clearInputValue,tabIndex:-1,type:"button"},n("calcite-icon",{key:"6f740ebf49a2c8c094f12c8e38e5b10c6c5aae0a",icon:"x",scale:O(this.scale)}));const o=n("calcite-icon",{key:"5ea5b4a12b81f8bb6ca796b8aaa95f4505b878dc",class:H.inputIcon,flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:O(this.scale)});const a=this.numberButtonType==="horizontal";const r=n("button",{key:"cc50d1314f7ea7a5f8f20d7131c8e01674d4e39e","aria-hidden":"true",class:{[H.numberButtonItem]:true,[H.buttonItemHorizontal]:a},"data-adjustment":"up",disabled:this.disabled||this.readOnly,onPointerDown:this.numberButtonPointerDownHandler,onPointerOut:this.numberButtonPointerUpAndOutHandler,onPointerUp:this.numberButtonPointerUpAndOutHandler,tabIndex:-1,type:"button"},n("calcite-icon",{key:"9ba3a8a2ef9e1d399943c25742f859b8b077738c",icon:"chevron-up",scale:O(this.scale)}));const l=n("button",{key:"24488ad87ca61fa5c7d42c268ea633025dabbd45","aria-hidden":"true",class:{[H.numberButtonItem]:true,[H.buttonItemHorizontal]:a},"data-adjustment":"down",disabled:this.disabled||this.readOnly,onPointerDown:this.numberButtonPointerDownHandler,onPointerOut:this.numberButtonPointerUpAndOutHandler,onPointerUp:this.numberButtonPointerUpAndOutHandler,tabIndex:-1,type:"button"},n("calcite-icon",{key:"ede8f373d9c150654edd8ea1464f54437f508b7d",icon:"chevron-down",scale:O(this.scale)}));const h=n("div",{key:"caaefff0ff0d8c240a900b62a7dede9d285dd88e",class:H.numberButtonWrapper},r,l);const d=n("div",{key:"8bc496fa2a6474b6febab6abd5eab1c0eaa7fa54",class:H.prefix},this.prefixText);const u=n("div",{key:"ef6ea4800c799ca1884b50f75adc51932b16d892",class:H.suffix},this.suffixText);const b=this.el.autofocus||this.el.hasAttribute("autofocus")?true:null;const m=this.el.enterKeyHint||this.el.getAttribute("enterkeyhint");const f=this.el.inputMode||this.el.getAttribute("inputmode");const g=this.type==="number"?n("input",{accept:this.accept,"aria-label":w(this),autocomplete:this.autocomplete,autofocus:b,defaultValue:this.defaultValue,disabled:this.disabled?true:null,enterKeyHint:m,inputMode:f,key:"localized-input",maxLength:this.maxLength,minLength:this.minLength,multiple:this.multiple,name:undefined,onBlur:this.inputBlurHandler,onFocus:this.inputFocusHandler,onInput:this.inputNumberInputHandler,onKeyDown:this.inputNumberKeyDownHandler,onKeyUp:this.inputKeyUpHandler,pattern:this.pattern,placeholder:this.placeholder||"",readOnly:this.readOnly,ref:this.setChildNumberElRef,type:"text",value:this.displayedValue}):null;const x=this.type!=="number"?[n(this.childElType,{accept:this.accept,"aria-label":w(this),autocomplete:this.autocomplete,autofocus:b,class:{[H.editingEnabled]:this.editingEnabled,[H.inlineChild]:!!this.inlineEditableEl},defaultValue:this.defaultValue,disabled:this.disabled?true:null,enterKeyHint:m,inputMode:f,max:this.maxString,maxLength:this.maxLength,min:this.minString,minLength:this.minLength,multiple:this.multiple,name:this.name,onBlur:this.inputBlurHandler,onChange:this.inputChangeHandler,onFocus:this.inputFocusHandler,onInput:this.inputInputHandler,onKeyDown:this.inputKeyDownHandler,onKeyUp:this.inputKeyUpHandler,pattern:this.pattern,placeholder:this.placeholder||"",readOnly:this.readOnly,ref:this.setChildElRef,required:this.required?true:null,step:this.step,tabIndex:this.disabled||this.inlineEditableEl&&!this.editingEnabled?-1:null,type:this.type,value:this.value}),this.isTextarea?n("div",{class:H.resizeIconWrapper},n("calcite-icon",{icon:"chevron-down",scale:O(this.scale)})):null]:null;return n(s,{key:"35b2cf8cf5a44addeacbb83d534b50dbabd44cda",onClick:this.clickHandler,onKeyDown:this.keyDownHandler},n(v,{key:"da59535187da349eadb86a44dedf8b3bc643ac75",disabled:this.disabled},n("div",{key:"abe41a00af024f1ef06d12b4c35e35307918fcb7",class:{[H.inputWrapper]:true,[F.rtl]:t==="rtl"}},this.type==="number"&&this.numberButtonType==="horizontal"&&!this.readOnly?l:null,this.prefixText?d:null,n("div",{key:"04186a21eb812b6405aba43c7fd173d828ea4e1c",class:H.wrapper},g,x,this.isClearable?i:null,this.requestedIcon?o:null,this.loading?e:null),n("div",{key:"11954db36cefe99687f449ef1f914e2868f74519",class:H.actionWrapper},n("slot",{key:"c292d324afa35e170e5e235186e4ff268746b0c6",name:S.action})),this.type==="number"&&this.numberButtonType==="vertical"&&!this.readOnly?h:null,this.suffixText?u:null,this.type==="number"&&this.numberButtonType==="horizontal"&&!this.readOnly?r:null,n(p,{key:"820c285afeca160d0f19a7974e7e401f31ecb8ad",component:this})),this.validationMessage&&this.status==="invalid"?n(P,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null))}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{autofocus:["handleGlobalAttributesChanged"],enterkeyhint:["handleGlobalAttributesChanged"],inputmode:["handleGlobalAttributesChanged"],disabled:["disabledWatcher"],max:["maxWatcher"],min:["minWatcher"],messageOverrides:["onMessagesChange"],value:["valueWatcher"],icon:["updateRequestedIcon"],type:["updateRequestedIcon"],effectiveLocale:["effectiveLocaleChange"]}}};_.style=q;export{_ as calcite_input};
-//# sourceMappingURL=p-02e5c424.entry.js.map

package/dist/calcite/p-03290ab8.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.1-next.2
- */
-import{r as e,f as t,h as i,H as n,g as o,c as s,F as r}from"./p-fad0ec3b.js";import{s as a,k as c,d as l,g as d}from"./p-bbf89f56.js";import{s as h,a as u,c as f}from"./p-f23fec9c.js";import{c as p,d as m}from"./p-07d96bf4.js";import{u as b,c as v,s as g,d as y}from"./p-16c8bf04.js";import{C as x}from"./p-585e9a4e.js";import"./p-2fea995f.js";import"./p-1a802881.js";import"./p-436132b3.js";import"./p-a1a7d99a.js";const w=":host{display:flex}ul{margin:0px;display:inline-flex;block-size:100%;align-items:center;padding:0px}:host([layout=vertical]) ul{display:flex;inline-size:100%;flex-direction:column}:host([hidden]){display:none}[hidden]{display:none}";const k=w;const z=class{constructor(t){e(this,t);this.menuItems=[];this.handleMenuSlotChange=e=>{this.menuItems=a(e);this.setMenuItemLayout(this.menuItems,this.layout)};this.label=undefined;this.layout="horizontal";this.messageOverrides=undefined;this.messages=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}handleGlobalAttributesChanged(){t(this);this.setMenuItemLayout(this.menuItems,this.layout)}handleLayoutChange(e){this.setMenuItemLayout(this.menuItems,e)}onMessagesChange(){}effectiveLocaleChange(){b(this,this.effectiveLocale)}connectedCallback(){p(this);v(this)}async componentWillLoad(){h(this);await g(this)}componentDidLoad(){u(this)}disconnectedCallback(){m(this);y(this)}async setFocus(){await f(this);this.el.focus()}calciteInternalNavMenuItemKeyEvent(e){const t=e.target;const i=e.detail.children;const n=e.detail.event.key;e.stopPropagation();if(n==="ArrowDown"){if(t.layout==="vertical"){c(this.menuItems,t,"next",false)}else{if(e.detail.isSubmenuOpen){i[0].setFocus()}}}else if(n==="ArrowUp"){if(this.layout==="vertical"){c(this.menuItems,t,"previous",false)}else{if(e.detail.isSubmenuOpen){i[i.length-1].setFocus()}}}else if(n==="ArrowRight"){if(this.layout==="horizontal"){c(this.menuItems,t,"next",false)}else{if(e.detail.isSubmenuOpen){i[0].setFocus()}}}else if(n==="ArrowLeft"){if(this.layout==="horizontal"){c(this.menuItems,t,"previous",false)}else{if(e.detail.isSubmenuOpen){this.focusParentElement(e.target)}}}else if(n==="Escape"){this.focusParentElement(e.target)}e.preventDefault()}focusParentElement(e){const t=e.parentElement;if(t){l(t);t.open=false}}setMenuItemLayout(e,t){e.forEach((e=>{e.layout=t;if(this.getEffectiveRole()==="menubar"){e.isTopLevelItem=true;e.topLevelMenuLayout=this.layout}}))}getEffectiveRole(){return this.el.getAttribute("role")||"menubar"}render(){return i(n,{key:"369a18142b5b22f203aa20f45638a7818b66d69a"},i("ul",{key:"5de9fb48f9eeb427b1ef220f34326749947b25b5","aria-label":this.label,role:this.getEffectiveRole()},i("slot",{key:"96f2b70399a79589a53564bdeb01a50fa753ad7d",onSlotchange:this.handleMenuSlotChange})))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{role:["handleGlobalAttributesChanged"],layout:["handleLayoutChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};z.style=k;const C={container:"container",content:"content",dropdownVertical:"dropdown--vertical",dropdownMenuItems:"dropdown-menu-items",dropdownAction:"dropdown-action",layoutVertical:"layout--vertical",hoverHrefIcon:"hover-href-icon",icon:"icon",iconBreadcrumb:"icon--breadcrumb",iconDropdown:"icon--dropdown",iconEnd:"icon--end",iconStart:"icon--start",isParentVertical:"parent--vertical",itemContent:"item-content",open:"open",nested:"nested",textContainer:"text-container"};const I=':host{position:relative;box-sizing:border-box;display:flex;align-items:center;flex-shrink:0}:host .container,:host .item-content,:host .content{min-block-size:3rem}:host([layout=vertical]){inline-size:100%}:host(:not([layout=vertical])){block-size:100%}.container,.item-content{display:flex;block-size:100%;inline-size:100%;flex-direction:row;align-items:stretch}.content{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);padding-inline:1rem;font-size:var(--calcite-font-size-0);color:var(--calcite-color-text-2);outline:2px solid transparent;outline-offset:2px;text-decoration:none;border-block-end:0.125rem solid transparent;padding-block-start:0.125rem}.content:hover{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-2)}.content:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-2);outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.content:active{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}.content span{display:inline-flex}.content.layout--vertical{display:flex;inline-size:100%;justify-content:flex-start;padding-block:1rem;border-block-end:0;border-inline-end:0.25rem solid transparent}:host([active]) .content{color:var(--calcite-color-text-1);border-color:var(--calcite-color-brand)}:host([active]) .content .icon{--calcite-ui-icon-color:var(--calcite-color-brand)}:host([layout=vertical]) .content{padding-inline:0.75rem}.icon--start{margin-inline-end:0.75rem}.icon--end{margin-inline-start:0.75rem}:host([layout=vertical]) .icon--end{margin-inline-start:auto;padding-inline-start:0.75rem}.icon--dropdown{position:relative;margin-inline-start:auto;margin-inline-end:0px;padding-inline-start:0.5rem;--calcite-ui-icon-color:var(--calcite-color-text-3)}:host([layout=vertical]) .icon--end~.icon--dropdown{margin-inline-start:0.75rem}:host([layout=vertical]) .hover-href-icon{padding-inline-start:0.5rem}:host([layout=vertical]) .hover-href-icon~.icon--end{margin-inline-start:0.5rem}:host([layout=vertical]) .hover-href-icon~.icon--breadcrumb{margin-inline-start:0.75rem}.icon--breadcrumb{margin-inline-end:0px;padding-inline-start:0.5rem;--calcite-ui-icon-color:var(--calcite-color-text-3)}:host([layout=vertical]) .icon--breadcrumb{margin-inline-start:auto}:host([layout=vertical]) .icon--breadcrumb~.icon--dropdown{margin-inline-start:0.5rem}:host([layout=vertical]) .icon--end~.icon--breadcrumb{margin-inline-start:0.5rem}:host([breadcrumb]) .content{padding-inline-end:0.75rem}calcite-action{position:relative;block-size:auto;border-inline-start:1px solid var(--calcite-color-foreground-1)}calcite-action:after{position:absolute;inset-inline-start:-1px;display:block;inline-size:1px;content:"";inset-block:0.75rem;background-color:var(--calcite-color-border-3)}calcite-action:hover:after{block-size:100%;inset-block:0}.content:focus~calcite-action,.content:hover~calcite-action{color:var(--calcite-color-text-1);border-inline-start:1px solid var(--calcite-color-border-3)}.container:hover .dropdown-action{background-color:var(--calcite-color-foreground-2)}.dropdown-menu-items{position:absolute;display:none;block-size:auto;min-inline-size:100%;flex-direction:column;overflow:visible;border:1px solid var(--calcite-color-border-3);background:var(--calcite-color-foreground-1);inset-block-start:100%;z-index:var(--calcite-z-index-dropdown)}.dropdown-menu-items.open{display:block}.dropdown-menu-items.nested{position:absolute;inset-block-start:-1px;transform:translateX(calc(100% - 2px))}.parent--vertical{flex-direction:column}.dropdown--vertical.dropdown-menu-items{position:relative;border-radius:0px;box-shadow:none;inset-block-start:0;transform:none}.dropdown--vertical.dropdown-menu-items:last-of-type{border-inline:0}:host([layout=vertical]:last-of-type) .dropdown-menu-items{border-block-end:0}:host([slot=submenu-item]) .parent--vertical{padding-inline-start:1.5rem}.dropdown-menu-items.nested.calcite--rtl{transform:translateX(calc(-100% + 2px))}.dropdown--vertical.dropdown-menu-items.nested.calcite--rtl{transform:none}.hover-href-icon{position:relative;inset-inline-end:0.25rem;margin-inline-start:auto;opacity:0;transition:all var(--calcite-internal-animation-timing-medium) ease-in-out}.content:focus .hover-href-icon,.content:hover .hover-href-icon{inset-inline-end:-0.25rem;opacity:1}:host([hidden]){display:none}[hidden]{display:none}';const L=I;const j=class{constructor(t){e(this,t);this.calciteInternalMenuItemKeyEvent=s(this,"calciteInternalMenuItemKeyEvent",7);this.calciteMenuItemSelect=s(this,"calciteMenuItemSelect",7);this.clickHandler=e=>{if(this.href&&e.target===this.dropdownActionEl||!this.href&&this.hasSubmenu){this.open=!this.open}this.selectMenuItem(e)};this.handleMenuItemSlotChange=e=>{this.submenuItems=a(e);this.submenuItems.forEach((e=>{if(!e.topLevelMenuLayout){e.topLevelMenuLayout=this.topLevelMenuLayout}}));this.hasSubmenu=this.submenuItems.length>0};this.keyDownHandler=async e=>{const{hasSubmenu:t,href:i,layout:n,open:o,submenuItems:s}=this;const r=e.key;const a=e.target===this.dropdownActionEl;if(e.defaultPrevented){return}if(r===" "||r==="Enter"){if(t&&(!i||i&&a)){this.open=!o}if(!(i&&a)&&r!=="Enter"){this.selectMenuItem(e)}if(r===" "||i&&a){e.preventDefault()}}else if(r==="Escape"){if(o){this.open=false;return}this.calciteInternalMenuItemKeyEvent.emit({event:e});e.preventDefault()}else if(r==="ArrowDown"||r==="ArrowUp"){e.preventDefault();if((a||!i)&&t&&!o&&n==="horizontal"){this.open=true;return}this.calciteInternalMenuItemKeyEvent.emit({event:e,children:s,isSubmenuOpen:o&&t})}else if(r==="ArrowLeft"){e.preventDefault();this.calciteInternalMenuItemKeyEvent.emit({event:e,children:s,isSubmenuOpen:true})}else if(r==="ArrowRight"){e.preventDefault();if((a||!i)&&t&&!o&&n==="vertical"){this.open=true;return}this.calciteInternalMenuItemKeyEvent.emit({event:e,children:s,isSubmenuOpen:o&&t})}};this.active=undefined;this.breadcrumb=undefined;this.href=undefined;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.isTopLevelItem=false;this.label=undefined;this.layout=undefined;this.messageOverrides=undefined;this.messages=undefined;this.open=false;this.rel=undefined;this.target=undefined;this.text=undefined;this.topLevelMenuLayout=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.hasSubmenu=false;this.submenuItems=undefined}onMessagesChange(){}effectiveLocaleChange(){b(this,this.effectiveLocale)}async setFocus(){await f(this);this.anchorEl.focus()}handleClickOut(e){if(this.topLevelMenuLayout!=="vertical"&&this.hasSubmenu&&this.open&&!e.composedPath().includes(this.el)){this.open=false}}handleFocusOut(e){if(this.topLevelMenuLayout!=="vertical"&&!this.el.contains(e.relatedTarget)){this.open=false}}connectedCallback(){p(this);v(this)}async componentWillLoad(){h(this);await g(this)}componentDidLoad(){u(this)}disconnectedCallback(){m(this);y(this)}blurHandler(){this.isFocused=false}focusHandler(e){const t=e.target;this.isFocused=true;if(t.open&&!this.open){t.open=false}}selectMenuItem(e){if(e.target!==this.dropdownActionEl){this.calciteMenuItemSelect.emit()}}renderIconStart(){return i("calcite-icon",{class:`${C.icon} ${C.iconStart}`,flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,key:C.iconStart,scale:"s"})}renderIconEnd(){return i("calcite-icon",{class:`${C.icon} ${C.iconEnd}`,flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,key:C.iconEnd,scale:"s"})}renderBreadcrumbIcon(e){return i("calcite-icon",{class:`${C.icon} ${C.iconBreadcrumb}`,icon:e==="rtl"?"chevron-left":"chevron-right",key:C.iconBreadcrumb,scale:"s"})}renderDropdownIcon(e){const t=e==="rtl"?"chevron-left":"chevron-right";return i("calcite-icon",{class:`${C.icon} ${C.iconDropdown}`,icon:this.topLevelMenuLayout==="vertical"||this.isTopLevelItem?this.open?"chevron-up":"chevron-down":t,key:C.iconDropdown,scale:"s"})}renderDropdownAction(e){const t=e==="rtl"?"chevron-left":"chevron-right";return i("calcite-action",{class:C.dropdownAction,icon:this.topLevelMenuLayout==="vertical"||this.isTopLevelItem?this.open?"chevron-up":"chevron-down":t,key:C.dropdownAction,onClick:this.clickHandler,onKeyDown:this.keyDownHandler,ref:e=>this.dropdownActionEl=e,text:this.messages.open})}renderSubmenuItems(e){return i("calcite-menu",{class:{[C.dropdownMenuItems]:true,[C.open]:this.open,[C.nested]:!this.isTopLevelItem,[x.rtl]:e==="rtl",[C.dropdownVertical]:this.topLevelMenuLayout==="vertical"},label:this.messages.submenu,layout:"vertical",role:"menu"},i("slot",{name:"submenu-item",onSlotchange:this.handleMenuItemSlotChange}))}renderHrefIcon(e){return i("calcite-icon",{class:C.hoverHrefIcon,icon:e==="rtl"?"arrow-left":"arrow-right",key:C.hoverHrefIcon,scale:"s"})}renderItemContent(e){const t=this.href&&(this.topLevelMenuLayout==="vertical"||!this.isTopLevelItem);return i(r,null,this.iconStart&&this.renderIconStart(),i("div",{class:C.textContainer},i("span",null,this.text)),t&&this.renderHrefIcon(e),this.iconEnd&&this.renderIconEnd(),this.breadcrumb?this.renderBreadcrumbIcon(e):null,!this.href&&this.hasSubmenu?this.renderDropdownIcon(e):null)}render(){const e=d(this.el);return i(n,{key:"276f8b05401a877de2602866602d47d4adfeeda6",onBlur:this.blurHandler,onFocus:this.focusHandler},i("li",{key:"d1615b223153ba107c1bf63f1084f5590113f3d1",class:{[C.container]:true,[C.isParentVertical]:this.topLevelMenuLayout==="vertical"},role:"none"},i("div",{key:"e4a1fea5711442e0923898612be8f9c48c36c0e4",class:C.itemContent},i("a",{key:"131f14ecfd17558d6a4b1722aa307fb68e0643a3","aria-current":this.isFocused?"page":false,"aria-expanded":this.open,"aria-haspopup":this.hasSubmenu,"aria-label":this.label,class:{[C.layoutVertical]:this.layout==="vertical",[C.content]:true},href:this.href,onClick:this.clickHandler,onKeyDown:this.keyDownHandler,ref:e=>this.anchorEl=e,rel:this.rel,role:"menuitem",tabIndex:this.isTopLevelItem?0:-1,target:this.target},this.renderItemContent(e)),this.href&&this.hasSubmenu?this.renderDropdownAction(e):null),this.renderSubmenuItems(e)))}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};j.style=L;export{z as calcite_menu,j as calcite_menu_item};
-//# sourceMappingURL=p-03290ab8.entry.js.map

package/dist/calcite/p-03d75ba9.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.1-next.2
- */
-const t={menu:"menu",defaultTrigger:"default-trigger"};const e={tooltip:"tooltip",trigger:"trigger"};const a={menu:"ellipsis"};const s="data-active";export{t as C,a as I,e as S,s as a};
-//# sourceMappingURL=p-03d75ba9.js.map

package/dist/calcite/p-0448a78d.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.1-next.2
- */
-import{r as e,c as t,h as i,H as a,g as n}from"./p-fad0ec3b.js";import{s as o,k as r,t as s,g as c,A as l}from"./p-bbf89f56.js";import{c as h,d}from"./p-07d96bf4.js";import{g as u}from"./p-2fea995f.js";import{c as p,u as f,d as m,I as g}from"./p-633e133f.js";import{a as v,s as b,c as k}from"./p-f23fec9c.js";import{c as y,d as w,s as x,u as C}from"./p-16c8bf04.js";import{g as j}from"./p-6372014e.js";import"./p-585e9a4e.js";import"./p-436132b3.js";import"./p-a1a7d99a.js";import"./p-481078dd.js";import"./p-1a802881.js";const z=6e3;const I={container:"container",containerOverlaid:"container--overlaid",containerEdged:"container--edged",itemContainer:"item-container",itemContainerForward:"item-container--forward",itemContainerBackward:"item-container--backward",pagination:"pagination",paginationItems:"pagination-items",paginationItem:"pagination-item",paginationItemIndividual:"pagination-item--individual",paginationItemSelected:"pagination-item--selected",pageNext:"page-next",pagePrevious:"page-previous",autoplayControl:"autoplay-control",autoplayProgress:"autoplay-progress"};const W={chevronLeft:"chevron-left",chevronRight:"chevron-right",inactive:"bullet-point",active:"bullet-point-large",pause:"pause-f",play:"play-f"};const L=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;inline-size:100%;--calcite-internal-internal-carousel-item-space:1.5rem;--calcite-internal-internal-carousel-item-space-wide:3.5rem;--calcite-internal-internal-carousel-item-background-color:var(\n    --calcite-internal-carousel-item-background-color,\n    var(--calcite-color-foreground-1)\n  );--calcite-internal-internal-carousel-item-background-color-hover:var(\n    --calcite-internal-carousel-item-background-color-hover,\n    var(--calcite-color-foreground-2)\n  );--calcite-internal-internal-carousel-item-background-color-active:var(\n    --calcite-internal-carousel-item-background-color-active,\n    var(--calcite-color-foreground-2)\n  );--calcite-internal-internal-carousel-item-background-color-selected:var(\n    --calcite-internal-carousel-item-background-color-selected,\n    var(--calcite-color-foreground-1)\n  );--calcite-internal-internal-carousel-item-icon-color-hover:var(\n    --calcite-internal-carousel-item-icon-color-hover,\n    var(--calcite-action-color-transparent-hover)\n  );--calcite-internal-internal-carousel-item-icon-color:var(\n    --calcite-internal-carousel-item-icon-color,\n    var(--calcite-color-border-3)\n  );--calcite-internal-internal-carousel-item-icon-color-selected:var(\n    --calcite-internal-carousel-item-icon-color-selected,\n    var(--calcite-color-brand)\n  );--calcite-internal-internal-carousel-control-color-hover:var(\n    --calcite-internal-carousel-control-color-hover,\n    var(--calcite-internal-carousel-item-icon-color-hover)\n  );--calcite-internal-internal-carousel-control-color:var(\n    --calcite-internal-carousel-item-icon-color,\n    var(--calcite-color-border-input)\n  );--calcite-internal-internal-carousel-autoplay-progress-background-color:var(\n    --calcite-internal-carousel-autoplay-progress-background-color,\n    var(--calcite-color-border-3)\n  );--calcite-internal-internal-carousel-autoplay-progress-fill-color:var(\n    --calcite-internal-carousel-autoplay-progress-fill-color,\n    var(--calcite-color-brand)\n  )}.container{position:relative;display:flex;inline-size:100%;flex-direction:column;overflow:hidden;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2);outline-color:transparent}.container:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.container--edged:not(.container--overlaid){padding-inline:var(--calcite-internal-internal-carousel-item-space-wide);inline-size:calc(100% - var(--calcite-internal-internal-carousel-item-space-wide) * 2)}.item-container{display:flex;flex:1 1 auto;align-items:flex-start;justify-content:center;overflow:auto;padding:0.25rem;animation-name:none;animation-duration:var(--calcite-animation-timing)}.container--overlaid .item-container{padding:0px}.item-container--forward{animation-name:item-forward}.item-container--backward{animation-name:item-backward}calcite-carousel-item:not([selected]){opacity:0}.pagination{margin:0.75rem;display:flex;flex-direction:row;align-items:center;justify-content:center;inline-size:auto}.pagination-items{display:flex;flex-direction:row;align-items:center}.container--overlaid .pagination{position:absolute}.pagination-item.page-next,.pagination-item.page-previous{color:var(--calcite-internal-internal-carousel-control-color)}.pagination-item.page-next:hover,.pagination-item.page-previous:hover{color:var(--calcite-internal-internal-carousel-control-color-hover)}.container--edged .page-next,.container--edged .page-previous{block-size:3rem;inline-size:3rem;position:absolute;inset-block-start:50%;transform:translateY(-50%)}.container--edged .page-next{inset-inline-end:0}.container--edged .page-previous{inset-inline-start:0}.container--overlaid .pagination{inset-block-start:unset;inset-block-end:0;inset-inline:0}.pagination-item.autoplay-control{position:relative;color:var(--calcite-internal-internal-carousel-control-color);--calcite-color-brand:var(--calcite-internal-internal-carousel-autoplay-progress-fill-color);--calcite-color-border-3:var(--calcite-internal-internal-carousel-autoplay-progress-background-color)}.autoplay-control:focus .autoplay-progress{inset-block-end:4px;inset-inline:2px;inline-size:calc(100% - 4px)}.autoplay-progress{position:absolute;inset-block-end:2px;inset-inline:0;inline-size:100%}.pagination-item{margin:0px;block-size:2rem;inline-size:2rem;cursor:pointer;align-items:center;border-style:none;background-color:transparent;outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;-webkit-appearance:none;display:flex;align-content:center;justify-content:center;--calcite-color-foreground-1:var(--calcite-internal-internal-carousel-item-background-color);color:var(--calcite-internal-internal-carousel-item-icon-color)}.pagination-item:hover{background-color:var(--calcite-internal-internal-carousel-item-background-color-hover);color:var(--calcite-internal-internal-carousel-item-icon-color-hover)}.pagination-item:focus{background-color:var(--calcite-internal-internal-carousel-item-background-color-active);outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.pagination-item:active{background-color:var(--calcite-internal-internal-carousel-item-background-color-active);color:var(--calcite-internal-internal-carousel-item-icon-color-hover)}.pagination-item calcite-icon{color:inherit;pointer-events:none}.pagination-item.pagination-item--selected{--calcite-color-foreground-1:var(--calcite-internal-internal-carousel-item-background-color-selected);--calcite-color-foreground-3:var(--calcite-internal-internal-carousel-item-background-color-selected);color:var(--calcite-internal-internal-carousel-item-icon-color-selected)}.container--overlaid .pagination-item{background-color:var(--calcite-internal-internal-carousel-item-background-color)}.container--overlaid .pagination-item:hover{background-color:var(--calcite-internal-internal-carousel-item-background-color-hover)}.container--overlaid .pagination-item:focus{background-color:var(--calcite-internal-internal-carousel-item-background-color-active)}.container--overlaid .pagination-item:active{background-color:var(--calcite-internal-internal-carousel-item-background-color-active)}@keyframes item-forward{0%{transform:translate3d(100px, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes item-backward{0%{transform:translate3d(-100px, 0, 0)}100%{transform:translate3d(0, 0, 0)}}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const D=L;const A=class{constructor(a){e(this,a);this.calciteCarouselChange=t(this,"calciteCarouselChange",6);this.calciteCarouselPlay=t(this,"calciteCarouselPlay",6);this.calciteCarouselStop=t(this,"calciteCarouselStop",6);this.calciteCarouselPause=t(this,"calciteCarouselPause",6);this.calciteCarouselResume=t(this,"calciteCarouselResume",6);this.containerId=`calcite-carousel-container-${u()}`;this.slideDurationInterval=null;this.slideInterval=null;this.autoplayHandler=()=>{this.clearIntervals();this.slideDurationInterval=setInterval(this.timer,this.autoplayDuration/100)};this.timer=()=>{let e=this.slideDurationRemaining;const t=!this.suspendedDueToFocus&&!this.suspendedDueToHover||this.userPreventsSuspend;if(t){if(e<=.01){e=1;this.nextItem(false)}else{e=e-.01}}if(e>0){this.slideDurationRemaining=e}};this.handleSlotChange=e=>{const t=o(e);if(t.length<1){return}const i=t.findIndex((e=>e.selected));const a=i>-1?i:0;this.items=t;this.setSelectedItem(a,false)};this.setSelectedItem=(e,t)=>{const i=this.selectedIndex;this.items.forEach(((t,i)=>{const a=e===i;t.selected=a;if(a){this.selectedItem=t;this.selectedIndex=i}}));if(t){this.playing=false;if(i!==this.selectedIndex){this.calciteCarouselChange.emit()}}};this.handleArrowClick=e=>{const t=e.target.dataset.direction;if(t==="next"){this.direction="forward";this.nextItem(true)}else if(t==="previous"){this.direction="backward";this.previousItem()}};this.handleItemSelection=e=>{const t=e.target;const i=parseInt(t.dataset.index);if(i===this.selectedIndex){return}if(this.playing){this.handlePause(true)}this.direction=i>this.selectedIndex?"forward":"backward";this.setSelectedItem(i,true)};this.toggleRotation=()=>{this.userPreventsSuspend=true;if(this.playing){this.handlePause(true)}else{this.handlePlay(true)}};this.handleFocusIn=()=>{const e=this.playing;if(e){this.suspendedDueToFocus=true}if((!this.suspendedDueToFocus||!this.suspendedDueToHover)&&e){this.calciteCarouselPause.emit()}};this.handleMouseIn=()=>{const e=this.playing;if(e){this.suspendedDueToHover=true}if((!this.suspendedDueToFocus||!this.suspendedDueToHover)&&e){this.calciteCarouselPause.emit()}};this.handleMouseOut=e=>{const t=!this.el.contains(e.relatedTarget);const i=this.playing;if(t&&i){this.suspendedDueToHover=false}if(t&&i&&!this.suspendedDueToFocus){this.userPreventsSuspend=false;this.calciteCarouselResume.emit()}};this.handleFocusOut=e=>{const t=!e.composedPath().includes(e.relatedTarget);const i=this.playing;if(t&&i){this.suspendedDueToFocus=false}if(t&&i&&!this.suspendedDueToHover){this.userPreventsSuspend=false;this.calciteCarouselResume.emit()}};this.containerKeyDownHandler=e=>{if(e.target!==this.container){return}switch(e.key){case" ":case"Enter":e.preventDefault();this.toggleRotation();break;case"ArrowRight":this.direction="forward";this.nextItem(true);break;case"ArrowLeft":this.direction="backward";this.previousItem();break;case"Home":e.preventDefault();this.direction="backward";this.setSelectedItem(0,true);break;case"End":e.preventDefault();this.direction="forward";this.setSelectedItem(this.items.length-1,true);break}};this.tabListKeyDownHandler=e=>{const t=Array(...this.tabList.querySelectorAll("button"));const i=e.target;switch(e.key){case"ArrowRight":r(t,i,"next");break;case"ArrowLeft":r(t,i,"previous");break;case"Home":e.preventDefault();r(t,i,"first");break;case"End":e.preventDefault();r(t,i,"last");break}};this.storeTabListRef=e=>{this.tabList=e};this.storeContainerRef=e=>{this.container=e};this.storeItemContainerRef=e=>{this.itemContainer=e};this.renderRotationControl=()=>{const e=this.playing?this.messages.pause:this.messages.play;return i("button",{"aria-label":e,class:{[I.paginationItem]:true,[I.autoplayControl]:true},onClick:this.toggleRotation,title:e},i("calcite-icon",{icon:this.playing?W.pause:W.play,scale:"s"}),this.playing&&i("calcite-progress",{class:I.autoplayProgress,label:this.messages.carouselItemProgress,value:this.slideDurationRemaining}))};this.renderPaginationArea=()=>i("div",{class:{[I.pagination]:true,[I.containerOverlaid]:this.controlOverlay},onKeyDown:this.tabListKeyDownHandler,ref:this.storeTabListRef},(this.playing||this.autoplay===""||this.autoplay||this.autoplay==="paused")&&this.renderRotationControl(),this.arrowType==="inline"&&this.renderArrow("previous"),this.renderPaginationItems(),this.arrowType==="inline"&&this.renderArrow("next"));this.renderPaginationItems=()=>i("div",{"aria-label":this.label,class:I.paginationItems,role:"tablist"},this.items.map(((e,t)=>{const a=t===this.selectedIndex;return i("button",{"aria-controls":!a?e.id:undefined,"aria-selected":s(a),class:{[I.paginationItem]:true,[I.paginationItemIndividual]:true,[I.paginationItemSelected]:a},"data-index":t,key:e.id,onClick:this.handleItemSelection,role:"tab",title:e.label},i("calcite-icon",{icon:a?W.active:W.inactive,scale:"l"}))})));this.renderArrow=e=>{const t=e==="previous";const a=c(this.el);const n=this.arrowType==="edge"?"m":"s";const o=t?I.pagePrevious:I.pageNext;const r=t?this.messages.previous:this.messages.next;const s=t?W.chevronLeft:W.chevronRight;return i("button",{"aria-controls":this.containerId,class:{[I.paginationItem]:true,[o]:true},"data-direction":e,onClick:this.handleArrowClick,title:r},i("calcite-icon",{flipRtl:a==="rtl",icon:s,scale:n}))};this.autoplay=false;this.arrowType="inline";this.autoplayDuration=z;this.controlOverlay=false;this.disabled=false;this.label=undefined;this.messages=undefined;this.messageOverrides=undefined;this.paused=undefined;this.selectedItem=undefined;this.selectedIndex=undefined;this.items=[];this.direction="standby";this.defaultMessages=undefined;this.playing=false;this.suspendedDueToFocus=false;this.suspendedDueToHover=false;this.userPreventsSuspend=false;this.effectiveLocale="";this.suspendedSlideDurationRemaining=1;this.slideDurationRemaining=1}autoplayWatcher(e){if(!e){this.handlePause(false)}}onMessagesChange(){}connectedCallback(){p(this);h(this);y(this)}componentDidLoad(){v(this)}componentDidRender(){f(this)}disconnectedCallback(){m(this);d(this);w(this);this.clearIntervals()}async componentWillLoad(){if((this.autoplay===""||this.autoplay)&&this.autoplay!=="paused"){this.handlePlay(false)}else if(this.autoplay==="paused"){this.paused=true}b(this);await x(this)}async setFocus(){await k(this);this.container?.focus()}async play(){if(this.playing||this.autoplay!==""&&!this.autoplay&&this.autoplay!=="paused"){return}this.handlePlay(true)}async stop(){if(!this.playing){return}this.handlePause(true)}async directionWatcher(e){if(e==="standby"){return}await l(this.itemContainer,e==="forward"?"item-forward":"item-backward");this.direction="standby"}playingWatcher(){this.paused=!this.playing}suspendWatcher(){if(!this.suspendedDueToFocus&&!this.suspendedDueToHover){this.suspendEnd()}else{this.suspendStart()}}async effectiveLocaleChange(){await C(this,this.effectiveLocale)}clearIntervals(){clearInterval(this.slideDurationInterval);clearInterval(this.slideInterval)}nextItem(e){if(this.playing&&e){this.playing=false}const t=j(this.selectedIndex+1,this.items.length);this.setSelectedItem(t,e)}previousItem(){this.playing=false;const e=j(Math.max(this.selectedIndex-1,-1),this.items.length);this.setSelectedItem(e,true)}handlePlay(e){this.playing=true;this.autoplayHandler();this.slideInterval=setInterval(this.autoplayHandler,this.autoplayDuration);if(e){this.calciteCarouselPlay.emit()}}handlePause(e){this.playing=false;this.clearIntervals();this.slideDurationRemaining=1;this.suspendedSlideDurationRemaining=1;if(e){this.calciteCarouselStop.emit()}}suspendStart(){this.suspendedSlideDurationRemaining=this.slideDurationRemaining}suspendEnd(){this.slideDurationRemaining=this.suspendedSlideDurationRemaining}render(){const{direction:e}=this;return i(a,{key:"2b23a26497312fd612f485c992fb7b9c8cdbb996"},i(g,{key:"7785faa3c6d065644f7629277d16be3165e1c576",disabled:this.disabled},i("div",{key:"2bfbfdb794a699d387009c69a47d25e384dbf179","aria-label":this.label,"aria-live":this.playing?"off":"polite","aria-roledescription":this.messages.carousel,class:{[I.container]:true,[I.containerOverlaid]:this.controlOverlay,[I.containerEdged]:this.arrowType==="edge"},onFocusin:this.handleFocusIn,onFocusout:this.handleFocusOut,onKeyDown:this.containerKeyDownHandler,onMouseEnter:this.handleMouseIn,onMouseLeave:this.handleMouseOut,ref:this.storeContainerRef,role:"group",tabIndex:0},i("section",{key:"56ec54ffe2e77efc01d566e4657f890e0c2276fc",class:{[I.itemContainer]:true,[I.itemContainerForward]:e==="forward",[I.itemContainerBackward]:e==="backward"},id:this.containerId,ref:this.storeItemContainerRef},i("slot",{key:"6f58f05da06d1a919c6a2607b8853f26cf8effea",onSlotchange:this.handleSlotChange})),this.items.length>1&&this.renderPaginationArea(),this.arrowType==="edge"&&this.renderArrow("previous"),this.arrowType==="edge"&&this.renderArrow("next"))))}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{autoplay:["autoplayWatcher"],messageOverrides:["onMessagesChange"],direction:["directionWatcher"],playing:["playingWatcher"],suspendedDueToFocus:["suspendWatcher"],suspendedDueToHover:["suspendWatcher"],effectiveLocale:["effectiveLocaleChange"]}}};A.style=D;const E={container:"container",selected:"selected"};const P=":host{display:flex}.container{display:none;inline-size:var(--calcite-container-size-content-fluid)}:host([selected]) .container{display:block}:host([hidden]){display:none}[hidden]{display:none}";const R=P;const F=class{constructor(t){e(this,t);this.guid=`calcite-carousel-item-${u()}`;this.label=undefined;this.selected=false}render(){const e=this.el.id||this.guid;return i(a,{key:"6d4ac387ae1b4748050c82d8387edd30e6c0e662",id:e},i("div",{key:"c6a4c67d99dd6e34198b2d128efb518e757277ce","aria-label":this.label,class:{[E.container]:true,[E.selected]:this.selected},role:"tabpanel"},i("slot",{key:"2ed94883d41dba5430a39933c6fe91bb25b12703"})))}get el(){return n(this)}};F.style=R;export{A as calcite_carousel,F as calcite_carousel_item};
-//# sourceMappingURL=p-0448a78d.entry.js.map

package/dist/calcite/p-06da7c67.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.1-next.2
- */
-import{d as r}from"./p-650a5c58.js";import"./p-fad0ec3b.js";import"./p-67a4e423.js";import"./p-bbf89f56.js";import"./p-2fea995f.js";import"./p-585e9a4e.js";import"./p-633e133f.js";import"./p-481078dd.js";import"./p-436132b3.js";import"./p-fed687be.js";import"./p-1a802881.js";import"./p-f23fec9c.js";import"./p-07d96bf4.js";import"./p-a1a7d99a.js";import"./p-150bf2a0.js";import"./p-e163469f.js";import"./p-16c8bf04.js";import"./p-25130cda.js";import"./p-dadc9c99.js";function e(r){return r>1&&r<5&&~~(r/10)!==1}function t(r,t,m,o){var a=r+" ";switch(m){case"s":return t||o?"pár sekúnd":"pár sekundami";case"m":return t?"minúta":o?"minútu":"minútou";case"mm":if(t||o){return a+(e(r)?"minúty":"minút")}return a+"minútami";case"h":return t?"hodina":o?"hodinu":"hodinou";case"hh":if(t||o){return a+(e(r)?"hodiny":"hodín")}return a+"hodinami";case"d":return t||o?"deň":"dňom";case"dd":if(t||o){return a+(e(r)?"dni":"dní")}return a+"dňami";case"M":return t||o?"mesiac":"mesiacom";case"MM":if(t||o){return a+(e(r)?"mesiace":"mesiacov")}return a+"mesiacmi";case"y":return t||o?"rok":"rokom";case"yy":if(t||o){return a+(e(r)?"roky":"rokov")}return a+"rokmi"}}var m={name:"sk",weekdays:"nedeľa_pondelok_utorok_streda_štvrtok_piatok_sobota".split("_"),weekdaysShort:"ne_po_ut_st_št_pi_so".split("_"),weekdaysMin:"ne_po_ut_st_št_pi_so".split("_"),months:"január_február_marec_apríl_máj_jún_júl_august_september_október_november_december".split("_"),monthsShort:"jan_feb_mar_apr_máj_jún_júl_aug_sep_okt_nov_dec".split("_"),weekStart:1,yearStart:4,ordinal:function r(e){return e+"."},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY H:mm",LLLL:"dddd D. MMMM YYYY H:mm",l:"D. M. YYYY"},relativeTime:{future:"za %s",past:"pred %s",s:t,m:t,mm:t,h:t,hh:t,d:t,dd:t,M:t,MM:t,y:t,yy:t}};r.locale(m,null,true);export{m as default};
-//# sourceMappingURL=p-06da7c67.js.map