@esri/solutions-components 0.2.0 → 0.2.2

package/dist/components/select.js

@@ -1,261 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
-import { f as focusElement } from './dom.js';
-import { c as connectLabel, d as disconnectLabel } from './label2.js';
-import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form.js';
-import { c as createObserver } from './observers.js';
-import { u as updateHostInteraction } from './interactive.js';
-import { d as defineCustomElement$1 } from './icon.js';
-
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.97
- */
-const CSS = {
-  icon: "icon",
-  iconContainer: "icon-container",
-  select: "select"
-};
-
-const selectCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}: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;display:flex;align-items:stretch;inline-size:var(--select-width)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]){block-size:1.5rem;--calcite-select-font-size:var(--calcite-font-size--2);--calcite-select-spacing-inline:0.5rem 2rem}:host([scale=s]) .icon-container{padding-inline:0.5rem}:host([scale=m]){block-size:2rem;--calcite-select-font-size:var(--calcite-font-size--1);--calcite-select-spacing-inline:0.75rem 2.5rem}:host([scale=m]) .icon-container{padding-inline:0.75rem}:host([scale=l]){block-size:44px;--calcite-select-font-size:var(--calcite-font-size-0);--calcite-select-spacing-inline:1rem 3rem}:host([scale=l]) .icon-container{padding-inline:1rem}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}.select{margin:0px;box-sizing:border-box;inline-size:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);font-family:inherit;color:var(--calcite-ui-text-2);outline-color:transparent;font-size:var(--calcite-select-font-size);padding-inline:var(--calcite-select-spacing-inline);border-inline-end-width:0px}.select:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.select:hover{background-color:var(--calcite-ui-foreground-2)}select:disabled{border-color:var(--calcite-ui-border-input);--tw-bg-opacity:1}.icon-container{pointer-events:none;position:absolute;inset-block:0px;display:flex;align-items:center;border-width:0px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:transparent;color:var(--calcite-ui-text-2);inset-inline-end:0px;border-inline-width:0px 1px}.select:focus~.icon-container{border-color:transparent}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
-
-function isOption(optionOrGroup) {
-  return optionOrGroup.tagName === "CALCITE-OPTION";
-}
-function isOptionGroup(optionOrGroup) {
-  return optionOrGroup.tagName === "CALCITE-OPTION-GROUP";
-}
-const Select = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.calciteSelectChange = createEvent(this, "calciteSelectChange", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    this.disabled = false;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     *
-     * @internal
-     */
-    this.required = false;
-    /**
-     * Specifies the size of the component.
-     */
-    this.scale = "m";
-    /** The component's `selectedOption` value. */
-    this.value = null;
-    /**
-     * Specifies the width of the component.
-     */
-    this.width = "auto";
-    this.componentToNativeEl = new Map();
-    this.mutationObserver = createObserver("mutation", () => this.populateInternalSelect());
-    this.handleInternalSelectChange = () => {
-      const selected = this.selectEl.selectedOptions[0];
-      this.selectFromNativeOption(selected);
-      requestAnimationFrame(() => this.emitChangeEvent());
-    };
-    this.populateInternalSelect = () => {
-      const optionsAndGroups = Array.from(this.el.children).filter((child) => child.tagName === "CALCITE-OPTION" || child.tagName === "CALCITE-OPTION-GROUP");
-      this.clearInternalSelect();
-      optionsAndGroups.forEach((optionOrGroup) => { var _a; return (_a = this.selectEl) === null || _a === void 0 ? void 0 : _a.append(this.toNativeElement(optionOrGroup)); });
-    };
-    this.storeSelectRef = (node) => {
-      this.selectEl = node;
-      this.populateInternalSelect();
-      const selected = this.selectEl.selectedOptions[0];
-      this.selectFromNativeOption(selected);
-    };
-    this.emitChangeEvent = () => {
-      this.calciteSelectChange.emit();
-    };
-  }
-  valueHandler(value) {
-    const items = this.el.querySelectorAll("calcite-option");
-    items.forEach((item) => (item.selected = item.value === value));
-  }
-  selectedOptionHandler(selectedOption) {
-    this.value = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  connectedCallback() {
-    var _a;
-    const { el } = this;
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(el, {
-      subtree: true,
-      childList: true
-    });
-    connectLabel(this);
-    connectForm(this);
-  }
-  disconnectedCallback() {
-    var _a;
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-    disconnectLabel(this);
-    disconnectForm(this);
-  }
-  componentDidLoad() {
-    var _a, _b;
-    afterConnectDefaultValueSet(this, (_b = (_a = this.selectedOption) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "");
-  }
-  componentDidRender() {
-    updateHostInteraction(this);
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Public Methods
-  //
-  //--------------------------------------------------------------------------
-  /** Sets focus on the component. */
-  async setFocus() {
-    focusElement(this.selectEl);
-  }
-  handleOptionOrGroupChange(event) {
-    event.stopPropagation();
-    const optionOrGroup = event.target;
-    const nativeEl = this.componentToNativeEl.get(optionOrGroup);
-    if (!nativeEl) {
-      return;
-    }
-    this.updateNativeElement(optionOrGroup, nativeEl);
-    if (isOption(optionOrGroup) && optionOrGroup.selected) {
-      this.deselectAllExcept(optionOrGroup);
-      this.selectedOption = optionOrGroup;
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  onLabelClick() {
-    this.setFocus();
-  }
-  updateNativeElement(optionOrGroup, nativeOptionOrGroup) {
-    nativeOptionOrGroup.disabled = optionOrGroup.disabled;
-    nativeOptionOrGroup.label = optionOrGroup.label;
-    if (isOption(optionOrGroup)) {
-      const option = nativeOptionOrGroup;
-      option.selected = optionOrGroup.selected;
-      option.value = optionOrGroup.value;
-      // need to set innerText for mobile
-      // see https://stackoverflow.com/questions/35021620/ios-safari-not-showing-all-options-for-select-menu/41749701
-      option.innerText = optionOrGroup.label;
-    }
-  }
-  clearInternalSelect() {
-    this.componentToNativeEl.forEach((value) => value.remove());
-    this.componentToNativeEl.clear();
-  }
-  selectFromNativeOption(nativeOption) {
-    if (!nativeOption) {
-      return;
-    }
-    let futureSelected;
-    this.componentToNativeEl.forEach((nativeOptionOrGroup, optionOrGroup) => {
-      if (isOption(optionOrGroup) && nativeOptionOrGroup === nativeOption) {
-        optionOrGroup.selected = true;
-        futureSelected = optionOrGroup;
-        this.deselectAllExcept(optionOrGroup);
-      }
-    });
-    if (futureSelected) {
-      this.selectedOption = futureSelected;
-    }
-  }
-  toNativeElement(optionOrGroup) {
-    if (isOption(optionOrGroup)) {
-      const option = document.createElement("option");
-      this.updateNativeElement(optionOrGroup, option);
-      this.componentToNativeEl.set(optionOrGroup, option);
-      return option;
-    }
-    if (isOptionGroup(optionOrGroup)) {
-      const group = document.createElement("optgroup");
-      this.updateNativeElement(optionOrGroup, group);
-      Array.from(optionOrGroup.children).forEach((option) => {
-        const nativeOption = this.toNativeElement(option);
-        group.append(nativeOption);
-        this.componentToNativeEl.set(optionOrGroup, nativeOption);
-      });
-      this.componentToNativeEl.set(optionOrGroup, group);
-      return group;
-    }
-    throw new Error("unsupported element child provided");
-  }
-  deselectAllExcept(except) {
-    this.el.querySelectorAll("calcite-option").forEach((option) => {
-      if (option === except) {
-        return;
-      }
-      option.selected = false;
-    });
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Render Methods
-  //
-  //--------------------------------------------------------------------------
-  renderChevron() {
-    return (h("div", { class: CSS.iconContainer }, h("calcite-icon", { class: CSS.icon, icon: "chevron-down", scale: "s" })));
-  }
-  render() {
-    return (h(Fragment, null, h("select", { "aria-label": this.label, class: CSS.select, disabled: this.disabled, onChange: this.handleInternalSelectChange, ref: this.storeSelectRef }, h("slot", null)), this.renderChevron(), h(HiddenFormInputSlot, { component: this })));
-  }
-  get el() { return this; }
-  static get watchers() { return {
-    "value": ["valueHandler"],
-    "selectedOption": ["selectedOptionHandler"]
-  }; }
-  static get style() { return selectCss; }
-}, [1, "calcite-select", {
-    "disabled": [516],
-    "label": [1],
-    "name": [513],
-    "required": [516],
-    "scale": [513],
-    "value": [1025],
-    "selectedOption": [1040],
-    "width": [513],
-    "setFocus": [64]
-  }, [[0, "calciteInternalOptionChange", "handleOptionOrGroupChange"], [0, "calciteInternalOptionGroupChange", "handleOptionOrGroupChange"]]]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["calcite-select", "calcite-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "calcite-select":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Select);
-      }
-      break;
-    case "calcite-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { Select as S, defineCustomElement as d };
-
-//# sourceMappingURL=select.js.map

package/dist/components/select.js.map

@@ -1 +0,0 @@
-{"file":"select.js","mappings":"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","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/select/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/select/select.css?tag=calcite-select&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/select/select.js"],"sourcesContent":["/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nexport const CSS = {\n  icon: \"icon\",\n  iconContainer: \"icon-container\",\n  select: \"select\"\n};\n","/* mixins & extensions */\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n:root {\n  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --calcite-internal-duration-factor: 0.01;\n  }\n}\n/**\n* Currently only used in Checkbox.\n*/\n:host {\n  /* Component spacing variables */\n  --calcite-icon-size: 1rem;\n  --calcite-spacing-eighth: 0.125rem;\n  --calcite-spacing-quarter: 0.25rem;\n  --calcite-spacing-half: 0.5rem;\n  --calcite-spacing-three-quarters: 0.75rem;\n  --calcite-spacing: 1rem;\n  --calcite-spacing-plus-quarter: 1.25rem;\n  --calcite-spacing-plus-half: 1.5rem;\n  --calcite-spacing-double: 2rem;\n  --calcite-menu-min-width: 10rem;\n  --calcite-header-min-height: 3rem;\n  --calcite-footer-min-height: 3rem;\n}\n\n:root {\n  --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host([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/**\n* CSS Custom Properties\n*\n* These properties can be overridden using the component's tag as selector.\n*\n* @prop --calcite-select-font-size: The font size of items in the component.\n* @prop --calcite-select-spacing: The padding around the selected option text.\n*/\n:host {\n  position: relative;\n  display: flex;\n  align-items: stretch;\n  inline-size: var(--select-width);\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:host([scale=s]) {\n  block-size: 1.5rem;\n  --calcite-select-font-size: var(--calcite-font-size--2);\n  --calcite-select-spacing-inline: 0.5rem 2rem;\n}\n:host([scale=s]) .icon-container {\n  padding-inline: 0.5rem;\n}\n\n:host([scale=m]) {\n  block-size: 2rem;\n  --calcite-select-font-size: var(--calcite-font-size--1);\n  --calcite-select-spacing-inline: 0.75rem 2.5rem;\n}\n:host([scale=m]) .icon-container {\n  padding-inline: 0.75rem;\n}\n\n:host([scale=l]) {\n  block-size: 44px;\n  --calcite-select-font-size: var(--calcite-font-size-0);\n  --calcite-select-spacing-inline: 1rem 3rem;\n}\n:host([scale=l]) .icon-container {\n  padding-inline: 1rem;\n}\n\n:host([width=auto]) {\n  inline-size: auto;\n}\n\n:host([width=half]) {\n  inline-size: 50%;\n}\n\n:host([width=full]) {\n  inline-size: 100%;\n}\n\n.select {\n  margin: 0px;\n  box-sizing: border-box;\n  inline-size: 100%;\n  cursor: pointer;\n  -webkit-appearance: none;\n          appearance: none;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  border-radius: 0px;\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--calcite-ui-border-input);\n  background-color: var(--calcite-ui-foreground-1);\n  font-family: inherit;\n  color: var(--calcite-ui-text-2);\n  outline-color: transparent;\n  font-size: var(--calcite-select-font-size);\n  padding-inline: var(--calcite-select-spacing-inline);\n  border-inline-end-width: 0px;\n}\n.select:focus {\n  outline: 2px solid var(--calcite-ui-brand);\n  outline-offset: -2px;\n}\n.select:hover {\n  background-color: var(--calcite-ui-foreground-2);\n}\n\nselect:disabled {\n  border-color: var(--calcite-ui-border-input);\n  --tw-bg-opacity: 1;\n}\n\n.icon-container {\n  pointer-events: none;\n  position: absolute;\n  inset-block: 0px;\n  display: flex;\n  align-items: center;\n  border-width: 0px;\n  border-style: solid;\n  border-color: var(--calcite-ui-border-input);\n  background-color: transparent;\n  color: var(--calcite-ui-text-2);\n  inset-inline-end: 0px;\n  border-inline-width: 0px 1px;\n}\n\n.select:focus ~ .icon-container {\n  border-color: transparent;\n}\n\n::slotted(input[slot=hidden-form-input]) {\n  margin: 0 !important;\n  opacity: 0 !important;\n  outline: none !important;\n  padding: 0 !important;\n  position: absolute !important;\n  inset: 0 !important;\n  transform: none !important;\n  -webkit-appearance: none !important;\n  z-index: -1 !important;\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 { focusElement } from \"../../utils/dom\";\nimport { connectLabel, disconnectLabel } from \"../../utils/label\";\nimport { afterConnectDefaultValueSet, connectForm, disconnectForm, HiddenFormInputSlot } from \"../../utils/form\";\nimport { CSS } from \"./resources\";\nimport { createObserver } from \"../../utils/observers\";\nimport { updateHostInteraction } from \"../../utils/interactive\";\nfunction isOption(optionOrGroup) {\n  return optionOrGroup.tagName === \"CALCITE-OPTION\";\n}\nfunction isOptionGroup(optionOrGroup) {\n  return optionOrGroup.tagName === \"CALCITE-OPTION-GROUP\";\n}\n/**\n * @slot - A slot for adding `calcite-option`s.\n */\nexport class Select {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    //--------------------------------------------------------------------------\n    /**\n     * When `true`, interaction is prevented and the component is displayed with lower opacity.\n     */\n    this.disabled = false;\n    /**\n     * When `true`, the component must have a value in order for the form to submit.\n     *\n     * @internal\n     */\n    this.required = false;\n    /**\n     * Specifies the size of the component.\n     */\n    this.scale = \"m\";\n    /** The component's `selectedOption` value. */\n    this.value = null;\n    /**\n     * Specifies the width of the component.\n     */\n    this.width = \"auto\";\n    this.componentToNativeEl = new Map();\n    this.mutationObserver = createObserver(\"mutation\", () => this.populateInternalSelect());\n    this.handleInternalSelectChange = () => {\n      const selected = this.selectEl.selectedOptions[0];\n      this.selectFromNativeOption(selected);\n      requestAnimationFrame(() => this.emitChangeEvent());\n    };\n    this.populateInternalSelect = () => {\n      const optionsAndGroups = Array.from(this.el.children).filter((child) => child.tagName === \"CALCITE-OPTION\" || child.tagName === \"CALCITE-OPTION-GROUP\");\n      this.clearInternalSelect();\n      optionsAndGroups.forEach((optionOrGroup) => { var _a; return (_a = this.selectEl) === null || _a === void 0 ? void 0 : _a.append(this.toNativeElement(optionOrGroup)); });\n    };\n    this.storeSelectRef = (node) => {\n      this.selectEl = node;\n      this.populateInternalSelect();\n      const selected = this.selectEl.selectedOptions[0];\n      this.selectFromNativeOption(selected);\n    };\n    this.emitChangeEvent = () => {\n      this.calciteSelectChange.emit();\n    };\n  }\n  valueHandler(value) {\n    const items = this.el.querySelectorAll(\"calcite-option\");\n    items.forEach((item) => (item.selected = item.value === value));\n  }\n  selectedOptionHandler(selectedOption) {\n    this.value = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  connectedCallback() {\n    var _a;\n    const { el } = this;\n    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(el, {\n      subtree: true,\n      childList: true\n    });\n    connectLabel(this);\n    connectForm(this);\n  }\n  disconnectedCallback() {\n    var _a;\n    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n    disconnectLabel(this);\n    disconnectForm(this);\n  }\n  componentDidLoad() {\n    var _a, _b;\n    afterConnectDefaultValueSet(this, (_b = (_a = this.selectedOption) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : \"\");\n  }\n  componentDidRender() {\n    updateHostInteraction(this);\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n  /** Sets focus on the component. */\n  async setFocus() {\n    focusElement(this.selectEl);\n  }\n  handleOptionOrGroupChange(event) {\n    event.stopPropagation();\n    const optionOrGroup = event.target;\n    const nativeEl = this.componentToNativeEl.get(optionOrGroup);\n    if (!nativeEl) {\n      return;\n    }\n    this.updateNativeElement(optionOrGroup, nativeEl);\n    if (isOption(optionOrGroup) && optionOrGroup.selected) {\n      this.deselectAllExcept(optionOrGroup);\n      this.selectedOption = optionOrGroup;\n    }\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n  onLabelClick() {\n    this.setFocus();\n  }\n  updateNativeElement(optionOrGroup, nativeOptionOrGroup) {\n    nativeOptionOrGroup.disabled = optionOrGroup.disabled;\n    nativeOptionOrGroup.label = optionOrGroup.label;\n    if (isOption(optionOrGroup)) {\n      const option = nativeOptionOrGroup;\n      option.selected = optionOrGroup.selected;\n      option.value = optionOrGroup.value;\n      // need to set innerText for mobile\n      // see https://stackoverflow.com/questions/35021620/ios-safari-not-showing-all-options-for-select-menu/41749701\n      option.innerText = optionOrGroup.label;\n    }\n  }\n  clearInternalSelect() {\n    this.componentToNativeEl.forEach((value) => value.remove());\n    this.componentToNativeEl.clear();\n  }\n  selectFromNativeOption(nativeOption) {\n    if (!nativeOption) {\n      return;\n    }\n    let futureSelected;\n    this.componentToNativeEl.forEach((nativeOptionOrGroup, optionOrGroup) => {\n      if (isOption(optionOrGroup) && nativeOptionOrGroup === nativeOption) {\n        optionOrGroup.selected = true;\n        futureSelected = optionOrGroup;\n        this.deselectAllExcept(optionOrGroup);\n      }\n    });\n    if (futureSelected) {\n      this.selectedOption = futureSelected;\n    }\n  }\n  toNativeElement(optionOrGroup) {\n    if (isOption(optionOrGroup)) {\n      const option = document.createElement(\"option\");\n      this.updateNativeElement(optionOrGroup, option);\n      this.componentToNativeEl.set(optionOrGroup, option);\n      return option;\n    }\n    if (isOptionGroup(optionOrGroup)) {\n      const group = document.createElement(\"optgroup\");\n      this.updateNativeElement(optionOrGroup, group);\n      Array.from(optionOrGroup.children).forEach((option) => {\n        const nativeOption = this.toNativeElement(option);\n        group.append(nativeOption);\n        this.componentToNativeEl.set(optionOrGroup, nativeOption);\n      });\n      this.componentToNativeEl.set(optionOrGroup, group);\n      return group;\n    }\n    throw new Error(\"unsupported element child provided\");\n  }\n  deselectAllExcept(except) {\n    this.el.querySelectorAll(\"calcite-option\").forEach((option) => {\n      if (option === except) {\n        return;\n      }\n      option.selected = false;\n    });\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n  renderChevron() {\n    return (h(\"div\", { class: CSS.iconContainer }, h(\"calcite-icon\", { class: CSS.icon, icon: \"chevron-down\", scale: \"s\" })));\n  }\n  render() {\n    return (h(Fragment, null, h(\"select\", { \"aria-label\": this.label, class: CSS.select, disabled: this.disabled, onChange: this.handleInternalSelectChange, ref: this.storeSelectRef }, h(\"slot\", null)), this.renderChevron(), h(HiddenFormInputSlot, { component: this })));\n  }\n  static get is() { return \"calcite-select\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"select.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"select.css\"]\n    };\n  }\n  static get properties() {\n    return {\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      \"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\": \"Accessible name for the component.\"\n        },\n        \"attribute\": \"label\",\n        \"reflect\": false\n      },\n      \"name\": {\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\": \"Specifies the name of the component on form submission.\"\n        },\n        \"attribute\": \"name\",\n        \"reflect\": true\n      },\n      \"required\": {\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\": \"When `true`, the component must have a value in order for the form to submit.\"\n        },\n        \"attribute\": \"required\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"scale\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Scale\",\n          \"resolved\": \"\\\"l\\\" | \\\"m\\\" | \\\"s\\\"\",\n          \"references\": {\n            \"Scale\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the size of the component.\"\n        },\n        \"attribute\": \"scale\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"m\\\"\"\n      },\n      \"value\": {\n        \"type\": \"string\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"The component's `selectedOption` value.\"\n        },\n        \"attribute\": \"value\",\n        \"reflect\": false,\n        \"defaultValue\": \"null\"\n      },\n      \"selectedOption\": {\n        \"type\": \"unknown\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"HTMLCalciteOptionElement\",\n          \"resolved\": \"HTMLCalciteOptionElement\",\n          \"references\": {\n            \"HTMLCalciteOptionElement\": {\n              \"location\": \"global\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"readonly\",\n              \"text\": undefined\n            }],\n          \"text\": \"The component's selected option `HTMLElement`.\"\n        }\n      },\n      \"width\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Width\",\n          \"resolved\": \"\\\"auto\\\" | \\\"full\\\" | \\\"half\\\"\",\n          \"references\": {\n            \"Width\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the width of the component.\"\n        },\n        \"attribute\": \"width\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"auto\\\"\"\n      }\n    };\n  }\n  static get events() {\n    return [{\n        \"method\": \"calciteSelectChange\",\n        \"name\": \"calciteSelectChange\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Fires when the `selectedOption` changes.\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }];\n  }\n  static get methods() {\n    return {\n      \"setFocus\": {\n        \"complexType\": {\n          \"signature\": \"() => Promise<void>\",\n          \"parameters\": [],\n          \"references\": {\n            \"Promise\": {\n              \"location\": \"global\"\n            }\n          },\n          \"return\": \"Promise<void>\"\n        },\n        \"docs\": {\n          \"text\": \"Sets focus on the component.\",\n          \"tags\": []\n        }\n      }\n    };\n  }\n  static get elementRef() { return \"el\"; }\n  static get watchers() {\n    return [{\n        \"propName\": \"value\",\n        \"methodName\": \"valueHandler\"\n      }, {\n        \"propName\": \"selectedOption\",\n        \"methodName\": \"selectedOptionHandler\"\n      }];\n  }\n  static get listeners() {\n    return [{\n        \"name\": \"calciteInternalOptionChange\",\n        \"method\": \"handleOptionOrGroupChange\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": false\n      }, {\n        \"name\": \"calciteInternalOptionGroupChange\",\n        \"method\": \"handleOptionOrGroupChange\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": false\n      }];\n  }\n}\n"],"version":3}

package/dist/components/shared-list-render.js

@@ -1,321 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { f as focusElement, b as getSlotted, t as toAriaBoolean } from './dom.js';
-import { g as getRoundRobinIndex } from './array.js';
-import { S as SLOTS } from './resources2.js';
-import { d as debounce } from './debounce.js';
-import { h, Host } from '@stencil/core/internal/client';
-import { C as CSS, S as SLOTS$1 } from './resources.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
- */
-function mutationObserverCallback() {
-  this.setUpItems();
-  this.setUpFilter();
-  this.deselectRemovedItems();
-}
-const SUPPORTED_ARROW_KEYS = ["ArrowUp", "ArrowDown"];
-// --------------------------------------------------------------------------
-//
-//  Lifecycle
-//
-// --------------------------------------------------------------------------
-function initialize() {
-  this.setUpItems();
-  this.setUpFilter();
-  this.emitCalciteListChange = debounce(internalCalciteListChangeEvent.bind(this), 0);
-}
-function initializeObserver() {
-  var _a;
-  (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
-}
-function cleanUpObserver() {
-  var _a;
-  (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-}
-// --------------------------------------------------------------------------
-//
-//  Listeners
-//
-// --------------------------------------------------------------------------
-function calciteListItemChangeHandler(event) {
-  const { selectedValues } = this;
-  const { item, value, selected, shiftPressed } = event.detail;
-  if (selected) {
-    if (this.multiple && shiftPressed) {
-      this.selectSiblings(item);
-    }
-    if (!this.multiple) {
-      this.deselectSiblingItems(item);
-    }
-    selectedValues.set(value, item);
-  }
-  else {
-    selectedValues.delete(value);
-    if (this.multiple && shiftPressed) {
-      this.selectSiblings(item, true);
-    }
-  }
-  if (!this.multiple) {
-    toggleSingleSelectItemTabbing(item, selected);
-    if (selected) {
-      focusElement(item);
-    }
-  }
-  this.lastSelectedItem = item;
-  this.emitCalciteListChange();
-}
-function calciteInternalListItemValueChangeHandler(event) {
-  const oldValue = event.detail.oldValue;
-  const selectedValues = this.selectedValues;
-  if (selectedValues.has(oldValue)) {
-    const item = selectedValues.get(oldValue);
-    selectedValues.delete(oldValue);
-    selectedValues.set(event.detail.newValue, item);
-  }
-  event.stopPropagation();
-}
-// --------------------------------------------------------------------------
-//
-//  Private Methods
-//
-// --------------------------------------------------------------------------
-function isValidNavigationKey(key) {
-  return !!SUPPORTED_ARROW_KEYS.find((k) => k === key);
-}
-function calciteListFocusOutHandler(event) {
-  const { el, items, multiple, selectedValues } = this;
-  if (multiple) {
-    return;
-  }
-  const focusedInside = el.contains(event.relatedTarget);
-  if (focusedInside) {
-    return;
-  }
-  filterOutDisabled(items).forEach((item) => {
-    toggleSingleSelectItemTabbing(item, selectedValues.size === 0 ? item.contains(event.target) || event.target === item : item.selected);
-  });
-}
-function keyDownHandler(event) {
-  const { key, target } = event;
-  if (!isValidNavigationKey(key)) {
-    return;
-  }
-  const { items, multiple, selectionFollowsFocus } = this;
-  const { length: totalItems } = items;
-  const currentIndex = items.indexOf(target);
-  if (!totalItems || currentIndex === -1) {
-    return;
-  }
-  event.preventDefault();
-  const index = moveItemIndex(this, target, key === "ArrowUp" ? "up" : "down");
-  const item = items[index];
-  items.forEach((i) => toggleSingleSelectItemTabbing(i, i === item));
-  if (!multiple && selectionFollowsFocus) {
-    item.selected = true;
-  }
-  focusElement(item);
-}
-function moveItemIndex(list, item, direction) {
-  const { items } = list;
-  const { length: totalItems } = items;
-  const currentIndex = items.indexOf(item);
-  const directionFactor = direction === "up" ? -1 : 1;
-  let moveOffset = 1;
-  let index = getRoundRobinIndex(currentIndex + directionFactor * moveOffset++, totalItems);
-  const firstMovedIndex = index;
-  while (items[index].disabled) {
-    index = getRoundRobinIndex(currentIndex + directionFactor * moveOffset++, totalItems);
-    if (index === firstMovedIndex) {
-      break;
-    }
-  }
-  return index;
-}
-function getItemIndex(list, item) {
-  const { items } = list;
-  return items.indexOf(item);
-}
-function filterOutDisabled(items) {
-  return items.filter((item) => !item.disabled);
-}
-function internalCalciteListChangeEvent() {
-  this.calciteListChange.emit(this.selectedValues);
-}
-function removeItem(event) {
-  if (event.defaultPrevented) {
-    return;
-  }
-  const item = event.target;
-  const selectedValues = this.selectedValues;
-  if (item.parentElement.tagName === "CALCITE-PICK-LIST-GROUP" && item.slot === SLOTS.parentItem) {
-    item.parentElement.remove();
-    Array.from(item.parentElement.children).forEach((item) => selectedValues.delete(item.value));
-  }
-  else {
-    item.remove();
-    selectedValues.delete(item.value);
-  }
-  this.emitCalciteListChange();
-}
-function toggleSingleSelectItemTabbing(item, selectable) {
-  if (item.disabled) {
-    return;
-  }
-  // using attribute intentionally
-  if (selectable) {
-    item.removeAttribute("tabindex");
-  }
-  else {
-    item.setAttribute("tabindex", "-1");
-  }
-}
-async function setFocus(focusId) {
-  var _a;
-  if (this.filterEnabled && focusId === "filter") {
-    await focusElement(this.filterEl);
-    return;
-  }
-  const { items, multiple, selectionFollowsFocus } = this;
-  if (items.length === 0) {
-    return;
-  }
-  if (multiple) {
-    return (_a = filterOutDisabled(items)[0]) === null || _a === void 0 ? void 0 : _a.setFocus();
-  }
-  const filtered = filterOutDisabled(items);
-  const focusTarget = filtered.find((item) => item.selected) || filtered[0];
-  if (selectionFollowsFocus && focusTarget) {
-    focusTarget.selected = true;
-  }
-  return focusTarget.setFocus();
-}
-function setUpItems(tagName) {
-  this.items = Array.from(this.el.querySelectorAll(tagName));
-  let hasSelected = false;
-  const { items } = this;
-  items.forEach((item) => {
-    item.icon = this.getIconType();
-    if (!this.multiple) {
-      item.disableDeselect = true;
-      toggleSingleSelectItemTabbing(item, false);
-    }
-    if (item.selected) {
-      hasSelected = true;
-      toggleSingleSelectItemTabbing(item, true);
-      this.selectedValues.set(item.value, item);
-    }
-  });
-  const [first] = items;
-  if (!hasSelected && first && !first.disabled) {
-    toggleSingleSelectItemTabbing(first, true);
-  }
-}
-function deselectRemovedItems() {
-  const selectedValues = this.selectedValues;
-  const itemValues = this.items.map(({ value }) => value);
-  selectedValues.forEach((selectedItem) => {
-    if (!itemValues.includes(selectedItem.value)) {
-      this.selectedValues.delete(selectedItem.value);
-    }
-  });
-}
-function deselectSiblingItems(item) {
-  this.items.forEach((currentItem) => {
-    if (currentItem.value !== item.value) {
-      currentItem.toggleSelected(false);
-      if (this.selectedValues.has(currentItem.value)) {
-        this.selectedValues.delete(currentItem.value);
-      }
-    }
-  });
-}
-function selectSiblings(item, deselect = false) {
-  if (!this.lastSelectedItem) {
-    return;
-  }
-  const { items } = this;
-  const start = items.findIndex((currentItem) => {
-    return currentItem.value === this.lastSelectedItem.value;
-  });
-  const end = items.findIndex((currentItem) => {
-    return currentItem.value === item.value;
-  });
-  items.slice(Math.min(start, end), Math.max(start, end)).forEach((currentItem) => {
-    currentItem.toggleSelected(!deselect);
-    if (!deselect) {
-      this.selectedValues.set(currentItem.value, currentItem);
-    }
-    else {
-      this.selectedValues.delete(currentItem.value);
-    }
-  });
-}
-let groups;
-function handleFilter(event) {
-  const { filteredItems } = event.currentTarget;
-  const values = filteredItems.map((item) => item.value);
-  let hasSelectedMatch = false;
-  if (!groups) {
-    groups = new Set();
-  }
-  const matchedItems = this.items.filter((item) => {
-    const parent = item.parentElement;
-    const grouped = parent.matches("calcite-pick-list-group");
-    if (grouped) {
-      groups.add(parent);
-    }
-    const matches = values.includes(item.value);
-    item.hidden = !matches;
-    if (!hasSelectedMatch) {
-      hasSelectedMatch = matches && item.selected;
-    }
-    return matches;
-  });
-  groups.forEach((group) => {
-    const hasAtLeastOneMatch = matchedItems.some((item) => group.contains(item));
-    group.hidden = !hasAtLeastOneMatch;
-    if (!hasAtLeastOneMatch) {
-      return;
-    }
-    const parentItem = getSlotted(group, "parent-item");
-    if (parentItem) {
-      parentItem.hidden = false;
-      if (matchedItems.includes(parentItem)) {
-        Array.from(group.children).forEach((child) => (child.hidden = false));
-      }
-    }
-  });
-  groups.clear();
-  if (matchedItems.length > 0 && !hasSelectedMatch && !this.multiple) {
-    toggleSingleSelectItemTabbing(matchedItems[0], true);
-  }
-}
-function getItemData() {
-  return this.items.map((item) => ({
-    label: item.label,
-    description: item.description,
-    metadata: item.metadata,
-    value: item.value
-  }));
-}
-
-/*!
- * 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 List = ({ props: { disabled, loading, filterEnabled, dataForFilter, handleFilter, filterPlaceholder, setFilterEl, dragEnabled, storeAssistiveEl }, ...rest }) => {
-  const defaultSlot = h("slot", null);
-  return (h(Host, { "aria-busy": toAriaBoolean(loading), role: "menu", ...rest }, h("section", null, dragEnabled ? (h("span", { "aria-live": "assertive", class: "assistive-text", ref: storeAssistiveEl })) : null, h("header", { class: { [CSS.sticky]: true } }, filterEnabled ? (h("calcite-filter", { "aria-label": filterPlaceholder, disabled: loading || disabled, items: dataForFilter, onCalciteFilterChange: handleFilter, placeholder: filterPlaceholder, ref: setFilterEl })) : null, h("slot", { name: SLOTS$1.menuActions })), loading ? h("calcite-scrim", { loading: loading }) : null, defaultSlot)));
-};
-
-export { List as L, deselectSiblingItems as a, initializeObserver as b, cleanUpObserver as c, deselectRemovedItems as d, calciteListItemChangeHandler as e, calciteInternalListItemValueChangeHandler as f, getItemData as g, handleFilter as h, initialize as i, calciteListFocusOutHandler as j, keyDownHandler as k, setUpItems as l, mutationObserverCallback as m, setFocus as n, getItemIndex as o, moveItemIndex as p, removeItem as r, selectSiblings as s };
-
-//# sourceMappingURL=shared-list-render.js.map