@esri/calcite-components 1.0.0-next.644 → 1.0.0-next.645

package/hydrate/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.644
+ * v1.0.0-next.645
  */
 'use strict';
 
@@ -8401,7 +8401,7 @@ class ActionGroup {
   renderMenu() {
     const { el, expanded, intlMore, menuOpen, scale, layout } = this;
     const hasMenuItems = getSlotted(el, SLOTS$r.menuActions);
-    return hasMenuItems ? (hAsync("calcite-action-menu", { expanded: expanded, flipPlacements: ["left", "right"], label: intlMore || TEXT$t.more, onCalciteActionMenuOpenChange: this.setMenuOpen, open: menuOpen, placement: layout === "horizontal" ? "bottom-leading" : "leading-start", scale: scale }, hAsync("calcite-action", { icon: ICONS$g.menu, scale: scale, slot: SLOTS$s.trigger, text: intlMore || TEXT$t.more, textEnabled: expanded }), hAsync("slot", { name: SLOTS$r.menuActions }), this.renderTooltip())) : null;
+    return hasMenuItems ? (hAsync("calcite-action-menu", { expanded: expanded, flipPlacements: ["left", "right"], label: intlMore || TEXT$t.more, onCalciteActionMenuOpenChange: this.setMenuOpen, open: menuOpen, placement: layout === "horizontal" ? "bottom-start" : "leading-start", scale: scale }, hAsync("calcite-action", { icon: ICONS$g.menu, scale: scale, slot: SLOTS$s.trigger, text: intlMore || TEXT$t.more, textEnabled: expanded }), hAsync("slot", { name: SLOTS$r.menuActions }), this.renderTooltip())) : null;
   }
   render() {
     return (hAsync(Fragment, null, hAsync("slot", null), this.renderMenu()));
@@ -9346,12 +9346,6 @@ class Alert {
     //  Properties
     //
     //---------------------------------------------------------------------------
-    /**
-     * When `true`, displays and positions the component.
-     *
-     * @deprecated use `open` instead.
-     */
-    this.active = false;
     /** When `true`, displays and positions the component. */
     this.open = false;
     /** When `true`, the component closes automatically (recommended for passive, non-blocking alerts). */
@@ -9408,18 +9402,13 @@ class Alert {
       this.hasEndActions = slotChangeHasAssignedElement(event);
     };
   }
-  activeHandler(value) {
-    this.open = value;
-  }
-  openHandler(value) {
+  openHandler() {
     if (this.open && !this.queued) {
       this.calciteInternalAlertRegister.emit();
-      this.active = value;
     }
     if (!this.open) {
       this.queue = this.queue.filter((el) => el !== this.el);
       this.calciteInternalAlertSync.emit({ queue: this.queue });
-      this.active = false;
     }
   }
   updateRequestedIcon() {
@@ -9438,10 +9427,9 @@ class Alert {
   //--------------------------------------------------------------------------
   connectedCallback() {
     connectLocalized(this);
-    const open = this.open || this.active;
+    const open = this.open;
     if (open && !this.queued) {
-      this.activeHandler(open);
-      this.openHandler(open);
+      this.openHandler();
       this.calciteInternalAlertRegister.emit();
     }
     connectOpenCloseComponent(this);
@@ -9469,15 +9457,15 @@ class Alert {
     const queueNumber = this.queueLength > 2 ? this.queueLength - 1 : 1;
     const queueText = numberStringFormatter.numberFormatter.format(queueNumber);
     const queueCount = (hAsync("div", { class: `${this.queueLength > 1 ? "active " : ""}alert-queue-count` }, hAsync("calcite-chip", { scale: this.scale, value: queueText }, queueText)));
-    const { active, autoDismiss, label, placement, queued, requestedIcon } = this;
+    const { open, autoDismiss, label, placement, queued, requestedIcon } = this;
     const role = autoDismiss ? "alert" : "alertdialog";
-    const hidden = !active;
+    const hidden = !open;
     const slotNode = (hAsync("slot", { key: "actionsEndSlot", name: SLOTS$o.actionsEnd, onSlotchange: this.actionsEndSlotChangeHandler }));
     return (hAsync(Host, { "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "calcite-hydrated-hidden": hidden, role: role }, hAsync("div", { class: {
         container: true,
         queued,
         [placement]: true
-      }, ref: this.setTransitionEl }, requestedIcon ? (hAsync("div", { class: "alert-icon" }, hAsync("calcite-icon", { icon: requestedIcon, scale: this.scale === "l" ? "m" : "s" }))) : null, hAsync("div", { class: "alert-content" }, hAsync("slot", { name: SLOTS$o.title }), hAsync("slot", { name: SLOTS$o.message }), hAsync("slot", { name: SLOTS$o.link })), hAsync("div", { class: CSS$Q.actionsEnd, hidden: !hasEndActions }, slotNode), this.queueLength > 1 ? queueCount : null, !autoDismiss ? closeButton : null, active && !queued && autoDismiss ? hAsync("div", { class: "alert-dismiss-progress" }) : null)));
+      }, ref: this.setTransitionEl }, requestedIcon ? (hAsync("div", { class: "alert-icon" }, hAsync("calcite-icon", { icon: requestedIcon, scale: this.scale === "l" ? "m" : "s" }))) : null, hAsync("div", { class: "alert-content" }, hAsync("slot", { name: SLOTS$o.title }), hAsync("slot", { name: SLOTS$o.message }), hAsync("slot", { name: SLOTS$o.link })), hAsync("div", { class: CSS$Q.actionsEnd, hidden: !hasEndActions }, slotNode), this.queueLength > 1 ? queueCount : null, !autoDismiss ? closeButton : null, open && !queued && autoDismiss ? hAsync("div", { class: "alert-dismiss-progress" }) : null)));
   }
   // when an alert is opened or closed, update queue and determine active alert
   alertSync(event) {
@@ -9549,7 +9537,6 @@ class Alert {
   }
   get el() { return getElement(this); }
   static get watchers() { return {
-    "active": ["activeHandler"],
     "open": ["openHandler"],
     "icon": ["updateRequestedIcon"],
     "color": ["updateRequestedIcon"],
@@ -9560,7 +9547,6 @@ class Alert {
     "$flags$": 9,
     "$tagName$": "calcite-alert",
     "$members$": {
-      "active": [1540],
       "open": [1540],
       "autoDismiss": [516, "auto-dismiss"],
       "autoDismissDuration": [513, "auto-dismiss-duration"],
@@ -9581,7 +9567,7 @@ class Alert {
     },
     "$listeners$": [[8, "calciteInternalAlertSync", "alertSync"], [8, "calciteInternalAlertRegister", "alertRegister"]],
     "$lazyBundleId$": "-",
-    "$attrsToReflect$": [["active", "active"], ["open", "open"], ["autoDismiss", "auto-dismiss"], ["autoDismissDuration", "auto-dismiss-duration"], ["color", "color"], ["icon", "icon"], ["numberingSystem", "numbering-system"], ["placement", "placement"], ["scale", "scale"]]
+    "$attrsToReflect$": [["open", "open"], ["autoDismiss", "auto-dismiss"], ["autoDismissDuration", "auto-dismiss-duration"], ["color", "color"], ["icon", "icon"], ["numberingSystem", "numbering-system"], ["placement", "placement"], ["scale", "scale"]]
   }; }
 }
 
@@ -16088,22 +16074,12 @@ function filterComputedPlacements(placements, el) {
   }
   return filteredPlacements;
 }
-/*
-In floating-ui, "*-start" and "*-end" are already flipped in RTL.
-There is no need for our "*-leading" and "*-trailing" values anymore.
-https://github.com/floating-ui/floating-ui/issues/1530
-https://github.com/floating-ui/floating-ui/issues/1563
-*/
 function getEffectivePlacement(floatingEl, placement) {
   const placements = ["left", "right"];
   if (getElementDir(floatingEl) === "rtl") {
     placements.reverse();
   }
-  return placement
-    .replace(/-leading/gi, "-start")
-    .replace(/-trailing/gi, "-end")
-    .replace(/leading/gi, placements[0])
-    .replace(/trailing/gi, placements[1]);
+  return placement.replace(/leading/gi, placements[0]).replace(/trailing/gi, placements[1]);
 }
 /**
  * Convenience function to manage `reposition` calls for FloatingUIComponents that use `positionFloatingUI.
@@ -19743,7 +19719,7 @@ const CSS$B = {
 const flowCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-flow:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}/*!@.calcite-animate*/.calcite-animate.sc-calcite-flow{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-flow{animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-flow{animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-flow{animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-flow{animation-name:in-scale}@media (prefers-reduced-motion: reduce){/*!@:root*/.sc-calcite-flow:root{--calcite-internal-duration-factor:0.01}}/*!@:host*/.sc-calcite-flow-h{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}/*!@:host **/.sc-calcite-flow-h *.sc-calcite-flow{box-sizing:border-box}/*!@:root*/.sc-calcite-flow:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}/*!@:host([hidden])*/[hidden].sc-calcite-flow-h{display:none}/*!@:host*/.sc-calcite-flow-h{position:relative;display:flex;inline-size:100%;flex:1 1 auto;align-items:stretch;overflow:hidden;background-color:transparent}/*!@:host .frame*/.sc-calcite-flow-h .frame.sc-calcite-flow{position:relative;margin:0px;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;padding:0px}/*!@:host ::slotted(calcite-flow-item),\n:host ::slotted(calcite-panel)*/.sc-calcite-flow-h .sc-calcite-flow-s>calcite-flow-item,.sc-calcite-flow-h .sc-calcite-flow-s>calcite-panel{block-size:100%}/*!@:host ::slotted(.calcite-match-height:last-child)*/.sc-calcite-flow-h .sc-calcite-flow-s>.calcite-match-height:last-child{display:flex;flex:1 1 auto;overflow:hidden}/*!@:host .frame--advancing*/.sc-calcite-flow-h .frame--advancing.sc-calcite-flow{animation:calcite-frame-advance var(--calcite-animation-timing)}/*!@:host .frame--retreating*/.sc-calcite-flow-h .frame--retreating.sc-calcite-flow{animation:calcite-frame-retreat var(--calcite-animation-timing)}@keyframes calcite-frame-advance{0%{--tw-bg-opacity:0.5;transform:translate3d(50px, 0, 0)}100%{--tw-bg-opacity:1;transform:translate3d(0, 0, 0)}}@keyframes calcite-frame-retreat{0%{--tw-bg-opacity:0.5;transform:translate3d(-50px, 0, 0)}100%{--tw-bg-opacity:1;transform:translate3d(0, 0, 0)}}";
 
 /**
- * @slot - A slot for adding `calcite-flow-item` or `calcite-panel`s (deprecated) to the flow.
+ * @slot - A slot for adding `calcite-flow-item` to the component.
  */
 class Flow {
   constructor(hostRef) {
@@ -19762,7 +19738,7 @@ class Flow {
     };
     this.updateFlowProps = () => {
       const { el, items } = this;
-      const newItems = Array.from(el.querySelectorAll("calcite-flow-item, calcite-panel")).filter((flowItem) => !flowItem.matches("calcite-flow-item calcite-flow-item, calcite-panel calcite-panel"));
+      const newItems = Array.from(el.querySelectorAll("calcite-flow-item")).filter((flowItem) => !flowItem.matches("calcite-flow-item calcite-flow-item"));
       const oldItemCount = items.length;
       const newItemCount = newItems.length;
       const activeItem = newItems[newItemCount - 1];
@@ -19790,7 +19766,7 @@ class Flow {
   //
   // --------------------------------------------------------------------------
   /**
-   * Removes the currently active `calcite-flow-item` or `calcite-panel`.
+   * Removes the currently active `calcite-flow-item`.
    */
   async back() {
     const { items } = this;
@@ -19853,7 +19829,7 @@ class Flow {
       "items": [32],
       "back": [64]
     },
-    "$listeners$": [[0, "calciteFlowItemBackClick", "handleItemBackClick"], [0, "calcitePanelBackClick", "handleItemBackClick"]],
+    "$listeners$": [[0, "calciteFlowItemBack", "handleItemBackClick"]],
     "$lazyBundleId$": "-",
     "$attrsToReflect$": []
   }; }
@@ -19934,7 +19910,6 @@ class FlowItem {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.calciteFlowItemBack = createEvent(this, "calciteFlowItemBack", 6);
-    this.calciteFlowItemBackClick = createEvent(this, "calciteFlowItemBackClick", 6);
     this.calciteFlowItemScroll = createEvent(this, "calciteFlowItemScroll", 6);
     this.calciteFlowItemClose = createEvent(this, "calciteFlowItemClose", 6);
     // --------------------------------------------------------------------------
@@ -19976,7 +19951,6 @@ class FlowItem {
       this.calciteFlowItemClose.emit();
     };
     this.backButtonClick = () => {
-      this.calciteFlowItemBackClick.emit();
       this.calciteFlowItemBack.emit();
     };
     this.setBackRef = (node) => {
@@ -20049,9 +20023,9 @@ class FlowItem {
     return showBackButton ? (hAsync("calcite-action", { "aria-label": label, class: CSS$A.backButton, icon: icon, key: "flow-back-button", onClick: backButtonClick, ref: this.setBackRef, scale: "s", slot: "header-actions-start", text: label })) : null;
   }
   render() {
-    const { closable, closed, description, disabled, heading, headingLevel, heightScale, intlBack, intlClose, intlOptions, loading, menuOpen, widthScale, backButtonEl } = this;
+    const { closable, closed, description, disabled, heading, headingLevel, heightScale, intlClose, intlOptions, loading, menuOpen, widthScale, backButtonEl } = this;
     const label = this.getBackLabel();
-    return (hAsync(Host, null, hAsync("calcite-panel", { closable: closable, closed: closed, description: description, disabled: disabled, heading: heading, headingLevel: headingLevel, heightScale: heightScale, intlBack: intlBack, intlClose: intlClose, intlOptions: intlOptions, loading: loading, menuOpen: menuOpen, onCalcitePanelClose: this.handlePanelClose, onCalcitePanelScroll: this.handlePanelScroll, ref: this.setContainerRef, widthScale: widthScale }, this.renderBackButton(), hAsync("slot", { name: SLOTS$j.headerActionsStart, slot: SLOTS$i.headerActionsStart }), hAsync("slot", { name: SLOTS$j.headerActionsEnd, slot: SLOTS$i.headerActionsEnd }), hAsync("slot", { name: SLOTS$j.headerContent, slot: SLOTS$i.headerContent }), hAsync("slot", { name: SLOTS$j.headerMenuActions, slot: SLOTS$i.headerMenuActions }), hAsync("slot", { name: SLOTS$j.fab, slot: SLOTS$i.fab }), hAsync("slot", { name: SLOTS$j.footerActions, slot: SLOTS$i.footerActions }), hAsync("slot", { name: SLOTS$j.footer, slot: SLOTS$i.footer }), hAsync("slot", null)), backButtonEl ? (hAsync("calcite-tooltip", { label: label, overlayPositioning: "fixed", placement: "top", referenceElement: backButtonEl }, label)) : null));
+    return (hAsync(Host, null, hAsync("calcite-panel", { closable: closable, closed: closed, description: description, disabled: disabled, heading: heading, headingLevel: headingLevel, heightScale: heightScale, intlClose: intlClose, intlOptions: intlOptions, loading: loading, menuOpen: menuOpen, onCalcitePanelClose: this.handlePanelClose, onCalcitePanelScroll: this.handlePanelScroll, ref: this.setContainerRef, widthScale: widthScale }, this.renderBackButton(), hAsync("slot", { name: SLOTS$j.headerActionsStart, slot: SLOTS$i.headerActionsStart }), hAsync("slot", { name: SLOTS$j.headerActionsEnd, slot: SLOTS$i.headerActionsEnd }), hAsync("slot", { name: SLOTS$j.headerContent, slot: SLOTS$i.headerContent }), hAsync("slot", { name: SLOTS$j.headerMenuActions, slot: SLOTS$i.headerMenuActions }), hAsync("slot", { name: SLOTS$j.fab, slot: SLOTS$i.fab }), hAsync("slot", { name: SLOTS$j.footerActions, slot: SLOTS$i.footerActions }), hAsync("slot", { name: SLOTS$j.footer, slot: SLOTS$i.footer }), hAsync("slot", null)), backButtonEl ? (hAsync("calcite-tooltip", { label: label, overlayPositioning: "fixed", placement: "top", referenceElement: backButtonEl }, label)) : null));
   }
   get el() { return getElement(this); }
   static get style() { return flowItemCss; }
@@ -24326,7 +24300,6 @@ class List$1 {
       "filteredData": [1040],
       "filterPlaceholder": [513, "filter-placeholder"],
       "filterText": [1537, "filter-text"],
-      "headingLevel": [514, "heading-level"],
       "label": [1],
       "loading": [516],
       "openable": [4],
@@ -24338,7 +24311,7 @@ class List$1 {
     },
     "$listeners$": [[0, "calciteInternalFocusPreviousItem", "handleCalciteInternalFocusPreviousItem"], [0, "calciteInternalListItemSelect", "handleCalciteListItemSelect"]],
     "$lazyBundleId$": "-",
-    "$attrsToReflect$": [["disabled", "disabled"], ["filterEnabled", "filter-enabled"], ["filterPlaceholder", "filter-placeholder"], ["filterText", "filter-text"], ["headingLevel", "heading-level"], ["loading", "loading"], ["selectionMode", "selection-mode"], ["selectionAppearance", "selection-appearance"]]
+    "$attrsToReflect$": [["disabled", "disabled"], ["filterEnabled", "filter-enabled"], ["filterPlaceholder", "filter-placeholder"], ["filterText", "filter-text"], ["loading", "loading"], ["selectionMode", "selection-mode"], ["selectionAppearance", "selection-appearance"]]
   }; }
 }
 
@@ -24374,12 +24347,6 @@ class ListItem {
      * When `true`, interaction is prevented and the component is displayed with lower opacity.
      */
     this.disabled = false;
-    /**
-     * When `true`, prevents the content of the component from user interaction.
-     *
-     * @deprecated no longer necessary.
-     */
-    this.nonInteractive = false;
     /**
      * When true, item is open to show child components.
      */
@@ -24669,7 +24636,6 @@ class ListItem {
       "disabled": [516],
       "label": [1],
       "metadata": [16],
-      "nonInteractive": [516, "non-interactive"],
       "open": [1540],
       "setSize": [2, "set-size"],
       "setPosition": [2, "set-position"],
@@ -24689,7 +24655,7 @@ class ListItem {
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
-    "$attrsToReflect$": [["disabled", "disabled"], ["nonInteractive", "non-interactive"], ["open", "open"], ["selected", "selected"]]
+    "$attrsToReflect$": [["disabled", "disabled"], ["open", "open"], ["selected", "selected"]]
   }; }
 }
 
@@ -24746,12 +24712,11 @@ class ListItemGroup {
     "$members$": {
       "disabled": [516],
       "heading": [513],
-      "headingLevel": [514, "heading-level"],
       "visualLevel": [32]
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
-    "$attrsToReflect$": [["disabled", "disabled"], ["heading", "heading"], ["headingLevel", "heading-level"]]
+    "$attrsToReflect$": [["disabled", "disabled"], ["heading", "heading"]]
   }; }
 }
 
@@ -28243,18 +28208,6 @@ class Popover {
      * When `true`, clicking outside of the component automatically closes open `calcite-popover`s.
      */
     this.autoClose = false;
-    /**
-     * When `true`, a close button is added to the component.
-     *
-     * @deprecated use dismissible instead.
-     */
-    this.closeButton = false;
-    /**
-     * When `true`, a close button is added to the component.
-     *
-     * @deprecated use `closable` instead.
-     */
-    this.dismissible = false;
     /** When `true`, display a close button within the component. */
     this.closable = false;
     /**
@@ -28387,12 +28340,6 @@ class Popover {
       this.reposition(true);
     };
   }
-  handleDismissible(value) {
-    this.closable = value;
-  }
-  handleClosable(value) {
-    this.dismissible = value;
-  }
   flipPlacementsHandler() {
     this.setFilteredPlacements();
     this.reposition(true);
@@ -28430,13 +28377,6 @@ class Popover {
   connectedCallback() {
     this.setFilteredPlacements();
     connectOpenCloseComponent(this);
-    const closable = this.closable || this.dismissible;
-    if (closable) {
-      this.handleDismissible(closable);
-    }
-    if (closable) {
-      this.handleClosable(closable);
-    }
     this.setUpReferenceElement(this.hasLoaded);
   }
   componentWillLoad() {
@@ -28533,8 +28473,8 @@ class Popover {
   //
   // --------------------------------------------------------------------------
   renderCloseButton() {
-    const { closeButton, intlClose, closable } = this;
-    return closable || closeButton ? (hAsync("div", { class: CSS$h.closeButtonContainer }, hAsync("calcite-action", { class: CSS$h.closeButton, onClick: this.hide, ref: (closeButtonEl) => (this.closeButtonEl = closeButtonEl), scale: this.scale, text: intlClose }, hAsync("calcite-icon", { icon: "x", scale: this.scale === "l" ? "m" : this.scale })))) : null;
+    const { intlClose, closable } = this;
+    return closable ? (hAsync("div", { class: CSS$h.closeButtonContainer }, hAsync("calcite-action", { class: CSS$h.closeButton, onClick: this.hide, ref: (closeButtonEl) => (this.closeButtonEl = closeButtonEl), scale: this.scale, text: intlClose }, hAsync("calcite-icon", { icon: "x", scale: this.scale === "l" ? "m" : this.scale })))) : null;
   }
   renderHeader() {
     const { heading, headingLevel } = this;
@@ -28556,8 +28496,6 @@ class Popover {
   }
   get el() { return getElement(this); }
   static get watchers() { return {
-    "dismissible": ["handleDismissible"],
-    "closable": ["handleClosable"],
     "flipPlacements": ["flipPlacementsHandler"],
     "offsetDistance": ["offsetDistanceOffsetHandler"],
     "offsetSkidding": ["offsetSkiddingHandler"],
@@ -28572,8 +28510,6 @@ class Popover {
     "$tagName$": "calcite-popover",
     "$members$": {
       "autoClose": [516, "auto-close"],
-      "closeButton": [516, "close-button"],
-      "dismissible": [1540],
       "closable": [1540],
       "disableFlip": [516, "disable-flip"],
       "disableFocusTrap": [516, "disable-focus-trap"],
@@ -28598,7 +28534,7 @@ class Popover {
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
-    "$attrsToReflect$": [["autoClose", "auto-close"], ["closeButton", "close-button"], ["dismissible", "dismissible"], ["closable", "closable"], ["disableFlip", "disable-flip"], ["disableFocusTrap", "disable-focus-trap"], ["disablePointer", "disable-pointer"], ["headingLevel", "heading-level"], ["offsetDistance", "offset-distance"], ["offsetSkidding", "offset-skidding"], ["open", "open"], ["overlayPositioning", "overlay-positioning"], ["placement", "placement"], ["scale", "scale"], ["triggerDisabled", "trigger-disabled"]]
+    "$attrsToReflect$": [["autoClose", "auto-close"], ["closable", "closable"], ["disableFlip", "disable-flip"], ["disableFocusTrap", "disable-focus-trap"], ["disablePointer", "disable-pointer"], ["headingLevel", "heading-level"], ["offsetDistance", "offset-distance"], ["offsetSkidding", "offset-skidding"], ["open", "open"], ["overlayPositioning", "overlay-positioning"], ["placement", "placement"], ["scale", "scale"], ["triggerDisabled", "trigger-disabled"]]
   }; }
 }
 
@@ -29878,22 +29814,19 @@ class Select {
 
 const CSS$c = {
   main: "main",
-  mainReversed: "main--reversed",
   content: "content",
   contentBehind: "content--behind",
   footer: "footer"
 };
 const SLOTS$7 = {
   centerRow: "center-row",
-  primaryPanel: "primary-panel",
-  contextualPanel: "contextual-panel",
   panelStart: "panel-start",
   panelEnd: "panel-end",
   header: "header",
   footer: "footer"
 };
 
-const shellCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-shell:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}/*!@.calcite-animate*/.calcite-animate.sc-calcite-shell{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-shell{animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-shell{animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-shell{animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-shell{animation-name:in-scale}@media (prefers-reduced-motion: reduce){/*!@:root*/.sc-calcite-shell:root{--calcite-internal-duration-factor:0.01}}/*!@:host*/.sc-calcite-shell-h{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}/*!@:host **/.sc-calcite-shell-h *.sc-calcite-shell{box-sizing:border-box}/*!@:root*/.sc-calcite-shell:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}/*!@:host([hidden])*/[hidden].sc-calcite-shell-h{display:none}/*!@:host*/.sc-calcite-shell-h{position:absolute;inset:0px;display:flex;block-size:100%;inline-size:100%;flex-direction:column;overflow:hidden;--calcite-shell-tip-spacing:26vw}/*!@.main*/.main.sc-calcite-shell{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;flex-direction:row;justify-content:space-between;overflow:hidden}/*!@.main--reversed*/.main--reversed.sc-calcite-shell{flex-direction:row-reverse}/*!@.content*/.content.sc-calcite-shell{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;overflow:auto}/*!@.content ::slotted(calcite-shell-center-row),\n.content ::slotted(calcite-panel),\n.content ::slotted(calcite-flow)*/.content .sc-calcite-shell-s>calcite-shell-center-row,.content .sc-calcite-shell-s>calcite-panel,.content .sc-calcite-shell-s>calcite-flow{flex:1 1 auto;align-self:stretch;max-block-size:unset}/*!@.content--behind*/.content--behind.sc-calcite-shell{position:absolute;inset:0px;border-width:0px;z-index:calc(1 - 1);display:initial}/*!@::slotted(calcite-shell-center-row)*/.sc-calcite-shell-s>calcite-shell-center-row{inline-size:unset}/*!@::slotted(.header .heading)*/.sc-calcite-shell-s>.header .heading{font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal)}/*!@slot[name=panel-end]::slotted(calcite-shell-panel)*/slot[name=panel-end].sc-calcite-shell-s>calcite-shell-panel{margin-inline-start:auto}/*!@::slotted(calcite-shell-panel),\n::slotted(calcite-shell-center-row)*/.sc-calcite-shell-s>calcite-shell-panel,.sc-calcite-shell-s>calcite-shell-center-row{position:relative;z-index:1}/*!@::slotted(calcite-panel),\n::slotted(calcite-flow)*/.sc-calcite-shell-s>calcite-panel,.sc-calcite-shell-s>calcite-flow{border-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3)}/*!@slot[name=center-row]::slotted(calcite-shell-center-row:not([detached]))*/slot[name=center-row].sc-calcite-shell-s>calcite-shell-center-row:not([detached]){border-inline-start-width:1px;border-inline-end-width:1px;border-color:var(--calcite-ui-border-3)}/*!@::slotted(calcite-tip-manager)*/.sc-calcite-shell-s>calcite-tip-manager{position:absolute;z-index:500;box-sizing:border-box}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}/*!@::slotted(calcite-tip-manager)*/.sc-calcite-shell-s>calcite-tip-manager{animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;--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);inset-block-end:0.5rem;inset-inline:var(--calcite-shell-tip-spacing)}";
+const shellCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-shell:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}/*!@.calcite-animate*/.calcite-animate.sc-calcite-shell{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-shell{animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-shell{animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-shell{animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-shell{animation-name:in-scale}@media (prefers-reduced-motion: reduce){/*!@:root*/.sc-calcite-shell:root{--calcite-internal-duration-factor:0.01}}/*!@:host*/.sc-calcite-shell-h{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}/*!@:host **/.sc-calcite-shell-h *.sc-calcite-shell{box-sizing:border-box}/*!@:root*/.sc-calcite-shell:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}/*!@:host([hidden])*/[hidden].sc-calcite-shell-h{display:none}/*!@:host*/.sc-calcite-shell-h{position:absolute;inset:0px;display:flex;block-size:100%;inline-size:100%;flex-direction:column;overflow:hidden;--calcite-shell-tip-spacing:26vw}/*!@.main*/.main.sc-calcite-shell{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;flex-direction:row;justify-content:space-between;overflow:hidden}/*!@.content*/.content.sc-calcite-shell{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;overflow:auto}/*!@.content ::slotted(calcite-shell-center-row),\n.content ::slotted(calcite-panel),\n.content ::slotted(calcite-flow)*/.content .sc-calcite-shell-s>calcite-shell-center-row,.content .sc-calcite-shell-s>calcite-panel,.content .sc-calcite-shell-s>calcite-flow{flex:1 1 auto;align-self:stretch;max-block-size:unset}/*!@.content--behind*/.content--behind.sc-calcite-shell{position:absolute;inset:0px;border-width:0px;z-index:calc(1 - 1);display:initial}/*!@::slotted(calcite-shell-center-row)*/.sc-calcite-shell-s>calcite-shell-center-row{inline-size:unset}/*!@::slotted(.header .heading)*/.sc-calcite-shell-s>.header .heading{font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal)}/*!@slot[name=panel-end]::slotted(calcite-shell-panel)*/slot[name=panel-end].sc-calcite-shell-s>calcite-shell-panel{margin-inline-start:auto}/*!@::slotted(calcite-shell-panel),\n::slotted(calcite-shell-center-row)*/.sc-calcite-shell-s>calcite-shell-panel,.sc-calcite-shell-s>calcite-shell-center-row{position:relative;z-index:1}/*!@::slotted(calcite-panel),\n::slotted(calcite-flow)*/.sc-calcite-shell-s>calcite-panel,.sc-calcite-shell-s>calcite-flow{border-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3)}/*!@slot[name=center-row]::slotted(calcite-shell-center-row:not([detached]))*/slot[name=center-row].sc-calcite-shell-s>calcite-shell-center-row:not([detached]){border-inline-start-width:1px;border-inline-end-width:1px;border-color:var(--calcite-ui-border-3)}/*!@::slotted(calcite-tip-manager)*/.sc-calcite-shell-s>calcite-tip-manager{position:absolute;z-index:500;box-sizing:border-box}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}/*!@::slotted(calcite-tip-manager)*/.sc-calcite-shell-s>calcite-tip-manager{animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;--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);inset-block-end:0.5rem;inset-inline:var(--calcite-shell-tip-spacing)}";
 
 /**
  * @slot - A slot for adding content to the component. This content will appear between any leading and trailing panels added to the component, such as a map.
@@ -29901,8 +29834,6 @@ const shellCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{
  * @slot footer - A slot for adding footer content. This content will be positioned at the bottom of the component.
  * @slot panel-start - A slot for adding the starting `calcite-shell-panel`.
  * @slot panel-end - A slot for adding the ending `calcite-shell-panel`.
- * @slot primary-panel - [DEPRECATED] A slot for adding the leading `calcite-shell-panel`.
- * @slot contextual-panel - [DEPRECATED] A slot for adding the trailing `calcite-shell-panel`.
  * @slot center-row - A slot for adding content to the center row.
  */
 class Shell {
@@ -29960,12 +29891,7 @@ class Shell {
     return hasFooter ? (hAsync("div", { class: CSS$c.footer, key: "footer" }, hAsync("slot", { name: SLOTS$7.footer }))) : null;
   }
   renderMain() {
-    const primaryPanel = getSlotted(this.el, SLOTS$7.primaryPanel);
-    const mainClasses = {
-      [CSS$c.main]: true,
-      [CSS$c.mainReversed]: (primaryPanel === null || primaryPanel === void 0 ? void 0 : primaryPanel.position) === "end"
-    };
-    return (hAsync("div", { class: mainClasses }, hAsync("slot", { name: SLOTS$7.primaryPanel }), hAsync("slot", { name: SLOTS$7.panelStart }), this.renderContent(), hAsync("slot", { name: SLOTS$7.panelEnd }), hAsync("slot", { name: SLOTS$7.contextualPanel })));
+    return (hAsync("div", { class: CSS$c.main }, hAsync("slot", { name: SLOTS$7.panelStart }), this.renderContent(), hAsync("slot", { name: SLOTS$7.panelEnd })));
   }
   render() {
     return (hAsync(Fragment, null, this.renderHeader(), this.renderMain(), this.renderFooter()));
@@ -30087,7 +30013,6 @@ const shellPanelCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-
 class ShellPanel {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.calciteShellPanelToggle = createEvent(this, "calciteShellPanelToggle", 6);
     // --------------------------------------------------------------------------
     //
     //  Properties
@@ -30226,9 +30151,6 @@ class ShellPanel {
       (_a = this.separatorEl) === null || _a === void 0 ? void 0 : _a.removeEventListener("pointerdown", this.separatorPointerDown);
     };
   }
-  watchHandler() {
-    this.calciteShellPanelToggle.emit();
-  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -30300,9 +30222,6 @@ class ShellPanel {
     forceUpdate$1(this);
   }
   get el() { return getElement(this); }
-  static get watchers() { return {
-    "collapsed": ["watchHandler"]
-  }; }
   static get style() { return shellPanelCss; }
   static get cmpMeta() { return {
     "$flags$": 9,
@@ -37389,7 +37308,7 @@ const CSS$2 = {
 const TOOLTIP_DELAY_MS = 500;
 const ARIA_DESCRIBED_BY = "aria-describedby";
 
-class TooltipManager$1 {
+class TooltipManager {
   constructor() {
     // --------------------------------------------------------------------------
     //
@@ -37551,7 +37470,7 @@ class TooltipManager$1 {
 
 const tooltipCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-tooltip:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}/*!@.calcite-animate*/.calcite-animate.sc-calcite-tooltip{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-tooltip{animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-tooltip{animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-tooltip{animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-tooltip{animation-name:in-scale}@media (prefers-reduced-motion: reduce){/*!@:root*/.sc-calcite-tooltip:root{--calcite-internal-duration-factor:0.01}}/*!@:root*/.sc-calcite-tooltip:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}/*!@:host([hidden])*/[hidden].sc-calcite-tooltip-h{display:none}/*!@:host*/.sc-calcite-tooltip-h{display:block;position:absolute;z-index:999}/*!@.calcite-floating-ui-anim*/.calcite-floating-ui-anim.sc-calcite-tooltip{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:1;border-radius:0.25rem}/*!@:host([data-placement^=bottom]) .calcite-floating-ui-anim*/[data-placement^=bottom].sc-calcite-tooltip-h .calcite-floating-ui-anim.sc-calcite-tooltip{transform:translateY(-5px)}/*!@:host([data-placement^=top]) .calcite-floating-ui-anim*/[data-placement^=top].sc-calcite-tooltip-h .calcite-floating-ui-anim.sc-calcite-tooltip{transform:translateY(5px)}/*!@:host([data-placement^=left]) .calcite-floating-ui-anim*/[data-placement^=left].sc-calcite-tooltip-h .calcite-floating-ui-anim.sc-calcite-tooltip{transform:translateX(5px)}/*!@:host([data-placement^=right]) .calcite-floating-ui-anim*/[data-placement^=right].sc-calcite-tooltip-h .calcite-floating-ui-anim.sc-calcite-tooltip{transform:translateX(-5px)}/*!@:host([data-placement]) .calcite-floating-ui-anim--active*/[data-placement].sc-calcite-tooltip-h .calcite-floating-ui-anim--active.sc-calcite-tooltip{opacity:1;transform:translate(0)}/*!@:host([calcite-hydrated-hidden])*/[calcite-hydrated-hidden].sc-calcite-tooltip-h{visibility:hidden !important;pointer-events:none}/*!@.arrow,\n.arrow::before*/.arrow.sc-calcite-tooltip,.arrow.sc-calcite-tooltip::before{position:absolute;inline-size:8px;block-size:8px;z-index:-1}/*!@.arrow::before*/.arrow.sc-calcite-tooltip::before{content:\"\";--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transform:rotate(45deg);background:var(--calcite-ui-foreground-1)}/*!@:host([data-placement^=top]) .arrow*/[data-placement^=top].sc-calcite-tooltip-h .arrow.sc-calcite-tooltip{inset-block-end:-4px}/*!@:host([data-placement^=bottom]) .arrow*/[data-placement^=bottom].sc-calcite-tooltip-h .arrow.sc-calcite-tooltip{inset-block-start:-4px}/*!@:host([data-placement^=right]) .arrow,\n:host([data-placement^=left]) .arrow*/[data-placement^=right].sc-calcite-tooltip-h .arrow.sc-calcite-tooltip,[data-placement^=left].sc-calcite-tooltip-h .arrow.sc-calcite-tooltip{direction:ltr;text-align:start}/*!@:host([data-placement^=left]) .arrow*/[data-placement^=left].sc-calcite-tooltip-h .arrow.sc-calcite-tooltip{inset-inline-end:-4px}/*!@:host([data-placement^=right]) .arrow*/[data-placement^=right].sc-calcite-tooltip-h .arrow.sc-calcite-tooltip{inset-inline-start:-4px}/*!@.container*/.container.sc-calcite-tooltip{position:relative;overflow:hidden;border-radius:0.25rem;background-color:var(--calcite-ui-foreground-1);padding-block:0.75rem;padding-inline:1rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);max-inline-size:20rem;max-block-size:20rem;text-align:start}/*!@.calcite-floating-ui-anim*/.calcite-floating-ui-anim.sc-calcite-tooltip{border-radius:0.25rem;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1)}/*!@.arrow::before*/.arrow.sc-calcite-tooltip::before{outline:1px solid var(--calcite-ui-border-3)}";
 
-const manager = new TooltipManager$1();
+const manager = new TooltipManager();
 /**
  * @slot - A slot for adding text.
  */
@@ -37778,48 +37697,6 @@ class Tooltip {
   }; }
 }
 
-const tooltipManagerCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-tooltip-manager:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}/*!@.calcite-animate*/.calcite-animate.sc-calcite-tooltip-manager{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-tooltip-manager{animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-tooltip-manager{animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-tooltip-manager{animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-tooltip-manager{animation-name:in-scale}@media (prefers-reduced-motion: reduce){/*!@:root*/.sc-calcite-tooltip-manager:root{--calcite-internal-duration-factor:0.01}}/*!@:root*/.sc-calcite-tooltip-manager:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}/*!@:host([hidden])*/[hidden].sc-calcite-tooltip-manager-h{display:none}/*!@:host*/.sc-calcite-tooltip-manager-h{position:relative;display:block}";
-
-/**
- * @slot - A slot for adding elements that reference a `calcite-tooltip` by the `selector` property.
- * @deprecated No longer required for tooltip usage.
- */
-class TooltipManager {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    // --------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * CSS Selector to match reference elements for tooltips. Reference elements will be identified by this selector in order to open their associated tooltip.
-     *
-     * @default `[data-calcite-tooltip-reference]`
-     */
-    this.selector = "[data-calcite-tooltip-reference]";
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Render Methods
-  //
-  // --------------------------------------------------------------------------
-  render() {
-    return hAsync("slot", null);
-  }
-  static get style() { return tooltipManagerCss; }
-  static get cmpMeta() { return {
-    "$flags$": 9,
-    "$tagName$": "calcite-tooltip-manager",
-    "$members$": {
-      "selector": [513]
-    },
-    "$listeners$": undefined,
-    "$lazyBundleId$": "-",
-    "$attrsToReflect$": [["selector", "selector"]]
-  }; }
-}
-
 function isTreeItem(element) {
   return element === null || element === void 0 ? void 0 : element.matches("calcite-tree-item");
 }
@@ -38983,7 +38860,6 @@ registerComponents([
   TipGroup,
   TipManager,
   Tooltip,
-  TooltipManager,
   Tree,
   TreeItem,
   ValueList,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "1.0.0-next.644",
+  "version": "1.0.0-next.645",
   "description": "Web Components for Esri's Calcite Design System.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/calcite/p-0c81d8c5.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.644
- */
-import{r as t,h as e,F as i,g as a,c as n,f as o}from"./p-1b27c4fd.js";import{g as l,a as c,i as r}from"./p-4269c0a1.js";import{c as s,d}from"./p-52b0bd3d.js";import{c as h}from"./p-9aa13057.js";import"./p-dad20ab8.js";import"./p-3cba1323.js";import"./p-b6553905.js";const p=class{constructor(e){t(this,e),this.contentBehind=!1}connectedCallback(){s(this)}disconnectedCallback(){d(this)}renderHeader(){return l(this.el,"header")?e("slot",{key:"header",name:"header"}):null}renderContent(){const t=e("slot",{key:"default-slot"}),i=e("slot",{key:"center-row-slot",name:"center-row"}),a="content-container";return this.contentBehind?[e("div",{class:{content:!0,"content--behind":!0},key:a},t),i]:[e("div",{class:"content",key:a},t,i)]}renderFooter(){return l(this.el,"footer")?e("div",{class:"footer",key:"footer"},e("slot",{name:"footer"})):null}renderMain(){const t=l(this.el,"primary-panel");return e("div",{class:{main:!0,"main--reversed":"end"===(null==t?void 0:t.position)}},e("slot",{name:"primary-panel"}),e("slot",{name:"panel-start"}),this.renderContent(),e("slot",{name:"panel-end"}),e("slot",{name:"contextual-panel"}))}render(){return e(i,null,this.renderHeader(),this.renderMain(),this.renderFooter())}get el(){return a(this)}};p.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:absolute;inset:0px;display:flex;block-size:100%;inline-size:100%;flex-direction:column;overflow:hidden;--calcite-shell-tip-spacing:26vw}.main{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;flex-direction:row;justify-content:space-between;overflow:hidden}.main--reversed{flex-direction:row-reverse}.content{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;overflow:auto}.content ::slotted(calcite-shell-center-row),.content ::slotted(calcite-panel),.content ::slotted(calcite-flow){flex:1 1 auto;align-self:stretch;max-block-size:unset}.content--behind{position:absolute;inset:0px;border-width:0px;z-index:calc(1 - 1);display:initial}::slotted(calcite-shell-center-row){inline-size:unset}::slotted(.header .heading){font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal)}slot[name=panel-end]::slotted(calcite-shell-panel){margin-inline-start:auto}::slotted(calcite-shell-panel),::slotted(calcite-shell-center-row){position:relative;z-index:1}::slotted(calcite-panel),::slotted(calcite-flow){border-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3)}slot[name=center-row]::slotted(calcite-shell-center-row:not([detached])){border-inline-start-width:1px;border-inline-end-width:1px;border-color:var(--calcite-ui-border-3)}::slotted(calcite-tip-manager){position:absolute;z-index:500;box-sizing:border-box}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}::slotted(calcite-tip-manager){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;--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);inset-block-end:0.5rem;inset-inline:var(--calcite-shell-tip-spacing)}";const m=class{constructor(e){t(this,e),this.detached=!1,this.heightScale="s",this.position="end"}connectedCallback(){s(this)}disconnectedCallback(){d(this)}render(){const{el:t}=this,a=e("div",{class:"content"},e("slot",null)),n=l(t,"action-bar"),o=[n?e("div",{class:"action-bar-container",key:"action-bar"},e("slot",{name:"action-bar"})):null,a];return"end"===(null==n?void 0:n.position)&&o.reverse(),e(i,null,o)}get el(){return a(this)}};m.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:flex;flex:1 1 auto;overflow:hidden;background-color:transparent}.content{margin:0px;display:flex;block-size:100%;inline-size:100%;overflow:hidden;flex:1 0 0}.action-bar-container{display:flex}:host([detached]){margin-inline:0.5rem;margin-block:0.5rem 1.5rem}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}:host([detached]){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;border-width:0px;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([position=end]){align-self:flex-end}:host([position=start]){align-self:flex-start}:host([height-scale=s]){block-size:33.333333%}:host([height-scale=m]){block-size:70%}:host([height-scale=l]){block-size:100%}:host([height-scale=l][detached]){block-size:calc(100% - 2rem)}::slotted(calcite-panel){block-size:100%;inline-size:100%}::slotted(calcite-action-bar),::slotted(calcite-action-bar[position=end]){border-inline-end:1px solid;border-color:var(--calcite-ui-border-3)}";const u=class{constructor(e){t(this,e),this.calciteShellPanelToggle=n(this,"calciteShellPanelToggle",6),this.collapsed=!1,this.detached=!1,this.detachedHeightScale="l",this.widthScale="m",this.intlResize="Resize",this.resizable=!1,this.contentWidth=null,this.initialContentWidth=null,this.initialClientX=null,this.contentWidthMax=null,this.contentWidthMin=null,this.step=1,this.stepMultiplier=10,this.storeContentEl=t=>{this.contentEl=t},this.getKeyAdjustedWidth=t=>{const{key:e}=t,{el:i,step:a,stepMultiplier:n,contentWidthMin:o,contentWidthMax:l,initialContentWidth:r,position:s}=this,d=a*n;["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageUp","PageDown"].indexOf(e)>-1&&t.preventDefault();const h=["ArrowLeft","ArrowRight"],p="rtl"===c(i)&&h.includes(e)?-1:1;return"ArrowUp"===e||("end"===s?e===h[0]:e===h[1])?r+p*(t.shiftKey?d:a):"ArrowDown"===e||("end"===s?e===h[1]:e===h[0])?r-p*(t.shiftKey?d:a):"number"==typeof o&&"Home"===e?o:"number"==typeof l&&"End"===e?l:"PageDown"===e?r-d:"PageUp"===e?r+d:null},this.separatorKeyDown=t=>{this.setInitialContentWidth();const e=this.getKeyAdjustedWidth(t);"number"==typeof e&&this.setContentWidth(e)},this.separatorPointerMove=t=>{t.preventDefault();const{el:e,initialContentWidth:i,position:a,initialClientX:n}=this,o=t.clientX-n,l="rtl"===c(e)?-1:1;this.setContentWidth(i+("end"===a?-l*o:l*o))},this.separatorPointerUp=t=>{r(t)&&(t.preventDefault(),document.removeEventListener("pointerup",this.separatorPointerUp),document.removeEventListener("pointermove",this.separatorPointerMove))},this.setInitialContentWidth=()=>{var t;this.initialContentWidth=null===(t=this.contentEl)||void 0===t?void 0:t.getBoundingClientRect().width},this.separatorPointerDown=t=>{if(!r(t))return;t.preventDefault();const{separatorEl:e}=this;e&&document.activeElement!==e&&e.focus(),this.setInitialContentWidth(),this.initialClientX=t.clientX,document.addEventListener("pointerup",this.separatorPointerUp),document.addEventListener("pointermove",this.separatorPointerMove)},this.connectSeparator=t=>{this.disconnectSeparator(),this.separatorEl=t,t.addEventListener("pointerdown",this.separatorPointerDown)},this.disconnectSeparator=()=>{var t;null===(t=this.separatorEl)||void 0===t||t.removeEventListener("pointerdown",this.separatorPointerDown)}}watchHandler(){this.calciteShellPanelToggle.emit()}connectedCallback(){s(this)}disconnectedCallback(){d(this),this.disconnectSeparator()}componentDidLoad(){this.updateAriaValues()}renderHeader(){const{el:t}=this;return l(t,"header")?e("div",{class:"content__header",key:"header"},e("slot",{name:"header"})):null}render(){const{collapsed:t,detached:i,position:a,initialContentWidth:n,contentWidth:o,contentWidthMax:l,contentWidthMin:c,intlResize:r,resizable:s}=this,d=!i&&s,h=e("div",{class:{content:!0,"content--detached":i},hidden:t,key:"content",ref:this.storeContentEl,style:d&&o?{width:`${o}px`}:null},this.renderHeader(),e("div",{class:"content__body"},e("slot",null))),p=d?e("div",{"aria-label":r,"aria-orientation":"horizontal","aria-valuemax":l,"aria-valuemin":c,"aria-valuenow":null!=o?o:n,class:"separator",key:"separator",onKeyDown:this.separatorKeyDown,ref:this.connectSeparator,role:"separator",tabIndex:0,"touch-action":"none"}):null,m=[e("slot",{key:"action-bar",name:"action-bar"}),h,p];return"end"===a&&m.reverse(),e("div",{class:{container:!0}},m)}setContentWidth(t){const{contentWidthMax:e,contentWidthMin:i}=this,a=Math.round(t);this.contentWidth="number"==typeof e&&"number"==typeof i?h(a,i,e):a}updateAriaValues(){const{contentEl:t}=this,e=t&&getComputedStyle(t);if(!e)return;const i=parseInt(e.getPropertyValue("max-width"),10),a=parseInt(e.getPropertyValue("min-width"),10),n=parseInt(e.getPropertyValue("width"),10);"number"!=typeof n||isNaN(n)||(this.initialContentWidth=n),"number"!=typeof i||isNaN(i)||(this.contentWidthMax=i),"number"!=typeof a||isNaN(a)||(this.contentWidthMin=a),o(this)}get el(){return a(this)}static get watchers(){return{collapsed:["watchHandler"]}}};u.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{pointer-events:none;display:flex;flex:0 1 auto;align-items:stretch;--calcite-shell-panel-detached-max-height:unset}.container{pointer-events:none;box-sizing:border-box;display:flex;flex:1 1 auto;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2)}.container *{box-sizing:border-box}:host(:hover) .separator:not(:hover):not(:focus),:host(:focus-within) .separator:not(:hover):not(:focus){opacity:1;background-color:var(--calcite-ui-border-3)}.separator{pointer-events:auto;position:absolute;inset-block:0px;display:flex;block-size:100%;inline-size:0.125rem;background-color:transparent;opacity:0;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;cursor:col-resize;outline:none}.separator:hover{opacity:1;background-color:var(--calcite-ui-border-2)}.separator:focus{background-color:var(--calcite-ui-brand);opacity:1}:host([position=start]) .separator{inset-inline-end:-2px}:host([position=end]) .separator{inset-inline-start:-2px}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%;inline-size:100%;flex:1 1 auto;max-block-size:unset;max-inline-size:unset}::slotted(.calcite-match-height){display:flex;flex:1 1 auto;overflow:hidden}.content{pointer-events:auto;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;align-self:stretch;background-color:var(--calcite-ui-background);padding:0px;inline-size:var(--calcite-shell-panel-width);max-inline-size:var(--calcite-shell-panel-max-width);min-inline-size:var(--calcite-shell-panel-min-width);transition:max-block-size var(--calcite-animation-timing), max-inline-size var(--calcite-animation-timing)}.content__header{display:flex;flex:0 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch}.content__body{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}:host([width-scale=s]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 12vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 300px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 150px)}:host([width-scale=m]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 20vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 420px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}:host([width-scale=l]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 45vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 680px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 340px)}:host([detached-height-scale=s]) .content--detached{--calcite-shell-panel-detached-max-height:40vh}:host([detached-height-scale=m]) .content--detached{--calcite-shell-panel-detached-max-height:60vh}:host([detached-height-scale=l]) .content--detached{--calcite-shell-panel-detached-max-height:80vh}.content--detached{margin-inline:0.5rem;margin-block:0.5rem auto;block-size:auto;overflow:hidden;border-radius:0.25rem;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);max-block-size:var(--calcite-shell-panel-detached-max-height)}.content--detached ::slotted(calcite-panel),.content--detached ::slotted(calcite-flow){max-block-size:unset}:host([position=start]) .content--detached ::slotted(calcite-panel),:host([position=start]) .content--detached ::slotted(calcite-flow),:host([position=end]) .content--detached ::slotted(calcite-panel),:host([position=end]) .content--detached ::slotted(calcite-flow){border-style:none}.content[hidden]{display:none}slot[name=action-bar]::slotted(calcite-action-bar),.content ::slotted(calcite-flow),.content ::slotted(calcite-panel:not([dismissed])){border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}:host([position=start]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start]) .content ::slotted(calcite-flow),:host([position=start]) .content ::slotted(calcite-panel){border-inline-start:none}:host([position=end]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end]) .content ::slotted(calcite-flow),:host([position=end]) .content ::slotted(calcite-panel){border-inline-end:none}";export{p as calcite_shell,m as calcite_shell_center_row,u as calcite_shell_panel}

package/dist/calcite/p-35e71407.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.644
- */
-import{r as t,c as e,h as i,H as a,g as s}from"./p-1b27c4fd.js";import{s as n,b as o,t as l,g as r}from"./p-4269c0a1.js";import{S as c}from"./p-19cb03e2.js";import{c as d,d as h}from"./p-41ebc630.js";import{c as m,d as u,n as p}from"./p-f38d2f19.js";import{s as g,a as f,c as v}from"./p-d0c5e979.js";import"./p-dad20ab8.js";import"./p-3cba1323.js";import"./p-10f57c29.js";import"./p-b6553905.js";const b={slow:14e3,medium:1e4,fast:6e3},k=class{constructor(i){t(this,i),this.calciteAlertBeforeClose=e(this,"calciteAlertBeforeClose",6),this.calciteAlertClose=e(this,"calciteAlertClose",6),this.calciteAlertBeforeOpen=e(this,"calciteAlertBeforeOpen",6),this.calciteAlertOpen=e(this,"calciteAlertOpen",6),this.calciteInternalAlertSync=e(this,"calciteInternalAlertSync",6),this.calciteInternalAlertRegister=e(this,"calciteInternalAlertRegister",6),this.active=!1,this.open=!1,this.autoDismiss=!1,this.autoDismissDuration=this.autoDismiss?"medium":null,this.color="blue",this.intlClose="Close",this.placement="bottom",this.scale="m",this.effectiveLocale="",this.hasEndActions=!1,this.queue=[],this.queueLength=0,this.queued=!1,this.autoDismissTimeoutId=null,this.trackTimer=Date.now(),this.openTransitionProp="opacity",this.setTransitionEl=t=>{this.transitionEl=t,d(this)},this.closeAlert=()=>{this.autoDismissTimeoutId=null,this.queued=!1,this.open=!1,this.queue=this.queue.filter((t=>t!==this.el)),this.determineActiveAlert(),this.calciteInternalAlertSync.emit({queue:this.queue})},this.actionsEndSlotChangeHandler=t=>{this.hasEndActions=n(t)}}activeHandler(t){this.open=t}openHandler(t){this.open&&!this.queued&&(this.calciteInternalAlertRegister.emit(),this.active=t),this.open||(this.queue=this.queue.filter((t=>t!==this.el)),this.calciteInternalAlertSync.emit({queue:this.queue}),this.active=!1)}updateRequestedIcon(){this.requestedIcon=o(c,this.icon,this.color)}updateDuration(){this.autoDismiss&&this.autoDismissTimeoutId&&(window.clearTimeout(this.autoDismissTimeoutId),this.autoDismissTimeoutId=window.setTimeout((()=>this.closeAlert()),b[this.autoDismissDuration]-(Date.now()-this.trackTimer)))}connectedCallback(){m(this);const t=this.open||this.active;t&&!this.queued&&(this.activeHandler(t),this.openHandler(t),this.calciteInternalAlertRegister.emit()),d(this)}componentWillLoad(){g(this),this.requestedIcon=o(c,this.icon,this.color)}componentDidLoad(){f(this)}disconnectedCallback(){window.clearTimeout(this.autoDismissTimeoutId),h(this),u(this)}render(){const{hasEndActions:t}=this,e=i("button",{"aria-label":this.intlClose,class:"alert-close",onClick:this.closeAlert,ref:t=>this.closeButton=t,type:"button"},i("calcite-icon",{icon:"x",scale:"l"===this.scale?"m":"s"}));p.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,signDisplay:"always"};const s=p.numberFormatter.format(this.queueLength>2?this.queueLength-1:1),n=i("div",{class:(this.queueLength>1?"active ":"")+"alert-queue-count"},i("calcite-chip",{scale:this.scale,value:s},s)),{active:o,autoDismiss:r,label:c,placement:d,queued:h,requestedIcon:m}=this,u=r?"alert":"alertdialog",g=!o,f=i("slot",{key:"actionsEndSlot",name:"actions-end",onSlotchange:this.actionsEndSlotChangeHandler});return i(a,{"aria-hidden":l(g),"aria-label":c,"calcite-hydrated-hidden":g,role:u},i("div",{class:{container:!0,queued:h,[d]:!0},ref:this.setTransitionEl},m?i("div",{class:"alert-icon"},i("calcite-icon",{icon:m,scale:"l"===this.scale?"m":"s"})):null,i("div",{class:"alert-content"},i("slot",{name:"title"}),i("slot",{name:"message"}),i("slot",{name:"link"})),i("div",{class:"actions-end",hidden:!t},f),this.queueLength>1?n:null,r?null:e,o&&!h&&r?i("div",{class:"alert-dismiss-progress"}):null))}alertSync(t){this.queue!==t.detail.queue&&(this.queue=t.detail.queue),this.queueLength=this.queue.length,this.determineActiveAlert(),t.stopPropagation()}alertRegister(){this.open&&!this.queue.includes(this.el)&&(this.queued=!0,this.queue.push(this.el)),this.calciteInternalAlertSync.emit({queue:this.queue}),this.determineActiveAlert()}async setFocus(){await v(this);const t=r(this.el,{selector:"calcite-link"});(this.closeButton||t)&&(t?t.setFocus():this.closeButton&&this.closeButton.focus())}determineActiveAlert(){var t;(null===(t=this.queue)||void 0===t?void 0:t[0])===this.el&&(this.openAlert(),this.autoDismiss&&!this.autoDismissTimeoutId&&(this.trackTimer=Date.now(),this.autoDismissTimeoutId=window.setTimeout((()=>this.closeAlert()),b[this.autoDismissDuration])))}onBeforeOpen(){this.calciteAlertBeforeOpen.emit()}onOpen(){this.calciteAlertOpen.emit()}onBeforeClose(){this.calciteAlertBeforeClose.emit()}onClose(){this.calciteAlertClose.emit()}openAlert(){window.clearTimeout(this.queueTimeout),this.queueTimeout=window.setTimeout((()=>this.queued=!1),300)}get el(){return s(this)}static get watchers(){return{active:["activeHandler"],open:["openHandler"],icon:["updateRequestedIcon"],color:["updateRequestedIcon"],autoDismissDuration:["updateDuration"]}}};k.style='@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){--calcite-alert-width:40em;--calcite-alert-spacing-token-small:0.5rem;--calcite-alert-spacing-token-large:0.75rem}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .alert-queue-count{margin-inline:0.5rem}:host([scale=s]) .container{--calcite-alert-min-height:3.5rem}:host([scale=s]) .alert-close{padding:0.5rem}:host([scale=m]){--calcite-alert-width:50em;--calcite-alert-spacing-token-small:0.75rem;--calcite-alert-spacing-token-large:1rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .alert-queue-count{margin-inline:0.75rem}:host([scale=m]) .container{--calcite-alert-min-height:4.1875rem}:host([scale=l]){--calcite-alert-width:60em;--calcite-alert-spacing-token-small:1rem;--calcite-alert-spacing-token-large:1.25rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){margin-block-end:0.25rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .alert-queue-count{margin-inline:1rem}:host([scale=l]) .container{--calcite-alert-min-height:5.625rem}:host{--calcite-alert-edge-distance:2rem;display:block}:host .container{pointer-events:none;position:fixed;z-index:500;margin-block:0px;margin-inline:auto;display:flex;align-items:center;justify-content:center;background-color:var(--calcite-ui-foreground-1);opacity:0;--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-radius:var(--calcite-border-radius);border-block-start:0px solid transparent;border-inline:1px solid var(--calcite-ui-border-3);border-block-end:1px solid var(--calcite-ui-border-3);min-block-size:var(--calcite-alert-min-height);inline-size:var(--calcite-alert-width);max-inline-size:calc(100% - (var(--calcite-alert-edge-distance) * 2 + 2px));max-block-size:0;transition:var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out}:host .container.bottom,:host .container.top{inset-inline-end:0;inset-inline-start:0}:host .container[class*=bottom]{transform:translate3d(0, var(--calcite-alert-edge-distance), 0);inset-block-end:var(--calcite-alert-edge-distance)}:host .container[class*=top]{transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);inset-block-start:var(--calcite-alert-edge-distance)}:host .container[class*=-start]{inset-inline-start:var(--calcite-alert-edge-distance);inset-inline-end:auto}:host .container[class*=-end]{inset-inline-end:var(--calcite-alert-edge-distance);inset-inline-start:auto}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}[hidden]{display:none}.container{display:flex;inline-size:100%;align-items:center;justify-content:center}.alert-close{outline-color:transparent}.alert-close:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([open]) .container:not(.queued){max-block-size:100%;border-block-start-width:2px;opacity:1;pointer-events:initial}:host([open]) .container:not(.queued)[class*=bottom]{transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit)}:host([open]) .container:not(.queued)[class*=top]{transform:translate3d(0, var(--calcite-alert-edge-distance), inherit)}slot[name=title]::slotted(*),*::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){margin:0px;display:inline;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2);margin-inline-end:0.5rem}slot[name=link]::slotted(*),*::slotted([slot=link]){display:inline-flex;color:var(--calcite-ui-text-link)}.alert-content{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-inline:var(--calcite-alert-spacing-token-large);flex:0 0 auto;overflow-wrap:break-word;background-color:var(--calcite-ui-foreground-1);flex:1 1 auto;min-inline-size:0;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:0 var(--calcite-alert-spacing-token-small);border-end-start-radius:var(--calcite-border-radius);border-end-end-radius:var(--calcite-border-radius)}.alert-content:first-of-type:not(:only-child){padding-inline-start:var(--calcite-alert-spacing-token-large)}.alert-content:only-child{padding:var(--calcite-alert-spacing-token-small)}.alert-icon{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:var(--calcite-alert-spacing-token-large);flex:0 0 auto;display:flex;align-items:center;align-self:stretch;background-color:var(--calcite-ui-foreground-1);padding-block:0px}.alert-close{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:var(--calcite-alert-spacing-token-large);flex:0 0 auto;cursor:pointer;align-self:stretch;overflow:hidden;border-style:none;background-color:var(--calcite-ui-foreground-1);padding-block:0px;color:var(--calcite-ui-text-3);outline:2px solid transparent;outline-offset:2px;border-end-end-radius:var(--calcite-border-radius)}.alert-close:hover,.alert-close:focus{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.alert-close:open{background-color:var(--calcite-ui-foreground-3)}.alert-queue-count{visibility:hidden;display:flex;cursor:default;align-items:center;justify-content:space-around;align-self:stretch;overflow:hidden;background-color:var(--calcite-ui-foreground-1);text-align:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2);opacity:0;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline:0px solid transparent;border-start-end-radius:0}.alert-queue-count.active{visibility:visible;opacity:1}:host([auto-dismiss])>.alert-queue-count{border-inline-end:0px solid transparent}.alert-dismiss-progress{position:absolute;display:block;inline-size:100%;overflow:hidden;inset-inline:0;inset-block-start:-2px;block-size:2px;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.alert-dismiss-progress:after{position:absolute;inset-block-start:0px;display:block;block-size:2px;content:"";background-color:var(--calcite-alert-dismiss-progress-background);inset-inline-end:0}.actions-end{display:flex;align-self:stretch}:host([color=blue]) .container{border-block-start-color:var(--calcite-ui-info)}:host([color=blue]) .container .alert-icon{color:var(--calcite-ui-info)}:host([color=red]) .container{border-block-start-color:var(--calcite-ui-danger)}:host([color=red]) .container .alert-icon{color:var(--calcite-ui-danger)}:host([color=yellow]) .container{border-block-start-color:var(--calcite-ui-warning)}:host([color=yellow]) .container .alert-icon{color:var(--calcite-ui-warning)}:host([color=green]) .container{border-block-start-color:var(--calcite-ui-success)}:host([color=green]) .container .alert-icon{color:var(--calcite-ui-success)}:host([auto-dismiss-duration=fast]) .alert-dismiss-progress:after{animation:dismissProgress 6000ms ease-out}:host([auto-dismiss-duration=medium]) .alert-dismiss-progress:after{animation:dismissProgress 10000ms ease-out}:host([auto-dismiss-duration=slow]) .alert-dismiss-progress:after{animation:dismissProgress 14000ms ease-out}@keyframes dismissProgress{0%{inline-size:0px;opacity:0.75}100%{inline-size:100%;opacity:1}}';export{k as calcite_alert}