@esri/solutions-components 0.2.3 → 0.2.5

package/dist/solutions-components/p-95ddb529.entry.js

@@ -0,0 +1,181 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './p-58c69df2.js';
+import { T as TEXT, I as ICONS, C as CSS, S as SLOTS } from './p-de5416e8.js';
+import { I as ICON_TYPES } from './p-b978636e.js';
+import { a as getSlotted, t as toAriaBoolean } from './p-32a67cb2.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './p-5cf33602.js';
+import { u as updateHostInteraction } from './p-7daea1df.js';
+import './p-729708a3.js';
+import './p-a80b3880.js';
+import './p-9a9955db.js';
+
+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 = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    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 getElement(this); }
+  static get watchers() { return {
+    "description": ["descriptionWatchHandler"],
+    "label": ["labelWatchHandler"],
+    "metadata": ["metadataWatchHandler"],
+    "selected": ["selectedWatchHandler"],
+    "value": ["valueWatchHandler"]
+  }; }
+};
+PickListItem.style = pickListItemCss;
+
+export { PickListItem as calcite_pick_list_item };
+
+//# sourceMappingURL=p-95ddb529.entry.js.map

package/dist/solutions-components/p-95ddb529.entry.js.map

@@ -0,0 +1 @@
+{"file":"calcite-pick-list-item.entry.esm.js","mappings":"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","names":[],"sources":["./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":["@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}

package/dist/solutions-components/p-991ee695.js

@@ -8,4 +8,114 @@
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  * v1.0.0-beta.97
  */
-function r(r){const{r:n,g:t,b:s}=r;return`#${n.toString(16).padStart(2,"0")}${t.toString(16).padStart(2,"0")}${s.toString(16).padStart(2,"0")}`.toLowerCase()}const n=/^[0-9A-F]$/i,t=/^#[0-9A-F]{3}$/i,s=/^#[0-9A-F]{6}$/i;function e(r){return u(r)||i(r)}function u(r){return r&&4===r.length&&t.test(r)}function i(r){return r&&7===r.length&&s.test(r)}function a(n){return(n=n.toLowerCase()).startsWith("#")||(n=`#${n}`),u(n)?r(f(n)):n}function f(r){if(!e(r))return null;if(3===(r=r.replace("#","")).length){const[n,t,s]=r.split("");return{r:parseInt(`${n}${n}`,16),g:parseInt(`${t}${t}`,16),b:parseInt(`${s}${s}`,16)}}return{r:parseInt(r.slice(0,2),16),g:parseInt(r.slice(2,4),16),b:parseInt(r.slice(4,6),16)}}const c={HEX:"hex",HEXA:"hexa",RGB_CSS:"rgb-css",RGBA_CSS:"rgba-css",HSL_CSS:"hsl-css",HSLA_CSS:"hsla-css"},o="rgb",l="rgba",h="hsl",$="hsla",b="hsv",g="hsva";function p(r){if("string"==typeof r){if(r.startsWith("#")){const{length:n}=r;if(4===n||7===n)return c.HEX;if(5===n||9===n)return c.HEXA}if(r.startsWith("rgba("))return c.RGBA_CSS;if(r.startsWith("rgb("))return c.RGB_CSS;if(r.startsWith("hsl("))return c.HSL_CSS;if(r.startsWith("hsla("))return c.HSLA_CSS}if("object"==typeof r){if(S(r,"r","g","b"))return S(r,"a")?l:o;if(S(r,"h","s","l"))return S(r,"a")?$:h;if(S(r,"h","s","v"))return S(r,"a")?g:b}return null}function S(r,...n){return n.every((n=>n&&r&&`${n}`in r))}function A(r,n){return(null==r?void 0:r.rgbNumber())===(null==n?void 0:n.rgbNumber())}export{c as C,i as a,n as b,A as c,f as h,e as i,a as n,p,r}
+function rgbToHex(color) {
+  const { r, g, b } = color;
+  return `#${r.toString(16).padStart(2, "0")}${g.toString(16).padStart(2, "0")}${b
+    .toString(16)
+    .padStart(2, "0")}`.toLowerCase();
+}
+const hexChar = /^[0-9A-F]$/i;
+const shortHandHex = /^#[0-9A-F]{3}$/i;
+const longhandHex = /^#[0-9A-F]{6}$/i;
+function isValidHex(hex) {
+  return isShorthandHex(hex) || isLonghandHex(hex);
+}
+function isShorthandHex(hex) {
+  return hex && hex.length === 4 && shortHandHex.test(hex);
+}
+function isLonghandHex(hex) {
+  return hex && hex.length === 7 && longhandHex.test(hex);
+}
+function normalizeHex(hex) {
+  hex = hex.toLowerCase();
+  if (!hex.startsWith("#")) {
+    hex = `#${hex}`;
+  }
+  if (isShorthandHex(hex)) {
+    return rgbToHex(hexToRGB(hex));
+  }
+  return hex;
+}
+function hexToRGB(hex) {
+  if (!isValidHex(hex)) {
+    return null;
+  }
+  hex = hex.replace("#", "");
+  if (hex.length === 3) {
+    const [first, second, third] = hex.split("");
+    const r = parseInt(`${first}${first}`, 16);
+    const g = parseInt(`${second}${second}`, 16);
+    const b = parseInt(`${third}${third}`, 16);
+    return { r, g, b };
+  }
+  const r = parseInt(hex.slice(0, 2), 16);
+  const g = parseInt(hex.slice(2, 4), 16);
+  const b = parseInt(hex.slice(4, 6), 16);
+  return { r, g, b };
+}
+// these utils allow users to pass enum values as strings without having to access the enum
+// based on the approach suggested by https://github.com/microsoft/TypeScript/issues/17690#issuecomment-321365759,
+const enumify = (x) => x;
+const CSSColorMode = enumify({
+  HEX: "hex",
+  HEXA: "hexa",
+  RGB_CSS: "rgb-css",
+  RGBA_CSS: "rgba-css",
+  HSL_CSS: "hsl-css",
+  HSLA_CSS: "hsla-css"
+});
+const ObjectColorMode = enumify({
+  RGB: "rgb",
+  RGBA: "rgba",
+  HSL: "hsl",
+  HSLA: "hsla",
+  HSV: "hsv",
+  HSVA: "hsva"
+});
+function parseMode(colorValue) {
+  if (typeof colorValue === "string") {
+    if (colorValue.startsWith("#")) {
+      const { length } = colorValue;
+      if (length === 4 || length === 7) {
+        return CSSColorMode.HEX;
+      }
+      if (length === 5 || length === 9) {
+        return CSSColorMode.HEXA;
+      }
+    }
+    if (colorValue.startsWith("rgba(")) {
+      return CSSColorMode.RGBA_CSS;
+    }
+    if (colorValue.startsWith("rgb(")) {
+      return CSSColorMode.RGB_CSS;
+    }
+    if (colorValue.startsWith("hsl(")) {
+      return CSSColorMode.HSL_CSS;
+    }
+    if (colorValue.startsWith("hsla(")) {
+      return CSSColorMode.HSLA_CSS;
+    }
+  }
+  if (typeof colorValue === "object") {
+    if (hasChannels(colorValue, "r", "g", "b")) {
+      return hasChannels(colorValue, "a") ? ObjectColorMode.RGBA : ObjectColorMode.RGB;
+    }
+    if (hasChannels(colorValue, "h", "s", "l")) {
+      return hasChannels(colorValue, "a") ? ObjectColorMode.HSLA : ObjectColorMode.HSL;
+    }
+    if (hasChannels(colorValue, "h", "s", "v")) {
+      return hasChannels(colorValue, "a") ? ObjectColorMode.HSVA : ObjectColorMode.HSV;
+    }
+  }
+  return null;
+}
+function hasChannels(colorObject, ...channels) {
+  return channels.every((channel) => channel && colorObject && `${channel}` in colorObject);
+}
+function colorEqual(value1, value2) {
+  return (value1 === null || value1 === void 0 ? void 0 : value1.rgbNumber()) === (value2 === null || value2 === void 0 ? void 0 : value2.rgbNumber());
+}
+
+export { CSSColorMode as C, isLonghandHex as a, hexChar as b, colorEqual as c, hexToRGB as h, isValidHex as i, normalizeHex as n, parseMode as p, rgbToHex as r };
+
+//# sourceMappingURL=p-991ee695.js.map

package/dist/solutions-components/p-991ee695.js.map

@@ -0,0 +1 @@
+{"file":"p-991ee695.js","mappings":"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","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/color-picker/utils.js"],"sourcesContent":["/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nexport function rgbToHex(color) {\n  const { r, g, b } = color;\n  return `#${r.toString(16).padStart(2, \"0\")}${g.toString(16).padStart(2, \"0\")}${b\n    .toString(16)\n    .padStart(2, \"0\")}`.toLowerCase();\n}\nexport const hexChar = /^[0-9A-F]$/i;\nconst shortHandHex = /^#[0-9A-F]{3}$/i;\nconst longhandHex = /^#[0-9A-F]{6}$/i;\nexport function isValidHex(hex) {\n  return isShorthandHex(hex) || isLonghandHex(hex);\n}\nexport function isShorthandHex(hex) {\n  return hex && hex.length === 4 && shortHandHex.test(hex);\n}\nexport function isLonghandHex(hex) {\n  return hex && hex.length === 7 && longhandHex.test(hex);\n}\nexport function normalizeHex(hex) {\n  hex = hex.toLowerCase();\n  if (!hex.startsWith(\"#\")) {\n    hex = `#${hex}`;\n  }\n  if (isShorthandHex(hex)) {\n    return rgbToHex(hexToRGB(hex));\n  }\n  return hex;\n}\nexport function hexToRGB(hex) {\n  if (!isValidHex(hex)) {\n    return null;\n  }\n  hex = hex.replace(\"#\", \"\");\n  if (hex.length === 3) {\n    const [first, second, third] = hex.split(\"\");\n    const r = parseInt(`${first}${first}`, 16);\n    const g = parseInt(`${second}${second}`, 16);\n    const b = parseInt(`${third}${third}`, 16);\n    return { r, g, b };\n  }\n  const r = parseInt(hex.slice(0, 2), 16);\n  const g = parseInt(hex.slice(2, 4), 16);\n  const b = parseInt(hex.slice(4, 6), 16);\n  return { r, g, b };\n}\n// these utils allow users to pass enum values as strings without having to access the enum\n// based on the approach suggested by https://github.com/microsoft/TypeScript/issues/17690#issuecomment-321365759,\nconst enumify = (x) => x;\nexport const CSSColorMode = enumify({\n  HEX: \"hex\",\n  HEXA: \"hexa\",\n  RGB_CSS: \"rgb-css\",\n  RGBA_CSS: \"rgba-css\",\n  HSL_CSS: \"hsl-css\",\n  HSLA_CSS: \"hsla-css\"\n});\nexport const ObjectColorMode = enumify({\n  RGB: \"rgb\",\n  RGBA: \"rgba\",\n  HSL: \"hsl\",\n  HSLA: \"hsla\",\n  HSV: \"hsv\",\n  HSVA: \"hsva\"\n});\nexport function parseMode(colorValue) {\n  if (typeof colorValue === \"string\") {\n    if (colorValue.startsWith(\"#\")) {\n      const { length } = colorValue;\n      if (length === 4 || length === 7) {\n        return CSSColorMode.HEX;\n      }\n      if (length === 5 || length === 9) {\n        return CSSColorMode.HEXA;\n      }\n    }\n    if (colorValue.startsWith(\"rgba(\")) {\n      return CSSColorMode.RGBA_CSS;\n    }\n    if (colorValue.startsWith(\"rgb(\")) {\n      return CSSColorMode.RGB_CSS;\n    }\n    if (colorValue.startsWith(\"hsl(\")) {\n      return CSSColorMode.HSL_CSS;\n    }\n    if (colorValue.startsWith(\"hsla(\")) {\n      return CSSColorMode.HSLA_CSS;\n    }\n  }\n  if (typeof colorValue === \"object\") {\n    if (hasChannels(colorValue, \"r\", \"g\", \"b\")) {\n      return hasChannels(colorValue, \"a\") ? ObjectColorMode.RGBA : ObjectColorMode.RGB;\n    }\n    if (hasChannels(colorValue, \"h\", \"s\", \"l\")) {\n      return hasChannels(colorValue, \"a\") ? ObjectColorMode.HSLA : ObjectColorMode.HSL;\n    }\n    if (hasChannels(colorValue, \"h\", \"s\", \"v\")) {\n      return hasChannels(colorValue, \"a\") ? ObjectColorMode.HSVA : ObjectColorMode.HSV;\n    }\n  }\n  return null;\n}\nfunction hasChannels(colorObject, ...channels) {\n  return channels.every((channel) => channel && colorObject && `${channel}` in colorObject);\n}\nexport function colorEqual(value1, value2) {\n  return (value1 === null || value1 === void 0 ? void 0 : value1.rgbNumber()) === (value2 === null || value2 === void 0 ? void 0 : value2.rgbNumber());\n}\n"],"version":3}

package/dist/solutions-components/p-99d9b624.entry.js

@@ -0,0 +1,177 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { r as registerInstance, c as createEvent, h, g as getElement } from './p-58c69df2.js';
+import { S as Sortable } from './p-77182c3a.js';
+import { c as createObserver } from './p-9a9955db.js';
+import { u as updateHostInteraction } from './p-7daea1df.js';
+
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ * v1.0.0-beta.97
+ */
+const CSS = {
+  sortItem: "sort-item",
+  container: "container",
+  containerHorizontal: "container--horizontal",
+  containerVertical: "container--vertical"
+};
+
+const sortableListCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:flex}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.container{display:flex;flex:1 1 auto}.container--vertical{flex-direction:column}.container--horizontal{flex-direction:row}";
+
+const SortableList = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.calciteListOrderChange = createEvent(this, "calciteListOrderChange", 6);
+    /**
+     * The selector for the handle elements.
+     */
+    this.handleSelector = "calcite-handle";
+    /**
+     * Indicates the horizontal or vertical orientation of the component.
+     */
+    this.layout = "vertical";
+    /**
+     * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
+     */
+    this.disabled = false;
+    /**
+     * When true, content is waiting to be loaded. This state shows a busy indicator.
+     */
+    this.loading = false;
+    this.handleActivated = false;
+    this.items = [];
+    this.mutationObserver = createObserver("mutation", () => {
+      this.cleanUpDragAndDrop();
+      this.items = Array.from(this.el.children);
+      this.setUpDragAndDrop();
+    });
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  // --------------------------------------------------------------------------
+  connectedCallback() {
+    this.items = Array.from(this.el.children);
+    this.setUpDragAndDrop();
+    this.beginObserving();
+  }
+  disconnectedCallback() {
+    var _a;
+    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.cleanUpDragAndDrop();
+  }
+  componentDidRender() {
+    updateHostInteraction(this);
+  }
+  calciteHandleNudgeHandler(event) {
+    var _a;
+    const sortItem = this.items.find((item) => {
+      return item.contains(event.detail.handle) || event.composedPath().includes(item);
+    });
+    const lastIndex = this.items.length - 1;
+    const startingIndex = this.items.indexOf(sortItem);
+    let appendInstead = false;
+    let buddyIndex;
+    switch (event.detail.direction) {
+      case "up":
+        event.preventDefault();
+        if (startingIndex === 0) {
+          appendInstead = true;
+        }
+        else {
+          buddyIndex = startingIndex - 1;
+        }
+        break;
+      case "down":
+        event.preventDefault();
+        if (startingIndex === lastIndex) {
+          buddyIndex = 0;
+        }
+        else if (startingIndex === lastIndex - 1) {
+          appendInstead = true;
+        }
+        else {
+          buddyIndex = startingIndex + 2;
+        }
+        break;
+      default:
+        return;
+    }
+    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    if (appendInstead) {
+      sortItem.parentElement.appendChild(sortItem);
+    }
+    else {
+      sortItem.parentElement.insertBefore(sortItem, this.items[buddyIndex]);
+    }
+    this.items = Array.from(this.el.children);
+    event.detail.handle.activated = true;
+    event.detail.handle.setFocus();
+    this.beginObserving();
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  // --------------------------------------------------------------------------
+  setUpDragAndDrop() {
+    this.cleanUpDragAndDrop();
+    const options = {
+      dataIdAttr: "id",
+      group: this.group,
+      handle: this.handleSelector,
+      // Changed sorting within list
+      onUpdate: () => {
+        this.items = Array.from(this.el.children);
+        this.calciteListOrderChange.emit();
+      },
+      // Element dragging started
+      onStart: () => {
+        var _a;
+        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+      },
+      // Element dragging ended
+      onEnd: () => {
+        this.beginObserving();
+      }
+    };
+    if (this.dragSelector) {
+      options.draggable = this.dragSelector;
+    }
+    this.sortable = Sortable.create(this.el, options);
+  }
+  cleanUpDragAndDrop() {
+    var _a;
+    (_a = this.sortable) === null || _a === void 0 ? void 0 : _a.destroy();
+    this.sortable = null;
+  }
+  beginObserving() {
+    var _a;
+    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Render Methods
+  //
+  // --------------------------------------------------------------------------
+  render() {
+    const { layout } = this;
+    const horizontal = layout === "horizontal" || false;
+    return (h("div", { class: {
+        [CSS.container]: true,
+        [CSS.containerVertical]: !horizontal,
+        [CSS.containerHorizontal]: horizontal
+      } }, h("slot", null)));
+  }
+  get el() { return getElement(this); }
+};
+SortableList.style = sortableListCss;
+
+export { SortableList as calcite_sortable_list };
+
+//# sourceMappingURL=p-99d9b624.entry.js.map

package/dist/solutions-components/p-99d9b624.entry.js.map

@@ -0,0 +1 @@
+{"file":"calcite-sortable-list.entry.esm.js","mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACO,MAAM,GAAG,GAAG;AACnB,EAAE,QAAQ,EAAE,WAAW;AACvB,EAAE,SAAS,EAAE,WAAW;AACxB,EAAE,mBAAmB,EAAE,uBAAuB;AAC9C,EAAE,iBAAiB,EAAE,qBAAqB;AAC1C,CAAC;;ACVD,MAAM,eAAe,GAAG,+qDAA+qD;;MCa1rD,YAAY;EACvB;;;;;;IAIE,IAAI,CAAC,cAAc,GAAG,gBAAgB,CAAC;;;;IAIvC,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC;;;;IAIzB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;;;;IAItB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACrB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;IAC7B,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IAChB,IAAI,CAAC,gBAAgB,GAAG,cAAc,CAAC,UAAU,EAAE;MACjD,IAAI,CAAC,kBAAkB,EAAE,CAAC;MAC1B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;MAC1C,IAAI,CAAC,gBAAgB,EAAE,CAAC;KACzB,CAAC,CAAC;GACJ;;;;;;EAMD,iBAAiB;IACf,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAC1C,IAAI,CAAC,gBAAgB,EAAE,CAAC;IACxB,IAAI,CAAC,cAAc,EAAE,CAAC;GACvB;EACD,oBAAoB;IAClB,IAAI,EAAE,CAAC;IACP,CAAC,EAAE,GAAG,IAAI,CAAC,gBAAgB,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC;IAClF,IAAI,CAAC,kBAAkB,EAAE,CAAC;GAC3B;EACD,kBAAkB;IAChB,qBAAqB,CAAC,IAAI,CAAC,CAAC;GAC7B;EACD,yBAAyB,CAAC,KAAK;IAC7B,IAAI,EAAE,CAAC;IACP,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI;MACpC,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;KAClF,CAAC,CAAC;IACH,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IACxC,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACnD,IAAI,aAAa,GAAG,KAAK,CAAC;IAC1B,IAAI,UAAU,CAAC;IACf,QAAQ,KAAK,CAAC,MAAM,CAAC,SAAS;MAC5B,KAAK,IAAI;QACP,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,aAAa,KAAK,CAAC,EAAE;UACvB,aAAa,GAAG,IAAI,CAAC;SACtB;aACI;UACH,UAAU,GAAG,aAAa,GAAG,CAAC,CAAC;SAChC;QACD,MAAM;MACR,KAAK,MAAM;QACT,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,aAAa,KAAK,SAAS,EAAE;UAC/B,UAAU,GAAG,CAAC,CAAC;SAChB;aACI,IAAI,aAAa,KAAK,SAAS,GAAG,CAAC,EAAE;UACxC,aAAa,GAAG,IAAI,CAAC;SACtB;aACI;UACH,UAAU,GAAG,aAAa,GAAG,CAAC,CAAC;SAChC;QACD,MAAM;MACR;QACE,OAAO;KACV;IACD,CAAC,EAAE,GAAG,IAAI,CAAC,gBAAgB,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC;IAClF,IAAI,aAAa,EAAE;MACjB,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;KAC9C;SACI;MACH,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;KACvE;IACD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAC1C,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,GAAG,IAAI,CAAC;IACrC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;IAC/B,IAAI,CAAC,cAAc,EAAE,CAAC;GACvB;;;;;;EAMD,gBAAgB;IACd,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC1B,MAAM,OAAO,GAAG;MACd,UAAU,EAAE,IAAI;MAChB,KAAK,EAAE,IAAI,CAAC,KAAK;MACjB,MAAM,EAAE,IAAI,CAAC,cAAc;;MAE3B,QAAQ,EAAE;QACR,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;QAC1C,IAAI,CAAC,sBAAsB,CAAC,IAAI,EAAE,CAAC;OACpC;;MAED,OAAO,EAAE;QACP,IAAI,EAAE,CAAC;QACP,CAAC,EAAE,GAAG,IAAI,CAAC,gBAAgB,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC;OACnF;;MAED,KAAK,EAAE;QACL,IAAI,CAAC,cAAc,EAAE,CAAC;OACvB;KACF,CAAC;IACF,IAAI,IAAI,CAAC,YAAY,EAAE;MACrB,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC;KACvC;IACD,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;GACnD;EACD,kBAAkB;IAChB,IAAI,EAAE,CAAC;IACP,CAAC,EAAE,GAAG,IAAI,CAAC,QAAQ,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC;IACvE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;GACtB;EACD,cAAc;IACZ,IAAI,EAAE,CAAC;IACP,CAAC,EAAE,GAAG,IAAI,CAAC,gBAAgB,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;GAC3H;;;;;;EAMD,MAAM;IACJ,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IACxB,MAAM,UAAU,GAAG,MAAM,KAAK,YAAY,IAAI,KAAK,CAAC;IACpD,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACtB,CAAC,GAAG,CAAC,SAAS,GAAG,IAAI;QACrB,CAAC,GAAG,CAAC,iBAAiB,GAAG,CAAC,UAAU;QACpC,CAAC,GAAG,CAAC,mBAAmB,GAAG,UAAU;OACtC,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,EAAE;GAC1B;;;;;;;","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/sortable-list/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/sortable-list/sortable-list.css?tag=calcite-sortable-list&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/sortable-list/sortable-list.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  sortItem: \"sort-item\",\n  container: \"container\",\n  containerHorizontal: \"container--horizontal\",\n  containerVertical: \"container--vertical\"\n};\n","/* mixins & extensions */\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n:root {\n  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --calcite-internal-duration-factor: 0.01;\n  }\n}\n/**\n* Currently only used in Checkbox.\n*/\n:root {\n  --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host([disabled]) {\n  pointer-events: none;\n  cursor: default;\n  -webkit-user-select: none;\n          user-select: none;\n  opacity: var(--calcite-ui-opacity-disabled);\n}\n\n:host {\n  display: flex;\n}\n\n:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled] {\n  /* prevent opacity stacking */\n  opacity: 1;\n}\n\n.container {\n  display: flex;\n  flex: 1 1 auto;\n}\n\n.container--vertical {\n  flex-direction: column;\n}\n\n.container--horizontal {\n  flex-direction: row;\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 Sortable from \"sortablejs\";\nimport { h } from \"@stencil/core\";\nimport { createObserver } from \"../../utils/observers\";\nimport { CSS } from \"./resources\";\nimport { updateHostInteraction } from \"../../utils/interactive\";\n/**\n * @slot - A slot for adding sortable items.\n */\nexport class SortableList {\n  constructor() {\n    /**\n     * The selector for the handle elements.\n     */\n    this.handleSelector = \"calcite-handle\";\n    /**\n     * Indicates the horizontal or vertical orientation of the component.\n     */\n    this.layout = \"vertical\";\n    /**\n     * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.\n     */\n    this.disabled = false;\n    /**\n     * When true, content is waiting to be loaded. This state shows a busy indicator.\n     */\n    this.loading = false;\n    this.handleActivated = false;\n    this.items = [];\n    this.mutationObserver = createObserver(\"mutation\", () => {\n      this.cleanUpDragAndDrop();\n      this.items = Array.from(this.el.children);\n      this.setUpDragAndDrop();\n    });\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n  connectedCallback() {\n    this.items = Array.from(this.el.children);\n    this.setUpDragAndDrop();\n    this.beginObserving();\n  }\n  disconnectedCallback() {\n    var _a;\n    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n    this.cleanUpDragAndDrop();\n  }\n  componentDidRender() {\n    updateHostInteraction(this);\n  }\n  calciteHandleNudgeHandler(event) {\n    var _a;\n    const sortItem = this.items.find((item) => {\n      return item.contains(event.detail.handle) || event.composedPath().includes(item);\n    });\n    const lastIndex = this.items.length - 1;\n    const startingIndex = this.items.indexOf(sortItem);\n    let appendInstead = false;\n    let buddyIndex;\n    switch (event.detail.direction) {\n      case \"up\":\n        event.preventDefault();\n        if (startingIndex === 0) {\n          appendInstead = true;\n        }\n        else {\n          buddyIndex = startingIndex - 1;\n        }\n        break;\n      case \"down\":\n        event.preventDefault();\n        if (startingIndex === lastIndex) {\n          buddyIndex = 0;\n        }\n        else if (startingIndex === lastIndex - 1) {\n          appendInstead = true;\n        }\n        else {\n          buddyIndex = startingIndex + 2;\n        }\n        break;\n      default:\n        return;\n    }\n    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n    if (appendInstead) {\n      sortItem.parentElement.appendChild(sortItem);\n    }\n    else {\n      sortItem.parentElement.insertBefore(sortItem, this.items[buddyIndex]);\n    }\n    this.items = Array.from(this.el.children);\n    event.detail.handle.activated = true;\n    event.detail.handle.setFocus();\n    this.beginObserving();\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n  setUpDragAndDrop() {\n    this.cleanUpDragAndDrop();\n    const options = {\n      dataIdAttr: \"id\",\n      group: this.group,\n      handle: this.handleSelector,\n      // Changed sorting within list\n      onUpdate: () => {\n        this.items = Array.from(this.el.children);\n        this.calciteListOrderChange.emit();\n      },\n      // Element dragging started\n      onStart: () => {\n        var _a;\n        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n      },\n      // Element dragging ended\n      onEnd: () => {\n        this.beginObserving();\n      }\n    };\n    if (this.dragSelector) {\n      options.draggable = this.dragSelector;\n    }\n    this.sortable = Sortable.create(this.el, options);\n  }\n  cleanUpDragAndDrop() {\n    var _a;\n    (_a = this.sortable) === null || _a === void 0 ? void 0 : _a.destroy();\n    this.sortable = null;\n  }\n  beginObserving() {\n    var _a;\n    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  render() {\n    const { layout } = this;\n    const horizontal = layout === \"horizontal\" || false;\n    return (h(\"div\", { class: {\n        [CSS.container]: true,\n        [CSS.containerVertical]: !horizontal,\n        [CSS.containerHorizontal]: horizontal\n      } }, h(\"slot\", null)));\n  }\n  static get is() { return \"calcite-sortable-list\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"sortable-list.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"sortable-list.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"dragSelector\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies which items inside the element should be draggable.\"\n        },\n        \"attribute\": \"drag-selector\",\n        \"reflect\": true\n      },\n      \"group\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"The list's group identifier.\\n\\nTo drag elements from one list into another, both lists must have the same group value.\"\n        },\n        \"attribute\": \"group\",\n        \"reflect\": true\n      },\n      \"handleSelector\": {\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          \"text\": \"The selector for the handle elements.\"\n        },\n        \"attribute\": \"handle-selector\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"calcite-handle\\\"\"\n      },\n      \"layout\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Layout\",\n          \"resolved\": \"\\\"grid\\\" | \\\"horizontal\\\" | \\\"vertical\\\"\",\n          \"references\": {\n            \"Layout\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Indicates the horizontal or vertical orientation of the component.\"\n        },\n        \"attribute\": \"layout\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"vertical\\\"\"\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, disabled prevents interaction. This state shows items with lower opacity/grayed.\"\n        },\n        \"attribute\": \"disabled\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"loading\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When true, content is waiting to be loaded. This state shows a busy indicator.\"\n        },\n        \"attribute\": \"loading\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      }\n    };\n  }\n  static get states() {\n    return {\n      \"handleActivated\": {}\n    };\n  }\n  static get events() {\n    return [{\n        \"method\": \"calciteListOrderChange\",\n        \"name\": \"calciteListOrderChange\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Emitted when the order of the list has changed.\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }];\n  }\n  static get elementRef() { return \"el\"; }\n  static get listeners() {\n    return [{\n        \"name\": \"calciteHandleNudge\",\n        \"method\": \"calciteHandleNudgeHandler\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": false\n      }];\n  }\n}\n"],"version":3}