@esri/calcite-components 1.0.0-next.500 → 1.0.0-next.501

package/dist/loader/cdn.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.500
+ * v1.0.0-next.501
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.cjs.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.500
+ * v1.0.0-next.501
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.es2017.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.500
+ * v1.0.0-next.501
  */
 export * from '../esm/polyfills/index.js';
 export * from '../esm/loader.js';

package/dist/loader/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.500
+ * v1.0.0-next.501
  */
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../esm/polyfills/index.js';

package/dist/types/components/alert/alert.d.ts

@@ -44,10 +44,22 @@ export declare class Alert {
   componentWillLoad(): void;
   disconnectedCallback(): void;
   render(): VNode;
-  calciteAlertBeforeClose: EventEmitter;
-  calciteAlertClose: EventEmitter;
-  calciteAlertBeforeOpen: EventEmitter;
-  calciteAlertOpen: EventEmitter;
+  calciteAlertBeforeClose: EventEmitter<{
+    el: HTMLCalciteAlertElement;
+    queue: HTMLCalciteAlertElement[];
+  }>;
+  calciteAlertClose: EventEmitter<{
+    el: HTMLCalciteAlertElement;
+    queue: HTMLCalciteAlertElement[];
+  }>;
+  calciteAlertBeforeOpen: EventEmitter<{
+    el: HTMLCalciteAlertElement;
+    queue: HTMLCalciteAlertElement[];
+  }>;
+  calciteAlertOpen: EventEmitter<{
+    el: HTMLCalciteAlertElement;
+    queue: HTMLCalciteAlertElement[];
+  }>;
   /**
    * Fires to sync queue when opened or closed.
    *
@@ -84,9 +96,9 @@ export declare class Alert {
   private determineActiveAlert;
   /** close and emit calciteInternalAlertSync event with the updated queue payload */
   private closeAlert;
-  onTransitionRun: (event: TransitionEvent) => void;
+  transitionRunHandler: (event: TransitionEvent) => void;
   transitionEnd: (event: TransitionEvent) => void;
   /** remove queued class after animation completes */
   private openAlert;
-  private openCloseEventEmitter;
+  private emitOpenCloseEvent;
 }

package/dist/types/components/combobox/combobox.d.ts

@@ -143,8 +143,8 @@ export declare class Combobox implements LabelableComponent, FormComponent, Inte
   private toggleCloseEnd;
   private toggleOpenEnd;
   transitionEnd: (event: TransitionEvent) => void;
-  onTransitionRun: (event: TransitionEvent) => void;
-  private openCloseEventEmitter;
+  transitionRunHandler: (event: TransitionEvent) => void;
+  private emitOpenCloseEvent;
   setMaxScrollerHeight: () => void;
   calciteChipDismissHandler: (event: CustomEvent<HTMLCalciteChipElement>, comboboxItem: HTMLCalciteComboboxItemElement) => void;
   clickHandler: (event: MouseEvent) => void;

package/dist/types/components/dropdown/dropdown.d.ts

@@ -62,10 +62,18 @@ export declare class Dropdown implements InteractiveComponent {
   reposition(): Promise<void>;
   /** fires when a dropdown item has been selected or deselected */
   calciteDropdownSelect: EventEmitter<void>;
-  /** fires when a dropdown has been opened */
-  calciteDropdownOpen: EventEmitter<void>;
-  /** fires when a dropdown has been closed */
-  calciteDropdownClose: EventEmitter<void>;
+  calciteDropdownBeforeOpen: EventEmitter<{
+    el: HTMLCalciteDropdownElement;
+  }>;
+  calciteDropdownOpen: EventEmitter<{
+    el: HTMLCalciteDropdownElement;
+  }>;
+  calciteDropdownBeforeClose: EventEmitter<{
+    el: HTMLCalciteDropdownElement;
+  }>;
+  calciteDropdownClose: EventEmitter<{
+    el: HTMLCalciteDropdownElement;
+  }>;
   closeCalciteDropdownOnClick(e: Event): void;
   closeCalciteDropdownOnEvent(e: Event): void;
   closeCalciteDropdownOnOpenEvent(e: Event): void;
@@ -94,6 +102,8 @@ export declare class Dropdown implements InteractiveComponent {
   setMaxScrollerHeight: () => void;
   setScrollerEl: (scrollerEl: HTMLDivElement) => void;
   transitionEnd: (event: TransitionEvent) => void;
+  transitionRunHandler: (event: TransitionEvent) => void;
+  private emitOpenCloseEvent;
   setReferenceEl: (el: HTMLDivElement) => void;
   setMenuEl: (el: HTMLDivElement) => void;
   getModifiers(): Partial<StrictModifiers>[];

package/dist/types/components/dropdown/resources.d.ts

@@ -1,3 +1,6 @@
 export declare const SLOTS: {
   dropdownTrigger: string;
 };
+export declare const CSS: {
+  calciteDropdownContent: string;
+};

package/dist/types/components.d.ts

@@ -4764,10 +4764,22 @@ declare namespace LocalJSX {
           * Specifies an accessible name for the component.
          */
         "label": string;
-        "onCalciteAlertBeforeClose"?: (event: CalciteAlertCustomEvent<any>) => void;
-        "onCalciteAlertBeforeOpen"?: (event: CalciteAlertCustomEvent<any>) => void;
-        "onCalciteAlertClose"?: (event: CalciteAlertCustomEvent<any>) => void;
-        "onCalciteAlertOpen"?: (event: CalciteAlertCustomEvent<any>) => void;
+        "onCalciteAlertBeforeClose"?: (event: CalciteAlertCustomEvent<{
+    el: HTMLCalciteAlertElement;
+    queue: HTMLCalciteAlertElement[];
+  }>) => void;
+        "onCalciteAlertBeforeOpen"?: (event: CalciteAlertCustomEvent<{
+    el: HTMLCalciteAlertElement;
+    queue: HTMLCalciteAlertElement[];
+  }>) => void;
+        "onCalciteAlertClose"?: (event: CalciteAlertCustomEvent<{
+    el: HTMLCalciteAlertElement;
+    queue: HTMLCalciteAlertElement[];
+  }>) => void;
+        "onCalciteAlertOpen"?: (event: CalciteAlertCustomEvent<{
+    el: HTMLCalciteAlertElement;
+    queue: HTMLCalciteAlertElement[];
+  }>) => void;
         /**
           * Specifies the placement of the component
          */
@@ -5683,14 +5695,10 @@ declare namespace LocalJSX {
           * specify the maximum number of calcite-dropdown-items to display before showing the scroller, must be greater than 0 - this value does not include groupTitles passed to calcite-dropdown-group
          */
         "maxItems"?: number;
-        /**
-          * fires when a dropdown has been closed
-         */
-        "onCalciteDropdownClose"?: (event: CalciteDropdownCustomEvent<void>) => void;
-        /**
-          * fires when a dropdown has been opened
-         */
-        "onCalciteDropdownOpen"?: (event: CalciteDropdownCustomEvent<void>) => void;
+        "onCalciteDropdownBeforeClose"?: (event: CalciteDropdownCustomEvent<{ el: HTMLCalciteDropdownElement }>) => void;
+        "onCalciteDropdownBeforeOpen"?: (event: CalciteDropdownCustomEvent<{ el: HTMLCalciteDropdownElement }>) => void;
+        "onCalciteDropdownClose"?: (event: CalciteDropdownCustomEvent<{ el: HTMLCalciteDropdownElement }>) => void;
+        "onCalciteDropdownOpen"?: (event: CalciteDropdownCustomEvent<{ el: HTMLCalciteDropdownElement }>) => void;
         /**
           * fires when a dropdown item has been selected or deselected
          */

package/dist/types/preact.d.ts

@@ -119,9 +119,11 @@ declare module "preact/src/jsx" {
         "oncalciteDatePickerSelect"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-dropdown": Omit<JSX.CalciteDropdown, "onCalciteDropdownSelect" | "onCalciteDropdownOpen" | "onCalciteDropdownClose"> & JSXInternal.HTMLAttributes<HTMLCalciteDropdownElement> & {
+      "calcite-dropdown": Omit<JSX.CalciteDropdown, "onCalciteDropdownSelect" | "onCalciteDropdownBeforeOpen" | "onCalciteDropdownOpen" | "onCalciteDropdownBeforeClose" | "onCalciteDropdownClose"> & JSXInternal.HTMLAttributes<HTMLCalciteDropdownElement> & {
         "oncalciteDropdownSelect"?: (event: CustomEvent<any>) => void;
+        "oncalciteDropdownBeforeOpen"?: (event: CustomEvent<any>) => void;
         "oncalciteDropdownOpen"?: (event: CustomEvent<any>) => void;
+        "oncalciteDropdownBeforeClose"?: (event: CustomEvent<any>) => void;
         "oncalciteDropdownClose"?: (event: CustomEvent<any>) => void;
       }
 

package/dist/types/utils/dom.d.ts

@@ -14,14 +14,6 @@ export declare function getElementDir(el: HTMLElement): Direction;
 export declare function getElementProp(el: Element, prop: string, fallbackValue: any): any;
 export declare function getRootNode(el: Element): Document | ShadowRoot;
 export declare function getHost(root: Document | ShadowRoot): Element | null;
-/**
- * This helper queries an element's rootNodes and any ancestor rootNodes.
- *
- * @param element
- * @param selector
- * @returns {Element[]} The elements.
- */
-export declare function queryElementsRoots<T extends Element = Element>(element: Element, selector: string): T[];
 /**
  * This helper queries an element's rootNode and any ancestor rootNodes.
  *

package/hydrate/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.500
+ * v1.0.0-next.501
  */
 'use strict';
 
@@ -5924,32 +5924,6 @@ function getRootNode(el) {
 function getHost(root) {
   return root.host || null;
 }
-/**
- * This helper queries an element's rootNodes and any ancestor rootNodes.
- *
- * @param element
- * @param selector
- * @returns {Element[]} The elements.
- */
-function queryElementsRoots(element, selector) {
-  // Gets the rootNode and any ancestor rootNodes (shadowRoot or document) of an element and queries them for a selector.
-  // Based on: https://stackoverflow.com/q/54520554/194216
-  function queryFromAll(el, allResults) {
-    if (!el) {
-      return allResults;
-    }
-    if (el.assignedSlot) {
-      el = el.assignedSlot;
-    }
-    const rootNode = getRootNode(el);
-    const results = Array.from(rootNode.querySelectorAll(selector));
-    const uniqueResults = results.filter((result) => !allResults.includes(result));
-    allResults = [...allResults, ...uniqueResults];
-    const host = getHost(rootNode);
-    return host ? queryFromAll(host, allResults) : allResults;
-  }
-  return queryFromAll(element, []);
-}
 /**
  * This helper queries an element's rootNode and any ancestor rootNodes.
  *
@@ -8661,7 +8635,7 @@ class Alert {
     this.queued = false;
     this.setContainerDiv = (el) => {
       this.containerDiv = el;
-      this.containerDiv.addEventListener("transitionrun", this.onTransitionRun);
+      this.containerDiv.addEventListener("transitionrun", this.transitionRunHandler);
     };
     this.autoDismissTimeoutId = null;
     this.trackTimer = Date.now();
@@ -8679,16 +8653,14 @@ class Alert {
     - `transitionrun` fires when the transition is created at the start of any delay and is not cancellable once started.
     - if there is no transition delay, both `transitionrun` and `transitionstart` are fired at the same time.
     */
-    this.onTransitionRun = (event) => {
+    this.transitionRunHandler = (event) => {
       if (event.propertyName === this.activeTransitionProp) {
-        this.active
-          ? this.openCloseEventEmitter("beforeOpening")
-          : this.openCloseEventEmitter("beforeClosing");
+        this.active ? this.emitOpenCloseEvent("beforeOpen") : this.emitOpenCloseEvent("beforeClose");
       }
     };
     this.transitionEnd = (event) => {
       if (event.propertyName === this.activeTransitionProp) {
-        this.active ? this.openCloseEventEmitter("isOpen") : this.openCloseEventEmitter("isClosed");
+        this.active ? this.emitOpenCloseEvent("open") : this.emitOpenCloseEvent("close");
       }
     };
   }
@@ -8726,7 +8698,7 @@ class Alert {
   disconnectedCallback() {
     window.clearTimeout(this.autoDismissTimeoutId);
     if (this.containerDiv) {
-      this.containerDiv.removeEventListener("transitionrun", this.onTransitionRun);
+      this.containerDiv.removeEventListener("transitionrun", this.transitionRunHandler);
     }
   }
   render() {
@@ -8802,16 +8774,16 @@ class Alert {
     window.clearTimeout(this.queueTimeout);
     this.queueTimeout = window.setTimeout(() => (this.queued = false), 300);
   }
-  openCloseEventEmitter(componentVisibilityState) {
+  emitOpenCloseEvent(componentVisibilityState) {
     const payload = {
       el: this.el,
       queue: this.queue
     };
     const emitComponentState = {
-      beforeOpening: () => this.calciteAlertBeforeOpen.emit(payload),
-      isOpen: () => this.calciteAlertOpen.emit(payload),
-      beforeClosing: () => this.calciteAlertBeforeClose.emit(payload),
-      isClosed: () => this.calciteAlertClose.emit(payload)
+      beforeOpen: () => this.calciteAlertBeforeOpen.emit(payload),
+      open: () => this.calciteAlertOpen.emit(payload),
+      beforeClose: () => this.calciteAlertBeforeClose.emit(payload),
+      close: () => this.calciteAlertClose.emit(payload)
     };
     (emitComponentState[componentVisibilityState] ||
       emitComponentState["The component state is unknown."])();
@@ -15863,18 +15835,16 @@ class Combobox {
     };
     this.transitionEnd = (event) => {
       if (event.propertyName === this.activeTransitionProp) {
-        this.active ? this.openCloseEventEmitter("open") : this.openCloseEventEmitter("close");
+        this.active ? this.emitOpenCloseEvent("open") : this.emitOpenCloseEvent("close");
       }
     };
     /* *
     - `transitionrun` fires when the transition is created at the start of any delay and is not cancellable once started.
     - if there is no transition delay, both `transitionrun` and `transitionstart` are fired at the same time.
     */
-    this.onTransitionRun = (event) => {
+    this.transitionRunHandler = (event) => {
       if (event.propertyName === this.activeTransitionProp) {
-        this.active
-          ? this.openCloseEventEmitter("beforeOpen")
-          : this.openCloseEventEmitter("beforeClose");
+        this.active ? this.emitOpenCloseEvent("beforeOpen") : this.emitOpenCloseEvent("beforeClose");
       }
     };
     this.setMaxScrollerHeight = () => {
@@ -15927,7 +15897,7 @@ class Combobox {
     this.setListContainerEl = (el) => {
       this.resizeObserver.observe(el);
       this.listContainerEl = el;
-      this.listContainerEl.addEventListener("transitionrun", this.onTransitionRun);
+      this.listContainerEl.addEventListener("transitionrun", this.transitionRunHandler);
     };
     this.setReferenceEl = (el) => {
       this.referenceEl = el;
@@ -16120,7 +16090,7 @@ class Combobox {
     disconnectLabel(this);
     disconnectForm(this);
     if (this.listContainerEl) {
-      this.listContainerEl.removeEventListener("transitionrun", this.onTransitionRun);
+      this.listContainerEl.removeEventListener("transitionrun", this.transitionRunHandler);
     }
   }
   selectedItemsHandler() {
@@ -16139,7 +16109,7 @@ class Combobox {
       bounding.right <= (window.innerWidth || document.documentElement.clientWidth) &&
       bounding.bottom <= (window.innerHeight || document.documentElement.clientHeight));
   }
-  openCloseEventEmitter(componentVisibilityState) {
+  emitOpenCloseEvent(componentVisibilityState) {
     const payload = {
       el: this.el
     };
@@ -18151,7 +18121,9 @@ class Dropdown {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.calciteDropdownSelect = createEvent(this, "calciteDropdownSelect", 7);
+    this.calciteDropdownBeforeOpen = createEvent(this, "calciteDropdownBeforeOpen", 7);
     this.calciteDropdownOpen = createEvent(this, "calciteDropdownOpen", 7);
+    this.calciteDropdownBeforeClose = createEvent(this, "calciteDropdownBeforeClose", 7);
     this.calciteDropdownClose = createEvent(this, "calciteDropdownClose", 7);
     //--------------------------------------------------------------------------
     //
@@ -18258,10 +18230,16 @@ class Dropdown {
     this.setScrollerEl = (scrollerEl) => {
       this.resizeObserver.observe(scrollerEl);
       this.scrollerEl = scrollerEl;
+      this.scrollerEl.addEventListener("transitionrun", this.transitionRunHandler);
     };
     this.transitionEnd = (event) => {
       if (event.propertyName === this.activeTransitionProp) {
-        this.active ? this.calciteDropdownOpen.emit() : this.calciteDropdownClose.emit();
+        this.active ? this.emitOpenCloseEvent("open") : this.emitOpenCloseEvent("close");
+      }
+    };
+    this.transitionRunHandler = (event) => {
+      if (event.propertyName === this.activeTransitionProp) {
+        this.active ? this.emitOpenCloseEvent("beforeOpen") : this.emitOpenCloseEvent("beforeClose");
       }
     };
     this.setReferenceEl = (el) => {
@@ -18348,6 +18326,9 @@ class Dropdown {
     (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     (_b = this.resizeObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
     this.destroyPopper();
+    if (this.scrollerEl) {
+      this.scrollerEl.removeEventListener("transitionrun", this.transitionRunHandler);
+    }
   }
   render() {
     const { active } = this;
@@ -18448,6 +18429,19 @@ class Dropdown {
     }
     event.stopPropagation();
   }
+  emitOpenCloseEvent(componentVisibilityState) {
+    const payload = {
+      el: this.el
+    };
+    const emitComponentState = {
+      beforeOpen: () => this.calciteDropdownBeforeOpen.emit(payload),
+      open: () => this.calciteDropdownOpen.emit(payload),
+      beforeClose: () => this.calciteDropdownBeforeClose.emit(payload),
+      close: () => this.calciteDropdownClose.emit(payload)
+    };
+    (emitComponentState[componentVisibilityState] ||
+      emitComponentState["The component state is unknown."])();
+  }
   getModifiers() {
     const flipModifier = {
       name: "flip",
@@ -24129,7 +24123,7 @@ class PopoverManager$1 {
     //  Private Properties
     //
     // --------------------------------------------------------------------------
-    this.registeredElements = new WeakMap();
+    this.registeredElements = new Map();
     this.registeredElementCount = 0;
     // --------------------------------------------------------------------------
     //
@@ -24148,7 +24142,7 @@ class PopoverManager$1 {
         popover.toggle();
         return;
       }
-      queryElementsRoots(event.target, "calcite-popover")
+      Array.from(this.registeredElements.values())
         .filter((popover) => popover.autoClose && popover.open && !composedPath.includes(popover))
         .forEach((popover) => popover.toggle(false));
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "1.0.0-next.500",
+  "version": "1.0.0-next.501",
   "description": "Web Components for Esri's Calcite Design System.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -87,7 +87,7 @@
     "@types/dedent": "0.7.0",
     "@types/git-semver-tags": "4.1.1",
     "@types/jest": "26.0.21",
-    "@types/jest-axe": "3.5.3",
+    "@types/jest-axe": "3.5.4",
     "@types/lodash-es": "4.17.6",
     "@types/pify": "5.0.1",
     "@types/rimraf": "3.0.2",
@@ -112,7 +112,7 @@
     "eslint": "8.18.0",
     "eslint-config-prettier": "8.5.0",
     "eslint-plugin-jest": "26.5.3",
-    "eslint-plugin-jsdoc": "39.3.2",
+    "eslint-plugin-jsdoc": "39.3.3",
     "eslint-plugin-prettier": "4.0.0",
     "eslint-plugin-react": "7.30.0",
     "eslint-plugin-unicorn": "42.0.0",

package/dist/calcite/p-09f17e1a.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.500
- */
-import{f as t}from"./p-9c732aa9.js";import{c as o}from"./p-a5ad91d2.js";const n=new Set;let a;const c={childList:!0};function s(t){a||(a=o("mutation",i)),a.observe(t.el,c)}function f(t){n.delete(t.el),i(a.takeRecords()),a.disconnect();for(const[t]of n.entries())a.observe(t,c)}function i(o){o.forEach((({target:o})=>{t(o)}))}export{s as c,f as d}

package/dist/calcite/p-1cb30534.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.500
- */
-import{r as t,c as i,h as e,H as n,g as a}from"./p-9c732aa9.js";import{t as r,f as o,d as s}from"./p-bd5ec28b.js";import{d as c,f as l,C as m,u as d,c as p,p as h}from"./p-d52c8379.js";import{c as w}from"./p-a5ad91d2.js";import{u as f}from"./p-63468c52.js";import"./p-24b76f43.js";const b=class{constructor(e){t(this,e),this.calciteDropdownSelect=i(this,"calciteDropdownSelect",7),this.calciteDropdownOpen=i(this,"calciteDropdownOpen",7),this.calciteDropdownClose=i(this,"calciteDropdownClose",7),this.active=!1,this.disableCloseOnSelect=!1,this.disabled=!1,this.maxItems=0,this.overlayPositioning="absolute",this.placement=c,this.scale="m",this.selectedItems=[],this.type="click",this.items=[],this.groups=[],this.activeTransitionProp="visibility",this.mutationObserver=w("mutation",(()=>this.updateItems())),this.resizeObserver=w("resize",(t=>this.resizeObserverCallback(t))),this.setFilteredPlacements=()=>{const{el:t,flipPlacements:i}=this;this.filteredFlipPlacements=i?l(i,t):null},this.updateTriggers=t=>{this.triggers=t.target.assignedElements({flatten:!0}),this.reposition()},this.updateItems=()=>{this.items=this.groups.map((t=>Array.from(null==t?void 0:t.querySelectorAll("calcite-dropdown-item")))).reduce(((t,i)=>[...t,...i]),[]),this.updateSelectedItems(),this.reposition()},this.updateGroups=t=>{const i=t.target.assignedElements({flatten:!0}).filter((t=>null==t?void 0:t.matches("calcite-dropdown-group")));this.groups=i,this.updateItems()},this.resizeObserverCallback=t=>{t.forEach((t=>{const{target:i}=t;i===this.referenceEl?this.setDropdownWidth():i===this.scrollerEl&&this.setMaxScrollerHeight()}))},this.setDropdownWidth=()=>{const{referenceEl:t,scrollerEl:i}=this,e=null==t?void 0:t.clientWidth;e&&i&&(i.style.minWidth=`${e}px`)},this.setMaxScrollerHeight=()=>{const{active:t,scrollerEl:i}=this;if(!i||!t)return;this.reposition();const e=this.getMaxScrollerHeight();i.style.maxHeight=e>0?`${e}px`:"",this.reposition()},this.setScrollerEl=t=>{this.resizeObserver.observe(t),this.scrollerEl=t},this.transitionEnd=t=>{t.propertyName===this.activeTransitionProp&&(this.active?this.calciteDropdownOpen.emit():this.calciteDropdownClose.emit())},this.setReferenceEl=t=>{this.referenceEl=t,this.resizeObserver.observe(t)},this.setMenuEl=t=>{this.menuEl=t},this.keyDownHandler=t=>{if(t.target!==this.referenceEl)return;const i=t.key;if(this.active&&("Escape"===i||t.shiftKey&&"Tab"===i))this.closeCalciteDropdown();else switch(i){case" ":case"Enter":this.openCalciteDropdown();break;case"Escape":this.closeCalciteDropdown()}},this.focusOnFirstActiveOrFirstItem=()=>{this.getFocusableElement(this.items.find((t=>t.active))||this.items[0])},this.toggleOpenEnd=()=>{this.focusOnFirstActiveOrFirstItem(),this.el.removeEventListener("calciteDropdownOpen",this.toggleOpenEnd)},this.openCalciteDropdown=()=>{this.active=!this.active,this.active&&this.el.addEventListener("calciteDropdownOpen",this.toggleOpenEnd)}}activeHandler(){this.disabled?this.active=!1:this.reposition()}handleDisabledChange(t){t||(this.active=!1)}flipPlacementsHandler(){this.setFilteredPlacements()}maxItemsHandler(){this.setMaxScrollerHeight()}placementHandler(){this.reposition()}connectedCallback(){var t;null===(t=this.mutationObserver)||void 0===t||t.observe(this.el,{childList:!0,subtree:!0}),this.createPopper(),this.setFilteredPlacements()}componentDidLoad(){this.reposition()}componentDidRender(){f(this)}disconnectedCallback(){var t,i;null===(t=this.mutationObserver)||void 0===t||t.disconnect(),null===(i=this.resizeObserver)||void 0===i||i.disconnect(),this.destroyPopper()}render(){const{active:t}=this;return e(n,null,e("div",{class:"calcite-dropdown-trigger-container",onClick:this.openCalciteDropdown,onKeyDown:this.keyDownHandler,ref:this.setReferenceEl},e("slot",{"aria-expanded":r(t),"aria-haspopup":"true",name:"dropdown-trigger",onSlotchange:this.updateTriggers})),e("div",{"aria-hidden":r(!t),class:"calcite-dropdown-wrapper",ref:this.setMenuEl},e("div",{class:{"calcite-dropdown-content":!0,[m.animation]:!0,[m.animationActive]:t},onTransitionEnd:this.transitionEnd,ref:this.setScrollerEl},e("div",{hidden:!this.active},e("slot",{onSlotchange:this.updateGroups})))))}async reposition(){const{popper:t,menuEl:i,placement:e}=this,n=this.getModifiers();t?await d({el:i,modifiers:n,placement:e,popper:t}):this.createPopper()}closeCalciteDropdownOnClick(t){this.active&&!t.composedPath().includes(this.el)&&this.closeCalciteDropdown(!1)}closeCalciteDropdownOnEvent(t){this.closeCalciteDropdown(),t.stopPropagation()}closeCalciteDropdownOnOpenEvent(t){t.composedPath().includes(this.el)||(this.active=!1)}mouseEnterHandler(){"hover"===this.type&&this.openCalciteDropdown()}mouseLeaveHandler(){"hover"===this.type&&this.closeCalciteDropdown()}calciteInternalDropdownItemKeyEvent(t){const{keyboardEvent:i}=t.detail,e=i.target,n="A"!==e.nodeName?e:e.parentNode,a=0===this.itemIndex(n),r=this.itemIndex(n)===this.items.length-1;switch(i.key){case"Tab":r&&!i.shiftKey||a&&i.shiftKey?this.closeCalciteDropdown():i.shiftKey?this.focusPrevItem(n):this.focusNextItem(n);break;case"ArrowDown":this.focusNextItem(n);break;case"ArrowUp":this.focusPrevItem(n);break;case"Home":this.focusFirstItem();break;case"End":this.focusLastItem()}t.stopPropagation()}handleItemSelect(t){this.updateSelectedItems(),t.stopPropagation(),this.calciteDropdownSelect.emit(),this.disableCloseOnSelect&&"none"!==t.detail.requestedDropdownGroup.selectionMode||this.closeCalciteDropdown(),t.stopPropagation()}getModifiers(){const t={name:"flip",enabled:!0};return t.options={fallbackPlacements:this.filteredFlipPlacements||h},[t,{name:"eventListeners",enabled:this.active}]}createPopper(){this.destroyPopper();const{menuEl:t,referenceEl:i,placement:e,overlayPositioning:n}=this,a=this.getModifiers();this.popper=p({el:t,modifiers:a,overlayPositioning:n,placement:e,referenceEl:i})}destroyPopper(){const{popper:t}=this;t&&t.destroy(),this.popper=null}updateSelectedItems(){this.selectedItems=this.items.filter((t=>t.active))}getMaxScrollerHeight(){const{maxItems:t}=this;let i,e=0,n=0;return this.groups.forEach((a=>{t>0&&e<t&&Array.from(a.children).forEach(((a,r)=>{0===r&&(isNaN(i)&&(i=a.offsetTop),n+=i),e<t&&(n+=a.offsetHeight,e+=1)}))})),n}closeCalciteDropdown(t=!0){this.active=!1,t&&o(this.triggers[0])}focusFirstItem(){this.getFocusableElement(this.items[0])}focusLastItem(){this.getFocusableElement(this.items[this.items.length-1])}focusNextItem(t){const i=this.itemIndex(t);this.getFocusableElement(this.items[i+1]||this.items[0])}focusPrevItem(t){const i=this.itemIndex(t);this.getFocusableElement(this.items[i-1]||this.items[this.items.length-1])}itemIndex(t){return this.items.indexOf(t)}getFocusableElement(t){if(!t)return;const i=t.attributes.isLink?t.shadowRoot.querySelector("a"):t;o(i)}get el(){return a(this)}static get watchers(){return{active:["activeHandler"],disabled:["handleDisabledChange"],flipPlacements:["flipPlacementsHandler"],maxItems:["maxItemsHandler"],placement:["placementHandler"]}}};b.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:0 1 auto;flex:0 1 auto}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host .calcite-dropdown-wrapper{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);visibility:hidden;pointer-events:none}.calcite-dropdown-wrapper .calcite-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}.calcite-dropdown-wrapper[data-popper-placement^=bottom] .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.calcite-dropdown-wrapper[data-popper-placement^=top] .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}.calcite-dropdown-wrapper[data-popper-placement^=left] .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}.calcite-dropdown-wrapper[data-popper-placement^=right] .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.calcite-dropdown-wrapper[data-popper-placement] .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([active]) .calcite-dropdown-wrapper{pointer-events:initial;visibility:visible}:host .calcite-dropdown-content{width:auto;overflow-y:auto;overflow-x:hidden;background-color:var(--calcite-ui-foreground-1);max-height:90vh;width:var(--calcite-dropdown-width)}.calcite-dropdown-trigger-container{position:relative;display:-ms-flexbox;display:flex}:host([width=s]){--calcite-dropdown-width:12rem}:host([width=m]){--calcite-dropdown-width:14rem}:host([width=l]){--calcite-dropdown-width:16rem}";const k=class{constructor(e){t(this,e),this.calciteInternalDropdownItemChange=i(this,"calciteInternalDropdownItemChange",7),this.selectionMode="single"}componentWillLoad(){this.groupPosition=this.getGroupPosition()}render(){const t=this.scale||s(this.el,"scale","m"),i=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,{role:"menu"},e("div",{class:{container:!0,"container--s":"s"===t,"container--m":"m"===t,"container--l":"l"===t},title:this.groupTitle},a,i,e("slot",null)))}updateActiveItemOnChange(t){this.requestedDropdownGroup=t.detail.requestedDropdownGroup,this.requestedDropdownItem=t.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)}get el(){return a(this)}};k.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{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-bottom:-1px;display:block;cursor:default;overflow-wrap:break-word;border-width:0px;border-bottom-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;height:1px;background-color:var(--calcite-ui-border-3)}";const u=class{constructor(e){t(this,e),this.calciteInternalDropdownItemSelect=i(this,"calciteInternalDropdownItemSelect",7),this.calciteInternalDropdownItemKeyEvent=i(this,"calciteInternalDropdownItemKeyEvent",7),this.calciteInternalDropdownCloseRequest=i(this,"calciteInternalDropdownCloseRequest",7),this.active=!1}async setFocus(){var t;null===(t=this.el)||void 0===t||t.focus()}componentWillLoad(){this.initialize()}connectedCallback(){this.initialize()}render(){const t=s(this.el,"scale","m"),i=e("calcite-icon",{class:"dropdown-item-icon-start",flipRtl:"start"===this.iconFlipRtl||"both"===this.iconFlipRtl,icon:this.iconStart,scale:"s"}),a=e("span",{class:"dropdown-item-content"},e("slot",null)),o=e("calcite-icon",{class:"dropdown-item-icon-end",flipRtl:"end"===this.iconFlipRtl||"both"===this.iconFlipRtl,icon:this.iconEnd,scale:"s"}),c=this.iconStart&&this.iconEnd?[i,a,o]:this.iconStart?[i,e("slot",null)]:this.iconEnd?[a,o]:a,l=this.href?e("a",{"aria-label":this.label,class:"dropdown-link",href:this.href,ref:t=>this.childLink=t,rel:this.rel,target:this.target},c):c,m=this.href?null:"single"===this.selectionMode?"menuitemradio":"multi"===this.selectionMode?"menuitemcheckbox":"menuitem",d="none"!==this.selectionMode?r(this.active):null;return e(n,{"aria-checked":d,role:m,tabindex:"0"},e("div",{class:{container:!0,"container--link":!!this.href,"container--s":"s"===t,"container--m":"m"===t,"container--l":"l"===t,"container--multi-selection":"multi"===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:"multi"===this.selectionMode?"check":"bullet-point",scale:"s"}):null,l))}onClick(){this.emitRequestedItem()}keyDownHandler(t){switch(t.key){case" ":case"Enter":this.emitRequestedItem(),this.href&&this.childLink.click(),t.preventDefault();break;case"Escape":this.calciteInternalDropdownCloseRequest.emit(),t.preventDefault();break;case"Tab":this.calciteInternalDropdownItemKeyEvent.emit({keyboardEvent:t});break;case"ArrowUp":case"ArrowDown":case"Home":case"End":t.preventDefault(),this.calciteInternalDropdownItemKeyEvent.emit({keyboardEvent:t})}}updateActiveItemOnChange(t){t.composedPath().includes(this.parentDropdownGroupEl)&&(this.requestedDropdownGroup=t.detail.requestedDropdownGroup,this.requestedDropdownItem=t.detail.requestedDropdownItem,this.determineActiveItem()),t.stopPropagation()}initialize(){this.selectionMode=s(this.el,"selection-mode","single"),this.parentDropdownGroupEl=this.el.closest("calcite-dropdown-group"),"none"===this.selectionMode&&(this.active=!1)}determineActiveItem(){switch(this.selectionMode){case"multi":this.el===this.requestedDropdownItem&&(this.active=!this.active);break;case"single":this.el===this.requestedDropdownItem?this.active=!0:this.requestedDropdownGroup===this.parentDropdownGroupEl&&(this.active=!1);break;case"none":this.active=!1}}emitRequestedItem(){this.calciteInternalDropdownItemSelect.emit({requestedDropdownItem:this.el,requestedDropdownGroup:this.parentDropdownGroupEl})}get el(){return a(this)}};u.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}.container--s{padding-top:0.25rem;padding-bottom:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;-webkit-padding-end:0.5rem;padding-inline-end:0.5rem;-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}.container--m{padding-top:0.5rem;padding-bottom:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;-webkit-padding-end:0.75rem;padding-inline-end:0.75rem;-webkit-padding-start:2rem;padding-inline-start:2rem}.container--l{padding-top:0.75rem;padding-bottom:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;-webkit-padding-end:1rem;padding-inline-end:1rem;-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}.container--s.container--none-selection{-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}.container--s.container--none-selection .dropdown-link{-webkit-padding-start:0px;padding-inline-start:0px}.container--m.container--none-selection{-webkit-padding-start:0.5rem;padding-inline-start:0.5rem}.container--m.container--none-selection .dropdown-link{-webkit-padding-start:0px;padding-inline-start:0px}.container--l.container--none-selection{-webkit-padding-start:0.75rem;padding-inline-start:0.75rem}.container--l.container--none-selection .dropdown-link{-webkit-padding-start:0px;padding-inline-start:0px}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;cursor:pointer;-ms-flex-align:center;align-items:center;color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;outline:2px solid transparent;outline-offset:2px;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);text-align:start}.dropdown-item-content{-ms-flex:1 1 auto;flex:1 1 auto;-webkit-padding-end:auto;padding-inline-end:auto;-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}:host,.container--link a{outline-color:transparent}:host(:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.container--link{padding:0px}.container--link a{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;cursor:pointer;-ms-flex-align:center;align-items:center;color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;outline:2px solid transparent;outline-offset:2px;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.container--s .dropdown-link{padding-top:0.25rem;padding-bottom:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;-webkit-padding-end:0.5rem;padding-inline-end:0.5rem;-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}.container--m .dropdown-link{padding-top:0.5rem;padding-bottom:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;-webkit-padding-end:0.75rem;padding-inline-end:0.75rem;-webkit-padding-start:2rem;padding-inline-start:2rem}.container--l .dropdown-link{padding-top:0.75rem;padding-bottom:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;-webkit-padding-end:1rem;padding-inline-end:1rem;-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}:host(:hover) .container,:host(:active) .container{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1);-webkit-text-decoration-line:none;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);-webkit-text-decoration-line:none;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([active]) .container:not(.container--none-selection),:host([active]) .container--link .dropdown-link{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([active]) .container:not(.container--none-selection):before,:host([active]) .container--link .dropdown-link:before{opacity:1;color:var(--calcite-ui-brand)}:host([active]) .container:not(.container--none-selection) calcite-icon,:host([active]) .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;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:scale(0.9);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([active]) .dropdown-item-icon{color:var(--calcite-ui-brand);opacity:1}.container--s .dropdown-item-icon-start{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.container--s .dropdown-item-icon-end{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}.container--m .dropdown-item-icon-start{-webkit-margin-end:0.75rem;margin-inline-end:0.75rem;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.container--m .dropdown-item-icon-end{-webkit-margin-start:0.75rem;margin-inline-start:0.75rem}.container--l .dropdown-item-icon-start{-webkit-margin-end:1rem;margin-inline-end:1rem;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.container--l .dropdown-item-icon-end{-webkit-margin-start:1rem;margin-inline-start:1rem}";export{b as calcite_dropdown,k as calcite_dropdown_group,u as calcite_dropdown_item}

package/dist/calcite/p-294fec7c.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.500
- */
-import{r as t,c as i,h as a,H as e,g as n}from"./p-9c732aa9.js";import{f as r,t as o}from"./p-bd5ec28b.js";import{c as s,d as c,g as l}from"./p-454d8127.js";import{c as d,d as m,H as h}from"./p-25882dfa.js";import{u as p}from"./p-63468c52.js";import"./p-24b76f43.js";const b=class{constructor(a){t(this,a),this.calciteSwitchChange=i(this,"calciteSwitchChange",7),this.disabled=!1,this.scale="m",this.switched=!1,this.checked=!1,this.keyDownHandler=t=>{const i=t.key;this.disabled||" "!==i&&"Enter"!==i||(this.toggle(),t.preventDefault())},this.clickHandler=()=>{this.toggle()},this.setSwitchEl=t=>{this.switchEl=t}}switchedWatcher(t){this.checked=t}async setFocus(){r(this.switchEl)}onLabelClick(){this.disabled||(this.toggle(),this.setFocus())}toggle(){this.checked=!this.checked,this.calciteSwitchChange.emit({switched:this.checked})}connectedCallback(){const t=this.checked||this.switched;t&&(this.switched=this.checked=t),s(this),d(this)}disconnectedCallback(){c(this),m(this)}componentDidRender(){p(this)}render(){return a(e,{onClick:this.clickHandler,onKeyDown:this.keyDownHandler},a("div",{"aria-checked":o(this.checked),"aria-label":l(this),class:"container",ref:this.setSwitchEl,role:"switch",tabIndex:0},a("div",{class:"track"},a("div",{class:"handle"})),a(h,{component:this})))}get el(){return n(this)}static get watchers(){return{switched:["switchedWatcher"]}}};b.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]) .container{height:0.75rem}:host([scale=s]) .track{height:0.75rem;width:1.5rem}:host([scale=s]) .handle{height:0.5rem;width:0.5rem}:host([scale=m]) .container{height:1rem}:host([scale=m]) .track{height:1rem;width:2rem}:host([scale=m]) .handle{height:0.75rem;width:0.75rem}:host([scale=l]) .container{height:1.5rem}:host([scale=l]) .track{height:1.5rem;width:3rem}:host([scale=l]) .handle{height:1.25rem;width:1.25rem}:host{position:relative;display:inline-block;width:auto;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;tap-highlight-color:transparent}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host{width:auto;outline-color:transparent}.track{pointer-events:none;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-2);vertical-align:top;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.handle{pointer-events:none;position:absolute;display:block;border-radius:9999px;border-width:2px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);top:-1px;inset-inline:-1px auto}:host(:hover) .handle,:host(:focus) .handle{border-color:var(--calcite-ui-brand);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand)}:host([checked]) .track{border-color:var(--calcite-ui-brand-hover);background-color:var(--calcite-ui-brand)}:host([checked]) .handle{border-color:var(--calcite-ui-brand);inset-inline:auto -1px}:host([checked]:hover) .track{border-color:var(--calcite-ui-brand-hover);background-color:var(--calcite-ui-brand)}:host([checked]:hover) .handle{border-color:var(--calcite-ui-brand-hover);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover)}@media (forced-colors: active){:host([checked]) .track{background-color:canvasText}}.container:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";export{b as calcite_switch}

package/dist/calcite/p-35921e9d.system.js

@@ -1,6 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(r,t,e,n){function o(r){return r instanceof e?r:new e((function(t){t(r)}))}return new(e||(e=Promise))((function(e,i){function u(r){try{l(n.next(r))}catch(r){i(r)}}function a(r){try{l(n["throw"](r))}catch(r){i(r)}}function l(r){r.done?e(r.value):o(r.value).then(u,a)}l((n=n.apply(r,t||[])).next())}))};var __generator=this&&this.__generator||function(r,t){var e={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,o,i,u;return u={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function a(r){return function(t){return l([r,t])}}function l(u){if(n)throw new TypeError("Generator is already executing.");while(e)try{if(n=1,o&&(i=u[0]&2?o["return"]:u[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,u[1])).done)return i;if(o=0,i)u=[u[0]&2,i.value];switch(u[0]){case 0:case 1:i=u;break;case 4:e.label++;return{value:u[1],done:false};case 5:e.label++;o=u[1];u=[0];continue;case 7:u=e.ops.pop();e.trys.pop();continue;default:if(!(i=e.trys,i=i.length>0&&i[i.length-1])&&(u[0]===6||u[0]===2)){e=0;continue}if(u[0]===3&&(!i||u[1]>i[0]&&u[1]<i[3])){e.label=u[1];break}if(u[0]===6&&e.label<i[1]){e.label=i[1];i=u;break}if(i&&e.label<i[2]){e.label=i[2];e.ops.push(u);break}if(i[2])e.ops.pop();e.trys.pop();continue}u=t.call(r,e)}catch(r){u=[6,r];o=0}finally{n=i=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(r,t,e){if(e||arguments.length===2)for(var n=0,o=t.length,i;n<o;n++){if(i||!(n in t)){if(!i)i=Array.prototype.slice.call(t,0,n);i[n]=t[n]}}return r.concat(i||Array.prototype.slice.call(t))};
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.500
- */System.register(["./p-a092a0ea.system.js"],(function(r){"use strict";var t;return{setters:[function(r){t=r.g}],execute:function(){r({a:f,b:c,c:m,d:s,e:a,f:g,g:_,h:h,i:p,j:T,k:k,n:l,q:y,s:q,t:x});var e="calcite-theme-auto";var n="calcite-theme-dark";var o="calcite-theme-light";var i=r("C",{autoTheme:e,darkTheme:n,lightTheme:o,rtl:"calcite--rtl"});var u=r("T",{loading:"Loading"});function a(r){if(!r){return""}return r.id=r.id||"".concat(r.tagName.toLowerCase(),"-").concat(t())}function l(r){return Array.isArray(r)?r:Array.from(r)}function c(r){var t=m(r,".".concat(i.darkTheme,", .").concat(i.lightTheme));return(t===null||t===void 0?void 0:t.classList.contains("calcite-theme-dark"))?"dark":"light"}function f(r){var t="dir";var e="[".concat(t,"]");var n=m(r,e);return n?n.getAttribute(t):"ltr"}function s(r,t,e){var n="[".concat(t,"]");var o=r.closest(n);return o?o.getAttribute(t):e}function d(r){return r.getRootNode()}function v(r){return r.host||null}function h(r,t){function e(r,n){if(!r){return n}if(r.assignedSlot){r=r.assignedSlot}var o=d(r);var i=Array.from(o.querySelectorAll(t));var u=i.filter((function(r){return!n.includes(r)}));n=__spreadArray(__spreadArray([],n,true),u,true);var a=v(o);return a?e(a,n):n}return e(r,[])}function y(r,t){var e=t.selector,n=t.id;function o(r){if(!r){return null}if(r.assignedSlot){r=r.assignedSlot}var t=d(r);var i=n?"getElementById"in t?t.getElementById(n):null:e?t.querySelector(e):null;var u=v(t);return i?i:u?o(u):null}return o(r)}function m(r,t){function e(r){return r?r.closest(t)||e(v(d(r))):null}return e(r)}function p(r){return typeof(r===null||r===void 0?void 0:r.setFocus)==="function"}function g(r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!r){return[2]}return[2,p(r)?r.setFocus():r.focus()]}))}))}var A=":not([slot])";function _(r,t,e){if(t&&!Array.isArray(t)&&typeof t!=="string"){e=t;t=null}var n=t?Array.isArray(t)?t.map((function(r){return'[slot="'.concat(r,'"]')})).join(","):'[slot="'.concat(t,'"]'):A;if(e===null||e===void 0?void 0:e.all){return w(r,n,e)}return S(r,n,e)}function b(r,t){return r?Array.from(r.children||[]).filter((function(r){return r===null||r===void 0?void 0:r.matches(t)})):[]}function w(r,t,e){var n=t===A?b(r,A):Array.from(r.querySelectorAll(t));n=e&&e.direct===false?n:n.filter((function(t){return t.parentElement===r}));n=(e===null||e===void 0?void 0:e.matches)?n.filter((function(r){return r===null||r===void 0?void 0:r.matches(e.matches)})):n;var o=e===null||e===void 0?void 0:e.selector;return o?n.map((function(r){return Array.from(r.querySelectorAll(o))})).reduce((function(r,t){return __spreadArray(__spreadArray([],r,true),t,true)}),[]).filter((function(r){return!!r})):n}function S(r,t,e){var n=t===A?b(r,A)[0]||null:r.querySelector(t);n=e&&e.direct===false?n:(n===null||n===void 0?void 0:n.parentElement)===r?n:null;n=(e===null||e===void 0?void 0:e.matches)?(n===null||n===void 0?void 0:n.matches(e.matches))?n:null:n;var o=e===null||e===void 0?void 0:e.selector;return o?n===null||n===void 0?void 0:n.querySelector(o):n}function k(r,t){return Array.from(r.children).filter((function(r){return r.matches(t)}))}function q(r,t,e){if(typeof t==="string"&&t!==""){return t}else if(t===""){return r[e]}}function T(r,t){return!(t.left>r.right||t.right<r.left||t.top>r.bottom||t.bottom<r.top)}function x(r){return Boolean(r).toString()}}}}));