@esri/solutions-components 0.2.0 → 0.2.2

package/dist/components/pdf-download2.js

@@ -1,243 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { p as pdfUtils } from './labelFormats.js';
-import { g as getLocaleComponentStrings } from './locale.js';
-import { b as queryFeaturesByID } from './queryUtils.js';
-import { d as defineCustomElement$3 } from './icon.js';
-import { d as defineCustomElement$2 } from './option.js';
-import { d as defineCustomElement$1 } from './select.js';
-
-// May change this but doing this for now so the download button will do something
-/**
- * Export a csv of the attributes from the features that match the provided ids
- *
- * @param layerView layer view to query
- * @param ids number array of ids to export to csv
- *
- * @returns Promise when the function has completed
- */
-async function exportCSV(layerView, ids) {
-  const featureSet = await queryFeaturesByID(ids, layerView.layer);
-  const attributes = featureSet.features.map(f => f.attributes);
-  const fieldNames = {};
-  const entry = attributes[0];
-  Object.keys(entry).forEach(k => {
-    if (entry.hasOwnProperty(k)) {
-      fieldNames[k] = k;
-    }
-  });
-  _downloadCSVFile(fieldNames, attributes, `notify-${Date.now().toString()}`);
-}
-/**
- * Download the CSV file
- *
- * @param fieldNames the names for each of the features fields
- * @param attributes the features attributes
- *
- * Based on:
- * https://medium.com/@danny.pule/export-json-to-csv-file-using-javascript-a0b7bc5b00d2
- *
- * @returns void
- */
-function _downloadCSVFile(fieldNames, attributes, fileTitle) {
-  if (fieldNames) {
-    attributes.unshift(fieldNames);
-  }
-  // format values to string so it doesn't get tripped up when a value has a comma
-  // another option could be to export with a different delimiter
-  const csv = attributes.reduce((prev, cur) => {
-    return prev + Object.values(cur).map(v => `"${v}"`).join(",") + "\r\n";
-  }, "");
-  const link = document.createElement("a");
-  if (link.download !== undefined) {
-    link.href = URL.createObjectURL(new Blob([csv], { type: "text/csv;charset=utf-8;" }));
-    link.download = `${fileTitle}.csv` || "export.csv";
-    link.style.visibility = "hidden";
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-  }
-}
-
-const pdfDownloadCss = ":host{display:block}";
-
-const PdfDownload = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.disabled = true;
-    this.layerView = undefined;
-    this._translations = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Downloads pdf of mailing labels for the provided list of ids
-   *
-   * @param ids List of ids to download
-   * @param removeDuplicates When true a single label is generated when multiple featues have a shared address value
-   * @returns Promise resolving when function is done
-   */
-  async downloadPDF(ids, removeDuplicates) {
-    return this._downloadPDF(ids, removeDuplicates);
-  }
-  /**
-   * Downloads csv of mailing labels for the provided list of ids
-   *
-   * @param ids List of ids to download
-   * @param removeDuplicates When true a single label is generated when multiple featues have a shared address value
-   * @returns Promise resolving when function is done
-   */
-  async downloadCSV(ids, removeDuplicates) {
-    return this._downloadCSV(ids, removeDuplicates);
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Events (public)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (lifecycle)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * StencilJS: Called once just after the component is first connected to the DOM.
-   */
-  async componentWillLoad() {
-    await this._getTranslations();
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    return (h(Host, null, h("calcite-select", { disabled: this.disabled, label: "", ref: (el) => { this._labelInfoElement = el; } }, this._renderItems())));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Renders the pdf export size options
-   *
-   * @returns Node array of size options
-   *
-   * @protected
-   */
-  _renderItems() {
-    const s = pdfUtils;
-    const sortedPdfIndo = (s.default || s).sort((a, b) => {
-      const _a = parseInt(a.descriptionPDF.labelsPerPageDisplay, 10);
-      const _b = parseInt(b.descriptionPDF.labelsPerPageDisplay, 10);
-      return _a < _b ? -1 : _a > _b ? 1 : 0;
-    });
-    return sortedPdfIndo.map((l) => {
-      return (h("calcite-option", { value: l }, this._getLabelSizeText(l)));
-    });
-  }
-  /**
-   * Downloads pdf of mailing labels for the provided list of ids
-   *
-   * @param ids List of ids to download
-   * @param removeDuplicates When true a single label is generated when multiple featues have a shared address value
-   *
-   * @returns Promise resolving when function is done
-   * @protected
-   */
-  async _downloadPDF(ids, removeDuplicates) {
-    const l = this._labelInfoElement.selectedOption.value;
-    alert(`PDF download: (${this._getLabelSizeText(l)}) (remove dups: ${removeDuplicates}) ${ids.join(", ")}`);
-  }
-  /**
-   * Downloads csv of mailing labels for the provided list of ids
-   *
-   * @param ids List of ids to download
-   * @param removeDuplicates When true a single label is generated when multiple featues have a shared address value
-   * @returns Promise resolving when function is done
-   *
-   * @returns Promise that will resolve when the download is complete
-   * @protected
-   */
-  async _downloadCSV(ids, removeDuplicates) {
-    // TODO this will be leveraged when we do the real implementation of this
-    console.log(removeDuplicates);
-    await exportCSV(this.layerView, ids);
-  }
-  /**
-   * Gets the formatted pdf export size text
-   *
-   * @param labelInfo current user selected label info
-   *
-   * @returns the pdf label as a string
-   * @protected
-   */
-  _getLabelSizeText(labelInfo) {
-    const lNum = labelInfo.descriptionPDF.labelsPerPageDisplay;
-    const lSize = `${labelInfo.descriptionPDF.labelWidthDisplay} x ${labelInfo.descriptionPDF.labelHeightDisplay}`;
-    return this._translations.pdfLabel.replace("{{n}}", lNum).replace("{{labelSize}}", lSize);
-  }
-  /**
-   * Fetches the component's translations
-   *
-   * @protected
-   */
-  async _getTranslations() {
-    const translations = await getLocaleComponentStrings(this.el);
-    this._translations = translations[0];
-  }
-  get el() { return this; }
-  static get style() { return pdfDownloadCss; }
-}, [1, "pdf-download", {
-    "disabled": [4],
-    "layerView": [16],
-    "_translations": [32],
-    "downloadPDF": [64],
-    "downloadCSV": [64]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["pdf-download", "calcite-icon", "calcite-option", "calcite-select"];
-  components.forEach(tagName => { switch (tagName) {
-    case "pdf-download":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, PdfDownload);
-      }
-      break;
-    case "calcite-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "calcite-option":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "calcite-select":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { PdfDownload as P, defineCustomElement as d };
-
-//# sourceMappingURL=pdf-download2.js.map

package/dist/components/pdf-download2.js.map

@@ -1 +0,0 @@
-{"file":"pdf-download2.js","mappings":"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","names":[],"sources":["./src/utils/csvUtils.ts","./src/components/pdf-download/pdf-download.css?tag=pdf-download&encapsulation=shadow","./src/components/pdf-download/pdf-download.tsx"],"sourcesContent":["// May change this but doing this for now so the download button will do something\r\n\r\nimport { queryFeaturesByID } from \"./queryUtils\";\r\n\r\n/**\r\n * Export a csv of the attributes from the features that match the provided ids\r\n *\r\n * @param layerView layer view to query\r\n * @param ids number array of ids to export to csv\r\n *\r\n * @returns Promise when the function has completed\r\n */\r\nexport async function exportCSV(\r\n  layerView: __esri.FeatureLayerView,\r\n  ids: number[]\r\n): Promise<void> {\r\n  const featureSet = await queryFeaturesByID(ids, layerView.layer);\r\n  const attributes = featureSet.features.map(f => f.attributes);\r\n  const fieldNames = {};\r\n  const entry = attributes[0];\r\n  Object.keys(entry).forEach(k => {\r\n    if (entry.hasOwnProperty(k)) {\r\n      fieldNames[k] = k;\r\n    }\r\n  });\r\n  _downloadCSVFile(fieldNames, attributes, `notify-${Date.now().toString()}`);\r\n}\r\n\r\n/**\r\n * Download the CSV file\r\n *\r\n * @param fieldNames the names for each of the features fields\r\n * @param attributes the features attributes\r\n *\r\n * Based on:\r\n * https://medium.com/@danny.pule/export-json-to-csv-file-using-javascript-a0b7bc5b00d2\r\n *\r\n * @returns void\r\n */\r\nfunction _downloadCSVFile(\r\n  fieldNames: {[key: string]: string},\r\n  attributes: {[key: string]: string}[],\r\n  fileTitle: string\r\n): void {\r\n  if (fieldNames) {\r\n    attributes.unshift(fieldNames);\r\n  }\r\n  // format values to string so it doesn't get tripped up when a value has a comma\r\n  // another option could be to export with a different delimiter\r\n  const csv = attributes.reduce((prev, cur) => {\r\n    return prev + Object.values(cur).map(v => `\"${v}\"`).join(\",\") + \"\\r\\n\";\r\n  }, \"\");\r\n  const link = document.createElement(\"a\");\r\n  if (link.download !== undefined) {\r\n    link.href = URL.createObjectURL(new Blob([csv], { type: \"text/csv;charset=utf-8;\" }));\r\n    link.download = `${fileTitle}.csv` || \"export.csv\";\r\n    link.style.visibility = \"hidden\";\r\n    document.body.appendChild(link);\r\n    link.click();\r\n    document.body.removeChild(link);\r\n  }\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\n:host {\r\n  display: block;\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, Host, h, Method, Prop, State, VNode } from \"@stencil/core\";\r\nimport * as pdfUtils from \"../../assets/data/labelFormats.json\";\r\nimport \"@esri/calcite-components\";\r\nimport PdfDownload_T9n from \"../../assets/t9n/pdf-download/resources.json\";\r\nimport { getLocaleComponentStrings } from \"../../utils/locale\";\r\nimport { exportCSV } from \"../../utils/csvUtils\";\r\n\r\n@Component({\r\n  tag: \"pdf-download\",\r\n  styleUrl: \"pdf-download.css\",\r\n  shadow: true,\r\n})\r\nexport class PdfDownload {\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Host element access\r\n  //\r\n  //--------------------------------------------------------------------------\r\n  @Element() el: HTMLPdfDownloadElement;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * boolean: Controls the enabled/disabled state of download\r\n   */\r\n  @Prop() disabled = true;\r\n\r\n  /**\r\n   * esri/views/layers/FeatureLayerView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html\r\n   */\r\n  @Prop() layerView: __esri.FeatureLayerView;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (protected)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Contains the translations for this component.\r\n   * All UI strings should be defined here.\r\n   */\r\n  @State() protected _translations: typeof PdfDownload_T9n;\r\n\r\n  /**\r\n   * HTMLCalciteSelectElement: The html element for selecting buffer unit\r\n   */\r\n  protected _labelInfoElement: HTMLCalciteSelectElement;\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   * Downloads pdf of mailing labels for the provided list of ids\r\n   *\r\n   * @param ids List of ids to download\r\n   * @param removeDuplicates When true a single label is generated when multiple featues have a shared address value\r\n   * @returns Promise resolving when function is done\r\n   */\r\n  @Method()\r\n  async downloadPDF(\r\n    ids: number[],\r\n    removeDuplicates: boolean\r\n  ): Promise<void> {\r\n    return this._downloadPDF(ids, removeDuplicates);\r\n  }\r\n\r\n  /**\r\n   * Downloads csv of mailing labels for the provided list of ids\r\n   *\r\n   * @param ids List of ids to download\r\n   * @param removeDuplicates When true a single label is generated when multiple featues have a shared address value\r\n   * @returns Promise resolving when function is done\r\n   */\r\n  @Method()\r\n  async downloadCSV(\r\n    ids: number[],\r\n    removeDuplicates: boolean\r\n  ): Promise<void> {\r\n    return this._downloadCSV(ids, removeDuplicates);\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events (public)\r\n  //\r\n  //--------------------------------------------------------------------------\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  async componentWillLoad(): Promise<void> {\r\n    await this._getTranslations();\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        <calcite-select\r\n          disabled={this.disabled}\r\n          label=\"\"\r\n          ref={(el) => { this._labelInfoElement = el }}\r\n        >\r\n          {this._renderItems()}\r\n        </calcite-select>\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   * Renders the pdf export size options\r\n   *\r\n   * @returns Node array of size options\r\n   *\r\n   * @protected\r\n   */\r\n  protected _renderItems(): VNode[] {\r\n    const s: any = pdfUtils;\r\n    const sortedPdfIndo = (s.default || s).sort((a, b) => {\r\n      const _a = parseInt(a.descriptionPDF.labelsPerPageDisplay, 10);\r\n      const _b = parseInt(b.descriptionPDF.labelsPerPageDisplay, 10);\r\n      return _a < _b ? -1 : _a > _b ? 1 : 0\r\n    });\r\n    return sortedPdfIndo.map((l) => {\r\n      return (<calcite-option value={l}>{this._getLabelSizeText(l)}</calcite-option>)\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Downloads pdf of mailing labels for the provided list of ids\r\n   *\r\n   * @param ids List of ids to download\r\n   * @param removeDuplicates When true a single label is generated when multiple featues have a shared address value\r\n   *\r\n   * @returns Promise resolving when function is done\r\n   * @protected\r\n   */\r\n  protected async _downloadPDF(\r\n    ids: number[],\r\n    removeDuplicates: boolean\r\n  ): Promise<void> {\r\n    const l = this._labelInfoElement.selectedOption.value;\r\n    alert(`PDF download: (${this._getLabelSizeText(l)}) (remove dups: ${removeDuplicates}) ${ids.join(\", \")}`);\r\n  }\r\n\r\n  /**\r\n   * Downloads csv of mailing labels for the provided list of ids\r\n   *\r\n   * @param ids List of ids to download\r\n   * @param removeDuplicates When true a single label is generated when multiple featues have a shared address value\r\n   * @returns Promise resolving when function is done\r\n   *\r\n   * @returns Promise that will resolve when the download is complete\r\n   * @protected\r\n   */\r\n  protected async _downloadCSV(\r\n    ids: number[],\r\n    removeDuplicates: boolean\r\n  ): Promise<void> {\r\n    // TODO this will be leveraged when we do the real implementation of this\r\n    console.log(removeDuplicates)\r\n    await exportCSV(this.layerView, ids);\r\n  }\r\n\r\n  /**\r\n   * Gets the formatted pdf export size text\r\n   *\r\n   * @param labelInfo current user selected label info\r\n   *\r\n   * @returns the pdf label as a string\r\n   * @protected\r\n   */\r\n  protected _getLabelSizeText(\r\n    labelInfo: any\r\n  ): string {\r\n    const lNum = labelInfo.descriptionPDF.labelsPerPageDisplay;\r\n    const lSize = `${labelInfo.descriptionPDF.labelWidthDisplay} x ${labelInfo.descriptionPDF.labelHeightDisplay}`;\r\n    return this._translations.pdfLabel.replace(\"{{n}}\", lNum).replace(\"{{labelSize}}\", lSize);\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 PdfDownload_T9n;\r\n  }\r\n\r\n}\r\n"],"version":3}

package/dist/components/pick-list-item.js

@@ -1,257 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
-import { I as ICON_TYPES } from './resources.js';
-import { b as getSlotted, t as toAriaBoolean } from './dom.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';
-import { u as updateHostInteraction } from './interactive.js';
-import { d as defineCustomElement$3 } from './action.js';
-import { d as defineCustomElement$2 } from './icon.js';
-import { d as defineCustomElement$1 } from './loader.js';
-
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.97
- */
-const CSS = {
-  actions: "actions",
-  actionsEnd: "actions--end",
-  actionsStart: "actions--start",
-  description: "description",
-  handle: "handle",
-  handleActivated: "handle--activated",
-  highlight: "highlight",
-  icon: "icon",
-  iconDot: "icon-dot",
-  label: "label",
-  remove: "remove",
-  title: "title",
-  textContainer: "text-container"
-};
-const ICONS = {
-  checked: "check",
-  remove: "x"
-};
-const SLOTS = {
-  actionsEnd: "actions-end",
-  actionsStart: "actions-start"
-};
-const TEXT = {
-  remove: "Remove"
-};
-
-const pickListItemCss = "@charset \"UTF-8\";@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{margin:0px;-webkit-margin-after:1px;margin-block-end:1px;box-sizing:border-box;display:flex;align-items:stretch;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-1);--tw-shadow:0 1px 0 var(--calcite-ui-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transition:background-color var(--calcite-animation-timing);animation:calcite-fade-in var(--calcite-animation-timing)}:host *{box-sizing:border-box}.label{display:flex;flex:1 1 auto;cursor:pointer;align-items:center;background-color:transparent;outline-color:transparent}.label:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.label:hover{background-color:var(--calcite-ui-foreground-2)}:host([non-interactive]:hover){background-color:var(--calcite-ui-foreground-1)}:host([non-interactive]) .label,:host([non-interactive]) .icon{pointer-events:none}.icon{margin-block:0px;display:flex;cursor:pointer;align-items:center;padding:0.25rem;color:var(--calcite-ui-brand);flex:0 0 auto;line-height:0}.icon:hover{background-color:var(--calcite-ui-foreground-2)}.icon-dot{display:flex;inline-size:1.5rem;align-items:center;padding:0.5rem}.icon-dot:before{opacity:0;content:\"•\"}.icon calcite-icon{opacity:0}:host([selected]) .icon-dot:before,:host([selected]) .icon calcite-icon{transition:opacity var(--calcite-animation-timing);opacity:1}.text-container{pointer-events:none;display:flex;flex-direction:column;flex-wrap:nowrap;overflow:hidden;padding-block:0.5rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--2);line-height:1.375;word-wrap:break-word;word-break:break-word}.title{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-1)}.description{-webkit-margin-before:0.125rem;margin-block-start:0.125rem;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}.actions{margin:0px;display:flex;flex:0 1 auto;align-items:stretch;justify-content:flex-end}.actions--start~.label{-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";
-
-const PickListItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.calciteListItemChange = createEvent(this, "calciteListItemChange", 6);
-    this.calciteListItemRemove = createEvent(this, "calciteListItemRemove", 7);
-    this.calciteInternalListItemPropsChange = createEvent(this, "calciteInternalListItemPropsChange", 6);
-    this.calciteInternalListItemValueChange = createEvent(this, "calciteInternalListItemValueChange", 6);
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    this.disabled = false;
-    /**
-     * When `false`, the component cannot be deselected by user interaction.
-     */
-    this.disableDeselect = false;
-    /**
-     * @internal
-     */
-    this.nonInteractive = false;
-    /**
-     * Determines the icon SVG symbol that will be shown. Options are `"circle"`, `"square"`, `"grip"` or `null`.
-     *
-     * @see [ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/pick-list/resources.ts#L5)
-     */
-    this.icon = null;
-    /**
-     * When `true`, displays a remove action that removes the item from the list.
-     */
-    this.removable = false;
-    /**
-     * When `true`, selects an item. Toggles when an item is checked/unchecked.
-     */
-    this.selected = false;
-    /**
-     * When `removable` is `true`, the accessible name for the component's remove button.
-     *
-     * @default "Remove"
-     */
-    this.intlRemove = TEXT.remove;
-    // --------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    // --------------------------------------------------------------------------
-    this.pickListClickHandler = (event) => {
-      if (this.disabled || (this.disableDeselect && this.selected) || this.nonInteractive) {
-        return;
-      }
-      this.shiftPressed = event.shiftKey;
-      this.selected = !this.selected;
-    };
-    this.pickListKeyDownHandler = (event) => {
-      if (event.key === " ") {
-        event.preventDefault();
-        if ((this.disableDeselect && this.selected) || this.nonInteractive) {
-          return;
-        }
-        this.selected = !this.selected;
-      }
-    };
-    this.removeClickHandler = () => {
-      this.calciteListItemRemove.emit();
-    };
-  }
-  descriptionWatchHandler() {
-    this.calciteInternalListItemPropsChange.emit();
-  }
-  labelWatchHandler() {
-    this.calciteInternalListItemPropsChange.emit();
-  }
-  metadataWatchHandler() {
-    this.calciteInternalListItemPropsChange.emit();
-  }
-  selectedWatchHandler() {
-    this.calciteListItemChange.emit({
-      item: this.el,
-      value: this.value,
-      selected: this.selected,
-      shiftPressed: this.shiftPressed
-    });
-    this.shiftPressed = false;
-  }
-  valueWatchHandler(newValue, oldValue) {
-    this.calciteInternalListItemValueChange.emit({ oldValue, newValue });
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  // --------------------------------------------------------------------------
-  connectedCallback() {
-    connectConditionalSlotComponent(this);
-  }
-  disconnectedCallback() {
-    disconnectConditionalSlotComponent(this);
-  }
-  componentDidRender() {
-    updateHostInteraction(this, this.el.closest("calcite-pick-list") ? "managed" : false);
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Public Methods
-  //
-  // --------------------------------------------------------------------------
-  /**
-   * Toggles the selection state. By default this won't trigger an event.
-   * The first argument allows the value to be coerced, rather than swapping values.
-   *
-   * @param coerce
-   */
-  async toggleSelected(coerce) {
-    this.selected = typeof coerce === "boolean" ? coerce : !this.selected;
-  }
-  /** Sets focus on the component. */
-  async setFocus() {
-    var _a;
-    (_a = this.focusEl) === null || _a === void 0 ? void 0 : _a.focus();
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Render Methods
-  //
-  // --------------------------------------------------------------------------
-  renderIcon() {
-    const { icon } = this;
-    if (!icon) {
-      return null;
-    }
-    return (h("span", { class: {
-        [CSS.icon]: true,
-        [CSS.iconDot]: icon === ICON_TYPES.circle
-      }, onClick: this.pickListClickHandler }, icon === ICON_TYPES.square ? h("calcite-icon", { icon: ICONS.checked, scale: "s" }) : null));
-  }
-  renderRemoveAction() {
-    return this.removable ? (h("calcite-action", { class: CSS.remove, icon: ICONS.remove, onCalciteActionClick: this.removeClickHandler, slot: SLOTS.actionsEnd, text: this.intlRemove })) : null;
-  }
-  renderActionsStart() {
-    const { el } = this;
-    const hasActionsStart = getSlotted(el, SLOTS.actionsStart);
-    return hasActionsStart ? (h("div", { class: { [CSS.actions]: true, [CSS.actionsStart]: true } }, h("slot", { name: SLOTS.actionsStart }))) : null;
-  }
-  renderActionsEnd() {
-    const { el, removable } = this;
-    const hasActionsEnd = getSlotted(el, SLOTS.actionsEnd);
-    return hasActionsEnd || removable ? (h("div", { class: { [CSS.actions]: true, [CSS.actionsEnd]: true } }, h("slot", { name: SLOTS.actionsEnd }), this.renderRemoveAction())) : null;
-  }
-  render() {
-    const { description, label } = this;
-    return (h(Fragment, null, this.renderIcon(), this.renderActionsStart(), h("label", { "aria-label": label, class: CSS.label, onClick: this.pickListClickHandler, onKeyDown: this.pickListKeyDownHandler, ref: (focusEl) => (this.focusEl = focusEl), tabIndex: 0 }, h("div", { "aria-checked": toAriaBoolean(this.selected), class: CSS.textContainer, role: "menuitemcheckbox" }, h("span", { class: CSS.title }, label), description ? h("span", { class: CSS.description }, description) : null)), this.renderActionsEnd()));
-  }
-  get el() { return this; }
-  static get watchers() { return {
-    "description": ["descriptionWatchHandler"],
-    "label": ["labelWatchHandler"],
-    "metadata": ["metadataWatchHandler"],
-    "selected": ["selectedWatchHandler"],
-    "value": ["valueWatchHandler"]
-  }; }
-  static get style() { return pickListItemCss; }
-}, [1, "calcite-pick-list-item", {
-    "description": [513],
-    "disabled": [516],
-    "disableDeselect": [516, "disable-deselect"],
-    "nonInteractive": [516, "non-interactive"],
-    "icon": [513],
-    "label": [513],
-    "metadata": [16],
-    "removable": [516],
-    "selected": [1540],
-    "intlRemove": [513, "intl-remove"],
-    "value": [8],
-    "toggleSelected": [64],
-    "setFocus": [64]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["calcite-pick-list-item", "calcite-action", "calcite-icon", "calcite-loader"];
-  components.forEach(tagName => { switch (tagName) {
-    case "calcite-pick-list-item":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, PickListItem);
-      }
-      break;
-    case "calcite-action":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "calcite-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "calcite-loader":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { CSS as C, PickListItem as P, SLOTS as S, defineCustomElement as d };
-
-//# sourceMappingURL=pick-list-item.js.map

package/dist/components/pick-list-item.js.map

@@ -1 +0,0 @@
-{"file":"pick-list-item.js","mappings":"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","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/pick-list-item/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/pick-list-item/pick-list-item.css?tag=calcite-pick-list-item&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/pick-list-item/pick-list-item.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  actions: \"actions\",\n  actionsEnd: \"actions--end\",\n  actionsStart: \"actions--start\",\n  description: \"description\",\n  handle: \"handle\",\n  handleActivated: \"handle--activated\",\n  highlight: \"highlight\",\n  icon: \"icon\",\n  iconDot: \"icon-dot\",\n  label: \"label\",\n  remove: \"remove\",\n  title: \"title\",\n  textContainer: \"text-container\"\n};\nexport const ICONS = {\n  checked: \"check\",\n  remove: \"x\"\n};\nexport const SLOTS = {\n  actionsEnd: \"actions-end\",\n  actionsStart: \"actions-start\"\n};\nexport const TEXT = {\n  remove: \"Remove\"\n};\n","@charset \"UTF-8\";\n/* mixins & extensions */\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n:root {\n  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --calcite-internal-duration-factor: 0.01;\n  }\n}\n/**\n* Currently only used in Checkbox.\n*/\n:root {\n  --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n: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  margin: 0px;\n  margin-block-end: 1px;\n  box-sizing: border-box;\n  display: flex;\n  align-items: stretch;\n  background-color: var(--calcite-ui-foreground-1);\n  font-size: var(--calcite-font-size--1);\n  line-height: 1rem;\n  color: var(--calcite-ui-text-1);\n  --tw-shadow: 0 1px 0 var(--calcite-ui-border-3);\n  --tw-shadow-colored: 0 1px 0 var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  transition: background-color var(--calcite-animation-timing);\n  animation: calcite-fade-in var(--calcite-animation-timing);\n}\n:host *{\n  box-sizing: border-box;\n}\n\n.label{\n  display: flex;\n  flex: 1 1 auto;\n  cursor: pointer;\n  align-items: center;\n  background-color: transparent;\n  outline-color: transparent;\n}\n.label:focus{\n  outline: 2px solid var(--calcite-ui-brand);\n  outline-offset: -2px;\n}\n.label:hover{\n  background-color: var(--calcite-ui-foreground-2);\n}\n\n:host([non-interactive]:hover){\n  background-color: var(--calcite-ui-foreground-1);\n}\n\n:host([non-interactive]) .label, \n:host([non-interactive]) .icon{\n  pointer-events: none;\n}\n\n.icon{\n  margin-block: 0px;\n  display: flex;\n  cursor: pointer;\n  align-items: center;\n  padding: 0.25rem;\n  color: var(--calcite-ui-brand);\n  flex: 0 0 auto;\n  line-height: 0;\n}\n.icon:hover{\n  background-color: var(--calcite-ui-foreground-2);\n}\n\n.icon-dot{\n  display: flex;\n  inline-size: 1.5rem;\n  align-items: center;\n  padding: 0.5rem;\n}\n.icon-dot:before{\n  opacity: 0;\n  content: \"•\";\n}\n\n.icon calcite-icon{\n  opacity: 0;\n}\n\n:host([selected]) .icon-dot:before,\n:host([selected]) .icon calcite-icon {\n  transition: opacity var(--calcite-animation-timing);\n  opacity: 1;\n}\n\n.text-container{\n  pointer-events: none;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  overflow: hidden;\n  padding-block: 0.5rem;\n  padding-inline: 0.75rem;\n  font-size: var(--calcite-font-size--2);\n  line-height: 1.375;\n  word-wrap: break-word;\n  word-break: break-word;\n}\n\n.title{\n  font-weight: var(--calcite-font-weight-normal);\n  color: var(--calcite-ui-text-1);\n}\n\n.description{\n  margin-block-start: 0.125rem;\n  font-weight: var(--calcite-font-weight-normal);\n  color: var(--calcite-ui-text-3);\n}\n\n.actions{\n  margin: 0px;\n  display: flex;\n  flex: 0 1 auto;\n  align-items: stretch;\n  justify-content: flex-end;\n}\n\n.actions--start ~ .label {\n  padding-inline-start: 0.25rem;\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 { Fragment, h } from \"@stencil/core\";\nimport { CSS, ICONS, SLOTS, TEXT } from \"./resources\";\nimport { ICON_TYPES } from \"../pick-list/resources\";\nimport { getSlotted, toAriaBoolean } from \"../../utils/dom\";\nimport { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from \"../../utils/conditionalSlot\";\nimport { updateHostInteraction } from \"../../utils/interactive\";\n/**\n * @slot actions-end - A slot for adding `calcite-action`s or content to the end side of the component.\n * @slot actions-start - A slot for adding `calcite-action`s or content to the start side of the component.\n */\nexport class PickListItem {\n  constructor() {\n    /**\n     * When `true`, interaction is prevented and the component is displayed with lower opacity.\n     */\n    this.disabled = false;\n    /**\n     * When `false`, the component cannot be deselected by user interaction.\n     */\n    this.disableDeselect = false;\n    /**\n     * @internal\n     */\n    this.nonInteractive = false;\n    /**\n     * Determines the icon SVG symbol that will be shown. Options are `\"circle\"`, `\"square\"`, `\"grip\"` or `null`.\n     *\n     * @see [ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/pick-list/resources.ts#L5)\n     */\n    this.icon = null;\n    /**\n     * When `true`, displays a remove action that removes the item from the list.\n     */\n    this.removable = false;\n    /**\n     * When `true`, selects an item. Toggles when an item is checked/unchecked.\n     */\n    this.selected = false;\n    /**\n     * When `removable` is `true`, the accessible name for the component's remove button.\n     *\n     * @default \"Remove\"\n     */\n    this.intlRemove = TEXT.remove;\n    // --------------------------------------------------------------------------\n    //\n    //  Private Methods\n    //\n    // --------------------------------------------------------------------------\n    this.pickListClickHandler = (event) => {\n      if (this.disabled || (this.disableDeselect && this.selected) || this.nonInteractive) {\n        return;\n      }\n      this.shiftPressed = event.shiftKey;\n      this.selected = !this.selected;\n    };\n    this.pickListKeyDownHandler = (event) => {\n      if (event.key === \" \") {\n        event.preventDefault();\n        if ((this.disableDeselect && this.selected) || this.nonInteractive) {\n          return;\n        }\n        this.selected = !this.selected;\n      }\n    };\n    this.removeClickHandler = () => {\n      this.calciteListItemRemove.emit();\n    };\n  }\n  descriptionWatchHandler() {\n    this.calciteInternalListItemPropsChange.emit();\n  }\n  labelWatchHandler() {\n    this.calciteInternalListItemPropsChange.emit();\n  }\n  metadataWatchHandler() {\n    this.calciteInternalListItemPropsChange.emit();\n  }\n  selectedWatchHandler() {\n    this.calciteListItemChange.emit({\n      item: this.el,\n      value: this.value,\n      selected: this.selected,\n      shiftPressed: this.shiftPressed\n    });\n    this.shiftPressed = false;\n  }\n  valueWatchHandler(newValue, oldValue) {\n    this.calciteInternalListItemValueChange.emit({ oldValue, newValue });\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n  connectedCallback() {\n    connectConditionalSlotComponent(this);\n  }\n  disconnectedCallback() {\n    disconnectConditionalSlotComponent(this);\n  }\n  componentDidRender() {\n    updateHostInteraction(this, this.el.closest(\"calcite-pick-list\") ? \"managed\" : false);\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n  /**\n   * Toggles the selection state. By default this won't trigger an event.\n   * The first argument allows the value to be coerced, rather than swapping values.\n   *\n   * @param coerce\n   */\n  async toggleSelected(coerce) {\n    this.selected = typeof coerce === \"boolean\" ? coerce : !this.selected;\n  }\n  /** Sets focus on the component. */\n  async setFocus() {\n    var _a;\n    (_a = this.focusEl) === null || _a === void 0 ? void 0 : _a.focus();\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  renderIcon() {\n    const { icon } = this;\n    if (!icon) {\n      return null;\n    }\n    return (h(\"span\", { class: {\n        [CSS.icon]: true,\n        [CSS.iconDot]: icon === ICON_TYPES.circle\n      }, onClick: this.pickListClickHandler }, icon === ICON_TYPES.square ? h(\"calcite-icon\", { icon: ICONS.checked, scale: \"s\" }) : null));\n  }\n  renderRemoveAction() {\n    return this.removable ? (h(\"calcite-action\", { class: CSS.remove, icon: ICONS.remove, onCalciteActionClick: this.removeClickHandler, slot: SLOTS.actionsEnd, text: this.intlRemove })) : null;\n  }\n  renderActionsStart() {\n    const { el } = this;\n    const hasActionsStart = getSlotted(el, SLOTS.actionsStart);\n    return hasActionsStart ? (h(\"div\", { class: { [CSS.actions]: true, [CSS.actionsStart]: true } }, h(\"slot\", { name: SLOTS.actionsStart }))) : null;\n  }\n  renderActionsEnd() {\n    const { el, removable } = this;\n    const hasActionsEnd = getSlotted(el, SLOTS.actionsEnd);\n    return hasActionsEnd || removable ? (h(\"div\", { class: { [CSS.actions]: true, [CSS.actionsEnd]: true } }, h(\"slot\", { name: SLOTS.actionsEnd }), this.renderRemoveAction())) : null;\n  }\n  render() {\n    const { description, label } = this;\n    return (h(Fragment, null, this.renderIcon(), this.renderActionsStart(), h(\"label\", { \"aria-label\": label, class: CSS.label, onClick: this.pickListClickHandler, onKeyDown: this.pickListKeyDownHandler, ref: (focusEl) => (this.focusEl = focusEl), tabIndex: 0 }, h(\"div\", { \"aria-checked\": toAriaBoolean(this.selected), class: CSS.textContainer, role: \"menuitemcheckbox\" }, h(\"span\", { class: CSS.title }, label), description ? h(\"span\", { class: CSS.description }, description) : null)), this.renderActionsEnd()));\n  }\n  static get is() { return \"calcite-pick-list-item\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"pick-list-item.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"pick-list-item.css\"]\n    };\n  }\n  static get properties() {\n    return {\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 that displays below the label text.\"\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      \"disableDeselect\": {\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 `false`, the component cannot be deselected by user interaction.\"\n        },\n        \"attribute\": \"disable-deselect\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"nonInteractive\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"\"\n        },\n        \"attribute\": \"non-interactive\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"icon\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"ICON_TYPES | null\",\n          \"resolved\": \"ICON_TYPES.circle | ICON_TYPES.grip | ICON_TYPES.square\",\n          \"references\": {\n            \"ICON_TYPES\": {\n              \"location\": \"import\",\n              \"path\": \"../pick-list/resources\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"see\",\n              \"text\": \"[ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/pick-list/resources.ts#L5)\"\n            }],\n          \"text\": \"Determines the icon SVG symbol that will be shown. Options are `\\\"circle\\\"`, `\\\"square\\\"`, `\\\"grip\\\"` or `null`.\"\n        },\n        \"attribute\": \"icon\",\n        \"reflect\": true,\n        \"defaultValue\": \"null\"\n      },\n      \"label\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": true,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Label and accessible name for the component. Appears next to the icon.\"\n        },\n        \"attribute\": \"label\",\n        \"reflect\": true\n      },\n      \"metadata\": {\n        \"type\": \"unknown\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Record<string, unknown>\",\n          \"resolved\": \"{ [x: string]: unknown; }\",\n          \"references\": {\n            \"Record\": {\n              \"location\": \"global\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Provides additional metadata to the component. Primary use is for a filter on the parent list.\"\n        }\n      },\n      \"removable\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, displays a remove action that removes the item from the list.\"\n        },\n        \"attribute\": \"removable\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"selected\": {\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`, selects an item. Toggles when an item is checked/unchecked.\"\n        },\n        \"attribute\": \"selected\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"intlRemove\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"default\",\n              \"text\": \"\\\"Remove\\\"\"\n            }],\n          \"text\": \"When `removable` is `true`, the accessible name for the component's remove button.\"\n        },\n        \"attribute\": \"intl-remove\",\n        \"reflect\": true,\n        \"defaultValue\": \"TEXT.remove\"\n      },\n      \"value\": {\n        \"type\": \"any\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"any\",\n          \"resolved\": \"any\",\n          \"references\": {}\n        },\n        \"required\": true,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"The component's value.\"\n        },\n        \"attribute\": \"value\",\n        \"reflect\": false\n      }\n    };\n  }\n  static get events() {\n    return [{\n        \"method\": \"calciteListItemChange\",\n        \"name\": \"calciteListItemChange\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Fires when the component is selected or unselected.\"\n        },\n        \"complexType\": {\n          \"original\": \"{\\n    item: HTMLCalcitePickListItemElement;\\n    value: any;\\n    selected: boolean;\\n    shiftPressed: boolean;\\n  }\",\n          \"resolved\": \"{ item: HTMLCalcitePickListItemElement; value: any; selected: boolean; shiftPressed: boolean; }\",\n          \"references\": {\n            \"HTMLCalcitePickListItemElement\": {\n              \"location\": \"global\"\n            }\n          }\n        }\n      }, {\n        \"method\": \"calciteListItemRemove\",\n        \"name\": \"calciteListItemRemove\",\n        \"bubbles\": true,\n        \"cancelable\": true,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Fires when the remove button is pressed.\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }, {\n        \"method\": \"calciteInternalListItemPropsChange\",\n        \"name\": \"calciteInternalListItemPropsChange\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"Emits when the component's label, description, value, or metadata properties are modified.\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }, {\n        \"method\": \"calciteInternalListItemValueChange\",\n        \"name\": \"calciteInternalListItemValueChange\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"Emits when the component's value property is modified.\"\n        },\n        \"complexType\": {\n          \"original\": \"{\\n    oldValue: any;\\n    newValue: any;\\n  }\",\n          \"resolved\": \"{ oldValue: any; newValue: any; }\",\n          \"references\": {}\n        }\n      }];\n  }\n  static get methods() {\n    return {\n      \"toggleSelected\": {\n        \"complexType\": {\n          \"signature\": \"(coerce?: boolean) => Promise<void>\",\n          \"parameters\": [{\n              \"tags\": [{\n                  \"name\": \"param\",\n                  \"text\": \"coerce\"\n                }],\n              \"text\": \"\"\n            }],\n          \"references\": {\n            \"Promise\": {\n              \"location\": \"global\"\n            }\n          },\n          \"return\": \"Promise<void>\"\n        },\n        \"docs\": {\n          \"text\": \"Toggles the selection state. By default this won't trigger an event.\\nThe first argument allows the value to be coerced, rather than swapping values.\",\n          \"tags\": [{\n              \"name\": \"param\",\n              \"text\": \"coerce\"\n            }]\n        }\n      },\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\": \"description\",\n        \"methodName\": \"descriptionWatchHandler\"\n      }, {\n        \"propName\": \"label\",\n        \"methodName\": \"labelWatchHandler\"\n      }, {\n        \"propName\": \"metadata\",\n        \"methodName\": \"metadataWatchHandler\"\n      }, {\n        \"propName\": \"selected\",\n        \"methodName\": \"selectedWatchHandler\"\n      }, {\n        \"propName\": \"value\",\n        \"methodName\": \"valueWatchHandler\"\n      }];\n  }\n}\n"],"version":3}