@esri/calcite-components 1.0.0-next.549 → 1.0.0-next.551

package/dist/esm/{dom-dea55b56.js → dom-33e9e8e0.js}

@@ -1,9 +1,9 @@
 /*!
  * 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.549
+ * v1.0.0-next.551
  */
-import { g as guid } from './guid-3f9f71dd.js';
+import { g as guid } from './guid-4234cfd1.js';
 
 const autoTheme = "calcite-theme-auto";
 const darkTheme = "calcite-theme-dark";
@@ -182,4 +182,4 @@ function toAriaBoolean(value) {
   return Boolean(value).toString();
 }
 
-export { CSS_UTILITY as C, TEXT as T, getElementDir as a, getThemeName as b, closestElementCrossShadowBoundary as c, getElementProp as d, ensureId as e, focusElement as f, getSlotted as g, intersects as h, isCalciteFocusable as i, filterDirectChildren as j, nodeListToArray as n, queryElementRoots as q, setRequestedIcon as s, toAriaBoolean as t };
+export { CSS_UTILITY as C, TEXT as T, getElementDir as a, getThemeName as b, closestElementCrossShadowBoundary as c, getElementProp as d, ensureId as e, focusElement as f, getSlotted as g, intersects as h, isCalciteFocusable as i, getRootNode as j, filterDirectChildren as k, nodeListToArray as n, queryElementRoots as q, setRequestedIcon as s, toAriaBoolean as t };

package/dist/esm/{filter-d4dfe96a.js → filter-dad8842e.js}

@@ -1,9 +1,9 @@
 /*!
  * 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.549
+ * v1.0.0-next.551
  */
-import { a as isSymbol, S as Symbol, i as isObject, b as baseGetTag, c as isObjectLike, r as root, f as freeGlobal } from './debounce-7eadb91e.js';
+import { a as isSymbol, S as Symbol, i as isObject, b as baseGetTag, c as isObjectLike, r as root, f as freeGlobal } from './debounce-ff4f710f.js';
 
 /**
  * A specialized version of `_.map` for arrays without support for iteratee

package/dist/esm/{floating-ui-b500951e.js → floating-ui-d4987eeb.js}

@@ -1,9 +1,9 @@
 /*!
  * 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.549
+ * v1.0.0-next.551
  */
-import { a as getElementDir } from './dom-dea55b56.js';
+import { a as getElementDir } from './dom-33e9e8e0.js';
 
 function getSide(placement) {
   return placement.split('-')[0];

package/dist/esm/{form-fdc9ba26.js → form-5d4800ad.js}

@@ -1,10 +1,10 @@
 /*!
  * 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.549
+ * v1.0.0-next.551
  */
-import { c as closestElementCrossShadowBoundary } from './dom-dea55b56.js';
-import { h } from './index-6224faaf.js';
+import { c as closestElementCrossShadowBoundary } from './dom-33e9e8e0.js';
+import { h } from './index-f94b8c49.js';
 
 /**
  * Exported for testing purposes.

package/dist/esm/{guid-3f9f71dd.js → guid-4234cfd1.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.549
+ * v1.0.0-next.551
  */
 function gen(counts) {
   return counts

package/dist/esm/{index-6224faaf.js → index-f94b8c49.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.549
+ * v1.0.0-next.551
  */
 const NAMESPACE = 'calcite';
 

package/dist/esm/index.js

@@ -1,5 +1,5 @@
 /*!
  * 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.549
+ * v1.0.0-next.551
  */

package/dist/esm/{interactive-b2759bbb.js → interactive-6b8ea6e7.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.549
+ * v1.0.0-next.551
  */
 function noopClick() {
   /** noop */

package/dist/esm/{interfaces-e7c82093.js → interfaces-b7acdea0.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.549
+ * v1.0.0-next.551
  */
 var StatusIcons;
 (function (StatusIcons) {

package/dist/esm/{key-3fe7a4d6.js → key-7f82d2b6.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.549
+ * v1.0.0-next.551
  */
 function isActivationKey(key) {
   return key === "Enter" || key === " ";

package/dist/esm/{label-60f086ef.js → label-894e655d.js}

@@ -1,9 +1,9 @@
 /*!
  * 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.549
+ * v1.0.0-next.551
  */
-import { q as queryElementRoots, c as closestElementCrossShadowBoundary } from './dom-dea55b56.js';
+import { q as queryElementRoots, c as closestElementCrossShadowBoundary } from './dom-33e9e8e0.js';
 
 /**
  * Exported for testing purposes only

package/dist/esm/loader.js

@@ -1,9 +1,9 @@
 /*!
  * 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.549
+ * v1.0.0-next.551
  */
-import { p as promiseResolve, b as bootstrapLazy } from './index-6224faaf.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-f94b8c49.js';
 
 /*
  Stencil Client Patch Esm v2.16.1 | MIT Licensed | https://stenciljs.com

package/dist/esm/{locale-bd5cf585.js → locale-c8d37e5c.js}

@@ -1,9 +1,9 @@
 /*!
  * 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.549
+ * v1.0.0-next.551
  */
-import { n as numberKeys } from './key-3fe7a4d6.js';
+import { n as numberKeys } from './key-7f82d2b6.js';
 
 // regex for number sanitization
 const allLeadingZerosOptionallyNegative = /^([-0])0+(?=\d)/;

package/dist/esm/{math-58365821.js → math-d886ced0.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.549
+ * v1.0.0-next.551
  */
 const clamp = (value, min, max) => Math.max(min, Math.min(value, max));
 const decimalPlaces = (value) => {

package/dist/esm/{observers-5404762b.js → observers-5dff01c7.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.549
+ * v1.0.0-next.551
  */
 /**
  * This utility ensures observers are created only for browser contexts.

package/dist/esm/openCloseComponent-db7fd0a5.js

@@ -0,0 +1,51 @@
+/*!
+ * 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.551
+ */
+const componentToTransitionListeners = new WeakMap();
+function transitionStart(event) {
+  if (event.propertyName === this.openTransitionProp && event.target === this.transitionEl) {
+    this.open ? this.onBeforeOpen() : this.onBeforeClose();
+  }
+}
+function transitionEnd(event) {
+  if (event.propertyName === this.openTransitionProp && event.target === this.transitionEl) {
+    this.open ? this.onOpen() : this.onClose();
+  }
+}
+/**
+ * Helper to keep track of transition listeners on setTransitionEl and connectedCallback on OpenCloseComponent components.
+ *
+ * @param component
+ */
+function connectOpenCloseComponent(component) {
+  disconnectOpenCloseComponent(component);
+  if (component.transitionEl) {
+    const boundOnTransitionStart = transitionStart.bind(component);
+    const boundOnTransitionEnd = transitionEnd.bind(component);
+    componentToTransitionListeners.set(component, [
+      component.transitionEl,
+      boundOnTransitionStart,
+      boundOnTransitionEnd
+    ]);
+    component.transitionEl.addEventListener("transitionstart", boundOnTransitionStart);
+    component.transitionEl.addEventListener("transitionend", boundOnTransitionEnd);
+  }
+}
+/**
+ * Helper to tear down transition listeners on disconnectedCallback on OpenCloseComponent components.
+ *
+ * @param component
+ */
+function disconnectOpenCloseComponent(component) {
+  if (!componentToTransitionListeners.has(component)) {
+    return;
+  }
+  const [transitionEl, start, end] = componentToTransitionListeners.get(component);
+  transitionEl.removeEventListener("transitionstart", start);
+  transitionEl.removeEventListener("transitionend", end);
+  componentToTransitionListeners.delete(component);
+}
+
+export { connectOpenCloseComponent as c, disconnectOpenCloseComponent as d };

package/dist/esm/{resources-8b12233b.js → resources-67157a8c.js}

@@ -1,12 +1,12 @@
 /*!
  * 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.549
+ * v1.0.0-next.551
  */
-import { f as focusElement, g as getSlotted, t as toAriaBoolean } from './dom-dea55b56.js';
-import { g as getRoundRobinIndex } from './array-f7f37dba.js';
-import { d as debounce } from './debounce-7eadb91e.js';
-import { h, H as Host } from './index-6224faaf.js';
+import { f as focusElement, g as getSlotted, t as toAriaBoolean } from './dom-33e9e8e0.js';
+import { g as getRoundRobinIndex } from './array-975b6ab3.js';
+import { d as debounce } from './debounce-ff4f710f.js';
+import { h, H as Host } from './index-f94b8c49.js';
 
 const CSS$2 = {
   heading: "heading",

package/dist/esm/{resources-90270a37.js → resources-b5e08f27.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.549
+ * v1.0.0-next.551
  */
 const CSS = {
   menu: "menu",

package/dist/esm/{resources-450f8d35.js → resources-e6271895.js}

@@ -1,10 +1,10 @@
 /*!
  * 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.549
+ * v1.0.0-next.551
  */
-import { a as getAssetPath } from './index-6224faaf.js';
-import { a as locales } from './locale-bd5cf585.js';
+import { a as getAssetPath } from './index-f94b8c49.js';
+import { a as locales } from './locale-c8d37e5c.js';
 
 /**
  * Get supported locale code from raw user input

package/dist/esm/{resources-fbee3842.js → resources-f4bda47d.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.549
+ * v1.0.0-next.551
  */
 const SLOTS = {
   menuActions: "menu-actions",

package/dist/esm/{sortable.esm-31c1f60c.js → sortable.esm-0e153d13.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.549
+ * v1.0.0-next.551
  */
 /**!
  * Sortable 1.15.0

package/dist/esm/{utils-bd8b659e.js → utils-80b471f5.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.549
+ * v1.0.0-next.551
  */
 function rgbToHex(color) {
   const { r, g, b } = color;

package/dist/esm-es5/{ExpandToggle-edf8dad9.js → ExpandToggle-ca537565.js}

@@ -1,6 +1,6 @@
 /*!
  * 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.549
+ * v1.0.0-next.551
  */
-import{f as forceUpdate,h}from"./index-6224faaf.js";import{a as getElementDir}from"./dom-dea55b56.js";import{S as SLOTS}from"./resources-90270a37.js";import{S as SLOTS$1}from"./resources-fbee3842.js";var overflowActionsDebounceInMs=150;var groupBufferPx=2;var getAverage=function(e){return e.reduce((function(e,t){return e+t}),0)/e.length};var geActionDimensions=function(e){var t=e===null||e===void 0?void 0:e.length;return{actionWidth:t?getAverage(e.map((function(e){return e.clientWidth||0}))):0,actionHeight:t?getAverage(e.map((function(e){return e.clientHeight||0}))):0}};var getMaxActionCount=function(e){var t=e.width,n=e.actionWidth,o=e.layout,r=e.height,i=e.actionHeight,a=e.groupCount;var c=o==="horizontal"?t:r;var l=o==="horizontal"?n:i;return Math.floor((c-a*groupBufferPx)/l)};var getOverflowCount=function(e){var t=e.layout,n=e.actionCount,o=e.actionWidth,r=e.width,i=e.actionHeight,a=e.height,c=e.groupCount;return Math.max(n-getMaxActionCount({width:r,actionWidth:o,layout:t,height:a,actionHeight:i,groupCount:c}),0)};var queryActions=function(e){return Array.from(e.querySelectorAll("calcite-action")).filter((function(e){return e.closest("calcite-action-menu")?e.slot===SLOTS.trigger:true}))};var overflowActions=function(e){var t=e.actionGroups,n=e.expanded,o=e.overflowCount;var r=o;t.reverse().forEach((function(e){var t=0;var o=queryActions(e).reverse();o.forEach((function(e){if(e.slot===SLOTS$1.menuActions){e.removeAttribute("slot");e.textEnabled=n}}));if(r>0){o.some((function(e){var n=o.filter((function(e){return!e.slot}));if(n.length>1&&o.length>2&&!e.closest("calcite-action-menu")){e.textEnabled=true;e.setAttribute("slot",SLOTS$1.menuActions);t++;if(t>1){r--}}return r<1}))}forceUpdate(e)}))};var ICONS={chevronsLeft:"chevrons-left",chevronsRight:"chevrons-right"};function getCalcitePosition(e,t){var n;return e||((n=t.closest("calcite-shell-panel"))===null||n===void 0?void 0:n.position)||"start"}function toggleChildActionText(e){var t=e.parent,n=e.expanded;queryActions(t).filter((function(e){return e.slot!==SLOTS$1.menuActions})).forEach((function(e){return e.textEnabled=n}));t.querySelectorAll("calcite-action-group, calcite-action-menu").forEach((function(e){return e.expanded=n}))}var setTooltipReference=function(e){var t=e.tooltip,n=e.referenceElement,o=e.expanded,r=e.ref;if(t){t.referenceElement=!o&&n?n:null}if(r){r(n)}return n};var ExpandToggle=function(e){var t=e.expanded,n=e.intlExpand,o=e.intlCollapse,r=e.toggle,i=e.el,a=e.position,c=e.tooltip,l=e.ref,u=e.scale;var f=getElementDir(i)==="rtl";var s=t?o:n;var v=[ICONS.chevronsLeft,ICONS.chevronsRight];if(f){v.reverse()}var g=getCalcitePosition(a,i)==="end";var d=g?v[1]:v[0];var p=g?v[0]:v[1];var m=h("calcite-action",{icon:t?d:p,onClick:r,ref:function(e){return setTooltipReference({tooltip:c,referenceElement:e,expanded:t,ref:l})},scale:u,text:s,textEnabled:t});return m};export{ExpandToggle as E,overflowActions as a,getOverflowCount as b,geActionDimensions as g,overflowActionsDebounceInMs as o,queryActions as q,toggleChildActionText as t};
+import{f as forceUpdate,h}from"./index-f94b8c49.js";import{a as getElementDir}from"./dom-33e9e8e0.js";import{S as SLOTS}from"./resources-b5e08f27.js";import{S as SLOTS$1}from"./resources-f4bda47d.js";var overflowActionsDebounceInMs=150;var groupBufferPx=2;var getAverage=function(e){return e.reduce((function(e,t){return e+t}),0)/e.length};var geActionDimensions=function(e){var t=e===null||e===void 0?void 0:e.length;return{actionWidth:t?getAverage(e.map((function(e){return e.clientWidth||0}))):0,actionHeight:t?getAverage(e.map((function(e){return e.clientHeight||0}))):0}};var getMaxActionCount=function(e){var t=e.width,n=e.actionWidth,o=e.layout,r=e.height,i=e.actionHeight,a=e.groupCount;var c=o==="horizontal"?t:r;var l=o==="horizontal"?n:i;return Math.floor((c-a*groupBufferPx)/l)};var getOverflowCount=function(e){var t=e.layout,n=e.actionCount,o=e.actionWidth,r=e.width,i=e.actionHeight,a=e.height,c=e.groupCount;return Math.max(n-getMaxActionCount({width:r,actionWidth:o,layout:t,height:a,actionHeight:i,groupCount:c}),0)};var queryActions=function(e){return Array.from(e.querySelectorAll("calcite-action")).filter((function(e){return e.closest("calcite-action-menu")?e.slot===SLOTS.trigger:true}))};var overflowActions=function(e){var t=e.actionGroups,n=e.expanded,o=e.overflowCount;var r=o;t.reverse().forEach((function(e){var t=0;var o=queryActions(e).reverse();o.forEach((function(e){if(e.slot===SLOTS$1.menuActions){e.removeAttribute("slot");e.textEnabled=n}}));if(r>0){o.some((function(e){var n=o.filter((function(e){return!e.slot}));if(n.length>1&&o.length>2&&!e.closest("calcite-action-menu")){e.textEnabled=true;e.setAttribute("slot",SLOTS$1.menuActions);t++;if(t>1){r--}}return r<1}))}forceUpdate(e)}))};var ICONS={chevronsLeft:"chevrons-left",chevronsRight:"chevrons-right"};function getCalcitePosition(e,t){var n;return e||((n=t.closest("calcite-shell-panel"))===null||n===void 0?void 0:n.position)||"start"}function toggleChildActionText(e){var t=e.parent,n=e.expanded;queryActions(t).filter((function(e){return e.slot!==SLOTS$1.menuActions})).forEach((function(e){return e.textEnabled=n}));t.querySelectorAll("calcite-action-group, calcite-action-menu").forEach((function(e){return e.expanded=n}))}var setTooltipReference=function(e){var t=e.tooltip,n=e.referenceElement,o=e.expanded,r=e.ref;if(t){t.referenceElement=!o&&n?n:null}if(r){r(n)}return n};var ExpandToggle=function(e){var t=e.expanded,n=e.intlExpand,o=e.intlCollapse,r=e.toggle,i=e.el,a=e.position,c=e.tooltip,l=e.ref,u=e.scale;var f=getElementDir(i)==="rtl";var s=t?o:n;var v=[ICONS.chevronsLeft,ICONS.chevronsRight];if(f){v.reverse()}var g=getCalcitePosition(a,i)==="end";var d=g?v[1]:v[0];var p=g?v[0]:v[1];var m=h("calcite-action",{icon:t?d:p,onClick:r,ref:function(e){return setTooltipReference({tooltip:c,referenceElement:e,expanded:t,ref:l})},scale:u,text:s,textEnabled:t});return m};export{ExpandToggle as E,overflowActions as a,getOverflowCount as b,geActionDimensions as g,overflowActionsDebounceInMs as o,queryActions as q,toggleChildActionText as t};

package/dist/esm-es5/{Heading-510d9ee2.js → Heading-797341f7.js}

@@ -2,5 +2,5 @@ var __assign=this&&this.__assign||function(){__assign=Object.assign||function(n)
 /*!
  * 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.549
- */import{h}from"./index-6224faaf.js";function constrainHeadingLevel(n){return Math.min(Math.max(Math.ceil(n),1),6)}var Heading=function(n,a){var e="h".concat(n.level);delete n.level;return h(e,__assign({},n),a)};export{Heading as H,constrainHeadingLevel as c};
+ * v1.0.0-next.551
+ */import{h}from"./index-f94b8c49.js";function constrainHeadingLevel(n){return Math.min(Math.max(Math.ceil(n),1),6)}var Heading=function(n,a){var e="h".concat(n.level);delete n.level;return h(e,__assign({},n),a)};export{Heading as H,constrainHeadingLevel as c};

package/dist/esm-es5/{array-f7f37dba.js → array-975b6ab3.js}

@@ -1,6 +1,6 @@
 /*!
  * 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.549
+ * v1.0.0-next.551
  */
 function getRoundRobinIndex(n,e){return(n+e)%e}export{getRoundRobinIndex as g};

package/dist/esm-es5/calcite-accordion_2.entry.js

@@ -1,6 +1,6 @@
 /*!
  * 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.549
+ * v1.0.0-next.551
  */
-import{r as registerInstance,c as createEvent,h,g as getElement,H as Host}from"./index-6224faaf.js";import{d as getElementProp,g as getSlotted,a as getElementDir,C as CSS_UTILITY,t as toAriaBoolean}from"./dom-dea55b56.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-f3e51b66.js";import"./guid-3f9f71dd.js";import"./observers-5404762b.js";var accordionCss="@-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-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){--calcite-accordion-item-spacing-unit:0.25rem;--calcite-accordion-icon-margin:0.5rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-accordion-item-spacing-unit:0.5rem;--calcite-accordion-icon-margin:0.75rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-accordion-item-spacing-unit:0.75rem;--calcite-accordion-icon-margin:1rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:block;max-inline-size:100%;line-height:1.5rem;--calcite-accordion-item-border:var(--calcite-ui-border-2);--calcite-accordion-item-background:var(--calcite-ui-foreground-1)}.accordion--transparent{--calcite-accordion-item-border:transparent;--calcite-accordion-item-background:transparent}.accordion--minimal{--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0}.accordion{border-width:1px;border-block-end-width:0px;border-style:solid;border-color:var(--calcite-ui-border-2)}";var Accordion=function(){function t(t){registerInstance(this,t);this.calciteInternalAccordionChange=createEvent(this,"calciteInternalAccordionChange",7);this.appearance="default";this.iconPosition="end";this.iconType="chevron";this.scale="m";this.selectionMode="multi";this.items=[];this.sorted=false;this.sortItems=function(t){return t.sort((function(t,i){return t.position-i.position})).map((function(t){return t.item}))}}t.prototype.componentDidLoad=function(){if(!this.sorted){this.items=this.sortItems(this.items);this.sorted=true}};t.prototype.render=function(){return h("div",{class:{"accordion--transparent":this.appearance==="transparent","accordion--minimal":this.appearance==="minimal",accordion:this.appearance==="default"}},h("slot",null))};t.prototype.calciteInternalAccordionItemKeyEvent=function(t){var i=t.detail.item;var e=t.detail.parent;if(this.el===e){var n=i.key;var a=t.target;var o=this.itemIndex(a)===0;var c=this.itemIndex(a)===this.items.length-1;switch(n){case"ArrowDown":if(c){this.focusFirstItem()}else{this.focusNextItem(a)}break;case"ArrowUp":if(o){this.focusLastItem()}else{this.focusPrevItem(a)}break;case"Home":this.focusFirstItem();break;case"End":this.focusLastItem();break}}t.stopPropagation()};t.prototype.registerCalciteAccordionItem=function(t){var i={item:t.target,parent:t.detail.parent,position:t.detail.position};if(this.el===i.parent){this.items.push(i)}t.stopPropagation()};t.prototype.updateActiveItemOnChange=function(t){this.requestedAccordionItem=t.detail.requestedAccordionItem;this.calciteInternalAccordionChange.emit({requestedAccordionItem:this.requestedAccordionItem});t.stopPropagation()};t.prototype.focusFirstItem=function(){var t=this.items[0];this.focusElement(t)};t.prototype.focusLastItem=function(){var t=this.items[this.items.length-1];this.focusElement(t)};t.prototype.focusNextItem=function(t){var i=this.itemIndex(t);var e=this.items[i+1]||this.items[0];this.focusElement(e)};t.prototype.focusPrevItem=function(t){var i=this.itemIndex(t);var e=this.items[i-1]||this.items[this.items.length-1];this.focusElement(e)};t.prototype.itemIndex=function(t){return this.items.indexOf(t)};t.prototype.focusElement=function(t){var i=t;i===null||i===void 0?void 0:i.focus()};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Accordion.style=accordionCss;var SLOTS={actionsStart:"actions-start",actionsEnd:"actions-end"};var CSS={icon:"icon",header:"header",headerContent:"header-content",actionsStart:"actions-start",actionsEnd:"actions-end",headerText:"header-text",heading:"heading",description:"description",expandIcon:"expand-icon",content:"content"};var accordionItemCss="@-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-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}.icon-position--end,.icon-position--start{--calcite-accordion-item-icon-rotation:calc(90deg * -1);--calcite-accordion-item-active-icon-rotation:0deg;--calcite-accordion-item-icon-rotation-rtl:90deg;--calcite-accordion-item-active-icon-rotation-rtl:0deg}.icon-position--start{--calcite-accordion-item-flex-direction:row-reverse;--calcite-accordion-item-icon-spacing-start:0;--calcite-accordion-item-icon-spacing-end:var(--calcite-accordion-icon-margin)}.icon-position--end{--calcite-accordion-item-flex-direction:row;--calcite-accordion-item-icon-spacing-start:var(--calcite-accordion-icon-margin);--calcite-accordion-item-icon-spacing-end:0}.icon-position--end:not(.icon-type--plus-minus){--calcite-accordion-item-icon-rotation:0deg;--calcite-accordion-item-active-icon-rotation:180deg;--calcite-accordion-item-icon-rotation-rtl:0deg;--calcite-accordion-item-active-icon-rotation-rtl:calc(180deg * -1)}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;background-color:var(--calcite-accordion-item-background, var(--calcite-ui-foreground-1))}:host .header-content{outline-color:transparent}:host(:focus) .header-content{outline:2px solid transparent;outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([expanded]){color:var(--calcite-ui-text-1)}:host([expanded]) .content{display:block;color:var(--calcite-ui-text-1)}:host([expanded]) .header{border-block-end-color:transparent}:host .header{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch}:host .icon{position:relative;margin:0px;display:-ms-inline-flexbox;display:inline-flex;color:var(--calcite-ui-text-3);-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-margin-end:var(--calcite-accordion-item-icon-spacing-start);margin-inline-end:var(--calcite-accordion-item-icon-spacing-start);-webkit-margin-start:var(--calcite-accordion-item-icon-spacing-end);margin-inline-start:var(--calcite-accordion-item-icon-spacing-end)}.content{padding:var(--calcite-accordion-item-padding)}:host .content,:host .header{-webkit-border-after:1px solid var(--calcite-accordion-item-border, var(--calcite-ui-border-2));border-block-end:1px solid var(--calcite-accordion-item-border, var(--calcite-ui-border-2))}:host .header *{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-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)}:host .content{display:none;-webkit-padding-before:0px;padding-block-start:0px;color:var(--calcite-ui-text-3);text-align:initial}:host .expand-icon{color:var(--calcite-ui-text-3);-webkit-margin-start:var(--calcite-accordion-item-icon-spacing-start);margin-inline-start:var(--calcite-accordion-item-icon-spacing-start);-webkit-margin-end:var(--calcite-accordion-item-icon-spacing-end);margin-inline-end:var(--calcite-accordion-item-icon-spacing-end);-webkit-transform:rotate(var(--calcite-accordion-item-icon-rotation));transform:rotate(var(--calcite-accordion-item-icon-rotation))}.calcite--rtl .expand-icon{-webkit-transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl));transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl))}:host([expanded]) .expand-icon{color:var(--calcite-ui-text-1);-webkit-transform:rotate(var(--calcite-accordion-item-active-icon-rotation));transform:rotate(var(--calcite-accordion-item-active-icon-rotation))}:host([expanded]) .calcite--rtl .expand-icon{-webkit-transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl));transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl))}:host .header-text{margin-block:0px;-ms-flex-positive:1;flex-grow:1;-ms-flex-direction:column;flex-direction:column;padding-block:0px;text-align:initial;-webkit-margin-end:auto;margin-inline-end:auto}:host .heading,:host .description{display:-ms-flexbox;display:flex;inline-size:100%}:host .heading{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2)}:host .description{-webkit-margin-before:0.25rem;margin-block-start:0.25rem;color:var(--calcite-ui-text-3)}:host(:focus) .heading,:host(:hover) .heading{color:var(--calcite-ui-text-1)}:host(:focus) .icon,:host(:hover) .icon{color:var(--calcite-ui-text-1)}:host(:focus) .expand-icon,:host(:hover) .expand-icon{color:var(--calcite-ui-text-1)}:host(:focus) .description,:host(:hover) .description{color:var(--calcite-ui-text-2)}:host(:focus) .heading,:host(:active) .heading,:host([expanded]) .heading{color:var(--calcite-ui-text-1)}:host(:focus) .icon,:host(:active) .icon,:host([expanded]) .icon{color:var(--calcite-ui-text-1)}:host(:focus) .expand-icon,:host(:active) .expand-icon,:host([expanded]) .expand-icon{color:var(--calcite-ui-text-1)}:host(:focus) .description,:host(:active) .description,:host([expanded]) .description{color:var(--calcite-ui-text-2)}.header-content{-ms-flex-positive:1;flex-grow:1;cursor:pointer;padding:var(--calcite-accordion-item-padding);-ms-flex-direction:var(--calcite-accordion-item-flex-direction);flex-direction:var(--calcite-accordion-item-flex-direction)}.actions-start,.actions-end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@media (forced-colors: active){:host([expanded]) .header{-webkit-border-after:none;border-block-end:none}:host([expanded]) .heading{font-weight:bolder}:host(:hover) .heading,:host(:focus) .heading{text-decoration:underline}}";var AccordionItem=function(){function t(t){var i=this;registerInstance(this,t);this.calciteInternalAccordionItemKeyEvent=createEvent(this,"calciteInternalAccordionItemKeyEvent",7);this.calciteInternalAccordionItemSelect=createEvent(this,"calciteInternalAccordionItemSelect",7);this.calciteInternalAccordionItemClose=createEvent(this,"calciteInternalAccordionItemClose",7);this.calciteInternalAccordionItemRegister=createEvent(this,"calciteInternalAccordionItemRegister",7);this.active=false;this.expanded=false;this.iconPosition="end";this.itemHeaderClickHandler=function(){return i.emitRequestedItem()}}t.prototype.activeHandler=function(t){this.expanded=t};t.prototype.expandedHandler=function(t){this.active=t};t.prototype.connectedCallback=function(){this.parent=this.el.parentElement;this.selectionMode=getElementProp(this.el,"selection-mode","multi");this.iconType=getElementProp(this.el,"icon-type","chevron");this.iconPosition=getElementProp(this.el,"icon-position",this.iconPosition);var t=this.active||this.expanded;if(t){this.activeHandler(t);this.expandedHandler(t)}connectConditionalSlotComponent(this)};t.prototype.componentDidLoad=function(){this.itemPosition=this.getItemPosition();this.calciteInternalAccordionItemRegister.emit({parent:this.parent,position:this.itemPosition})};t.prototype.disconnectedCallback=function(){disconnectConditionalSlotComponent(this)};t.prototype.renderActionsStart=function(){var t=this.el;return getSlotted(t,SLOTS.actionsStart)?h("div",{class:CSS.actionsStart},h("slot",{name:SLOTS.actionsStart})):null};t.prototype.renderActionsEnd=function(){var t=this.el;return getSlotted(t,SLOTS.actionsEnd)?h("div",{class:CSS.actionsEnd},h("slot",{name:SLOTS.actionsEnd})):null};t.prototype.render=function(){var t,i;var e=getElementDir(this.el);var n=h("calcite-icon",{class:CSS.icon,icon:this.icon,scale:"s"});return h(Host,null,h("div",{class:(t={},t["icon-position--".concat(this.iconPosition)]=true,t["icon-type--".concat(this.iconType)]=true,t)},h("div",{class:(i={},i[CSS.header]=true,i[CSS_UTILITY.rtl]=e==="rtl",i)},this.renderActionsStart(),h("div",{"aria-expanded":toAriaBoolean(this.active||this.expanded),class:CSS.headerContent,onClick:this.itemHeaderClickHandler,role:"button",tabindex:"0"},this.icon?n:null,h("div",{class:CSS.headerText},h("span",{class:CSS.heading},this.heading||this.itemTitle),this.itemSubtitle||this.description?h("span",{class:CSS.description},this.description||this.itemSubtitle):null),h("calcite-icon",{class:CSS.expandIcon,icon:this.iconType==="chevron"?"chevronDown":this.iconType==="caret"?"caretDown":this.expanded||this.active?"minus":"plus",scale:"s"})),this.renderActionsEnd()),h("div",{class:CSS.content},h("slot",null))))};t.prototype.keyDownHandler=function(t){if(t.target===this.el){switch(t.key){case" ":case"Enter":this.emitRequestedItem();t.preventDefault();break;case"ArrowUp":case"ArrowDown":case"Home":case"End":this.calciteInternalAccordionItemKeyEvent.emit({parent:this.parent,item:t});t.preventDefault();break}}};t.prototype.updateActiveItemOnChange=function(t){this.requestedAccordionItem=t.detail.requestedAccordionItem;if(this.el.parentNode!==this.requestedAccordionItem.parentNode){return}this.determineActiveItem();t.stopPropagation()};t.prototype.determineActiveItem=function(){switch(this.selectionMode){case"multi":if(this.el===this.requestedAccordionItem){this.expanded=!this.expanded}break;case"single":this.expanded=this.el===this.requestedAccordionItem?!this.expanded:false;break;case"single-persist":this.expanded=this.el===this.requestedAccordionItem;break}};t.prototype.emitRequestedItem=function(){this.calciteInternalAccordionItemSelect.emit({requestedAccordionItem:this.el})};t.prototype.getItemPosition=function(){return Array.prototype.indexOf.call(this.parent.querySelectorAll("calcite-accordion-item"),this.el)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["activeHandler"],expanded:["expandedHandler"]}},enumerable:false,configurable:true});return t}();AccordionItem.style=accordionItemCss;export{Accordion as calcite_accordion,AccordionItem as calcite_accordion_item};
+import{r as registerInstance,c as createEvent,h,g as getElement,H as Host}from"./index-f94b8c49.js";import{d as getElementProp,g as getSlotted,a as getElementDir,C as CSS_UTILITY,t as toAriaBoolean}from"./dom-33e9e8e0.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-c9541c03.js";import"./guid-4234cfd1.js";import"./observers-5dff01c7.js";var accordionCss="@-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-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){--calcite-accordion-item-spacing-unit:0.25rem;--calcite-accordion-icon-margin:0.5rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-accordion-item-spacing-unit:0.5rem;--calcite-accordion-icon-margin:0.75rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-accordion-item-spacing-unit:0.75rem;--calcite-accordion-icon-margin:1rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:block;max-inline-size:100%;line-height:1.5rem;--calcite-accordion-item-border:var(--calcite-ui-border-2);--calcite-accordion-item-background:var(--calcite-ui-foreground-1)}.accordion--transparent{--calcite-accordion-item-border:transparent;--calcite-accordion-item-background:transparent}.accordion--minimal{--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0}.accordion{border-width:1px;border-block-end-width:0px;border-style:solid;border-color:var(--calcite-ui-border-2)}";var Accordion=function(){function t(t){registerInstance(this,t);this.calciteInternalAccordionChange=createEvent(this,"calciteInternalAccordionChange",6);this.appearance="default";this.iconPosition="end";this.iconType="chevron";this.scale="m";this.selectionMode="multi";this.items=[];this.sorted=false;this.sortItems=function(t){return t.sort((function(t,i){return t.position-i.position})).map((function(t){return t.item}))}}t.prototype.componentDidLoad=function(){if(!this.sorted){this.items=this.sortItems(this.items);this.sorted=true}};t.prototype.render=function(){return h("div",{class:{"accordion--transparent":this.appearance==="transparent","accordion--minimal":this.appearance==="minimal",accordion:this.appearance==="default"}},h("slot",null))};t.prototype.calciteInternalAccordionItemKeyEvent=function(t){var i=t.detail.item;var e=t.detail.parent;if(this.el===e){var n=i.key;var a=t.target;var o=this.itemIndex(a)===0;var c=this.itemIndex(a)===this.items.length-1;switch(n){case"ArrowDown":if(c){this.focusFirstItem()}else{this.focusNextItem(a)}break;case"ArrowUp":if(o){this.focusLastItem()}else{this.focusPrevItem(a)}break;case"Home":this.focusFirstItem();break;case"End":this.focusLastItem();break}}t.stopPropagation()};t.prototype.registerCalciteAccordionItem=function(t){var i={item:t.target,parent:t.detail.parent,position:t.detail.position};if(this.el===i.parent){this.items.push(i)}t.stopPropagation()};t.prototype.updateActiveItemOnChange=function(t){this.requestedAccordionItem=t.detail.requestedAccordionItem;this.calciteInternalAccordionChange.emit({requestedAccordionItem:this.requestedAccordionItem});t.stopPropagation()};t.prototype.focusFirstItem=function(){var t=this.items[0];this.focusElement(t)};t.prototype.focusLastItem=function(){var t=this.items[this.items.length-1];this.focusElement(t)};t.prototype.focusNextItem=function(t){var i=this.itemIndex(t);var e=this.items[i+1]||this.items[0];this.focusElement(e)};t.prototype.focusPrevItem=function(t){var i=this.itemIndex(t);var e=this.items[i-1]||this.items[this.items.length-1];this.focusElement(e)};t.prototype.itemIndex=function(t){return this.items.indexOf(t)};t.prototype.focusElement=function(t){var i=t;i===null||i===void 0?void 0:i.focus()};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Accordion.style=accordionCss;var SLOTS={actionsStart:"actions-start",actionsEnd:"actions-end"};var CSS={icon:"icon",header:"header",headerContent:"header-content",actionsStart:"actions-start",actionsEnd:"actions-end",headerText:"header-text",heading:"heading",description:"description",expandIcon:"expand-icon",content:"content"};var accordionItemCss="@-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-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}.icon-position--end,.icon-position--start{--calcite-accordion-item-icon-rotation:calc(90deg * -1);--calcite-accordion-item-active-icon-rotation:0deg;--calcite-accordion-item-icon-rotation-rtl:90deg;--calcite-accordion-item-active-icon-rotation-rtl:0deg}.icon-position--start{--calcite-accordion-item-flex-direction:row-reverse;--calcite-accordion-item-icon-spacing-start:0;--calcite-accordion-item-icon-spacing-end:var(--calcite-accordion-icon-margin)}.icon-position--end{--calcite-accordion-item-flex-direction:row;--calcite-accordion-item-icon-spacing-start:var(--calcite-accordion-icon-margin);--calcite-accordion-item-icon-spacing-end:0}.icon-position--end:not(.icon-type--plus-minus){--calcite-accordion-item-icon-rotation:0deg;--calcite-accordion-item-active-icon-rotation:180deg;--calcite-accordion-item-icon-rotation-rtl:0deg;--calcite-accordion-item-active-icon-rotation-rtl:calc(180deg * -1)}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;background-color:var(--calcite-accordion-item-background, var(--calcite-ui-foreground-1))}:host .header-content{outline-color:transparent}:host(:focus) .header-content{outline:2px solid transparent;outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([expanded]){color:var(--calcite-ui-text-1)}:host([expanded]) .content{display:block;color:var(--calcite-ui-text-1)}:host([expanded]) .header{border-block-end-color:transparent}:host .header{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch}:host .icon{position:relative;margin:0px;display:-ms-inline-flexbox;display:inline-flex;color:var(--calcite-ui-text-3);-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-margin-end:var(--calcite-accordion-item-icon-spacing-start);margin-inline-end:var(--calcite-accordion-item-icon-spacing-start);-webkit-margin-start:var(--calcite-accordion-item-icon-spacing-end);margin-inline-start:var(--calcite-accordion-item-icon-spacing-end)}.content{padding:var(--calcite-accordion-item-padding)}:host .content,:host .header{-webkit-border-after:1px solid var(--calcite-accordion-item-border, var(--calcite-ui-border-2));border-block-end:1px solid var(--calcite-accordion-item-border, var(--calcite-ui-border-2))}:host .header *{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-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)}:host .content{display:none;-webkit-padding-before:0px;padding-block-start:0px;color:var(--calcite-ui-text-3);text-align:initial}:host .expand-icon{color:var(--calcite-ui-text-3);-webkit-margin-start:var(--calcite-accordion-item-icon-spacing-start);margin-inline-start:var(--calcite-accordion-item-icon-spacing-start);-webkit-margin-end:var(--calcite-accordion-item-icon-spacing-end);margin-inline-end:var(--calcite-accordion-item-icon-spacing-end);-webkit-transform:rotate(var(--calcite-accordion-item-icon-rotation));transform:rotate(var(--calcite-accordion-item-icon-rotation))}.calcite--rtl .expand-icon{-webkit-transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl));transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl))}:host([expanded]) .expand-icon{color:var(--calcite-ui-text-1);-webkit-transform:rotate(var(--calcite-accordion-item-active-icon-rotation));transform:rotate(var(--calcite-accordion-item-active-icon-rotation))}:host([expanded]) .calcite--rtl .expand-icon{-webkit-transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl));transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl))}:host .header-text{margin-block:0px;-ms-flex-positive:1;flex-grow:1;-ms-flex-direction:column;flex-direction:column;padding-block:0px;text-align:initial;-webkit-margin-end:auto;margin-inline-end:auto}:host .heading,:host .description{display:-ms-flexbox;display:flex;inline-size:100%}:host .heading{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2)}:host .description{-webkit-margin-before:0.25rem;margin-block-start:0.25rem;color:var(--calcite-ui-text-3)}:host(:focus) .heading,:host(:hover) .heading{color:var(--calcite-ui-text-1)}:host(:focus) .icon,:host(:hover) .icon{color:var(--calcite-ui-text-1)}:host(:focus) .expand-icon,:host(:hover) .expand-icon{color:var(--calcite-ui-text-1)}:host(:focus) .description,:host(:hover) .description{color:var(--calcite-ui-text-2)}:host(:focus) .heading,:host(:active) .heading,:host([expanded]) .heading{color:var(--calcite-ui-text-1)}:host(:focus) .icon,:host(:active) .icon,:host([expanded]) .icon{color:var(--calcite-ui-text-1)}:host(:focus) .expand-icon,:host(:active) .expand-icon,:host([expanded]) .expand-icon{color:var(--calcite-ui-text-1)}:host(:focus) .description,:host(:active) .description,:host([expanded]) .description{color:var(--calcite-ui-text-2)}.header-content{-ms-flex-positive:1;flex-grow:1;cursor:pointer;padding:var(--calcite-accordion-item-padding);-ms-flex-direction:var(--calcite-accordion-item-flex-direction);flex-direction:var(--calcite-accordion-item-flex-direction)}.actions-start,.actions-end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@media (forced-colors: active){:host([expanded]) .header{-webkit-border-after:none;border-block-end:none}:host([expanded]) .heading{font-weight:bolder}:host(:hover) .heading,:host(:focus) .heading{text-decoration:underline}}";var AccordionItem=function(){function t(t){var i=this;registerInstance(this,t);this.calciteInternalAccordionItemKeyEvent=createEvent(this,"calciteInternalAccordionItemKeyEvent",6);this.calciteInternalAccordionItemSelect=createEvent(this,"calciteInternalAccordionItemSelect",6);this.calciteInternalAccordionItemClose=createEvent(this,"calciteInternalAccordionItemClose",6);this.calciteInternalAccordionItemRegister=createEvent(this,"calciteInternalAccordionItemRegister",6);this.active=false;this.expanded=false;this.iconPosition="end";this.itemHeaderClickHandler=function(){return i.emitRequestedItem()}}t.prototype.activeHandler=function(t){this.expanded=t};t.prototype.expandedHandler=function(t){this.active=t};t.prototype.connectedCallback=function(){this.parent=this.el.parentElement;this.selectionMode=getElementProp(this.el,"selection-mode","multi");this.iconType=getElementProp(this.el,"icon-type","chevron");this.iconPosition=getElementProp(this.el,"icon-position",this.iconPosition);var t=this.active||this.expanded;if(t){this.activeHandler(t);this.expandedHandler(t)}connectConditionalSlotComponent(this)};t.prototype.componentDidLoad=function(){this.itemPosition=this.getItemPosition();this.calciteInternalAccordionItemRegister.emit({parent:this.parent,position:this.itemPosition})};t.prototype.disconnectedCallback=function(){disconnectConditionalSlotComponent(this)};t.prototype.renderActionsStart=function(){var t=this.el;return getSlotted(t,SLOTS.actionsStart)?h("div",{class:CSS.actionsStart},h("slot",{name:SLOTS.actionsStart})):null};t.prototype.renderActionsEnd=function(){var t=this.el;return getSlotted(t,SLOTS.actionsEnd)?h("div",{class:CSS.actionsEnd},h("slot",{name:SLOTS.actionsEnd})):null};t.prototype.render=function(){var t,i;var e=getElementDir(this.el);var n=h("calcite-icon",{class:CSS.icon,icon:this.icon,scale:"s"});return h(Host,null,h("div",{class:(t={},t["icon-position--".concat(this.iconPosition)]=true,t["icon-type--".concat(this.iconType)]=true,t)},h("div",{class:(i={},i[CSS.header]=true,i[CSS_UTILITY.rtl]=e==="rtl",i)},this.renderActionsStart(),h("div",{"aria-expanded":toAriaBoolean(this.active||this.expanded),class:CSS.headerContent,onClick:this.itemHeaderClickHandler,role:"button",tabindex:"0"},this.icon?n:null,h("div",{class:CSS.headerText},h("span",{class:CSS.heading},this.heading||this.itemTitle),this.itemSubtitle||this.description?h("span",{class:CSS.description},this.description||this.itemSubtitle):null),h("calcite-icon",{class:CSS.expandIcon,icon:this.iconType==="chevron"?"chevronDown":this.iconType==="caret"?"caretDown":this.expanded||this.active?"minus":"plus",scale:"s"})),this.renderActionsEnd()),h("div",{class:CSS.content},h("slot",null))))};t.prototype.keyDownHandler=function(t){if(t.target===this.el){switch(t.key){case" ":case"Enter":this.emitRequestedItem();t.preventDefault();break;case"ArrowUp":case"ArrowDown":case"Home":case"End":this.calciteInternalAccordionItemKeyEvent.emit({parent:this.parent,item:t});t.preventDefault();break}}};t.prototype.updateActiveItemOnChange=function(t){this.requestedAccordionItem=t.detail.requestedAccordionItem;if(this.el.parentNode!==this.requestedAccordionItem.parentNode){return}this.determineActiveItem();t.stopPropagation()};t.prototype.determineActiveItem=function(){switch(this.selectionMode){case"multi":if(this.el===this.requestedAccordionItem){this.expanded=!this.expanded}break;case"single":this.expanded=this.el===this.requestedAccordionItem?!this.expanded:false;break;case"single-persist":this.expanded=this.el===this.requestedAccordionItem;break}};t.prototype.emitRequestedItem=function(){this.calciteInternalAccordionItemSelect.emit({requestedAccordionItem:this.el})};t.prototype.getItemPosition=function(){return Array.prototype.indexOf.call(this.parent.querySelectorAll("calcite-accordion-item"),this.el)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["activeHandler"],expanded:["expandedHandler"]}},enumerable:false,configurable:true});return t}();AccordionItem.style=accordionItemCss;export{Accordion as calcite_accordion,AccordionItem as calcite_accordion_item};

package/dist/esm-es5/calcite-action-bar.entry.js

@@ -1,6 +1,6 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,o){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,a){function r(t){try{s(o.next(t))}catch(t){a(t)}}function l(t){try{s(o["throw"](t))}catch(t){a(t)}}function s(t){t.done?n(t.value):i(t.value).then(r,l)}s((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},o,i,a,r;return r={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function l(t){return function(e){return s([t,e])}}function s(r){if(o)throw new TypeError("Generator is already executing.");while(n)try{if(o=1,i&&(a=r[0]&2?i["return"]:r[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,r[1])).done)return a;if(i=0,a)r=[r[0]&2,a.value];switch(r[0]){case 0:case 1:a=r;break;case 4:n.label++;return{value:r[1],done:false};case 5:n.label++;i=r[1];r=[0];continue;case 7:r=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(r[0]===6||r[0]===2)){n=0;continue}if(r[0]===3&&(!a||r[1]>a[0]&&r[1]<a[3])){n.label=r[1];break}if(r[0]===6&&n.label<a[1]){n.label=a[1];a=r;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(r);break}if(a[2])n.ops.pop();n.trys.pop();continue}r=e.call(t,n)}catch(t){r=[6,t];i=0}finally{o=a=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};
+var __awaiter=this&&this.__awaiter||function(t,e,n,o){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,a){function r(t){try{c(o.next(t))}catch(t){a(t)}}function l(t){try{c(o["throw"](t))}catch(t){a(t)}}function c(t){t.done?n(t.value):i(t.value).then(r,l)}c((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},o,i,a,r;return r={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function l(t){return function(e){return c([t,e])}}function c(r){if(o)throw new TypeError("Generator is already executing.");while(n)try{if(o=1,i&&(a=r[0]&2?i["return"]:r[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,r[1])).done)return a;if(i=0,a)r=[r[0]&2,a.value];switch(r[0]){case 0:case 1:a=r;break;case 4:n.label++;return{value:r[1],done:false};case 5:n.label++;i=r[1];r=[0];continue;case 7:r=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(r[0]===6||r[0]===2)){n=0;continue}if(r[0]===3&&(!a||r[1]>a[0]&&r[1]<a[3])){n.label=r[1];break}if(r[0]===6&&n.label<a[1]){n.label=a[1];a=r;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(r);break}if(a[2])n.ops.pop();n.trys.pop();continue}r=e.call(t,n)}catch(t){r=[6,t];i=0}finally{o=a=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};
 /*!
  * 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.549
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-6224faaf.js";import{t as toggleChildActionText,o as overflowActionsDebounceInMs,q as queryActions,g as geActionDimensions,a as overflowActions,E as ExpandToggle,b as getOverflowCount}from"./ExpandToggle-edf8dad9.js";import{f as focusElement,g as getSlotted}from"./dom-dea55b56.js";import{c as createObserver}from"./observers-5404762b.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-f3e51b66.js";import{d as debounce}from"./debounce-7eadb91e.js";import"./resources-90270a37.js";import"./resources-fbee3842.js";import"./guid-3f9f71dd.js";var CSS={actionGroupBottom:"action-group--bottom"};var SLOTS={bottomActions:"bottom-actions",expandTooltip:"expand-tooltip"};var TEXT={expand:"Expand",collapse:"Collapse"};var actionBarCss="@-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}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{pointer-events:auto;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-item-align:stretch;align-self:stretch;background:transparent;--calcite-action-bar-expanded-max-width:auto}:host([layout=vertical]){-ms-flex-direction:column;flex-direction:column}:host([layout=horizontal]){-ms-flex-direction:row;flex-direction:row}:host([layout=vertical][overflow-actions-disabled]){overflow-y:auto}:host([layout=horizontal][overflow-actions-disabled]){overflow-x:auto}:host([layout=vertical][expanded]){max-inline-size:var(--calcite-action-bar-expanded-max-width)}::slotted(calcite-action-group){border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}:host([layout=horizontal]) ::slotted(calcite-action-group){border-width:0px;border-inline-end-width:1px;border-style:solid}::slotted(calcite-action-group:last-child){border-block-end-width:0px;border-inline-end-width:0px}.action-group--bottom{-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end;-webkit-padding-after:0px;padding-block-end:0px;-webkit-padding-end:0px;padding-inline-end:0px}";var ActionBar=function(){function t(t){var e=this;registerInstance(this,t);this.calciteActionBarToggle=createEvent(this,"calciteActionBarToggle",7);this.expandDisabled=false;this.expanded=false;this.layout="vertical";this.overflowActionsDisabled=false;this.mutationObserver=createObserver("mutation",(function(){var t=e,n=t.el,o=t.expanded;toggleChildActionText({parent:n,expanded:o});e.conditionallyOverflowActions()}));this.resizeObserver=createObserver("resize",(function(t){return e.resizeHandlerEntries(t)}));this.actionMenuOpenChangeHandler=function(t){if(t.detail){var n=t.composedPath();Array.from(e.el.querySelectorAll("calcite-action-group")).forEach((function(t){if(!n.includes(t)){t.menuOpen=false}}))}};this.resizeHandlerEntries=function(t){t.forEach(e.resizeHandler)};this.resizeHandler=function(t){var n=t.contentRect,o=n.width,i=n.height;e.resize({width:o,height:i})};this.resize=debounce((function(t){var n=t.width,o=t.height;var i=e,a=i.el,r=i.expanded,l=i.expandDisabled,s=i.layout;if(s==="vertical"&&!o||s==="horizontal"&&!n){return}var c=queryActions(a);var d=l?c.length:c.length+1;var p=Array.from(a.querySelectorAll("calcite-action-group"));var u=getSlotted(a,SLOTS.bottomActions)||!l?p.length+1:p.length;var f=geActionDimensions(c),m=f.actionHeight,h=f.actionWidth;var b=getOverflowCount({layout:s,actionCount:d,actionHeight:m,actionWidth:h,height:o,width:n,groupCount:u});overflowActions({actionGroups:p,expanded:r,overflowCount:b})}),overflowActionsDebounceInMs);this.conditionallyOverflowActions=function(){if(!e.overflowActionsDisabled){e.overflowActions()}};this.toggleExpand=function(){e.expanded=!e.expanded;e.calciteActionBarToggle.emit()};this.setExpandToggleRef=function(t){e.expandToggleEl=t}}t.prototype.expandHandler=function(){this.conditionallyOverflowActions()};t.prototype.expandedHandler=function(t){toggleChildActionText({parent:this.el,expanded:t});this.conditionallyOverflowActions()};t.prototype.overflowDisabledHandler=function(t){t?this.resizeObserver.disconnect():this.resizeObserver.observe(this.el)};t.prototype.componentDidLoad=function(){this.conditionallyOverflowActions()};t.prototype.connectedCallback=function(){var t,e;var n=this,o=n.el,i=n.expanded;toggleChildActionText({parent:o,expanded:i});(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(o,{childList:true,subtree:true});if(!this.overflowActionsDisabled){(e=this.resizeObserver)===null||e===void 0?void 0:e.observe(o)}this.conditionallyOverflowActions();connectConditionalSlotComponent(this)};t.prototype.disconnectedCallback=function(){var t,e;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect();disconnectConditionalSlotComponent(this)};t.prototype.overflowActions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.resize({width:this.el.clientWidth,height:this.el.clientHeight});return[2]}))}))};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(n){switch(n.label){case 0:if(!(t==="expand-toggle"))return[3,2];return[4,focusElement(this.expandToggleEl)];case 1:n.sent();return[2];case 2:(e=this.el)===null||e===void 0?void 0:e.focus();return[2]}}))}))};t.prototype.renderBottomActionGroup=function(){var t=this,e=t.expanded,n=t.expandDisabled,o=t.intlExpand,i=t.intlCollapse,a=t.el,r=t.position,l=t.toggleExpand,s=t.scale,c=t.layout;var d=getSlotted(a,SLOTS.expandTooltip);var p=o||TEXT.expand;var u=i||TEXT.collapse;var f=!n?h(ExpandToggle,{el:a,expanded:e,intlCollapse:u,intlExpand:p,position:r,ref:this.setExpandToggleRef,scale:s,toggle:l,tooltip:d}):null;return getSlotted(a,SLOTS.bottomActions)||f?h("calcite-action-group",{class:CSS.actionGroupBottom,layout:c,scale:s},h("slot",{name:SLOTS.bottomActions}),h("slot",{name:SLOTS.expandTooltip}),f):null};t.prototype.render=function(){return h(Host,{onCalciteActionMenuOpenChange:this.actionMenuOpenChangeHandler},h("slot",null),this.renderBottomActionGroup())};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{expandDisabled:["expandHandler"],expanded:["expandedHandler"],overflowActionsDisabled:["overflowDisabledHandler"]}},enumerable:false,configurable:true});return t}();ActionBar.style=actionBarCss;export{ActionBar as calcite_action_bar};
+ * v1.0.0-next.551
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-f94b8c49.js";import{t as toggleChildActionText,o as overflowActionsDebounceInMs,q as queryActions,g as geActionDimensions,a as overflowActions,E as ExpandToggle,b as getOverflowCount}from"./ExpandToggle-ca537565.js";import{f as focusElement,g as getSlotted}from"./dom-33e9e8e0.js";import{c as createObserver}from"./observers-5dff01c7.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-c9541c03.js";import{d as debounce}from"./debounce-ff4f710f.js";import"./resources-b5e08f27.js";import"./resources-f4bda47d.js";import"./guid-4234cfd1.js";var CSS={actionGroupBottom:"action-group--bottom"};var SLOTS={bottomActions:"bottom-actions",expandTooltip:"expand-tooltip"};var TEXT={expand:"Expand",collapse:"Collapse"};var actionBarCss="@-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}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{pointer-events:auto;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-item-align:stretch;align-self:stretch;background:transparent;--calcite-action-bar-expanded-max-width:auto}:host([layout=vertical]){-ms-flex-direction:column;flex-direction:column}:host([layout=horizontal]){-ms-flex-direction:row;flex-direction:row}:host([layout=vertical][overflow-actions-disabled]){overflow-y:auto}:host([layout=horizontal][overflow-actions-disabled]){overflow-x:auto}:host([layout=vertical][expanded]){max-inline-size:var(--calcite-action-bar-expanded-max-width)}::slotted(calcite-action-group){border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}:host([layout=horizontal]) ::slotted(calcite-action-group){border-width:0px;border-inline-end-width:1px;border-style:solid}::slotted(calcite-action-group:last-child){border-block-end-width:0px;border-inline-end-width:0px}.action-group--bottom{-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end;-webkit-padding-after:0px;padding-block-end:0px;-webkit-padding-end:0px;padding-inline-end:0px}";var ActionBar=function(){function t(t){var e=this;registerInstance(this,t);this.calciteActionBarToggle=createEvent(this,"calciteActionBarToggle",6);this.expandDisabled=false;this.expanded=false;this.layout="vertical";this.overflowActionsDisabled=false;this.mutationObserver=createObserver("mutation",(function(){var t=e,n=t.el,o=t.expanded;toggleChildActionText({parent:n,expanded:o});e.conditionallyOverflowActions()}));this.resizeObserver=createObserver("resize",(function(t){return e.resizeHandlerEntries(t)}));this.actionMenuOpenChangeHandler=function(t){if(t.detail){var n=t.composedPath();Array.from(e.el.querySelectorAll("calcite-action-group")).forEach((function(t){if(!n.includes(t)){t.menuOpen=false}}))}};this.resizeHandlerEntries=function(t){t.forEach(e.resizeHandler)};this.resizeHandler=function(t){var n=t.contentRect,o=n.width,i=n.height;e.resize({width:o,height:i})};this.resize=debounce((function(t){var n=t.width,o=t.height;var i=e,a=i.el,r=i.expanded,l=i.expandDisabled,c=i.layout;if(c==="vertical"&&!o||c==="horizontal"&&!n){return}var s=queryActions(a);var d=l?s.length:s.length+1;var f=Array.from(a.querySelectorAll("calcite-action-group"));var p=getSlotted(a,SLOTS.bottomActions)||!l?f.length+1:f.length;var u=geActionDimensions(s),m=u.actionHeight,h=u.actionWidth;var b=getOverflowCount({layout:c,actionCount:d,actionHeight:m,actionWidth:h,height:o,width:n,groupCount:p});overflowActions({actionGroups:f,expanded:r,overflowCount:b})}),overflowActionsDebounceInMs);this.conditionallyOverflowActions=function(){if(!e.overflowActionsDisabled){e.overflowActions()}};this.toggleExpand=function(){e.expanded=!e.expanded;e.calciteActionBarToggle.emit()};this.setExpandToggleRef=function(t){e.expandToggleEl=t}}t.prototype.expandHandler=function(){this.conditionallyOverflowActions()};t.prototype.expandedHandler=function(t){toggleChildActionText({parent:this.el,expanded:t});this.conditionallyOverflowActions()};t.prototype.overflowDisabledHandler=function(t){t?this.resizeObserver.disconnect():this.resizeObserver.observe(this.el)};t.prototype.componentDidLoad=function(){this.conditionallyOverflowActions()};t.prototype.connectedCallback=function(){var t,e;var n=this,o=n.el,i=n.expanded;toggleChildActionText({parent:o,expanded:i});(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(o,{childList:true,subtree:true});if(!this.overflowActionsDisabled){(e=this.resizeObserver)===null||e===void 0?void 0:e.observe(o)}this.conditionallyOverflowActions();connectConditionalSlotComponent(this)};t.prototype.disconnectedCallback=function(){var t,e;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect();disconnectConditionalSlotComponent(this)};t.prototype.overflowActions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.resize({width:this.el.clientWidth,height:this.el.clientHeight});return[2]}))}))};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(n){switch(n.label){case 0:if(!(t==="expand-toggle"))return[3,2];return[4,focusElement(this.expandToggleEl)];case 1:n.sent();return[2];case 2:(e=this.el)===null||e===void 0?void 0:e.focus();return[2]}}))}))};t.prototype.renderBottomActionGroup=function(){var t=this,e=t.expanded,n=t.expandDisabled,o=t.intlExpand,i=t.intlCollapse,a=t.el,r=t.position,l=t.toggleExpand,c=t.scale,s=t.layout;var d=getSlotted(a,SLOTS.expandTooltip);var f=o||TEXT.expand;var p=i||TEXT.collapse;var u=!n?h(ExpandToggle,{el:a,expanded:e,intlCollapse:p,intlExpand:f,position:r,ref:this.setExpandToggleRef,scale:c,toggle:l,tooltip:d}):null;return getSlotted(a,SLOTS.bottomActions)||u?h("calcite-action-group",{class:CSS.actionGroupBottom,layout:s,scale:c},h("slot",{name:SLOTS.bottomActions}),h("slot",{name:SLOTS.expandTooltip}),u):null};t.prototype.render=function(){return h(Host,{onCalciteActionMenuOpenChange:this.actionMenuOpenChangeHandler},h("slot",null),this.renderBottomActionGroup())};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{expandDisabled:["expandHandler"],expanded:["expandedHandler"],overflowActionsDisabled:["overflowDisabledHandler"]}},enumerable:false,configurable:true});return t}();ActionBar.style=actionBarCss;export{ActionBar as calcite_action_bar};

package/dist/esm-es5/calcite-action-group.entry.js

@@ -1,6 +1,6 @@
 /*!
  * 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.549
+ * v1.0.0-next.551
  */
-import{r as registerInstance,h,F as Fragment,g as getElement}from"./index-6224faaf.js";import{S as SLOTS,I as ICONS,T as TEXT}from"./resources-fbee3842.js";import{g as getSlotted}from"./dom-dea55b56.js";import{S as SLOTS$1}from"./resources-90270a37.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-f3e51b66.js";import"./guid-3f9f71dd.js";import"./observers-5404762b.js";var actionGroupCss='@-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}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:0px;--calcite-action-group-columns:3}:host([columns="1"]){--calcite-action-group-columns:1}:host([columns="2"]){--calcite-action-group-columns:2}:host([columns="3"]){--calcite-action-group-columns:3}:host([columns="4"]){--calcite-action-group-columns:4}:host([columns="5"]){--calcite-action-group-columns:5}:host([columns="6"]){--calcite-action-group-columns:6}:host(:first-child){-webkit-padding-before:0px;padding-block-start:0px}:host([layout=horizontal]){-ms-flex-direction:row;flex-direction:row}:host([layout=grid]){display:grid;place-content:stretch;gap:1px;background-color:var(--calcite-ui-background);padding:1px;grid-template-columns:repeat(var(--calcite-action-group-columns), auto)}';var ActionGroup=function(){function t(t){var n=this;registerInstance(this,t);this.expanded=false;this.layout="vertical";this.menuOpen=false;this.setMenuOpen=function(t){n.menuOpen=!!t.detail}}t.prototype.expandedHandler=function(){this.menuOpen=false};t.prototype.connectedCallback=function(){connectConditionalSlotComponent(this)};t.prototype.disconnectedCallback=function(){disconnectConditionalSlotComponent(this)};t.prototype.renderTooltip=function(){var t=this.el;var n=getSlotted(t,SLOTS.menuTooltip);return n?h("slot",{name:SLOTS.menuTooltip,slot:SLOTS$1.tooltip}):null};t.prototype.renderMenu=function(){var t=this,n=t.el,a=t.expanded,e=t.intlMore,i=t.menuOpen,o=t.scale,r=t.layout;var c=getSlotted(n,SLOTS.menuActions);return c?h("calcite-action-menu",{expanded:a,flipPlacements:["left","right"],label:e||TEXT.more,onCalciteActionMenuOpenChange:this.setMenuOpen,open:i,placement:r==="horizontal"?"bottom-leading":"leading-start",scale:o},h("calcite-action",{icon:ICONS.menu,scale:o,slot:SLOTS$1.trigger,text:e||TEXT.more,textEnabled:a}),h("slot",{name:SLOTS.menuActions}),this.renderTooltip()):null};t.prototype.render=function(){return h(Fragment,null,h("slot",null),this.renderMenu())};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{expanded:["expandedHandler"]}},enumerable:false,configurable:true});return t}();ActionGroup.style=actionGroupCss;export{ActionGroup as calcite_action_group};
+import{r as registerInstance,h,F as Fragment,g as getElement}from"./index-f94b8c49.js";import{S as SLOTS,I as ICONS,T as TEXT}from"./resources-f4bda47d.js";import{g as getSlotted}from"./dom-33e9e8e0.js";import{S as SLOTS$1}from"./resources-b5e08f27.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-c9541c03.js";import"./guid-4234cfd1.js";import"./observers-5dff01c7.js";var actionGroupCss='@-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}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:0px;--calcite-action-group-columns:3}:host([columns="1"]){--calcite-action-group-columns:1}:host([columns="2"]){--calcite-action-group-columns:2}:host([columns="3"]){--calcite-action-group-columns:3}:host([columns="4"]){--calcite-action-group-columns:4}:host([columns="5"]){--calcite-action-group-columns:5}:host([columns="6"]){--calcite-action-group-columns:6}:host(:first-child){-webkit-padding-before:0px;padding-block-start:0px}:host([layout=horizontal]){-ms-flex-direction:row;flex-direction:row}:host([layout=grid]){display:grid;place-content:stretch;gap:1px;background-color:var(--calcite-ui-background);padding:1px;grid-template-columns:repeat(var(--calcite-action-group-columns), auto)}';var ActionGroup=function(){function t(t){var n=this;registerInstance(this,t);this.expanded=false;this.layout="vertical";this.menuOpen=false;this.setMenuOpen=function(t){n.menuOpen=!!t.detail}}t.prototype.expandedHandler=function(){this.menuOpen=false};t.prototype.connectedCallback=function(){connectConditionalSlotComponent(this)};t.prototype.disconnectedCallback=function(){disconnectConditionalSlotComponent(this)};t.prototype.renderTooltip=function(){var t=this.el;var n=getSlotted(t,SLOTS.menuTooltip);return n?h("slot",{name:SLOTS.menuTooltip,slot:SLOTS$1.tooltip}):null};t.prototype.renderMenu=function(){var t=this,n=t.el,a=t.expanded,e=t.intlMore,i=t.menuOpen,o=t.scale,r=t.layout;var c=getSlotted(n,SLOTS.menuActions);return c?h("calcite-action-menu",{expanded:a,flipPlacements:["left","right"],label:e||TEXT.more,onCalciteActionMenuOpenChange:this.setMenuOpen,open:i,placement:r==="horizontal"?"bottom-leading":"leading-start",scale:o},h("calcite-action",{icon:ICONS.menu,scale:o,slot:SLOTS$1.trigger,text:e||TEXT.more,textEnabled:a}),h("slot",{name:SLOTS.menuActions}),this.renderTooltip()):null};t.prototype.render=function(){return h(Fragment,null,h("slot",null),this.renderMenu())};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{expanded:["expandedHandler"]}},enumerable:false,configurable:true});return t}();ActionGroup.style=actionGroupCss;export{ActionGroup as calcite_action_group};

package/dist/esm-es5/calcite-action-menu.entry.js

@@ -2,5 +2,5 @@ var __awaiter=this&&this.__awaiter||function(t,e,n,i){function a(t){return t ins
 /*!
  * 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.549
- */import{r as registerInstance,c as createEvent,h,F as Fragment,g as getElement}from"./index-6224faaf.js";import{C as CSS,I as ICONS,S as SLOTS}from"./resources-90270a37.js";import{g as getSlotted,t as toAriaBoolean,f as focusElement}from"./dom-dea55b56.js";import{g as getRoundRobinIndex}from"./array-f7f37dba.js";import{g as guid}from"./guid-3f9f71dd.js";import{c as createObserver}from"./observers-5404762b.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-f3e51b66.js";var actionMenuCss="@-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-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size-1);color:var(--calcite-ui-text-2)}.menu ::slotted(calcite-action){margin:0.125rem;display:-ms-flexbox;display:flex;outline-color:transparent}::slotted(calcite-action[active]){outline:2px solid var(--calcite-ui-brand);outline-offset:0px}.default-trigger{position:relative;block-size:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;block-size:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}.menu{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;outline:2px solid transparent;outline-offset:2px}";var SUPPORTED_BUTTON_NAV_KEYS=["ArrowUp","ArrowDown"];var SUPPORTED_MENU_NAV_KEYS=["ArrowUp","ArrowDown","End","Home"];var ActionMenu=function(){function t(t){var e=this;registerInstance(this,t);this.calciteActionMenuOpenChange=createEvent(this,"calciteActionMenuOpenChange",7);this.expanded=false;this.open=false;this.overlayPositioning="absolute";this.placement="auto";this.actionElements=[];this.mutationObserver=createObserver("mutation",(function(){return e.getActions()}));this.guid="calcite-action-menu-".concat(guid());this.menuId="".concat(this.guid,"-menu");this.menuButtonId="".concat(this.guid,"-menu-button");this.activeMenuItemIndex=-1;this.connectMenuButtonEl=function(){var t=e,n=t.el,i=t.menuButtonId,a=t.menuId,o=t.open,r=t.label;var l=getSlotted(n,SLOTS.trigger)||e.defaultMenuButtonEl;if(e.menuButtonEl===l){return}e.disconnectMenuButtonEl();e.menuButtonEl=l;e.setTooltipReferenceElement();if(!l){return}l.active=o;l.setAttribute("aria-controls",a);l.setAttribute("aria-expanded",toAriaBoolean(o));l.setAttribute("aria-haspopup","true");if(!l.id){l.id=i}if(!l.label){l.label=r}if(!l.text){l.text=r}l.addEventListener("pointerdown",e.menuButtonClick);l.addEventListener("keydown",e.menuButtonKeyDown)};this.disconnectMenuButtonEl=function(){var t=e.menuButtonEl;if(!t){return}t.removeEventListener("pointerdown",e.menuButtonClick);t.removeEventListener("keydown",e.menuButtonKeyDown)};this.setDefaultMenuButtonEl=function(t){e.defaultMenuButtonEl=t;e.connectMenuButtonEl()};this.handleCalciteActionClick=function(){e.open=false;e.setFocus()};this.menuButtonClick=function(){e.toggleOpen()};this.updateTooltip=function(t){var n=t.target.assignedElements({flatten:true}).filter((function(t){return t===null||t===void 0?void 0:t.matches("calcite-tooltip")}));e.tooltipEl=n[0];e.setTooltipReferenceElement()};this.setTooltipReferenceElement=function(){var t=e,n=t.tooltipEl,i=t.expanded,a=t.menuButtonEl,o=t.open;if(n){n.referenceElement=!i&&!o?a:null}};this.updateAction=function(t,n){var i=e,a=i.guid,o=i.activeMenuItemIndex;var r="".concat(a,"-action-").concat(n);t.tabIndex=-1;t.setAttribute("role","menuitem");if(!t.id){t.id=r}t.active=n===o};this.updateActions=function(t){t===null||t===void 0?void 0:t.forEach(e.updateAction)};this.getActions=function(){var t=e.el;var n=getSlotted(t,{all:true,matches:"calcite-action"});e.updateActions(n);e.actionElements=n;e.connectMenuButtonEl()};this.menuButtonKeyDown=function(t){var n=t.key;var i=e.actionElements;if(!e.isValidKey(n,SUPPORTED_BUTTON_NAV_KEYS)){return}t.preventDefault();if(!i.length){return}e.toggleOpen(true);e.handleActionNavigation(n,i)};this.menuActionsContainerKeyDown=function(t){var n=t.key;var i=e,a=i.actionElements,o=i.activeMenuItemIndex;if(n==="Tab"){e.open=false;return}if(n===" "||n==="Enter"){t.preventDefault();var r=a[o];r?r.click():e.toggleOpen(false);return}if(n==="Escape"){e.toggleOpen(false);return}if(!a.length){return}if(e.isValidKey(n,SUPPORTED_MENU_NAV_KEYS)){t.preventDefault()}e.handleActionNavigation(n,a)};this.handleActionNavigation=function(t,n){var i=e.activeMenuItemIndex;if(t==="Home"){e.activeMenuItemIndex=0}if(t==="End"){e.activeMenuItemIndex=n.length-1}if(t==="ArrowUp"){e.activeMenuItemIndex=getRoundRobinIndex(Math.max(i-1,-1),n.length)}if(t==="ArrowDown"){e.activeMenuItemIndex=getRoundRobinIndex(i+1,n.length)}};this.toggleOpenEnd=function(){e.setFocus();e.el.removeEventListener("calcitePopoverOpen",e.toggleOpenEnd)};this.toggleOpen=function(t){if(t===void 0){t=!e.open}e.el.addEventListener("calcitePopoverOpen",e.toggleOpenEnd);e.open=t}}t.prototype.connectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true});this.getActions();connectConditionalSlotComponent(this)};t.prototype.disconnectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();this.disconnectMenuButtonEl();disconnectConditionalSlotComponent(this)};t.prototype.expandedHandler=function(){this.open=false;this.setTooltipReferenceElement()};t.prototype.openHandler=function(t){this.activeMenuItemIndex=this.open?0:-1;if(this.menuButtonEl){this.menuButtonEl.active=t}this.calciteActionMenuOpenChange.emit(t);this.setTooltipReferenceElement()};t.prototype.closeCalciteActionMenuOnClick=function(t){var e=t.composedPath();if(e.includes(this.el)){return}this.open=false};t.prototype.activeMenuItemIndexHandler=function(){this.updateActions(this.actionElements)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){focusElement(this.open?this.menuEl:this.menuButtonEl);return[2]}))}))};t.prototype.renderMenuButton=function(){var t=this,e=t.label,n=t.scale,i=t.expanded;var a=h("slot",{name:SLOTS.trigger},h("calcite-action",{class:CSS.defaultTrigger,icon:ICONS.menu,ref:this.setDefaultMenuButtonEl,scale:n,text:e,textEnabled:i}));return a};t.prototype.renderMenuItems=function(){var t=this;var e=this,n=e.actionElements,i=e.activeMenuItemIndex,a=e.open,o=e.menuId,r=e.menuButtonEl,l=e.label,c=e.placement,s=e.overlayPositioning,u=e.flipPlacements;var f=n[i];var m=(f===null||f===void 0?void 0:f.id)||null;return h("calcite-popover",{disablePointer:true,flipPlacements:u,label:l,offsetDistance:0,open:a,overlayPositioning:s,placement:c,referenceElement:r},h("div",{"aria-activedescendant":m,"aria-labelledby":r===null||r===void 0?void 0:r.id,class:CSS.menu,id:o,onClick:this.handleCalciteActionClick,onKeyDown:this.menuActionsContainerKeyDown,ref:function(e){return t.menuEl=e},role:"menu",tabIndex:-1},h("slot",null)))};t.prototype.render=function(){return h(Fragment,null,this.renderMenuButton(),this.renderMenuItems(),h("slot",{name:SLOTS.tooltip,onSlotchange:this.updateTooltip}))};t.prototype.isValidKey=function(t,e){return!!e.find((function(e){return e===t}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{expanded:["expandedHandler"],open:["openHandler"],activeMenuItemIndex:["activeMenuItemIndexHandler"]}},enumerable:false,configurable:true});return t}();ActionMenu.style=actionMenuCss;export{ActionMenu as calcite_action_menu};
+ * v1.0.0-next.551
+ */import{r as registerInstance,c as createEvent,h,F as Fragment,g as getElement}from"./index-f94b8c49.js";import{C as CSS,I as ICONS,S as SLOTS}from"./resources-b5e08f27.js";import{g as getSlotted,t as toAriaBoolean,f as focusElement}from"./dom-33e9e8e0.js";import{g as getRoundRobinIndex}from"./array-975b6ab3.js";import{g as guid}from"./guid-4234cfd1.js";import{c as createObserver}from"./observers-5dff01c7.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-c9541c03.js";var actionMenuCss="@-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-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size-1);color:var(--calcite-ui-text-2)}.menu ::slotted(calcite-action){margin:0.125rem;display:-ms-flexbox;display:flex;outline-color:transparent}::slotted(calcite-action[active]){outline:2px solid var(--calcite-ui-brand);outline-offset:0px}.default-trigger{position:relative;block-size:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;block-size:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}.menu{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;outline:2px solid transparent;outline-offset:2px}";var SUPPORTED_BUTTON_NAV_KEYS=["ArrowUp","ArrowDown"];var SUPPORTED_MENU_NAV_KEYS=["ArrowUp","ArrowDown","End","Home"];var ActionMenu=function(){function t(t){var e=this;registerInstance(this,t);this.calciteActionMenuOpenChange=createEvent(this,"calciteActionMenuOpenChange",6);this.expanded=false;this.open=false;this.overlayPositioning="absolute";this.placement="auto";this.actionElements=[];this.mutationObserver=createObserver("mutation",(function(){return e.getActions()}));this.guid="calcite-action-menu-".concat(guid());this.menuId="".concat(this.guid,"-menu");this.menuButtonId="".concat(this.guid,"-menu-button");this.activeMenuItemIndex=-1;this.connectMenuButtonEl=function(){var t=e,n=t.el,i=t.menuButtonId,a=t.menuId,o=t.open,r=t.label;var l=getSlotted(n,SLOTS.trigger)||e.defaultMenuButtonEl;if(e.menuButtonEl===l){return}e.disconnectMenuButtonEl();e.menuButtonEl=l;e.setTooltipReferenceElement();if(!l){return}l.active=o;l.setAttribute("aria-controls",a);l.setAttribute("aria-expanded",toAriaBoolean(o));l.setAttribute("aria-haspopup","true");if(!l.id){l.id=i}if(!l.label){l.label=r}if(!l.text){l.text=r}l.addEventListener("pointerdown",e.menuButtonClick);l.addEventListener("keydown",e.menuButtonKeyDown)};this.disconnectMenuButtonEl=function(){var t=e.menuButtonEl;if(!t){return}t.removeEventListener("pointerdown",e.menuButtonClick);t.removeEventListener("keydown",e.menuButtonKeyDown)};this.setDefaultMenuButtonEl=function(t){e.defaultMenuButtonEl=t;e.connectMenuButtonEl()};this.handleCalciteActionClick=function(){e.open=false;e.setFocus()};this.menuButtonClick=function(){e.toggleOpen()};this.updateTooltip=function(t){var n=t.target.assignedElements({flatten:true}).filter((function(t){return t===null||t===void 0?void 0:t.matches("calcite-tooltip")}));e.tooltipEl=n[0];e.setTooltipReferenceElement()};this.setTooltipReferenceElement=function(){var t=e,n=t.tooltipEl,i=t.expanded,a=t.menuButtonEl,o=t.open;if(n){n.referenceElement=!i&&!o?a:null}};this.updateAction=function(t,n){var i=e,a=i.guid,o=i.activeMenuItemIndex;var r="".concat(a,"-action-").concat(n);t.tabIndex=-1;t.setAttribute("role","menuitem");if(!t.id){t.id=r}t.active=n===o};this.updateActions=function(t){t===null||t===void 0?void 0:t.forEach(e.updateAction)};this.getActions=function(){var t=e.el;var n=getSlotted(t,{all:true,matches:"calcite-action"});e.updateActions(n);e.actionElements=n;e.connectMenuButtonEl()};this.menuButtonKeyDown=function(t){var n=t.key;var i=e.actionElements;if(!e.isValidKey(n,SUPPORTED_BUTTON_NAV_KEYS)){return}t.preventDefault();if(!i.length){return}e.toggleOpen(true);e.handleActionNavigation(n,i)};this.menuActionsContainerKeyDown=function(t){var n=t.key;var i=e,a=i.actionElements,o=i.activeMenuItemIndex;if(n==="Tab"){e.open=false;return}if(n===" "||n==="Enter"){t.preventDefault();var r=a[o];r?r.click():e.toggleOpen(false);return}if(n==="Escape"){e.toggleOpen(false);return}if(!a.length){return}if(e.isValidKey(n,SUPPORTED_MENU_NAV_KEYS)){t.preventDefault()}e.handleActionNavigation(n,a)};this.handleActionNavigation=function(t,n){var i=e.activeMenuItemIndex;if(t==="Home"){e.activeMenuItemIndex=0}if(t==="End"){e.activeMenuItemIndex=n.length-1}if(t==="ArrowUp"){e.activeMenuItemIndex=getRoundRobinIndex(Math.max(i-1,-1),n.length)}if(t==="ArrowDown"){e.activeMenuItemIndex=getRoundRobinIndex(i+1,n.length)}};this.toggleOpenEnd=function(){e.setFocus();e.el.removeEventListener("calcitePopoverOpen",e.toggleOpenEnd)};this.toggleOpen=function(t){if(t===void 0){t=!e.open}e.el.addEventListener("calcitePopoverOpen",e.toggleOpenEnd);e.open=t}}t.prototype.connectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true});this.getActions();connectConditionalSlotComponent(this)};t.prototype.disconnectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();this.disconnectMenuButtonEl();disconnectConditionalSlotComponent(this)};t.prototype.expandedHandler=function(){this.open=false;this.setTooltipReferenceElement()};t.prototype.openHandler=function(t){this.activeMenuItemIndex=this.open?0:-1;if(this.menuButtonEl){this.menuButtonEl.active=t}this.calciteActionMenuOpenChange.emit(t);this.setTooltipReferenceElement()};t.prototype.closeCalciteActionMenuOnClick=function(t){var e=t.composedPath();if(e.includes(this.el)){return}this.open=false};t.prototype.activeMenuItemIndexHandler=function(){this.updateActions(this.actionElements)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){focusElement(this.open?this.menuEl:this.menuButtonEl);return[2]}))}))};t.prototype.renderMenuButton=function(){var t=this,e=t.label,n=t.scale,i=t.expanded;var a=h("slot",{name:SLOTS.trigger},h("calcite-action",{class:CSS.defaultTrigger,icon:ICONS.menu,ref:this.setDefaultMenuButtonEl,scale:n,text:e,textEnabled:i}));return a};t.prototype.renderMenuItems=function(){var t=this;var e=this,n=e.actionElements,i=e.activeMenuItemIndex,a=e.open,o=e.menuId,r=e.menuButtonEl,l=e.label,c=e.placement,s=e.overlayPositioning,u=e.flipPlacements;var m=n[i];var f=(m===null||m===void 0?void 0:m.id)||null;return h("calcite-popover",{disablePointer:true,flipPlacements:u,label:l,offsetDistance:0,open:a,overlayPositioning:s,placement:c,referenceElement:r},h("div",{"aria-activedescendant":f,"aria-labelledby":r===null||r===void 0?void 0:r.id,class:CSS.menu,id:o,onClick:this.handleCalciteActionClick,onKeyDown:this.menuActionsContainerKeyDown,ref:function(e){return t.menuEl=e},role:"menu",tabIndex:-1},h("slot",null)))};t.prototype.render=function(){return h(Fragment,null,this.renderMenuButton(),this.renderMenuItems(),h("slot",{name:SLOTS.tooltip,onSlotchange:this.updateTooltip}))};t.prototype.isValidKey=function(t,e){return!!e.find((function(e){return e===t}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{expanded:["expandedHandler"],open:["openHandler"],activeMenuItemIndex:["activeMenuItemIndexHandler"]}},enumerable:false,configurable:true});return t}();ActionMenu.style=actionMenuCss;export{ActionMenu as calcite_action_menu};