@esri/solutions-components 0.2.2 → 0.2.4

package/dist/solutions-components/p-2ff754ce.entry.js

@@ -1,257 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, f as forceUpdate } from './p-58c69df2.js';
-import { c as createObserver } from './p-9a9955db.js';
-import { u as updateHostInteraction } from './p-7daea1df.js';
-import { t as toAriaBoolean } from './p-32a67cb2.js';
-import { g as guid } from './p-a80b3880.js';
-import './p-729708a3.js';
-
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.97
- */
-const CSS = {
-  button: "button",
-  buttonTextVisible: "button--text-visible",
-  buttonCompact: "button--compact",
-  iconContainer: "icon-container",
-  slotContainer: "slot-container",
-  slotContainerHidden: "slot-container--hidden",
-  textContainer: "text-container",
-  textContainerVisible: "text-container--visible"
-};
-const TEXT = {
-  loading: "Loading"
-};
-const SLOTS = {
-  tooltip: "tooltip"
-};
-
-const actionCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:host{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)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:flex;background-color:transparent;--calcite-action-indicator-color:var(--calcite-ui-brand)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.button{position:relative;margin:0px;display:flex;inline-size:auto;cursor:pointer;align-items:center;justify-content:flex-start;border-style:none;background-color:var(--calcite-ui-foreground-1);fill:var(--calcite-ui-text-3);font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-3);outline-color:transparent;text-align:unset;flex:1 0 auto}.button:hover{background-color:var(--calcite-ui-foreground-2);fill:var(--calcite-ui-text-1);color:var(--calcite-ui-text-1)}.button:focus{background-color:var(--calcite-ui-foreground-2);fill:var(--calcite-ui-text-1);color:var(--calcite-ui-text-1);outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.button:active{background-color:var(--calcite-ui-foreground-3)}.button .icon-container{pointer-events:none;margin:0px;display:flex;align-items:center;justify-content:center;min-inline-size:1rem;min-block-size:1rem}.button .text-container{margin:0px;inline-size:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5rem;opacity:0;transition-property:opacity;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-property:margin;transition-property:inline-size}.button .text-container--visible{inline-size:auto;flex:1 1 auto;opacity:1}:host([scale=s]) .button{padding-inline:0.5rem;padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=s]) .button--text-visible .icon-container{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host([scale=m]) .button{padding-inline:1rem;padding-block:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=m]) .button--text-visible .icon-container{-webkit-margin-end:0.75rem;margin-inline-end:0.75rem}:host([scale=l]) .button{padding:1.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=l]) .button--text-visible .icon-container{-webkit-margin-end:1rem;margin-inline-end:1rem}:host([alignment=center]) .button{justify-content:center}:host([alignment=end]) .button{justify-content:flex-end}:host([alignment=center]) .button .text-container--visible,:host([alignment=end]) .button .text-container--visible{flex:0 1 auto}:host([scale=s][compact]) .button,:host([scale=m][compact]) .button,:host([scale=l][compact]) .button{padding-inline:0px}.slot-container{display:flex}.slot-container--hidden{display:none}.button--text-visible{inline-size:100%}:host([active]) .button,:host([active]) .button:hover,:host([active]) .button:focus,:host([active][loading]) .button{background-color:var(--calcite-ui-foreground-3);fill:var(--calcite-ui-text-1);color:var(--calcite-ui-text-1)}:host([active]) .button:active{background-color:var(--calcite-ui-foreground-1)}:host([appearance=clear]) .button,:host([appearance=transparent]) .button{background-color:transparent;transition-property:box-shadow;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host([appearance=clear]) .button:hover,:host([appearance=clear]) .button:focus,:host([appearance=transparent]) .button:hover,:host([appearance=transparent]) .button:focus{background-color:transparent;box-shadow:0 0 0 2px var(--calcite-ui-border-1) inset}:host([active][appearance=clear]) .button,:host([active][appearance=clear]) .button:hover,:host([active][appearance=clear]) .button:focus,:host([active][appearance=transparent]) .button,:host([active][appearance=transparent]) .button:hover,:host([active][appearance=transparent]) .button:focus{background-color:var(--calcite-ui-foreground-3);fill:var(--calcite-ui-text-1);color:var(--calcite-ui-text-1)}:host([appearance=clear][loading]) .button,:host([appearance=clear][disabled]) .button,:host([appearance=transparent][loading]) .button,:host([appearance=transparent][disabled]) .button{background-color:transparent}:host([loading]) .button,:host([loading]) .button:hover,:host([loading]) .button:focus{background-color:var(--calcite-ui-foreground-1)}:host([loading]) .button .text-container,:host([loading]) .button:hover .text-container,:host([loading]) .button:focus .text-container{opacity:var(--calcite-ui-opacity-disabled)}:host([loading]) calcite-loader[inline]{color:var(--calcite-ui-text-3);-webkit-margin-end:0px;margin-inline-end:0px}:host([disabled]) .button,:host([disabled]) .button:hover,:host([disabled]) .button:focus{cursor:default;background-color:var(--calcite-ui-foreground-1);opacity:var(--calcite-ui-opacity-disabled)}:host([disabled][active]) .button,:host([disabled][active]) .button:hover,:host([disabled][active]) .button:focus{background-color:var(--calcite-ui-foreground-3);opacity:var(--calcite-ui-opacity-disabled)}:host([indicator]) .button::after{content:\"\";position:absolute;block-size:0.5rem;inline-size:0.5rem;border-radius:9999px;border-width:2px;background-color:var(--calcite-action-indicator-color);border-color:var(--calcite-ui-foreground-1);inset-block-end:0.75rem;inset-inline-end:0.75rem}:host([indicator]) .button--text-visible::after{inset-block-end:auto}:host([indicator]) .button--text-visible .text-container--visible{-webkit-margin-end:1rem;margin-inline-end:1rem}:host([indicator]) .button:hover::after,:host([indicator]) .button:focus::after{border-color:var(--calcite-ui-foreground-1)}:host([indicator][scale=s]) .button::after{inset-block-end:0.25rem;inset-inline-end:0.25rem}:host([indicator][scale=s]) .button--text-visible::after{inset-block-end:auto;inset-inline-end:0.5rem}:host([indicator][active]) .button::after{border-color:var(--calcite-ui-foreground-3)}";
-
-const Action = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.calciteActionClick = createEvent(this, "calciteActionClick", 6);
-    // --------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * When `true`, the component is highlighted.
-     */
-    this.active = false;
-    /** Specifies the appearance of the component. */
-    this.appearance = "solid";
-    /**
-     * When `true`, the side padding of the component is reduced. Compact mode is used internally by components, e.g. `calcite-block-section`.
-     */
-    this.compact = false;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    this.disabled = false;
-    /**
-     * When `true`, indicates unread changes.
-     */
-    this.indicator = false;
-    /**
-     * Specifies the text label to display while loading.
-     *
-     * @default "Loading"
-     */
-    this.intlLoading = TEXT.loading;
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
-    this.loading = false;
-    /**
-     * Specifies the size of the component.
-     */
-    this.scale = "m";
-    /**
-     * Indicates whether the text is displayed.
-     */
-    this.textEnabled = false;
-    this.mutationObserver = createObserver("mutation", () => forceUpdate(this));
-    // --------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    // --------------------------------------------------------------------------
-    this.handleTooltipSlotChange = (event) => {
-      const tooltips = event.target
-        .assignedElements({
-        flatten: true
-      })
-        .filter((el) => el === null || el === void 0 ? void 0 : el.matches("calcite-tooltip"));
-      const tooltip = tooltips[0];
-      if (tooltip) {
-        tooltip.referenceElement = this.buttonEl;
-      }
-    };
-    this.calciteActionClickHandler = () => {
-      if (!this.disabled) {
-        this.calciteActionClick.emit();
-      }
-    };
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  // --------------------------------------------------------------------------
-  connectedCallback() {
-    var _a;
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
-  }
-  disconnectedCallback() {
-    var _a;
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-  }
-  componentDidRender() {
-    updateHostInteraction(this);
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Methods
-  //
-  // --------------------------------------------------------------------------
-  /** Sets focus on the component. */
-  async setFocus() {
-    var _a;
-    (_a = this.buttonEl) === null || _a === void 0 ? void 0 : _a.focus();
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Render Methods
-  //
-  // --------------------------------------------------------------------------
-  renderTextContainer() {
-    const { text, textEnabled } = this;
-    const textContainerClasses = {
-      [CSS.textContainer]: true,
-      [CSS.textContainerVisible]: textEnabled
-    };
-    return text ? (h("div", { class: textContainerClasses, key: "text-container" }, text)) : null;
-  }
-  renderIconContainer() {
-    var _a;
-    const { loading, icon, scale, el, intlLoading } = this;
-    const iconScale = scale === "l" ? "m" : "s";
-    const loaderScale = scale === "l" ? "l" : "m";
-    const calciteLoaderNode = loading ? (h("calcite-loader", { active: true, inline: true, label: intlLoading, scale: loaderScale })) : null;
-    const calciteIconNode = icon ? h("calcite-icon", { icon: icon, scale: iconScale }) : null;
-    const iconNode = calciteLoaderNode || calciteIconNode;
-    const hasIconToDisplay = iconNode || ((_a = el.children) === null || _a === void 0 ? void 0 : _a.length);
-    const slotContainerNode = (h("div", { class: {
-        [CSS.slotContainer]: true,
-        [CSS.slotContainerHidden]: loading
-      } }, h("slot", null)));
-    return hasIconToDisplay ? (h("div", { "aria-hidden": "true", class: CSS.iconContainer, key: "icon-container" }, iconNode, slotContainerNode)) : null;
-  }
-  render() {
-    const { compact, disabled, loading, textEnabled, label, text } = this;
-    const ariaLabel = label || text;
-    const buttonClasses = {
-      [CSS.button]: true,
-      [CSS.buttonTextVisible]: textEnabled,
-      [CSS.buttonCompact]: compact
-    };
-    return (h(Host, { onClick: this.calciteActionClickHandler }, h("button", { "aria-busy": toAriaBoolean(loading), "aria-disabled": toAriaBoolean(disabled), "aria-label": ariaLabel, class: buttonClasses, disabled: disabled, ref: (buttonEl) => (this.buttonEl = buttonEl) }, this.renderIconContainer(), this.renderTextContainer()), h("slot", { name: SLOTS.tooltip, onSlotchange: this.handleTooltipSlotChange })));
-  }
-  get el() { return getElement(this); }
-};
-Action.style = actionCss;
-
-const loaderCss = "@charset \"UTF-8\";@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;margin-inline:auto;display:none;align-items:center;justify-content:center;opacity:1;min-block-size:var(--calcite-loader-size);font-size:var(--calcite-loader-font-size);stroke:var(--calcite-ui-brand);stroke-width:3;fill:none;transform:scale(1, 1);animation:loader-color-shift calc(var(--calcite-internal-animation-timing-slow) * 2) alternate-reverse infinite linear;padding-block:var(--calcite-loader-padding, 4rem)}:host([scale=s]){--calcite-loader-font-size:var(--calcite-font-size--2);--calcite-loader-size:2rem;--calcite-loader-size-inline:0.75rem}:host([scale=m]){--calcite-loader-font-size:var(--calcite-font-size-0);--calcite-loader-size:4rem;--calcite-loader-size-inline:1rem}:host([scale=l]){--calcite-loader-font-size:var(--calcite-font-size-2);--calcite-loader-size:6rem;--calcite-loader-size-inline:1.5rem}:host([no-padding]){padding-block:0px}:host{display:none}:host([active]){display:flex}.loader__text{display:block;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-ui-text-1);-webkit-margin-before:calc(var(--calcite-loader-size) + 1.5rem);margin-block-start:calc(var(--calcite-loader-size) + 1.5rem)}.loader__percentage{position:absolute;display:block;text-align:center;color:var(--calcite-ui-text-1);font-size:var(--calcite-loader-font-size);inline-size:var(--calcite-loader-size);inset-inline-start:50%;-webkit-margin-start:calc(var(--calcite-loader-size) / 2 * -1);margin-inline-start:calc(var(--calcite-loader-size) / 2 * -1);line-height:0.25;transform:scale(1, 1)}.loader__svgs{position:absolute;overflow:visible;opacity:1;inline-size:var(--calcite-loader-size);block-size:var(--calcite-loader-size);inset-inline-start:50%;-webkit-margin-start:calc(var(--calcite-loader-size) / 2 * -1);margin-inline-start:calc(var(--calcite-loader-size) / 2 * -1);transform:scale(1, 1)}.loader__svg{position:absolute;inset-block-start:0px;transform-origin:center;overflow:visible;inset-inline-start:0;inline-size:var(--calcite-loader-size);block-size:var(--calcite-loader-size);animation-iteration-count:infinite;animation-timing-function:linear;animation-name:loader-clockwise}@supports (display: grid){.loader__svg--1{animation-name:loader-offset-1}.loader__svg--2{animation-name:loader-offset-2}.loader__svg--3{animation-name:loader-offset-3}}:host([type=determinate]){animation:none;stroke:var(--calcite-ui-border-3)}:host([type=determinate]) .loader__svg--3{animation:none;stroke:var(--calcite-ui-brand);stroke-dasharray:150.79632;transform:rotate(-90deg);transition:all var(--calcite-internal-animation-timing-fast) linear}:host([inline]){position:relative;margin:0px;animation:none;stroke:currentColor;stroke-width:2;padding-block:0px;block-size:var(--calcite-loader-size-inline);min-block-size:var(--calcite-loader-size-inline);inline-size:var(--calcite-loader-size-inline);-webkit-margin-end:calc(var(--calcite-loader-size-inline) * 0.5);margin-inline-end:calc(var(--calcite-loader-size-inline) * 0.5);vertical-align:calc(var(--calcite-loader-size-inline) * -1 * 0.2)}:host([active][inline]){display:inline-block}:host([inline]) .loader__svgs{inset-block-start:0px;margin:0px;inset-inline-start:0;inline-size:var(--calcite-loader-size-inline);block-size:var(--calcite-loader-size-inline)}:host([inline]) .loader__svg{inline-size:var(--calcite-loader-size-inline);block-size:var(--calcite-loader-size-inline)}:host([complete]){opacity:0;transform:scale(0.75, 0.75);transform-origin:center;transition:opacity var(--calcite-internal-animation-timing-medium) linear 1000ms, transform var(--calcite-internal-animation-timing-medium) linear 1000ms}:host([complete]) .loader__svgs{opacity:0;transform:scale(0.75, 0.75);transform-origin:center;transition:opacity calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms, transform calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms}:host([complete]) .loader__percentage{color:var(--calcite-ui-brand);transform:scale(1.05, 1.05);transform-origin:center;transition:color var(--calcite-internal-animation-timing-medium) linear, transform var(--calcite-internal-animation-timing-medium) linear}.loader__svg--1{stroke-dasharray:27.9252444444% 139.6262222222%;animation-duration:calc(var(--calcite-internal-animation-timing-slow) * 2.4)}@keyframes loader-offset-1{0%{stroke-dasharray:27.9252444444% 251.3272%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-83.7757333333%}100%{stroke-dasharray:27.9252444444% 251.3272%;stroke-dashoffset:-279.2524444444%}}.loader__svg--2{stroke-dasharray:55.8504888889% 139.6262222222%;animation-duration:calc(var(--calcite-internal-animation-timing-slow) * 3.2)}@keyframes loader-offset-2{0%{stroke-dasharray:55.8504888889% 223.4019555556%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-97.7383555556%}100%{stroke-dasharray:55.8504888889% 223.4019555556%;stroke-dashoffset:-279.2524444444%}}.loader__svg--3{stroke-dasharray:13.9626222222% 139.6262222222%;animation-duration:calc(var(--calcite-internal-animation-timing-slow) * 3.867)}@keyframes loader-offset-3{0%{stroke-dasharray:13.9626222222% 265.2898222222%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-76.7944222222%}100%{stroke-dasharray:13.9626222222% 265.2898222222%;stroke-dashoffset:-279.2524444444%}}@keyframes loader-color-shift{0%{stroke:var(--calcite-ui-brand)}33%{stroke:var(--calcite-ui-brand-press)}66%{stroke:var(--calcite-ui-brand-hover)}100%{stroke:var(--calcite-ui-brand)}}@keyframes loader-clockwise{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
-
-const Loader = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /** When `true`, the component is active. */
-    this.active = false;
-    /** When `true`, displays smaller and appears to the left of the text. */
-    this.inline = false;
-    /** Specifies the size of the component. */
-    this.scale = "m";
-    /** The component's value. Valid only for `"determinate"` indicators. Percent complete of 100. */
-    this.value = 0;
-    /** Text that displays under the component's indicator. */
-    this.text = "";
-    /**
-     * Disables spacing around the component.
-     *
-     * @deprecated Use `--calcite-loader-padding` CSS variable instead.
-     */
-    this.noPadding = false;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  render() {
-    const { el, inline, label, scale, text, type, value } = this;
-    const id = el.id || guid();
-    const radiusRatio = 0.45;
-    const size = inline ? this.getInlineSize(scale) : this.getSize(scale);
-    const radius = size * radiusRatio;
-    const viewbox = `0 0 ${size} ${size}`;
-    const isDeterminate = type === "determinate";
-    const circumference = 2 * radius * Math.PI;
-    const progress = (value / 100) * circumference;
-    const remaining = circumference - progress;
-    const valueNow = Math.floor(value);
-    const hostAttributes = {
-      "aria-valuenow": valueNow,
-      "aria-valuemin": 0,
-      "aria-valuemax": 100,
-      complete: valueNow === 100
-    };
-    const svgAttributes = { r: radius, cx: size / 2, cy: size / 2 };
-    const determinateStyle = { "stroke-dasharray": `${progress} ${remaining}` };
-    return (h(Host, Object.assign({ "aria-label": label, id: id, role: "progressbar" }, (isDeterminate ? hostAttributes : {})), h("div", { class: "loader__svgs" }, h("svg", { class: "loader__svg loader__svg--1", viewBox: viewbox }, h("circle", Object.assign({}, svgAttributes))), h("svg", { class: "loader__svg loader__svg--2", viewBox: viewbox }, h("circle", Object.assign({}, svgAttributes))), h("svg", Object.assign({ class: "loader__svg loader__svg--3", viewBox: viewbox }, (isDeterminate ? { style: determinateStyle } : {})), h("circle", Object.assign({}, svgAttributes)))), text && h("div", { class: "loader__text" }, text), isDeterminate && h("div", { class: "loader__percentage" }, value)));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Return the proper sizes based on the scale property
-   *
-   * @param scale
-   */
-  getSize(scale) {
-    return {
-      s: 32,
-      m: 56,
-      l: 80
-    }[scale];
-  }
-  getInlineSize(scale) {
-    return {
-      s: 12,
-      m: 16,
-      l: 20
-    }[scale];
-  }
-  get el() { return getElement(this); }
-};
-Loader.style = loaderCss;
-
-export { Action as calcite_action, Loader as calcite_loader };
-
-//# sourceMappingURL=p-2ff754ce.entry.js.map

package/dist/solutions-components/p-2ff754ce.entry.js.map

@@ -1 +0,0 @@
-{"file":"calcite-action.calcite-loader.entry.esm.js","mappings":"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","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/action/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/action/action.css?tag=calcite-action&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/action/action.js","./node_modules/@esri/calcite-components/dist/collection/components/loader/loader.css?tag=calcite-loader&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/loader/loader.js"],"sourcesContent":["/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nexport const CSS = {\n  button: \"button\",\n  buttonTextVisible: \"button--text-visible\",\n  buttonCompact: \"button--compact\",\n  iconContainer: \"icon-container\",\n  slotContainer: \"slot-container\",\n  slotContainerHidden: \"slot-container--hidden\",\n  textContainer: \"text-container\",\n  textContainerVisible: \"text-container--visible\"\n};\nexport const TEXT = {\n  loading: \"Loading\"\n};\nexport const SLOTS = {\n  tooltip: \"tooltip\"\n};\n","/* mixins & extensions */\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n:root {\n  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --calcite-internal-duration-factor: 0.01;\n  }\n}\n/**\n* Currently only used in Checkbox.\n*/\n:host {\n  /* Base \":host\" styles for the component */\n  box-sizing: border-box;\n  background-color: var(--calcite-ui-foreground-1);\n  color: var(--calcite-ui-text-2);\n  font-size: var(--calcite-font-size--1);\n}\n:host * {\n  box-sizing: border-box;\n}\n\n:root {\n  --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host([disabled]) {\n  pointer-events: none;\n  cursor: default;\n  -webkit-user-select: none;\n          user-select: none;\n  opacity: var(--calcite-ui-opacity-disabled);\n}\n\n/**\n* CSS Custom Properties\n*\n* These properties can be overridden using the component's tag as selector.\n*\n* @prop --calcite-action-indicator-color: Specifies the color of the component's indicator.\n*/\n:host {\n  display: flex;\n  background-color: transparent;\n  --calcite-action-indicator-color: var(--calcite-ui-brand);\n}\n\n:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled] {\n  /* prevent opacity stacking */\n  opacity: 1;\n}\n\n.button {\n  position: relative;\n  margin: 0px;\n  display: flex;\n  inline-size: auto;\n  cursor: pointer;\n  align-items: center;\n  justify-content: flex-start;\n  border-style: none;\n  background-color: var(--calcite-ui-foreground-1);\n  fill: var(--calcite-ui-text-3);\n  font-family: var(--calcite-sans-family);\n  font-size: var(--calcite-font-size--2);\n  line-height: 1rem;\n  font-weight: var(--calcite-font-weight-medium);\n  color: var(--calcite-ui-text-3);\n  outline-color: transparent;\n  text-align: unset;\n  flex: 1 0 auto;\n}\n.button:hover {\n  background-color: var(--calcite-ui-foreground-2);\n  fill: var(--calcite-ui-text-1);\n  color: var(--calcite-ui-text-1);\n}\n.button:focus {\n  background-color: var(--calcite-ui-foreground-2);\n  fill: var(--calcite-ui-text-1);\n  color: var(--calcite-ui-text-1);\n  outline: 2px solid var(--calcite-ui-brand);\n  outline-offset: -2px;\n}\n.button:active {\n  background-color: var(--calcite-ui-foreground-3);\n}\n.button .icon-container {\n  pointer-events: none;\n  margin: 0px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-inline-size: 1rem;\n  min-block-size: 1rem;\n}\n.button .text-container {\n  margin: 0px;\n  inline-size: 0px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  line-height: 1.5rem;\n  opacity: 0;\n  transition-property: opacity;\n  transition-duration: 150ms;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-property: margin;\n  transition-property: inline-size;\n}\n.button .text-container--visible {\n  inline-size: auto;\n  flex: 1 1 auto;\n  opacity: 1;\n}\n\n:host([scale=s]) .button {\n  padding-inline: 0.5rem;\n  padding-block: 0.25rem;\n  font-size: var(--calcite-font-size--2);\n  line-height: 1rem;\n  font-weight: var(--calcite-font-weight-normal);\n}\n:host([scale=s]) .button--text-visible .icon-container {\n  margin-inline-end: 0.5rem;\n}\n\n:host([scale=m]) .button {\n  padding-inline: 1rem;\n  padding-block: 0.75rem;\n  font-size: var(--calcite-font-size--1);\n  line-height: 1rem;\n  font-weight: var(--calcite-font-weight-normal);\n}\n:host([scale=m]) .button--text-visible .icon-container {\n  margin-inline-end: 0.75rem;\n}\n\n:host([scale=l]) .button {\n  padding: 1.25rem;\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.25rem;\n  font-weight: var(--calcite-font-weight-normal);\n}\n:host([scale=l]) .button--text-visible .icon-container {\n  margin-inline-end: 1rem;\n}\n\n:host([alignment=center]) .button {\n  justify-content: center;\n}\n\n:host([alignment=end]) .button {\n  justify-content: flex-end;\n}\n\n:host([alignment=center]) .button .text-container--visible, \n:host([alignment=end]) .button .text-container--visible {\n  flex: 0 1 auto;\n}\n\n:host([scale=s][compact]) .button, \n:host([scale=m][compact]) .button, \n:host([scale=l][compact]) .button {\n  padding-inline: 0px;\n}\n\n.slot-container {\n  display: flex;\n}\n\n.slot-container--hidden {\n  display: none;\n}\n\n.button--text-visible {\n  inline-size: 100%;\n}\n\n:host([active]) .button, \n:host([active]) .button:hover, \n:host([active]) .button:focus, \n:host([active][loading]) .button {\n  background-color: var(--calcite-ui-foreground-3);\n  fill: var(--calcite-ui-text-1);\n  color: var(--calcite-ui-text-1);\n}\n\n:host([active]) .button:active {\n  background-color: var(--calcite-ui-foreground-1);\n}\n\n:host([appearance=clear]) .button, \n:host([appearance=transparent]) .button {\n  background-color: transparent;\n  transition-property: box-shadow;\n  transition-duration: 150ms;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n:host([appearance=clear]) .button:hover, \n:host([appearance=clear]) .button:focus, \n:host([appearance=transparent]) .button:hover, \n:host([appearance=transparent]) .button:focus {\n  background-color: transparent;\n  box-shadow: 0 0 0 2px var(--calcite-ui-border-1) inset;\n}\n\n:host([active][appearance=clear]) .button, \n:host([active][appearance=clear]) .button:hover, \n:host([active][appearance=clear]) .button:focus, \n:host([active][appearance=transparent]) .button, \n:host([active][appearance=transparent]) .button:hover, \n:host([active][appearance=transparent]) .button:focus {\n  background-color: var(--calcite-ui-foreground-3);\n  fill: var(--calcite-ui-text-1);\n  color: var(--calcite-ui-text-1);\n}\n\n:host([appearance=clear][loading]) .button, \n:host([appearance=clear][disabled]) .button, \n:host([appearance=transparent][loading]) .button, \n:host([appearance=transparent][disabled]) .button {\n  background-color: transparent;\n}\n\n:host([loading]) .button, \n:host([loading]) .button:hover, \n:host([loading]) .button:focus {\n  background-color: var(--calcite-ui-foreground-1);\n}\n:host([loading]) .button .text-container, \n:host([loading]) .button:hover .text-container, \n:host([loading]) .button:focus .text-container {\n  opacity: var(--calcite-ui-opacity-disabled);\n}\n\n:host([loading]) calcite-loader[inline] {\n  color: var(--calcite-ui-text-3);\n  margin-inline-end: 0px;\n}\n\n:host([disabled]) .button, \n:host([disabled]) .button:hover, \n:host([disabled]) .button:focus {\n  cursor: default;\n  background-color: var(--calcite-ui-foreground-1);\n  opacity: var(--calcite-ui-opacity-disabled);\n}\n\n:host([disabled][active]) .button, \n:host([disabled][active]) .button:hover, \n:host([disabled][active]) .button:focus {\n  background-color: var(--calcite-ui-foreground-3);\n  opacity: var(--calcite-ui-opacity-disabled);\n}\n\n:host([indicator]) .button::after {\n  content: \"\";\n  position: absolute;\n  block-size: 0.5rem;\n  inline-size: 0.5rem;\n  border-radius: 9999px;\n  border-width: 2px;\n  background-color: var(--calcite-action-indicator-color);\n  border-color: var(--calcite-ui-foreground-1);\n  inset-block-end: 0.75rem;\n  inset-inline-end: 0.75rem;\n}\n:host([indicator]) .button--text-visible::after {\n  inset-block-end: auto;\n}\n:host([indicator]) .button--text-visible .text-container--visible {\n  margin-inline-end: 1rem;\n}\n:host([indicator]) .button:hover::after,\n:host([indicator]) .button:focus::after {\n  border-color: var(--calcite-ui-foreground-1);\n}\n\n:host([indicator][scale=s]) .button::after {\n  inset-block-end: 0.25rem;\n  inset-inline-end: 0.25rem;\n}\n:host([indicator][scale=s]) .button--text-visible::after {\n  inset-block-end: auto;\n  inset-inline-end: 0.5rem;\n}\n\n:host([indicator][active]) .button::after {\n  border-color: var(--calcite-ui-foreground-3);\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nimport { Host, h, forceUpdate } from \"@stencil/core\";\nimport { CSS, TEXT, SLOTS } from \"./resources\";\nimport { createObserver } from \"../../utils/observers\";\nimport { updateHostInteraction } from \"../../utils/interactive\";\nimport { toAriaBoolean } from \"../../utils/dom\";\n/**\n * @slot - A slot for adding a `calcite-icon`.\n */\nexport class Action {\n  constructor() {\n    // --------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    // --------------------------------------------------------------------------\n    /**\n     * When `true`, the component is highlighted.\n     */\n    this.active = false;\n    /** Specifies the appearance of the component. */\n    this.appearance = \"solid\";\n    /**\n     * When `true`, the side padding of the component is reduced. Compact mode is used internally by components, e.g. `calcite-block-section`.\n     */\n    this.compact = false;\n    /**\n     * When `true`, interaction is prevented and the component is displayed with lower opacity.\n     */\n    this.disabled = false;\n    /**\n     * When `true`, indicates unread changes.\n     */\n    this.indicator = false;\n    /**\n     * Specifies the text label to display while loading.\n     *\n     * @default \"Loading\"\n     */\n    this.intlLoading = TEXT.loading;\n    /**\n     * When `true`, a busy indicator is displayed.\n     */\n    this.loading = false;\n    /**\n     * Specifies the size of the component.\n     */\n    this.scale = \"m\";\n    /**\n     * Indicates whether the text is displayed.\n     */\n    this.textEnabled = false;\n    this.mutationObserver = createObserver(\"mutation\", () => forceUpdate(this));\n    // --------------------------------------------------------------------------\n    //\n    //  Private Methods\n    //\n    // --------------------------------------------------------------------------\n    this.handleTooltipSlotChange = (event) => {\n      const tooltips = event.target\n        .assignedElements({\n        flatten: true\n      })\n        .filter((el) => el === null || el === void 0 ? void 0 : el.matches(\"calcite-tooltip\"));\n      const tooltip = tooltips[0];\n      if (tooltip) {\n        tooltip.referenceElement = this.buttonEl;\n      }\n    };\n    this.calciteActionClickHandler = () => {\n      if (!this.disabled) {\n        this.calciteActionClick.emit();\n      }\n    };\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n  connectedCallback() {\n    var _a;\n    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });\n  }\n  disconnectedCallback() {\n    var _a;\n    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n  }\n  componentDidRender() {\n    updateHostInteraction(this);\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n  /** Sets focus on the component. */\n  async setFocus() {\n    var _a;\n    (_a = this.buttonEl) === null || _a === void 0 ? void 0 : _a.focus();\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  renderTextContainer() {\n    const { text, textEnabled } = this;\n    const textContainerClasses = {\n      [CSS.textContainer]: true,\n      [CSS.textContainerVisible]: textEnabled\n    };\n    return text ? (h(\"div\", { class: textContainerClasses, key: \"text-container\" }, text)) : null;\n  }\n  renderIconContainer() {\n    var _a;\n    const { loading, icon, scale, el, intlLoading } = this;\n    const iconScale = scale === \"l\" ? \"m\" : \"s\";\n    const loaderScale = scale === \"l\" ? \"l\" : \"m\";\n    const calciteLoaderNode = loading ? (h(\"calcite-loader\", { active: true, inline: true, label: intlLoading, scale: loaderScale })) : null;\n    const calciteIconNode = icon ? h(\"calcite-icon\", { icon: icon, scale: iconScale }) : null;\n    const iconNode = calciteLoaderNode || calciteIconNode;\n    const hasIconToDisplay = iconNode || ((_a = el.children) === null || _a === void 0 ? void 0 : _a.length);\n    const slotContainerNode = (h(\"div\", { class: {\n        [CSS.slotContainer]: true,\n        [CSS.slotContainerHidden]: loading\n      } }, h(\"slot\", null)));\n    return hasIconToDisplay ? (h(\"div\", { \"aria-hidden\": \"true\", class: CSS.iconContainer, key: \"icon-container\" }, iconNode, slotContainerNode)) : null;\n  }\n  render() {\n    const { compact, disabled, loading, textEnabled, label, text } = this;\n    const ariaLabel = label || text;\n    const buttonClasses = {\n      [CSS.button]: true,\n      [CSS.buttonTextVisible]: textEnabled,\n      [CSS.buttonCompact]: compact\n    };\n    return (h(Host, { onClick: this.calciteActionClickHandler }, h(\"button\", { \"aria-busy\": toAriaBoolean(loading), \"aria-disabled\": toAriaBoolean(disabled), \"aria-label\": ariaLabel, class: buttonClasses, disabled: disabled, ref: (buttonEl) => (this.buttonEl = buttonEl) }, this.renderIconContainer(), this.renderTextContainer()), h(\"slot\", { name: SLOTS.tooltip, onSlotchange: this.handleTooltipSlotChange })));\n  }\n  static get is() { return \"calcite-action\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"action.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"action.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"active\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, the component is highlighted.\"\n        },\n        \"attribute\": \"active\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"alignment\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Alignment\",\n          \"resolved\": \"\\\"center\\\" | \\\"end\\\" | \\\"start\\\"\",\n          \"references\": {\n            \"Alignment\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the horizontal alignment of button elements with text content.\"\n        },\n        \"attribute\": \"alignment\",\n        \"reflect\": true\n      },\n      \"appearance\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Extract<\\\"solid\\\" | \\\"clear\\\", Appearance>\",\n          \"resolved\": \"\\\"clear\\\" | \\\"solid\\\"\",\n          \"references\": {\n            \"Extract\": {\n              \"location\": \"global\"\n            },\n            \"Appearance\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the appearance of the component.\"\n        },\n        \"attribute\": \"appearance\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"solid\\\"\"\n      },\n      \"compact\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, the side padding of the component is reduced. Compact mode is used internally by components, e.g. `calcite-block-section`.\"\n        },\n        \"attribute\": \"compact\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"disabled\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, interaction is prevented and the component is displayed with lower opacity.\"\n        },\n        \"attribute\": \"disabled\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"icon\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies an icon to display.\"\n        },\n        \"attribute\": \"icon\",\n        \"reflect\": false\n      },\n      \"indicator\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, indicates unread changes.\"\n        },\n        \"attribute\": \"indicator\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"intlLoading\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"default\",\n              \"text\": \"\\\"Loading\\\"\"\n            }],\n          \"text\": \"Specifies the text label to display while loading.\"\n        },\n        \"attribute\": \"intl-loading\",\n        \"reflect\": false,\n        \"defaultValue\": \"TEXT.loading\"\n      },\n      \"label\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the label of the component. If no label is provided, the label inherits what's provided for the `text` prop.\"\n        },\n        \"attribute\": \"label\",\n        \"reflect\": false\n      },\n      \"loading\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, a busy indicator is displayed.\"\n        },\n        \"attribute\": \"loading\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"scale\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Scale\",\n          \"resolved\": \"\\\"l\\\" | \\\"m\\\" | \\\"s\\\"\",\n          \"references\": {\n            \"Scale\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the size of the component.\"\n        },\n        \"attribute\": \"scale\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"m\\\"\"\n      },\n      \"text\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": true,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies text that accompanies the icon.\"\n        },\n        \"attribute\": \"text\",\n        \"reflect\": false\n      },\n      \"textEnabled\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Indicates whether the text is displayed.\"\n        },\n        \"attribute\": \"text-enabled\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      }\n    };\n  }\n  static get events() {\n    return [{\n        \"method\": \"calciteActionClick\",\n        \"name\": \"calciteActionClick\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"deprecated\",\n              \"text\": \"use `onClick` instead.\"\n            }],\n          \"text\": \"Emits when the component has been clicked.\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }];\n  }\n  static get methods() {\n    return {\n      \"setFocus\": {\n        \"complexType\": {\n          \"signature\": \"() => Promise<void>\",\n          \"parameters\": [],\n          \"references\": {\n            \"Promise\": {\n              \"location\": \"global\"\n            }\n          },\n          \"return\": \"Promise<void>\"\n        },\n        \"docs\": {\n          \"text\": \"Sets focus on the component.\",\n          \"tags\": []\n        }\n      }\n    };\n  }\n  static get elementRef() { return \"el\"; }\n}\n","@charset \"UTF-8\";\n/* mixins & extensions */\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n:root {\n  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --calcite-internal-duration-factor: 0.01;\n  }\n}\n/**\n* Currently only used in Checkbox.\n*/\n:root {\n  --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n/**\n* CSS Custom Properties\n*\n* These properties can be overridden using the component's tag as selector.\n*\n* @prop --calcite-loader-font-size: Specifies the font size of the loading percentage when type is `\"determinate\"`.\n* @prop --calcite-loader-size: The width and height of a non-inline loader.\n* @prop --calcite-loader-size-inline: The width and height of an inline loader.\n*/\n:host{\n  position: relative;\n  margin-inline: auto;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  opacity: 1;\n  min-block-size: var(--calcite-loader-size);\n  font-size: var(--calcite-loader-font-size);\n  stroke: var(--calcite-ui-brand);\n  stroke-width: 3;\n  fill: none;\n  transform: scale(1, 1);\n  animation: loader-color-shift calc(var(--calcite-internal-animation-timing-slow) * 2) alternate-reverse infinite linear;\n  padding-block: var(--calcite-loader-padding, 4rem);\n}\n\n:host([scale=s]) {\n  --calcite-loader-font-size: var(--calcite-font-size--2);\n  --calcite-loader-size: 2rem;\n  --calcite-loader-size-inline: 0.75rem;\n}\n\n:host([scale=m]) {\n  --calcite-loader-font-size: var(--calcite-font-size-0);\n  --calcite-loader-size: 4rem;\n  --calcite-loader-size-inline: 1rem;\n}\n\n:host([scale=l]) {\n  --calcite-loader-font-size: var(--calcite-font-size-2);\n  --calcite-loader-size: 6rem;\n  --calcite-loader-size-inline: 1.5rem;\n}\n\n:host([no-padding]){\n  padding-block: 0px;\n}\n\n:host{\n  display: none;\n}\n\n:host([active]){\n  display: flex;\n}\n\n.loader__text{\n  display: block;\n  text-align: center;\n  font-size: var(--calcite-font-size--2);\n  line-height: 1rem;\n  color: var(--calcite-ui-text-1);\n  margin-block-start: calc(var(--calcite-loader-size) + 1.5rem);\n}\n\n.loader__percentage{\n  position: absolute;\n  display: block;\n  text-align: center;\n  color: var(--calcite-ui-text-1);\n  font-size: var(--calcite-loader-font-size);\n  inline-size: var(--calcite-loader-size);\n  inset-inline-start: 50%;\n  margin-inline-start: calc(var(--calcite-loader-size) / 2 * -1);\n  line-height: 0.25;\n  transform: scale(1, 1);\n}\n\n.loader__svgs{\n  position: absolute;\n  overflow: visible;\n  opacity: 1;\n  inline-size: var(--calcite-loader-size);\n  block-size: var(--calcite-loader-size);\n  inset-inline-start: 50%;\n  margin-inline-start: calc(var(--calcite-loader-size) / 2 * -1);\n  transform: scale(1, 1);\n}\n\n.loader__svg{\n  position: absolute;\n  inset-block-start: 0px;\n  transform-origin: center;\n  overflow: visible;\n  inset-inline-start: 0;\n  inline-size: var(--calcite-loader-size);\n  block-size: var(--calcite-loader-size);\n  animation-iteration-count: infinite;\n  animation-timing-function: linear;\n  animation-name: loader-clockwise;\n}\n\n@supports (display: grid) {\n  .loader__svg--1 {\n    animation-name: loader-offset-1;\n  }\n\n  .loader__svg--2 {\n    animation-name: loader-offset-2;\n  }\n\n  .loader__svg--3 {\n    animation-name: loader-offset-3;\n  }\n}\n:host([type=determinate]){\n  animation: none;\n  stroke: var(--calcite-ui-border-3);\n}\n:host([type=determinate]) .loader__svg--3{\n  animation: none;\n  stroke: var(--calcite-ui-brand);\n  stroke-dasharray: 150.79632;\n  transform: rotate(-90deg);\n  transition: all var(--calcite-internal-animation-timing-fast) linear;\n}\n\n:host([inline]){\n  position: relative;\n  margin: 0px;\n  animation: none;\n  stroke: currentColor;\n  stroke-width: 2;\n  padding-block: 0px;\n  block-size: var(--calcite-loader-size-inline);\n  min-block-size: var(--calcite-loader-size-inline);\n  inline-size: var(--calcite-loader-size-inline);\n  margin-inline-end: calc(var(--calcite-loader-size-inline) * 0.5);\n  vertical-align: calc(var(--calcite-loader-size-inline) * -1 * 0.2);\n}\n\n:host([active][inline]){\n  display: inline-block;\n}\n\n:host([inline]) .loader__svgs{\n  inset-block-start: 0px;\n  margin: 0px;\n  inset-inline-start: 0;\n  inline-size: var(--calcite-loader-size-inline);\n  block-size: var(--calcite-loader-size-inline);\n}\n\n:host([inline]) .loader__svg {\n  inline-size: var(--calcite-loader-size-inline);\n  block-size: var(--calcite-loader-size-inline);\n}\n\n:host([complete]){\n  opacity: 0;\n  transform: scale(0.75, 0.75);\n  transform-origin: center;\n  transition: opacity var(--calcite-internal-animation-timing-medium) linear 1000ms, transform var(--calcite-internal-animation-timing-medium) linear 1000ms;\n}\n\n:host([complete]) .loader__svgs{\n  opacity: 0;\n  transform: scale(0.75, 0.75);\n  transform-origin: center;\n  transition: opacity calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms, transform calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms;\n}\n\n:host([complete]) .loader__percentage {\n  color: var(--calcite-ui-brand);\n  transform: scale(1.05, 1.05);\n  transform-origin: center;\n  transition: color var(--calcite-internal-animation-timing-medium) linear, transform var(--calcite-internal-animation-timing-medium) linear;\n}\n\n/**\n  Segment variables\n  - i         index (1-3)\n  - size      length of the segment (0 - 100)\n  - growth    how much the segment grows during the animation\n              (size + growth should not exceed 100)\n  - duration  how long the segment takes to rotate 360° (seconds)\n*/\n.loader__svg--1 {\n  stroke-dasharray: 27.9252444444% 139.6262222222%;\n  animation-duration: calc(var(--calcite-internal-animation-timing-slow) * 2.4);\n}\n\n@keyframes loader-offset-1 {\n  0% {\n    stroke-dasharray: 27.9252444444% 251.3272%;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 139.6262222222% 139.6262222222%;\n    stroke-dashoffset: -83.7757333333%;\n  }\n  100% {\n    stroke-dasharray: 27.9252444444% 251.3272%;\n    stroke-dashoffset: -279.2524444444%;\n  }\n}\n.loader__svg--2 {\n  stroke-dasharray: 55.8504888889% 139.6262222222%;\n  animation-duration: calc(var(--calcite-internal-animation-timing-slow) * 3.2);\n}\n\n@keyframes loader-offset-2 {\n  0% {\n    stroke-dasharray: 55.8504888889% 223.4019555556%;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 139.6262222222% 139.6262222222%;\n    stroke-dashoffset: -97.7383555556%;\n  }\n  100% {\n    stroke-dasharray: 55.8504888889% 223.4019555556%;\n    stroke-dashoffset: -279.2524444444%;\n  }\n}\n.loader__svg--3 {\n  stroke-dasharray: 13.9626222222% 139.6262222222%;\n  animation-duration: calc(var(--calcite-internal-animation-timing-slow) * 3.867);\n}\n\n@keyframes loader-offset-3 {\n  0% {\n    stroke-dasharray: 13.9626222222% 265.2898222222%;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 139.6262222222% 139.6262222222%;\n    stroke-dashoffset: -76.7944222222%;\n  }\n  100% {\n    stroke-dasharray: 13.9626222222% 265.2898222222%;\n    stroke-dashoffset: -279.2524444444%;\n  }\n}\n@keyframes loader-color-shift {\n  0% {\n    stroke: var(--calcite-ui-brand);\n  }\n  33% {\n    stroke: var(--calcite-ui-brand-press);\n  }\n  66% {\n    stroke: var(--calcite-ui-brand-hover);\n  }\n  100% {\n    stroke: var(--calcite-ui-brand);\n  }\n}\n@keyframes loader-clockwise {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nimport { h, Host } from \"@stencil/core\";\nimport { guid } from \"../../utils/guid\";\nexport class Loader {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    //--------------------------------------------------------------------------\n    /** When `true`, the component is active. */\n    this.active = false;\n    /** When `true`, displays smaller and appears to the left of the text. */\n    this.inline = false;\n    /** Specifies the size of the component. */\n    this.scale = \"m\";\n    /** The component's value. Valid only for `\"determinate\"` indicators. Percent complete of 100. */\n    this.value = 0;\n    /** Text that displays under the component's indicator. */\n    this.text = \"\";\n    /**\n     * Disables spacing around the component.\n     *\n     * @deprecated Use `--calcite-loader-padding` CSS variable instead.\n     */\n    this.noPadding = false;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  render() {\n    const { el, inline, label, scale, text, type, value } = this;\n    const id = el.id || guid();\n    const radiusRatio = 0.45;\n    const size = inline ? this.getInlineSize(scale) : this.getSize(scale);\n    const radius = size * radiusRatio;\n    const viewbox = `0 0 ${size} ${size}`;\n    const isDeterminate = type === \"determinate\";\n    const circumference = 2 * radius * Math.PI;\n    const progress = (value / 100) * circumference;\n    const remaining = circumference - progress;\n    const valueNow = Math.floor(value);\n    const hostAttributes = {\n      \"aria-valuenow\": valueNow,\n      \"aria-valuemin\": 0,\n      \"aria-valuemax\": 100,\n      complete: valueNow === 100\n    };\n    const svgAttributes = { r: radius, cx: size / 2, cy: size / 2 };\n    const determinateStyle = { \"stroke-dasharray\": `${progress} ${remaining}` };\n    return (h(Host, { \"aria-label\": label, id: id, role: \"progressbar\", ...(isDeterminate ? hostAttributes : {}) }, h(\"div\", { class: \"loader__svgs\" }, h(\"svg\", { class: \"loader__svg loader__svg--1\", viewBox: viewbox }, h(\"circle\", { ...svgAttributes })), h(\"svg\", { class: \"loader__svg loader__svg--2\", viewBox: viewbox }, h(\"circle\", { ...svgAttributes })), h(\"svg\", { class: \"loader__svg loader__svg--3\", viewBox: viewbox, ...(isDeterminate ? { style: determinateStyle } : {}) }, h(\"circle\", { ...svgAttributes }))), text && h(\"div\", { class: \"loader__text\" }, text), isDeterminate && h(\"div\", { class: \"loader__percentage\" }, value)));\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n  /**\n   * Return the proper sizes based on the scale property\n   *\n   * @param scale\n   */\n  getSize(scale) {\n    return {\n      s: 32,\n      m: 56,\n      l: 80\n    }[scale];\n  }\n  getInlineSize(scale) {\n    return {\n      s: 12,\n      m: 16,\n      l: 20\n    }[scale];\n  }\n  static get is() { return \"calcite-loader\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"loader.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"loader.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"active\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, the component is active.\"\n        },\n        \"attribute\": \"active\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"inline\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, displays smaller and appears to the left of the text.\"\n        },\n        \"attribute\": \"inline\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"label\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": true,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Accessible name for the component.\"\n        },\n        \"attribute\": \"label\",\n        \"reflect\": false\n      },\n      \"scale\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Scale\",\n          \"resolved\": \"\\\"l\\\" | \\\"m\\\" | \\\"s\\\"\",\n          \"references\": {\n            \"Scale\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the size of the component.\"\n        },\n        \"attribute\": \"scale\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"m\\\"\"\n      },\n      \"type\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"\\\"indeterminate\\\" | \\\"determinate\\\"\",\n          \"resolved\": \"\\\"determinate\\\" | \\\"indeterminate\\\"\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the component type.\\n\\nUse `\\\"indeterminate\\\"` if finding actual progress value is impossible.\"\n        },\n        \"attribute\": \"type\",\n        \"reflect\": true\n      },\n      \"value\": {\n        \"type\": \"number\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"number\",\n          \"resolved\": \"number\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"The component's value. Valid only for `\\\"determinate\\\"` indicators. Percent complete of 100.\"\n        },\n        \"attribute\": \"value\",\n        \"reflect\": false,\n        \"defaultValue\": \"0\"\n      },\n      \"text\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Text that displays under the component's indicator.\"\n        },\n        \"attribute\": \"text\",\n        \"reflect\": false,\n        \"defaultValue\": \"\\\"\\\"\"\n      },\n      \"noPadding\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"deprecated\",\n              \"text\": \"Use `--calcite-loader-padding` CSS variable instead.\"\n            }],\n          \"text\": \"Disables spacing around the component.\"\n        },\n        \"attribute\": \"no-padding\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      }\n    };\n  }\n  static get elementRef() { return \"el\"; }\n}\n"],"version":3}