@esri/solutions-components 0.2.6 → 0.2.7

package/dist/components/icon.js

@@ -0,0 +1,202 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { getAssetPath, proxyCustomElement, HTMLElement, h, Host, Build } from '@stencil/core/internal/client';
+import { c as getElementDir, t as toAriaBoolean } from './dom.js';
+import { c as createObserver } from './observers.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 = {
+  icon: "icon",
+  flipRtl: "flip-rtl"
+};
+
+/*!
+ * 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
+ */
+/**
+ * Icon data cache.
+ * Exported for testing purposes.
+ *
+ * @private
+ */
+const iconCache = {};
+/**
+ * Icon request cache.
+ * Exported for testing purposes.
+ *
+ * @private
+ */
+const requestCache = {};
+const scaleToPx = {
+  s: 16,
+  m: 24,
+  l: 32
+};
+async function fetchIcon({ icon, scale }) {
+  const size = scaleToPx[scale];
+  const name = normalizeIconName(icon);
+  const filled = name.charAt(name.length - 1) === "F";
+  const iconName = filled ? name.substring(0, name.length - 1) : name;
+  const id = `${iconName}${size}${filled ? "F" : ""}`;
+  if (iconCache[id]) {
+    return iconCache[id];
+  }
+  if (!requestCache[id]) {
+    requestCache[id] = fetch(getAssetPath(`./assets/icon/${id}.json`))
+      .then((resp) => resp.json())
+      .catch(() => {
+      console.error(`"${id}" is not a valid calcite-ui-icon name`);
+      return "";
+    });
+  }
+  const path = await requestCache[id];
+  iconCache[id] = path;
+  return path;
+}
+/**
+ * Normalize the icon name to match the path data module exports.
+ * Exported for testing purposes.
+ *
+ * @param name
+ * @private
+ */
+function normalizeIconName(name) {
+  const numberLeadingName = !isNaN(Number(name.charAt(0)));
+  const parts = name.split("-");
+  if (parts.length === 1) {
+    return numberLeadingName ? `i${name}` : name;
+  }
+  return parts
+    .map((part, index) => {
+    if (index === 0) {
+      return numberLeadingName ? `i${part.toUpperCase()}` : part;
+    }
+    return part.charAt(0).toUpperCase() + part.slice(1);
+  })
+    .join("");
+}
+
+const iconCss = "@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{display:inline-flex;color:var(--calcite-ui-icon-color)}:host([scale=s]){block-size:1rem;inline-size:1rem;min-inline-size:1rem;min-block-size:1rem}:host([scale=m]){block-size:1.5rem;inline-size:1.5rem;min-inline-size:1.5rem;min-block-size:1.5rem}:host([scale=l]){block-size:2rem;inline-size:2rem;min-inline-size:2rem;min-block-size:2rem}.flip-rtl{transform:scaleX(-1)}.svg{display:block}";
+
+const Icon = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    //--------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * The name of the icon to display. The value of this property must match the icon name from https://esri.github.io/calcite-ui-icons/.
+     */
+    this.icon = null;
+    /**
+     * When true, the icon will be flipped when the element direction is 'rtl'.
+     */
+    this.flipRtl = false;
+    /**
+     * Icon scale.
+     */
+    this.scale = "m";
+    this.visible = false;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  connectedCallback() {
+    this.waitUntilVisible(() => {
+      this.visible = true;
+      this.loadIconPathData();
+    });
+  }
+  disconnectedCallback() {
+    var _a;
+    (_a = this.intersectionObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.intersectionObserver = null;
+  }
+  async componentWillLoad() {
+    this.loadIconPathData();
+  }
+  render() {
+    const { el, flipRtl, pathData, scale, textLabel } = this;
+    const dir = getElementDir(el);
+    const size = scaleToPx[scale];
+    const semantic = !!textLabel;
+    const paths = [].concat(pathData || "");
+    return (h(Host, { "aria-hidden": toAriaBoolean(!semantic), "aria-label": semantic ? textLabel : null, role: semantic ? "img" : null }, h("svg", { class: {
+        [CSS.flipRtl]: dir === "rtl" && flipRtl,
+        svg: true
+      }, fill: "currentColor", height: "100%", viewBox: `0 0 ${size} ${size}`, width: "100%", xmlns: "http://www.w3.org/2000/svg" }, paths.map((path) => typeof path === "string" ? (h("path", { d: path })) : (h("path", { d: path.d, opacity: "opacity" in path ? path.opacity : 1 }))))));
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  async loadIconPathData() {
+    const { icon, scale, visible } = this;
+    if (!Build.isBrowser || !icon || !visible) {
+      return;
+    }
+    this.pathData = await fetchIcon({ icon, scale });
+  }
+  waitUntilVisible(callback) {
+    this.intersectionObserver = createObserver("intersection", (entries) => {
+      entries.forEach((entry) => {
+        if (entry.isIntersecting) {
+          this.intersectionObserver.disconnect();
+          this.intersectionObserver = null;
+          callback();
+        }
+      });
+    }, { rootMargin: "50px" });
+    if (!this.intersectionObserver) {
+      callback();
+      return;
+    }
+    this.intersectionObserver.observe(this.el);
+  }
+  static get assetsDirs() { return ["assets"]; }
+  get el() { return this; }
+  static get watchers() { return {
+    "icon": ["loadIconPathData"],
+    "scale": ["loadIconPathData"]
+  }; }
+  static get style() { return iconCss; }
+}, [1, "calcite-icon", {
+    "icon": [513],
+    "flipRtl": [516, "flip-rtl"],
+    "scale": [513],
+    "textLabel": [1, "text-label"],
+    "pathData": [32],
+    "visible": [32]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["calcite-icon"];
+  components.forEach(tagName => { switch (tagName) {
+    case "calcite-icon":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Icon);
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { Icon as I, defineCustomElement as d };

package/dist/components/index.d.ts

@@ -0,0 +1,61 @@
+/* SolutionsComponents custom elements */
+export { AddRecordModal as AddRecordModal } from '../types/components/add-record-modal/add-record-modal';
+export { BufferTools as BufferTools } from '../types/components/buffer-tools/buffer-tools';
+export { CardManager as CardManager } from '../types/components/card-manager/card-manager';
+export { CheckList as CheckList } from '../types/components/check-list/check-list';
+export { CommentCard as CommentCard } from '../types/components/comment-card/comment-card';
+export { ConfigBufferTools as ConfigBufferTools } from '../types/components/config-buffer-tools/config-buffer-tools';
+export { ConfigDrawTools as ConfigDrawTools } from '../types/components/config-draw-tools/config-draw-tools';
+export { ConfigLayerPicker as ConfigLayerPicker } from '../types/components/config-layer-picker/config-layer-picker';
+export { ConfigPdfDownload as ConfigPdfDownload } from '../types/components/config-pdf-download/config-pdf-download';
+export { CrowdsourceManager as CrowdsourceManager } from '../types/components/crowdsource-manager/crowdsource-manager';
+export { CrowdsourceReporter as CrowdsourceReporter } from '../types/components/crowdsource-reporter/crowdsource-reporter';
+export { DeductCalculator as DeductCalculator } from '../types/components/deduct-calculator/deduct-calculator';
+export { EditRecordModal as EditRecordModal } from '../types/components/edit-record-modal/edit-record-modal';
+export { InfoCard as InfoCard } from '../types/components/info-card/info-card';
+export { JsonEditor as JsonEditor } from '../types/components/json-editor/json-editor';
+export { LayerTable as LayerTable } from '../types/components/layer-table/layer-table';
+export { ListItem as ListItem } from '../types/components/list-item/list-item';
+export { MapCard as MapCard } from '../types/components/map-card/map-card';
+export { MapDrawTools as MapDrawTools } from '../types/components/map-draw-tools/map-draw-tools';
+export { MapLayerPicker as MapLayerPicker } from '../types/components/map-layer-picker/map-layer-picker';
+export { MapSearch as MapSearch } from '../types/components/map-search/map-search';
+export { MapSelectTools as MapSelectTools } from '../types/components/map-select-tools/map-select-tools';
+export { MediaCard as MediaCard } from '../types/components/media-card/media-card';
+export { PciCalculator as PciCalculator } from '../types/components/pci-calculator/pci-calculator';
+export { PdfDownload as PdfDownload } from '../types/components/pdf-download/pdf-download';
+export { PublicNotification as PublicNotification } from '../types/components/public-notification/public-notification';
+export { RefineSelection as RefineSelection } from '../types/components/refine-selection/refine-selection';
+export { RefineSelectionTools as RefineSelectionTools } from '../types/components/refine-selection-tools/refine-selection-tools';
+export { SolutionConfiguration as SolutionConfiguration } from '../types/components/solution-configuration/solution-configuration';
+export { SolutionContents as SolutionContents } from '../types/components/solution-contents/solution-contents';
+export { SolutionItem as SolutionItem } from '../types/components/solution-item/solution-item';
+export { SolutionItemDetails as SolutionItemDetails } from '../types/components/solution-item-details/solution-item-details';
+export { SolutionItemIcon as SolutionItemIcon } from '../types/components/solution-item-icon/solution-item-icon';
+export { SolutionItemSharing as SolutionItemSharing } from '../types/components/solution-item-sharing/solution-item-sharing';
+export { SolutionOrganizationVariables as SolutionOrganizationVariables } from '../types/components/solution-organization-variables/solution-organization-variables';
+export { SolutionResourceItem as SolutionResourceItem } from '../types/components/solution-resource-item/solution-resource-item';
+export { SolutionSpatialRef as SolutionSpatialRef } from '../types/components/solution-spatial-ref/solution-spatial-ref';
+export { SolutionTemplateData as SolutionTemplateData } from '../types/components/solution-template-data/solution-template-data';
+export { SolutionVariables as SolutionVariables } from '../types/components/solution-variables/solution-variables';
+export { StoreManager as StoreManager } from '../types/components/store-manager/store-manager';
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+export * from '../types';

package/dist/components/index.js

@@ -0,0 +1,196 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
+import { d as darkTheme, a as autoTheme } from './dom.js';
+export { AddRecordModal, defineCustomElement as defineCustomElementAddRecordModal } from './add-record-modal.js';
+export { BufferTools, defineCustomElement as defineCustomElementBufferTools } from './buffer-tools.js';
+export { CalciteAccordion, defineCustomElement as defineCustomElementCalciteAccordion } from './calcite-accordion.js';
+export { CalciteAccordionItem, defineCustomElement as defineCustomElementCalciteAccordionItem } from './calcite-accordion-item.js';
+export { CalciteAction, defineCustomElement as defineCustomElementCalciteAction } from './calcite-action.js';
+export { CalciteActionBar, defineCustomElement as defineCustomElementCalciteActionBar } from './calcite-action-bar.js';
+export { CalciteActionGroup, defineCustomElement as defineCustomElementCalciteActionGroup } from './calcite-action-group.js';
+export { CalciteActionMenu, defineCustomElement as defineCustomElementCalciteActionMenu } from './calcite-action-menu.js';
+export { CalciteActionPad, defineCustomElement as defineCustomElementCalciteActionPad } from './calcite-action-pad.js';
+export { CalciteAlert, defineCustomElement as defineCustomElementCalciteAlert } from './calcite-alert.js';
+export { CalciteAvatar, defineCustomElement as defineCustomElementCalciteAvatar } from './calcite-avatar.js';
+export { CalciteBlock, defineCustomElement as defineCustomElementCalciteBlock } from './calcite-block.js';
+export { CalciteBlockSection, defineCustomElement as defineCustomElementCalciteBlockSection } from './calcite-block-section.js';
+export { CalciteButton, defineCustomElement as defineCustomElementCalciteButton } from './calcite-button.js';
+export { CalciteCard, defineCustomElement as defineCustomElementCalciteCard } from './calcite-card.js';
+export { CalciteCheckbox, defineCustomElement as defineCustomElementCalciteCheckbox } from './calcite-checkbox.js';
+export { CalciteChip, defineCustomElement as defineCustomElementCalciteChip } from './calcite-chip.js';
+export { CalciteColorPicker, defineCustomElement as defineCustomElementCalciteColorPicker } from './calcite-color-picker.js';
+export { CalciteColorPickerHexInput, defineCustomElement as defineCustomElementCalciteColorPickerHexInput } from './calcite-color-picker-hex-input.js';
+export { CalciteColorPickerSwatch, defineCustomElement as defineCustomElementCalciteColorPickerSwatch } from './calcite-color-picker-swatch.js';
+export { CalciteCombobox, defineCustomElement as defineCustomElementCalciteCombobox } from './calcite-combobox.js';
+export { CalciteComboboxItem, defineCustomElement as defineCustomElementCalciteComboboxItem } from './calcite-combobox-item.js';
+export { CalciteComboboxItemGroup, defineCustomElement as defineCustomElementCalciteComboboxItemGroup } from './calcite-combobox-item-group.js';
+export { CalciteDatePicker, defineCustomElement as defineCustomElementCalciteDatePicker } from './calcite-date-picker.js';
+export { CalciteDatePickerDay, defineCustomElement as defineCustomElementCalciteDatePickerDay } from './calcite-date-picker-day.js';
+export { CalciteDatePickerMonth, defineCustomElement as defineCustomElementCalciteDatePickerMonth } from './calcite-date-picker-month.js';
+export { CalciteDatePickerMonthHeader, defineCustomElement as defineCustomElementCalciteDatePickerMonthHeader } from './calcite-date-picker-month-header.js';
+export { CalciteDropdown, defineCustomElement as defineCustomElementCalciteDropdown } from './calcite-dropdown.js';
+export { CalciteDropdownGroup, defineCustomElement as defineCustomElementCalciteDropdownGroup } from './calcite-dropdown-group.js';
+export { CalciteDropdownItem, defineCustomElement as defineCustomElementCalciteDropdownItem } from './calcite-dropdown-item.js';
+export { CalciteFab, defineCustomElement as defineCustomElementCalciteFab } from './calcite-fab.js';
+export { CalciteFilter, defineCustomElement as defineCustomElementCalciteFilter } from './calcite-filter.js';
+export { CalciteFlow, defineCustomElement as defineCustomElementCalciteFlow } from './calcite-flow.js';
+export { CalciteFlowItem, defineCustomElement as defineCustomElementCalciteFlowItem } from './calcite-flow-item.js';
+export { CalciteGraph, defineCustomElement as defineCustomElementCalciteGraph } from './calcite-graph.js';
+export { CalciteHandle, defineCustomElement as defineCustomElementCalciteHandle } from './calcite-handle.js';
+export { CalciteIcon, defineCustomElement as defineCustomElementCalciteIcon } from './calcite-icon.js';
+export { CalciteInlineEditable, defineCustomElement as defineCustomElementCalciteInlineEditable } from './calcite-inline-editable.js';
+export { CalciteInput, defineCustomElement as defineCustomElementCalciteInput } from './calcite-input.js';
+export { CalciteInputDatePicker, defineCustomElement as defineCustomElementCalciteInputDatePicker } from './calcite-input-date-picker.js';
+export { CalciteInputMessage, defineCustomElement as defineCustomElementCalciteInputMessage } from './calcite-input-message.js';
+export { CalciteInputNumber, defineCustomElement as defineCustomElementCalciteInputNumber } from './calcite-input-number.js';
+export { CalciteInputText, defineCustomElement as defineCustomElementCalciteInputText } from './calcite-input-text.js';
+export { CalciteInputTimePicker, defineCustomElement as defineCustomElementCalciteInputTimePicker } from './calcite-input-time-picker.js';
+export { CalciteLabel, defineCustomElement as defineCustomElementCalciteLabel } from './calcite-label.js';
+export { CalciteLink, defineCustomElement as defineCustomElementCalciteLink } from './calcite-link.js';
+export { CalciteList, defineCustomElement as defineCustomElementCalciteList } from './calcite-list.js';
+export { CalciteListItem, defineCustomElement as defineCustomElementCalciteListItem } from './calcite-list-item.js';
+export { CalciteListItemGroup, defineCustomElement as defineCustomElementCalciteListItemGroup } from './calcite-list-item-group.js';
+export { CalciteLoader, defineCustomElement as defineCustomElementCalciteLoader } from './calcite-loader.js';
+export { CalciteModal, defineCustomElement as defineCustomElementCalciteModal } from './calcite-modal.js';
+export { CalciteNotice, defineCustomElement as defineCustomElementCalciteNotice } from './calcite-notice.js';
+export { CalciteOption, defineCustomElement as defineCustomElementCalciteOption } from './calcite-option.js';
+export { CalciteOptionGroup, defineCustomElement as defineCustomElementCalciteOptionGroup } from './calcite-option-group.js';
+export { CalcitePagination, defineCustomElement as defineCustomElementCalcitePagination } from './calcite-pagination.js';
+export { CalcitePanel, defineCustomElement as defineCustomElementCalcitePanel } from './calcite-panel.js';
+export { CalcitePickList, defineCustomElement as defineCustomElementCalcitePickList } from './calcite-pick-list.js';
+export { CalcitePickListGroup, defineCustomElement as defineCustomElementCalcitePickListGroup } from './calcite-pick-list-group.js';
+export { CalcitePickListItem, defineCustomElement as defineCustomElementCalcitePickListItem } from './calcite-pick-list-item.js';
+export { CalcitePopover, defineCustomElement as defineCustomElementCalcitePopover } from './calcite-popover.js';
+export { CalcitePopoverManager, defineCustomElement as defineCustomElementCalcitePopoverManager } from './calcite-popover-manager.js';
+export { CalciteProgress, defineCustomElement as defineCustomElementCalciteProgress } from './calcite-progress.js';
+export { CalciteRadioButton, defineCustomElement as defineCustomElementCalciteRadioButton } from './calcite-radio-button.js';
+export { CalciteRadioButtonGroup, defineCustomElement as defineCustomElementCalciteRadioButtonGroup } from './calcite-radio-button-group.js';
+export { CalciteRadioGroup, defineCustomElement as defineCustomElementCalciteRadioGroup } from './calcite-radio-group.js';
+export { CalciteRadioGroupItem, defineCustomElement as defineCustomElementCalciteRadioGroupItem } from './calcite-radio-group-item.js';
+export { CalciteRating, defineCustomElement as defineCustomElementCalciteRating } from './calcite-rating.js';
+export { CalciteScrim, defineCustomElement as defineCustomElementCalciteScrim } from './calcite-scrim.js';
+export { CalciteSelect, defineCustomElement as defineCustomElementCalciteSelect } from './calcite-select.js';
+export { CalciteShell, defineCustomElement as defineCustomElementCalciteShell } from './calcite-shell.js';
+export { CalciteShellCenterRow, defineCustomElement as defineCustomElementCalciteShellCenterRow } from './calcite-shell-center-row.js';
+export { CalciteShellPanel, defineCustomElement as defineCustomElementCalciteShellPanel } from './calcite-shell-panel.js';
+export { CalciteSlider, defineCustomElement as defineCustomElementCalciteSlider } from './calcite-slider.js';
+export { CalciteSortableList, defineCustomElement as defineCustomElementCalciteSortableList } from './calcite-sortable-list.js';
+export { CalciteSplitButton, defineCustomElement as defineCustomElementCalciteSplitButton } from './calcite-split-button.js';
+export { CalciteStepper, defineCustomElement as defineCustomElementCalciteStepper } from './calcite-stepper.js';
+export { CalciteStepperItem, defineCustomElement as defineCustomElementCalciteStepperItem } from './calcite-stepper-item.js';
+export { CalciteSwitch, defineCustomElement as defineCustomElementCalciteSwitch } from './calcite-switch.js';
+export { CalciteTab, defineCustomElement as defineCustomElementCalciteTab } from './calcite-tab.js';
+export { CalciteTabNav, defineCustomElement as defineCustomElementCalciteTabNav } from './calcite-tab-nav.js';
+export { CalciteTabTitle, defineCustomElement as defineCustomElementCalciteTabTitle } from './calcite-tab-title.js';
+export { CalciteTabs, defineCustomElement as defineCustomElementCalciteTabs } from './calcite-tabs.js';
+export { CalciteTile, defineCustomElement as defineCustomElementCalciteTile } from './calcite-tile.js';
+export { CalciteTileSelect, defineCustomElement as defineCustomElementCalciteTileSelect } from './calcite-tile-select.js';
+export { CalciteTileSelectGroup, defineCustomElement as defineCustomElementCalciteTileSelectGroup } from './calcite-tile-select-group.js';
+export { CalciteTimePicker, defineCustomElement as defineCustomElementCalciteTimePicker } from './calcite-time-picker.js';
+export { CalciteTip, defineCustomElement as defineCustomElementCalciteTip } from './calcite-tip.js';
+export { CalciteTipGroup, defineCustomElement as defineCustomElementCalciteTipGroup } from './calcite-tip-group.js';
+export { CalciteTipManager, defineCustomElement as defineCustomElementCalciteTipManager } from './calcite-tip-manager.js';
+export { CalciteTooltip, defineCustomElement as defineCustomElementCalciteTooltip } from './calcite-tooltip.js';
+export { CalciteTooltipManager, defineCustomElement as defineCustomElementCalciteTooltipManager } from './calcite-tooltip-manager.js';
+export { CalciteTree, defineCustomElement as defineCustomElementCalciteTree } from './calcite-tree.js';
+export { CalciteTreeItem, defineCustomElement as defineCustomElementCalciteTreeItem } from './calcite-tree-item.js';
+export { CalciteValueList, defineCustomElement as defineCustomElementCalciteValueList } from './calcite-value-list.js';
+export { CalciteValueListItem, defineCustomElement as defineCustomElementCalciteValueListItem } from './calcite-value-list-item.js';
+export { CardManager, defineCustomElement as defineCustomElementCardManager } from './card-manager.js';
+export { CheckList, defineCustomElement as defineCustomElementCheckList } from './check-list.js';
+export { CommentCard, defineCustomElement as defineCustomElementCommentCard } from './comment-card.js';
+export { ConfigBufferTools, defineCustomElement as defineCustomElementConfigBufferTools } from './config-buffer-tools.js';
+export { ConfigDrawTools, defineCustomElement as defineCustomElementConfigDrawTools } from './config-draw-tools.js';
+export { ConfigLayerPicker, defineCustomElement as defineCustomElementConfigLayerPicker } from './config-layer-picker.js';
+export { ConfigPdfDownload, defineCustomElement as defineCustomElementConfigPdfDownload } from './config-pdf-download.js';
+export { CrowdsourceManager, defineCustomElement as defineCustomElementCrowdsourceManager } from './crowdsource-manager.js';
+export { CrowdsourceReporter, defineCustomElement as defineCustomElementCrowdsourceReporter } from './crowdsource-reporter.js';
+export { DeductCalculator, defineCustomElement as defineCustomElementDeductCalculator } from './deduct-calculator.js';
+export { EditRecordModal, defineCustomElement as defineCustomElementEditRecordModal } from './edit-record-modal.js';
+export { InfoCard, defineCustomElement as defineCustomElementInfoCard } from './info-card.js';
+export { JsonEditor, defineCustomElement as defineCustomElementJsonEditor } from './json-editor.js';
+export { LayerTable, defineCustomElement as defineCustomElementLayerTable } from './layer-table.js';
+export { ListItem, defineCustomElement as defineCustomElementListItem } from './list-item.js';
+export { MapCard, defineCustomElement as defineCustomElementMapCard } from './map-card.js';
+export { MapDrawTools, defineCustomElement as defineCustomElementMapDrawTools } from './map-draw-tools.js';
+export { MapLayerPicker, defineCustomElement as defineCustomElementMapLayerPicker } from './map-layer-picker.js';
+export { MapSearch, defineCustomElement as defineCustomElementMapSearch } from './map-search.js';
+export { MapSelectTools, defineCustomElement as defineCustomElementMapSelectTools } from './map-select-tools.js';
+export { MediaCard, defineCustomElement as defineCustomElementMediaCard } from './media-card.js';
+export { PciCalculator, defineCustomElement as defineCustomElementPciCalculator } from './pci-calculator.js';
+export { PdfDownload, defineCustomElement as defineCustomElementPdfDownload } from './pdf-download.js';
+export { PublicNotification, defineCustomElement as defineCustomElementPublicNotification } from './public-notification.js';
+export { RefineSelection, defineCustomElement as defineCustomElementRefineSelection } from './refine-selection.js';
+export { RefineSelectionTools, defineCustomElement as defineCustomElementRefineSelectionTools } from './refine-selection-tools.js';
+export { SolutionConfiguration, defineCustomElement as defineCustomElementSolutionConfiguration } from './solution-configuration.js';
+export { SolutionContents, defineCustomElement as defineCustomElementSolutionContents } from './solution-contents.js';
+export { SolutionItem, defineCustomElement as defineCustomElementSolutionItem } from './solution-item.js';
+export { SolutionItemDetails, defineCustomElement as defineCustomElementSolutionItemDetails } from './solution-item-details.js';
+export { SolutionItemIcon, defineCustomElement as defineCustomElementSolutionItemIcon } from './solution-item-icon.js';
+export { SolutionItemSharing, defineCustomElement as defineCustomElementSolutionItemSharing } from './solution-item-sharing.js';
+export { SolutionOrganizationVariables, defineCustomElement as defineCustomElementSolutionOrganizationVariables } from './solution-organization-variables.js';
+export { SolutionResourceItem, defineCustomElement as defineCustomElementSolutionResourceItem } from './solution-resource-item.js';
+export { SolutionSpatialRef, defineCustomElement as defineCustomElementSolutionSpatialRef } from './solution-spatial-ref.js';
+export { SolutionTemplateData, defineCustomElement as defineCustomElementSolutionTemplateData } from './solution-template-data.js';
+export { SolutionVariables, defineCustomElement as defineCustomElementSolutionVariables } from './solution-variables.js';
+export { StoreManager, defineCustomElement as defineCustomElementStoreManager } from './store-manager.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
+ */
+/**
+ * Emits when the theme is dynamically toggled between light and dark on <body> or in OS preferences.
+ */
+function initThemeChangeEvent() {
+  const { classList } = document.body;
+  const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
+  const getTheme = () => classList.contains(darkTheme) || (classList.contains(autoTheme) && prefersDark) ? "dark" : "light";
+  const emitThemeChange = (theme) => document.body.dispatchEvent(new CustomEvent("calciteThemeChange", { bubbles: true, detail: { theme } }));
+  const themeChangeHandler = (newTheme) => {
+    currentTheme !== newTheme && emitThemeChange(newTheme);
+    currentTheme = newTheme;
+  };
+  let currentTheme = getTheme();
+  // emits event on page load
+  emitThemeChange(currentTheme);
+  // emits event when changing OS theme preferences
+  window
+    .matchMedia("(prefers-color-scheme: dark)")
+    .addEventListener("change", (event) => themeChangeHandler(event.matches ? "dark" : "light"));
+  // emits event when toggling between theme classes on <body>
+  new MutationObserver(() => themeChangeHandler(getTheme())).observe(document.body, {
+    attributes: true,
+    attributeFilter: ["class"]
+  });
+}
+
+/**
+ * This file is imported in Stencil's `globalScript` config option.
+ *
+ * @see {@link https://stenciljs.com/docs/config#globalscript}
+ */
+function appGlobalScript () {
+  const isBrowser = typeof window !== "undefined" &&
+    typeof location !== "undefined" &&
+    typeof document !== "undefined" &&
+    window.location === location &&
+    window.document === document;
+  if (isBrowser) {
+    if (document.readyState === "interactive") {
+      initThemeChangeEvent();
+    }
+    else {
+      document.addEventListener("DOMContentLoaded", () => initThemeChangeEvent(), { once: true });
+    }
+  }
+}
+
+const globalScripts = appGlobalScript;
+
+globalScripts();

package/dist/components/index2.js

@@ -0,0 +1,199 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { getRenderingRef, forceUpdate } from '@stencil/core/internal/client';
+
+const appendToMap = (map, propName, value) => {
+    const items = map.get(propName);
+    if (!items) {
+        map.set(propName, [value]);
+    }
+    else if (!items.includes(value)) {
+        items.push(value);
+    }
+};
+const debounce = (fn, ms) => {
+    let timeoutId;
+    return (...args) => {
+        if (timeoutId) {
+            clearTimeout(timeoutId);
+        }
+        timeoutId = setTimeout(() => {
+            timeoutId = 0;
+            fn(...args);
+        }, ms);
+    };
+};
+
+/**
+ * Check if a possible element isConnected.
+ * The property might not be there, so we check for it.
+ *
+ * We want it to return true if isConnected is not a property,
+ * otherwise we would remove these elements and would not update.
+ *
+ * Better leak in Edge than to be useless.
+ */
+const isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
+const cleanupElements = debounce((map) => {
+    for (let key of map.keys()) {
+        map.set(key, map.get(key).filter(isConnected));
+    }
+}, 2000);
+const stencilSubscription = () => {
+    if (typeof getRenderingRef !== 'function') {
+        // If we are not in a stencil project, we do nothing.
+        // This function is not really exported by @stencil/core.
+        return {};
+    }
+    const elmsToUpdate = new Map();
+    return {
+        dispose: () => elmsToUpdate.clear(),
+        get: (propName) => {
+            const elm = getRenderingRef();
+            if (elm) {
+                appendToMap(elmsToUpdate, propName, elm);
+            }
+        },
+        set: (propName) => {
+            const elements = elmsToUpdate.get(propName);
+            if (elements) {
+                elmsToUpdate.set(propName, elements.filter(forceUpdate));
+            }
+            cleanupElements(elmsToUpdate);
+        },
+        reset: () => {
+            elmsToUpdate.forEach((elms) => elms.forEach(forceUpdate));
+            cleanupElements(elmsToUpdate);
+        },
+    };
+};
+
+const unwrap = (val) => (typeof val === 'function' ? val() : val);
+const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {
+    const unwrappedState = unwrap(defaultState);
+    let states = new Map(Object.entries(unwrappedState !== null && unwrappedState !== void 0 ? unwrappedState : {}));
+    const handlers = {
+        dispose: [],
+        get: [],
+        set: [],
+        reset: [],
+    };
+    const reset = () => {
+        var _a;
+        // When resetting the state, the default state may be a function - unwrap it to invoke it.
+        // otherwise, the state won't be properly reset
+        states = new Map(Object.entries((_a = unwrap(defaultState)) !== null && _a !== void 0 ? _a : {}));
+        handlers.reset.forEach((cb) => cb());
+    };
+    const dispose = () => {
+        // Call first dispose as resetting the state would
+        // cause less updates ;)
+        handlers.dispose.forEach((cb) => cb());
+        reset();
+    };
+    const get = (propName) => {
+        handlers.get.forEach((cb) => cb(propName));
+        return states.get(propName);
+    };
+    const set = (propName, value) => {
+        const oldValue = states.get(propName);
+        if (shouldUpdate(value, oldValue, propName)) {
+            states.set(propName, value);
+            handlers.set.forEach((cb) => cb(propName, value, oldValue));
+        }
+    };
+    const state = (typeof Proxy === 'undefined'
+        ? {}
+        : new Proxy(unwrappedState, {
+            get(_, propName) {
+                return get(propName);
+            },
+            ownKeys(_) {
+                return Array.from(states.keys());
+            },
+            getOwnPropertyDescriptor() {
+                return {
+                    enumerable: true,
+                    configurable: true,
+                };
+            },
+            has(_, propName) {
+                return states.has(propName);
+            },
+            set(_, propName, value) {
+                set(propName, value);
+                return true;
+            },
+        }));
+    const on = (eventName, callback) => {
+        handlers[eventName].push(callback);
+        return () => {
+            removeFromArray(handlers[eventName], callback);
+        };
+    };
+    const onChange = (propName, cb) => {
+        const unSet = on('set', (key, newValue) => {
+            if (key === propName) {
+                cb(newValue);
+            }
+        });
+        // We need to unwrap the defaultState because it might be a function.
+        // Otherwise we might not be sending the right reset value.
+        const unReset = on('reset', () => cb(unwrap(defaultState)[propName]));
+        return () => {
+            unSet();
+            unReset();
+        };
+    };
+    const use = (...subscriptions) => {
+        const unsubs = subscriptions.reduce((unsubs, subscription) => {
+            if (subscription.set) {
+                unsubs.push(on('set', subscription.set));
+            }
+            if (subscription.get) {
+                unsubs.push(on('get', subscription.get));
+            }
+            if (subscription.reset) {
+                unsubs.push(on('reset', subscription.reset));
+            }
+            if (subscription.dispose) {
+                unsubs.push(on('dispose', subscription.dispose));
+            }
+            return unsubs;
+        }, []);
+        return () => unsubs.forEach((unsub) => unsub());
+    };
+    const forceUpdate = (key) => {
+        const oldValue = states.get(key);
+        handlers.set.forEach((cb) => cb(key, oldValue, oldValue));
+    };
+    return {
+        state,
+        get,
+        set,
+        on,
+        onChange,
+        use,
+        dispose,
+        reset,
+        forceUpdate,
+    };
+};
+const removeFromArray = (array, item) => {
+    const index = array.indexOf(item);
+    if (index >= 0) {
+        array[index] = array[array.length - 1];
+        array.length--;
+    }
+};
+
+const createStore = (defaultState, shouldUpdate) => {
+    const map = createObservableMap(defaultState, shouldUpdate);
+    map.use(stencilSubscription());
+    return map;
+};
+
+export { createStore as c };