@esri/calcite-components 1.5.0-next.1 → 1.5.0-next.3

package/dist/esm/{zh-cn-ee6fe1cc.js → zh-cn-2d8fecfd.js}

@@ -1,23 +1,23 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.0
+ * v1.5.0-next.2
  */
-import { d as dayjs } from './calcite-input-time-picker.calcite-time-picker-968a6eb7.js';
-import './index-0cc59071.js';
-import './form-02d276d0.js';
-import './dom-58eb88c2.js';
-import './guid-79d83636.js';
-import './resources-caf50912.js';
-import './interactive-abc9ac33.js';
-import './browser-b37774a4.js';
-import './key-e65a7736.js';
-import './label-2f1e6dd9.js';
-import './loadable-81762b29.js';
-import './locale-fe87a0fc.js';
-import './observers-46ea56e6.js';
-import './focusTrapComponent-bb71fcca.js';
-import './t9n-cf1c68d6.js';
+import { d as dayjs } from './calcite-input-time-picker.calcite-time-picker-34b7a5e4.js';
+import './index-c380df3d.js';
+import './form-553e2401.js';
+import './dom-0ce209ee.js';
+import './guid-eb322ca8.js';
+import './resources-450f79fd.js';
+import './interactive-0abc87c1.js';
+import './browser-16f56395.js';
+import './key-c189cfe7.js';
+import './label-4c68af4b.js';
+import './loadable-8215a0e9.js';
+import './locale-5bb13642.js';
+import './observers-d57467d9.js';
+import './focusTrapComponent-cbba6c19.js';
+import './t9n-42b29350.js';
 
 // Chinese (China) [zh-cn]
 var locale = {

package/dist/esm/{zh-hk-64026958.js → zh-hk-f1ebc46c.js}

@@ -1,23 +1,23 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.0
+ * v1.5.0-next.2
  */
-import { d as dayjs } from './calcite-input-time-picker.calcite-time-picker-968a6eb7.js';
-import './index-0cc59071.js';
-import './form-02d276d0.js';
-import './dom-58eb88c2.js';
-import './guid-79d83636.js';
-import './resources-caf50912.js';
-import './interactive-abc9ac33.js';
-import './browser-b37774a4.js';
-import './key-e65a7736.js';
-import './label-2f1e6dd9.js';
-import './loadable-81762b29.js';
-import './locale-fe87a0fc.js';
-import './observers-46ea56e6.js';
-import './focusTrapComponent-bb71fcca.js';
-import './t9n-cf1c68d6.js';
+import { d as dayjs } from './calcite-input-time-picker.calcite-time-picker-34b7a5e4.js';
+import './index-c380df3d.js';
+import './form-553e2401.js';
+import './dom-0ce209ee.js';
+import './guid-eb322ca8.js';
+import './resources-450f79fd.js';
+import './interactive-0abc87c1.js';
+import './browser-16f56395.js';
+import './key-c189cfe7.js';
+import './label-4c68af4b.js';
+import './loadable-8215a0e9.js';
+import './locale-5bb13642.js';
+import './observers-d57467d9.js';
+import './focusTrapComponent-cbba6c19.js';
+import './t9n-42b29350.js';
 
 // Chinese (Hong Kong) [zh-hk]
 var locale = {

package/dist/esm/{zh-tw-d6533460.js → zh-tw-36641a05.js}

@@ -1,23 +1,23 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.0
+ * v1.5.0-next.2
  */
-import { d as dayjs } from './calcite-input-time-picker.calcite-time-picker-968a6eb7.js';
-import './index-0cc59071.js';
-import './form-02d276d0.js';
-import './dom-58eb88c2.js';
-import './guid-79d83636.js';
-import './resources-caf50912.js';
-import './interactive-abc9ac33.js';
-import './browser-b37774a4.js';
-import './key-e65a7736.js';
-import './label-2f1e6dd9.js';
-import './loadable-81762b29.js';
-import './locale-fe87a0fc.js';
-import './observers-46ea56e6.js';
-import './focusTrapComponent-bb71fcca.js';
-import './t9n-cf1c68d6.js';
+import { d as dayjs } from './calcite-input-time-picker.calcite-time-picker-34b7a5e4.js';
+import './index-c380df3d.js';
+import './form-553e2401.js';
+import './dom-0ce209ee.js';
+import './guid-eb322ca8.js';
+import './resources-450f79fd.js';
+import './interactive-0abc87c1.js';
+import './browser-16f56395.js';
+import './key-c189cfe7.js';
+import './label-4c68af4b.js';
+import './loadable-8215a0e9.js';
+import './locale-5bb13642.js';
+import './observers-d57467d9.js';
+import './focusTrapComponent-cbba6c19.js';
+import './t9n-42b29350.js';
 
 // Chinese (Taiwan) [zh-tw]
 var locale = {

package/dist/loader/cdn.js

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

package/dist/loader/index.cjs.js

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

package/dist/loader/index.es2017.js

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

package/dist/loader/index.js

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

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

@@ -6,7 +6,7 @@ import { OpenCloseComponent } from "../../utils/openCloseComponent";
 import { T9nComponent } from "../../utils/t9n";
 import { Kind, Scale } from "../interfaces";
 import { AlertMessages } from "./assets/alert/t9n";
-import { AlertDuration, Sync } from "./interfaces";
+import { AlertDuration, Sync, Unregister } from "./interfaces";
 /**
  * Alerts are meant to provide a way to communicate urgent or important information to users, frequently as a result of an action they took in your app. Alerts are positioned
  * at the bottom of the page. Multiple opened alerts will be added to a queue, allowing users to dismiss them in the order they are provided.
@@ -92,6 +92,7 @@ export declare class Alert implements OpenCloseComponent, LoadableComponent, T9n
   calciteInternalAlertRegister: EventEmitter<void>;
   alertSync(event: CustomEvent): void;
   alertRegister(): void;
+  alertUnregister(event: CustomEvent<Unregister>): void;
   /** Sets focus on the component's "close" button (the first focusable item). */
   setFocus(): Promise<void>;
   effectiveLocale: string;

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

@@ -2,3 +2,6 @@ export type AlertDuration = "fast" | "medium" | "slow";
 export interface Sync {
   queue: HTMLCalciteAlertElement[];
 }
+export interface Unregister {
+  alert: HTMLCalciteAlertElement;
+}

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

@@ -2,3 +2,7 @@ export declare const CSS: {
   scrim: string;
   content: string;
 };
+export declare const BREAKPOINTS: {
+  s: number;
+  l: number;
+};

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

@@ -2,6 +2,7 @@ import { VNode } from "../../stencil-public-runtime";
 import { LocalizedComponent } from "../../utils/locale";
 import { T9nComponent } from "../../utils/t9n";
 import { ScrimMessages } from "./assets/scrim/t9n";
+import { Scale } from "../interfaces";
 /**
  * @slot - A slot for adding custom content, primarily loading information.
  */
@@ -22,6 +23,9 @@ export declare class Scrim implements LocalizedComponent, T9nComponent {
   messageOverrides: Partial<ScrimMessages>;
   onMessagesChange(): void;
   el: HTMLCalciteScrimElement;
+  resizeObserver: ResizeObserver;
+  loaderEl: HTMLCalciteLoaderElement;
+  loaderScale: Scale;
   defaultMessages: ScrimMessages;
   effectiveLocale: string;
   effectiveLocaleChange(): void;
@@ -29,4 +33,7 @@ export declare class Scrim implements LocalizedComponent, T9nComponent {
   componentWillLoad(): Promise<void>;
   disconnectedCallback(): void;
   render(): VNode;
+  private storeLoaderEl;
+  private getScale;
+  private handleResize;
 }

package/hydrate/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.0
+ * v1.5.0-next.2
  */
 'use strict';
 
@@ -10384,7 +10384,7 @@ class Alert {
     };
     this.open = false;
     this.autoClose = false;
-    this.autoCloseDuration = this.autoClose ? "medium" : null;
+    this.autoCloseDuration = "medium";
     this.kind = "brand";
     this.icon = undefined;
     this.iconFlipRtl = false;
@@ -10448,6 +10448,9 @@ class Alert {
     setComponentLoaded(this);
   }
   disconnectedCallback() {
+    window.dispatchEvent(new CustomEvent("calciteInternalAlertUnregister", {
+      detail: { alert: this.el }
+    }));
     window.clearTimeout(this.autoCloseTimeoutId);
     window.clearTimeout(this.queueTimeout);
     disconnectOpenCloseComponent(this);
@@ -10499,6 +10502,14 @@ class Alert {
     this.calciteInternalAlertSync.emit({ queue: this.queue });
     this.determineActiveAlert();
   }
+  // Event is dispatched on the window because the element is not in the DOM so bubbling won't occur.
+  alertUnregister(event) {
+    const queue = this.queue.filter((el) => el !== event.detail.alert);
+    this.queue = queue;
+    window.dispatchEvent(new CustomEvent("calciteInternalAlertSync", {
+      detail: { queue }
+    }));
+  }
   //--------------------------------------------------------------------------
   //
   //  Public Methods
@@ -10588,7 +10599,7 @@ class Alert {
       "requestedIcon": [32],
       "setFocus": [64]
     },
-    "$listeners$": [[8, "calciteInternalAlertSync", "alertSync"], [8, "calciteInternalAlertRegister", "alertRegister"]],
+    "$listeners$": [[8, "calciteInternalAlertSync", "alertSync"], [8, "calciteInternalAlertRegister", "alertRegister"], [8, "calciteInternalAlertUnregister", "alertUnregister"]],
     "$lazyBundleId$": "-",
     "$attrsToReflect$": [["open", "open"], ["autoClose", "auto-close"], ["autoCloseDuration", "auto-close-duration"], ["kind", "kind"], ["icon", "icon"], ["iconFlipRtl", "icon-flip-rtl"], ["numberingSystem", "numbering-system"], ["placement", "placement"], ["scale", "scale"]]
   }; }
@@ -17238,7 +17249,7 @@ const arrow = options => ({
       [axis]: coords[axis] - alignmentOffset,
       data: {
         [axis]: offset,
-        centerOffset: center - offset
+        centerOffset: center - offset + alignmentOffset
       }
     };
   }
@@ -17762,7 +17773,13 @@ function isNode(value) {
   return value instanceof getWindow(value).Node;
 }
 function getNodeName(node) {
-  return isNode(node) ? (node.nodeName || '').toLowerCase() : '';
+  if (isNode(node)) {
+    return (node.nodeName || '').toLowerCase();
+  }
+  // Mocked nodes in testing environments may not be instances of Node. By
+  // returning `#document` an infinite loop won't occur.
+  // https://github.com/floating-ui/floating-ui/issues/2317
+  return '#document';
 }
 
 function isHTMLElement(value) {
@@ -17776,8 +17793,7 @@ function isShadowRoot(node) {
   if (typeof ShadowRoot === 'undefined') {
     return false;
   }
-  const OwnElement = getWindow(node).ShadowRoot;
-  return node instanceof OwnElement || node instanceof ShadowRoot;
+  return node instanceof getWindow(node).ShadowRoot || node instanceof ShadowRoot;
 }
 function isOverflowElement(element) {
   const {
@@ -17809,6 +17825,10 @@ function isLastTraversableNode(node) {
 const min = Math.min;
 const max = Math.max;
 const round = Math.round;
+const createEmptyCoords = v => ({
+  x: v,
+  y: v
+});
 
 function getCssDimensions(element) {
   const css = getComputedStyle$1(element);
@@ -17827,7 +17847,7 @@ function getCssDimensions(element) {
   return {
     width,
     height,
-    fallback: shouldFallback
+    $: shouldFallback
   };
 }
 
@@ -17835,23 +17855,19 @@ function unwrapElement(element) {
   return !isElement(element) ? element.contextElement : element;
 }
 
-const FALLBACK_SCALE = {
-  x: 1,
-  y: 1
-};
 function getScale(element) {
   const domElement = unwrapElement(element);
   if (!isHTMLElement(domElement)) {
-    return FALLBACK_SCALE;
+    return createEmptyCoords(1);
   }
   const rect = domElement.getBoundingClientRect();
   const {
     width,
     height,
-    fallback
+    $
   } = getCssDimensions(domElement);
-  let x = (fallback ? round(rect.width) : rect.width) / width;
-  let y = (fallback ? round(rect.height) : rect.height) / height;
+  let x = ($ ? round(rect.width) : rect.width) / width;
+  let y = ($ ? round(rect.height) : rect.height) / height;
 
   // 0, NaN, or Infinity should always fallback to 1.
 
@@ -17867,10 +17883,7 @@ function getScale(element) {
   };
 }
 
-const noOffsets = {
-  x: 0,
-  y: 0
-};
+const noOffsets = /*#__PURE__*/createEmptyCoords(0);
 function getVisualOffsets(element, isFixed, floatingOffsetParent) {
   var _win$visualViewport, _win$visualViewport2;
   if (isFixed === void 0) {
@@ -17898,7 +17911,7 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
   }
   const clientRect = element.getBoundingClientRect();
   const domElement = unwrapElement(element);
-  let scale = FALLBACK_SCALE;
+  let scale = createEmptyCoords(1);
   if (includeScale) {
     if (offsetParent) {
       if (isElement(offsetParent)) {
@@ -17921,14 +17934,14 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
       const iframeScale = getScale(currentIFrame);
       const iframeRect = currentIFrame.getBoundingClientRect();
       const css = getComputedStyle(currentIFrame);
-      iframeRect.x += (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
-      iframeRect.y += (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
+      const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
+      const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
       x *= iframeScale.x;
       y *= iframeScale.y;
       width *= iframeScale.x;
       height *= iframeScale.y;
-      x += iframeRect.x;
-      y += iframeRect.y;
+      x += left;
+      y += top;
       currentIFrame = getWindow(currentIFrame).frameElement;
     }
   }
@@ -17972,14 +17985,8 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
     scrollLeft: 0,
     scrollTop: 0
   };
-  let scale = {
-    x: 1,
-    y: 1
-  };
-  const offsets = {
-    x: 0,
-    y: 0
-  };
+  let scale = createEmptyCoords(1);
+  const offsets = createEmptyCoords(0);
   if (isOffsetParentAnElement || !isOffsetParentAnElement && strategy !== 'fixed') {
     if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
       scroll = getNodeScroll(offsetParent);
@@ -18045,9 +18052,7 @@ function getParentNode(node) {
 function getNearestOverflowAncestor(node) {
   const parentNode = getParentNode(node);
   if (isLastTraversableNode(parentNode)) {
-    // `getParentNode` will never return a `Document` due to the fallback
-    // check, so it's either the <html> or <body> element.
-    return parentNode.ownerDocument.body;
+    return node.ownerDocument ? node.ownerDocument.body : node.body;
   }
   if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {
     return parentNode;
@@ -18099,10 +18104,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) : {
-    x: 1,
-    y: 1
-  };
+  const scale = isHTMLElement(element) ? getScale(element) : createEmptyCoords(1);
   const width = element.clientWidth * scale.x;
   const height = element.clientHeight * scale.y;
   const x = left * scale.x;
@@ -18253,10 +18255,7 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const offsets = {
-    x: 0,
-    y: 0
-  };
+  const offsets = createEmptyCoords(0);
   if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
     if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
       scroll = getNodeScroll(offsetParent);
@@ -32272,6 +32271,11 @@ const CSS$j = {
   scrim: "scrim",
   content: "content"
 };
+const BREAKPOINTS = {
+  s: 72,
+  // medium is assumed default.
+  l: 480 // Greater than or equal to 480px.
+};
 
 const scrimCss = "@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*/.sc-calcite-scrim:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}/*!@.calcite-animate*/.calcite-animate.sc-calcite-scrim{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-scrim{animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-scrim{animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-scrim{animation-name:in-up}/*!@.calcite-animate__in-right*/.calcite-animate__in-right.sc-calcite-scrim{animation-name:in-right}/*!@.calcite-animate__in-left*/.calcite-animate__in-left.sc-calcite-scrim{animation-name:in-left}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-scrim{animation-name:in-scale}@media (prefers-reduced-motion: reduce){/*!@:root*/.sc-calcite-scrim:root{--calcite-internal-duration-factor:0.01}}/*!@:root*/.sc-calcite-scrim:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown)}/*!@:host([hidden])*/[hidden].sc-calcite-scrim-h{display:none}/*!@:host*/.sc-calcite-scrim-h{position:absolute;inset:0px;z-index:var(--calcite-app-z-index-overlay);display:flex;block-size:100%;inline-size:100%;flex-direction:column;align-items:stretch}@keyframes calcite-scrim-fade-in{0%{--tw-bg-opacity:0}100%{--tw-text-opacity:1}}/*!@.scrim*/.scrim.sc-calcite-scrim{position:absolute;inset:0px;display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;overflow:hidden;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-scrim-background, var(--calcite-scrim-background-internal))}/*!@.content*/.content.sc-calcite-scrim{padding:1rem}";
 
@@ -32281,9 +32285,20 @@ const scrimCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{
 class Scrim {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.resizeObserver = createObserver();
+    // --------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    // --------------------------------------------------------------------------
+    this.storeLoaderEl = (el) => {
+      this.loaderEl = el;
+      this.handleResize();
+    };
     this.loading = false;
     this.messages = undefined;
     this.messageOverrides = undefined;
+    this.loaderScale = undefined;
     this.defaultMessages = undefined;
     this.effectiveLocale = "";
   }
@@ -32317,10 +32332,28 @@ class Scrim {
   render() {
     const { el, loading, messages } = this;
     const hasContent = el.innerHTML.trim().length > 0;
-    const loaderNode = loading ? hAsync("calcite-loader", { label: messages.loading }) : null;
+    const loaderNode = loading ? (hAsync("calcite-loader", { label: messages.loading, ref: this.storeLoaderEl, scale: this.loaderScale })) : null;
     const contentNode = hasContent ? (hAsync("div", { class: CSS$j.content }, hAsync("slot", null))) : null;
     return (hAsync("div", { class: CSS$j.scrim }, loaderNode, contentNode));
   }
+  getScale(size) {
+    if (size < BREAKPOINTS.s) {
+      return "s";
+    }
+    else if (size >= BREAKPOINTS.l) {
+      return "l";
+    }
+    else {
+      return "m";
+    }
+  }
+  handleResize() {
+    const { loaderEl, el } = this;
+    if (!loaderEl) {
+      return;
+    }
+    this.loaderScale = this.getScale(Math.min(el.clientHeight, el.clientWidth) ?? 0);
+  }
   static get assetsDirs() { return ["assets"]; }
   get el() { return getElement(this); }
   static get watchers() { return {
@@ -32335,6 +32368,7 @@ class Scrim {
       "loading": [516],
       "messages": [1040],
       "messageOverrides": [1040],
+      "loaderScale": [32],
       "defaultMessages": [32],
       "effectiveLocale": [32]
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "1.5.0-next.1",
+  "version": "1.5.0-next.3",
   "description": "Web Components for Esri's Calcite Design System.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -59,7 +59,7 @@
     "url": "git+https://github.com/Esri/calcite-components.git"
   },
   "dependencies": {
-    "@floating-ui/dom": "1.3.0",
+    "@floating-ui/dom": "1.4.1",
     "@stencil/core": "2.22.3",
     "@types/color": "3.0.3",
     "color": "4.2.3",
@@ -83,5 +83,5 @@
   "volta": {
     "extends": "../../package.json"
   },
-  "gitHead": "acebe4674b413f326ec5cd2a6de24889c42ea50e"
+  "gitHead": "c2eb43ff3de88aaffb5ec659388c20938df04f07"
 }

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

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.0
- */
-import{r as i,c as a,h as t,F as e,a as n}from"./p-5cf5338b.js";import{c,d as r}from"./p-bf760e9c.js";import{g as o,b as s,t as l}from"./p-ee5f9240.js";import{c as m,d}from"./p-21e1e0fe.js";import{u as h,c as p,s as f,d as g}from"./p-e48c3b57.js";import{H as u,c as v}from"./p-a7f54606.js";import{c as x}from"./p-43304d41.js";import"./p-fbf61236.js";import"./p-28ccea27.js";import"./p-00268826.js";const y="thumbnail",b=class{constructor(t){i(this,t),this.calciteTipDismiss=a(this,"calciteTipDismiss",6),this.hideTip=()=>{this.closed=!0,this.calciteTipDismiss.emit()},this.closed=!1,this.closeDisabled=!1,this.heading=void 0,this.headingLevel=void 0,this.selected=!1,this.messages=void 0,this.messageOverrides=void 0,this.defaultMessages=void 0,this.effectiveLocale=""}onMessagesChange(){}effectiveLocaleChange(){h(this,this.effectiveLocale)}connectedCallback(){c(this),m(this),p(this)}async componentWillLoad(){await f(this)}disconnectedCallback(){r(this),d(this),g(this)}renderHeader(){const{heading:i,headingLevel:a,el:e}=this,n=e.closest("calcite-tip-manager")?.headingLevel,c=n?v(n+1):null;return i?t("header",{class:"header"},t(u,{class:"heading",level:a||c},i)):null}renderDismissButton(){const{closeDisabled:i,hideTip:a}=this;return i?null:t("calcite-action",{class:"close",icon:"x",onClick:a,scale:"l",text:this.messages.close})}renderImageFrame(){const{el:i}=this;return o(i,y)?t("div",{class:"image-frame",key:"thumbnail"},t("slot",{name:y})):null}renderInfoNode(){return t("div",{class:"info"},t("slot",null))}renderContent(){return t("div",{class:"content"},this.renderImageFrame(),this.renderInfoNode())}render(){return t(e,null,t("article",{class:"container"},this.renderHeader(),this.renderContent()),this.renderDismissButton())}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};b.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{position:relative;margin:1rem;box-sizing:border-box;display:flex;flex-direction:row;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2)}:host *{box-sizing:border-box}.container{inline-size:100%;padding:1rem}:host([closed]),:host([closed]) .container{display:none}:host([selected]) .container{margin:0px;border-style:none;padding:0px}.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{margin-block-end:0.5rem}.header .heading{padding:0px;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-ui-text-1)}.container[hidden]{display:none}.content{display:flex}.info{padding-block:0px;padding-inline:1rem;inline-size:70%}.info:only-child{inline-size:100%;padding-inline:0px}::slotted(p){margin-block-start:0px}::slotted(a){outline-color:transparent;color:var(--calcite-ui-brand)}::slotted(a: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          )}.image-frame{inline-size:25%}.image-frame img{max-inline-size:100%}::slotted(img){max-inline-size:100%}";const k=class{constructor(a){i(this,a),this.groupTitle=void 0}render(){return t("slot",null)}};k.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-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);line-height:1rem;color:var(--calcite-ui-text-2)}::slotted(calcite-tip){margin:0px;border-style:none;max-inline-size:var(--calcite-tip-max-width)}";const w="chevron-left",_="chevron-right",D=class{constructor(t){i(this,t),this.calciteTipManagerClose=a(this,"calciteTipManagerClose",6),this.mutationObserver=x("mutation",(()=>this.setUpTips())),this.hideTipManager=()=>{this.closed=!0,this.calciteTipManagerClose.emit()},this.previousClicked=()=>{this.previousTip()},this.nextClicked=()=>{this.nextTip()},this.tipManagerKeyDownHandler=i=>{if(i.target===this.container)switch(i.key){case"ArrowRight":i.preventDefault(),this.nextTip();break;case"ArrowLeft":i.preventDefault(),this.previousTip();break;case"Home":i.preventDefault(),this.selectedIndex=0;break;case"End":i.preventDefault(),this.selectedIndex=this.total-1}},this.storeContainerRef=i=>{this.container=i},this.closed=!1,this.headingLevel=void 0,this.messages=void 0,this.messageOverrides=void 0,this.selectedIndex=void 0,this.tips=void 0,this.total=void 0,this.direction=void 0,this.groupTitle=void 0,this.defaultMessages=void 0,this.effectiveLocale=""}closedChangeHandler(){this.direction=null}onMessagesChange(){}selectedChangeHandler(){this.showSelectedTip(),this.updateGroupTitle()}async effectiveLocaleChange(){await h(this,this.effectiveLocale),this.updateGroupTitle()}connectedCallback(){m(this),p(this),this.setUpTips(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}async componentWillLoad(){await f(this),this.updateGroupTitle()}disconnectedCallback(){this.mutationObserver?.disconnect(),d(this),g(this)}async nextTip(){this.direction="advancing",this.selectedIndex=(this.selectedIndex+1+this.total)%this.total}async previousTip(){this.direction="retreating",this.selectedIndex=(this.selectedIndex-1+this.total)%this.total}setUpTips(){const i=Array.from(this.el.querySelectorAll("calcite-tip"));if(this.total=i.length,0===this.total)return;const a=this.el.querySelector("calcite-tip[selected]");this.tips=i,this.selectedIndex=a?i.indexOf(a):0,i.forEach((i=>{i.closeDisabled=!0})),this.showSelectedTip()}showSelectedTip(){this.tips.forEach(((i,a)=>{const t=this.selectedIndex===a;i.selected=t,i.hidden=!t}))}updateGroupTitle(){if(this.tips){const i=this.tips[this.selectedIndex].closest("calcite-tip-group");this.groupTitle=i?.groupTitle||this.messages?.defaultGroupTitle}}renderPagination(){const i=s(this.el),{selectedIndex:a,tips:e,total:n,messages:c}=this,r=c.next,o=c.defaultPaginationLabel;return e.length>1?t("footer",{class:"pagination"},t("calcite-action",{class:"page-previous",icon:"ltr"===i?w:_,onClick:this.previousClicked,scale:"m",text:c.previous}),t("span",{class:"page-position"},`${o} ${a+1}/${n}`),t("calcite-action",{class:"page-next",icon:"ltr"===i?_:w,onClick:this.nextClicked,scale:"m",text:r})):null}render(){const{closed:i,direction:a,headingLevel:e,groupTitle:n,selectedIndex:c,messages:r,total:o}=this,s=r.close;return 0===o?null:t("section",{"aria-hidden":l(i),class:"container",hidden:i,onKeyDown:this.tipManagerKeyDownHandler,tabIndex:0,ref:this.storeContainerRef},t("header",{class:"header"},t(u,{class:"heading",level:e},n),t("calcite-action",{class:"close",onClick:this.hideTipManager,scale:"m",text:s},t("calcite-icon",{icon:"x",scale:"m"}))),t("div",{class:{"tip-container":!0,"tip-container--advancing":!i&&"advancing"===a,"tip-container--retreating":!i&&"retreating"===a},key:c,tabIndex:0},t("slot",null)),this.renderPagination())}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{closed:["closedChangeHandler"],messageOverrides:["onMessagesChange"],selectedIndex:["selectedChangeHandler"],effectiveLocale:["effectiveLocaleChange"]}}};D.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);line-height:1rem;color:var(--calcite-ui-text-2);--calcite-tip-manager-height:19vh}:host *{box-sizing:border-box}:host([closed]){display:none}.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{border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-block:0px;padding-inline-end:0px;padding-inline-start:1rem}.header .heading{padding:0px;font-size:var(--calcite-font-size-1);line-height:1.5rem;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-1)}.container{position:relative;overflow:hidden;outline-color:transparent;min-block-size:150px}.container: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          )}.tip-container{margin-block-start:1px;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:1rem;outline-color:transparent;animation-name:none;animation-duration:var(--calcite-animation-timing);block-size:var(--calcite-tip-manager-height)}.tip-container: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          )}::slotted(calcite-tip){margin:0px;border-style:none;max-inline-size:var(--calcite-tip-max-width)}.tip-container--advancing{animation-name:tip-advance}.tip-container--retreating{animation-name:tip-retreat}.pagination{display:flex;align-items:center;justify-content:center;padding-inline:0px;padding-block:0.75rem 0.5rem}.page-position{margin-block:0px;margin-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}@keyframes tip-advance{0%{opacity:0;transform:translate3d(50px, 0, 0) scale(0.99)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}@keyframes tip-retreat{0%{opacity:0;transform:translate3d(-50px, 0, 0) scale(0.99)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}";export{b as calcite_tip,k as calcite_tip_group,D as calcite_tip_manager}

package/dist/calcite/p-40cc2b47.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.0
- */
-import{r as t,c as e,h as i,F as a,a as n}from"./p-5cf5338b.js";import{s as o,p as s,t as r}from"./p-ee5f9240.js";import{c,u as l,d}from"./p-9498534e.js";import{s as h,a as m,c as p}from"./p-ca58aafd.js";import{c as f}from"./p-43304d41.js";import{S as u}from"./p-42c01cc6.js";import{H as g}from"./p-a7f54606.js";import{S as b,C as x,I as v}from"./p-5170d9dd.js";import{c as y,d as k}from"./p-21e1e0fe.js";import{c as z,s as w,d as S,u as j}from"./p-e48c3b57.js";import"./p-fbf61236.js";import"./p-28ccea27.js";import"./p-d107d30f.js";import"./p-00268826.js";const C=class{constructor(i){t(this,i),this.calcitePanelClose=e(this,"calcitePanelClose",6),this.calcitePanelScroll=e(this,"calcitePanelScroll",6),this.resizeObserver=f("resize",(()=>this.resizeHandler())),this.resizeHandler=()=>{const{panelScrollEl:t}=this;t&&"number"==typeof t.scrollHeight&&"number"==typeof t.offsetHeight&&(t.tabIndex=t.scrollHeight>t.offsetHeight?0:-1)},this.setContainerRef=t=>{this.containerEl=t},this.setCloseRef=t=>{this.closeButtonEl=t},this.setBackRef=t=>{this.backButtonEl=t},this.panelKeyDownHandler=t=>{this.closable&&"Escape"===t.key&&!t.defaultPrevented&&(this.close(),t.preventDefault())},this.close=()=>{this.closed=!0,this.calcitePanelClose.emit()},this.panelScrollHandler=()=>{this.calcitePanelScroll.emit()},this.handleHeaderActionsStartSlotChange=t=>{const e=t.target.assignedElements({flatten:!0});this.hasStartActions=!!e.length},this.handleHeaderActionsEndSlotChange=t=>{const e=t.target.assignedElements({flatten:!0});this.hasEndActions=!!e.length},this.handleHeaderMenuActionsSlotChange=t=>{const e=t.target.assignedElements({flatten:!0});this.hasMenuItems=!!e.length},this.handleActionBarSlotChange=t=>{const e=o(t).filter((t=>t?.matches("calcite-action-bar")));e.forEach((t=>t.layout="horizontal")),this.hasActionBar=!!e.length},this.handleHeaderContentSlotChange=t=>{const e=t.target.assignedElements({flatten:!0});this.hasHeaderContent=!!e.length},this.handleFooterSlotChange=t=>{const e=t.target.assignedElements({flatten:!0});this.hasFooterContent=!!e.length},this.handleFooterActionsSlotChange=t=>{const e=t.target.assignedElements({flatten:!0});this.hasFooterActions=!!e.length},this.handleFabSlotChange=t=>{const e=t.target.assignedElements({flatten:!0});this.hasFab=!!e.length},this.setPanelScrollEl=t=>{this.panelScrollEl=t,this.resizeObserver?.disconnect(),t&&(this.resizeObserver?.observe(t),this.resizeHandler())},this.closed=!1,this.disabled=!1,this.closable=!1,this.headingLevel=void 0,this.loading=!1,this.heading=void 0,this.description=void 0,this.menuOpen=!1,this.messageOverrides=void 0,this.messages=void 0,this.hasStartActions=!1,this.hasEndActions=!1,this.hasMenuItems=!1,this.hasHeaderContent=!1,this.hasActionBar=!1,this.hasFooterContent=!1,this.hasFooterActions=!1,this.hasFab=!1,this.defaultMessages=void 0,this.effectiveLocale=""}onMessagesChange(){}connectedCallback(){c(this),y(this),z(this)}async componentWillLoad(){h(this),await w(this)}componentDidLoad(){m(this)}componentDidRender(){l(this)}disconnectedCallback(){d(this),k(this),S(this),this.resizeObserver?.disconnect()}effectiveLocaleChange(){j(this,this.effectiveLocale)}async setFocus(){await p(this),s(this.containerEl)}async scrollContentTo(t){this.panelScrollEl?.scrollTo(t)}renderHeaderContent(){const{heading:t,headingLevel:e,description:a,hasHeaderContent:n}=this,o=t?i(g,{class:x.heading,level:e},t):null,s=a?i("span",{class:x.description},a):null;return n||!o&&!s?null:i("div",{class:x.headerContent,key:"header-content"},o,s)}renderActionBar(){return i("div",{class:x.actionBarContainer,hidden:!this.hasActionBar},i("slot",{name:b.actionBar,onSlotchange:this.handleActionBarSlotChange}))}renderHeaderSlottedContent(){return i("div",{class:x.headerContent,hidden:!this.hasHeaderContent,key:"slotted-header-content"},i("slot",{name:b.headerContent,onSlotchange:this.handleHeaderContentSlotChange}))}renderHeaderStartActions(){const{hasStartActions:t}=this;return i("div",{class:{[x.headerActionsStart]:!0,[x.headerActions]:!0},hidden:!t,key:"header-actions-start"},i("slot",{name:b.headerActionsStart,onSlotchange:this.handleHeaderActionsStartSlotChange}))}renderHeaderActionsEnd(){const{close:t,hasEndActions:e,messages:a,closable:n,hasMenuItems:o}=this,s=a.close,r=n?i("calcite-action",{"aria-label":s,"data-test":"close",icon:v.close,onClick:t,text:s,ref:this.setCloseRef}):null,c=i("slot",{name:b.headerActionsEnd,onSlotchange:this.handleHeaderActionsEndSlotChange});return i("div",{class:{[x.headerActionsEnd]:!0,[x.headerActions]:!0},hidden:!(e||r||o),key:"header-actions-end"},c,this.renderMenu(),r)}renderMenu(){const{hasMenuItems:t,messages:e,menuOpen:a}=this;return i("calcite-action-menu",{flipPlacements:["top","bottom"],hidden:!t,key:"menu",label:e.options,open:a,placement:"bottom-end"},i("calcite-action",{icon:v.menu,slot:u.trigger,text:e.options}),i("slot",{name:b.headerMenuActions,onSlotchange:this.handleHeaderMenuActionsSlotChange}))}renderHeaderNode(){const{hasHeaderContent:t,hasStartActions:e,hasEndActions:a,closable:n,hasMenuItems:o}=this,s=this.renderHeaderContent();return i("header",{class:x.header,hidden:!(t||s||e||a||n||o)},this.renderHeaderStartActions(),this.renderHeaderSlottedContent(),s,this.renderHeaderActionsEnd())}renderFooterNode(){const{hasFooterContent:t,hasFooterActions:e}=this;return i("footer",{class:x.footer,hidden:!(t||e)},i("slot",{key:"footer-slot",name:b.footer,onSlotchange:this.handleFooterSlotChange}),i("slot",{key:"footer-actions-slot",name:b.footerActions,onSlotchange:this.handleFooterActionsSlotChange}))}renderContent(){const{hasFab:t}=this,e=i("slot",{key:"default-slot"}),a=t?i("section",{class:x.contentContainer},e):e;return i("div",{class:{[x.contentWrapper]:!0,[x.contentContainer]:!t,[x.contentHeight]:t},onScroll:this.panelScrollHandler,ref:this.setPanelScrollEl},a,this.renderFab())}renderFab(){return i("div",{class:x.fabContainer,hidden:!this.hasFab},i("slot",{name:b.fab,onSlotchange:this.handleFabSlotChange}))}render(){const{loading:t,panelKeyDownHandler:e,closed:n,closable:o}=this,s=i("article",{"aria-busy":r(t),class:x.container,hidden:n,onKeyDown:e,tabIndex:o?0:-1,ref:this.setContainerRef},this.renderHeaderNode(),this.renderActionBar(),this.renderContent(),this.renderFooterNode());return i(a,null,t?i("calcite-scrim",{loading:t}):null,s)}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};C.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-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}: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:flex;block-size:100%;inline-size:100%;flex:1 1 auto;overflow:hidden;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3);--calcite-panel-footer-padding:0.5rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.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}.container{margin:0px;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;background-color:var(--calcite-ui-background);padding:0px;transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing)}.container[hidden]{display:none}.header{border-block-end:1px solid;z-index:var(--calcite-app-z-index-header);inline-size:100%;align-items:stretch;justify-content:flex-start;background-color:var(--calcite-ui-foreground-1);border-block-end-color:var(--calcite-ui-border-3);flex:0 0 auto}.action-bar-container{border-block-end:1px solid;z-index:var(--calcite-app-z-index-header);inline-size:100%;border-block-end-color:var(--calcite-ui-border-3)}.action-bar-container ::slotted(calcite-action-bar){inline-size:100%}.header-content{display:flex;flex-direction:column;overflow:hidden;padding-inline:0.75rem;padding-block:0.875rem;margin-inline-end:auto}.header-content .heading,.header-content .description{display:block;overflow-wrap:break-word;padding:0px}.header-content .heading{margin-inline:0px;margin-block:0px 0.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-medium)}.header-content .heading:only-child{margin-block-end:0px}.header-content .description{font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2)}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3);border-inline-end-width:1px}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch}.header-actions--end{margin-inline-start:auto}.content-wrapper{overflow:auto}.content-height{block-size:100%}.content-container{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;background-color:var(--calcite-ui-background)}.footer{border-block-start:1px solid;display:flex;inline-size:100%;justify-content:space-evenly;background-color:var(--calcite-ui-foreground-1);border-block-start-color:var(--calcite-ui-border-3);flex:0 0 auto;padding:var(--calcite-panel-footer-padding)}.fab-container{position:sticky;inset-block-end:0px;z-index:var(--calcite-app-z-index-sticky);margin-block:0px;margin-inline:auto;display:block;padding:0.5rem;inset-inline:0;inline-size:-moz-fit-content;inline-size:fit-content}[hidden]{display:none}";export{C as calcite_panel}

package/dist/calcite/p-41f1d4c6.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.0
- */
-import{r as t,c as a,h as i,H as e,a as o}from"./p-5cf5338b.js";import{c as n,d as s}from"./p-bf760e9c.js";import{s as c,g as r}from"./p-ee5f9240.js";import{a as l,s as d,c as h}from"./p-ca58aafd.js";import{c as p,d as m}from"./p-21e1e0fe.js";import{c as f}from"./p-43304d41.js";import{u,c as g,s as x,d as y}from"./p-e48c3b57.js";import{t as b,o as v,q as w,g as D,a as j,E as _,b as z}from"./p-5ecdf83b.js";import{d as k}from"./p-a6a3c0e5.js";import"./p-fbf61236.js";import"./p-28ccea27.js";import"./p-00268826.js";import"./p-d3cf4561.js";import"./p-42c01cc6.js";const C="bottom-actions",H="expand-tooltip",A=class{constructor(i){t(this,i),this.calciteActionBarToggle=a(this,"calciteActionBarToggle",6),this.mutationObserver=f("mutation",(()=>{const{el:t,expanded:a}=this;b({el:t,expanded:a}),this.overflowActions()})),this.resizeObserver=f("resize",(t=>this.resizeHandlerEntries(t))),this.actionMenuOpenHandler=t=>{if(t.target.menuOpen){const a=t.composedPath();Array.from(this.el.querySelectorAll("calcite-action-group")).forEach((t=>{a.includes(t)||(t.menuOpen=!1)}))}},this.resizeHandlerEntries=t=>{t.forEach(this.resizeHandler)},this.resizeHandler=t=>{const{width:a,height:i}=t.contentRect;this.resize({width:a,height:i})},this.resize=k((({width:t,height:a})=>{const{el:i,expanded:e,expandDisabled:o,layout:n,overflowActionsDisabled:s}=this;if(s||"vertical"===n&&!a||"horizontal"===n&&!t)return;const c=w(i),l=o?c.length:c.length+1,d=Array.from(i.querySelectorAll("calcite-action-group"));this.setGroupLayout(d);const h=r(i,C)||!o?d.length+1:d.length,{actionHeight:p,actionWidth:m}=D(c),f=z({layout:n,actionCount:l,actionHeight:p,actionWidth:m,height:a,width:t,groupCount:h});j({actionGroups:d,expanded:e,overflowCount:f})}),v),this.toggleExpand=()=>{this.expanded=!this.expanded,this.calciteActionBarToggle.emit()},this.setExpandToggleRef=t=>{this.expandToggleEl=t},this.handleDefaultSlotChange=t=>{const a=c(t).filter((t=>t?.matches("calcite-action-group")));this.setGroupLayout(a)},this.expandDisabled=!1,this.expanded=!1,this.layout="vertical",this.overflowActionsDisabled=!1,this.position=void 0,this.scale=void 0,this.messages=void 0,this.messageOverrides=void 0,this.effectiveLocale=void 0,this.defaultMessages=void 0}expandHandler(){this.overflowActions()}expandedHandler(){const{el:t,expanded:a}=this;b({el:t,expanded:a}),this.overflowActions()}layoutHandler(){this.updateGroups()}overflowDisabledHandler(t){t?this.resizeObserver.disconnect():this.resizeObserver.observe(this.el)}onMessagesChange(){}effectiveLocaleChange(){u(this,this.effectiveLocale)}componentDidLoad(){const{el:t,expanded:a}=this;l(this),b({el:t,expanded:a}),this.overflowActions()}connectedCallback(){const{el:t,expanded:a}=this;p(this),g(this),b({el:t,expanded:a}),this.mutationObserver?.observe(t,{childList:!0,subtree:!0}),this.overflowActionsDisabled||this.resizeObserver?.observe(t),this.overflowActions(),n(this)}async componentWillLoad(){d(this),await x(this)}disconnectedCallback(){this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect(),s(this),m(this),y(this)}async overflowActions(){this.resize({width:this.el.clientWidth,height:this.el.clientHeight})}async setFocus(){await h(this),this.el?.focus()}updateGroups(){this.setGroupLayout(Array.from(this.el.querySelectorAll("calcite-action-group")))}setGroupLayout(t){t.forEach((t=>t.layout=this.layout))}renderBottomActionGroup(){const{expanded:t,expandDisabled:a,el:e,position:o,toggleExpand:n,scale:s,layout:c,messages:l}=this,d=r(e,H),h=a?null:i(_,{el:e,expanded:t,intlCollapse:l.collapse,intlExpand:l.expand,position:o,scale:s,toggle:n,tooltip:d,ref:this.setExpandToggleRef});return r(e,C)||h?i("calcite-action-group",{class:"action-group--bottom",layout:c,scale:s},i("slot",{name:C}),i("slot",{name:H}),h):null}render(){return i(e,{onCalciteActionMenuOpen:this.actionMenuOpenHandler},i("slot",{onSlotchange:this.handleDefaultSlotChange}),this.renderBottomActionGroup())}static get delegatesFocus(){return!0}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{expandDisabled:["expandHandler"],expanded:["expandedHandler"],layout:["layoutHandler"],overflowActionsDisabled:["overflowDisabledHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};A.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}: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{pointer-events:auto;display:inline-flex;align-self:stretch;--calcite-action-bar-expanded-max-width:auto}:host([layout=vertical]){flex-direction:column}:host([layout=horizontal]){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-block-end:1px solid var(--calcite-ui-border-3)}:host([layout=horizontal]) ::slotted(calcite-action-group){border-block-end:0;border-inline-end:1px solid var(--calcite-ui-border-3)}:host([layout=horizontal][expand-disabled]) ::slotted(calcite-action-group:last-of-type){border-inline-end:0}::slotted(calcite-action-group:last-child){border-block-end:0;border-inline-end:0}.action-group--bottom{flex-grow:1;justify-content:flex-end}";export{A as calcite_action_bar}