@esri/solutions-components 0.2.0 → 0.2.2

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

@@ -1,206 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { I as ICON_TYPES } from './resources.js';
-import { g as guid } from './guid.js';
-import { S as SLOTS$1, C as CSS, d as defineCustomElement$1 } from './pick-list-item.js';
-import { b as getSlotted } from './dom.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';
-import { u as updateHostInteraction } from './interactive.js';
-import { d as defineCustomElement$4 } from './action.js';
-import { d as defineCustomElement$3 } from './icon.js';
-import { d as defineCustomElement$2 } 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 ICONS = {
-  drag: "drag"
-};
-const SLOTS = {
-  actionsEnd: "actions-end",
-  actionsStart: "actions-start"
-};
-
-const valueListItemCss = "@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{-webkit-margin-after:1px;margin-block-end:1px;box-sizing:border-box;display:flex;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2);--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), box-shadow var(--calcite-animation-timing)}:host *{box-sizing:border-box}calcite-pick-list-item{position:relative;margin:0px;flex-grow:1;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([active]),:host([selected]){--tw-shadow:0 0 0 1px var(--calcite-ui-brand);--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.handle{display:flex;cursor:move;align-items:center;justify-content:center;border-style:none;background-color:transparent;padding-block:0px;padding-inline:0.25rem;color:var(--calcite-ui-border-input);outline-color:transparent}.handle:hover{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.handle:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.handle--activated{background-color:var(--calcite-ui-foreground-3);color:var(--calcite-ui-text-1)}.handle calcite-icon{color:inherit}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";
-
-const ValueListItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.calciteListItemRemove = createEvent(this, "calciteListItemRemove", 7);
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    this.disabled = false;
-    /**
-     * @internal
-     */
-    this.disableDeselect = false;
-    /**
-     * When `true`, prevents the content of the component from user interaction.
-     */
-    this.nonInteractive = false;
-    /**
-     * @internal
-     */
-    this.handleActivated = 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`, adds an action to remove the component.
-     */
-    this.removable = false;
-    /**
-     * When `true`, the component is selected.
-     */
-    this.selected = false;
-    this.pickListItem = null;
-    this.guid = `calcite-value-list-item-${guid()}`;
-    // --------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    // --------------------------------------------------------------------------
-    this.getPickListRef = (el) => (this.pickListItem = el);
-    this.handleKeyDown = (event) => {
-      if (event.key === " ") {
-        this.handleActivated = !this.handleActivated;
-      }
-    };
-    this.handleBlur = () => {
-      this.handleActivated = false;
-    };
-    this.handleSelectChange = (event) => {
-      this.selected = event.detail.selected;
-    };
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  // --------------------------------------------------------------------------
-  connectedCallback() {
-    connectConditionalSlotComponent(this);
-  }
-  disconnectedCallback() {
-    disconnectConditionalSlotComponent(this);
-  }
-  componentDidRender() {
-    updateHostInteraction(this, this.el.closest("calcite-value-list") ? "managed" : false);
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Public Methods
-  //
-  // --------------------------------------------------------------------------
-  /**
-   * Toggle 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.pickListItem.toggleSelected(coerce);
-  }
-  /** Set focus on the component. */
-  async setFocus() {
-    var _a;
-    (_a = this.pickListItem) === null || _a === void 0 ? void 0 : _a.setFocus();
-  }
-  calciteListItemChangeHandler(event) {
-    // adjust item payload from wrapped item before bubbling
-    event.detail.item = this.el;
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Render Methods
-  //
-  // --------------------------------------------------------------------------
-  renderActionsEnd() {
-    const { el } = this;
-    const hasActionsEnd = getSlotted(el, SLOTS.actionsEnd);
-    return hasActionsEnd ? (h("slot", { name: SLOTS.actionsEnd, slot: SLOTS$1.actionsEnd })) : null;
-  }
-  renderActionsStart() {
-    const { el } = this;
-    const hasActionsStart = getSlotted(el, SLOTS.actionsStart);
-    return hasActionsStart ? (h("slot", { name: SLOTS.actionsStart, slot: SLOTS$1.actionsStart })) : null;
-  }
-  renderHandle() {
-    const { icon } = this;
-    if (icon === ICON_TYPES.grip) {
-      return (h("span", { class: {
-          [CSS.handle]: true,
-          [CSS.handleActivated]: this.handleActivated
-        }, "data-js-handle": true, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, role: "button", tabindex: "0" }, h("calcite-icon", { icon: ICONS.drag, scale: "s" })));
-    }
-  }
-  render() {
-    return (h(Host, { id: this.el.id || this.guid }, this.renderHandle(), h("calcite-pick-list-item", { description: this.description, disableDeselect: this.disableDeselect, disabled: this.disabled, label: this.label, metadata: this.metadata, nonInteractive: this.nonInteractive, onCalciteListItemChange: this.handleSelectChange, ref: this.getPickListRef, removable: this.removable, selected: this.selected, value: this.value }, this.renderActionsStart(), this.renderActionsEnd())));
-  }
-  get el() { return this; }
-  static get style() { return valueListItemCss; }
-}, [1, "calcite-value-list-item", {
-    "description": [513],
-    "disabled": [516],
-    "disableDeselect": [4, "disable-deselect"],
-    "nonInteractive": [516, "non-interactive"],
-    "handleActivated": [1028, "handle-activated"],
-    "icon": [513],
-    "label": [513],
-    "metadata": [16],
-    "removable": [516],
-    "selected": [1540],
-    "value": [8],
-    "toggleSelected": [64],
-    "setFocus": [64]
-  }, [[0, "calciteListItemChange", "calciteListItemChangeHandler"]]]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["calcite-value-list-item", "calcite-action", "calcite-icon", "calcite-loader", "calcite-pick-list-item"];
-  components.forEach(tagName => { switch (tagName) {
-    case "calcite-value-list-item":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ValueListItem);
-      }
-      break;
-    case "calcite-action":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "calcite-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "calcite-loader":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "calcite-pick-list-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { ValueListItem as V, defineCustomElement as d };
-
-//# sourceMappingURL=value-list-item.js.map

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

@@ -1 +0,0 @@
-{"file":"value-list-item.js","mappings":";;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACO,MAAM,KAAK,GAAG;AACrB,EAAE,IAAI,EAAE,MAAM;AACd,CAAC,CAAC;AACK,MAAM,KAAK,GAAG;AACrB,EAAE,UAAU,EAAE,aAAa;AAC3B,EAAE,YAAY,EAAE,eAAe;AAC/B,CAAC;;ACXD,MAAM,gBAAgB,GAAG,mhGAAmhG;;MCiB/hG,aAAa;EACxB;;;;;;;;IAIE,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;;;;IAItB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;;;;IAI7B,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;;;;IAI5B,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;;;;;;IAM7B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;;;;IAIjB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;;;;IAIvB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACtB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;IACzB,IAAI,CAAC,IAAI,GAAG,2BAA2B,IAAI,EAAE,EAAE,CAAC;;;;;;IAMhD,IAAI,CAAC,cAAc,GAAG,CAAC,EAAE,MAAM,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,CAAC;IACvD,IAAI,CAAC,aAAa,GAAG,CAAC,KAAK;MACzB,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;QACrB,IAAI,CAAC,eAAe,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC;OAC9C;KACF,CAAC;IACF,IAAI,CAAC,UAAU,GAAG;MAChB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;KAC9B,CAAC;IACF,IAAI,CAAC,kBAAkB,GAAG,CAAC,KAAK;MAC9B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC;KACvC,CAAC;GACH;;;;;;EAMD,iBAAiB;IACf,+BAA+B,CAAC,IAAI,CAAC,CAAC;GACvC;EACD,oBAAoB;IAClB,kCAAkC,CAAC,IAAI,CAAC,CAAC;GAC1C;EACD,kBAAkB;IAChB,qBAAqB,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,oBAAoB,CAAC,GAAG,SAAS,GAAG,KAAK,CAAC,CAAC;GACxF;;;;;;;;;;;;EAYD,MAAM,cAAc,CAAC,MAAM;IACzB,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;GAC1C;;EAED,MAAM,QAAQ;IACZ,IAAI,EAAE,CAAC;IACP,CAAC,EAAE,GAAG,IAAI,CAAC,YAAY,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC;GAC7E;EACD,4BAA4B,CAAC,KAAK;;IAEhC,KAAK,CAAC,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC;GAC7B;;;;;;EAMD,gBAAgB;IACd,MAAM,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC;IACpB,MAAM,aAAa,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IACvD,OAAO,aAAa,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAEA,OAAe,CAAC,UAAU,EAAE,CAAC,IAAI,IAAI,CAAC;GACzG;EACD,kBAAkB;IAChB,MAAM,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC;IACpB,MAAM,eAAe,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAC3D,OAAO,eAAe,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,YAAY,EAAE,IAAI,EAAEA,OAAe,CAAC,YAAY,EAAE,CAAC,IAAI,IAAI,CAAC;GAC/G;EACD,YAAY;IACV,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IACtB,IAAI,IAAI,KAAK,UAAU,CAAC,IAAI,EAAE;MAC5B,QAAQ,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE;UACvB,CAAC,GAAG,CAAC,MAAM,GAAG,IAAI;UAClB,CAAC,GAAG,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe;SAC5C,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,UAAU,EAAE,SAAS,EAAE,IAAI,CAAC,aAAa,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,cAAc,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE;KAC7K;GACF;EACD,MAAM;IACJ,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,wBAAwB,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,eAAe,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE,uBAAuB,EAAE,IAAI,CAAC,kBAAkB,EAAE,GAAG,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC,kBAAkB,EAAE,EAAE,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC,EAAE;GAChe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PICK_LIST_SLOTS"],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/value-list-item/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/value-list-item/value-list-item.css?tag=calcite-value-list-item&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/value-list-item/value-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 ICONS = {\n  drag: \"drag\"\n};\nexport const SLOTS = {\n  actionsEnd: \"actions-end\",\n  actionsStart: \"actions-start\"\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  margin-block-end: 1px;\n  box-sizing: border-box;\n  display: flex;\n  background-color: var(--calcite-ui-foreground-1);\n  font-size: var(--calcite-font-size--1);\n  color: var(--calcite-ui-text-2);\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), box-shadow var(--calcite-animation-timing);\n}\n:host * {\n  box-sizing: border-box;\n}\n\ncalcite-pick-list-item {\n  position: relative;\n  margin: 0px;\n  flex-grow: 1;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n:host([active]), \n:host([selected]) {\n  --tw-shadow: 0 0 0 1px var(--calcite-ui-brand);\n  --tw-shadow-colored: 0 0 0 1px 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}\n\n.handle {\n  display: flex;\n  cursor: move;\n  align-items: center;\n  justify-content: center;\n  border-style: none;\n  background-color: transparent;\n  padding-block: 0px;\n  padding-inline: 0.25rem;\n  color: var(--calcite-ui-border-input);\n  outline-color: transparent;\n}\n.handle:hover {\n  background-color: var(--calcite-ui-foreground-2);\n  color: var(--calcite-ui-text-1);\n}\n.handle:focus {\n  outline: 2px solid var(--calcite-ui-brand);\n  outline-offset: -2px;\n}\n.handle--activated {\n  background-color: var(--calcite-ui-foreground-3);\n  color: var(--calcite-ui-text-1);\n}\n.handle calcite-icon {\n  color: inherit;\n}\n\n:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled] {\n  /* prevent opacity stacking */\n  opacity: 1;\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nimport { h, Host } from \"@stencil/core\";\nimport { ICON_TYPES } from \"../pick-list/resources\";\nimport { guid } from \"../../utils/guid\";\nimport { CSS, SLOTS as PICK_LIST_SLOTS } from \"../pick-list-item/resources\";\nimport { ICONS, SLOTS } from \"./resources\";\nimport { getSlotted } from \"../../utils/dom\";\nimport { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from \"../../utils/conditionalSlot\";\nimport { updateHostInteraction } from \"../../utils/interactive\";\n/**\n * @slot actions-end - A slot for adding actions or content to the end side of the component.\n * @slot actions-start - A slot for adding actions or content to the start side of the component.\n */\nexport class ValueListItem {\n  constructor() {\n    /**\n     * When `true`, interaction is prevented and the component is displayed with lower opacity.\n     */\n    this.disabled = false;\n    /**\n     * @internal\n     */\n    this.disableDeselect = false;\n    /**\n     * When `true`, prevents the content of the component from user interaction.\n     */\n    this.nonInteractive = false;\n    /**\n     * @internal\n     */\n    this.handleActivated = 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`, adds an action to remove the component.\n     */\n    this.removable = false;\n    /**\n     * When `true`, the component is selected.\n     */\n    this.selected = false;\n    this.pickListItem = null;\n    this.guid = `calcite-value-list-item-${guid()}`;\n    // --------------------------------------------------------------------------\n    //\n    //  Private Methods\n    //\n    // --------------------------------------------------------------------------\n    this.getPickListRef = (el) => (this.pickListItem = el);\n    this.handleKeyDown = (event) => {\n      if (event.key === \" \") {\n        this.handleActivated = !this.handleActivated;\n      }\n    };\n    this.handleBlur = () => {\n      this.handleActivated = false;\n    };\n    this.handleSelectChange = (event) => {\n      this.selected = event.detail.selected;\n    };\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-value-list\") ? \"managed\" : false);\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n  /**\n   * Toggle 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.pickListItem.toggleSelected(coerce);\n  }\n  /** Set focus on the component. */\n  async setFocus() {\n    var _a;\n    (_a = this.pickListItem) === null || _a === void 0 ? void 0 : _a.setFocus();\n  }\n  calciteListItemChangeHandler(event) {\n    // adjust item payload from wrapped item before bubbling\n    event.detail.item = this.el;\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  renderActionsEnd() {\n    const { el } = this;\n    const hasActionsEnd = getSlotted(el, SLOTS.actionsEnd);\n    return hasActionsEnd ? (h(\"slot\", { name: SLOTS.actionsEnd, slot: PICK_LIST_SLOTS.actionsEnd })) : null;\n  }\n  renderActionsStart() {\n    const { el } = this;\n    const hasActionsStart = getSlotted(el, SLOTS.actionsStart);\n    return hasActionsStart ? (h(\"slot\", { name: SLOTS.actionsStart, slot: PICK_LIST_SLOTS.actionsStart })) : null;\n  }\n  renderHandle() {\n    const { icon } = this;\n    if (icon === ICON_TYPES.grip) {\n      return (h(\"span\", { class: {\n          [CSS.handle]: true,\n          [CSS.handleActivated]: this.handleActivated\n        }, \"data-js-handle\": true, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, role: \"button\", tabindex: \"0\" }, h(\"calcite-icon\", { icon: ICONS.drag, scale: \"s\" })));\n    }\n  }\n  render() {\n    return (h(Host, { id: this.el.id || this.guid }, this.renderHandle(), h(\"calcite-pick-list-item\", { description: this.description, disableDeselect: this.disableDeselect, disabled: this.disabled, label: this.label, metadata: this.metadata, nonInteractive: this.nonInteractive, onCalciteListItemChange: this.handleSelectChange, ref: this.getPickListRef, removable: this.removable, selected: this.selected, value: this.value }, this.renderActionsStart(), this.renderActionsEnd())));\n  }\n  static get is() { return \"calcite-value-list-item\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"value-list-item.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"value-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              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"\"\n        },\n        \"attribute\": \"disable-deselect\",\n        \"reflect\": false,\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          \"text\": \"When `true`, prevents the content of the component from user interaction.\"\n        },\n        \"attribute\": \"non-interactive\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"handleActivated\": {\n        \"type\": \"boolean\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"\"\n        },\n        \"attribute\": \"handle-activated\",\n        \"reflect\": false,\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\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, adds an action to remove the component.\"\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`, the component is selected.\"\n        },\n        \"attribute\": \"selected\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\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\": \"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  }\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\": \"Toggle 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\": \"Set focus on the component.\",\n          \"tags\": []\n        }\n      }\n    };\n  }\n  static get elementRef() { return \"el\"; }\n  static get listeners() {\n    return [{\n        \"name\": \"calciteListItemChange\",\n        \"method\": \"calciteListItemChangeHandler\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": false\n      }];\n  }\n}\n"],"version":3}

package/dist/components/value-list.js

@@ -1,335 +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 } from '@stencil/core/internal/client';
-import { S as Sortable } from './sortable.esm.js';
-import { o as getItemIndex, m as mutationObserverCallback, d as deselectRemovedItems, a as deselectSiblingItems, s as selectSiblings, h as handleFilter, g as getItemData, k as keyDownHandler, p as moveItemIndex, i as initialize, b as initializeObserver, c as cleanUpObserver, j as calciteListFocusOutHandler, r as removeItem, e as calciteListItemChangeHandler, f as calciteInternalListItemValueChangeHandler, l as setUpItems, n as setFocus, L as List } from './shared-list-render.js';
-import { c as createObserver } from './observers.js';
-import { u as updateHostInteraction } from './interactive.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 = {
-  container: "container",
-  handle: "handle"
-};
-var ICON_TYPES;
-(function (ICON_TYPES) {
-  ICON_TYPES["grip"] = "grip";
-})(ICON_TYPES || (ICON_TYPES = {}));
-
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.97
- */
-function getScreenReaderText(item, status, valueList) {
-  const { items, intlDragHandleIdle, intlDragHandleActive, intlDragHandleChange, intlDragHandleCommit } = valueList;
-  const total = items.length;
-  const position = getItemIndex(valueList, item) + 1;
-  if (status === "idle") {
-    const idleText = intlDragHandleIdle
-      ? replacePlaceholders(intlDragHandleIdle, item.label, position, total)
-      : `${item.label}, press space and use arrow keys to reorder content. Current position ${position} of ${total}.`;
-    return idleText;
-  }
-  else if (status === "active") {
-    const activeText = intlDragHandleActive
-      ? replacePlaceholders(intlDragHandleActive, item.label, position, total)
-      : `Reordering ${item.label}, current position ${position} of ${total}.`;
-    return activeText;
-  }
-  else if (status === "change") {
-    const changeText = intlDragHandleChange
-      ? replacePlaceholders(intlDragHandleChange, item.label, position, total)
-      : `${item.label}, new position ${position} of ${total}. Press space to confirm.`;
-    return changeText;
-  }
-  else {
-    const commitText = intlDragHandleCommit
-      ? replacePlaceholders(intlDragHandleCommit, item.label, position, total)
-      : `${item.label}, current position ${position} of ${total}.`;
-    return commitText;
-  }
-}
-function getHandleAndItemElement(event) {
-  const handle = event
-    .composedPath()
-    .find((item) => { var _a; return ((_a = item.dataset) === null || _a === void 0 ? void 0 : _a.jsHandle) !== undefined; });
-  const item = event
-    .composedPath()
-    .find((item) => { var _a; return ((_a = item.tagName) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === "calcite-value-list-item"; });
-  return { handle, item };
-}
-function replacePlaceholders(text, label, position, total) {
-  const replacePosition = text.replace("${position}", position.toString());
-  const replaceLabel = replacePosition.replace("${item.label}", label);
-  return replaceLabel.replace("${total}", total.toString());
-}
-
-const valueListCss = "@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{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;flex-grow:0;flex-direction:column;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2)}:host *{box-sizing:border-box}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}calcite-value-list-item:last-of-type{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([filter-enabled]) header{-webkit-margin-after:0.25rem;margin-block-end:0.25rem;display:flex;align-items:center;justify-content:flex-end;background-color:var(--calcite-ui-foreground-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)}:host([filter-enabled]) header.sticky-pos{position:sticky;inset-block-start:0px;z-index:300}calcite-filter{-webkit-margin-after:1px;margin-block-end:1px}";
-
-const ValueList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.calciteListChange = createEvent(this, "calciteListChange", 6);
-    this.calciteListOrderChange = createEvent(this, "calciteListOrderChange", 6);
-    // --------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    this.disabled = false;
-    /**
-     * When `true`, `calcite-value-list-item`s are sortable via a draggable button.
-     */
-    this.dragEnabled = false;
-    /**
-     * When `true`, an input appears at the top of the component that can be used by end users to filter list items.
-     */
-    this.filterEnabled = false;
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
-    this.loading = false;
-    /**
-     * Similar to standard radio buttons and checkboxes.
-     * When `true`, a user can select multiple `calcite-value-list-item`s at a time.
-     * When `false`, only a single `calcite-value-list-item` can be selected at a time,
-     * and a new selection will deselect previous selections.
-     */
-    this.multiple = false;
-    /**
-     * When `true` and single-selection is enabled, the selection changes when navigating `calcite-value-list-item`s via keyboard.
-     */
-    this.selectionFollowsFocus = false;
-    // --------------------------------------------------------------------------
-    //
-    //  Private Properties
-    //
-    // --------------------------------------------------------------------------
-    this.selectedValues = new Map();
-    this.dataForFilter = [];
-    this.lastSelectedItem = null;
-    this.mutationObserver = createObserver("mutation", mutationObserverCallback.bind(this));
-    this.setFilterEl = (el) => {
-      this.filterEl = el;
-    };
-    this.deselectRemovedItems = deselectRemovedItems.bind(this);
-    this.deselectSiblingItems = deselectSiblingItems.bind(this);
-    this.selectSiblings = selectSiblings.bind(this);
-    this.handleFilter = handleFilter.bind(this);
-    this.getItemData = getItemData.bind(this);
-    this.keyDownHandler = (event) => {
-      if (event.defaultPrevented) {
-        return;
-      }
-      const { handle, item } = getHandleAndItemElement(event);
-      if (handle && !item.handleActivated && event.key === " ") {
-        this.updateScreenReaderText(getScreenReaderText(item, "commit", this));
-      }
-      if (!handle || !item.handleActivated) {
-        keyDownHandler.call(this, event);
-        return;
-      }
-      const { items } = this;
-      if (event.key === " ") {
-        this.updateScreenReaderText(getScreenReaderText(item, "active", this));
-      }
-      if ((event.key !== "ArrowUp" && event.key !== "ArrowDown") || items.length <= 1) {
-        return;
-      }
-      event.preventDefault();
-      const { el } = this;
-      const nextIndex = moveItemIndex(this, item, event.key === "ArrowUp" ? "up" : "down");
-      if (nextIndex === items.length - 1) {
-        el.appendChild(item);
-      }
-      else {
-        const itemAtNextIndex = el.children[nextIndex];
-        const insertionReferenceItem = itemAtNextIndex === item.nextElementSibling
-          ? itemAtNextIndex.nextElementSibling
-          : itemAtNextIndex;
-        el.insertBefore(item, insertionReferenceItem);
-      }
-      this.items = this.getItems();
-      this.calciteListOrderChange.emit(this.items.map(({ value }) => value));
-      requestAnimationFrame(() => handle === null || handle === void 0 ? void 0 : handle.focus());
-      item.handleActivated = true;
-      this.updateHandleAriaLabel(handle, getScreenReaderText(item, "change", this));
-    };
-    this.storeAssistiveEl = (el) => {
-      this.assistiveTextEl = el;
-    };
-    this.handleFocusIn = (event) => {
-      const { handle, item } = getHandleAndItemElement(event);
-      if (!(item === null || item === void 0 ? void 0 : item.handleActivated) && item && handle) {
-        this.updateHandleAriaLabel(handle, getScreenReaderText(item, "idle", this));
-      }
-    };
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  // --------------------------------------------------------------------------
-  connectedCallback() {
-    initialize.call(this);
-    initializeObserver.call(this);
-  }
-  componentDidLoad() {
-    this.setUpDragAndDrop();
-  }
-  componentDidRender() {
-    updateHostInteraction(this);
-  }
-  disconnectedCallback() {
-    cleanUpObserver.call(this);
-    this.cleanUpDragAndDrop();
-  }
-  calciteListFocusOutHandler(event) {
-    calciteListFocusOutHandler.call(this, event);
-  }
-  calciteListItemRemoveHandler(event) {
-    removeItem.call(this, event);
-  }
-  calciteListItemChangeHandler(event) {
-    calciteListItemChangeHandler.call(this, event);
-  }
-  calciteInternalListItemPropsChangeHandler(event) {
-    event.stopPropagation();
-    this.setUpFilter();
-  }
-  calciteInternalListItemValueChangeHandler(event) {
-    calciteInternalListItemValueChangeHandler.call(this, event);
-    event.stopPropagation();
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  // --------------------------------------------------------------------------
-  getItems() {
-    return Array.from(this.el.querySelectorAll("calcite-value-list-item"));
-  }
-  setUpItems() {
-    setUpItems.call(this, "calcite-value-list-item");
-  }
-  setUpFilter() {
-    if (this.filterEnabled) {
-      this.dataForFilter = this.getItemData();
-    }
-  }
-  setUpDragAndDrop() {
-    this.cleanUpDragAndDrop();
-    if (!this.dragEnabled) {
-      return;
-    }
-    this.sortable = Sortable.create(this.el, {
-      dataIdAttr: "id",
-      handle: `.${CSS.handle}`,
-      draggable: "calcite-value-list-item",
-      group: this.group,
-      onSort: () => {
-        this.items = Array.from(this.el.querySelectorAll("calcite-value-list-item"));
-        const values = this.items.map((item) => item.value);
-        this.calciteListOrderChange.emit(values);
-      }
-    });
-  }
-  cleanUpDragAndDrop() {
-    var _a;
-    (_a = this.sortable) === null || _a === void 0 ? void 0 : _a.destroy();
-    this.sortable = null;
-  }
-  handleBlur() {
-    if (this.dragEnabled) {
-      this.updateScreenReaderText("");
-    }
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Public Methods
-  //
-  // --------------------------------------------------------------------------
-  /** Returns the currently selected items */
-  async getSelectedItems() {
-    return this.selectedValues;
-  }
-  /**
-   * Sets focus on the component.
-   *
-   * @param focusId
-   */
-  async setFocus(focusId) {
-    return setFocus.call(this, focusId);
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Render Methods
-  //
-  // --------------------------------------------------------------------------
-  getIconType() {
-    let type = null;
-    if (this.dragEnabled) {
-      type = ICON_TYPES.grip;
-    }
-    return type;
-  }
-  updateScreenReaderText(text) {
-    this.assistiveTextEl.textContent = text;
-  }
-  updateHandleAriaLabel(handleElement, text) {
-    handleElement.ariaLabel = text;
-  }
-  render() {
-    return (h(List, { onBlur: this.handleBlur, onFocusin: this.handleFocusIn, onKeyDown: this.keyDownHandler, props: this }));
-  }
-  get el() { return this; }
-  static get style() { return valueListCss; }
-}, [1, "calcite-value-list", {
-    "disabled": [516],
-    "dragEnabled": [516, "drag-enabled"],
-    "filterEnabled": [516, "filter-enabled"],
-    "filterPlaceholder": [513, "filter-placeholder"],
-    "group": [513],
-    "loading": [516],
-    "multiple": [516],
-    "selectionFollowsFocus": [516, "selection-follows-focus"],
-    "intlDragHandleIdle": [1, "intl-drag-handle-idle"],
-    "intlDragHandleActive": [1, "intl-drag-handle-active"],
-    "intlDragHandleChange": [1, "intl-drag-handle-change"],
-    "intlDragHandleCommit": [1, "intl-drag-handle-commit"],
-    "selectedValues": [32],
-    "dataForFilter": [32],
-    "getSelectedItems": [64],
-    "setFocus": [64]
-  }, [[0, "focusout", "calciteListFocusOutHandler"], [0, "calciteListItemRemove", "calciteListItemRemoveHandler"], [0, "calciteListItemChange", "calciteListItemChangeHandler"], [0, "calciteInternalListItemPropsChange", "calciteInternalListItemPropsChangeHandler"], [0, "calciteInternalListItemValueChange", "calciteInternalListItemValueChangeHandler"]]]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["calcite-value-list"];
-  components.forEach(tagName => { switch (tagName) {
-    case "calcite-value-list":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ValueList);
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { ValueList as V, defineCustomElement as d };
-
-//# sourceMappingURL=value-list.js.map