@esri/solutions-components 0.2.1 → 0.2.2

package/dist/components/action.js

@@ -1,216 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } from '@stencil/core/internal/client';
-import { c as createObserver } from './observers.js';
-import { u as updateHostInteraction } from './interactive.js';
-import { t as toAriaBoolean } from './dom.js';
-import { d as defineCustomElement$2 } from './icon.js';
-import { d as defineCustomElement$1 } from './loader.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 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    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 this; }
-  static get style() { return actionCss; }
-}, [1, "calcite-action", {
-    "active": [516],
-    "alignment": [513],
-    "appearance": [513],
-    "compact": [516],
-    "disabled": [516],
-    "icon": [1],
-    "indicator": [516],
-    "intlLoading": [1, "intl-loading"],
-    "label": [1],
-    "loading": [516],
-    "scale": [513],
-    "text": [1],
-    "textEnabled": [516, "text-enabled"],
-    "setFocus": [64]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["calcite-action", "calcite-icon", "calcite-loader"];
-  components.forEach(tagName => { switch (tagName) {
-    case "calcite-action":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Action);
-      }
-      break;
-    case "calcite-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "calcite-loader":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { Action as A, defineCustomElement as d };
-
-//# sourceMappingURL=action.js.map

package/dist/components/action.js.map

@@ -1 +0,0 @@
-{"file":"action.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"],"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"],"version":3}

package/dist/components/array.js

@@ -1,17 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.97
- */
-function getRoundRobinIndex(index, total) {
-  return (index + total) % total;
-}
-
-export { getRoundRobinIndex as g };
-
-//# sourceMappingURL=array.js.map

package/dist/components/array.js.map

@@ -1 +0,0 @@
-{"file":"array.js","mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACO,SAAS,kBAAkB,CAAC,KAAK,EAAE,KAAK,EAAE;AACjD,EAAE,OAAO,CAAC,KAAK,GAAG,KAAK,IAAI,KAAK,CAAC;AACjC;;;;","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/utils/array.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 function getRoundRobinIndex(index, total) {\n  return (index + total) % total;\n}\n"],"version":3}

package/dist/components/buffer-tools.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface BufferTools extends Components.BufferTools, HTMLElement {}
-export const BufferTools: {
-  prototype: BufferTools;
-  new (): BufferTools;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/buffer-tools.js

@@ -1,13 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { B as BufferTools$1, d as defineCustomElement$1 } from './buffer-tools2.js';
-
-const BufferTools = BufferTools$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { BufferTools, defineCustomElement };
-
-//# sourceMappingURL=buffer-tools.js.map

package/dist/components/buffer-tools.js.map

@@ -1 +0,0 @@
-{"file":"buffer-tools.js","mappings":";;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/buffer-tools2.js

@@ -1,256 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { l as loadModules } from './loadModules.js';
-import { g as getLocaleComponentStrings } from './locale.js';
-import { d as defineCustomElement$7 } from './graph.js';
-import { d as defineCustomElement$6 } from './icon.js';
-import { d as defineCustomElement$5 } from './input.js';
-import { d as defineCustomElement$4 } from './option.js';
-import { d as defineCustomElement$3 } from './progress.js';
-import { d as defineCustomElement$2 } from './select.js';
-import { d as defineCustomElement$1 } from './slider.js';
-
-const bufferToolsCss = ":host{display:block}.c-container{display:inline-flex}.flex-1{flex:\"1\"}.padding-end-1{-webkit-padding-end:1rem;padding-inline-end:1rem}";
-
-const BufferTools = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.bufferComplete = createEvent(this, "bufferComplete", 7);
-    this.appearance = "text";
-    this.distance = 0;
-    this.geometries = [];
-    this.sliderMax = 100;
-    this.sliderMin = 0;
-    this.sliderTicks = 10;
-    this.unionResults = true;
-    this.unit = "meters";
-    this._translations = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Called each time the geometries prop is changed.
-   * Buffer each of the geometries.
-   *
-   */
-  geometriesWatchHandler(v, oldV) {
-    if (v && JSON.stringify(v) !== JSON.stringify(oldV || [])) {
-      this._buffer();
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (lifecycle)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * StencilJS: Called once just after the component is first connected to the DOM.
-   *
-   * @returns Promise when complete
-   */
-  async componentWillLoad() {
-    await this._getTranslations();
-    await this._initModules();
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    return (h(Host, null, this.appearance === "text" ? this._getTextBoxDisplay() : this._getSliderDisplay()));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Load esri javascript api modules
-   *
-   * @returns Promise resolving when function is done
-   *
-   * @protected
-   */
-  async _initModules() {
-    const [geometryEngine] = await loadModules([
-      "esri/geometry/geometryEngine"
-    ]);
-    this._geometryEngine = geometryEngine;
-  }
-  /**
-   * Gets the nodes for each of the possible distance units
-   *
-   * @returns An array of option nodes
-   *
-   * @protected
-   */
-  _getUnits() {
-    const units = {
-      "feet": this._translations.feet || "Feet",
-      "meters": this._translations.meters || "Meters",
-      "miles": this._translations.miles || "Miles",
-      "kilometers": this._translations.kilometers || "Kilometers"
-    };
-    return Object.keys(units).map(u => {
-      let selected = true;
-      if (!this.unit) {
-        this.unit = u;
-      }
-      else if (this.unit !== u) {
-        selected = false;
-      }
-      return (h("calcite-option", { label: units[u], selected: selected, value: u }));
-    });
-  }
-  /**
-   * Store the user defined distance value and create a buffer
-   *
-   * @param event the event from the calcite input control
-   *
-   * @protected
-   */
-  _setDistance(event) {
-    this.distance = event.detail.value;
-    if (this.distance > 0) {
-      this._buffer();
-    }
-    else {
-      this.bufferComplete.emit(undefined);
-    }
-  }
-  /**
-   * Store the user defined unit value and create a buffer
-   *
-   * @protected
-   */
-  _setUnit() {
-    this.unit = this._unitElement.value;
-    this._buffer();
-  }
-  /**
-   * Create buffer geometry based on the user defined unit and distance
-   *
-   * @protected
-   */
-  _buffer() {
-    if (this._bufferTimeout) {
-      clearTimeout(this._bufferTimeout);
-    }
-    this._bufferTimeout = setTimeout(() => {
-      var _a;
-      // needs to be wgs 84 or Web Mercator
-      if (((_a = this.geometries) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.unit && this.distance > 0) {
-        const buffer = this._geometryEngine.geodesicBuffer(this.geometries, this.distance, this.unit, this.unionResults);
-        this.bufferComplete.emit(buffer);
-      }
-    }, 400);
-  }
-  /**
-   * Render distance and unit as calcite input and select controls
-   * This option will be used when the "appearance" prop is set to "text"
-   *
-   * @returns a node with the supporting controls
-   *
-   * @protected
-   */
-  _getTextBoxDisplay() {
-    return (h("div", { class: "c-container" }, h("calcite-input", { class: "padding-end-1", "number-button-type": "vertical", onCalciteInputInput: (evt) => this._setDistance(evt), placeholder: "0", type: "number", value: this.distance ? this.distance.toString() : undefined }), h("calcite-select", { class: "flex-1", label: "label", onCalciteSelectChange: () => this._setUnit(), ref: (el) => { this._unitElement = el; } }, this._getUnits())));
-  }
-  /**
-   * Render distance control as a slider
-   * This option will be used when the "appearance" prop is set to "slider"
-   *
-   * @returns a node with the supporting control
-   *
-   * @protected
-   */
-  _getSliderDisplay() {
-    return (h("div", null, h("calcite-slider", { labelHandles: true, max: this.sliderMax, min: this.sliderMin, ticks: this.sliderTicks })));
-  }
-  /**
-   * Fetches the component's translations
-   *
-   * @returns Promise when complete
-   * @protected
-   */
-  async _getTranslations() {
-    const messages = await getLocaleComponentStrings(this.el);
-    this._translations = messages[0];
-  }
-  get el() { return this; }
-  static get watchers() { return {
-    "geometries": ["geometriesWatchHandler"]
-  }; }
-  static get style() { return bufferToolsCss; }
-}, [1, "buffer-tools", {
-    "appearance": [1],
-    "distance": [2],
-    "geometries": [16],
-    "sliderMax": [2, "slider-max"],
-    "sliderMin": [2, "slider-min"],
-    "sliderTicks": [2, "slider-ticks"],
-    "unionResults": [4, "union-results"],
-    "unit": [8],
-    "_translations": [32]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["buffer-tools", "calcite-graph", "calcite-icon", "calcite-input", "calcite-option", "calcite-progress", "calcite-select", "calcite-slider"];
-  components.forEach(tagName => { switch (tagName) {
-    case "buffer-tools":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, BufferTools);
-      }
-      break;
-    case "calcite-graph":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$7();
-      }
-      break;
-    case "calcite-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "calcite-input":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "calcite-option":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "calcite-progress":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "calcite-select":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "calcite-slider":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { BufferTools as B, defineCustomElement as d };
-
-//# sourceMappingURL=buffer-tools2.js.map

package/dist/components/buffer-tools2.js.map

@@ -1 +0,0 @@
-{"file":"buffer-tools2.js","mappings":"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","names":[],"sources":["./src/components/buffer-tools/buffer-tools.css?tag=buffer-tools&encapsulation=shadow","./src/components/buffer-tools/buffer-tools.tsx"],"sourcesContent":["/** @license\r\n * Copyright 2022 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the \"License\");\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n.c-container {\r\n  display: inline-flex;\r\n}\r\n\r\n.flex-1 {\r\n  flex: \"1\";\r\n}\r\n\r\n.padding-end-1 {\r\n  padding-inline-end: 1rem;\r\n}\r\n","/** @license\r\n * Copyright 2022 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the \"License\");\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\nimport { Component, Element, Event, EventEmitter, Host, h, Prop, State, VNode, Watch } from \"@stencil/core\";\r\nimport { loadModules } from \"../../utils/loadModules\";\r\nimport BufferTools_T9n from \"../../assets/t9n/buffer-tools/resources.json\";\r\nimport { getLocaleComponentStrings } from \"../../utils/locale\";\r\n\r\n@Component({\r\n  tag: \"buffer-tools\",\r\n  styleUrl: \"buffer-tools.css\",\r\n  shadow: true,\r\n})\r\nexport class BufferTools {\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Host element access\r\n  //\r\n  //--------------------------------------------------------------------------\r\n  @Element() el: HTMLBufferToolsElement;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * string: The appearance of display. Can be a \"slider\" or \"text\" inputs for distance/value\r\n   */\r\n  @Prop() appearance: \"slider\" | \"text\" = \"text\";\r\n\r\n  /**\r\n   * number: The distance used for buffer\r\n   */\r\n  @Prop() distance = 0;\r\n\r\n  /**\r\n   * esri/geometry/Geometry: https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Geometry.html\r\n   */\r\n  @Prop() geometries: __esri.Geometry[] = [];\r\n\r\n  /**\r\n   * number: The component's maximum selectable value.\r\n   */\r\n  @Prop() sliderMax = 100;\r\n\r\n  /**\r\n   * number: The component's minimum selectable value.\r\n   */\r\n  @Prop() sliderMin = 0;\r\n\r\n  /**\r\n   * number: Displays tick marks on the number line at a specified interval.\r\n   */\r\n  @Prop() sliderTicks = 10;\r\n\r\n  /**\r\n   * boolean: option to control if buffer results should be unioned\r\n   */\r\n  @Prop() unionResults = true;\r\n\r\n  /**\r\n   * LinearUnits: https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-geometryEngine.html#LinearUnits\r\n   */\r\n  @Prop() unit: __esri.LinearUnits = \"meters\";\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (protected)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Contains the translations for this component.\r\n   * All UI strings should be defined here.\r\n   */\r\n  @State() _translations: typeof BufferTools_T9n;\r\n\r\n  /**\r\n   * Timeout: https://nodejs.org/en/docs/guides/timers-in-node/\r\n   */\r\n  protected _bufferTimeout: NodeJS.Timeout;\r\n\r\n  /**\r\n   * geometryEngine: https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-geometryEngine.html\r\n   */\r\n  protected _geometryEngine:  __esri.geometryEngine;\r\n\r\n  /**\r\n   * HTMLCalciteSelectElement: The html element for selecting buffer unit\r\n   */\r\n  protected _unitElement: HTMLCalciteSelectElement;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Watch handlers\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Called each time the geometries prop is changed.\r\n   * Buffer each of the geometries.\r\n   *\r\n   */\r\n  @Watch(\"geometries\")\r\n  geometriesWatchHandler(v: any, oldV: any): void {\r\n    if (v && JSON.stringify(v) !== JSON.stringify(oldV || [])) {\r\n      this._buffer();\r\n    }\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Methods (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Emitted on demand when a buffer is generated.\r\n   */\r\n  @Event() bufferComplete: EventEmitter<__esri.Polygon | __esri.Polygon[]>;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (lifecycle)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * StencilJS: Called once just after the component is first connected to the DOM.\r\n   *\r\n   * @returns Promise when complete\r\n   */\r\n  async componentWillLoad(): Promise<void> {\r\n    await this._getTranslations();\r\n    await this._initModules();\r\n  }\r\n\r\n  /**\r\n   * Renders the component.\r\n   */\r\n  render(): VNode {\r\n    return (\r\n      <Host>\r\n        {this.appearance === \"text\" ? this._getTextBoxDisplay() : this._getSliderDisplay()}\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (protected)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Load esri javascript api modules\r\n   *\r\n   * @returns Promise resolving when function is done\r\n   *\r\n   * @protected\r\n   */\r\n  protected async _initModules(): Promise<void> {\r\n    const [geometryEngine]: [\r\n      __esri.geometryEngine\r\n    ] = await loadModules([\r\n      \"esri/geometry/geometryEngine\"\r\n    ]);\r\n    this._geometryEngine = geometryEngine;\r\n  }\r\n\r\n  /**\r\n   * Gets the nodes for each of the possible distance units\r\n   *\r\n   * @returns An array of option nodes\r\n   *\r\n   * @protected\r\n   */\r\n  protected _getUnits(): VNode[] {\r\n    const units = {\r\n      \"feet\": this._translations.feet || \"Feet\",\r\n      \"meters\": this._translations.meters || \"Meters\",\r\n      \"miles\": this._translations.miles || \"Miles\",\r\n      \"kilometers\": this._translations.kilometers || \"Kilometers\"\r\n    };\r\n    return Object.keys(units).map(u => {\r\n      let selected = true;\r\n      if (!this.unit) {\r\n        this.unit = u as __esri.LinearUnits;\r\n      } else if (this.unit !== u) {\r\n        selected = false;\r\n      }\r\n      return (<calcite-option label={units[u]} selected={selected} value={u} />);\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Store the user defined distance value and create a buffer\r\n   *\r\n   * @param event the event from the calcite input control\r\n   *\r\n   * @protected\r\n   */\r\n  protected _setDistance(\r\n    event: CustomEvent\r\n  ): void {\r\n    this.distance = event.detail.value;\r\n    if (this.distance > 0) {\r\n      this._buffer();\r\n    } else {\r\n      this.bufferComplete.emit(undefined);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Store the user defined unit value and create a buffer\r\n   *\r\n   * @protected\r\n   */\r\n  protected _setUnit(): void {\r\n    this.unit = this._unitElement.value as __esri.LinearUnits;\r\n    this._buffer();\r\n  }\r\n\r\n  /**\r\n   * Create buffer geometry based on the user defined unit and distance\r\n   *\r\n   * @protected\r\n   */\r\n  protected _buffer(): void {\r\n    if (this._bufferTimeout) {\r\n      clearTimeout(this._bufferTimeout);\r\n    }\r\n\r\n    this._bufferTimeout = setTimeout(() => {\r\n      // needs to be wgs 84 or Web Mercator\r\n      if (this.geometries?.length > 0 && this.unit && this.distance > 0) {\r\n        const buffer = this._geometryEngine.geodesicBuffer(\r\n          this.geometries,\r\n          this.distance,\r\n          this.unit,\r\n          this.unionResults\r\n        );\r\n        this.bufferComplete.emit(buffer);\r\n      }\r\n    }, 400);\r\n  }\r\n\r\n  /**\r\n   * Render distance and unit as calcite input and select controls\r\n   * This option will be used when the \"appearance\" prop is set to \"text\"\r\n   *\r\n   * @returns a node with the supporting controls\r\n   *\r\n   * @protected\r\n   */\r\n  protected _getTextBoxDisplay(): VNode {\r\n    return (\r\n      <div class=\"c-container\">\r\n        <calcite-input\r\n          class=\"padding-end-1\"\r\n          number-button-type=\"vertical\"\r\n          onCalciteInputInput={(evt) => this._setDistance(evt)}\r\n          placeholder=\"0\"\r\n          type=\"number\"\r\n          value={this.distance ? this.distance.toString() : undefined}\r\n        />\r\n        <calcite-select\r\n          class=\"flex-1\"\r\n          label=\"label\"\r\n          onCalciteSelectChange={() => this._setUnit()}\r\n          ref={(el) => { this._unitElement = el }}\r\n        >\r\n          {this._getUnits()}\r\n        </calcite-select>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Render distance control as a slider\r\n   * This option will be used when the \"appearance\" prop is set to \"slider\"\r\n   *\r\n   * @returns a node with the supporting control\r\n   *\r\n   * @protected\r\n   */\r\n  protected _getSliderDisplay(): VNode {\r\n    return (\r\n      <div>\r\n        <calcite-slider\r\n          labelHandles={true}\r\n          max={this.sliderMax}\r\n          min={this.sliderMin}\r\n          ticks={this.sliderTicks}\r\n        />\r\n      </div>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Fetches the component's translations\r\n   *\r\n   * @returns Promise when complete\r\n   * @protected\r\n   */\r\n  protected async _getTranslations(): Promise<void> {\r\n    const messages = await getLocaleComponentStrings(this.el);\r\n    this._translations = messages[0] as typeof BufferTools_T9n;\r\n  }\r\n\r\n}\r\n"],"version":3}