@esri/calcite-components 1.5.0-next.17 → 1.5.0-next.19

package/dist/loader/cdn.js

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

package/dist/loader/index.cjs.js

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

package/dist/loader/index.es2017.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.17
+ * v1.5.0-next.19
  */
 export * from '../esm/polyfills/index.js';
 export * from '../esm/loader.js';

package/dist/loader/index.js

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

package/dist/types/components/text-area/assets/text-area/t9n/index.d.ts

@@ -1,5 +1,4 @@
 export type TextAreaMessages = {
   invalid: string;
   tooLong: string;
-  longText: string;
 };

package/dist/types/components/text-area/interfaces.d.ts

@@ -0,0 +1,4 @@
+export interface CharacterLengthObj {
+  currentLength: string;
+  maxLength: string;
+}

package/dist/types/components/text-area/text-area.d.ts

@@ -6,6 +6,7 @@ import { LoadableComponent } from "../../utils/loadable";
 import { T9nComponent } from "../../utils/t9n";
 import { TextAreaMessages } from "./assets/text-area/t9n";
 import { InteractiveComponent } from "../../utils/interactive";
+import { CharacterLengthObj } from "./interfaces";
 /**
  * @slot - A slot for adding text.
  * @slot footer-start - A slot for adding content to the start of the component's footer.
@@ -136,16 +137,18 @@ export declare class TextArea implements FormComponent, LabelableComponent, Loca
   endSlotHasElements: boolean;
   startSlotHasElements: boolean;
   effectiveLocale: string;
+  localizedCharacterLengthObj: CharacterLengthObj;
   effectiveLocaleChange(): void;
   onFormReset(): void;
   onLabelClick(): void;
   handleInput: (event: InputEvent) => void;
   handleChange: () => void;
   contentSlotChangeHandler: () => void;
-  renderCharacterLimit: () => VNode;
-  getLocalizedCharacterLength(): string;
+  renderCharacterLimit: () => VNode | null;
+  getLocalizedCharacterLength(): CharacterLengthObj;
   resizeObserver: ResizeObserver;
   syncHiddenFormInput(input: HTMLInputElement): void;
+  private replacePlaceHoldersInMessages;
   private setHeightAndWidthToAuto;
   setTextAreaEl: (el: HTMLTextAreaElement) => void;
   setTextAreaHeight(): void;

package/hydrate/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.17
+ * v1.5.0-next.19
  */
 'use strict';
 
@@ -11154,15 +11154,13 @@ class Block {
     return [loading ? hAsync("calcite-scrim", { loading: loading }) : null, defaultSlot];
   }
   renderIcon() {
-    const { el, loading, messages, status } = this;
-    const statusIcon = ICONS$g[status];
-    const hasIcon = getSlotted(el, SLOTS$r.icon) || statusIcon;
-    const iconEl = !statusIcon ? (hAsync("slot", { key: "icon-slot", name: SLOTS$r.icon })) : loading ? (hAsync("calcite-loader", { inline: true, label: messages.loading })) : (hAsync("calcite-icon", { class: {
+    const { loading, messages, status } = this;
+    const hasSlottedIcon = !!getSlotted(this.el, SLOTS$r.icon);
+    return loading ? (hAsync("div", { class: CSS$10.icon, key: "loader" }, hAsync("calcite-loader", { inline: true, label: messages.loading }))) : !!status ? (hAsync("div", { class: CSS$10.icon, key: "status-icon" }, hAsync("calcite-icon", { class: {
         [CSS$10.statusIcon]: true,
         [CSS$10.valid]: status == "valid",
         [CSS$10.invalid]: status == "invalid"
-      }, icon: statusIcon, scale: "m" }));
-    return hasIcon ? hAsync("div", { class: CSS$10.icon }, iconEl) : null;
+      }, icon: ICONS$g[status], scale: "m" }))) : hasSlottedIcon ? (hAsync("div", { class: CSS$10.icon, key: "icon-slot" }, hAsync("slot", { key: "icon-slot", name: SLOTS$r.icon }))) : null;
   }
   renderTitle() {
     const { heading, headingLevel, description } = this;
@@ -17881,7 +17879,7 @@ const shift = function (options) {
 
 function getWindow(node) {
   var _node$ownerDocument;
-  return ((_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
+  return (node == null ? void 0 : (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
 }
 
 function getComputedStyle$1(element) {
@@ -17904,9 +17902,6 @@ function getNodeName(node) {
 function isHTMLElement(value) {
   return value instanceof getWindow(value).HTMLElement;
 }
-function isElement(value) {
-  return value instanceof getWindow(value).Element;
-}
 function isShadowRoot(node) {
   // Browsers without `ShadowRoot` support.
   if (typeof ShadowRoot === 'undefined') {
@@ -17944,7 +17939,7 @@ function isLastTraversableNode(node) {
 const min = Math.min;
 const max = Math.max;
 const round = Math.round;
-const createEmptyCoords = v => ({
+const createCoords = v => ({
   x: v,
   y: v
 });
@@ -17970,6 +17965,10 @@ function getCssDimensions(element) {
   };
 }
 
+function isElement(value) {
+  return value instanceof getWindow(value).Element;
+}
+
 function unwrapElement(element) {
   return !isElement(element) ? element.contextElement : element;
 }
@@ -17977,7 +17976,7 @@ function unwrapElement(element) {
 function getScale(element) {
   const domElement = unwrapElement(element);
   if (!isHTMLElement(domElement)) {
-    return createEmptyCoords(1);
+    return createCoords(1);
   }
   const rect = domElement.getBoundingClientRect();
   const {
@@ -18002,24 +18001,26 @@ function getScale(element) {
   };
 }
 
-const noOffsets = /*#__PURE__*/createEmptyCoords(0);
-function getVisualOffsets(element, isFixed, floatingOffsetParent) {
-  var _win$visualViewport, _win$visualViewport2;
-  if (isFixed === void 0) {
-    isFixed = true;
-  }
-  if (!isSafari()) {
-    return noOffsets;
-  }
-  const win = element ? getWindow(element) : window;
-  if (!floatingOffsetParent || isFixed && floatingOffsetParent !== win) {
+const noOffsets = /*#__PURE__*/createCoords(0);
+function getVisualOffsets(element) {
+  const win = getWindow(element);
+  if (!isSafari() || !win.visualViewport) {
     return noOffsets;
   }
   return {
-    x: ((_win$visualViewport = win.visualViewport) == null ? void 0 : _win$visualViewport.offsetLeft) || 0,
-    y: ((_win$visualViewport2 = win.visualViewport) == null ? void 0 : _win$visualViewport2.offsetTop) || 0
+    x: win.visualViewport.offsetLeft,
+    y: win.visualViewport.offsetTop
   };
 }
+function shouldAddVisualOffsets(element, isFixed, floatingOffsetParent) {
+  if (isFixed === void 0) {
+    isFixed = false;
+  }
+  if (!floatingOffsetParent || isFixed && floatingOffsetParent !== getWindow(element)) {
+    return false;
+  }
+  return isFixed;
+}
 
 function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
   if (includeScale === void 0) {
@@ -18030,7 +18031,7 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
   }
   const clientRect = element.getBoundingClientRect();
   const domElement = unwrapElement(element);
-  let scale = createEmptyCoords(1);
+  let scale = createCoords(1);
   if (includeScale) {
     if (offsetParent) {
       if (isElement(offsetParent)) {
@@ -18040,7 +18041,7 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
       scale = getScale(element);
     }
   }
-  const visualOffsets = getVisualOffsets(domElement, isFixedStrategy, offsetParent);
+  const visualOffsets = shouldAddVisualOffsets(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets(domElement) : createCoords(0);
   let x = (clientRect.left + visualOffsets.x) / scale.x;
   let y = (clientRect.top + visualOffsets.y) / scale.y;
   let width = clientRect.width / scale.x;
@@ -18072,10 +18073,6 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
   });
 }
 
-function getDocumentElement(node) {
-  return ((isNode(node) ? node.ownerDocument : node.document) || window.document).documentElement;
-}
-
 function getNodeScroll(element) {
   if (isElement(element)) {
     return {
@@ -18089,6 +18086,10 @@ function getNodeScroll(element) {
   };
 }
 
+function getDocumentElement(node) {
+  return ((isNode(node) ? node.ownerDocument : node.document) || window.document).documentElement;
+}
+
 function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
   let {
     rect,
@@ -18104,8 +18105,8 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
     scrollLeft: 0,
     scrollTop: 0
   };
-  let scale = createEmptyCoords(1);
-  const offsets = createEmptyCoords(0);
+  let scale = createCoords(1);
+  const offsets = createCoords(0);
   if (isOffsetParentAnElement || !isOffsetParentAnElement && strategy !== 'fixed') {
     if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
       scroll = getNodeScroll(offsetParent);
@@ -18125,6 +18126,10 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
   };
 }
 
+function getClientRects(element) {
+  return Array.from(element.getClientRects());
+}
+
 function getWindowScrollBarX(element) {
   // If <html> has a CSS width greater than the viewport, then this will be
   // incorrect for RTL.
@@ -18223,7 +18228,7 @@ function getInnerBoundingClientRect(element, strategy) {
   const clientRect = getBoundingClientRect(element, true, strategy === 'fixed');
   const top = clientRect.top + element.clientTop;
   const left = clientRect.left + element.clientLeft;
-  const scale = isHTMLElement(element) ? getScale(element) : createEmptyCoords(1);
+  const scale = isHTMLElement(element) ? getScale(element) : createCoords(1);
   const width = element.clientWidth * scale.x;
   const height = element.clientHeight * scale.y;
   const x = left * scale.x;
@@ -18327,6 +18332,36 @@ function getDimensions(element) {
   return getCssDimensions(element);
 }
 
+function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
+  const isOffsetParentAnElement = isHTMLElement(offsetParent);
+  const documentElement = getDocumentElement(offsetParent);
+  const isFixed = strategy === 'fixed';
+  const rect = getBoundingClientRect(element, true, isFixed, offsetParent);
+  let scroll = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const offsets = createCoords(0);
+  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
+    if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
+      scroll = getNodeScroll(offsetParent);
+    }
+    if (isHTMLElement(offsetParent)) {
+      const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);
+      offsets.x = offsetRect.x + offsetParent.clientLeft;
+      offsets.y = offsetRect.y + offsetParent.clientTop;
+    } else if (documentElement) {
+      offsets.x = getWindowScrollBarX(documentElement);
+    }
+  }
+  return {
+    x: rect.left + scroll.scrollLeft - offsets.x,
+    y: rect.top + scroll.scrollTop - offsets.y,
+    width: rect.width,
+    height: rect.height
+  };
+}
+
 function getTrueOffsetParent(element, polyfill) {
   if (!isHTMLElement(element) || getComputedStyle$1(element).position === 'fixed') {
     return null;
@@ -18365,63 +18400,39 @@ function getOffsetParent(element, polyfill) {
   return offsetParent || getContainingBlock(element) || window;
 }
 
-function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
-  const isOffsetParentAnElement = isHTMLElement(offsetParent);
-  const documentElement = getDocumentElement(offsetParent);
-  const isFixed = strategy === 'fixed';
-  const rect = getBoundingClientRect(element, true, isFixed, offsetParent);
-  let scroll = {
-    scrollLeft: 0,
-    scrollTop: 0
-  };
-  const offsets = createEmptyCoords(0);
-  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
-    if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
-      scroll = getNodeScroll(offsetParent);
-    }
-    if (isHTMLElement(offsetParent)) {
-      const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);
-      offsets.x = offsetRect.x + offsetParent.clientLeft;
-      offsets.y = offsetRect.y + offsetParent.clientTop;
-    } else if (documentElement) {
-      offsets.x = getWindowScrollBarX(documentElement);
-    }
-  }
+const getElementRects = async function (_ref) {
+  let {
+    reference,
+    floating,
+    strategy
+  } = _ref;
+  const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
+  const getDimensionsFn = this.getDimensions;
   return {
-    x: rect.left + scroll.scrollLeft - offsets.x,
-    y: rect.top + scroll.scrollTop - offsets.y,
-    width: rect.width,
-    height: rect.height
+    reference: getRectRelativeToOffsetParent(reference, await getOffsetParentFn(floating), strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      ...(await getDimensionsFn(floating))
+    }
   };
+};
+
+function isRTL(element) {
+  return getComputedStyle(element).direction === 'rtl';
 }
 
 const platform = {
-  getClippingRect,
   convertOffsetParentRelativeRectToViewportRelativeRect,
-  isElement,
-  getDimensions,
-  getOffsetParent,
   getDocumentElement,
+  getClippingRect,
+  getOffsetParent,
+  getElementRects,
+  getClientRects,
+  getDimensions,
   getScale,
-  async getElementRects(_ref) {
-    let {
-      reference,
-      floating,
-      strategy
-    } = _ref;
-    const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
-    const getDimensionsFn = this.getDimensions;
-    return {
-      reference: getRectRelativeToOffsetParent(reference, await getOffsetParentFn(floating), strategy),
-      floating: {
-        x: 0,
-        y: 0,
-        ...(await getDimensionsFn(floating))
-      }
-    };
-  },
-  getClientRects: element => Array.from(element.getClientRects()),
-  isRTL: element => getComputedStyle$1(element).direction === 'rtl'
+  isElement,
+  isRTL
 };
 
 /**
@@ -39668,7 +39679,11 @@ class TextArea {
       }
     };
     this.renderCharacterLimit = () => {
-      return this.maxLength ? (hAsync("span", { class: CSS$8.characterLimit }, hAsync("span", { class: { [CSS$8.characterOverLimit]: this.value?.length > this.maxLength } }, this.getLocalizedCharacterLength()), "/", numberStringFormatter.localize(this.maxLength.toString()))) : null;
+      if (this.maxLength) {
+        this.localizedCharacterLengthObj = this.getLocalizedCharacterLength();
+        return (hAsync("span", { class: CSS$8.characterLimit }, hAsync("span", { class: { [CSS$8.characterOverLimit]: this.value?.length > this.maxLength } }, this.localizedCharacterLengthObj.currentLength), "/", this.localizedCharacterLengthObj.maxLength));
+      }
+      return null;
     };
     this.resizeObserver = createObserver();
     // height and width are set to auto here to avoid overlapping on to neighboring elements in the layout when user starts resizing.
@@ -39708,6 +39723,7 @@ class TextArea {
     this.endSlotHasElements = undefined;
     this.startSlotHasElements = undefined;
     this.effectiveLocale = "";
+    this.localizedCharacterLengthObj = undefined;
   }
   onMessagesChange() {
     /* wired up by t9n util */
@@ -39792,20 +39808,33 @@ class TextArea {
     this.setFocus();
   }
   getLocalizedCharacterLength() {
+    const currentLength = this.value ? this.value.length.toString() : "0";
+    const maxLength = this.maxLength.toString();
+    if (this.numberingSystem === "latn") {
+      return { currentLength, maxLength };
+    }
     numberStringFormatter.numberFormatOptions = {
       locale: this.effectiveLocale,
       numberingSystem: this.numberingSystem,
       signDisplay: "never",
       useGrouping: this.groupSeparator
     };
-    return numberStringFormatter.localize(this.value ? this.value.length.toString() : "0");
+    return {
+      currentLength: numberStringFormatter.localize(currentLength),
+      maxLength: numberStringFormatter.localize(maxLength)
+    };
   }
   syncHiddenFormInput(input) {
     input.setCustomValidity("");
     if (this.value?.length > this.maxLength) {
-      input.setCustomValidity(this.messages.tooLong);
+      input.setCustomValidity(this.replacePlaceHoldersInMessages());
     }
   }
+  replacePlaceHoldersInMessages() {
+    return this.messages.tooLong
+      .replace("{maxLength}", this.localizedCharacterLengthObj.maxLength)
+      .replace("{currentLength}", this.localizedCharacterLengthObj.currentLength);
+  }
   setTextAreaHeight() {
     const { textAreaHeight, elHeight, footerHeight } = this.getHeightandWidthOfElements();
     if (footerHeight > 0 && textAreaHeight + footerHeight != elHeight) {
@@ -39859,6 +39888,7 @@ class TextArea {
       "endSlotHasElements": [32],
       "startSlotHasElements": [32],
       "effectiveLocale": [32],
+      "localizedCharacterLengthObj": [32],
       "setFocus": [64],
       "selectText": [64]
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "1.5.0-next.17",
+  "version": "1.5.0-next.19",
   "description": "Web Components for Esri's Calcite Design System.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -61,7 +61,7 @@
     "url": "git+https://github.com/Esri/calcite-design-system.git"
   },
   "dependencies": {
-    "@floating-ui/dom": "1.4.3",
+    "@floating-ui/dom": "1.4.4",
     "@stencil/core": "2.22.3",
     "@types/color": "3.0.3",
     "color": "4.2.3",
@@ -86,5 +86,5 @@
   "volta": {
     "extends": "../../package.json"
   },
-  "gitHead": "162362a6033172530a8e221fb274599d1f6bb6c9"
+  "gitHead": "7f486eb734a6609ac022299d4cfd08da426ca5b0"
 }

package/dist/calcite/p-0d3a67fd.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.17
- */
-import{b as t}from"./p-3d6d33d8.js";import{d as n}from"./p-291bca2f.js";function e(t){return t.split("-")[1]}function o(t){return"y"===t?"height":"width"}function r(t){return t.split("-")[0]}function i(t){return["top","bottom"].includes(r(t))?"x":"y"}function a(t,n,a){let{reference:l,floating:c}=t;const s=l.x+l.width/2-c.width/2,f=l.y+l.height/2-c.height/2,u=i(n),d=o(u),m=l[d]/2-c[d]/2,p="x"===u;let y;switch(r(n)){case"top":y={x:s,y:l.y-c.height};break;case"bottom":y={x:s,y:l.y+l.height};break;case"right":y={x:l.x+l.width,y:f};break;case"left":y={x:l.x-c.width,y:f};break;default:y={x:l.x,y:l.y}}switch(e(n)){case"start":y[u]-=m*(a&&p?-1:1);break;case"end":y[u]+=m*(a&&p?-1:1)}return y}function l(t,n){return"function"==typeof t?t(n):t}function c(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function s(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function f(t,n){var e;void 0===n&&(n={});const{x:o,y:r,platform:i,rects:a,elements:f,strategy:u}=t,{boundary:d="clippingAncestors",rootBoundary:m="viewport",elementContext:p="floating",altBoundary:y=!1,padding:g=0}=l(n,t),h=c(g),x=f[y?"floating"===p?"reference":"floating":p],w=s(await i.getClippingRect({element:null==(e=await(null==i.isElement?void 0:i.isElement(x)))||e?x:x.contextElement||await(null==i.getDocumentElement?void 0:i.getDocumentElement(f.floating)),boundary:d,rootBoundary:m,strategy:u})),v="floating"===p?{...a.floating,x:o,y:r}:a.reference,b=await(null==i.getOffsetParent?void 0:i.getOffsetParent(f.floating)),A=await(null==i.isElement?void 0:i.isElement(b))&&await(null==i.getScale?void 0:i.getScale(b))||{x:1,y:1},S=s(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({rect:v,offsetParent:b,strategy:u}):v);return{top:(w.top-S.top+h.top)/A.y,bottom:(S.bottom-w.bottom+h.bottom)/A.y,left:(w.left-S.left+h.left)/A.x,right:(S.right-w.right+h.right)/A.x}}const u=Math.min,d=Math.max;function m(t,n,e){return d(t,u(n,e))}const p=["top","right","bottom","left"],y=p.reduce(((t,n)=>t.concat(n,n+"-start",n+"-end")),[]),g={left:"right",right:"left",bottom:"top",top:"bottom"};function h(t){return t.replace(/left|right|bottom|top/g,(t=>g[t]))}function x(t,n,r){void 0===r&&(r=!1);const a=e(t),l=i(t),c=o(l);let s="x"===l?a===(r?"end":"start")?"right":"left":"start"===a?"bottom":"top";return n.reference[c]>n.floating[c]&&(s=h(s)),{main:s,cross:h(s)}}const w={start:"end",end:"start"};function v(t){return t.replace(/start|end/g,(t=>w[t]))}const b=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(n){var o;const{placement:i,middlewareData:a,rects:c,initialPlacement:s,platform:u,elements:d}=n,{mainAxis:m=!0,crossAxis:p=!0,fallbackPlacements:y,fallbackStrategy:g="bestFit",fallbackAxisSideDirection:w="none",flipAlignment:b=!0,...A}=l(t,n),S=r(i),k=r(s)===s,P=await(null==u.isRTL?void 0:u.isRTL(d.floating)),D=y||(k||!b?[h(s)]:function(t){const n=h(t);return[v(t),n,v(n)]}(s));y||"none"===w||D.push(...function(t,n,o,i){const a=e(t);let l=function(t,n,e){const o=["left","right"],r=["right","left"],i=["top","bottom"],a=["bottom","top"];switch(t){case"top":case"bottom":return e?n?r:o:n?o:r;case"left":case"right":return n?i:a;default:return[]}}(r(t),"start"===o,i);return a&&(l=l.map((t=>t+"-"+a)),n&&(l=l.concat(l.map(v)))),l}(s,b,w,P));const R=[s,...D],M=await f(n,A),O=[];let E=(null==(o=a.flip)?void 0:o.overflows)||[];if(m&&O.push(M[S]),p){const{main:t,cross:n}=x(i,c,P);O.push(M[t],M[n])}if(E=[...E,{placement:i,overflows:O}],!O.every((t=>t<=0))){var F,C;const t=((null==(F=a.flip)?void 0:F.index)||0)+1,n=R[t];if(n)return{data:{index:t,overflows:E},reset:{placement:n}};let e=null==(C=E.filter((t=>t.overflows[0]<=0)).sort(((t,n)=>t.overflows[1]-n.overflows[1]))[0])?void 0:C.placement;if(!e)switch(g){case"bestFit":{var T;const t=null==(T=E.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,n)=>t+n),0)])).sort(((t,n)=>t[1]-n[1]))[0])?void 0:T[0];t&&(e=t);break}case"initialPlacement":e=s}if(i!==e)return{reset:{placement:e}}}return{}}}};function A(t,n){return{top:t.top-n.height,right:t.right-n.width,bottom:t.bottom-n.height,left:t.left-n.width}}function S(t){return p.some((n=>t[n]>=0))}const k=function(t){return void 0===t&&(t={}),{name:"hide",options:t,async fn(n){const{rects:e}=n,{strategy:o="referenceHidden",...r}=l(t,n);switch(o){case"referenceHidden":{const t=A(await f(n,{...r,elementContext:"reference"}),e.reference);return{data:{referenceHiddenOffsets:t,referenceHidden:S(t)}}}case"escaped":{const t=A(await f(n,{...r,altBoundary:!0}),e.floating);return{data:{escapedOffsets:t,escaped:S(t)}}}default:return{}}}}},P=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(n){const{x:o,y:a}=n,c=await async function(t,n){const{placement:o,platform:a,elements:c}=t,s=await(null==a.isRTL?void 0:a.isRTL(c.floating)),f=r(o),u=e(o),d="x"===i(o),m=["left","top"].includes(f)?-1:1,p=s&&d?-1:1,y=l(n,t);let{mainAxis:g,crossAxis:h,alignmentAxis:x}="number"==typeof y?{mainAxis:y,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...y};return u&&"number"==typeof x&&(h="end"===u?-1*x:x),d?{x:h*p,y:g*m}:{x:g*m,y:h*p}}(n,t);return{x:o+c.x,y:a+c.y,data:c}}}};function D(t){var n;return(null==(n=t.ownerDocument)?void 0:n.defaultView)||window}function R(t){return D(t).getComputedStyle(t)}function M(t){return t instanceof D(t).Node}function O(t){return M(t)?(t.nodeName||"").toLowerCase():"#document"}function E(t){return t instanceof D(t).HTMLElement}function F(t){return t instanceof D(t).Element}function C(t){return"undefined"!=typeof ShadowRoot&&(t instanceof D(t).ShadowRoot||t instanceof ShadowRoot)}function T(t){const{overflow:n,overflowX:e,overflowY:o,display:r}=R(t);return/auto|scroll|overlay|hidden|clip/.test(n+o+e)&&!["inline","contents"].includes(r)}function $(t){return["table","td","th"].includes(O(t))}function z(t){const n=B(),e=R(t);return"none"!==e.transform||"none"!==e.perspective||!!e.containerType&&"normal"!==e.containerType||!n&&!!e.backdropFilter&&"none"!==e.backdropFilter||!n&&!!e.filter&&"none"!==e.filter||["transform","perspective","filter"].some((t=>(e.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(e.contain||"").includes(t)))}function B(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function j(t){return["html","body","#document"].includes(O(t))}const L=Math.min,H=Math.max,I=Math.round,W=Math.floor,q=t=>({x:t,y:t});function N(t){const n=R(t);let e=parseFloat(n.width)||0,o=parseFloat(n.height)||0;const r=E(t),i=r?t.offsetWidth:e,a=r?t.offsetHeight:o,l=I(e)!==i||I(o)!==a;return l&&(e=i,o=a),{width:e,height:o,$:l}}function Y(t){return F(t)?t:t.contextElement}function V(t){const n=Y(t);if(!E(n))return q(1);const e=n.getBoundingClientRect(),{width:o,height:r,$:i}=N(n);let a=(i?I(e.width):e.width)/o,l=(i?I(e.height):e.height)/r;return a&&Number.isFinite(a)||(a=1),l&&Number.isFinite(l)||(l=1),{x:a,y:l}}const X=q(0);function _(t,n,e){var o,r;if(void 0===n&&(n=!0),!B())return X;const i=t?D(t):window;return!e||n&&e!==i?X:{x:(null==(o=i.visualViewport)?void 0:o.offsetLeft)||0,y:(null==(r=i.visualViewport)?void 0:r.offsetTop)||0}}function G(t,n,e,o){void 0===n&&(n=!1),void 0===e&&(e=!1);const r=t.getBoundingClientRect(),i=Y(t);let a=q(1);n&&(o?F(o)&&(a=V(o)):a=V(t));const l=_(i,e,o);let c=(r.left+l.x)/a.x,f=(r.top+l.y)/a.y,u=r.width/a.x,d=r.height/a.y;if(i){const t=D(i),n=o&&F(o)?D(o):o;let e=t.frameElement;for(;e&&o&&n!==t;){const t=V(e),n=e.getBoundingClientRect(),o=getComputedStyle(e),r=n.left+(e.clientLeft+parseFloat(o.paddingLeft))*t.x,i=n.top+(e.clientTop+parseFloat(o.paddingTop))*t.y;c*=t.x,f*=t.y,u*=t.x,d*=t.y,c+=r,f+=i,e=D(e).frameElement}}return s({width:u,height:d,x:c,y:f})}function J(t){return((M(t)?t.ownerDocument:t.document)||window.document).documentElement}function K(t){return F(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function Q(t){return G(J(t)).left+K(t).scrollLeft}function U(t){if("html"===O(t))return t;const n=t.assignedSlot||t.parentNode||C(t)&&t.host||J(t);return C(n)?n.host:n}function Z(t){const n=U(t);return j(n)?t.ownerDocument?t.ownerDocument.body:t.body:E(n)&&T(n)?n:Z(n)}function tt(t,n){var e;void 0===n&&(n=[]);const o=Z(t),r=o===(null==(e=t.ownerDocument)?void 0:e.body),i=D(o);return r?n.concat(i,i.visualViewport||[],T(o)?o:[]):n.concat(o,tt(o))}function nt(t,n,e){let o;if("viewport"===n)o=function(t,n){const e=D(t),o=J(t),r=e.visualViewport;let i=o.clientWidth,a=o.clientHeight,l=0,c=0;if(r){i=r.width,a=r.height;const t=B();(!t||t&&"fixed"===n)&&(l=r.offsetLeft,c=r.offsetTop)}return{width:i,height:a,x:l,y:c}}(t,e);else if("document"===n)o=function(t){const n=J(t),e=K(t),o=t.ownerDocument.body,r=H(n.scrollWidth,n.clientWidth,o.scrollWidth,o.clientWidth),i=H(n.scrollHeight,n.clientHeight,o.scrollHeight,o.clientHeight);let a=-e.scrollLeft+Q(t);const l=-e.scrollTop;return"rtl"===R(o).direction&&(a+=H(n.clientWidth,o.clientWidth)-r),{width:r,height:i,x:a,y:l}}(J(t));else if(F(n))o=function(t,n){const e=G(t,!0,"fixed"===n),o=e.top+t.clientTop,r=e.left+t.clientLeft,i=E(t)?V(t):q(1);return{width:t.clientWidth*i.x,height:t.clientHeight*i.y,x:r*i.x,y:o*i.y}}(n,e);else{const e=_(t);o={...n,x:n.x-e.x,y:n.y-e.y}}return s(o)}function et(t,n){const e=U(t);return!(e===n||!F(e)||j(e))&&("fixed"===R(e).position||et(e,n))}function ot(t,n){return E(t)&&"fixed"!==R(t).position?n?n(t):t.offsetParent:null}function rt(t,n){const e=D(t);if(!E(t))return e;let o=ot(t,n);for(;o&&$(o)&&"static"===R(o).position;)o=ot(o,n);return o&&("html"===O(o)||"body"===O(o)&&"static"===R(o).position&&!z(o))?e:o||function(t){let n=U(t);for(;E(n)&&!j(n);){if(z(n))return n;n=U(n)}return null}(t)||e}function it(t,n,e){const o=E(n),r=J(n),i="fixed"===e,a=G(t,!0,i,n);let l={scrollLeft:0,scrollTop:0};const c=q(0);if(o||!o&&!i)if(("body"!==O(n)||T(r))&&(l=K(n)),E(n)){const t=G(n,!0,i,n);c.x=t.x+n.clientLeft,c.y=t.y+n.clientTop}else r&&(c.x=Q(r));return{x:a.left+l.scrollLeft-c.x,y:a.top+l.scrollTop-c.y,width:a.width,height:a.height}}const at={getClippingRect:function(t){let{element:n,boundary:e,rootBoundary:o,strategy:r}=t;const i=[..."clippingAncestors"===e?function(t,n){const e=n.get(t);if(e)return e;let o=tt(t).filter((t=>F(t)&&"body"!==O(t))),r=null;const i="fixed"===R(t).position;let a=i?U(t):t;for(;F(a)&&!j(a);){const n=R(a),e=z(a);e||"fixed"!==n.position||(r=null),(i?!e&&!r:!e&&"static"===n.position&&r&&["absolute","fixed"].includes(r.position)||T(a)&&!e&&et(t,a))?o=o.filter((t=>t!==a)):r=n,a=U(a)}return n.set(t,o),o}(n,this._c):[].concat(e),o],a=i.reduce(((t,e)=>{const o=nt(n,e,r);return t.top=H(o.top,t.top),t.right=L(o.right,t.right),t.bottom=L(o.bottom,t.bottom),t.left=H(o.left,t.left),t}),nt(n,i[0],r));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:n,offsetParent:e,strategy:o}=t;const r=E(e),i=J(e);if(e===i)return n;let a={scrollLeft:0,scrollTop:0},l=q(1);const c=q(0);if((r||!r&&"fixed"!==o)&&(("body"!==O(e)||T(i))&&(a=K(e)),E(e))){const t=G(e);l=V(e),c.x=t.x+e.clientLeft,c.y=t.y+e.clientTop}return{width:n.width*l.x,height:n.height*l.y,x:n.x*l.x-a.scrollLeft*l.x+c.x,y:n.y*l.y-a.scrollTop*l.y+c.y}},isElement:F,getDimensions:function(t){return N(t)},getOffsetParent:rt,getDocumentElement:J,getScale:V,async getElementRects(t){let{reference:n,floating:e,strategy:o}=t;const r=this.getOffsetParent||rt,i=this.getDimensions;return{reference:it(n,await r(e),o),floating:{x:0,y:0,...await i(e)}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>"rtl"===R(t).direction};function lt(t){return function(t){for(let n=t;n;n=ct(n))if(n instanceof Element&&"none"===getComputedStyle(n).display)return null;for(let n=ct(t);n;n=ct(n)){if(!(n instanceof Element))continue;const t=getComputedStyle(n);if("contents"!==t.display){if("static"!==t.position||"none"!==t.filter)return n;if("BODY"===n.tagName)return n}}return null}(t)}function ct(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}!function(){{const t=at.getOffsetParent;at.getOffsetParent=n=>t(n,lt)}}();const st=async(t,{referenceEl:n,floatingEl:e,overlayPositioning:o="absolute",placement:r,flipDisabled:i,flipPlacements:l,offsetDistance:c,offsetSkidding:s,arrowEl:f,type:u})=>{if(!n||!e)return null;const{x:d,y:m,placement:p,strategy:y,middlewareData:g}=await((t,n,e)=>{const o=new Map,r={platform:at,...e},i={...r.platform,_c:o};return(async(t,n,e)=>{const{placement:o="bottom",strategy:r="absolute",middleware:i=[],platform:l}=e,c=i.filter(Boolean),s=await(null==l.isRTL?void 0:l.isRTL(n));let f=await l.getElementRects({reference:t,floating:n,strategy:r}),{x:u,y:d}=a(f,o,s),m=o,p={},y=0;for(let e=0;e<c.length;e++){const{name:i,fn:g}=c[e],{x:h,y:x,data:w,reset:v}=await g({x:u,y:d,initialPlacement:o,placement:m,strategy:r,middlewareData:p,rects:f,platform:l,elements:{reference:t,floating:n}});u=null!=h?h:u,d=null!=x?x:d,p={...p,[i]:{...p[i],...w}},v&&y<=50&&(y++,"object"==typeof v&&(v.placement&&(m=v.placement),v.rects&&(f=!0===v.rects?await l.getElementRects({reference:t,floating:n,strategy:r}):v.rects),({x:u,y:d}=a(f,m,s))),e=-1)}return{x:u,y:d,placement:m,strategy:r,middlewareData:p}})(t,n,{...r,platform:i})})(n,e,{strategy:o,placement:"auto"===r||"auto-start"===r||"auto-end"===r?void 0:gt(e,r),middleware:pt({placement:r,flipDisabled:i,flipPlacements:l,offsetDistance:c,offsetSkidding:s,arrowEl:f,type:u})});if(f&&g.arrow){const{x:n,y:e}=g.arrow,o=p.split("-")[0],r=null!=n?"left":"top",i=xt[o],a={left:"",top:"",bottom:"",right:""};"floatingLayout"in t&&(t.floatingLayout="left"===o||"right"===o?"horizontal":"vertical"),Object.assign(f.style,{...a,[r]:`${"left"==r?n:e}px`,[o]:"100%",transform:i})}const h=g.hide?.referenceHidden,x=h?"hidden":null,w=x?"none":null;e.setAttribute(ft,p);const v=`translate(${Math.round(d)}px,${Math.round(m)}px)`;Object.assign(e.style,{visibility:x,pointerEvents:w,position:y,top:"0",left:"0",transform:v})},ft="data-placement",ut=["top","bottom","right","left","top-start","top-end","bottom-start","bottom-end","right-start","right-end","left-start","left-end"],dt="bottom-start",mt={animation:"calcite-floating-ui-anim",animationActive:"calcite-floating-ui-anim--active"};function pt({placement:t,flipDisabled:n,flipPlacements:a,offsetDistance:s,offsetSkidding:d,arrowEl:p,type:g}){const h=[(void 0===w&&(w={}),{name:"shift",options:w,async fn(t){const{x:n,y:e,placement:o}=t,{mainAxis:a=!0,crossAxis:c=!1,limiter:s={fn:t=>{let{x:n,y:e}=t;return{x:n,y:e}}},...u}=l(w,t),d={x:n,y:e},p=await f(t,u),y=i(r(o)),g="x"===y?"y":"x";let h=d[y],x=d[g];a&&(h=m(h+p["y"===y?"top":"left"],h,h-p["y"===y?"bottom":"right"])),c&&(x=m(x+p["y"===g?"top":"left"],x,x-p["y"===g?"bottom":"right"]));const v=s.fn({...t,[y]:h,[g]:x});return{...v,data:{x:v.x-n,y:v.y-e}}}}),k()];var w;if("menu"===g)return[...h,b({fallbackPlacements:a||["top-start","top","top-end","bottom-start","bottom","bottom-end"]})];if("popover"===g||"tooltip"===g){const g=[...h,P({mainAxis:"number"==typeof s?s:0,crossAxis:"number"==typeof d?d:0})];return"auto"===t||"auto-start"===t||"auto-end"===t?g.push(function(t){return void 0===t&&(t={}),{name:"autoPlacement",options:t,async fn(n){var o,i,a;const{rects:c,middlewareData:s,placement:u,platform:d,elements:m}=n,{crossAxis:p=!1,alignment:g,allowedPlacements:h=y,autoAlignment:w=!0,...b}=l(t,n),A=void 0!==g||h===y?function(t,n,o){return(t?[...o.filter((n=>e(n)===t)),...o.filter((n=>e(n)!==t))]:o.filter((t=>r(t)===t))).filter((o=>!t||e(o)===t||!!n&&v(o)!==o))}(g||null,w,h):h,S=await f(n,b),k=(null==(o=s.autoPlacement)?void 0:o.index)||0,P=A[k];if(null==P)return{};const{main:D,cross:R}=x(P,c,await(null==d.isRTL?void 0:d.isRTL(m.floating)));if(u!==P)return{reset:{placement:A[0]}};const M=[S[r(P)],S[D],S[R]],O=[...(null==(i=s.autoPlacement)?void 0:i.overflows)||[],{placement:P,overflows:M}],E=A[k+1];if(E)return{data:{index:k+1,overflows:O},reset:{placement:E}};const F=O.map((t=>{const n=e(t.placement);return[t.placement,n&&p?t.overflows.slice(0,2).reduce(((t,n)=>t+n),0):t.overflows[0],t.overflows]})).sort(((t,n)=>t[1]-n[1])),C=(null==(a=F.filter((t=>t[2].slice(0,e(t[0])?2:3).every((t=>t<=0))))[0])?void 0:a[0])||F[0][0];return C!==u?{data:{index:k+1,overflows:O},reset:{placement:C}}:{}}}}({alignment:"auto-start"===t?"start":"auto-end"===t?"end":null})):n||g.push(b(a?{fallbackPlacements:a}:{})),p&&g.push((t=>({name:"arrow",options:t,async fn(n){const{x:r,y:a,placement:s,rects:f,platform:d,elements:p}=n,{element:y,padding:g=0}=l(t,n)||{};if(null==y)return{};const h=c(g),x={x:r,y:a},w=i(s),v=o(w),b=await d.getDimensions(y),A="y"===w,S=A?"top":"left",k=A?"bottom":"right",P=A?"clientHeight":"clientWidth",D=f.reference[v]+f.reference[w]-x[w]-f.floating[v],R=x[w]-f.reference[w],M=await(null==d.getOffsetParent?void 0:d.getOffsetParent(y));let O=M?M[P]:0;O&&await(null==d.isElement?void 0:d.isElement(M))||(O=p.floating[P]||f.floating[v]);const E=D/2-R/2,F=O/2-b[v]/2-1,C=u(h[S],F),T=u(h[k],F),$=C,z=O-b[v]-T,B=O/2-b[v]/2+E,j=m($,B,z),L=null!=e(s)&&B!=j&&f.reference[v]/2-(B<$?C:T)-b[v]/2<0?B<$?$-B:z-B:0;return{[w]:x[w]-L,data:{[w]:j,centerOffset:B-j+L}}}}))({element:p})),g}return[]}function yt(t,n){const e=t.filter((t=>ut.includes(t)));return e.length!==t.length&&console.warn(`${n.tagName}: Invalid value found in: flipPlacements. Try any of these: ${ut.map((t=>`"${t}"`)).join(", ").trim()}`,{el:n}),e}function gt(n,e){const o=["left","right"];return"rtl"===t(n)&&o.reverse(),e.replace(/leading/gi,o[0]).replace(/trailing/gi,o[1])}async function ht(t,e,o=!1){if(!t.open)return;const r=o?function(t){let e=vt.get(t);return e||(e=n(st,100,{leading:!0,maxWait:100}),vt.set(t,e),e)}(t):st;return r(t,e)}const xt={top:"",left:"rotate(-90deg)",bottom:"rotate(180deg)",right:"rotate(90deg)"},wt=new WeakMap,vt=new WeakMap;function bt(t,n,e){e&&n&&(At(t,n,e),Object.assign(e.style,{visibility:"hidden",pointerEvents:"none",position:t.overlayPositioning,top:"0",left:"0"}),wt.set(t,function(t,n,e,o){void 0===o&&(o={});const{ancestorScroll:r=!0,ancestorResize:i=!0,elementResize:a="function"==typeof ResizeObserver,layoutShift:l="function"==typeof IntersectionObserver,animationFrame:c=!1}=o,s=Y(t),f=r||i?[...s?tt(s):[],...tt(n)]:[];f.forEach((t=>{r&&t.addEventListener("scroll",e,{passive:!0}),i&&t.addEventListener("resize",e)}));const u=s&&l?function(t,n){let e,o=null;const r=J(t);function i(){clearTimeout(e),o&&o.disconnect(),o=null}return function a(l,c){void 0===l&&(l=!1),void 0===c&&(c=1),i();const{left:s,top:f,width:u,height:d}=t.getBoundingClientRect();if(l||n(),!u||!d)return;const m={rootMargin:-W(f)+"px "+-W(r.clientWidth-(s+u))+"px "+-W(r.clientHeight-(f+d))+"px "+-W(s)+"px",threshold:H(0,L(1,c))||1};let p=!0;function y(t){const n=t[0].intersectionRatio;if(n!==c){if(!p)return a();n?a(!1,n):e=setTimeout((()=>{a(!1,1e-7)}),100)}p=!1}try{o=new IntersectionObserver(y,{...m,root:r.ownerDocument})}catch(t){o=new IntersectionObserver(y,m)}o.observe(t)}(!0),i}(s,e):null;let d,m=-1,p=null;a&&(p=new ResizeObserver((t=>{let[o]=t;o&&o.target===s&&p&&(p.unobserve(n),cancelAnimationFrame(m),m=requestAnimationFrame((()=>{p&&p.observe(n)}))),e()})),s&&!c&&p.observe(s),p.observe(n));let y=c?G(t):null;return c&&function n(){const o=G(t);!y||o.x===y.x&&o.y===y.y&&o.width===y.width&&o.height===y.height||e(),y=o,d=requestAnimationFrame(n)}(),e(),()=>{f.forEach((t=>{r&&t.removeEventListener("scroll",e),i&&t.removeEventListener("resize",e)})),u&&u(),p&&p.disconnect(),p=null,c&&cancelAnimationFrame(d)}}(n,e,(()=>t.reposition()))))}function At(t,n,e){e&&n&&(wt.get(t)?.(),wt.delete(t),vt.get(t)?.cancel(),vt.delete(t))}const St=Math.ceil(Math.hypot(4,4));export{mt as F,At as a,St as b,bt as c,dt as d,yt as f,ht as r}

package/dist/calcite/p-1884bfd0.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.17
- */
-import{r as i,h as a,H as t,a as e}from"./p-a9af0218.js";import{e as n}from"./p-3d6d33d8.js";import"./p-24de342e.js";import"./p-a60446b6.js";var c;!function(i){i.valid="check-circle",i.invalid="exclamation-mark-triangle",i.idle="information"}(c||(c={}));const s=class{constructor(a){i(this,a),this.icon=void 0,this.iconFlipRtl=!1,this.scale="m",this.status="idle"}handleIconEl(){this.requestedIcon=n(c,this.icon,this.status)}connectedCallback(){this.requestedIcon=n(c,this.icon,this.status)}render(){return a(t,{"calcite-hydrated-hidden":this.el.hidden},this.renderIcon(this.requestedIcon),a("slot",null))}renderIcon(i){if(i)return a("calcite-icon",{class:"calcite-input-message-icon",flipRtl:this.iconFlipRtl,icon:i,scale:"s"})}get el(){return e(this)}static get watchers(){return{status:["handleIconEl"],icon:["handleIconEl"]}}};s.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-right{animation-name:in-right}.calcite-animate__in-left{animation-name:in-left}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown)}:host([hidden]){display:none}:host([scale=m]),:host([scale=l]){--calcite-input-message-spacing-value:0.25rem}:host{visibility:hidden;box-sizing:border-box;display:flex;block-size:0px;inline-size:100%;align-items:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);visibility:visible;block-size:auto;opacity:1;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host([scale=m]),:host([scale=l]){margin-block-start:var(--calcite-input-message-spacing-value)}.calcite-input-message-icon{pointer-events:none;display:inline-flex;flex-shrink:0;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;margin-inline-end:0.5rem}:host([status=invalid]) .calcite-input-message-icon{color:var(--calcite-ui-danger)}:host([status=warning]) .calcite-input-message-icon{color:var(--calcite-ui-warning)}:host([status=valid]) .calcite-input-message-icon{color:var(--calcite-ui-success)}:host([status=idle]) .calcite-input-message-icon{color:var(--calcite-ui-brand)}:host([status]){color:var(--calcite-ui-text-1)}:host([status][scale=s]){font-size:var(--calcite-font-size--3);line-height:0.75rem}:host([status][scale=m]){margin-block-start:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([status][scale=l]){margin-block-start:0.25rem;font-size:var(--calcite-font-size--1);line-height:1rem}";export{s as calcite_input_message}

package/dist/calcite/p-3946cff5.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.17
- */
-import{r as t,c as i,h as e,H as a,a as s}from"./p-a9af0218.js";import{c as o,d as n,H as r}from"./p-2bd92028.js";import{c,d as l,g as h}from"./p-fe9d76ec.js";import{d,t as m}from"./p-3d6d33d8.js";import{n as p,c as f,d as u}from"./p-6f4a105b.js";import{c as b}from"./p-97a5f1cf.js";import{s as g,a as v,c as x,b as y}from"./p-ab3eb988.js";import{c as z,s as k,d as w,u as j}from"./p-9d189b1c.js";import{c as D,u as H,d as _}from"./p-121253f2.js";import{t as C}from"./p-8c81fcb1.js";import"./p-24de342e.js";import"./p-a60446b6.js";import"./p-45eb7ca2.js";import"./p-291bca2f.js";const A="readonly",L=class{constructor(a){t(this,a),this.calciteTextAreaInput=i(this,"calciteTextAreaInput",7),this.calciteTextAreaChange=i(this,"calciteTextAreaChange",7),this.handleInput=t=>{this.value=t.target.value,this.calciteTextAreaInput.emit()},this.handleChange=()=>{this.calciteTextAreaChange.emit()},this.contentSlotChangeHandler=()=>{this.value||this.el.childNodes.forEach((t=>{"#text"===t.nodeName&&(this.value=t.nodeValue.trim())}))},this.renderCharacterLimit=()=>this.maxLength?e("span",{class:"character-limit"},e("span",{class:{"character--over-limit":this.value?.length>this.maxLength}},this.getLocalizedCharacterLength()),"/",p.localize(this.maxLength.toString())):null,this.resizeObserver=b("resize",(async()=>{await y(this);const{textAreaHeight:t,textAreaWidth:i,elHeight:e,elWidth:a,footerHeight:s,footerWidth:o}=this.getHeightandWidthOfElements();o>0&&o!==i&&(this.footerEl.style.width=`${i}px`),a===i&&e===t+(s||0)||this.setHeightAndWidthToAuto()})),this.setHeightAndWidthToAuto=C((()=>{"vertical"!==this.resize&&"both"!==this.resize||(this.el.style.height="auto"),"horizontal"!==this.resize&&"both"!==this.resize||(this.el.style.width="auto")}),100,{leading:!1}),this.setTextAreaEl=t=>{this.textAreaEl=t,this.resizeObserver.observe(t)},this.autofocus=!1,this.columns=void 0,this.disabled=!1,this.form=void 0,this.groupSeparator=!1,this.label=void 0,this.maxLength=void 0,this.messages=void 0,this.name=void 0,this.numberingSystem=void 0,this.placeholder=void 0,this.readOnly=!1,this.required=!1,this.resize="both",this.rows=void 0,this.scale="m",this.value=void 0,this.wrap="soft",this.messageOverrides=void 0,this.defaultMessages=void 0,this.endSlotHasElements=void 0,this.startSlotHasElements=void 0,this.effectiveLocale=""}onMessagesChange(){}connectedCallback(){D(this),c(this),o(this),f(this),z(this)}async componentWillLoad(){g(this),await k(this)}componentDidLoad(){v(this)}componentDidRender(){H(this),this.setTextAreaHeight()}disconnectedCallback(){_(this),l(this),n(this),u(this),w(this),this.resizeObserver?.disconnect()}render(){const t=this.startSlotHasElements||this.endSlotHasElements||!!this.maxLength;return e(a,null,e("textarea",{"aria-invalid":m(this.value?.length>this.maxLength),"aria-label":h(this),autofocus:this.autofocus,class:{[A]:this.readOnly,"text-area--invalid":this.value?.length>this.maxLength,"footer--slotted":this.endSlotHasElements&&this.startSlotHasElements,"block-size--full":!t,"border--color":!t},cols:this.columns,disabled:this.disabled,name:this.name,onChange:this.handleChange,onInput:this.handleInput,placeholder:this.placeholder,readonly:this.readOnly,required:this.required,rows:this.rows,value:this.value,wrap:this.wrap,ref:this.setTextAreaEl}),e("span",{class:{content:!0}},e("slot",{onSlotchange:this.contentSlotChangeHandler})),e("footer",{class:{footer:!0,[A]:this.readOnly,hide:!t},ref:t=>this.footerEl=t},e("div",{class:{container:!0,"footer--end-only":!this.startSlotHasElements&&this.endSlotHasElements}},e("slot",{name:"footer-start",onSlotchange:t=>this.startSlotHasElements=d(t)}),e("slot",{name:"footer-end",onSlotchange:t=>this.endSlotHasElements=d(t)})),this.renderCharacterLimit()),e(r,{component:this}))}async setFocus(){await x(this),this.textAreaEl.focus()}async selectText(){await y(this),this.textAreaEl.select()}effectiveLocaleChange(){j(this,this.effectiveLocale)}onFormReset(){this.value=this.defaultValue}onLabelClick(){this.setFocus()}getLocalizedCharacterLength(){return p.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,signDisplay:"never",useGrouping:this.groupSeparator},p.localize(this.value?this.value.length.toString():"0")}syncHiddenFormInput(t){t.setCustomValidity(""),this.value?.length>this.maxLength&&t.setCustomValidity(this.messages.tooLong)}setTextAreaHeight(){const{textAreaHeight:t,elHeight:i,footerHeight:e}=this.getHeightandWidthOfElements();e>0&&t+e!=i&&(this.textAreaEl.style.height=i-e+"px")}getHeightandWidthOfElements(){const{height:t,width:i}=this.textAreaEl.getBoundingClientRect(),{height:e,width:a}=this.el.getBoundingClientRect(),{height:s,width:o}=this.footerEl?.getBoundingClientRect();return{textAreaHeight:t,textAreaWidth:i,elHeight:e,elWidth:a,footerHeight:s,footerWidth:o}}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};L.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-right{animation-name:in-right}.calcite-animate__in-left{animation-name:in-left}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown)}:host([hidden]){display:none}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:inline-block;block-size:100%;inline-size:100%}textarea{position:relative;margin:0px;box-sizing:border-box;display:block;inline-size:100%;border-width:1px;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);font-family:var(--calcite-sans-family);color:var(--calcite-ui-text-1);min-inline-size:12rem;border-block-end:1px solid var(--calcite-ui-border-3)}@media screen and (max-width: 480px){textarea{resize:none}}textarea:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}textarea.text-area--invalid{border-width:1px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-danger)}textarea.text-area--invalid:focus{outline:2px solid var(--calcite-ui-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}textarea.footer--slotted{min-inline-size:18rem}.footer{box-sizing:border-box;display:flex;align-items:center;border-width:1px;border-block-start-width:0px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1)}.character-limit{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2)}.character--over-limit{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-danger)}:host([resize=none]) textarea{resize:none}:host([resize=horizontal]) textarea{resize:horizontal}:host([resize=vertical]) textarea{resize:vertical}:host([scale=s]){font-size:var(--calcite-font-size--2)}:host([scale=s]) .footer{padding-block:0.25rem;padding-inline:0.5rem;min-block-size:1.75rem}:host([scale=s]) textarea{padding-block:0.25rem;padding-inline:0.5rem}:host([scale=s]) textarea,:host([scale=s]) .footer,:host([scale=s]) .character-limit{padding-inline-start:0.5rem;font-size:var(--calcite-font-size--2)}:host([scale=m]) textarea{padding-block:0.5rem;padding-inline:0.75rem}:host([scale=m]) .footer{padding-block:0.5rem;padding-inline:0.75rem;min-block-size:2.25rem}:host([scale=m]) textarea,:host([scale=m]) .footer,:host([scale=m]) .character-limit{padding-inline-start:0.75rem;font-size:var(--calcite-font-size--1)}:host([scale=l]){font-size:var(--calcite-font-size-0)}:host([scale=l]) textarea{padding-block:0.75rem;padding-inline:1rem}:host([scale=l]) .footer{padding-block:0.75rem;padding-inline:1rem;min-block-size:2.75rem}:host([scale=l]) textarea,:host([scale=l]) .footer,:host([scale=l]) .character-limit{padding-inline-start:1rem;font-size:var(--calcite-font-size-0)}.readonly{background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium)}:host([disabled]) textarea,:host([disabled]) footer{opacity:0.5}.border--color{border-block-end-width:1px;border-color:var(--calcite-ui-border-input)}.border--color:focus{border-block-end-width:2px}textarea.block-size--full{block-size:100%}.content,.hide{display:none}.container{display:flex;inline-size:100%;justify-content:space-between}.footer--end-only{justify-content:flex-end}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";export{L as calcite_text_area}

package/dist/calcite/p-4b97afc0.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.17
- */
-import{r as i,c as a,h as t,H as e,a as n}from"./p-a9af0218.js";import{c,d as o}from"./p-c2a35230.js";import{r,g as l,t as s,b as d}from"./p-3d6d33d8.js";import{g as m}from"./p-24de342e.js";import{c as h,d as g,u as p}from"./p-121253f2.js";import{c as u,d as f}from"./p-6f4a105b.js";import{u as v,c as b,d as y,s as x}from"./p-9d189b1c.js";import{H as w}from"./p-81b0991e.js";import{c as k,s as _,a as D}from"./p-ab3eb988.js";import{i as z}from"./p-45eb7ca2.js";import"./p-97a5f1cf.js";import"./p-a60446b6.js";const C="icon",j="control",L="header-menu-actions",I={opened:"chevron-up",closed:"chevron-down",valid:"check-circle",invalid:"exclamation-mark-triangle"},M=class{constructor(t){i(this,t),this.calciteBlockToggle=a(this,"calciteBlockToggle",6),this.guid=m(),this.onHeaderClick=()=>{this.open=!this.open,this.calciteBlockToggle.emit()},this.collapsible=!1,this.disabled=!1,this.dragHandle=!1,this.heading=void 0,this.headingLevel=void 0,this.loading=!1,this.open=!1,this.status=void 0,this.description=void 0,this.messages=void 0,this.messageOverrides=void 0,this.effectiveLocale=void 0,this.defaultMessages=void 0}onMessagesChange(){}async setFocus(){await k(this),r(this.el)}effectiveLocaleChange(){v(this,this.effectiveLocale)}connectedCallback(){c(this),h(this),u(this),b(this)}disconnectedCallback(){g(this),f(this),y(this),o(this)}async componentWillLoad(){await x(this),_(this)}componentDidLoad(){D(this)}componentDidRender(){p(this)}renderScrim(){const{loading:i}=this,a=t("slot",null);return[i?t("calcite-scrim",{loading:i}):null,a]}renderIcon(){const{el:i,loading:a,messages:e,status:n}=this,c=I[n],o=l(i,C)||c,r=c?a?t("calcite-loader",{inline:!0,label:e.loading}):t("calcite-icon",{class:{"status-icon":!0,valid:"valid"==n,invalid:"invalid"==n},icon:c,scale:"m"}):t("slot",{key:"icon-slot",name:C});return o?t("div",{class:"icon"},r):null}renderTitle(){const{heading:i,headingLevel:a,description:e}=this;return i||e?t("div",{class:"title"},t(w,{class:"heading",level:a},i),e?t("div",{class:"description"},e):null):null}render(){const{collapsible:i,el:a,loading:n,open:c,messages:o}=this,r=c?o.collapse:o.expand,d=t("header",{class:"header"},this.renderIcon(),this.renderTitle()),m=!!l(a,j),h=!!l(a,L),g=c?I.opened:I.closed,{guid:p}=this,u=`${p}-region`,f=`${p}-button`,v=t("div",{class:"header-container"},this.dragHandle?t("calcite-handle",null):null,i?t("button",{"aria-controls":u,"aria-expanded":i?s(c):null,"aria-label":r,class:"toggle",id:f,onClick:this.onHeaderClick,title:r},d,m||h?null:t("calcite-icon",{"aria-hidden":"true",class:"toggle-icon",icon:g,scale:"s"})):d,m?t("div",{class:"control-container"},t("slot",{name:j})):null,h?t("calcite-action-menu",{label:o.options},t("slot",{name:L})):null);return t(e,null,t("article",{"aria-busy":s(n),class:{container:!0}},v,t("section",{"aria-expanded":s(c),"aria-labelledby":f,class:"content",hidden:!c,id:u},this.renderScrim())))}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};M.style='@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-right{animation-name:in-right}.calcite-animate__in-left{animation-name:in-left}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown)}:host([hidden]){display:none}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-shrink:0;flex-grow:0;flex-direction:column;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);padding:0px;transition-property:margin;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-timing-function:cubic-bezier(0.215, 0.440, 0.420, 0.880);flex-basis:auto}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-right{animation-name:in-right}.calcite-animate__in-left{animation-name:in-left}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.header{justify-content:flex-start;padding:0px}.header,.toggle{grid-area:header}.header-container{display:grid;align-items:stretch;grid-template:auto/auto 1fr auto auto;grid-template-areas:"handle header control menu";grid-column:header-start/menu-end;grid-row:1/2}.toggle{margin:0px;display:flex;cursor:pointer;flex-wrap:nowrap;align-items:center;justify-content:space-between;border-style:none;padding:0px;font-family:inherit;outline-color:transparent;text-align:initial;background-color:transparent}.toggle:hover{background-color:var(--calcite-ui-foreground-2)}.toggle:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}calcite-loader[inline]{grid-area:control;align-self:center}calcite-handle{grid-area:handle}.title{margin:0px;padding:0.75rem}.header .title .heading{padding:0px;font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-medium);line-height:1.25;color:var(--calcite-ui-text-2);transition-property:color;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);word-wrap:break-word;word-break:break-word}.description{margin-block-start:0.125rem;padding:0px;font-size:var(--calcite-font-size--2);line-height:1.375;color:var(--calcite-ui-text-3);word-wrap:break-word;word-break:break-word}.icon{display:flex;margin-inline-start:0.75rem;margin-inline-end:0px}.status-icon.valid{color:var(--calcite-ui-success)}.status-icon.invalid{color:var(--calcite-ui-danger)}@keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}.toggle-icon{margin-block:0.75rem;align-self:center;justify-self:end;color:var(--calcite-ui-text-3);transition-property:color;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-inline-end:1rem;margin-inline-start:auto}.toggle:hover .toggle-icon{color:var(--calcite-ui-text-1)}.container{position:relative;display:flex;block-size:100%;flex-direction:column}.content{position:relative;flex:1 1 0%}@keyframes in{0%{opacity:0}100%{opacity:1}}.content{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;padding-block:var(--calcite-block-padding, 0.5rem);padding-inline:var(--calcite-block-padding, 0.625rem)}.control-container{margin:0px;display:flex;grid-area:control}calcite-action-menu{grid-area:menu}:host([open]){margin-block:0.5rem}:host([open]) .header .title .heading{color:var(--calcite-ui-text-1)}';const $="toggle",q={menuOpen:"chevron-down",menuClosedLeft:"chevron-left",menuClosedRight:"chevron-right",valid:"check-circle",invalid:"exclamation-mark-triangle"},O=class{constructor(t){i(this,t),this.calciteBlockSectionToggle=a(this,"calciteBlockSectionToggle",6),this.guid=m(),this.handleHeaderKeyDown=i=>{z(i.key)&&(this.toggleSection(),i.preventDefault(),i.stopPropagation())},this.toggleSection=()=>{this.open=!this.open,this.calciteBlockSectionToggle.emit()},this.open=!1,this.status=void 0,this.text=void 0,this.toggleDisplay="button",this.messages=void 0,this.messageOverrides=void 0,this.effectiveLocale=void 0,this.defaultMessages=void 0}onMessagesChange(){}async setFocus(){await k(this),r(this.el)}effectiveLocaleChange(){v(this,this.effectiveLocale)}connectedCallback(){u(this),b(this)}async componentWillLoad(){await x(this),_(this)}componentDidLoad(){D(this)}disconnectedCallback(){f(this),y(this)}renderStatusIcon(){const{status:i}=this,a=q[i]??!1;return a?t("calcite-icon",{class:{"status-icon":!0,valid:"valid"==i,invalid:"invalid"==i},icon:a,scale:"s"}):null}render(){const{el:i,messages:a,open:n,text:c,toggleDisplay:o}=this,r=d(i),l=n?q.menuOpen:"rtl"===r?q.menuClosedLeft:q.menuClosedRight,m=n?a.collapse:a.expand,{guid:h}=this,g=`${h}-region`,p=`${h}-button`,u="switch"===o?t("div",{"aria-controls":g,"aria-label":m,class:{[$]:!0,"toggle--switch":!0},id:p,onClick:this.toggleSection,onKeyDown:this.handleHeaderKeyDown,tabIndex:0,title:m},t("div",{class:"toggle--switch__content"},t("span",{class:"toggle--switch__text"},c)),t("calcite-switch",{checked:n,label:m,scale:"s",tabIndex:-1}),this.renderStatusIcon()):t("button",{"aria-controls":g,"aria-label":m,class:{"section-header":!0,[$]:!0},id:p,name:m,onClick:this.toggleSection},t("calcite-icon",{icon:l,scale:"s"}),t("span",{class:"section-header__text"},c),this.renderStatusIcon());return t(e,null,u,t("section",{"aria-expanded":s(n),"aria-labelledby":p,class:"content",hidden:!n,id:g},t("slot",null)))}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};O.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-right{animation-name:in-right}.calcite-animate__in-left{animation-name:in-left}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown)}:host([hidden]){display:none}:host{box-sizing:border-box;display:block;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2)}:host([open]){border-width:0px;border-block-end-width:1px;border-style:solid;border-block-end-color:var(--calcite-ui-border-3)}:host(:last-child){border-block-end-width:0px}.toggle{inline-size:100%;border-width:0px;background-color:transparent;font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2)}.toggle--switch,.section-header{margin-inline:0px;margin-block:0.25rem;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding-inline:0px;padding-block:0.5rem;font-size:var(--calcite-font-size--1);outline-color:transparent}.toggle--switch:focus,.section-header:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}.toggle--switch:hover,.section-header:hover{color:var(--calcite-ui-text-1)}.section-header .status-icon{align-self:flex-end}.section-header__text{margin-inline:0.75rem;margin-block:0px;flex:1 1 auto;text-align:initial;word-wrap:anywhere}.toggle--switch calcite-switch{pointer-events:none;margin-inline-start:0.25rem}.toggle--switch .status-icon{margin-inline-start:0.5rem}.toggle--switch__content{display:flex;flex:1 1 auto;align-items:center}.status-icon.valid{color:var(--calcite-ui-success)}.status-icon.invalid{color:var(--calcite-ui-danger)}";export{M as calcite_block,O as calcite_block_section}

package/dist/calcite/p-81b0991e.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.17
- */
-import{h as t}from"./p-a9af0218.js";function a(t){return Math.min(Math.max(Math.ceil(t),1),6)}const r=(a,r)=>{const e=a.level?`h${a.level}`:"div";return delete a.level,t(e,{...a},r)};export{r as H,a as c}