@esri/calcite-components 1.3.0-next.2 → 1.3.0-next.4

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.3.0-next.2
+ * v1.3.0-next.4
  */
 'use strict';
 
@@ -16805,16 +16805,14 @@ function connectFloatingUI(component, referenceEl, floatingEl) {
     return;
   }
   disconnectFloatingUI(component, referenceEl, floatingEl);
-  const position = component.overlayPositioning;
-  // ensure position matches for initial positioning
   Object.assign(floatingEl.style, {
     visibility: "hidden",
     pointerEvents: "none",
-    position
+    // initial positioning based on https://floating-ui.com/docs/computePosition#initial-layout
+    position: component.overlayPositioning,
+    top: "0",
+    left: "0"
   });
-  if (position === "absolute") {
-    resetPosition(floatingEl);
-  }
   const runAutoUpdate = (_refEl, _floatingEl, updateCallback) => {
       updateCallback();
       return () => {
@@ -16834,7 +16832,6 @@ function disconnectFloatingUI(component, referenceEl, floatingEl) {
   if (!floatingEl || !referenceEl) {
     return;
   }
-  getTransitionTarget(floatingEl).removeEventListener("transitionend", handleTransitionElTransitionEnd);
   const cleanup = cleanupMap.get(component);
   if (cleanup) {
     cleanup();
@@ -16848,43 +16845,6 @@ const visiblePointerSize = 4;
  * @default 6
  */
 const defaultOffsetDistance = Math.ceil(Math.hypot(visiblePointerSize, visiblePointerSize));
-/**
- * This utils applies floating element styles to avoid affecting layout when closed.
- *
- * This should be called when the closing transition will start.
- *
- * @param floatingEl
- */
-function updateAfterClose(floatingEl) {
-  if (!floatingEl || floatingEl.style.position !== "absolute") {
-    return;
-  }
-  getTransitionTarget(floatingEl).addEventListener("transitionend", handleTransitionElTransitionEnd);
-}
-function getTransitionTarget(floatingEl) {
-  // assumes floatingEl w/ shadowRoot is a FloatingUIComponent
-  return floatingEl.shadowRoot || floatingEl;
-}
-function handleTransitionElTransitionEnd(event) {
-  const floatingTransitionEl = event.target;
-  if (
-  // using any prop from floating-ui transition
-  event.propertyName === "opacity" &&
-    floatingTransitionEl.classList.contains(FloatingCSS.animation)) {
-    const floatingEl = getFloatingElFromTransitionTarget(floatingTransitionEl);
-    resetPosition(floatingEl);
-    getTransitionTarget(floatingEl).removeEventListener("transitionend", handleTransitionElTransitionEnd);
-  }
-}
-function resetPosition(floatingEl) {
-  // resets position to better match https://floating-ui.com/docs/computePosition#initial-layout
-  floatingEl.style.transform = "";
-  floatingEl.style.top = "0";
-  floatingEl.style.left = "0";
-}
-function getFloatingElFromTransitionTarget(floatingTransitionEl) {
-  return closestElementCrossShadowBoundary(floatingTransitionEl, `[${placementDataAttribute}]`);
-}
 
 const ComboboxItem$1 = "CALCITE-COMBOBOX-ITEM";
 const ComboboxItemGroup$1 = "CALCITE-COMBOBOX-ITEM-GROUP";
@@ -17238,10 +17198,7 @@ class Combobox {
     this.effectiveLocale = undefined;
     this.defaultMessages = undefined;
   }
-  openHandler(value) {
-    if (!value) {
-      updateAfterClose(this.floatingEl);
-    }
+  openHandler() {
     if (this.disabled) {
       this.open = false;
       return;
@@ -17352,7 +17309,7 @@ class Combobox {
     this.setFilteredPlacements();
     this.reposition(true);
     if (this.open) {
-      this.openHandler(this.open);
+      this.openHandler();
     }
   }
   async componentWillLoad() {
@@ -17908,7 +17865,7 @@ const CSS$J = {
   title: "title"
 };
 
-const comboboxItemGroupCss = "@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-combobox-item-group: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-combobox-item-group{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-combobox-item-group{animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-combobox-item-group{animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-combobox-item-group{animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-combobox-item-group{animation-name:in-scale}@media (prefers-reduced-motion: reduce){/*!@:root*/.sc-calcite-combobox-item-group:root{--calcite-internal-duration-factor:0.01}}/*!@:root*/.sc-calcite-combobox-item-group:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}/*!@:host([hidden])*/[hidden].sc-calcite-combobox-item-group-h{display:none}/*!@.scale--s*/.scale--s.sc-calcite-combobox-item-group{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-item-spacing-indent-1:0.5rem;--calcite-combobox-item-spacing-indent-2:1rem}/*!@.scale--m*/.scale--m.sc-calcite-combobox-item-group{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-item-spacing-indent-1:0.75rem;--calcite-combobox-item-spacing-indent-2:1.5rem}/*!@.scale--l*/.scale--l.sc-calcite-combobox-item-group{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-item-spacing-indent-1:1rem;--calcite-combobox-item-spacing-indent-2:2rem}/*!@:host,\n.list*/.sc-calcite-combobox-item-group-h,.list.sc-calcite-combobox-item-group{margin:0px;display:flex;flex-direction:column;padding:0px}/*!@:host(:focus),\n.list:focus*/.sc-calcite-combobox-item-group-h:focus,.list.sc-calcite-combobox-item-group:focus{outline:2px solid transparent;outline-offset:2px}/*!@.label*/.label.sc-calcite-combobox-item-group{box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:0px;max-inline-size:100%;color:var(--calcite-ui-text-3)}/*!@.label--indent-1*/.label--indent-1.sc-calcite-combobox-item-group{padding-inline-start:var(--calcite-combobox-item-spacing-indent-1)}/*!@.label--indent-2*/.label--indent-2.sc-calcite-combobox-item-group{padding-inline-start:var(--calcite-combobox-item-spacing-indent-2)}/*!@.title*/.title.sc-calcite-combobox-item-group{border:0 solid;display:block;flex:1 1 0%;border-block-end-width:1px;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-2);word-wrap:break-word;word-break:break-word;border-block-end-color:var(--calcite-ui-border-3);padding-block:var(--calcite-combobox-item-spacing-unit-l);padding-inline:var(--calcite-combobox-item-spacing-unit-s)}";
+const comboboxItemGroupCss = "@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-combobox-item-group: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-combobox-item-group{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-combobox-item-group{animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-combobox-item-group{animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-combobox-item-group{animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-combobox-item-group{animation-name:in-scale}@media (prefers-reduced-motion: reduce){/*!@:root*/.sc-calcite-combobox-item-group:root{--calcite-internal-duration-factor:0.01}}/*!@:root*/.sc-calcite-combobox-item-group:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}/*!@:host([hidden])*/[hidden].sc-calcite-combobox-item-group-h{display:none}/*!@.scale--s*/.scale--s.sc-calcite-combobox-item-group{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-item-spacing-indent:0.5rem}/*!@.scale--m*/.scale--m.sc-calcite-combobox-item-group{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-item-spacing-indent:0.75rem}/*!@.scale--l*/.scale--l.sc-calcite-combobox-item-group{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-item-spacing-indent:1rem}/*!@:host,\n.list*/.sc-calcite-combobox-item-group-h,.list.sc-calcite-combobox-item-group{margin:0px;display:flex;flex-direction:column;padding:0px}/*!@:host(:focus),\n.list:focus*/.sc-calcite-combobox-item-group-h:focus,.list.sc-calcite-combobox-item-group:focus{outline:2px solid transparent;outline-offset:2px}/*!@.label*/.label.sc-calcite-combobox-item-group{box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:0px;max-inline-size:100%;color:var(--calcite-ui-text-3)}/*!@.title*/.title.sc-calcite-combobox-item-group{--calcite-combobox-item-indent-value:calc(\n    var(--calcite-combobox-item-spacing-indent) * var(--calcite-combobox-item-spacing-indent-multiplier)\n  );border:0 solid;display:block;flex:1 1 0%;border-block-end-width:1px;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-2);word-wrap:break-word;word-break:break-word;border-block-end-color:var(--calcite-ui-border-3);padding-block:var(--calcite-combobox-item-spacing-unit-l);padding-inline:var(--calcite-combobox-item-spacing-unit-s);margin-inline-start:var(--calcite-combobox-item-indent-value)}";
 
 /**
  * @slot - A slot for adding `calcite-combobox-item`s.
@@ -17937,8 +17894,8 @@ class ComboboxItemGroup {
   // --------------------------------------------------------------------------
   render() {
     const { el, scale } = this;
-    const indent = `${CSS$J.label}--indent-${getDepth$1()}`;
-    return (hAsync("ul", { "aria-labelledby": this.guid, class: { [CSS$J.list]: true, [`scale--${scale}`]: true }, role: "group" }, hAsync("li", { class: { [CSS$J.label]: true, [indent]: true }, id: this.guid, role: "presentation" }, hAsync("span", { class: CSS$J.title }, this.label)), hAsync("slot", null)));
+    const depth = getDepth$1();
+    return (hAsync("ul", { "aria-labelledby": this.guid, class: { [CSS$J.list]: true, [`scale--${scale}`]: true }, role: "group" }, hAsync("li", { class: { [CSS$J.label]: true }, id: this.guid, role: "presentation", style: { "--calcite-combobox-item-spacing-indent-multiplier": `${depth}` } }, hAsync("span", { class: CSS$J.title }, this.label)), hAsync("slot", null)));
   }
   get el() { return getElement(this); }
   static get style() { return comboboxItemGroupCss; }
@@ -19437,14 +19394,8 @@ class Dropdown {
       if (value) {
         this.reposition(true);
       }
-      else {
-        updateAfterClose(this.floatingEl);
-      }
       return;
     }
-    if (!value) {
-      updateAfterClose(this.floatingEl);
-    }
     this.open = false;
   }
   handleDisabledChange(value) {
@@ -22210,18 +22161,12 @@ class InputDatePicker {
   }
   openHandler(value) {
     if (this.disabled || this.readOnly) {
-      if (!value) {
-        updateAfterClose(this.floatingEl);
-      }
       this.open = false;
       return;
     }
     if (value) {
       this.reposition(true);
     }
-    else {
-      updateAfterClose(this.floatingEl);
-    }
   }
   overlayPositioningHandler() {
     this.reposition(true);
@@ -25723,18 +25668,15 @@ const trapStack = [];
  * @param {FocusTrapComponent} component The FocusTrap component.
  */
 function connectFocusTrap(component) {
-  const { focusTrapEl } = component;
-  if (!focusTrapEl) {
+  const { el } = component;
+  if (!el) {
     return;
   }
-  if (focusTrapEl.tabIndex == null) {
-    focusTrapEl.tabIndex = -1;
-  }
   const focusTrapOptions = {
     clickOutsideDeactivates: true,
-    document: focusTrapEl.ownerDocument,
+    document: el.ownerDocument,
     escapeDeactivates: false,
-    fallbackFocus: focusTrapEl,
+    fallbackFocus: el,
     setReturnFocus: (el) => {
       focusElement(el);
       return false;
@@ -25742,7 +25684,7 @@ function connectFocusTrap(component) {
     tabbableOptions,
     trapStack
   };
-  component.focusTrap = createFocusTrap(focusTrapEl, focusTrapOptions);
+  component.focusTrap = createFocusTrap(el, focusTrapOptions);
 }
 /**
  * Helper to activate the FocusTrap component.
@@ -25775,7 +25717,7 @@ function deactivateFocusTrap(component) {
  * requestAnimationFrame(() => input.setFocus());
  */
 function updateFocusTrapElements(component) {
-  component.focusTrap?.updateContainerElements(component.focusTrapEl);
+  component.focusTrap?.updateContainerElements(component.el);
 }
 
 const CSS$p = {
@@ -25844,8 +25786,6 @@ class Modal {
     //--------------------------------------------------------------------------
     this.setTransitionEl = (el) => {
       this.transitionEl = el;
-      this.focusTrapEl = el;
-      connectFocusTrap(this);
     };
     this.openEnd = () => {
       this.setFocus();
@@ -25865,6 +25805,10 @@ class Modal {
         this.removeOverflowHiddenClass();
       });
     };
+    this.handleMutationObserver = () => {
+      this.updateFooterVisibility();
+      this.updateFocusTrapElements();
+    };
     this.updateFooterVisibility = () => {
       this.hasFooter = !!getSlotted(this.el, [SLOTS$e.back, SLOTS$e.primary, SLOTS$e.secondary]);
     };
@@ -25935,6 +25879,7 @@ class Modal {
     connectConditionalSlotComponent(this);
     connectLocalized(this);
     connectMessages(this);
+    connectFocusTrap(this);
   }
   disconnectedCallback() {
     this.removeOverflowHiddenClass();
@@ -26032,7 +25977,7 @@ class Modal {
    */
   async setFocus() {
     await componentLoaded(this);
-    focusFirstTabbable(this.focusTrapEl);
+    focusFirstTabbable(this.el);
   }
   /**
    * Updates the element(s) that are used within the focus-trap of the component.
@@ -27821,6 +27766,12 @@ class Popover {
     this.calcitePopoverClose = createEvent(this, "calcitePopoverClose", 6);
     this.calcitePopoverBeforeOpen = createEvent(this, "calcitePopoverBeforeOpen", 6);
     this.calcitePopoverOpen = createEvent(this, "calcitePopoverOpen", 6);
+    // --------------------------------------------------------------------------
+    //
+    //  Private Properties
+    //
+    // --------------------------------------------------------------------------
+    this.mutationObserver = createObserver();
     this.guid = `calcite-popover-${guid()}`;
     this.openTransitionProp = "opacity";
     this.hasLoaded = false;
@@ -27832,8 +27783,6 @@ class Popover {
     this.setTransitionEl = (el) => {
       this.transitionEl = el;
       connectOpenCloseComponent(this);
-      this.focusTrapEl = el;
-      connectFocusTrap(this);
     };
     this.setFilteredPlacements = () => {
       const { el, flipPlacements } = this;
@@ -27941,9 +27890,6 @@ class Popover {
     if (value) {
       this.reposition(true);
     }
-    else {
-      updateAfterClose(this.el);
-    }
     this.setExpandedAttr();
   }
   overlayPositioningHandler() {
@@ -27970,6 +27916,7 @@ class Popover {
     connectMessages(this);
     connectOpenCloseComponent(this);
     this.setUpReferenceElement(this.hasLoaded);
+    connectFocusTrap(this);
   }
   async componentWillLoad() {
     await setUpMessages(this);
@@ -28023,7 +27970,7 @@ class Popover {
   async setFocus() {
     await componentLoaded(this);
     forceUpdate$1(this.el);
-    focusFirstTabbable(this.focusTrapEl);
+    focusFirstTabbable(this.el);
   }
   /**
    * Updates the element(s) that are used within the focus-trap of the component.
@@ -35680,18 +35627,14 @@ class TileSelect {
     }
   }
   pointerEnterHandler() {
-    if (this.input.localName === "calcite-radio-button") {
-      this.input.hovered = true;
-    }
-    if (this.input.localName === "calcite-checkbox") {
+    const { localName } = this.input;
+    if (localName === "calcite-radio-button" || localName === "calcite-checkbox") {
       this.input.hovered = true;
     }
   }
   pointerLeaveHandler() {
-    if (this.input.localName === "calcite-radio-button") {
-      this.input.hovered = false;
-    }
-    if (this.input.localName === "calcite-checkbox") {
+    const { localName } = this.input;
+    if (localName === "calcite-radio-button" || localName === "calcite-checkbox") {
       this.input.hovered = false;
     }
   }
@@ -37097,9 +37040,6 @@ class Tooltip {
     if (value) {
       this.reposition(true);
     }
-    else {
-      updateAfterClose(this.el);
-    }
   }
   overlayPositioningHandler() {
     this.reposition(true);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "1.3.0-next.2",
+  "version": "1.3.0-next.4",
   "description": "Web Components for Esri's Calcite Design System.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -115,7 +115,7 @@
     "chalk": "4.1.2",
     "cheerio": "1.0.0-rc.10",
     "chokidar": "3.5.3",
-    "chromatic": "6.17.2",
+    "chromatic": "6.17.3",
     "composed-offset-position": "0.0.4",
     "concurrently": "7.6.0",
     "conventional-changelog-cli": "2.2.2",

package/dist/calcite/p-029367d6.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.3.0-next.2
- */
-import{r as e,c as t,f as i,h as a,H as s,a as n}from"./p-b06d021d.js";import{f as o,c as r,b as l,u as c,a as d,r as h,F as p}from"./p-9b9971f5.js";import{c as f,d as m,a as u,u as g}from"./p-bc50825c.js";import{i as v,t as b,j as w,q as x}from"./p-669bd27f.js";import{g as y}from"./p-78ef9a60.js";import{c as k,d as E}from"./p-c7dc41d1.js";import{H as z}from"./p-e8aaf522.js";import{c as D,d as H}from"./p-1f9dee3c.js";import{u as j,c as P,s as C,d as _}from"./p-d7aa0e7e.js";import{i as L}from"./p-96dfec59.js";import{s as A,a as O,c as R}from"./p-03d70ee5.js";import"./p-ec7e628a.js";import"./p-a32f7d40.js";import"./p-b84c251d.js";const B="close-button-container",S="header",F="aria-controls",T="aria-expanded",M=new class{constructor(){this.registeredElements=new Map,this.registeredElementCount=0,this.queryPopover=e=>{const{registeredElements:t}=this,i=e.find((e=>t.has(e)));return t.get(i)},this.togglePopovers=e=>{const t=e.composedPath(),i=this.queryPopover(t);i&&!i.triggerDisabled&&(i.open=!i.open),Array.from(this.registeredElements.values()).filter((e=>e!==i&&e.autoClose&&e.open&&!t.includes(e))).forEach((e=>e.open=!1))},this.keyHandler=e=>{e.defaultPrevented||("Escape"===e.key?this.closeAllPopovers():L(e.key)&&this.togglePopovers(e))},this.clickHandler=e=>{v(e)&&this.togglePopovers(e)}}registerElement(e,t){this.registeredElementCount++,this.registeredElements.set(e,t),1===this.registeredElementCount&&this.addListeners()}unregisterElement(e){this.registeredElements.delete(e)&&this.registeredElementCount--,0===this.registeredElementCount&&this.removeListeners()}closeAllPopovers(){Array.from(this.registeredElements.values()).forEach((e=>e.open=!1))}addListeners(){document.addEventListener("pointerdown",this.clickHandler,{capture:!0}),document.addEventListener("keydown",this.keyHandler,{capture:!0})}removeListeners(){document.removeEventListener("pointerdown",this.clickHandler,{capture:!0}),document.removeEventListener("keydown",this.keyHandler,{capture:!0})}},$=class{constructor(i){e(this,i),this.calcitePopoverBeforeClose=t(this,"calcitePopoverBeforeClose",6),this.calcitePopoverClose=t(this,"calcitePopoverClose",6),this.calcitePopoverBeforeOpen=t(this,"calcitePopoverBeforeOpen",6),this.calcitePopoverOpen=t(this,"calcitePopoverOpen",6),this.guid=`calcite-popover-${y()}`,this.openTransitionProp="opacity",this.hasLoaded=!1,this.setTransitionEl=e=>{this.transitionEl=e,k(this),this.focusTrapEl=e,f(this)},this.setFilteredPlacements=()=>{const{el:e,flipPlacements:t}=this;this.filteredFlipPlacements=t?o(t,e):null},this.setUpReferenceElement=(e=!0)=>{this.removeReferences(),this.effectiveReferenceElement=this.getReferenceElement(),r(this,this.effectiveReferenceElement,this.el);const{el:t,referenceElement:i,effectiveReferenceElement:a}=this;e&&i&&!a&&console.warn(`${t.tagName}: reference-element id "${i}" was not found.`,{el:t}),this.addReferences()},this.getId=()=>this.el.id||this.guid,this.setExpandedAttr=()=>{const{effectiveReferenceElement:e,open:t}=this;e&&"setAttribute"in e&&e.setAttribute(T,b(t))},this.addReferences=()=>{const{effectiveReferenceElement:e}=this;if(!e)return;const t=this.getId();"setAttribute"in e&&e.setAttribute(F,t),M.registerElement(e,this.el),this.setExpandedAttr()},this.removeReferences=()=>{const{effectiveReferenceElement:e}=this;e&&("removeAttribute"in e&&(e.removeAttribute(F),e.removeAttribute(T)),M.unregisterElement(e))},this.hide=()=>{this.open=!1},this.storeArrowEl=e=>{this.arrowEl=e,this.reposition(!0)},this.autoClose=!1,this.closable=!1,this.flipDisabled=!1,this.focusTrapDisabled=!1,this.pointerDisabled=!1,this.flipPlacements=void 0,this.heading=void 0,this.headingLevel=void 0,this.label=void 0,this.messageOverrides=void 0,this.messages=void 0,this.offsetDistance=l,this.offsetSkidding=0,this.open=!1,this.overlayPositioning="absolute",this.placement="auto",this.referenceElement=void 0,this.scale="m",this.triggerDisabled=!1,this.effectiveLocale="",this.effectiveReferenceElement=void 0,this.defaultMessages=void 0}handlefocusTrapDisabled(e){this.open&&(e?m(this):u(this))}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}onMessagesChange(){}offsetDistanceOffsetHandler(){this.reposition(!0)}offsetSkiddingHandler(){this.reposition(!0)}openHandler(e){e?this.reposition(!0):c(this.el),this.setExpandedAttr()}overlayPositioningHandler(){this.reposition(!0)}placementHandler(){this.reposition(!0)}referenceElementHandler(){this.setUpReferenceElement(),this.reposition(!0)}effectiveLocaleChange(){j(this,this.effectiveLocale)}connectedCallback(){this.setFilteredPlacements(),D(this),P(this),k(this),this.setUpReferenceElement(this.hasLoaded)}async componentWillLoad(){await C(this),A(this)}componentDidLoad(){O(this),this.referenceElement&&!this.effectiveReferenceElement&&this.setUpReferenceElement(),this.reposition(),this.hasLoaded=!0}disconnectedCallback(){this.removeReferences(),H(this),_(this),d(this,this.effectiveReferenceElement,this.el),E(this),m(this)}async reposition(e=!1){const{el:t,effectiveReferenceElement:i,placement:a,overlayPositioning:s,flipDisabled:n,filteredFlipPlacements:o,offsetDistance:r,offsetSkidding:l,arrowEl:c}=this;return h(this,{floatingEl:t,referenceEl:i,overlayPositioning:s,placement:a,flipDisabled:n,flipPlacements:o,offsetDistance:r,offsetSkidding:l,includeArrow:!this.pointerDisabled,arrowEl:c,type:"popover"},e)}async setFocus(){await R(this),i(this.el),w(this.focusTrapEl)}async updateFocusTrapElements(){g(this)}getReferenceElement(){const{referenceElement:e,el:t}=this;return("string"==typeof e?x(t,{id:e}):e)||null}onBeforeOpen(){this.calcitePopoverBeforeOpen.emit()}onOpen(){this.calcitePopoverOpen.emit(),u(this)}onBeforeClose(){this.calcitePopoverBeforeClose.emit()}onClose(){this.calcitePopoverClose.emit(),m(this)}renderCloseButton(){const{messages:e,closable:t}=this;return t?a("div",{class:B,key:B},a("calcite-action",{class:"close-button",onClick:this.hide,scale:this.scale,text:e.close,ref:e=>this.closeButtonEl=e},a("calcite-icon",{icon:"x",scale:"l"===this.scale?"m":this.scale}))):null}renderHeader(){const{heading:e,headingLevel:t}=this,i=e?a(z,{class:"heading",level:t},e):null;return i?a("div",{class:S,key:S},i,this.renderCloseButton()):null}render(){const{effectiveReferenceElement:e,heading:t,label:i,open:n,pointerDisabled:o}=this,r=e&&n,l=!r,c=o?null:a("div",{class:"arrow",ref:this.storeArrowEl});return a(s,{"aria-hidden":b(l),"aria-label":i,"aria-live":"polite","calcite-hydrated-hidden":l,id:this.getId(),role:"dialog"},a("div",{class:{[p.animation]:!0,[p.animationActive]:r},ref:this.setTransitionEl},c,a("div",{class:{"has-header":!!t,container:!0}},this.renderHeader(),a("div",{class:"content"},a("slot",null)),t?null:this.renderCloseButton())))}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{focusTrapDisabled:["handlefocusTrapDisabled"],flipPlacements:["flipPlacementsHandler"],messageOverrides:["onMessagesChange"],offsetDistance:["offsetDistanceOffsetHandler"],offsetSkidding:["offsetSkiddingHandler"],open:["openHandler"],overlayPositioning:["overlayPositioningHandler"],placement:["placementHandler"],referenceElement:["referenceElementHandler"],effectiveLocale:["effectiveLocaleChange"]}}};$.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);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host{--calcite-floating-ui-z-index:var(--calcite-popover-z-index, 900);display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index)}.calcite-floating-ui-anim{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{transform:translateY(-5px)}:host([data-placement^=top]) .calcite-floating-ui-anim{transform:translateY(5px)}:host([data-placement^=left]) .calcite-floating-ui-anim{transform:translateX(5px)}:host([data-placement^=right]) .calcite-floating-ui-anim{transform:translateX(-5px)}:host([data-placement]) .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.arrow,.arrow::before{position:absolute;inline-size:8px;block-size:8px;z-index:-1}.arrow::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{inset-block-end:-4px}:host([data-placement^=bottom]) .arrow{inset-block-start:-4px}:host([data-placement^=right]) .arrow,:host([data-placement^=left]) .arrow{direction:ltr;text-align:start}:host([data-placement^=left]) .arrow{inset-inline-end:-4px}:host([data-placement^=right]) .arrow{inset-inline-start:-4px}:host([scale=s]) .heading{padding-inline:0.75rem;padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .heading{padding-inline:1rem;padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .heading{padding-inline:1.25rem;padding-block:1rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host{pointer-events:none}:host([open]){pointer-events:initial}.calcite-floating-ui-anim{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{outline:1px solid var(--calcite-ui-border-3)}.header{display:flex;flex:1 1 auto;align-items:stretch;justify-content:flex-start;border-width:0px;border-block-end-width:1px;border-style:solid;background-color:var(--calcite-ui-foreground-1);border-block-end-color:var(--calcite-ui-border-3)}.heading{margin:0px;display:block;flex:1 1 auto;align-self:center;white-space:normal;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);word-wrap:break-word;word-break:break-word}.container{position:relative;display:flex;block-size:100%;flex-direction:row;flex-wrap:nowrap;border-radius:0.25rem;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-1)}.container.has-header{flex-direction:column}.content{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;align-self:center;word-wrap:break-word;word-break:break-word}.close-button-container{display:flex;overflow:hidden;flex:0 0 auto;border-start-end-radius:0.25rem;border-end-end-radius:0.25rem}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%}';export{$ as calcite_popover}

package/dist/calcite/p-5407fa40.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.3.0-next.2
- */
-import{r as t,c as i,h as a,H as e,a as s}from"./p-b06d021d.js";import{d as n,a as r,i as o,b as c,g as l,c as h,e as d,f as p}from"./p-3fde6c3b.js";import{t as m}from"./p-669bd27f.js";import{f as u,c as f,d as g,u as v,r as y,a as b,F as w}from"./p-9b9971f5.js";import{s as x,c as k,d as D,H as C}from"./p-be14760b.js";import{u as I}from"./p-5d193ffc.js";import{n as z}from"./p-96dfec59.js";import{c as P,d as A,g as j}from"./p-ede695b5.js";import{c as _,s as O,a as R}from"./p-03d70ee5.js";import{n as E,c as S,d as H}from"./p-1f9dee3c.js";import{c as F,d as L}from"./p-c7dc41d1.js";import"./p-78ef9a60.js";import"./p-a32f7d40.js";import"./p-ec7e628a.js";import"./p-b84c251d.js";const Y=class{constructor(a){t(this,a),this.calciteInputDatePickerChange=i(this,"calciteInputDatePickerChange",6),this.calciteInputDatePickerBeforeClose=i(this,"calciteInputDatePickerBeforeClose",6),this.calciteInputDatePickerClose=i(this,"calciteInputDatePickerClose",6),this.calciteInputDatePickerBeforeOpen=i(this,"calciteInputDatePickerBeforeOpen",6),this.calciteInputDatePickerOpen=i(this,"calciteInputDatePickerOpen",6),this.calciteInternalInputInputHandler=t=>{const i=t.target,a=i.value,e=this.parseNumerals(a),s=this.formatNumerals(e);i.value=s;const{year:c}=n(a,this.localeData);if(c&&c.length<4)return;const l=r(a,this.localeData);o(l,this.min,this.max)&&(this.datePickerActiveDate=l)},this.calciteInternalInputBlurHandler=()=>{this.commitValue()},this.userChangedValue=!1,this.openTransitionProp="opacity",this.valueAsDateChangedExternally=!1,this.setFilteredPlacements=()=>{const{el:t,flipPlacements:i}=this;this.filteredFlipPlacements=i?u(i,t):null},this.setTransitionEl=t=>{this.transitionEl=t,F(this)},this.setStartInput=t=>{this.startInput=t},this.setEndInput=t=>{this.endInput=t},this.deactivate=()=>{this.open=!1},this.keyDownHandler=t=>{const{defaultPrevented:i,key:a}=t;"Enter"!==a||i?"Escape"!==a||i||(this.open=!1,t.preventDefault()):(this.commitValue(),this.shouldFocusRangeEnd()?this.endInput?.setFocus():this.shouldFocusRangeStart()&&this.startInput?.setFocus(),x(this)&&t.preventDefault())},this.startInputFocus=()=>{this.readOnly||(this.open=!0),this.focusedInput="start"},this.endInputFocus=()=>{this.readOnly||(this.open=!0),this.focusedInput="end"},this.setFloatingEl=t=>{t&&(this.floatingEl=t,f(this,this.referenceEl,this.floatingEl))},this.setStartWrapper=t=>{this.startWrapper=t,this.setReferenceEl()},this.setEndWrapper=t=>{this.endWrapper=t,this.setReferenceEl()},this.handleDateChange=t=>{this.range||(t.stopPropagation(),this.setValue(t.target.valueAsDate),this.localizeInputValues())},this.handleDateRangeChange=t=>{this.range&&(t.stopPropagation(),this.setRangeValue(t.target.valueAsDate),this.localizeInputValues(),this.shouldFocusRangeEnd()?this.endInput?.setFocus():this.shouldFocusRangeStart()&&this.startInput?.setFocus())},this.setInputValue=(t,i="start")=>{const a=this[`${i}Input`];a&&(a.value=t)},this.setRangeValue=t=>{if(!this.range)return;const{value:i}=this,a=Array.isArray(i),e=Array.isArray(t),s=e?c(e?t[0]:null):"",n=e?c(e?t[1]:null):"",r=s||n?[s,n]:"";if(r===i)return;this.userChangedValue=!0,this.value=r,this.valueAsDate=r?l(r):void 0;const o=this.calciteInputDatePickerChange.emit();o&&o.defaultPrevented&&(this.value=i,a?(this.setInputValue(i[0],"start"),this.setInputValue(i[1],"end")):(this.value=i,this.setInputValue(i)))},this.setValue=t=>{if(this.range)return;const i=this.value,a=c(t);a!==i&&(this.userChangedValue=!0,this.valueAsDate=a?h(a):void 0,this.value=a||"",this.calciteInputDatePickerChange.emit().defaultPrevented&&(this.value=i,this.setInputValue(i)))},this.commonDateSeparators=[".","-","/"],this.formatNumerals=t=>t?t.split("").map((t=>this.commonDateSeparators?.includes(t)?this.localeData?.separator:z?.includes(t)?E?.numberFormatter?.format(Number(t)):t)).join(""):"",this.parseNumerals=t=>t?t.split("").map((t=>z.includes(t)?E.delocalize(t):t)).join(""):"",this.disabled=!1,this.form=void 0,this.readOnly=!1,this.value="",this.flipPlacements=void 0,this.headingLevel=void 0,this.valueAsDate=void 0,this.minAsDate=void 0,this.maxAsDate=void 0,this.min=void 0,this.max=void 0,this.open=!1,this.name=void 0,this.numberingSystem=void 0,this.scale="m",this.placement=g,this.range=!1,this.required=!1,this.overlayPositioning="absolute",this.proximitySelectionDisabled=!1,this.layout="horizontal",this.messageOverrides=void 0,this.datePickerActiveDate=void 0,this.effectiveLocale="",this.focusedInput="start",this.globalAttributes={},this.localeData=void 0}handleDisabledAndReadOnlyChange(t){t||(this.open=!1)}valueWatcher(t){if(!this.userChangedValue){let i;i=Array.isArray(t)?l(t):t?h(t):void 0,this.valueAsDateChangedExternally||i===this.valueAsDate||(this.valueAsDate=i),this.localizeInputValues()}this.userChangedValue=!1}valueAsDateWatcher(t){this.datePickerActiveDate=t;const i=this.range&&Array.isArray(t)?[c(t[0]),c(t[1])]:c(t);this.value!==i&&(this.valueAsDateChangedExternally=!0,this.value=i,this.valueAsDateChangedExternally=!1)}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}onMinChanged(t){t&&(this.minAsDate=h(t))}onMaxChanged(t){t&&(this.maxAsDate=h(t))}openHandler(t){if(this.disabled||this.readOnly)return t||v(this.floatingEl),void(this.open=!1);t?this.reposition(!0):v(this.floatingEl)}overlayPositioningHandler(){this.reposition(!0)}calciteDaySelectHandler(){this.shouldFocusRangeStart()||this.shouldFocusRangeEnd()||(this.open=!1)}async setFocus(){await _(this),this.el.focus()}async reposition(t=!1){const{floatingEl:i,referenceEl:a,placement:e,overlayPositioning:s,filteredFlipPlacements:n}=this;return y(this,{floatingEl:i,referenceEl:a,overlayPositioning:s,placement:e,flipPlacements:n,type:"menu"},t)}connectedCallback(){S(this);const{open:t}=this;if(t&&this.openHandler(t),Array.isArray(this.value))this.valueAsDate=l(this.value);else if(this.value)try{this.valueAsDate=h(this.value)}catch(t){this.warnAboutInvalidValue(this.value),this.value=""}else this.range&&this.valueAsDate&&this.setRangeValue(this.valueAsDate);this.min&&(this.minAsDate=h(this.min)),this.max&&(this.maxAsDate=h(this.max)),P(this),k(this),F(this),this.setFilteredPlacements(),this.reposition(!0),E.numberFormatOptions={numberingSystem:this.numberingSystem,locale:this.effectiveLocale,useGrouping:!1}}async componentWillLoad(){O(this),await this.loadLocaleData(),this.onMinChanged(this.min),this.onMaxChanged(this.max)}componentDidLoad(){R(this),this.localizeInputValues(),this.reposition(!0)}disconnectedCallback(){A(this),D(this),b(this,this.referenceEl,this.floatingEl),L(this),H(this)}componentDidRender(){I(this)}render(){const{disabled:t,effectiveLocale:i,numberingSystem:s,readOnly:n}=this;return E.numberFormatOptions={numberingSystem:s,locale:i,useGrouping:!1},a(e,{onBlur:this.deactivate,onKeyDown:this.keyDownHandler,role:"application"},this.localeData&&a("div",{"aria-expanded":m(this.open),class:"input-container",role:"application"},a("div",{class:"input-wrapper",ref:this.setStartWrapper},a("calcite-input",{class:"input "+("vertical"===this.layout&&this.range?"no-bottom-border":""),disabled:t,icon:"calendar",label:j(this),"number-button-type":"none",numberingSystem:s,onCalciteInputInput:this.calciteInternalInputInputHandler,onCalciteInternalInputBlur:this.calciteInternalInputBlurHandler,onCalciteInternalInputFocus:this.startInputFocus,placeholder:this.localeData?.placeholder,readOnly:n,scale:this.scale,type:"text",ref:this.setStartInput})),a("div",{"aria-hidden":m(!this.open),class:{"menu-container":!0,"menu-container--active":this.open},ref:this.setFloatingEl},a("div",{class:{"calendar-picker-wrapper":!0,"calendar-picker-wrapper--end":"end"===this.focusedInput,[w.animation]:!0,[w.animationActive]:this.open},ref:this.setTransitionEl},a("calcite-date-picker",{activeDate:this.datePickerActiveDate,activeRange:this.focusedInput,headingLevel:this.headingLevel,max:this.max,maxAsDate:this.maxAsDate,messageOverrides:this.messageOverrides,min:this.min,minAsDate:this.minAsDate,numberingSystem:s,onCalciteDatePickerChange:this.handleDateChange,onCalciteDatePickerRangeChange:this.handleDateRangeChange,proximitySelectionDisabled:this.proximitySelectionDisabled,range:this.range,scale:this.scale,tabIndex:0,valueAsDate:this.valueAsDate}))),this.range&&"horizontal"===this.layout&&a("div",{class:"horizontal-arrow-container"},a("calcite-icon",{flipRtl:!0,icon:"arrow-right",scale:"l"===this.scale?"m":"s"})),this.range&&"vertical"===this.layout&&"s"!==this.scale&&a("div",{class:"vertical-arrow-container"},a("calcite-icon",{icon:"arrow-down",scale:"l"===this.scale?"m":"s"})),this.range&&a("div",{class:"input-wrapper",ref:this.setEndWrapper},a("calcite-input",{class:{input:!0,"border-top-color-one":"vertical"===this.layout&&this.range},disabled:t,icon:"calendar","number-button-type":"none",numberingSystem:s,onCalciteInputInput:this.calciteInternalInputInputHandler,onCalciteInternalInputBlur:this.calciteInternalInputBlurHandler,onCalciteInternalInputFocus:this.endInputFocus,placeholder:this.localeData?.placeholder,readOnly:n,scale:this.scale,type:"text",ref:this.setEndInput}))),a(C,{component:this}))}setReferenceEl(){const{focusedInput:t,layout:i,endWrapper:a,startWrapper:e}=this;this.referenceEl="end"===t||"vertical"===i?a||e:e||a,f(this,this.referenceEl,this.floatingEl)}onLabelClick(){this.setFocus()}onBeforeOpen(){this.calciteInputDatePickerBeforeOpen.emit()}onOpen(){this.calciteInputDatePickerOpen.emit()}onBeforeClose(){this.calciteInputDatePickerBeforeClose.emit()}onClose(){this.calciteInputDatePickerClose.emit()}commitValue(){const{focusedInput:t,value:i}=this,a=r(this[`${t}Input`].value,this.localeData),e=c(a),s=Array.isArray(i);if(this.range)if(s){if(e===i["start"===t?0:1])return;a?(this.setRangeValue(["start"===t?a:h(i[0]),"end"===t?a:h(i[1])]),this.localizeInputValues()):this.setRangeValue(["end"===t&&h(i[0]),"start"===t&&h(i[1])])}else a&&(this.setRangeValue(["start"===t?a:h(i[0]),"end"===t?a:h(i[1])]),this.localizeInputValues());else{if(e===i)return;this.setValue(a),this.localizeInputValues()}}async loadLocaleData(){E.numberFormatOptions={numberingSystem:this.numberingSystem,locale:this.effectiveLocale,useGrouping:!1},this.localeData=await d(this.effectiveLocale),this.localizeInputValues()}shouldFocusRangeStart(){return!(!this.value[1]||this.value[0]||"end"!==this.focusedInput||!this.startInput)}shouldFocusRangeEnd(){return!(!this.value[0]||this.value[1]||"start"!==this.focusedInput||!this.endInput)}localizeInputValues(){const t=p(this.range?Array.isArray(this.valueAsDate)&&this.valueAsDate[0]||void 0:this.valueAsDate,this.minAsDate,this.maxAsDate),i=this.range?p(Array.isArray(this.valueAsDate)&&this.valueAsDate[1]||void 0,this.minAsDate,this.maxAsDate):null,a=t&&this.formatNumerals(t.toLocaleDateString(this.effectiveLocale)),e=i&&this.formatNumerals(i.toLocaleDateString(this.effectiveLocale));a&&this.setInputValue(a,"start"),this.range&&e&&this.setInputValue(e,"end")}warnAboutInvalidValue(t){console.warn(`The specified value "${t}" does not conform to the required format, "YYYY-MM-DD".`)}static get delegatesFocus(){return!0}get el(){return s(this)}static get watchers(){return{disabled:["handleDisabledAndReadOnlyChange"],readOnly:["handleDisabledAndReadOnlyChange"],value:["valueWatcher"],valueAsDate:["valueAsDateWatcher"],flipPlacements:["flipPlacementsHandler"],min:["onMinChanged"],max:["onMaxChanged"],open:["openHandler"],overlayPositioning:["overlayPositioningHandler"],layout:["setReferenceEl"],focusedInput:["setReferenceEl"],effectiveLocale:["loadLocaleData"]}}};Y.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{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{position:relative;display:inline-block;inline-size:100%;overflow:visible;vertical-align:top;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host .menu-container .calcite-floating-ui-anim{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 .menu-container[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}:host .menu-container[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}:host .menu-container[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}:host .menu-container[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}:host .menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.calendar-picker-wrapper{position:static;inline-size:100%;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transform:translate3d(0, 0, 0)}.input-wrapper{position:relative}:host([range]) .input-container{display:flex}:host([range]) .input-wrapper{flex:1 1 auto}:host([range]) .horizontal-arrow-container{display:flex;align-items:center;border-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);padding-block:0px;padding-inline:0.25rem}:host([range][layout=vertical]) .input-wrapper{inline-size:100%}:host([range][layout=vertical]) .input-container{flex-direction:column;align-items:flex-start}:host([range][layout=vertical]) .calendar-picker-wrapper--end{transform:translate3d(0, 0, 0)}:host([range][layout=vertical]) .vertical-arrow-container{inset-block-start:1.5rem;position:absolute;z-index:1;margin-inline:1px;background-color:var(--calcite-ui-foreground-1);padding-inline:0.625rem;inset-inline-start:0}:host([scale=s][range]:not([layout=vertical])) .calendar-picker-wrapper{inline-size:216px}:host([scale=m][range]:not([layout=vertical])) .calendar-picker-wrapper{inline-size:286px}:host([scale=l][range]:not([layout=vertical])) .calendar-picker-wrapper{inline-size:398px}.menu-container{--calcite-floating-ui-z-index:600;display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index);visibility:hidden}.menu-container .calcite-floating-ui-anim{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}.menu-container[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}.menu-container[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}.menu-container[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}.menu-container[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}.menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([open]) .menu-container{visibility:visible}.menu-container--active{visibility:visible}.input .calcite-input__wrapper{margin-block-start:0px}:host([range][layout=vertical][scale=m]) .vertical-arrow-container{inset-block-start:1.5rem;padding-inline-start:0.75rem}:host([range][layout=vertical][scale=m]) .vertical-arrow-container calcite-icon{block-size:0.75rem;inline-size:0.75rem;min-inline-size:0px}:host([range][layout=vertical][scale=l]) .vertical-arrow-container{inset-block-start:2.25rem;padding-inline:0.875rem}:host([range][layout=vertical][open]) .vertical-arrow-container{display:none}::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}";export{Y as calcite_input_date_picker}

package/dist/calcite/p-5496f220.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.3.0-next.2
- */
-import{r as i,c as t,h as e,H as n,a}from"./p-b06d021d.js";import{t as o,i as r,v as s,f as c,r as l}from"./p-669bd27f.js";import{f as d,c as h,d as m,u as p,a as u,F as f,r as g}from"./p-9b9971f5.js";import{g as w}from"./p-78ef9a60.js";import{u as v}from"./p-5d193ffc.js";import{i as b}from"./p-96dfec59.js";import{c as y,s as k,a as x}from"./p-03d70ee5.js";import{c as D}from"./p-b84c251d.js";import{c as z,d as _}from"./p-c7dc41d1.js";import"./p-a32f7d40.js";import"./p-ec7e628a.js";const I=class{constructor(e){i(this,e),this.calciteDropdownSelect=t(this,"calciteDropdownSelect",6),this.calciteDropdownBeforeClose=t(this,"calciteDropdownBeforeClose",6),this.calciteDropdownClose=t(this,"calciteDropdownClose",6),this.calciteDropdownBeforeOpen=t(this,"calciteDropdownBeforeOpen",6),this.calciteDropdownOpen=t(this,"calciteDropdownOpen",6),this.items=[],this.groups=[],this.mutationObserver=D("mutation",(()=>this.updateItems())),this.resizeObserver=D("resize",(i=>this.resizeObserverCallback(i))),this.openTransitionProp="opacity",this.guid=`calcite-dropdown-${w()}`,this.defaultAssignedElements=[],this.slotChangeHandler=i=>{this.defaultAssignedElements=i.target.assignedElements({flatten:!0}),this.updateItems()},this.setFilteredPlacements=()=>{const{el:i,flipPlacements:t}=this;this.filteredFlipPlacements=t?d(t,i):null},this.updateTriggers=i=>{this.triggers=i.target.assignedElements({flatten:!0}),this.reposition(!0)},this.updateItems=()=>{this.items=this.groups.map((i=>Array.from(i?.querySelectorAll("calcite-dropdown-item")))).reduce(((i,t)=>[...i,...t]),[]),this.updateSelectedItems(),this.reposition(!0)},this.updateGroups=i=>{const t=i.target.assignedElements({flatten:!0}).filter((i=>i?.matches("calcite-dropdown-group")));this.groups=t,this.updateItems()},this.resizeObserverCallback=i=>{i.forEach((i=>{const{target:t}=i;t===this.referenceEl?this.setDropdownWidth():t===this.scrollerEl&&this.setMaxScrollerHeight()}))},this.setDropdownWidth=()=>{const{referenceEl:i,scrollerEl:t}=this,e=i?.clientWidth;e&&t&&(t.style.minWidth=`${e}px`)},this.setMaxScrollerHeight=()=>{const{scrollerEl:i}=this;if(!i)return;this.reposition(!0);const t=this.getMaxScrollerHeight();i.style.maxHeight=t>0?`${t}px`:"",this.reposition(!0)},this.setScrollerAndTransitionEl=i=>{this.resizeObserver.observe(i),this.scrollerEl=i,this.transitionEl=i,z(this)},this.setReferenceEl=i=>{this.referenceEl=i,h(this,this.referenceEl,this.floatingEl),this.resizeObserver.observe(i)},this.setFloatingEl=i=>{this.floatingEl=i,h(this,this.referenceEl,this.floatingEl)},this.keyDownHandler=i=>{if(i.target!==this.referenceEl)return;const{defaultPrevented:t,key:e}=i;if(!t){if(this.open){if("Escape"===e)return this.closeCalciteDropdown(),void i.preventDefault();if(i.shiftKey&&"Tab"===e)return this.closeCalciteDropdown(),void i.preventDefault()}b(e)?(this.openCalciteDropdown(),i.preventDefault()):"Escape"===e&&(this.closeCalciteDropdown(),i.preventDefault())}},this.focusOnFirstActiveOrFirstItem=()=>{this.getFocusableElement(this.items.find((i=>i.selected))||this.items[0])},this.toggleOpenEnd=()=>{this.focusOnFirstActiveOrFirstItem(),this.el.removeEventListener("calciteDropdownOpen",this.toggleOpenEnd)},this.openCalciteDropdown=()=>{this.open=!this.open,this.open&&this.el.addEventListener("calciteDropdownOpen",this.toggleOpenEnd)},this.open=!1,this.closeOnSelectDisabled=!1,this.disabled=!1,this.flipPlacements=void 0,this.maxItems=0,this.overlayPositioning="absolute",this.placement=m,this.scale="m",this.selectedItems=[],this.type="click",this.width=void 0}openHandler(i){this.disabled?(i||p(this.floatingEl),this.open=!1):i?this.reposition(!0):p(this.floatingEl)}handleDisabledChange(i){i||(this.open=!1)}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}maxItemsHandler(){this.setMaxScrollerHeight()}overlayPositioningHandler(){this.reposition(!0)}placementHandler(){this.reposition(!0)}async setFocus(){await y(this),this.el.focus()}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.setFilteredPlacements(),this.reposition(!0),this.open&&this.openHandler(this.open),z(this)}componentWillLoad(){k(this)}componentDidLoad(){x(this),this.reposition(!0)}componentDidRender(){v(this)}disconnectedCallback(){this.mutationObserver?.disconnect(),u(this,this.referenceEl,this.floatingEl),this.resizeObserver?.disconnect(),_(this)}render(){const{open:i,guid:t}=this;return e(n,null,e("div",{class:"calcite-trigger-container",id:`${t}-menubutton`,onClick:this.openCalciteDropdown,onKeyDown:this.keyDownHandler,ref:this.setReferenceEl},e("slot",{"aria-controls":`${t}-menu`,"aria-expanded":o(i),"aria-haspopup":"menu",name:"trigger",onSlotchange:this.updateTriggers})),e("div",{"aria-hidden":o(!i),class:"calcite-dropdown-wrapper",ref:this.setFloatingEl},e("div",{"aria-labelledby":`${t}-menubutton`,class:{"calcite-dropdown-content":!0,[f.animation]:!0,[f.animationActive]:i},id:`${t}-menu`,role:"menu",ref:this.setScrollerAndTransitionEl},e("slot",{onSlotchange:this.updateGroups}))))}async reposition(i=!1){const{floatingEl:t,referenceEl:e,placement:n,overlayPositioning:a,filteredFlipPlacements:o}=this;return g(this,{floatingEl:t,referenceEl:e,overlayPositioning:a,placement:n,flipPlacements:o,type:"menu"},i)}closeCalciteDropdownOnClick(i){r(i)&&this.open&&!i.composedPath().includes(this.el)&&this.closeCalciteDropdown(!1)}closeCalciteDropdownOnEvent(i){this.closeCalciteDropdown(),i.stopPropagation()}closeCalciteDropdownOnOpenEvent(i){i.composedPath().includes(this.el)||(this.open=!1)}mouseEnterHandler(){"hover"===this.type&&this.openCalciteDropdown()}mouseLeaveHandler(){"hover"===this.type&&this.closeCalciteDropdown()}calciteInternalDropdownItemKeyEvent(i){const{keyboardEvent:t}=i.detail,e=t.target;switch(t.key){case"Tab":this.items.indexOf(e)!==this.items.length-1||t.shiftKey?0===this.items.indexOf(e)&&t.shiftKey&&this.closeCalciteDropdown():this.closeCalciteDropdown();break;case"ArrowDown":s(this.items,e,"next");break;case"ArrowUp":s(this.items,e,"previous");break;case"Home":s(this.items,e,"first");break;case"End":s(this.items,e,"last")}i.stopPropagation()}handleItemSelect(i){this.updateSelectedItems(),i.stopPropagation(),this.calciteDropdownSelect.emit(),this.closeOnSelectDisabled&&"none"!==i.detail.requestedDropdownGroup.selectionMode||this.closeCalciteDropdown(),i.stopPropagation()}onBeforeOpen(){this.calciteDropdownBeforeOpen.emit()}onOpen(){this.calciteDropdownOpen.emit()}onBeforeClose(){this.calciteDropdownBeforeClose.emit()}onClose(){this.calciteDropdownClose.emit()}updateSelectedItems(){this.selectedItems=this.items.filter((i=>i.selected))}getMaxScrollerHeight(){const{maxItems:i,items:t}=this;let e,n=0,a=0;return this.groups.forEach((t=>{i>0&&n<i&&Array.from(t.children).forEach(((t,o)=>{0===o&&(isNaN(e)&&(e=t.offsetTop),a+=e),n<i&&(a+=t.offsetHeight,n+=1)}))})),t.length>i?a:0}closeCalciteDropdown(i=!0){this.open=!1,i&&c(this.triggers[0])}getFocusableElement(i){if(!i)return;const t=i.attributes.isLink?i.shadowRoot.querySelector("a"):i;c(t)}static get delegatesFocus(){return!0}get el(){return a(this)}static get watchers(){return{open:["openHandler"],disabled:["handleDisabledChange"],flipPlacements:["flipPlacementsHandler"],maxItems:["maxItemsHandler"],overlayPositioning:["overlayPositioningHandler"],placement:["placementHandler"]}}};I.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);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:inline-flex;flex:0 1 auto}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host .calcite-dropdown-wrapper{--calcite-floating-ui-z-index:600;display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index);visibility:hidden}.calcite-dropdown-wrapper .calcite-floating-ui-anim{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}.calcite-dropdown-wrapper[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}.calcite-dropdown-wrapper[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}.calcite-dropdown-wrapper[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}.calcite-dropdown-wrapper[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}.calcite-dropdown-wrapper[data-placement] .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([open]) .calcite-dropdown-wrapper{visibility:visible}:host .calcite-dropdown-content{max-block-size:45vh;inline-size:auto;overflow-y:auto;overflow-x:hidden;background-color:var(--calcite-ui-foreground-1);inline-size:var(--calcite-dropdown-width)}.calcite-trigger-container{position:relative;display:flex;flex:1 1 auto;word-wrap:break-word;word-break:break-word}@media (forced-colors: active){:host([open]) .calcite-dropdown-wrapper{border:1px solid canvasText}}:host([width=s]){--calcite-dropdown-width:12rem}:host([width=m]){--calcite-dropdown-width:14rem}:host([width=l]){--calcite-dropdown-width:16rem}";const E=class{constructor(e){i(this,e),this.calciteInternalDropdownItemChange=t(this,"calciteInternalDropdownItemChange",6),this.groupTitle=void 0,this.selectionMode="single",this.scale=void 0}componentWillLoad(){this.groupPosition=this.getGroupPosition()}render(){const i=this.scale||l(this.el,"scale","m"),t=this.groupTitle?e("span",{"aria-hidden":"true",class:"dropdown-title"},this.groupTitle):null,a=this.groupPosition>0?e("div",{class:"dropdown-separator",role:"separator"}):null;return e(n,{"aria-label":this.groupTitle,role:"group"},e("div",{class:{container:!0,"container--s":"s"===i,"container--m":"m"===i,"container--l":"l"===i},title:this.groupTitle},a,t,e("slot",null)))}updateActiveItemOnChange(i){this.requestedDropdownGroup=i.detail.requestedDropdownGroup,this.requestedDropdownItem=i.detail.requestedDropdownItem,this.calciteInternalDropdownItemChange.emit({requestedDropdownGroup:this.requestedDropdownGroup,requestedDropdownItem:this.requestedDropdownItem})}getGroupPosition(){return Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-dropdown-group"),this.el)}static get delegatesFocus(){return!0}get el(){return a(this)}};E.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);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host{position:relative;display:block}.container{text-align:start}.container--s{font-size:var(--calcite-font-size--2);line-height:1rem}.container--s .dropdown-title{padding:0.5rem}.container--m{font-size:var(--calcite-font-size--1);line-height:1rem}.container--m .dropdown-title{padding:0.75rem}.container--l{font-size:var(--calcite-font-size-0);line-height:1.25rem}.container--l .dropdown-title{padding:1rem}.dropdown-title{margin-block-end:-1px;display:block;cursor:default;overflow-wrap:break-word;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-2)}.dropdown-separator{display:block;block-size:1px;background-color:var(--calcite-ui-border-3)}";const C=class{constructor(e){i(this,e),this.calciteDropdownItemSelect=t(this,"calciteDropdownItemSelect",6),this.calciteInternalDropdownItemSelect=t(this,"calciteInternalDropdownItemSelect",6),this.calciteInternalDropdownItemKeyEvent=t(this,"calciteInternalDropdownItemKeyEvent",6),this.calciteInternalDropdownCloseRequest=t(this,"calciteInternalDropdownCloseRequest",6),this.scale="m",this.selected=!1,this.iconFlipRtl=void 0,this.iconStart=void 0,this.iconEnd=void 0,this.href=void 0,this.label=void 0,this.rel=void 0,this.target=void 0}async setFocus(){await y(this),this.el?.focus()}componentWillLoad(){k(this),this.initialize()}componentDidLoad(){x(this)}connectedCallback(){this.initialize()}render(){const i=l(this.el,"scale",this.scale),t=e("calcite-icon",{class:"dropdown-item-icon-start",flipRtl:"start"===this.iconFlipRtl||"both"===this.iconFlipRtl,icon:this.iconStart,scale:"l"===i?"m":"s"}),a=e("span",{class:"dropdown-item-content"},e("slot",null)),r=e("calcite-icon",{class:"dropdown-item-icon-end",flipRtl:"end"===this.iconFlipRtl||"both"===this.iconFlipRtl,icon:this.iconEnd,scale:"l"===i?"m":"s"}),s=this.iconStart&&this.iconEnd?[t,a,r]:this.iconStart?[t,a]:this.iconEnd?[a,r]:a,c=this.href?e("a",{"aria-label":this.label,class:"dropdown-link",href:this.href,rel:this.rel,tabIndex:-1,target:this.target,ref:i=>this.childLink=i},s):s,d=this.href?null:"single"===this.selectionMode?"menuitemradio":"multiple"===this.selectionMode?"menuitemcheckbox":"menuitem",h="none"!==this.selectionMode?o(this.selected):null;return e(n,{"aria-checked":h,role:d,tabindex:"0"},e("div",{class:{container:!0,"container--link":!!this.href,"container--s":"s"===i,"container--m":"m"===i,"container--l":"l"===i,"container--multi-selection":"multiple"===this.selectionMode,"container--single-selection":"single"===this.selectionMode,"container--none-selection":"none"===this.selectionMode}},"none"!==this.selectionMode?e("calcite-icon",{class:"dropdown-item-icon",icon:"multiple"===this.selectionMode?"check":"bullet-point",scale:"l"===i?"m":"s"}):null,c))}onClick(){this.emitRequestedItem()}keyDownHandler(i){switch(i.key){case" ":case"Enter":this.emitRequestedItem(),this.href&&this.childLink.click(),i.preventDefault();break;case"Escape":this.calciteInternalDropdownCloseRequest.emit(),i.preventDefault();break;case"Tab":this.calciteInternalDropdownItemKeyEvent.emit({keyboardEvent:i});break;case"ArrowUp":case"ArrowDown":case"Home":case"End":i.preventDefault(),this.calciteInternalDropdownItemKeyEvent.emit({keyboardEvent:i})}}updateActiveItemOnChange(i){i.composedPath().includes(this.parentDropdownGroupEl)&&(this.requestedDropdownGroup=i.detail.requestedDropdownGroup,this.requestedDropdownItem=i.detail.requestedDropdownItem,this.determineActiveItem()),i.stopPropagation()}initialize(){this.selectionMode=l(this.el,"selection-mode","single"),this.parentDropdownGroupEl=this.el.closest("calcite-dropdown-group"),"none"===this.selectionMode&&(this.selected=!1)}determineActiveItem(){switch(this.selectionMode){case"multiple":this.el===this.requestedDropdownItem&&(this.selected=!this.selected);break;case"single":this.el===this.requestedDropdownItem?this.selected=!0:this.requestedDropdownGroup===this.parentDropdownGroupEl&&(this.selected=!1);break;case"none":this.selected=!1}}emitRequestedItem(){this.calciteDropdownItemSelect.emit(),this.calciteInternalDropdownItemSelect.emit({requestedDropdownItem:this.el,requestedDropdownGroup:this.parentDropdownGroupEl})}get el(){return a(this)}};C.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);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}.container--s{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;padding-inline-end:0.5rem;padding-inline-start:1.5rem}.container--m{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;padding-inline-end:0.75rem;padding-inline-start:2rem}.container--l{padding-block:0.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-inline-end:1rem;padding-inline-start:2.5rem}.container--s.container--none-selection{padding-inline-start:0.25rem}.container--s.container--none-selection .dropdown-link{padding-inline-start:0px}.container--m.container--none-selection{padding-inline-start:0.5rem}.container--m.container--none-selection .dropdown-link{padding-inline-start:0px}.container--l.container--none-selection{padding-inline-start:0.75rem}.container--l.container--none-selection .dropdown-link{padding-inline-start:0px}:host{position:relative;display:flex;flex-grow:1;align-items:center}.container{position:relative;display:flex;flex-grow:1;cursor:pointer;align-items:center;color:var(--calcite-ui-text-3);text-decoration-line:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);text-align:start}.dropdown-item-content{flex:1 1 auto;padding-block:0.125rem;padding-inline-end:auto;padding-inline-start:0.25rem}:host,.container--link a{outline-color:transparent}:host(:focus){outline:2px solid transparent;outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.container--link{padding:0px}.container--link a{position:relative;display:flex;flex-grow:1;cursor:pointer;align-items:center;color:var(--calcite-ui-text-3);text-decoration-line:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.container--s .dropdown-link{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;padding-inline-end:0.5rem;padding-inline-start:1.5rem}.container--m .dropdown-link{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;padding-inline-end:0.75rem;padding-inline-start:2rem}.container--l .dropdown-link{padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-inline-end:1rem;padding-inline-start:2.5rem}:host(:hover) .container,:host(:active) .container{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1);text-decoration-line:none}:host(:hover) .container--link .dropdown-link,:host(:active) .container--link .dropdown-link{color:var(--calcite-ui-text-1)}:host(:focus) .container{color:var(--calcite-ui-text-1);text-decoration-line:none}:host(:active) .container{background-color:var(--calcite-ui-foreground-3)}:host(:hover) .container:before,:host(:active) .container:before,:host(:focus) .container:before{opacity:1}:host([selected]) .container:not(.container--none-selection),:host([selected]) .container--link .dropdown-link{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([selected]) .container:not(.container--none-selection):before,:host([selected]) .container--link .dropdown-link:before{opacity:1;color:var(--calcite-ui-brand)}:host([selected]) .container:not(.container--none-selection) calcite-icon,:host([selected]) .container--link .dropdown-link calcite-icon{color:var(--calcite-ui-brand)}.container--multi-selection:before,.container--none-selection:before{display:none}.container--s:before{inset-inline-start:0.5rem}.container--m:before{inset-inline-start:0.75rem}.container--l:before{inset-inline-start:1rem}.dropdown-item-icon{position:absolute;opacity:0;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:scale(0.9)}.container--s .dropdown-item-icon{inset-inline-start:0.25rem}.container--m .dropdown-item-icon{inset-inline-start:0.5rem}.container--l .dropdown-item-icon{inset-inline-start:0.75rem}:host(:hover) .dropdown-item-icon{color:var(--calcite-ui-border-1);opacity:1}:host([selected]) .dropdown-item-icon{color:var(--calcite-ui-brand);opacity:1}.container--s .dropdown-item-icon-start{margin-inline-end:0.5rem;margin-inline-start:0.25rem}.container--s .dropdown-item-icon-end{margin-inline-start:0.5rem}.container--m .dropdown-item-icon-start{margin-inline-end:0.75rem;margin-inline-start:0.25rem}.container--m .dropdown-item-icon-end{margin-inline-start:0.75rem}.container--l .dropdown-item-icon-start{margin-inline-end:1rem;margin-inline-start:0.25rem}.container--l .dropdown-item-icon-end{margin-inline-start:1rem}";export{I as calcite_dropdown,E as calcite_dropdown_group,C as calcite_dropdown_item}

package/dist/calcite/p-6735f354.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.3.0-next.2
- */
-import{f as t}from"./p-b06d021d.js";import{c as o}from"./p-b84c251d.js";const n=new Set;let c;const s={childList:!0};function f(t){c||(c=o("mutation",r)),c.observe(t.el,s)}function i(t){n.delete(t.el),r(c.takeRecords()),c.disconnect();for(const[t]of n.entries())c.observe(t,s)}function r(o){o.forEach((({target:o})=>{t(o)}))}export{f as c,i as d}

package/dist/calcite/p-9b9971f5.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.3.0-next.2
- */
-import{c as t,b as n}from"./p-669bd27f.js";import{d as e}from"./p-ec7e628a.js";function o(t){return t.split("-")[1]}function r(t){return"y"===t?"height":"width"}function i(t){return t.split("-")[0]}function a(t){return["top","bottom"].includes(i(t))?"x":"y"}function l(t,n,e){let{reference:l,floating:s}=t;const c=l.x+l.width/2-s.width/2,f=l.y+l.height/2-s.height/2,u=a(n),d=r(u),m=l[d]/2-s[d]/2,p="x"===u;let y;switch(i(n)){case"top":y={x:c,y:l.y-s.height};break;case"bottom":y={x:c,y:l.y+l.height};break;case"right":y={x:l.x+l.width,y:f};break;case"left":y={x:l.x-s.width,y:f};break;default:y={x:l.x,y:l.y}}switch(o(n)){case"start":y[u]-=m*(e&&p?-1:1);break;case"end":y[u]+=m*(e&&p?-1:1)}return y}function s(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function c(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function f(t,n){var e;void 0===n&&(n={});const{x:o,y:r,platform:i,rects:a,elements:l,strategy:f}=t,{boundary:u="clippingAncestors",rootBoundary:d="viewport",elementContext:m="floating",altBoundary:p=!1,padding:y=0}=n,g=s(y),x=l[p?"floating"===m?"reference":"floating":m],h=c(await i.getClippingRect({element:null==(e=await(null==i.isElement?void 0:i.isElement(x)))||e?x:x.contextElement||await(null==i.getDocumentElement?void 0:i.getDocumentElement(l.floating)),boundary:u,rootBoundary:d,strategy:f})),v="floating"===m?{...a.floating,x:o,y:r}:a.reference,b=await(null==i.getOffsetParent?void 0:i.getOffsetParent(l.floating)),w=await(null==i.isElement?void 0:i.isElement(b))&&await(null==i.getScale?void 0:i.getScale(b))||{x:1,y:1},A=c(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({rect:v,offsetParent:b,strategy:f}):v);return{top:(h.top-A.top+g.top)/w.y,bottom:(A.bottom-h.bottom+g.bottom)/w.y,left:(h.left-A.left+g.left)/w.x,right:(A.right-h.right+g.right)/w.x}}const u=Math.min,d=Math.max;function m(t,n,e){return d(t,u(n,e))}const p=["top","right","bottom","left"],y=p.reduce(((t,n)=>t.concat(n,n+"-start",n+"-end")),[]),g={left:"right",right:"left",bottom:"top",top:"bottom"};function x(t){return t.replace(/left|right|bottom|top/g,(t=>g[t]))}function h(t,n,e){void 0===e&&(e=!1);const i=o(t),l=a(t),s=r(l);let c="x"===l?i===(e?"end":"start")?"right":"left":"start"===i?"bottom":"top";return n.reference[s]>n.floating[s]&&(c=x(c)),{main:c,cross:x(c)}}const v={start:"end",end:"start"};function b(t){return t.replace(/start|end/g,(t=>v[t]))}const w=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(n){var e;const{placement:r,middlewareData:a,rects:l,initialPlacement:s,platform:c,elements:u}=n,{mainAxis:d=!0,crossAxis:m=!0,fallbackPlacements:p,fallbackStrategy:y="bestFit",fallbackAxisSideDirection:g="none",flipAlignment:v=!0,...w}=t,A=i(r),P=i(s)===s,k=await(null==c.isRTL?void 0:c.isRTL(u.floating)),D=p||(P||!v?[x(s)]:function(t){const n=x(t);return[b(t),n,b(n)]}(s));p||"none"===g||D.push(...function(t,n,e,r){const a=o(t);let l=function(t,n,e){const o=["left","right"],r=["right","left"],i=["top","bottom"],a=["bottom","top"];switch(t){case"top":case"bottom":return e?n?r:o:n?o:r;case"left":case"right":return n?i:a;default:return[]}}(i(t),"start"===e,r);return a&&(l=l.map((t=>t+"-"+a)),n&&(l=l.concat(l.map(b)))),l}(s,v,g,k));const R=[s,...D],F=await f(n,w),M=[];let E=(null==(e=a.flip)?void 0:e.overflows)||[];if(d&&M.push(F[A]),m){const{main:t,cross:n}=h(r,l,k);M.push(F[t],F[n])}if(E=[...E,{placement:r,overflows:M}],!M.every((t=>t<=0))){var S,$;const t=((null==(S=a.flip)?void 0:S.index)||0)+1,n=R[t];if(n)return{data:{index:t,overflows:E},reset:{placement:n}};let e=null==($=E.filter((t=>t.overflows[0]<=0)).sort(((t,n)=>t.overflows[1]-n.overflows[1]))[0])?void 0:$.placement;if(!e)switch(y){case"bestFit":{var C;const t=null==(C=E.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,n)=>t+n),0)])).sort(((t,n)=>t[1]-n[1]))[0])?void 0:C[0];t&&(e=t);break}case"initialPlacement":e=s}if(r!==e)return{reset:{placement:e}}}return{}}}};function A(t,n){return{top:t.top-n.height,right:t.right-n.width,bottom:t.bottom-n.height,left:t.left-n.width}}function P(t){return p.some((n=>t[n]>=0))}const k=function(t){return void 0===t&&(t={}),{name:"hide",options:t,async fn(n){const{strategy:e="referenceHidden",...o}=t,{rects:r}=n;switch(e){case"referenceHidden":{const t=A(await f(n,{...o,elementContext:"reference"}),r.reference);return{data:{referenceHiddenOffsets:t,referenceHidden:P(t)}}}case"escaped":{const t=A(await f(n,{...o,altBoundary:!0}),r.floating);return{data:{escapedOffsets:t,escaped:P(t)}}}default:return{}}}}};function D(t){var n;return(null==(n=t.ownerDocument)?void 0:n.defaultView)||window}function R(t){return D(t).getComputedStyle(t)}const F=Math.min,M=Math.max,E=Math.round;function S(t){const n=R(t);let e=parseFloat(n.width),o=parseFloat(n.height);const r=t.offsetWidth,i=t.offsetHeight,a=E(e)!==r||E(o)!==i;return a&&(e=r,o=i),{width:e,height:o,fallback:a}}function $(t){return B(t)?(t.nodeName||"").toLowerCase():""}let C;function O(){if(C)return C;const t=navigator.userAgentData;return t&&Array.isArray(t.brands)?(C=t.brands.map((t=>t.brand+"/"+t.version)).join(" "),C):navigator.userAgent}function T(t){return t instanceof D(t).HTMLElement}function j(t){return t instanceof D(t).Element}function B(t){return t instanceof D(t).Node}function z(t){return"undefined"!=typeof ShadowRoot&&(t instanceof D(t).ShadowRoot||t instanceof ShadowRoot)}function L(t){const{overflow:n,overflowX:e,overflowY:o,display:r}=R(t);return/auto|scroll|overlay|hidden|clip/.test(n+o+e)&&!["inline","contents"].includes(r)}function H(t){return["table","td","th"].includes($(t))}function N(t){const n=/firefox/i.test(O()),e=R(t),o=e.backdropFilter||e.WebkitBackdropFilter;return"none"!==e.transform||"none"!==e.perspective||!!o&&"none"!==o||n&&"filter"===e.willChange||n&&!!e.filter&&"none"!==e.filter||["transform","perspective"].some((t=>e.willChange.includes(t)))||["paint","layout","strict","content"].some((t=>{const n=e.contain;return null!=n&&n.includes(t)}))}function I(){return/^((?!chrome|android).)*safari/i.test(O())}function W(t){return["html","body","#document"].includes($(t))}function q(t){return j(t)?t:t.contextElement}const G={x:1,y:1};function U(t){const n=q(t);if(!T(n))return G;const e=n.getBoundingClientRect(),{width:o,height:r,fallback:i}=S(n);let a=(i?E(e.width):e.width)/o,l=(i?E(e.height):e.height)/r;return a&&Number.isFinite(a)||(a=1),l&&Number.isFinite(l)||(l=1),{x:a,y:l}}function V(t,n,e,o){var r,i;void 0===n&&(n=!1),void 0===e&&(e=!1);const a=t.getBoundingClientRect(),l=q(t);let s=G;n&&(o?j(o)&&(s=U(o)):s=U(t));const c=l?D(l):window,f=I()&&e;let u=(a.left+(f&&(null==(r=c.visualViewport)?void 0:r.offsetLeft)||0))/s.x,d=(a.top+(f&&(null==(i=c.visualViewport)?void 0:i.offsetTop)||0))/s.y,m=a.width/s.x,p=a.height/s.y;if(l){const t=D(l),n=o&&j(o)?D(o):o;let e=t.frameElement;for(;e&&o&&n!==t;){const t=U(e),n=e.getBoundingClientRect(),o=getComputedStyle(e);n.x+=(e.clientLeft+parseFloat(o.paddingLeft))*t.x,n.y+=(e.clientTop+parseFloat(o.paddingTop))*t.y,u*=t.x,d*=t.y,m*=t.x,p*=t.y,u+=n.x,d+=n.y,e=D(e).frameElement}}return{width:m,height:p,top:d,right:u+m,bottom:d+p,left:u,x:u,y:d}}function X(t){return((B(t)?t.ownerDocument:t.document)||window.document).documentElement}function Y(t){return j(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function _(t){return V(X(t)).left+Y(t).scrollLeft}function J(t){if("html"===$(t))return t;const n=t.assignedSlot||t.parentNode||z(t)&&t.host||X(t);return z(n)?n.host:n}function K(t){const n=J(t);return W(n)?n.ownerDocument.body:T(n)&&L(n)?n:K(n)}function Q(t,n){var e;void 0===n&&(n=[]);const o=K(t),r=o===(null==(e=t.ownerDocument)?void 0:e.body),i=D(o);return r?n.concat(i,i.visualViewport||[],L(o)?o:[]):n.concat(o,Q(o))}function Z(t,n,e){let o;if("viewport"===n)o=function(t,n){const e=D(t),o=X(t),r=e.visualViewport;let i=o.clientWidth,a=o.clientHeight,l=0,s=0;if(r){i=r.width,a=r.height;const t=I();(!t||t&&"fixed"===n)&&(l=r.offsetLeft,s=r.offsetTop)}return{width:i,height:a,x:l,y:s}}(t,e);else if("document"===n)o=function(t){const n=X(t),e=Y(t),o=t.ownerDocument.body,r=M(n.scrollWidth,n.clientWidth,o.scrollWidth,o.clientWidth),i=M(n.scrollHeight,n.clientHeight,o.scrollHeight,o.clientHeight);let a=-e.scrollLeft+_(t);const l=-e.scrollTop;return"rtl"===R(o).direction&&(a+=M(n.clientWidth,o.clientWidth)-r),{width:r,height:i,x:a,y:l}}(X(t));else if(j(n))o=function(t,n){const e=V(t,!0,"fixed"===n),o=e.top+t.clientTop,r=e.left+t.clientLeft,i=T(t)?U(t):{x:1,y:1};return{width:t.clientWidth*i.x,height:t.clientHeight*i.y,x:r*i.x,y:o*i.y}}(n,e);else{const e={...n};if(I()){var r,i;const n=D(t);e.x-=(null==(r=n.visualViewport)?void 0:r.offsetLeft)||0,e.y-=(null==(i=n.visualViewport)?void 0:i.offsetTop)||0}o=e}return c(o)}function tt(t,n){return T(t)&&"fixed"!==R(t).position?n?n(t):t.offsetParent:null}function nt(t,n){const e=D(t);let o=tt(t,n);for(;o&&H(o)&&"static"===R(o).position;)o=tt(o,n);return o&&("html"===$(o)||"body"===$(o)&&"static"===R(o).position&&!N(o))?e:o||function(t){let n=J(t);for(;T(n)&&!W(n);){if(N(n))return n;n=J(n)}return null}(t)||e}function et(t,n,e){const o=T(n),r=X(n),i=V(t,!0,"fixed"===e,n);let a={scrollLeft:0,scrollTop:0};const l={x:0,y:0};if(o||!o&&"fixed"!==e)if(("body"!==$(n)||L(r))&&(a=Y(n)),T(n)){const t=V(n,!0);l.x=t.x+n.clientLeft,l.y=t.y+n.clientTop}else r&&(l.x=_(r));return{x:i.left+a.scrollLeft-l.x,y:i.top+a.scrollTop-l.y,width:i.width,height:i.height}}const ot={getClippingRect:function(t){let{element:n,boundary:e,rootBoundary:o,strategy:r}=t;const i=[..."clippingAncestors"===e?function(t,n){const e=n.get(t);if(e)return e;let o=Q(t).filter((t=>j(t)&&"body"!==$(t))),r=null;const i="fixed"===R(t).position;let a=i?J(t):t;for(;j(a)&&!W(a);){const t=R(a),n=N(a);"fixed"===t.position?r=null:(i?n||r:n||"static"!==t.position||!r||!["absolute","fixed"].includes(r.position))?r=t:o=o.filter((t=>t!==a)),a=J(a)}return n.set(t,o),o}(n,this._c):[].concat(e),o],a=i.reduce(((t,e)=>{const o=Z(n,e,r);return t.top=M(o.top,t.top),t.right=F(o.right,t.right),t.bottom=F(o.bottom,t.bottom),t.left=M(o.left,t.left),t}),Z(n,i[0],r));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:n,offsetParent:e,strategy:o}=t;const r=T(e),i=X(e);if(e===i)return n;let a={scrollLeft:0,scrollTop:0},l={x:1,y:1};const s={x:0,y:0};if((r||!r&&"fixed"!==o)&&(("body"!==$(e)||L(i))&&(a=Y(e)),T(e))){const t=V(e);l=U(e),s.x=t.x+e.clientLeft,s.y=t.y+e.clientTop}return{width:n.width*l.x,height:n.height*l.y,x:n.x*l.x-a.scrollLeft*l.x+s.x,y:n.y*l.y-a.scrollTop*l.y+s.y}},isElement:j,getDimensions:function(t){return T(t)?S(t):t.getBoundingClientRect()},getOffsetParent:nt,getDocumentElement:X,getScale:U,async getElementRects(t){let{reference:n,floating:e,strategy:o}=t;const r=this.getOffsetParent||nt,i=this.getDimensions;return{reference:et(n,await r(e),o),floating:{x:0,y:0,...await i(e)}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>"rtl"===R(t).direction};const rt={floatingUINonChromiumPositioningFix:!0,...globalThis.calciteComponentsConfig},it=async function(){function t(){return navigator.userAgentData}if(rt.floatingUINonChromiumPositioningFix&&(/firefox|safari/i.test(function(){const n=t();return n?.brands?n.brands.map((({brand:t,version:n})=>`${t}/${n}`)).join(" "):navigator.userAgent}())||function(){const n=t();return n?.brands?!!n.brands.find((({brand:t,version:n})=>("Google Chrome"===t||"Chromium"===t)&&Number(n)>=109)):!!navigator.userAgent.split(" ").find((t=>{const[n,e]=t.split("/");return"Chrome"===n&&parseInt(e)>=109}))}())){const{offsetParent:t}=await import("./p-26afa5f4.js"),n=ot.getOffsetParent;ot.getOffsetParent=e=>n(e,t)}}(),at="data-placement",lt=["top","bottom","right","left","top-start","top-end","bottom-start","bottom-end","right-start","right-end","left-start","left-end"],st="bottom-start",ct={animation:"calcite-floating-ui-anim",animationActive:"calcite-floating-ui-anim--active"};function ft({placement:t,flipDisabled:n,flipPlacements:e,offsetDistance:l,offsetSkidding:c,arrowEl:u,type:d}){const p=[(void 0===g&&(g={}),{name:"shift",options:g,async fn(t){const{x:n,y:e,placement:o}=t,{mainAxis:r=!0,crossAxis:l=!1,limiter:s={fn:t=>{let{x:n,y:e}=t;return{x:n,y:e}}},...c}=g,u={x:n,y:e},d=await f(t,c),p=a(i(o)),y="x"===p?"y":"x";let x=u[p],h=u[y];r&&(x=m(x+d["y"===p?"top":"left"],x,x-d["y"===p?"bottom":"right"])),l&&(h=m(h+d["y"===y?"top":"left"],h,h-d["y"===y?"bottom":"right"]));const v=s.fn({...t,[p]:x,[y]:h});return{...v,data:{x:v.x-n,y:v.y-e}}}}),k()];var g,x;if("menu"===d)return[...p,w({fallbackPlacements:e||["top-start","top","top-end","bottom-start","bottom","bottom-end"]})];if("popover"===d||"tooltip"===d){const d=[...p,(x={mainAxis:"number"==typeof l?l:0,crossAxis:"number"==typeof c?c:0},void 0===x&&(x=0),{name:"offset",options:x,async fn(t){const{x:n,y:e}=t,r=await async function(t,n){const{placement:e,platform:r,elements:l}=t,s=await(null==r.isRTL?void 0:r.isRTL(l.floating)),c=i(e),f=o(e),u="x"===a(e),d=["left","top"].includes(c)?-1:1,m=s&&u?-1:1,p="function"==typeof n?n(t):n;let{mainAxis:y,crossAxis:g,alignmentAxis:x}="number"==typeof p?{mainAxis:p,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...p};return f&&"number"==typeof x&&(g="end"===f?-1*x:x),u?{x:g*m,y:y*d}:{x:y*d,y:g*m}}(t,x);return{x:n+r.x,y:e+r.y,data:r}}})];return"auto"===t||"auto-start"===t||"auto-end"===t?d.push(function(t){return void 0===t&&(t={}),{name:"autoPlacement",options:t,async fn(n){var e,r,a;const{rects:l,middlewareData:s,placement:c,platform:u,elements:d}=n,{crossAxis:m=!1,alignment:p,allowedPlacements:g=y,autoAlignment:x=!0,...v}=t,w=void 0!==p||g===y?function(t,n,e){return(t?[...e.filter((n=>o(n)===t)),...e.filter((n=>o(n)!==t))]:e.filter((t=>i(t)===t))).filter((e=>!t||o(e)===t||!!n&&b(e)!==e))}(p||null,x,g):g,A=await f(n,v),P=(null==(e=s.autoPlacement)?void 0:e.index)||0,k=w[P];if(null==k)return{};const{main:D,cross:R}=h(k,l,await(null==u.isRTL?void 0:u.isRTL(d.floating)));if(c!==k)return{reset:{placement:w[0]}};const F=[A[i(k)],A[D],A[R]],M=[...(null==(r=s.autoPlacement)?void 0:r.overflows)||[],{placement:k,overflows:F}],E=w[P+1];if(E)return{data:{index:P+1,overflows:M},reset:{placement:E}};const S=M.map((t=>{const n=o(t.placement);return[t.placement,n&&m?t.overflows.slice(0,2).reduce(((t,n)=>t+n),0):t.overflows[0],t.overflows]})).sort(((t,n)=>t[1]-n[1])),$=(null==(a=S.filter((t=>t[2].slice(0,o(t[0])?2:3).every((t=>t<=0))))[0])?void 0:a[0])||S[0][0];return $!==c?{data:{index:P+1,overflows:M},reset:{placement:$}}:{}}}}({alignment:"auto-start"===t?"start":"auto-end"===t?"end":null})):n||d.push(w(e?{fallbackPlacements:e}:{})),u&&d.push((t=>({name:"arrow",options:t,async fn(n){const{element:e,padding:i=0}=t||{},{x:l,y:c,placement:f,rects:u,platform:d}=n;if(null==e)return{};const p=s(i),y={x:l,y:c},g=a(f),x=r(g),h=await d.getDimensions(e),v="y"===g?"top":"left",b="y"===g?"bottom":"right",w=u.reference[x]+u.reference[g]-y[g]-u.floating[x],A=y[g]-u.reference[g],P=await(null==d.getOffsetParent?void 0:d.getOffsetParent(e));let k=P?"y"===g?P.clientHeight||0:P.clientWidth||0:0;0===k&&(k=u.floating[x]);const D=p[v],R=k-h[x]-p[b],F=k/2-h[x]/2+(w/2-A/2),M=m(D,F,R),E=null!=o(f)&&F!=M&&u.reference[x]/2-(F<D?p[v]:p[b])-h[x]/2<0;return{[g]:y[g]-(E?F<D?D-F:R-F:0),data:{[g]:M,centerOffset:F-M}}}}))({element:u})),d}return[]}function ut(t,n){const e=t.filter((t=>lt.includes(t)));return e.length!==t.length&&console.warn(`${n.tagName}: Invalid value found in: flipPlacements. Try any of these: ${lt.map((t=>`"${t}"`)).join(", ").trim()}`,{el:n}),e}function dt(t,e){const o=["left","right"];return"rtl"===n(t)&&o.reverse(),e.replace(/leading/gi,o[0]).replace(/trailing/gi,o[1])}async function mt(t,n,e=!1){if(t.open)return e?pt(n):yt(n)}const pt=e(yt,100,{leading:!0,maxWait:100});async function yt({referenceEl:t,floatingEl:n,overlayPositioning:e="absolute",placement:o,flipDisabled:r,flipPlacements:i,offsetDistance:a,offsetSkidding:s,includeArrow:c=!1,arrowEl:f,type:u}){if(!t||!n||c&&!f)return null;await it;const{x:d,y:m,placement:p,strategy:y,middlewareData:g}=await((t,n,e)=>{const o=new Map,r={platform:ot,...e},i={...r.platform,_c:o};return(async(t,n,e)=>{const{placement:o="bottom",strategy:r="absolute",middleware:i=[],platform:a}=e,s=i.filter(Boolean),c=await(null==a.isRTL?void 0:a.isRTL(n));let f=await a.getElementRects({reference:t,floating:n,strategy:r}),{x:u,y:d}=l(f,o,c),m=o,p={},y=0;for(let e=0;e<s.length;e++){const{name:i,fn:g}=s[e],{x,y:h,data:v,reset:b}=await g({x:u,y:d,initialPlacement:o,placement:m,strategy:r,middlewareData:p,rects:f,platform:a,elements:{reference:t,floating:n}});u=null!=x?x:u,d=null!=h?h:d,p={...p,[i]:{...p[i],...v}},b&&y<=50&&(y++,"object"==typeof b&&(b.placement&&(m=b.placement),b.rects&&(f=!0===b.rects?await a.getElementRects({reference:t,floating:n,strategy:r}):b.rects),({x:u,y:d}=l(f,m,c))),e=-1)}return{x:u,y:d,placement:m,strategy:r,middlewareData:p}})(t,n,{...r,platform:i})})(t,n,{strategy:e,placement:"auto"===o||"auto-start"===o||"auto-end"===o?void 0:dt(n,o),middleware:ft({placement:o,flipDisabled:r,flipPlacements:i,offsetDistance:a,offsetSkidding:s,arrowEl:f,type:u})});if(g?.arrow){const{x:t,y:n}=g.arrow;Object.assign(f.style,{left:null!=t?`${t}px`:"",top:null!=n?`${n}px`:""})}const x=g?.hide?.referenceHidden,h=x?"hidden":null,v=h?"none":null;n.setAttribute(at,p);const b=`translate(${Math.round(d)}px,${Math.round(m)}px)`;Object.assign(n.style,{visibility:h,pointerEvents:v,position:y,top:"0",left:"0",transform:b})}const gt=new WeakMap;function xt(t,n,e){if(!e||!n)return;ht(t,n,e);const o=t.overlayPositioning;Object.assign(e.style,{visibility:"hidden",pointerEvents:"none",position:o}),"absolute"===o&&Pt(e),gt.set(t,function(t,n,e,o){void 0===o&&(o={});const{ancestorScroll:r=!0,ancestorResize:i=!0,elementResize:a=!0,animationFrame:l=!1}=o,s=r&&!l,c=s||i?[...j(t)?Q(t):t.contextElement?Q(t.contextElement):[],...Q(n)]:[];c.forEach((t=>{s&&t.addEventListener("scroll",e,{passive:!0}),i&&t.addEventListener("resize",e)}));let f,u=null;if(a){let o=!0;u=new ResizeObserver((()=>{o||e(),o=!1})),j(t)&&!l&&u.observe(t),j(t)||!t.contextElement||l||u.observe(t.contextElement),u.observe(n)}let d=l?V(t):null;return l&&function n(){const o=V(t);!d||o.x===d.x&&o.y===d.y&&o.width===d.width&&o.height===d.height||e(),d=o,f=requestAnimationFrame(n)}(),e(),()=>{var t;c.forEach((t=>{s&&t.removeEventListener("scroll",e),i&&t.removeEventListener("resize",e)})),null==(t=u)||t.disconnect(),u=null,l&&cancelAnimationFrame(f)}}(n,e,(()=>t.reposition())))}function ht(t,n,e){if(!e||!n)return;wt(e).removeEventListener("transitionend",At);const o=gt.get(t);o&&o(),gt.delete(t)}const vt=Math.ceil(Math.hypot(4,4));function bt(t){t&&"absolute"===t.style.position&&wt(t).addEventListener("transitionend",At)}function wt(t){return t.shadowRoot||t}function At(n){const e=n.target;if("opacity"===n.propertyName&&e.classList.contains(ct.animation)){const n=function(n){return t(n,`[${at}]`)}(e);Pt(n),wt(n).removeEventListener("transitionend",At)}}function Pt(t){t.style.transform="",t.style.top="0",t.style.left="0"}export{ct as F,ht as a,vt as b,xt as c,st as d,ut as f,mt as r,bt as u}

package/dist/calcite/p-ab056d44.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.3.0-next.2
- */
-import{r as t,c as i,h as e,H as a,a as o}from"./p-b06d021d.js";import{q as n,i as s,t as r}from"./p-669bd27f.js";import{c,b as l,u as h,a as d,r as p,F as m}from"./p-9b9971f5.js";import{g as f}from"./p-78ef9a60.js";import{c as u,d as g}from"./p-c7dc41d1.js";import"./p-a32f7d40.js";import"./p-ec7e628a.js";const v="aria-describedby";function w(t){const{referenceElement:i}=t;return("string"==typeof i?n(t,{id:i}):i)||null}const b=new class{constructor(){this.registeredElements=new WeakMap,this.hoverTimeout=null,this.registeredElementCount=0,this.queryTooltip=t=>{const{registeredElements:i}=this,e=t.find((t=>i.has(t)));return i.get(e)},this.keyDownHandler=t=>{if("Escape"===t.key&&!t.defaultPrevented){const{activeTooltipEl:i}=this;if(i&&i.open){this.clearHoverTimeout(),this.toggleTooltip(i,!1);const e=w(i);e instanceof Element&&e.contains(t.target)&&t.preventDefault()}}},this.queryHoveredTooltip=t=>{const{activeTooltipEl:i}=this;if(i&&t.includes(i))return void this.clearHoverTimeout();const e=this.queryTooltip(t);e?this.toggleHoveredTooltip(e,!0):i&&this.toggleHoveredTooltip(i,!1)},this.pointerMoveHandler=t=>{const i=t.composedPath();this.clearHoverTimeout(),this.hoverTimeout=window.setTimeout((()=>this.queryHoveredTooltip(i)),500)},this.pointerDownHandler=t=>{if(!s(t))return;const i=this.queryTooltip(t.composedPath());this.clickedTooltip=i,i?.closeOnClick&&(this.toggleTooltip(i,!1),this.clearHoverTimeout())},this.focusInHandler=t=>{this.queryFocusedTooltip(t,!0)},this.focusOutHandler=t=>{this.queryFocusedTooltip(t,!1)},this.toggleHoveredTooltip=(t,i)=>{i&&this.closeExistingTooltip(),this.toggleTooltip(t,i)}}registerElement(t,i){this.registeredElementCount++,this.registeredElements.set(t,i),1===this.registeredElementCount&&this.addListeners()}unregisterElement(t){this.registeredElements.delete(t)&&this.registeredElementCount--,0===this.registeredElementCount&&this.removeListeners()}addListeners(){document.addEventListener("keydown",this.keyDownHandler,{capture:!0}),document.addEventListener("pointermove",this.pointerMoveHandler,{capture:!0}),document.addEventListener("pointerdown",this.pointerDownHandler,{capture:!0}),document.addEventListener("focusin",this.focusInHandler,{capture:!0}),document.addEventListener("focusout",this.focusOutHandler,{capture:!0})}removeListeners(){document.removeEventListener("keydown",this.keyDownHandler,{capture:!0}),document.removeEventListener("pointermove",this.pointerMoveHandler,{capture:!0}),document.removeEventListener("pointerdown",this.pointerDownHandler,{capture:!0}),document.removeEventListener("focusin",this.focusInHandler,{capture:!0}),document.removeEventListener("focusout",this.focusOutHandler,{capture:!0})}clearHoverTimeout(){window.clearTimeout(this.hoverTimeout)}closeExistingTooltip(){const{activeTooltipEl:t}=this;t&&this.toggleTooltip(t,!1)}toggleFocusedTooltip(t,i){this.closeExistingTooltip(),i&&this.clearHoverTimeout(),this.toggleTooltip(t,i)}toggleTooltip(t,i){t.open=i,i&&(this.activeTooltipEl=t)}queryFocusedTooltip(t,i){const e=this.queryTooltip(t.composedPath());e&&e!==this.clickedTooltip?this.toggleFocusedTooltip(e,i):this.clickedTooltip=null}},x=class{constructor(e){t(this,e),this.calciteTooltipBeforeClose=i(this,"calciteTooltipBeforeClose",6),this.calciteTooltipClose=i(this,"calciteTooltipClose",6),this.calciteTooltipBeforeOpen=i(this,"calciteTooltipBeforeOpen",6),this.calciteTooltipOpen=i(this,"calciteTooltipOpen",6),this.guid=`calcite-tooltip-${f()}`,this.hasLoaded=!1,this.openTransitionProp="opacity",this.setTransitionEl=t=>{this.transitionEl=t,u(this)},this.setUpReferenceElement=(t=!0)=>{this.removeReferences(),this.effectiveReferenceElement=w(this.el),c(this,this.effectiveReferenceElement,this.el);const{el:i,referenceElement:e,effectiveReferenceElement:a}=this;t&&e&&!a&&console.warn(`${i.tagName}: reference-element id "${e}" was not found.`,{el:i}),this.addReferences()},this.getId=()=>this.el.id||this.guid,this.addReferences=()=>{const{effectiveReferenceElement:t}=this;if(!t)return;const i=this.getId();"setAttribute"in t&&t.setAttribute(v,i),b.registerElement(t,this.el)},this.removeReferences=()=>{const{effectiveReferenceElement:t}=this;t&&("removeAttribute"in t&&t.removeAttribute(v),b.unregisterElement(t))},this.closeOnClick=!1,this.label=void 0,this.offsetDistance=l,this.offsetSkidding=0,this.open=!1,this.overlayPositioning="absolute",this.placement="auto",this.referenceElement=void 0,this.effectiveReferenceElement=void 0}offsetDistanceOffsetHandler(){this.reposition(!0)}offsetSkiddingHandler(){this.reposition(!0)}openHandler(t){t?this.reposition(!0):h(this.el)}overlayPositioningHandler(){this.reposition(!0)}placementHandler(){this.reposition(!0)}referenceElementHandler(){this.setUpReferenceElement()}connectedCallback(){u(this),this.setUpReferenceElement(this.hasLoaded)}componentDidLoad(){this.referenceElement&&!this.effectiveReferenceElement&&this.setUpReferenceElement(),this.reposition(!0),this.hasLoaded=!0}disconnectedCallback(){this.removeReferences(),d(this,this.effectiveReferenceElement,this.el),g(this)}async reposition(t=!1){const{el:i,effectiveReferenceElement:e,placement:a,overlayPositioning:o,offsetDistance:n,offsetSkidding:s,arrowEl:r}=this;return p(this,{floatingEl:i,referenceEl:e,overlayPositioning:o,placement:a,offsetDistance:n,offsetSkidding:s,includeArrow:!0,arrowEl:r,type:"tooltip"},t)}onBeforeOpen(){this.calciteTooltipBeforeOpen.emit()}onOpen(){this.calciteTooltipOpen.emit()}onBeforeClose(){this.calciteTooltipBeforeClose.emit()}onClose(){this.calciteTooltipClose.emit()}render(){const{effectiveReferenceElement:t,label:i,open:o}=this,n=t&&o,s=!n;return e(a,{"aria-hidden":r(s),"aria-label":i,"aria-live":"polite","calcite-hydrated-hidden":s,id:this.getId(),role:"tooltip"},e("div",{class:{[m.animation]:!0,[m.animationActive]:n},ref:this.setTransitionEl},e("div",{class:"arrow",ref:t=>this.arrowEl=t}),e("div",{class:"container"},e("slot",null))))}get el(){return o(this)}static get watchers(){return{offsetDistance:["offsetDistanceOffsetHandler"],offsetSkidding:["offsetSkiddingHandler"],open:["openHandler"],overlayPositioning:["overlayPositioningHandler"],placement:["placementHandler"],referenceElement:["referenceElementHandler"]}}};x.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);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host{--calcite-floating-ui-z-index:var(--calcite-tooltip-z-index, 901);display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index)}.calcite-floating-ui-anim{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{transform:translateY(-5px)}:host([data-placement^=top]) .calcite-floating-ui-anim{transform:translateY(5px)}:host([data-placement^=left]) .calcite-floating-ui-anim{transform:translateX(5px)}:host([data-placement^=right]) .calcite-floating-ui-anim{transform:translateX(-5px)}:host([data-placement]) .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.arrow,.arrow::before{position:absolute;inline-size:8px;block-size:8px;z-index:-1}.arrow::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{inset-block-end:-4px}:host([data-placement^=bottom]) .arrow{inset-block-start:-4px}:host([data-placement^=right]) .arrow,:host([data-placement^=left]) .arrow{direction:ltr;text-align:start}:host([data-placement^=left]) .arrow{inset-inline-end:-4px}:host([data-placement^=right]) .arrow{inset-inline-start:-4px}.container{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{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{outline:1px solid var(--calcite-ui-border-3)}';export{x as calcite_tooltip}

package/dist/calcite/p-bc50825c.js

@@ -1,10 +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.3.0-next.2
- */
-import{l as n,m as t,n as e,o as r,f as o,p as u}from"./p-669bd27f.js";
-/*!
-* focus-trap 7.4.0
-* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
-*/function i(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),e.push.apply(e,r)}return e}function a(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?i(Object(e),!0).forEach((function(t){c(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):i(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}function c(n,t,e){return(t=function(n){var t=function(n){if("object"!=typeof n||null===n)return n;var t=n[Symbol.toPrimitive];if(void 0!==t){var e=t.call(n,"string");if("object"!=typeof e)return e;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==typeof t?t:String(t)}(t))in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}var f=function(n){return"Tab"===n.key||9===n.keyCode},s=function(n){return f(n)&&!n.shiftKey},l=function(n){return f(n)&&n.shiftKey},v=function(n){return setTimeout(n,0)},b=function(n,t){var e=-1;return n.every((function(n,r){return!t(n)||(e=r,!1)})),e},d=function(n){for(var t=arguments.length,e=new Array(t>1?t-1:0),r=1;r<t;r++)e[r-1]=arguments[r];return"function"==typeof n?n.apply(void 0,e):n},p=function(n){return n.target.shadowRoot&&"function"==typeof n.composedPath?n.composedPath()[0]:n.target},h=[];const w=[];function m(i){const{focusTrapEl:c}=i;c&&(null==c.tabIndex&&(c.tabIndex=-1),i.focusTrap=function(o,u){var i,c=(null==u?void 0:u.document)||document,w=(null==u?void 0:u.trapStack)||h,m=a({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0,isKeyForward:s,isKeyBackward:l},u),y={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,delayInitialFocusTimer:void 0},F=function(n,t,e){return n&&void 0!==n[t]?n[t]:m[e||t]},O=function(n){return y.containerGroups.findIndex((function(t){var e=t.tabbableNodes;return t.container.contains(n)||e.find((function(t){return t===n}))}))},j=function(n){var t=m[n];if("function"==typeof t){for(var e=arguments.length,r=new Array(e>1?e-1:0),o=1;o<e;o++)r[o-1]=arguments[o];t=t.apply(void 0,r)}if(!0===t&&(t=void 0),!t){if(void 0===t||!1===t)return t;throw new Error("`".concat(n,"` was specified but was not a node, or did not return a node"))}var u=t;if("string"==typeof t&&!(u=c.querySelector(t)))throw new Error("`".concat(n,"` as selector refers to no known node"));return u},k=function(){var n=j("initialFocus");if(!1===n)return!1;if(void 0===n)if(O(c.activeElement)>=0)n=c.activeElement;else{var t=y.tabbableGroups[0];n=t&&t.firstTabbableNode||j("fallbackFocus")}if(!n)throw new Error("Your focus-trap needs to have at least one focusable element");return n},D=function(){if(y.containerGroups=y.containers.map((function(r){var o=n(r,m.tabbableOptions),u=t(r,m.tabbableOptions);return{container:r,tabbableNodes:o,focusableNodes:u,firstTabbableNode:o.length>0?o[0]:null,lastTabbableNode:o.length>0?o[o.length-1]:null,nextTabbableNode:function(n){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=u.findIndex((function(t){return t===n}));if(!(r<0))return t?u.slice(r+1).find((function(n){return e(n,m.tabbableOptions)})):u.slice(0,r).reverse().find((function(n){return e(n,m.tabbableOptions)}))}}})),y.tabbableGroups=y.containerGroups.filter((function(n){return n.tabbableNodes.length>0})),y.tabbableGroups.length<=0&&!j("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")},T=function n(t){!1!==t&&t!==c.activeElement&&(t&&t.focus?(t.focus({preventScroll:!!m.preventScroll}),y.mostRecentlyFocusedNode=t,function(n){return n.tagName&&"input"===n.tagName.toLowerCase()&&"function"==typeof n.select}(t)&&t.select()):n(k()))},E=function(n){var t=j("setReturnFocus",n);return t||!1!==t&&n},g=function(n){var t=p(n);O(t)>=0||(d(m.clickOutsideDeactivates,n)?i.deactivate({returnFocus:m.returnFocusOnDeactivate}):d(m.allowOutsideClick,n)||n.preventDefault())},P=function(n){var t=p(n),e=O(t)>=0;e||t instanceof Document?e&&(y.mostRecentlyFocusedNode=t):(n.stopImmediatePropagation(),T(y.mostRecentlyFocusedNode||k()))},N=function(n){if(("Escape"===(t=n).key||"Esc"===t.key||27===t.keyCode)&&!1!==d(m.escapeDeactivates,n))return n.preventDefault(),void i.deactivate();var t;(m.isKeyForward(n)||m.isKeyBackward(n))&&function(n){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],o=p(n);D();var u=null;if(y.tabbableGroups.length>0){var i=O(o),a=i>=0?y.containerGroups[i]:void 0;if(i<0)u=t?y.tabbableGroups[y.tabbableGroups.length-1].lastTabbableNode:y.tabbableGroups[0].firstTabbableNode;else if(t){var c=b(y.tabbableGroups,(function(n){return o===n.firstTabbableNode}));c<0&&(a.container===o||r(o,m.tabbableOptions)&&!e(o,m.tabbableOptions)&&!a.nextTabbableNode(o,!1))&&(c=i),c>=0?u=y.tabbableGroups[0===c?y.tabbableGroups.length-1:c-1].lastTabbableNode:f(n)||(u=a.nextTabbableNode(o,!1))}else{var s=b(y.tabbableGroups,(function(n){return o===n.lastTabbableNode}));s<0&&(a.container===o||r(o,m.tabbableOptions)&&!e(o,m.tabbableOptions)&&!a.nextTabbableNode(o))&&(s=i),s>=0?u=y.tabbableGroups[s===y.tabbableGroups.length-1?0:s+1].firstTabbableNode:f(n)||(u=a.nextTabbableNode(o))}}else u=j("fallbackFocus");u&&(f(n)&&n.preventDefault(),T(u))}(n,m.isKeyBackward(n))},A=function(n){var t=p(n);O(t)>=0||d(m.clickOutsideDeactivates,n)||d(m.allowOutsideClick,n)||(n.preventDefault(),n.stopImmediatePropagation())},R=function(){if(y.active)return function(n,t){if(n.length>0){var e=n[n.length-1];e!==t&&e.pause()}var r=n.indexOf(t);-1===r||n.splice(r,1),n.push(t)}(w,i),y.delayInitialFocusTimer=m.delayInitialFocus?v((function(){T(k())})):T(k()),c.addEventListener("focusin",P,!0),c.addEventListener("mousedown",g,{capture:!0,passive:!1}),c.addEventListener("touchstart",g,{capture:!0,passive:!1}),c.addEventListener("click",A,{capture:!0,passive:!1}),c.addEventListener("keydown",N,{capture:!0,passive:!1}),i},S=function(){if(y.active)return c.removeEventListener("focusin",P,!0),c.removeEventListener("mousedown",g,!0),c.removeEventListener("touchstart",g,!0),c.removeEventListener("click",A,!0),c.removeEventListener("keydown",N,!0),i};return(i={get active(){return y.active},get paused(){return y.paused},activate:function(n){if(y.active)return this;var t=F(n,"onActivate"),e=F(n,"onPostActivate"),r=F(n,"checkCanFocusTrap");r||D(),y.active=!0,y.paused=!1,y.nodeFocusedBeforeActivation=c.activeElement,null==t||t();var o=function(){r&&D(),R(),null==e||e()};return r?(r(y.containers.concat()).then(o,o),this):(o(),this)},deactivate:function(n){if(!y.active)return this;var t=a({onDeactivate:m.onDeactivate,onPostDeactivate:m.onPostDeactivate,checkCanReturnFocus:m.checkCanReturnFocus},n);clearTimeout(y.delayInitialFocusTimer),y.delayInitialFocusTimer=void 0,S(),y.active=!1,y.paused=!1,function(n,t){var e=n.indexOf(t);-1!==e&&n.splice(e,1),n.length>0&&n[n.length-1].unpause()}(w,i);var e=F(t,"onDeactivate"),r=F(t,"onPostDeactivate"),o=F(t,"checkCanReturnFocus"),u=F(t,"returnFocus","returnFocusOnDeactivate");null==e||e();var c=function(){v((function(){u&&T(E(y.nodeFocusedBeforeActivation)),null==r||r()}))};return u&&o?(o(E(y.nodeFocusedBeforeActivation)).then(c,c),this):(c(),this)},pause:function(n){if(y.paused||!y.active)return this;var t=F(n,"onPause"),e=F(n,"onPostPause");return y.paused=!0,null==t||t(),S(),null==e||e(),this},unpause:function(n){if(!y.paused||!y.active)return this;var t=F(n,"onUnpause"),e=F(n,"onPostUnpause");return y.paused=!1,null==t||t(),D(),R(),null==e||e(),this},updateContainerElements:function(n){var t=[].concat(n).filter(Boolean);return y.containers=t.map((function(n){return"string"==typeof n?c.querySelector(n):n})),y.active&&D(),this}}).updateContainerElements(o),i}(c,{clickOutsideDeactivates:!0,document:c.ownerDocument,escapeDeactivates:!1,fallbackFocus:c,setReturnFocus:n=>(o(n),!1),tabbableOptions:u,trapStack:w}))}function y(n){n.focusTrapDisabled||n.focusTrap?.activate()}function F(n){n.focusTrap?.deactivate()}function O(n){n.focusTrap?.updateContainerElements(n.focusTrapEl)}export{y as a,m as c,F as d,O as u}