@esri/solutions-components 0.2.2 → 0.2.3

package/dist/solutions-components/p-9dc0210f.entry.js

@@ -1,125 +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, h, g as getElement } from './p-58c69df2.js';
-import { c as createObserver } from './p-9a9955db.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 = {
-  frame: "frame",
-  frameAdvancing: "frame--advancing",
-  frameRetreating: "frame--retreating"
-};
-
-const flowCss = "@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{position:relative;display:flex;inline-size:100%;flex:1 1 auto;align-items:stretch;overflow:hidden;background-color:transparent}:host .frame{position:relative;margin:0px;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;padding:0px}:host ::slotted(calcite-flow-item),:host ::slotted(calcite-panel){block-size:100%}:host ::slotted(.calcite-match-height:last-child){display:flex;flex:1 1 auto;overflow:hidden}:host .frame--advancing{animation:calcite-frame-advance var(--calcite-animation-timing)}:host .frame--retreating{animation:calcite-frame-retreat var(--calcite-animation-timing)}@keyframes calcite-frame-advance{0%{--tw-bg-opacity:0.5;transform:translate3d(50px, 0, 0)}100%{--tw-bg-opacity:1;transform:translate3d(0, 0, 0)}}@keyframes calcite-frame-retreat{0%{--tw-bg-opacity:0.5;transform:translate3d(-50px, 0, 0)}100%{--tw-bg-opacity:1;transform:translate3d(0, 0, 0)}}";
-
-const Flow = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.flowDirection = null;
-    this.itemCount = 0;
-    this.items = [];
-    this.itemMutationObserver = createObserver("mutation", () => this.updateFlowProps());
-    this.getFlowDirection = (oldFlowItemCount, newFlowItemCount) => {
-      const allowRetreatingDirection = oldFlowItemCount > 1;
-      const allowAdvancingDirection = oldFlowItemCount && newFlowItemCount > 1;
-      if (!allowAdvancingDirection && !allowRetreatingDirection) {
-        return null;
-      }
-      return newFlowItemCount < oldFlowItemCount ? "retreating" : "advancing";
-    };
-    this.updateFlowProps = () => {
-      const { el, items } = this;
-      const newItems = Array.from(el.querySelectorAll("calcite-flow-item, calcite-panel")).filter((flowItem) => !flowItem.matches("calcite-flow-item calcite-flow-item, calcite-panel calcite-panel"));
-      const oldItemCount = items.length;
-      const newItemCount = newItems.length;
-      const activeItem = newItems[newItemCount - 1];
-      const previousItem = newItems[newItemCount - 2];
-      if (newItemCount && activeItem) {
-        newItems.forEach((itemNode) => {
-          itemNode.showBackButton = itemNode === activeItem && newItemCount > 1;
-          itemNode.hidden = itemNode !== activeItem;
-        });
-      }
-      if (previousItem) {
-        previousItem.menuOpen = false;
-      }
-      this.items = newItems;
-      if (oldItemCount !== newItemCount) {
-        const flowDirection = this.getFlowDirection(oldItemCount, newItemCount);
-        this.itemCount = newItemCount;
-        this.flowDirection = flowDirection;
-      }
-    };
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Public Methods
-  //
-  // --------------------------------------------------------------------------
-  /**
-   * Removes the currently active `calcite-flow-item` or `calcite-panel`.
-   */
-  async back() {
-    const { items } = this;
-    const lastItem = items[items.length - 1];
-    if (!lastItem) {
-      return;
-    }
-    const beforeBack = lastItem.beforeBack
-      ? lastItem.beforeBack
-      : () => Promise.resolve();
-    return beforeBack.call(lastItem).then(() => {
-      lastItem.remove();
-      return lastItem;
-    });
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  // --------------------------------------------------------------------------
-  connectedCallback() {
-    var _a;
-    (_a = this.itemMutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
-    this.updateFlowProps();
-  }
-  disconnectedCallback() {
-    var _a;
-    (_a = this.itemMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  // --------------------------------------------------------------------------
-  handleItemBackClick() {
-    this.back();
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Render Methods
-  //
-  // --------------------------------------------------------------------------
-  render() {
-    const { flowDirection } = this;
-    const frameDirectionClasses = {
-      [CSS.frame]: true,
-      [CSS.frameAdvancing]: flowDirection === "advancing",
-      [CSS.frameRetreating]: flowDirection === "retreating"
-    };
-    return (h("div", { class: frameDirectionClasses }, h("slot", null)));
-  }
-  get el() { return getElement(this); }
-};
-Flow.style = flowCss;
-
-export { Flow as calcite_flow };
-
-//# sourceMappingURL=p-9dc0210f.entry.js.map

package/dist/solutions-components/p-9dc0210f.entry.js.map

@@ -1 +0,0 @@
-{"file":"calcite-flow.entry.esm.js","mappings":"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","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/flow/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/flow/flow.css?tag=calcite-flow&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/flow/flow.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  frame: \"frame\",\n  frameAdvancing: \"frame--advancing\",\n  frameRetreating: \"frame--retreating\"\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 {\n  position: relative;\n  display: flex;\n  inline-size: 100%;\n  flex: 1 1 auto;\n  align-items: stretch;\n  overflow: hidden;\n  background-color: transparent;\n}\n:host .frame {\n  position: relative;\n  margin: 0px;\n  display: flex;\n  inline-size: 100%;\n  flex: 1 1 auto;\n  flex-direction: column;\n  align-items: stretch;\n  padding: 0px;\n}\n:host ::slotted(calcite-flow-item), \n:host ::slotted(calcite-panel) {\n  block-size: 100%;\n}\n:host ::slotted(.calcite-match-height:last-child) {\n  display: flex;\n  flex: 1 1 auto;\n  overflow: hidden;\n}\n:host .frame--advancing {\n  animation: calcite-frame-advance var(--calcite-animation-timing);\n}\n:host .frame--retreating {\n  animation: calcite-frame-retreat var(--calcite-animation-timing);\n}\n@keyframes calcite-frame-advance {\n  0% {\n    --tw-bg-opacity: 0.5;\n    transform: translate3d(50px, 0, 0);\n  }\n  100% {\n    --tw-bg-opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n}\n@keyframes calcite-frame-retreat {\n  0% {\n    --tw-bg-opacity: 0.5;\n    transform: translate3d(-50px, 0, 0);\n  }\n  100% {\n    --tw-bg-opacity: 1;\n    transform: translate3d(0, 0, 0);\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 } from \"@stencil/core\";\nimport { CSS } from \"./resources\";\nimport { createObserver } from \"../../utils/observers\";\n/**\n * @slot - A slot for adding `calcite-flow-item` or `calcite-panel`s (deprecated) to the flow.\n */\nexport class Flow {\n  constructor() {\n    this.flowDirection = null;\n    this.itemCount = 0;\n    this.items = [];\n    this.itemMutationObserver = createObserver(\"mutation\", () => this.updateFlowProps());\n    this.getFlowDirection = (oldFlowItemCount, newFlowItemCount) => {\n      const allowRetreatingDirection = oldFlowItemCount > 1;\n      const allowAdvancingDirection = oldFlowItemCount && newFlowItemCount > 1;\n      if (!allowAdvancingDirection && !allowRetreatingDirection) {\n        return null;\n      }\n      return newFlowItemCount < oldFlowItemCount ? \"retreating\" : \"advancing\";\n    };\n    this.updateFlowProps = () => {\n      const { el, items } = this;\n      const newItems = Array.from(el.querySelectorAll(\"calcite-flow-item, calcite-panel\")).filter((flowItem) => !flowItem.matches(\"calcite-flow-item calcite-flow-item, calcite-panel calcite-panel\"));\n      const oldItemCount = items.length;\n      const newItemCount = newItems.length;\n      const activeItem = newItems[newItemCount - 1];\n      const previousItem = newItems[newItemCount - 2];\n      if (newItemCount && activeItem) {\n        newItems.forEach((itemNode) => {\n          itemNode.showBackButton = itemNode === activeItem && newItemCount > 1;\n          itemNode.hidden = itemNode !== activeItem;\n        });\n      }\n      if (previousItem) {\n        previousItem.menuOpen = false;\n      }\n      this.items = newItems;\n      if (oldItemCount !== newItemCount) {\n        const flowDirection = this.getFlowDirection(oldItemCount, newItemCount);\n        this.itemCount = newItemCount;\n        this.flowDirection = flowDirection;\n      }\n    };\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n  /**\n   * Removes the currently active `calcite-flow-item` or `calcite-panel`.\n   */\n  async back() {\n    const { items } = this;\n    const lastItem = items[items.length - 1];\n    if (!lastItem) {\n      return;\n    }\n    const beforeBack = lastItem.beforeBack\n      ? lastItem.beforeBack\n      : () => Promise.resolve();\n    return beforeBack.call(lastItem).then(() => {\n      lastItem.remove();\n      return lastItem;\n    });\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n  connectedCallback() {\n    var _a;\n    (_a = this.itemMutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });\n    this.updateFlowProps();\n  }\n  disconnectedCallback() {\n    var _a;\n    (_a = this.itemMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n  handleItemBackClick() {\n    this.back();\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  render() {\n    const { flowDirection } = this;\n    const frameDirectionClasses = {\n      [CSS.frame]: true,\n      [CSS.frameAdvancing]: flowDirection === \"advancing\",\n      [CSS.frameRetreating]: flowDirection === \"retreating\"\n    };\n    return (h(\"div\", { class: frameDirectionClasses }, h(\"slot\", null)));\n  }\n  static get is() { return \"calcite-flow\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"flow.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"flow.css\"]\n    };\n  }\n  static get states() {\n    return {\n      \"flowDirection\": {},\n      \"itemCount\": {},\n      \"items\": {}\n    };\n  }\n  static get methods() {\n    return {\n      \"back\": {\n        \"complexType\": {\n          \"signature\": \"() => Promise<HTMLCalciteFlowItemElement>\",\n          \"parameters\": [],\n          \"references\": {\n            \"Promise\": {\n              \"location\": \"global\"\n            },\n            \"HTMLCalciteFlowItemElement\": {\n              \"location\": \"global\"\n            }\n          },\n          \"return\": \"Promise<HTMLCalciteFlowItemElement>\"\n        },\n        \"docs\": {\n          \"text\": \"Removes the currently active `calcite-flow-item` or `calcite-panel`.\",\n          \"tags\": []\n        }\n      }\n    };\n  }\n  static get elementRef() { return \"el\"; }\n  static get listeners() {\n    return [{\n        \"name\": \"calciteFlowItemBackClick\",\n        \"method\": \"handleItemBackClick\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": false\n      }, {\n        \"name\": \"calcitePanelBackClick\",\n        \"method\": \"handleItemBackClick\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": false\n      }];\n  }\n}\n"],"version":3}

package/dist/solutions-components/p-9fec2884.entry.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 { r as registerInstance, c as createEvent, h, g as getElement } from './p-58c69df2.js';
-import { g as guid } from './p-a80b3880.js';
-import { u as updateHostInteraction } from './p-7daea1df.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 = {
-  checked: "checked",
-  description: "description",
-  descriptionOnly: "description-only",
-  disabled: "disabled",
-  heading: "heading",
-  headingOnly: "heading-only",
-  icon: "icon",
-  iconOnly: "icon-only",
-  inputAlignmentEnd: "input-alignment-end",
-  inputAlignmentStart: "input-alignment-start",
-  inputEnabled: "input-enabled",
-  largeVisual: "large-visual",
-  widthAuto: "width-auto",
-  widthFull: "width-full"
-};
-
-const tileSelectCss = "@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([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:block}:host .container{background-color:var(--calcite-ui-foreground-1);box-shadow:0 0 0 1px var(--calcite-ui-border-2);box-sizing:border-box;cursor:pointer;display:inline-block;block-size:100%;max-inline-size:300px;padding:0.75rem;position:relative;vertical-align:top;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host .container.checked{z-index:1;box-shadow:0 0 0 1px var(--calcite-ui-brand)}:host .container.heading-only{align-items:center}:host .container:not(.input-enabled) ::slotted(calcite-checkbox),:host .container:not(.input-enabled) ::slotted(calcite-radio-button){position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}:host .container.focused{outline-color:transparent}:host .container.focused:not(.disabled):not(.input-enabled){outline:2px solid var(--calcite-ui-brand);outline-offset:-4px;box-shadow:0 0 0 1px var(--calcite-ui-brand), inset 0 0 0 2px var(--calcite-ui-foreground-1)}:host .container.input-enabled.input-alignment-start.width-auto.heading-only,:host .container.input-enabled.input-alignment-start.width-auto.icon-only,:host .container.input-enabled.input-alignment-start.width-auto.description-only,:host .container.input-enabled.input-alignment-start.width-auto.heading.description,:host .container.input-enabled.input-alignment-start.width-auto.icon.description,:host .container.input-enabled.input-alignment-start.width-auto.heading.icon.description{display:inline-grid;grid-template-columns:max-content 1fr}:host .container.input-enabled.input-alignment-start.heading-only,:host .container.input-enabled.input-alignment-start.icon-only,:host .container.input-enabled.input-alignment-start.description-only,:host .container.input-enabled.input-alignment-start.heading.description,:host .container.input-enabled.input-alignment-start.icon.description,:host .container.input-enabled.input-alignment-start.heading.icon.description{gap:0.75rem}:host .container.input-enabled.input-alignment-start calcite-tile{order:1}:host .container.input-enabled.input-alignment-start.large-visual ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-start.large-visual ::slotted(calcite-radio-button){position:absolute;inset-block-start:0.75rem;inset-inline-start:0.75rem}:host .container.input-enabled.input-alignment-end.width-auto.heading-only,:host .container.input-enabled.input-alignment-end.width-auto.icon-only{display:inline-grid;grid-gap:0.75rem;grid-template-columns:max-content 1fr}:host .container.input-enabled.input-alignment-end.heading-only,:host .container.input-enabled.input-alignment-end.icon-only{gap:0.75rem}:host .container.input-enabled.input-alignment-end.description-only ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.description-only ::slotted(calcite-radio-button),:host .container.input-enabled.input-alignment-end.heading.description ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.heading.description ::slotted(calcite-radio-button),:host .container.input-enabled.input-alignment-end.icon.description ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.icon.description ::slotted(calcite-radio-button),:host .container.input-enabled.input-alignment-end.heading.icon.description ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.heading.icon.description ::slotted(calcite-radio-button){position:absolute;inset-block-start:0.75rem;inset-inline-end:0.75rem}:host .container.input-enabled.input-alignment-end.large-visual ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.large-visual ::slotted(calcite-radio-button){position:absolute;inset-block-start:0.75rem;inset-inline-end:0.75rem}:host .container.width-full{display:flex;max-inline-size:none}:host .container.width-full calcite-tile{flex:1 1 auto}:host(:hover) .container:not(.input-enabled){box-shadow:0 0 0 1px var(--calcite-ui-brand)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";
-
-const TileSelect = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.calciteTileSelectChange = createEvent(this, "calciteTileSelectChange", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /** When `true`, the component is checked. */
-    this.checked = false;
-    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
-    this.disabled = false;
-    /** When `true`, the component is not displayed and is not focusable or checkable. */
-    this.hidden = false;
-    /** When `true`, displays an interactive input based on the `type` property. */
-    this.inputEnabled = false;
-    /** When `inputEnabled` is `true`, specifies the placement of the interactive input on the component. */
-    this.inputAlignment = "start";
-    /**
-     * The selection mode of the component.
-     *
-     * Use radio for single selection, and checkbox for multiple selections.
-     */
-    this.type = "radio";
-    /** Specifies the width of the component. */
-    this.width = "auto";
-    this.guid = `calcite-tile-select-${guid()}`;
-    //--------------------------------------------------------------------------
-    //
-    //  State
-    //
-    //--------------------------------------------------------------------------
-    /** The focused state of the tile-select. */
-    this.focused = false;
-  }
-  checkedChanged(newChecked) {
-    this.input.checked = newChecked;
-  }
-  nameChanged(newName) {
-    this.input.name = newName;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Public Methods
-  //
-  //--------------------------------------------------------------------------
-  /** Sets focus on the component. */
-  async setFocus() {
-    var _a;
-    (_a = this.input) === null || _a === void 0 ? void 0 : _a.setFocus();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Event Listeners
-  //
-  //--------------------------------------------------------------------------
-  checkboxChangeHandler(event) {
-    const checkbox = event.target;
-    if (checkbox === this.input) {
-      this.checked = checkbox.checked;
-    }
-    event.stopPropagation();
-    this.calciteTileSelectChange.emit();
-  }
-  checkboxFocusBlurHandler(event) {
-    const checkbox = event.target;
-    if (checkbox === this.input) {
-      this.focused = event.detail;
-    }
-    event.stopPropagation();
-  }
-  radioButtonChangeHandler(event) {
-    const radioButton = event.target;
-    if (radioButton === this.input) {
-      this.checked = radioButton.checked;
-    }
-    event.stopPropagation();
-    this.calciteTileSelectChange.emit();
-  }
-  radioButtonCheckedChangeHandler(event) {
-    const radioButton = event.target;
-    if (radioButton === this.input) {
-      this.checked = radioButton.checked;
-    }
-    event.stopPropagation();
-  }
-  radioButtonFocusBlurHandler(event) {
-    const radioButton = event.target;
-    if (radioButton === this.input) {
-      this.focused = radioButton.focused;
-    }
-    event.stopPropagation();
-  }
-  click(event) {
-    const target = event.target;
-    const targets = ["calcite-tile", "calcite-tile-select"];
-    if (targets.includes(target.localName)) {
-      this.input.click();
-    }
-  }
-  mouseenter() {
-    if (this.input.localName === "calcite-radio-button") {
-      this.input.hovered = true;
-    }
-    if (this.input.localName === "calcite-checkbox") {
-      this.input.hovered = true;
-    }
-  }
-  mouseleave() {
-    if (this.input.localName === "calcite-radio-button") {
-      this.input.hovered = false;
-    }
-    if (this.input.localName === "calcite-checkbox") {
-      this.input.hovered = false;
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  connectedCallback() {
-    this.renderInput();
-  }
-  disconnectedCallback() {
-    this.input.parentNode.removeChild(this.input);
-  }
-  componentDidRender() {
-    updateHostInteraction(this);
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Render Methods
-  //
-  // --------------------------------------------------------------------------
-  renderInput() {
-    this.input = document.createElement(this.type === "radio" ? "calcite-radio-button" : "calcite-checkbox");
-    this.input.checked = this.checked;
-    this.input.disabled = this.disabled;
-    this.input.hidden = this.hidden;
-    this.input.id = this.guid;
-    this.input.label = this.heading || this.name || "";
-    if (this.name) {
-      this.input.name = this.name;
-    }
-    if (this.value) {
-      this.input.value = this.value != null ? this.value.toString() : "";
-    }
-    this.el.insertAdjacentElement("beforeend", this.input);
-  }
-  render() {
-    const { checked, description, disabled, focused, heading, icon, inputAlignment, inputEnabled, width } = this;
-    return (h("div", { class: {
-        checked,
-        container: true,
-        [CSS.description]: Boolean(description),
-        [CSS.descriptionOnly]: Boolean(!heading && !icon && description),
-        disabled,
-        focused,
-        [CSS.heading]: Boolean(heading),
-        [CSS.headingOnly]: heading && !icon && !description,
-        [CSS.icon]: Boolean(icon),
-        [CSS.iconOnly]: !heading && icon && !description,
-        [CSS.inputAlignmentEnd]: inputAlignment === "end",
-        [CSS.inputAlignmentStart]: inputAlignment === "start",
-        [CSS.inputEnabled]: inputEnabled,
-        [CSS.largeVisual]: heading && icon && !description,
-        [CSS.widthAuto]: width === "auto",
-        [CSS.widthFull]: width === "full"
-      } }, h("calcite-tile", { active: checked, description: description, embed: true, heading: heading, icon: icon }), h("slot", null)));
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "checked": ["checkedChanged"],
-    "name": ["nameChanged"]
-  }; }
-};
-TileSelect.style = tileSelectCss;
-
-export { TileSelect as calcite_tile_select };
-
-//# sourceMappingURL=p-9fec2884.entry.js.map

package/dist/solutions-components/p-9fec2884.entry.js.map

@@ -1 +0,0 @@
-{"file":"calcite-tile-select.entry.esm.js","mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACO,MAAM,GAAG,GAAG;AACnB,EAAE,OAAO,EAAE,SAAS;AACpB,EAAE,WAAW,EAAE,aAAa;AAC5B,EAAE,eAAe,EAAE,kBAAkB;AACrC,EAAE,QAAQ,EAAE,UAAU;AACtB,EAAE,OAAO,EAAE,SAAS;AACpB,EAAE,WAAW,EAAE,cAAc;AAC7B,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,QAAQ,EAAE,WAAW;AACvB,EAAE,iBAAiB,EAAE,qBAAqB;AAC1C,EAAE,mBAAmB,EAAE,uBAAuB;AAC9C,EAAE,YAAY,EAAE,eAAe;AAC/B,EAAE,WAAW,EAAE,cAAc;AAC7B,EAAE,SAAS,EAAE,YAAY;AACzB,EAAE,SAAS,EAAE,YAAY;AACzB,CAAC;;ACpBD,MAAM,aAAa,GAAG,2/KAA2/K;;MCYpgL,UAAU;EACrB;;;;;;;;;IAOE,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;;IAErB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;;IAEtB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;;IAEpB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;;IAE1B,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC;;;;;;IAM9B,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC;;IAEpB,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC;IACpB,IAAI,CAAC,IAAI,GAAG,uBAAuB,IAAI,EAAE,EAAE,CAAC;;;;;;;IAO5C,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;GACtB;EACD,cAAc,CAAC,UAAU;IACvB,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC;GACjC;EACD,WAAW,CAAC,OAAO;IACjB,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,OAAO,CAAC;GAC3B;;;;;;;EAOD,MAAM,QAAQ;IACZ,IAAI,EAAE,CAAC;IACP,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC;GACtE;;;;;;EAMD,qBAAqB,CAAC,KAAK;IACzB,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC;IAC9B,IAAI,QAAQ,KAAK,IAAI,CAAC,KAAK,EAAE;MAC3B,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;KACjC;IACD,KAAK,CAAC,eAAe,EAAE,CAAC;IACxB,IAAI,CAAC,uBAAuB,CAAC,IAAI,EAAE,CAAC;GACrC;EACD,wBAAwB,CAAC,KAAK;IAC5B,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC;IAC9B,IAAI,QAAQ,KAAK,IAAI,CAAC,KAAK,EAAE;MAC3B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC;KAC7B;IACD,KAAK,CAAC,eAAe,EAAE,CAAC;GACzB;EACD,wBAAwB,CAAC,KAAK;IAC5B,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC;IACjC,IAAI,WAAW,KAAK,IAAI,CAAC,KAAK,EAAE;MAC9B,IAAI,CAAC,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC;KACpC;IACD,KAAK,CAAC,eAAe,EAAE,CAAC;IACxB,IAAI,CAAC,uBAAuB,CAAC,IAAI,EAAE,CAAC;GACrC;EACD,+BAA+B,CAAC,KAAK;IACnC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC;IACjC,IAAI,WAAW,KAAK,IAAI,CAAC,KAAK,EAAE;MAC9B,IAAI,CAAC,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC;KACpC;IACD,KAAK,CAAC,eAAe,EAAE,CAAC;GACzB;EACD,2BAA2B,CAAC,KAAK;IAC/B,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC;IACjC,IAAI,WAAW,KAAK,IAAI,CAAC,KAAK,EAAE;MAC9B,IAAI,CAAC,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC;KACpC;IACD,KAAK,CAAC,eAAe,EAAE,CAAC;GACzB;EACD,KAAK,CAAC,KAAK;IACT,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAC5B,MAAM,OAAO,GAAG,CAAC,cAAc,EAAE,qBAAqB,CAAC,CAAC;IACxD,IAAI,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE;MACtC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;KACpB;GACF;EACD,UAAU;IACR,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,sBAAsB,EAAE;MACnD,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;KAC3B;IACD,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,kBAAkB,EAAE;MAC/C,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;KAC3B;GACF;EACD,UAAU;IACR,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,sBAAsB,EAAE;MACnD,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;KAC5B;IACD,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,kBAAkB,EAAE;MAC/C,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;KAC5B;GACF;;;;;;EAMD,iBAAiB;IACf,IAAI,CAAC,WAAW,EAAE,CAAC;GACpB;EACD,oBAAoB;IAClB,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;GAC/C;EACD,kBAAkB;IAChB,qBAAqB,CAAC,IAAI,CAAC,CAAC;GAC7B;;;;;;EAMD,WAAW;IACT,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO,GAAG,sBAAsB,GAAG,kBAAkB,CAAC,CAAC;IACzG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;IAClC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;IACpC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;IAChC,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC;IAC1B,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;IACnD,IAAI,IAAI,CAAC,IAAI,EAAE;MACb,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;KAC7B;IACD,IAAI,IAAI,CAAC,KAAK,EAAE;MACd,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC;KACpE;IACD,IAAI,CAAC,EAAE,CAAC,qBAAqB,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;GACxD;EACD,MAAM;IACJ,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IAC7G,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACtB,OAAO;QACP,SAAS,EAAE,IAAI;QACf,CAAC,GAAG,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;QACvC,CAAC,GAAG,CAAC,eAAe,GAAG,OAAO,CAAC,CAAC,OAAO,IAAI,CAAC,IAAI,IAAI,WAAW,CAAC;QAChE,QAAQ;QACR,OAAO;QACP,CAAC,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;QAC/B,CAAC,GAAG,CAAC,WAAW,GAAG,OAAO,IAAI,CAAC,IAAI,IAAI,CAAC,WAAW;QACnD,CAAC,GAAG,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;QACzB,CAAC,GAAG,CAAC,QAAQ,GAAG,CAAC,OAAO,IAAI,IAAI,IAAI,CAAC,WAAW;QAChD,CAAC,GAAG,CAAC,iBAAiB,GAAG,cAAc,KAAK,KAAK;QACjD,CAAC,GAAG,CAAC,mBAAmB,GAAG,cAAc,KAAK,OAAO;QACrD,CAAC,GAAG,CAAC,YAAY,GAAG,YAAY;QAChC,CAAC,GAAG,CAAC,WAAW,GAAG,OAAO,IAAI,IAAI,IAAI,CAAC,WAAW;QAClD,CAAC,GAAG,CAAC,SAAS,GAAG,KAAK,KAAK,MAAM;QACjC,CAAC,GAAG,CAAC,SAAS,GAAG,KAAK,KAAK,MAAM;OAClC,EAAE,EAAE,CAAC,CAAC,cAAc,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,EAAE;GACvI;;;;;;;;;;;","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/tile-select/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/tile-select/tile-select.css?tag=calcite-tile-select&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/tile-select/tile-select.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  checked: \"checked\",\n  description: \"description\",\n  descriptionOnly: \"description-only\",\n  disabled: \"disabled\",\n  heading: \"heading\",\n  headingOnly: \"heading-only\",\n  icon: \"icon\",\n  iconOnly: \"icon-only\",\n  inputAlignmentEnd: \"input-alignment-end\",\n  inputAlignmentStart: \"input-alignment-start\",\n  inputEnabled: \"input-enabled\",\n  largeVisual: \"large-visual\",\n  widthAuto: \"width-auto\",\n  widthFull: \"width-full\"\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: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:host {\n  display: block;\n}\n:host .container {\n  background-color: var(--calcite-ui-foreground-1);\n  box-shadow: 0 0 0 1px var(--calcite-ui-border-2);\n  box-sizing: border-box;\n  cursor: pointer;\n  display: inline-block;\n  block-size: 100%;\n  max-inline-size: 300px;\n  padding: 0.75rem;\n  position: relative;\n  vertical-align: top;\n  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;\n}\n:host .container.checked {\n  z-index: 1;\n  box-shadow: 0 0 0 1px var(--calcite-ui-brand);\n}\n:host .container.heading-only {\n  align-items: center;\n}\n:host .container:not(.input-enabled) ::slotted(calcite-checkbox), \n:host .container:not(.input-enabled) ::slotted(calcite-radio-button) {\n  position: absolute;\n  inline-size: 1px;\n  block-size: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n}\n:host .container.focused {\n  outline-color: transparent;\n}\n:host .container.focused:not(.disabled):not(.input-enabled) {\n  outline: 2px solid var(--calcite-ui-brand);\n  outline-offset: -4px;\n  box-shadow: 0 0 0 1px var(--calcite-ui-brand), inset 0 0 0 2px var(--calcite-ui-foreground-1);\n}\n:host .container.input-enabled.input-alignment-start.width-auto.heading-only, :host .container.input-enabled.input-alignment-start.width-auto.icon-only, :host .container.input-enabled.input-alignment-start.width-auto.description-only, :host .container.input-enabled.input-alignment-start.width-auto.heading.description, :host .container.input-enabled.input-alignment-start.width-auto.icon.description, :host .container.input-enabled.input-alignment-start.width-auto.heading.icon.description {\n  display: inline-grid;\n  grid-template-columns: max-content 1fr;\n}\n:host .container.input-enabled.input-alignment-start.heading-only, :host .container.input-enabled.input-alignment-start.icon-only, :host .container.input-enabled.input-alignment-start.description-only, :host .container.input-enabled.input-alignment-start.heading.description, :host .container.input-enabled.input-alignment-start.icon.description, :host .container.input-enabled.input-alignment-start.heading.icon.description {\n  gap: 0.75rem;\n}\n:host .container.input-enabled.input-alignment-start calcite-tile {\n  order: 1;\n}\n:host .container.input-enabled.input-alignment-start.large-visual ::slotted(calcite-checkbox),\n:host .container.input-enabled.input-alignment-start.large-visual ::slotted(calcite-radio-button) {\n  position: absolute;\n  inset-block-start: 0.75rem;\n  inset-inline-start: 0.75rem;\n}\n:host .container.input-enabled.input-alignment-end.width-auto.heading-only, :host .container.input-enabled.input-alignment-end.width-auto.icon-only {\n  display: inline-grid;\n  grid-gap: 0.75rem;\n  grid-template-columns: max-content 1fr;\n}\n:host .container.input-enabled.input-alignment-end.heading-only, :host .container.input-enabled.input-alignment-end.icon-only {\n  gap: 0.75rem;\n}\n:host .container.input-enabled.input-alignment-end.description-only ::slotted(calcite-checkbox),\n:host .container.input-enabled.input-alignment-end.description-only ::slotted(calcite-radio-button), :host .container.input-enabled.input-alignment-end.heading.description ::slotted(calcite-checkbox),\n:host .container.input-enabled.input-alignment-end.heading.description ::slotted(calcite-radio-button), :host .container.input-enabled.input-alignment-end.icon.description ::slotted(calcite-checkbox),\n:host .container.input-enabled.input-alignment-end.icon.description ::slotted(calcite-radio-button), :host .container.input-enabled.input-alignment-end.heading.icon.description ::slotted(calcite-checkbox),\n:host .container.input-enabled.input-alignment-end.heading.icon.description ::slotted(calcite-radio-button) {\n  position: absolute;\n  inset-block-start: 0.75rem;\n  inset-inline-end: 0.75rem;\n}\n:host .container.input-enabled.input-alignment-end.large-visual ::slotted(calcite-checkbox),\n:host .container.input-enabled.input-alignment-end.large-visual ::slotted(calcite-radio-button) {\n  position: absolute;\n  inset-block-start: 0.75rem;\n  inset-inline-end: 0.75rem;\n}\n:host .container.width-full {\n  display: flex;\n  max-inline-size: none;\n}\n:host .container.width-full calcite-tile {\n  flex: 1 1 auto;\n}\n\n:host(:hover) .container:not(.input-enabled) {\n  box-shadow: 0 0 0 1px 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 * 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 } from \"@stencil/core\";\nimport { guid } from \"../../utils/guid\";\nimport { CSS } from \"./resources\";\nimport { updateHostInteraction } from \"../../utils/interactive\";\n/**\n * @slot - A slot for adding custom content.\n */\nexport class TileSelect {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    //--------------------------------------------------------------------------\n    /** When `true`, the component is checked. */\n    this.checked = false;\n    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n    this.disabled = false;\n    /** When `true`, the component is not displayed and is not focusable or checkable. */\n    this.hidden = false;\n    /** When `true`, displays an interactive input based on the `type` property. */\n    this.inputEnabled = false;\n    /** When `inputEnabled` is `true`, specifies the placement of the interactive input on the component. */\n    this.inputAlignment = \"start\";\n    /**\n     * The selection mode of the component.\n     *\n     * Use radio for single selection, and checkbox for multiple selections.\n     */\n    this.type = \"radio\";\n    /** Specifies the width of the component. */\n    this.width = \"auto\";\n    this.guid = `calcite-tile-select-${guid()}`;\n    //--------------------------------------------------------------------------\n    //\n    //  State\n    //\n    //--------------------------------------------------------------------------\n    /** The focused state of the tile-select. */\n    this.focused = false;\n  }\n  checkedChanged(newChecked) {\n    this.input.checked = newChecked;\n  }\n  nameChanged(newName) {\n    this.input.name = newName;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n  /** Sets focus on the component. */\n  async setFocus() {\n    var _a;\n    (_a = this.input) === null || _a === void 0 ? void 0 : _a.setFocus();\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n  checkboxChangeHandler(event) {\n    const checkbox = event.target;\n    if (checkbox === this.input) {\n      this.checked = checkbox.checked;\n    }\n    event.stopPropagation();\n    this.calciteTileSelectChange.emit();\n  }\n  checkboxFocusBlurHandler(event) {\n    const checkbox = event.target;\n    if (checkbox === this.input) {\n      this.focused = event.detail;\n    }\n    event.stopPropagation();\n  }\n  radioButtonChangeHandler(event) {\n    const radioButton = event.target;\n    if (radioButton === this.input) {\n      this.checked = radioButton.checked;\n    }\n    event.stopPropagation();\n    this.calciteTileSelectChange.emit();\n  }\n  radioButtonCheckedChangeHandler(event) {\n    const radioButton = event.target;\n    if (radioButton === this.input) {\n      this.checked = radioButton.checked;\n    }\n    event.stopPropagation();\n  }\n  radioButtonFocusBlurHandler(event) {\n    const radioButton = event.target;\n    if (radioButton === this.input) {\n      this.focused = radioButton.focused;\n    }\n    event.stopPropagation();\n  }\n  click(event) {\n    const target = event.target;\n    const targets = [\"calcite-tile\", \"calcite-tile-select\"];\n    if (targets.includes(target.localName)) {\n      this.input.click();\n    }\n  }\n  mouseenter() {\n    if (this.input.localName === \"calcite-radio-button\") {\n      this.input.hovered = true;\n    }\n    if (this.input.localName === \"calcite-checkbox\") {\n      this.input.hovered = true;\n    }\n  }\n  mouseleave() {\n    if (this.input.localName === \"calcite-radio-button\") {\n      this.input.hovered = false;\n    }\n    if (this.input.localName === \"calcite-checkbox\") {\n      this.input.hovered = false;\n    }\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  connectedCallback() {\n    this.renderInput();\n  }\n  disconnectedCallback() {\n    this.input.parentNode.removeChild(this.input);\n  }\n  componentDidRender() {\n    updateHostInteraction(this);\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  renderInput() {\n    this.input = document.createElement(this.type === \"radio\" ? \"calcite-radio-button\" : \"calcite-checkbox\");\n    this.input.checked = this.checked;\n    this.input.disabled = this.disabled;\n    this.input.hidden = this.hidden;\n    this.input.id = this.guid;\n    this.input.label = this.heading || this.name || \"\";\n    if (this.name) {\n      this.input.name = this.name;\n    }\n    if (this.value) {\n      this.input.value = this.value != null ? this.value.toString() : \"\";\n    }\n    this.el.insertAdjacentElement(\"beforeend\", this.input);\n  }\n  render() {\n    const { checked, description, disabled, focused, heading, icon, inputAlignment, inputEnabled, width } = this;\n    return (h(\"div\", { class: {\n        checked,\n        container: true,\n        [CSS.description]: Boolean(description),\n        [CSS.descriptionOnly]: Boolean(!heading && !icon && description),\n        disabled,\n        focused,\n        [CSS.heading]: Boolean(heading),\n        [CSS.headingOnly]: heading && !icon && !description,\n        [CSS.icon]: Boolean(icon),\n        [CSS.iconOnly]: !heading && icon && !description,\n        [CSS.inputAlignmentEnd]: inputAlignment === \"end\",\n        [CSS.inputAlignmentStart]: inputAlignment === \"start\",\n        [CSS.inputEnabled]: inputEnabled,\n        [CSS.largeVisual]: heading && icon && !description,\n        [CSS.widthAuto]: width === \"auto\",\n        [CSS.widthFull]: width === \"full\"\n      } }, h(\"calcite-tile\", { active: checked, description: description, embed: true, heading: heading, icon: icon }), h(\"slot\", null)));\n  }\n  static get is() { return \"calcite-tile-select\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"tile-select.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"tile-select.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"checked\": {\n        \"type\": \"boolean\",\n        \"mutable\": true,\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 checked.\"\n        },\n        \"attribute\": \"checked\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"description\": {\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\": \"A description for the component, which displays below the heading.\"\n        },\n        \"attribute\": \"description\",\n        \"reflect\": true\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      \"heading\": {\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\": \"The component header text, which displays between the icon and description.\"\n        },\n        \"attribute\": \"heading\",\n        \"reflect\": true\n      },\n      \"hidden\": {\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 not displayed and is not focusable or checkable.\"\n        },\n        \"attribute\": \"hidden\",\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\": true\n      },\n      \"name\": {\n        \"type\": \"any\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"any\",\n          \"resolved\": \"any\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the name of the component on form submission.\"\n        },\n        \"attribute\": \"name\",\n        \"reflect\": true\n      },\n      \"inputEnabled\": {\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 an interactive input based on the `type` property.\"\n        },\n        \"attribute\": \"input-enabled\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"inputAlignment\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Extract<\\\"end\\\" | \\\"start\\\", Alignment>\",\n          \"resolved\": \"\\\"end\\\" | \\\"start\\\"\",\n          \"references\": {\n            \"Extract\": {\n              \"location\": \"global\"\n            },\n            \"Alignment\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `inputEnabled` is `true`, specifies the placement of the interactive input on the component.\"\n        },\n        \"attribute\": \"input-alignment\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"start\\\"\"\n      },\n      \"type\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"TileSelectType\",\n          \"resolved\": \"\\\"checkbox\\\" | \\\"radio\\\"\",\n          \"references\": {\n            \"TileSelectType\": {\n              \"location\": \"import\",\n              \"path\": \"./interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"The selection mode of the component.\\n\\nUse radio for single selection, and checkbox for multiple selections.\"\n        },\n        \"attribute\": \"type\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"radio\\\"\"\n      },\n      \"value\": {\n        \"type\": \"any\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"any\",\n          \"resolved\": \"any\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"The component's value.\"\n        },\n        \"attribute\": \"value\",\n        \"reflect\": false\n      },\n      \"width\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Extract<\\\"auto\\\" | \\\"full\\\", Width>\",\n          \"resolved\": \"\\\"auto\\\" | \\\"full\\\"\",\n          \"references\": {\n            \"Extract\": {\n              \"location\": \"global\"\n            },\n            \"Width\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the width of the component.\"\n        },\n        \"attribute\": \"width\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"auto\\\"\"\n      }\n    };\n  }\n  static get states() {\n    return {\n      \"focused\": {}\n    };\n  }\n  static get events() {\n    return [{\n        \"method\": \"calciteTileSelectChange\",\n        \"name\": \"calciteTileSelectChange\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Emits a custom change event.\\n\\nFor checkboxes it emits when checked or unchecked.\\n\\nFor radios it only emits when checked.\"\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  static get watchers() {\n    return [{\n        \"propName\": \"checked\",\n        \"methodName\": \"checkedChanged\"\n      }, {\n        \"propName\": \"name\",\n        \"methodName\": \"nameChanged\"\n      }];\n  }\n  static get listeners() {\n    return [{\n        \"name\": \"calciteCheckboxChange\",\n        \"method\": \"checkboxChangeHandler\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": false\n      }, {\n        \"name\": \"calciteInternalCheckboxFocus\",\n        \"method\": \"checkboxFocusBlurHandler\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": false\n      }, {\n        \"name\": \"calciteInternalCheckboxBlur\",\n        \"method\": \"checkboxFocusBlurHandler\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": false\n      }, {\n        \"name\": \"calciteRadioButtonChange\",\n        \"method\": \"radioButtonChangeHandler\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": false\n      }, {\n        \"name\": \"calciteInternalRadioButtonCheckedChange\",\n        \"method\": \"radioButtonCheckedChangeHandler\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": false\n      }, {\n        \"name\": \"calciteInternalRadioButtonFocus\",\n        \"method\": \"radioButtonFocusBlurHandler\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": false\n      }, {\n        \"name\": \"calciteInternalRadioButtonBlur\",\n        \"method\": \"radioButtonFocusBlurHandler\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": false\n      }, {\n        \"name\": \"click\",\n        \"method\": \"click\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": false\n      }, {\n        \"name\": \"pointerenter\",\n        \"method\": \"mouseenter\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": true\n      }, {\n        \"name\": \"pointerleave\",\n        \"method\": \"mouseleave\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": true\n      }];\n  }\n}\n"],"version":3}

package/dist/solutions-components/p-a2ada355.entry.js

@@ -1,135 +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 } from './p-58c69df2.js';
-import { l as loadModules } from './p-2ac06389.js';
-import { g as getLocaleComponentStrings } from './p-20bdf42f.js';
-import './p-3b010ce1.js';
-
-const mapSearchCss = ":host{display:block}.search-widget{width:100% !important;border:1px solid var(--calcite-ui-border-input)}";
-
-const MapSearch = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.searchChange = createEvent(this, "searchChange", 7);
-    this.mapView = undefined;
-    this._searchTerm = undefined;
-    this._translations = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Clears the state of the search widget
-   *
-   * @returns Promise that resolves when the operation is complete
-   */
-  async clear() {
-    this._searchWidget.clear();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  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();
-  }
-  /**
-   * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
-   */
-  componentDidLoad() {
-    this._init();
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    return (h(Host, null, h("div", { class: "search-widget", ref: (el) => { this._searchElement = el; } })));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Load esri javascript api modules
-   *
-   * @returns Promise resolving when function is done
-   *
-   * @protected
-   */
-  async _initModules() {
-    const [Search] = await loadModules([
-      "esri/widgets/Search"
-    ]);
-    this.Search = Search;
-  }
-  /**
-   * Initialize the search widget
-   *
-   * @returns Promise resolving when function is done
-   */
-  _init() {
-    this._initSearchWidget();
-  }
-  /**
-   * Initialize the search widget and listen to key events
-   *
-   * @protected
-   */
-  _initSearchWidget() {
-    if (this.mapView && this._searchElement) {
-      const searchOptions = {
-        view: this.mapView,
-        container: this._searchElement,
-        searchTerm: this._searchTerm
-      };
-      this._searchWidget = new this.Search(searchOptions);
-      this._searchWidget.on("search-clear", () => {
-        this._searchResult = undefined;
-        this.searchChange.emit(this._searchResult);
-      });
-      this._searchWidget.on("select-result", (searchResults) => {
-        this._searchResult = undefined;
-        if (searchResults.result) {
-          this._searchResult = searchResults.result;
-          this.searchChange.emit({
-            graphics: [searchResults.result.feature],
-            name: searchResults.result.name || ""
-          });
-        }
-      });
-    }
-  }
-  /**
-   * Fetches the component's translations
-   *
-   * @protected
-   */
-  async _getTranslations() {
-    const translations = await getLocaleComponentStrings(this.el);
-    this._translations = translations[0];
-  }
-  get el() { return getElement(this); }
-};
-MapSearch.style = mapSearchCss;
-
-export { MapSearch as map_search };
-
-//# sourceMappingURL=p-a2ada355.entry.js.map

package/dist/solutions-components/p-a2ada355.entry.js.map

@@ -1 +0,0 @@
-{"file":"map-search.entry.esm.js","mappings":";;;;;;;;;;AAAA,MAAM,YAAY,GAAG,2GAA2G;;MC2BnH,SAAS;;;;;;;;;;;;;;;;;;;;;;;EA2EpB,MAAM,KAAK;IACT,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;GAC5B;;;;;;;;;;;EAyBD,MAAM,iBAAiB;IACrB,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC9B,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC;GAC3B;;;;EAKD,gBAAgB;IACd,IAAI,CAAC,KAAK,EAAE,CAAC;GACd;;;;EAKD,MAAM;IACJ,QACE,EAAC,IAAI,QACH,WAAK,KAAK,EAAC,eAAe,EAAC,GAAG,EAAE,CAAC,EAAE,OAAO,IAAI,CAAC,cAAc,GAAG,EAAE,CAAA,EAAE,GAAI,CACnE,EACP;GACH;;;;;;;;;;;;;EAeS,MAAM,YAAY;IAC1B,MAAM,CAAC,MAAM,CAAC,GAEV,MAAM,WAAW,CAAC;MACpB,qBAAqB;KACtB,CAAC,CAAC;IACH,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;GACtB;;;;;;EAOS,KAAK;IACb,IAAI,CAAC,iBAAiB,EAAE,CAAC;GAC1B;;;;;;EAOS,iBAAiB;IACzB,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,cAAc,EAAE;MACvC,MAAM,aAAa,GAAmC;QACpD,IAAI,EAAE,IAAI,CAAC,OAAO;QAClB,SAAS,EAAE,IAAI,CAAC,cAAc;QAC9B,UAAU,EAAE,IAAI,CAAC,WAAW;OAC7B,CAAC;MAEF,IAAI,CAAC,aAAa,GAAG,IAAI,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;MAEpD,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,cAAc,EAAE;QACpC,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;QAC/B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;OAC5C,CAAC,CAAC;MAEH,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,eAAe,EAAE,CAAC,aAAa;QACnD,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;QAC/B,IAAI,aAAa,CAAC,MAAM,EAAE;UACxB,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC,MAAM,CAAC;UAC1C,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;YACrB,QAAQ,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,OAAO,CAAC;YACxC,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE;WACtC,CAAC,CAAC;SACJ;OACF,CAAC,CAAC;KACJ;GACF;;;;;;EAOS,MAAM,gBAAgB;IAC9B,MAAM,YAAY,GAAG,MAAM,yBAAyB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC9D,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC,CAAC,CAAyB,CAAC;GAC9D;;;;;;;","names":[],"sources":["./src/components/map-search/map-search.css?tag=map-search","./src/components/map-search/map-search.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.search-widget {\r\n  width: 100% !important;\r\n  border: 1px solid var(--calcite-ui-border-input);\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, Method, Prop, State, VNode } from \"@stencil/core\";\r\nimport { loadModules } from \"../../utils/loadModules\";\r\nimport { ISearchResult } from \"../../utils/interfaces\";\r\nimport MapSearch_T9n from \"../../assets/t9n/map-search/resources.json\";\r\nimport { getLocaleComponentStrings } from \"../../utils/locale\";\r\n\r\n@Component({\r\n  tag: \"map-search\",\r\n  styleUrl: \"map-search.css\",\r\n  shadow: false,\r\n})\r\nexport class MapSearch {\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Host element access\r\n  //\r\n  //--------------------------------------------------------------------------\r\n  @Element() el: HTMLElement;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html\r\n   */\r\n  @Prop() mapView: __esri.MapView;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (protected)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * string: Text entered by the end user.\r\n   * Used to search against the locator.\r\n   */\r\n  @State() _searchTerm: string;\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() protected _translations: typeof MapSearch_T9n;\r\n\r\n  /**\r\n   * esri/widgets/Search: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html\r\n   */\r\n  protected Search: typeof __esri.widgetsSearch\r\n\r\n  /**\r\n   * HTMLElement: The container div for the search widget\r\n   */\r\n  protected _searchElement: HTMLElement;\r\n\r\n  /**\r\n   * esri/widgets/Search: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html\r\n   */\r\n  protected _searchWidget: __esri.widgetsSearch;\r\n\r\n  /**\r\n   * An array of objects representing the results of search\r\n   */\r\n  protected _searchResult: any;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Watch handlers\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Methods (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Clears the state of the search widget\r\n   *\r\n   * @returns Promise that resolves when the operation is complete\r\n   */\r\n  @Method()\r\n  async clear(): Promise<void> {\r\n    this._searchWidget.clear();\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 the status of the search widget changes\r\n   *\r\n   */\r\n  @Event() searchChange: EventEmitter<ISearchResult>;\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   * StencilJS: Called once just after the component is fully loaded and the first render() occurs.\r\n   */\r\n  componentDidLoad(): void {\r\n    this._init();\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        <div class=\"search-widget\" ref={(el) => { this._searchElement = el }} />\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 [Search]: [\r\n      __esri.widgetsSearchConstructor\r\n    ] = await loadModules([\r\n      \"esri/widgets/Search\"\r\n    ]);\r\n    this.Search = Search;\r\n  }\r\n\r\n  /**\r\n   * Initialize the search widget\r\n   *\r\n   * @returns Promise resolving when function is done\r\n   */\r\n  protected _init(): void {\r\n    this._initSearchWidget();\r\n  }\r\n\r\n  /**\r\n   * Initialize the search widget and listen to key events\r\n   *\r\n   * @protected\r\n   */\r\n  protected _initSearchWidget(): void {\r\n    if (this.mapView && this._searchElement) {\r\n      const searchOptions: __esri.widgetsSearchProperties = {\r\n        view: this.mapView,\r\n        container: this._searchElement,\r\n        searchTerm: this._searchTerm\r\n      };\r\n\r\n      this._searchWidget = new this.Search(searchOptions);\r\n\r\n      this._searchWidget.on(\"search-clear\", () => {\r\n        this._searchResult = undefined;\r\n        this.searchChange.emit(this._searchResult);\r\n      });\r\n\r\n      this._searchWidget.on(\"select-result\", (searchResults) => {\r\n        this._searchResult = undefined;\r\n        if (searchResults.result) {\r\n          this._searchResult = searchResults.result;\r\n          this.searchChange.emit({\r\n            graphics: [searchResults.result.feature],\r\n            name: searchResults.result.name || \"\"\r\n          });\r\n        }\r\n      });\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Fetches the component's translations\r\n   *\r\n   * @protected\r\n   */\r\n  protected async _getTranslations(): Promise<void> {\r\n    const translations = await getLocaleComponentStrings(this.el);\r\n    this._translations = translations[0] as typeof MapSearch_T9n;\r\n  }\r\n}\r\n"],"version":3}