@esri/solutions-components 0.2.0 → 0.2.2

package/dist/components/radio-group.js

@@ -1,237 +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, Build } from '@stencil/core/internal/client';
-import { c as getElementDir } from './dom.js';
-import { c as connectLabel, d as disconnectLabel } from './label2.js';
-import { a as afterConnectDefaultValueSet, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form.js';
-import { u as updateHostInteraction } from './interactive.js';
-
-const radioGroupCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:flex;background-color:var(--calcite-ui-foreground-1);inline-size:-moz-fit-content;inline-size:fit-content;outline:1px solid var(--calcite-ui-border-input);outline-offset:-1px}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([layout=vertical]){flex-direction:column;align-items:flex-start;align-self:flex-start}:host([width=full]){inline-size:100%;min-inline-size:-moz-fit-content;min-inline-size:fit-content}:host([width=full]) ::slotted(calcite-radio-group-item){flex:1 1 auto}:host([width=full][layout=vertical]) ::slotted(calcite-radio-group-item){justify-content:flex-start}::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}";
-
-const RadioGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.calciteRadioGroupChange = createEvent(this, "calciteRadioGroupChange", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /** Specifies the appearance style of the component. */
-    this.appearance = "solid";
-    /** 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;
-    /** Defines the layout of the component. */
-    this.layout = "horizontal";
-    /** Specifies the size of the component. */
-    this.scale = "m";
-    /** The component's `selectedItem` value. */
-    this.value = null;
-    /** Specifies the width of the component. */
-    this.width = "auto";
-    //--------------------------------------------------------------------------
-    //
-    //  Event Listeners
-    //
-    //--------------------------------------------------------------------------
-    this.handleClick = (event) => {
-      if (event.target.localName === "calcite-radio-group-item") {
-        this.selectItem(event.target, true);
-      }
-    };
-  }
-  valueHandler(value) {
-    const items = this.getItems();
-    items.forEach((item) => (item.checked = item.value === value));
-  }
-  handleSelectedItemChange(newItem, oldItem) {
-    this.value = newItem === null || newItem === void 0 ? void 0 : newItem.value;
-    if (newItem === oldItem) {
-      return;
-    }
-    const items = this.getItems();
-    const match = Array.from(items)
-      .filter((item) => item === newItem)
-      .pop();
-    if (match) {
-      this.selectItem(match);
-    }
-    else if (items[0]) {
-      items[0].tabIndex = 0;
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  componentWillLoad() {
-    const items = this.getItems();
-    const lastChecked = Array.from(items)
-      .filter((item) => item.checked)
-      .pop();
-    if (lastChecked) {
-      this.selectItem(lastChecked);
-    }
-    else if (items[0]) {
-      items[0].tabIndex = 0;
-    }
-  }
-  componentDidLoad() {
-    afterConnectDefaultValueSet(this, this.value);
-  }
-  connectedCallback() {
-    connectLabel(this);
-    connectForm(this);
-  }
-  disconnectedCallback() {
-    disconnectLabel(this);
-    disconnectForm(this);
-  }
-  componentDidRender() {
-    updateHostInteraction(this);
-  }
-  render() {
-    return (h(Host, { onClick: this.handleClick, role: "radiogroup" }, h("slot", null), h(HiddenFormInputSlot, { component: this })));
-  }
-  handleSelected(event) {
-    event.preventDefault();
-    this.selectItem(event.target);
-    event.stopPropagation();
-  }
-  handleKeyDown(event) {
-    const keys = ["ArrowLeft", "ArrowUp", "ArrowRight", "ArrowDown", " "];
-    const { key } = event;
-    const { el, selectedItem } = this;
-    if (keys.indexOf(key) === -1) {
-      return;
-    }
-    let adjustedKey = key;
-    if (getElementDir(el) === "rtl") {
-      if (key === "ArrowRight") {
-        adjustedKey = "ArrowLeft";
-      }
-      if (key === "ArrowLeft") {
-        adjustedKey = "ArrowRight";
-      }
-    }
-    const items = this.getItems();
-    let selectedIndex = -1;
-    items.forEach((item, index) => {
-      if (item === selectedItem) {
-        selectedIndex = index;
-      }
-    });
-    switch (adjustedKey) {
-      case "ArrowLeft":
-      case "ArrowUp":
-        event.preventDefault();
-        const previous = selectedIndex < 1 ? items.item(items.length - 1) : items.item(selectedIndex - 1);
-        this.selectItem(previous, true);
-        return;
-      case "ArrowRight":
-      case "ArrowDown":
-        event.preventDefault();
-        const next = selectedIndex === -1 ? items.item(1) : items.item(selectedIndex + 1) || items.item(0);
-        this.selectItem(next, true);
-        return;
-      case " ":
-        event.preventDefault();
-        this.selectItem(event.target, true);
-        return;
-      default:
-        return;
-    }
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Methods
-  //
-  // --------------------------------------------------------------------------
-  /** Sets focus on the component. */
-  async setFocus() {
-    var _a;
-    (_a = (this.selectedItem || this.getItems()[0])) === null || _a === void 0 ? void 0 : _a.focus();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  onLabelClick() {
-    this.setFocus();
-  }
-  getItems() {
-    return this.el.querySelectorAll("calcite-radio-group-item");
-  }
-  selectItem(selected, emit = false) {
-    if (selected === this.selectedItem) {
-      return;
-    }
-    const items = this.getItems();
-    let match = null;
-    items.forEach((item) => {
-      const matches = item.value === selected.value;
-      if ((matches && !item.checked) || (!matches && item.checked)) {
-        item.checked = matches;
-      }
-      item.tabIndex = matches ? 0 : -1;
-      if (matches) {
-        match = item;
-        if (emit) {
-          this.calciteRadioGroupChange.emit(match.value);
-        }
-      }
-    });
-    this.selectedItem = match;
-    if (Build.isBrowser && match) {
-      match.focus();
-    }
-  }
-  get el() { return this; }
-  static get watchers() { return {
-    "value": ["valueHandler"],
-    "selectedItem": ["handleSelectedItemChange"]
-  }; }
-  static get style() { return radioGroupCss; }
-}, [1, "calcite-radio-group", {
-    "appearance": [513],
-    "disabled": [516],
-    "required": [516],
-    "layout": [513],
-    "name": [513],
-    "scale": [513],
-    "value": [1025],
-    "selectedItem": [1040],
-    "width": [513],
-    "setFocus": [64]
-  }, [[0, "calciteInternalRadioGroupItemChange", "handleSelected"], [0, "keydown", "handleKeyDown"]]]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["calcite-radio-group"];
-  components.forEach(tagName => { switch (tagName) {
-    case "calcite-radio-group":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, RadioGroup);
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { RadioGroup as R, defineCustomElement as d };
-
-//# sourceMappingURL=radio-group.js.map

package/dist/components/radio-group.js.map

@@ -1 +0,0 @@
-{"file":"radio-group.js","mappings":"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","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/radio-group/radio-group.css?tag=calcite-radio-group&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/radio-group/radio-group.js"],"sourcesContent":["/* mixins & extensions */\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n:root {\n  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --calcite-internal-duration-factor: 0.01;\n  }\n}\n/**\n* Currently only used in Checkbox.\n*/\n:root {\n  --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host([disabled]) {\n  pointer-events: none;\n  cursor: default;\n  -webkit-user-select: none;\n          user-select: none;\n  opacity: var(--calcite-ui-opacity-disabled);\n}\n\n:host {\n  display: flex;\n  background-color: var(--calcite-ui-foreground-1);\n  inline-size: -moz-fit-content;\n  inline-size: fit-content;\n  outline: 1px solid var(--calcite-ui-border-input);\n  outline-offset: -1px;\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([layout=vertical]) {\n  flex-direction: column;\n  align-items: flex-start;\n  align-self: flex-start;\n}\n\n:host([width=full]) {\n  inline-size: 100%;\n  min-inline-size: -moz-fit-content;\n  min-inline-size: fit-content;\n}\n:host([width=full]) ::slotted(calcite-radio-group-item) {\n  flex: 1 1 auto;\n}\n\n:host([width=full][layout=vertical]) ::slotted(calcite-radio-group-item) {\n  justify-content: flex-start;\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 { Build, h, Host } from \"@stencil/core\";\nimport { getElementDir } from \"../../utils/dom\";\nimport { connectLabel, disconnectLabel } from \"../../utils/label\";\nimport { afterConnectDefaultValueSet, connectForm, disconnectForm, HiddenFormInputSlot } from \"../../utils/form\";\nimport { updateHostInteraction } from \"../../utils/interactive\";\n/**\n * @slot - A slot for adding `calcite-radio-group-item`s.\n */\nexport class RadioGroup {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    //--------------------------------------------------------------------------\n    /** Specifies the appearance style of the component. */\n    this.appearance = \"solid\";\n    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\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    /** Defines the layout of the component. */\n    this.layout = \"horizontal\";\n    /** Specifies the size of the component. */\n    this.scale = \"m\";\n    /** The component's `selectedItem` value. */\n    this.value = null;\n    /** Specifies the width of the component. */\n    this.width = \"auto\";\n    //--------------------------------------------------------------------------\n    //\n    //  Event Listeners\n    //\n    //--------------------------------------------------------------------------\n    this.handleClick = (event) => {\n      if (event.target.localName === \"calcite-radio-group-item\") {\n        this.selectItem(event.target, true);\n      }\n    };\n  }\n  valueHandler(value) {\n    const items = this.getItems();\n    items.forEach((item) => (item.checked = item.value === value));\n  }\n  handleSelectedItemChange(newItem, oldItem) {\n    this.value = newItem === null || newItem === void 0 ? void 0 : newItem.value;\n    if (newItem === oldItem) {\n      return;\n    }\n    const items = this.getItems();\n    const match = Array.from(items)\n      .filter((item) => item === newItem)\n      .pop();\n    if (match) {\n      this.selectItem(match);\n    }\n    else if (items[0]) {\n      items[0].tabIndex = 0;\n    }\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  componentWillLoad() {\n    const items = this.getItems();\n    const lastChecked = Array.from(items)\n      .filter((item) => item.checked)\n      .pop();\n    if (lastChecked) {\n      this.selectItem(lastChecked);\n    }\n    else if (items[0]) {\n      items[0].tabIndex = 0;\n    }\n  }\n  componentDidLoad() {\n    afterConnectDefaultValueSet(this, this.value);\n  }\n  connectedCallback() {\n    connectLabel(this);\n    connectForm(this);\n  }\n  disconnectedCallback() {\n    disconnectLabel(this);\n    disconnectForm(this);\n  }\n  componentDidRender() {\n    updateHostInteraction(this);\n  }\n  render() {\n    return (h(Host, { onClick: this.handleClick, role: \"radiogroup\" }, h(\"slot\", null), h(HiddenFormInputSlot, { component: this })));\n  }\n  handleSelected(event) {\n    event.preventDefault();\n    this.selectItem(event.target);\n    event.stopPropagation();\n  }\n  handleKeyDown(event) {\n    const keys = [\"ArrowLeft\", \"ArrowUp\", \"ArrowRight\", \"ArrowDown\", \" \"];\n    const { key } = event;\n    const { el, selectedItem } = this;\n    if (keys.indexOf(key) === -1) {\n      return;\n    }\n    let adjustedKey = key;\n    if (getElementDir(el) === \"rtl\") {\n      if (key === \"ArrowRight\") {\n        adjustedKey = \"ArrowLeft\";\n      }\n      if (key === \"ArrowLeft\") {\n        adjustedKey = \"ArrowRight\";\n      }\n    }\n    const items = this.getItems();\n    let selectedIndex = -1;\n    items.forEach((item, index) => {\n      if (item === selectedItem) {\n        selectedIndex = index;\n      }\n    });\n    switch (adjustedKey) {\n      case \"ArrowLeft\":\n      case \"ArrowUp\":\n        event.preventDefault();\n        const previous = selectedIndex < 1 ? items.item(items.length - 1) : items.item(selectedIndex - 1);\n        this.selectItem(previous, true);\n        return;\n      case \"ArrowRight\":\n      case \"ArrowDown\":\n        event.preventDefault();\n        const next = selectedIndex === -1 ? items.item(1) : items.item(selectedIndex + 1) || items.item(0);\n        this.selectItem(next, true);\n        return;\n      case \" \":\n        event.preventDefault();\n        this.selectItem(event.target, true);\n        return;\n      default:\n        return;\n    }\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n  /** Sets focus on the component. */\n  async setFocus() {\n    var _a;\n    (_a = (this.selectedItem || this.getItems()[0])) === null || _a === void 0 ? void 0 : _a.focus();\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n  onLabelClick() {\n    this.setFocus();\n  }\n  getItems() {\n    return this.el.querySelectorAll(\"calcite-radio-group-item\");\n  }\n  selectItem(selected, emit = false) {\n    if (selected === this.selectedItem) {\n      return;\n    }\n    const items = this.getItems();\n    let match = null;\n    items.forEach((item) => {\n      const matches = item.value === selected.value;\n      if ((matches && !item.checked) || (!matches && item.checked)) {\n        item.checked = matches;\n      }\n      item.tabIndex = matches ? 0 : -1;\n      if (matches) {\n        match = item;\n        if (emit) {\n          this.calciteRadioGroupChange.emit(match.value);\n        }\n      }\n    });\n    this.selectedItem = match;\n    if (Build.isBrowser && match) {\n      match.focus();\n    }\n  }\n  static get is() { return \"calcite-radio-group\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"radio-group.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"radio-group.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"appearance\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"RadioAppearance\",\n          \"resolved\": \"\\\"outline\\\" | \\\"solid\\\"\",\n          \"references\": {\n            \"RadioAppearance\": {\n              \"location\": \"import\",\n              \"path\": \"./interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the appearance style of the component.\"\n        },\n        \"attribute\": \"appearance\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"solid\\\"\"\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      \"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      \"layout\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Layout\",\n          \"resolved\": \"\\\"grid\\\" | \\\"horizontal\\\" | \\\"vertical\\\"\",\n          \"references\": {\n            \"Layout\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Defines the layout of the component.\"\n        },\n        \"attribute\": \"layout\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"horizontal\\\"\"\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      \"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 `selectedItem` value.\"\n        },\n        \"attribute\": \"value\",\n        \"reflect\": false,\n        \"defaultValue\": \"null\"\n      },\n      \"selectedItem\": {\n        \"type\": \"unknown\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"HTMLCalciteRadioGroupItemElement\",\n          \"resolved\": \"HTMLCalciteRadioGroupItemElement\",\n          \"references\": {\n            \"HTMLCalciteRadioGroupItemElement\": {\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 item `HTMLElement`.\"\n        }\n      },\n      \"width\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Extract<\\\"auto\\\" | \\\"full\\\", Width>\",\n          \"resolved\": \"\\\"auto\\\" | \\\"full\\\"\",\n          \"references\": {\n            \"Extract\": {\n              \"location\": \"global\"\n            },\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\": \"calciteRadioGroupChange\",\n        \"name\": \"calciteRadioGroupChange\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Fires when the selected option changes, where the event detail is the new value.\"\n        },\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\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\": \"selectedItem\",\n        \"methodName\": \"handleSelectedItemChange\"\n      }];\n  }\n  static get listeners() {\n    return [{\n        \"name\": \"calciteInternalRadioGroupItemChange\",\n        \"method\": \"handleSelected\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": false\n      }, {\n        \"name\": \"keydown\",\n        \"method\": \"handleKeyDown\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": false\n      }];\n  }\n}\n"],"version":3}

package/dist/components/refine-selection-tools.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface RefineSelectionTools extends Components.RefineSelectionTools, HTMLElement {}
-export const RefineSelectionTools: {
-  prototype: RefineSelectionTools;
-  new (): RefineSelectionTools;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/refine-selection-tools.js

@@ -1,13 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { R as RefineSelectionTools$1, d as defineCustomElement$1 } from './refine-selection-tools2.js';
-
-const RefineSelectionTools = RefineSelectionTools$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { RefineSelectionTools, defineCustomElement };
-
-//# sourceMappingURL=refine-selection-tools.js.map

package/dist/components/refine-selection-tools.js.map

@@ -1 +0,0 @@
-{"file":"refine-selection-tools.js","mappings":";;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}