@esri/solutions-components 0.2.1 → 0.2.2

package/dist/components/calcite-sortable-list.js

@@ -1,204 +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 { 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 = {
-  sortItem: "sort-item",
-  container: "container",
-  containerHorizontal: "container--horizontal",
-  containerVertical: "container--vertical"
-};
-
-const sortableListCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:flex}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.container{display:flex;flex:1 1 auto}.container--vertical{flex-direction:column}.container--horizontal{flex-direction:row}";
-
-const SortableList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.calciteListOrderChange = createEvent(this, "calciteListOrderChange", 6);
-    /**
-     * The selector for the handle elements.
-     */
-    this.handleSelector = "calcite-handle";
-    /**
-     * Indicates the horizontal or vertical orientation of the component.
-     */
-    this.layout = "vertical";
-    /**
-     * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
-     */
-    this.disabled = false;
-    /**
-     * When true, content is waiting to be loaded. This state shows a busy indicator.
-     */
-    this.loading = false;
-    this.handleActivated = false;
-    this.items = [];
-    this.mutationObserver = createObserver("mutation", () => {
-      this.cleanUpDragAndDrop();
-      this.items = Array.from(this.el.children);
-      this.setUpDragAndDrop();
-    });
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  // --------------------------------------------------------------------------
-  connectedCallback() {
-    this.items = Array.from(this.el.children);
-    this.setUpDragAndDrop();
-    this.beginObserving();
-  }
-  disconnectedCallback() {
-    var _a;
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-    this.cleanUpDragAndDrop();
-  }
-  componentDidRender() {
-    updateHostInteraction(this);
-  }
-  calciteHandleNudgeHandler(event) {
-    var _a;
-    const sortItem = this.items.find((item) => {
-      return item.contains(event.detail.handle) || event.composedPath().includes(item);
-    });
-    const lastIndex = this.items.length - 1;
-    const startingIndex = this.items.indexOf(sortItem);
-    let appendInstead = false;
-    let buddyIndex;
-    switch (event.detail.direction) {
-      case "up":
-        event.preventDefault();
-        if (startingIndex === 0) {
-          appendInstead = true;
-        }
-        else {
-          buddyIndex = startingIndex - 1;
-        }
-        break;
-      case "down":
-        event.preventDefault();
-        if (startingIndex === lastIndex) {
-          buddyIndex = 0;
-        }
-        else if (startingIndex === lastIndex - 1) {
-          appendInstead = true;
-        }
-        else {
-          buddyIndex = startingIndex + 2;
-        }
-        break;
-      default:
-        return;
-    }
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-    if (appendInstead) {
-      sortItem.parentElement.appendChild(sortItem);
-    }
-    else {
-      sortItem.parentElement.insertBefore(sortItem, this.items[buddyIndex]);
-    }
-    this.items = Array.from(this.el.children);
-    event.detail.handle.activated = true;
-    event.detail.handle.setFocus();
-    this.beginObserving();
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  // --------------------------------------------------------------------------
-  setUpDragAndDrop() {
-    this.cleanUpDragAndDrop();
-    const options = {
-      dataIdAttr: "id",
-      group: this.group,
-      handle: this.handleSelector,
-      // Changed sorting within list
-      onUpdate: () => {
-        this.items = Array.from(this.el.children);
-        this.calciteListOrderChange.emit();
-      },
-      // Element dragging started
-      onStart: () => {
-        var _a;
-        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-      },
-      // Element dragging ended
-      onEnd: () => {
-        this.beginObserving();
-      }
-    };
-    if (this.dragSelector) {
-      options.draggable = this.dragSelector;
-    }
-    this.sortable = Sortable.create(this.el, options);
-  }
-  cleanUpDragAndDrop() {
-    var _a;
-    (_a = this.sortable) === null || _a === void 0 ? void 0 : _a.destroy();
-    this.sortable = null;
-  }
-  beginObserving() {
-    var _a;
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Render Methods
-  //
-  // --------------------------------------------------------------------------
-  render() {
-    const { layout } = this;
-    const horizontal = layout === "horizontal" || false;
-    return (h("div", { class: {
-        [CSS.container]: true,
-        [CSS.containerVertical]: !horizontal,
-        [CSS.containerHorizontal]: horizontal
-      } }, h("slot", null)));
-  }
-  get el() { return this; }
-  static get style() { return sortableListCss; }
-}, [1, "calcite-sortable-list", {
-    "dragSelector": [513, "drag-selector"],
-    "group": [513],
-    "handleSelector": [513, "handle-selector"],
-    "layout": [513],
-    "disabled": [516],
-    "loading": [516],
-    "handleActivated": [32]
-  }, [[0, "calciteHandleNudge", "calciteHandleNudgeHandler"]]]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["calcite-sortable-list"];
-  components.forEach(tagName => { switch (tagName) {
-    case "calcite-sortable-list":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SortableList);
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const CalciteSortableList = SortableList;
-const defineCustomElement = defineCustomElement$1;
-
-export { CalciteSortableList, defineCustomElement };
-
-//# sourceMappingURL=calcite-sortable-list.js.map

package/dist/components/calcite-sortable-list.js.map

@@ -1 +0,0 @@
-{"file":"calcite-sortable-list.js","mappings":"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","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/sortable-list/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/sortable-list/sortable-list.css?tag=calcite-sortable-list&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/sortable-list/sortable-list.js"],"sourcesContent":["/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nexport const CSS = {\n  sortItem: \"sort-item\",\n  container: \"container\",\n  containerHorizontal: \"container--horizontal\",\n  containerVertical: \"container--vertical\"\n};\n","/* mixins & extensions */\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n:root {\n  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --calcite-internal-duration-factor: 0.01;\n  }\n}\n/**\n* Currently only used in Checkbox.\n*/\n:root {\n  --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host([disabled]) {\n  pointer-events: none;\n  cursor: default;\n  -webkit-user-select: none;\n          user-select: none;\n  opacity: var(--calcite-ui-opacity-disabled);\n}\n\n:host {\n  display: flex;\n}\n\n:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled] {\n  /* prevent opacity stacking */\n  opacity: 1;\n}\n\n.container {\n  display: flex;\n  flex: 1 1 auto;\n}\n\n.container--vertical {\n  flex-direction: column;\n}\n\n.container--horizontal {\n  flex-direction: row;\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nimport Sortable from \"sortablejs\";\nimport { h } from \"@stencil/core\";\nimport { createObserver } from \"../../utils/observers\";\nimport { CSS } from \"./resources\";\nimport { updateHostInteraction } from \"../../utils/interactive\";\n/**\n * @slot - A slot for adding sortable items.\n */\nexport class SortableList {\n  constructor() {\n    /**\n     * The selector for the handle elements.\n     */\n    this.handleSelector = \"calcite-handle\";\n    /**\n     * Indicates the horizontal or vertical orientation of the component.\n     */\n    this.layout = \"vertical\";\n    /**\n     * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.\n     */\n    this.disabled = false;\n    /**\n     * When true, content is waiting to be loaded. This state shows a busy indicator.\n     */\n    this.loading = false;\n    this.handleActivated = false;\n    this.items = [];\n    this.mutationObserver = createObserver(\"mutation\", () => {\n      this.cleanUpDragAndDrop();\n      this.items = Array.from(this.el.children);\n      this.setUpDragAndDrop();\n    });\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n  connectedCallback() {\n    this.items = Array.from(this.el.children);\n    this.setUpDragAndDrop();\n    this.beginObserving();\n  }\n  disconnectedCallback() {\n    var _a;\n    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n    this.cleanUpDragAndDrop();\n  }\n  componentDidRender() {\n    updateHostInteraction(this);\n  }\n  calciteHandleNudgeHandler(event) {\n    var _a;\n    const sortItem = this.items.find((item) => {\n      return item.contains(event.detail.handle) || event.composedPath().includes(item);\n    });\n    const lastIndex = this.items.length - 1;\n    const startingIndex = this.items.indexOf(sortItem);\n    let appendInstead = false;\n    let buddyIndex;\n    switch (event.detail.direction) {\n      case \"up\":\n        event.preventDefault();\n        if (startingIndex === 0) {\n          appendInstead = true;\n        }\n        else {\n          buddyIndex = startingIndex - 1;\n        }\n        break;\n      case \"down\":\n        event.preventDefault();\n        if (startingIndex === lastIndex) {\n          buddyIndex = 0;\n        }\n        else if (startingIndex === lastIndex - 1) {\n          appendInstead = true;\n        }\n        else {\n          buddyIndex = startingIndex + 2;\n        }\n        break;\n      default:\n        return;\n    }\n    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n    if (appendInstead) {\n      sortItem.parentElement.appendChild(sortItem);\n    }\n    else {\n      sortItem.parentElement.insertBefore(sortItem, this.items[buddyIndex]);\n    }\n    this.items = Array.from(this.el.children);\n    event.detail.handle.activated = true;\n    event.detail.handle.setFocus();\n    this.beginObserving();\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n  setUpDragAndDrop() {\n    this.cleanUpDragAndDrop();\n    const options = {\n      dataIdAttr: \"id\",\n      group: this.group,\n      handle: this.handleSelector,\n      // Changed sorting within list\n      onUpdate: () => {\n        this.items = Array.from(this.el.children);\n        this.calciteListOrderChange.emit();\n      },\n      // Element dragging started\n      onStart: () => {\n        var _a;\n        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n      },\n      // Element dragging ended\n      onEnd: () => {\n        this.beginObserving();\n      }\n    };\n    if (this.dragSelector) {\n      options.draggable = this.dragSelector;\n    }\n    this.sortable = Sortable.create(this.el, options);\n  }\n  cleanUpDragAndDrop() {\n    var _a;\n    (_a = this.sortable) === null || _a === void 0 ? void 0 : _a.destroy();\n    this.sortable = null;\n  }\n  beginObserving() {\n    var _a;\n    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  render() {\n    const { layout } = this;\n    const horizontal = layout === \"horizontal\" || false;\n    return (h(\"div\", { class: {\n        [CSS.container]: true,\n        [CSS.containerVertical]: !horizontal,\n        [CSS.containerHorizontal]: horizontal\n      } }, h(\"slot\", null)));\n  }\n  static get is() { return \"calcite-sortable-list\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"sortable-list.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"sortable-list.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"dragSelector\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies which items inside the element should be draggable.\"\n        },\n        \"attribute\": \"drag-selector\",\n        \"reflect\": true\n      },\n      \"group\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"The list's group identifier.\\n\\nTo drag elements from one list into another, both lists must have the same group value.\"\n        },\n        \"attribute\": \"group\",\n        \"reflect\": true\n      },\n      \"handleSelector\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"The selector for the handle elements.\"\n        },\n        \"attribute\": \"handle-selector\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"calcite-handle\\\"\"\n      },\n      \"layout\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Layout\",\n          \"resolved\": \"\\\"grid\\\" | \\\"horizontal\\\" | \\\"vertical\\\"\",\n          \"references\": {\n            \"Layout\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Indicates the horizontal or vertical orientation of the component.\"\n        },\n        \"attribute\": \"layout\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"vertical\\\"\"\n      },\n      \"disabled\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When true, disabled prevents interaction. This state shows items with lower opacity/grayed.\"\n        },\n        \"attribute\": \"disabled\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"loading\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When true, content is waiting to be loaded. This state shows a busy indicator.\"\n        },\n        \"attribute\": \"loading\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      }\n    };\n  }\n  static get states() {\n    return {\n      \"handleActivated\": {}\n    };\n  }\n  static get events() {\n    return [{\n        \"method\": \"calciteListOrderChange\",\n        \"name\": \"calciteListOrderChange\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Emitted when the order of the list has changed.\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }];\n  }\n  static get elementRef() { return \"el\"; }\n  static get listeners() {\n    return [{\n        \"name\": \"calciteHandleNudge\",\n        \"method\": \"calciteHandleNudgeHandler\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": false\n      }];\n  }\n}\n"],"version":3}

package/dist/components/calcite-split-button.js

@@ -1,170 +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 { u as updateHostInteraction } from './interactive.js';
-import { d as defineCustomElement$5 } from './button.js';
-import { d as defineCustomElement$4 } from './dropdown.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 CSS = {
-  container: "split-button__container",
-  dividerContainer: "split-button__divider-container",
-  divider: "split-button__divider",
-  widthAuto: "width-auto",
-  widthHalf: "width-half",
-  widthFull: "width-full"
-};
-
-const splitButtonCss = "@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:inline-block}:host .split-button__container{display:flex;align-items:stretch}:host .split-button__container>calcite-dropdown>calcite-button{block-size:100%;vertical-align:top}:host:host([color=blue]){--calcite-split-button-background:var(--calcite-ui-brand);--calcite-split-button-divider:var(--calcite-ui-foreground-1)}:host:host([color=red]){--calcite-split-button-background:var(--calcite-ui-danger);--calcite-split-button-divider:var(--calcite-ui-foreground-1)}:host:host([color=neutral]){--calcite-split-button-background:var(--calcite-ui-foreground-3);--calcite-split-button-divider:var(--calcite-ui-text-1)}:host:host([color=inverse]){--calcite-split-button-background:var(--calcite-ui-inverse);--calcite-split-button-divider:var(--calcite-ui-foreground-1)}:host([appearance=transparent]):host([color=blue]){--calcite-split-button-divider:var(--calcite-ui-brand)}:host([appearance=transparent]):host([color=red]){--calcite-split-button-divider:var(--calcite-ui-danger)}:host([appearance=transparent]):host([color=neutral]){--calcite-split-button-divider:var(--calcite-ui-text-1)}:host([appearance=transparent]):host([color=inverse]){--calcite-split-button-divider:var(--calcite-ui-foreground-1)}:host([appearance=clear]),:host([appearance=transparent]){--calcite-split-button-background:transparent}:host([appearance=outline]){--calcite-split-button-background:var(--calcite-ui-foreground-1)}:host([appearance=clear]):host([color=blue]),:host([appearance=outline]):host([color=blue]){--calcite-split-button-divider:var(--calcite-ui-brand)}:host([appearance=clear]):host([color=red]),:host([appearance=outline]):host([color=red]){--calcite-split-button-divider:var(--calcite-ui-danger)}:host([appearance=clear]):host([color=neutral]),:host([appearance=outline]):host([color=neutral]){--calcite-split-button-divider:var(--calcite-ui-foreground-3)}:host([appearance=clear]):host([color=inverse]),:host([appearance=outline]):host([color=inverse]){--calcite-split-button-divider:var(--calcite-ui-inverse)}.width-auto{inline-size:auto}.width-half{inline-size:50%}.width-full{inline-size:100%}.split-button__divider-container{display:flex;inline-size:1px;align-items:stretch;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;background-color:var(--calcite-split-button-background)}.split-button__divider{margin-block:0.25rem;display:inline-block;inline-size:1px;background-color:var(--calcite-split-button-divider)}:host([appearance=outline]) .split-button__divider-container,:host([appearance=clear]) .split-button__divider-container,:host([appearance=minimal]) .split-button__divider-container{border-block:1px solid var(--calcite-split-button-divider)}:host([appearance=outline]):hover .split-button__divider-container,:host([appearance=clear]):hover .split-button__divider-container,:host([appearance=minimal]):hover .split-button__divider-container{background-color:var(--calcite-split-button-divider)}:host([appearance=outline]:hover) .split-button__divider-container,:host([appearance=clear]:hover) .split-button__divider-container,:host([appearance=minimal]):hover .split-button__divider-container{background-color:var(--calcite-split-button-divider)}:host([appearance=outline]:focus-within):host([color=blue]),:host([appearance=clear]:focus-within):host([color=blue]),:host([appearance=minimal]:focus-within):host([color=blue]){--calcite-split-button-divider:var(--calcite-ui-brand-press)}:host([appearance=outline]:focus-within):host([color=red]),:host([appearance=clear]:focus-within):host([color=red]),:host([appearance=minimal]:focus-within):host([color=red]){--calcite-split-button-divider:var(--calcite-ui-danger-press)}:host([appearance=outline]:focus-within) .split-button__divider-container,:host([appearance=clear]:focus-within) .split-button__divider-container,:host([appearance=minimal]:focus-within) .split-button__divider-container{background-color:var(--calcite-split-button-divider)}:host([disabled]) .split-button__divider-container{opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) calcite-dropdown>calcite-button{pointer-events:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";
-
-const SplitButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.calciteSplitButtonPrimaryClick = createEvent(this, "calciteSplitButtonPrimaryClick", 6);
-    this.calciteSplitButtonSecondaryClick = createEvent(this, "calciteSplitButtonSecondaryClick", 6);
-    /** Specifies the appearance style of the component. */
-    this.appearance = "solid";
-    /** Specifies the color of the component. */
-    this.color = "blue";
-    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
-    this.disabled = false;
-    /**
-     * When `true`, the component is active.
-     *
-     * @internal
-     */
-    this.active = false;
-    /** Specifies the icon used for the dropdown menu. */
-    this.dropdownIconType = "chevron";
-    /**
-      When `true`, a busy indicator is displayed on the primary button.
-     */
-    this.loading = false;
-    /**
-     * Determines the type of positioning to use for the overlaid content.
-     *
-     * Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.
-     *
-     * `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-     *
-     */
-    this.overlayPositioning = "absolute";
-    /** Specifies the size of the component. */
-    this.scale = "m";
-    /** Specifies the width of the component. */
-    this.width = "auto";
-    this.calciteSplitButtonPrimaryClickHandler = (event) => this.calciteSplitButtonPrimaryClick.emit(event);
-    this.calciteSplitButtonSecondaryClickHandler = (event) => this.calciteSplitButtonSecondaryClick.emit(event);
-  }
-  handleDisabledChange(value) {
-    if (!value) {
-      this.active = false;
-    }
-  }
-  activeHandler() {
-    if (this.disabled) {
-      this.active = false;
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  componentDidRender() {
-    updateHostInteraction(this);
-  }
-  render() {
-    const widthClasses = {
-      [CSS.container]: true,
-      [CSS.widthAuto]: this.width === "auto",
-      [CSS.widthHalf]: this.width === "half",
-      [CSS.widthFull]: this.width === "full"
-    };
-    const buttonWidth = this.width === "auto" ? "auto" : "full";
-    return (h("div", { class: widthClasses }, h("calcite-button", { appearance: this.appearance, color: this.color, disabled: this.disabled, "icon-end": this.primaryIconEnd ? this.primaryIconEnd : null, "icon-start": this.primaryIconStart ? this.primaryIconStart : null, iconFlipRtl: this.primaryIconFlipRtl ? this.primaryIconFlipRtl : null, label: this.primaryLabel, loading: this.loading, onClick: this.calciteSplitButtonPrimaryClickHandler, scale: this.scale, splitChild: "primary", type: "button", width: buttonWidth }, this.primaryText), h("div", { class: CSS.dividerContainer }, h("div", { class: CSS.divider })), h("calcite-dropdown", { active: this.active, disabled: this.disabled, onClick: this.calciteSplitButtonSecondaryClickHandler, overlayPositioning: this.overlayPositioning, placement: "bottom-end", scale: this.scale, width: this.scale }, h("calcite-button", { appearance: this.appearance, color: this.color, disabled: this.disabled, "icon-start": this.dropdownIcon, label: this.dropdownLabel, scale: this.scale, slot: "dropdown-trigger", splitChild: "secondary", type: "button" }), h("slot", null))));
-  }
-  get dropdownIcon() {
-    return this.dropdownIconType === "chevron"
-      ? "chevronDown"
-      : this.dropdownIconType === "caret"
-        ? "caretDown"
-        : this.dropdownIconType === "ellipsis"
-          ? "ellipsis"
-          : "handle-vertical";
-  }
-  get el() { return this; }
-  static get watchers() { return {
-    "disabled": ["handleDisabledChange"],
-    "active": ["activeHandler"]
-  }; }
-  static get style() { return splitButtonCss; }
-}, [1, "calcite-split-button", {
-    "appearance": [513],
-    "color": [513],
-    "disabled": [516],
-    "active": [1540],
-    "dropdownIconType": [513, "dropdown-icon-type"],
-    "dropdownLabel": [513, "dropdown-label"],
-    "loading": [516],
-    "overlayPositioning": [513, "overlay-positioning"],
-    "primaryIconEnd": [513, "primary-icon-end"],
-    "primaryIconFlipRtl": [513, "primary-icon-flip-rtl"],
-    "primaryIconStart": [513, "primary-icon-start"],
-    "primaryLabel": [513, "primary-label"],
-    "primaryText": [513, "primary-text"],
-    "scale": [513],
-    "width": [513]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["calcite-split-button", "calcite-button", "calcite-dropdown", "calcite-icon", "calcite-loader"];
-  components.forEach(tagName => { switch (tagName) {
-    case "calcite-split-button":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SplitButton);
-      }
-      break;
-    case "calcite-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "calcite-dropdown":
-      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;
-  } });
-}
-defineCustomElement$1();
-
-const CalciteSplitButton = SplitButton;
-const defineCustomElement = defineCustomElement$1;
-
-export { CalciteSplitButton, defineCustomElement };
-
-//# sourceMappingURL=calcite-split-button.js.map

package/dist/components/calcite-split-button.js.map

@@ -1 +0,0 @@
-{"file":"calcite-split-button.js","mappings":"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","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/split-button/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/split-button/split-button.css?tag=calcite-split-button&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/split-button/split-button.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  container: \"split-button__container\",\n  dividerContainer: \"split-button__divider-container\",\n  divider: \"split-button__divider\",\n  widthAuto: \"width-auto\",\n  widthHalf: \"width-half\",\n  widthFull: \"width-full\"\n};\n","/* mixins & extensions */\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n:root {\n  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --calcite-internal-duration-factor: 0.01;\n  }\n}\n/**\n* Currently only used in Checkbox.\n*/\n:root {\n  --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host([disabled]) {\n  pointer-events: none;\n  cursor: default;\n  -webkit-user-select: none;\n          user-select: none;\n  opacity: var(--calcite-ui-opacity-disabled);\n}\n\n:host {\n  display: inline-block;\n}\n\n:host .split-button__container {\n  display: flex;\n  align-items: stretch;\n}\n:host .split-button__container > calcite-dropdown > calcite-button {\n  block-size: 100%;\n  vertical-align: top;\n}\n\n:host:host([color=blue]) {\n  --calcite-split-button-background: var(--calcite-ui-brand);\n  --calcite-split-button-divider: var(--calcite-ui-foreground-1);\n}\n:host:host([color=red]) {\n  --calcite-split-button-background: var(--calcite-ui-danger);\n  --calcite-split-button-divider: var(--calcite-ui-foreground-1);\n}\n:host:host([color=neutral]) {\n  --calcite-split-button-background: var(--calcite-ui-foreground-3);\n  --calcite-split-button-divider: var(--calcite-ui-text-1);\n}\n:host:host([color=inverse]) {\n  --calcite-split-button-background: var(--calcite-ui-inverse);\n  --calcite-split-button-divider: var(--calcite-ui-foreground-1);\n}\n\n:host([appearance=transparent]):host([color=blue]) {\n  --calcite-split-button-divider: var(--calcite-ui-brand);\n}\n:host([appearance=transparent]):host([color=red]) {\n  --calcite-split-button-divider: var(--calcite-ui-danger);\n}\n:host([appearance=transparent]):host([color=neutral]) {\n  --calcite-split-button-divider: var(--calcite-ui-text-1);\n}\n:host([appearance=transparent]):host([color=inverse]) {\n  --calcite-split-button-divider: var(--calcite-ui-foreground-1);\n}\n\n:host([appearance=clear]),\n:host([appearance=transparent]) {\n  --calcite-split-button-background: transparent;\n}\n\n:host([appearance=outline]) {\n  --calcite-split-button-background: var(--calcite-ui-foreground-1);\n}\n\n:host([appearance=clear]):host([color=blue]),\n:host([appearance=outline]):host([color=blue]) {\n  --calcite-split-button-divider: var(--calcite-ui-brand);\n}\n:host([appearance=clear]):host([color=red]),\n:host([appearance=outline]):host([color=red]) {\n  --calcite-split-button-divider: var(--calcite-ui-danger);\n}\n:host([appearance=clear]):host([color=neutral]),\n:host([appearance=outline]):host([color=neutral]) {\n  --calcite-split-button-divider: var(--calcite-ui-foreground-3);\n}\n:host([appearance=clear]):host([color=inverse]),\n:host([appearance=outline]):host([color=inverse]) {\n  --calcite-split-button-divider: var(--calcite-ui-inverse);\n}\n\n.width-auto {\n  inline-size: auto;\n}\n\n.width-half {\n  inline-size: 50%;\n}\n\n.width-full {\n  inline-size: 100%;\n}\n\n.split-button__divider-container {\n  display: flex;\n  inline-size: 1px;\n  align-items: stretch;\n  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;\n  background-color: var(--calcite-split-button-background);\n}\n\n.split-button__divider {\n  margin-block: 0.25rem;\n  display: inline-block;\n  inline-size: 1px;\n  background-color: var(--calcite-split-button-divider);\n}\n\n:host([appearance=outline]) .split-button__divider-container,\n:host([appearance=clear]) .split-button__divider-container,\n:host([appearance=minimal]) .split-button__divider-container {\n  border-block: 1px solid var(--calcite-split-button-divider);\n}\n:host([appearance=outline]):hover .split-button__divider-container,\n:host([appearance=clear]):hover .split-button__divider-container,\n:host([appearance=minimal]):hover .split-button__divider-container {\n  background-color: var(--calcite-split-button-divider);\n}\n\n:host([appearance=outline]:hover) .split-button__divider-container,\n:host([appearance=clear]:hover) .split-button__divider-container,\n:host([appearance=minimal]):hover .split-button__divider-container {\n  background-color: var(--calcite-split-button-divider);\n}\n\n:host([appearance=outline]:focus-within):host([color=blue]),\n:host([appearance=clear]:focus-within):host([color=blue]),\n:host([appearance=minimal]:focus-within):host([color=blue]) {\n  --calcite-split-button-divider: var(--calcite-ui-brand-press);\n}\n:host([appearance=outline]:focus-within):host([color=red]),\n:host([appearance=clear]:focus-within):host([color=red]),\n:host([appearance=minimal]:focus-within):host([color=red]) {\n  --calcite-split-button-divider: var(--calcite-ui-danger-press);\n}\n:host([appearance=outline]:focus-within) .split-button__divider-container,\n:host([appearance=clear]:focus-within) .split-button__divider-container,\n:host([appearance=minimal]:focus-within) .split-button__divider-container {\n  background-color: var(--calcite-split-button-divider);\n}\n\n:host([disabled]) .split-button__divider-container {\n  opacity: var(--calcite-ui-opacity-disabled);\n}\n:host([disabled]) calcite-dropdown > calcite-button {\n  pointer-events: none;\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 } from \"@stencil/core\";\nimport { CSS } from \"./resources\";\nimport { updateHostInteraction } from \"../../utils/interactive\";\n/**\n * @slot - A slot for adding `calcite-dropdown` content.\n */\nexport class SplitButton {\n  constructor() {\n    /** Specifies the appearance style of the component. */\n    this.appearance = \"solid\";\n    /** Specifies the color of the component. */\n    this.color = \"blue\";\n    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n    this.disabled = false;\n    /**\n     * When `true`, the component is active.\n     *\n     * @internal\n     */\n    this.active = false;\n    /** Specifies the icon used for the dropdown menu. */\n    this.dropdownIconType = \"chevron\";\n    /**\n      When `true`, a busy indicator is displayed on the primary button.\n     */\n    this.loading = false;\n    /**\n     * Determines the type of positioning to use for the overlaid content.\n     *\n     * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n     *\n     * `\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n     *\n     */\n    this.overlayPositioning = \"absolute\";\n    /** Specifies the size of the component. */\n    this.scale = \"m\";\n    /** Specifies the width of the component. */\n    this.width = \"auto\";\n    this.calciteSplitButtonPrimaryClickHandler = (event) => this.calciteSplitButtonPrimaryClick.emit(event);\n    this.calciteSplitButtonSecondaryClickHandler = (event) => this.calciteSplitButtonSecondaryClick.emit(event);\n  }\n  handleDisabledChange(value) {\n    if (!value) {\n      this.active = false;\n    }\n  }\n  activeHandler() {\n    if (this.disabled) {\n      this.active = false;\n    }\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  componentDidRender() {\n    updateHostInteraction(this);\n  }\n  render() {\n    const widthClasses = {\n      [CSS.container]: true,\n      [CSS.widthAuto]: this.width === \"auto\",\n      [CSS.widthHalf]: this.width === \"half\",\n      [CSS.widthFull]: this.width === \"full\"\n    };\n    const buttonWidth = this.width === \"auto\" ? \"auto\" : \"full\";\n    return (h(\"div\", { class: widthClasses }, h(\"calcite-button\", { appearance: this.appearance, color: this.color, disabled: this.disabled, \"icon-end\": this.primaryIconEnd ? this.primaryIconEnd : null, \"icon-start\": this.primaryIconStart ? this.primaryIconStart : null, iconFlipRtl: this.primaryIconFlipRtl ? this.primaryIconFlipRtl : null, label: this.primaryLabel, loading: this.loading, onClick: this.calciteSplitButtonPrimaryClickHandler, scale: this.scale, splitChild: \"primary\", type: \"button\", width: buttonWidth }, this.primaryText), h(\"div\", { class: CSS.dividerContainer }, h(\"div\", { class: CSS.divider })), h(\"calcite-dropdown\", { active: this.active, disabled: this.disabled, onClick: this.calciteSplitButtonSecondaryClickHandler, overlayPositioning: this.overlayPositioning, placement: \"bottom-end\", scale: this.scale, width: this.scale }, h(\"calcite-button\", { appearance: this.appearance, color: this.color, disabled: this.disabled, \"icon-start\": this.dropdownIcon, label: this.dropdownLabel, scale: this.scale, slot: \"dropdown-trigger\", splitChild: \"secondary\", type: \"button\" }), h(\"slot\", null))));\n  }\n  get dropdownIcon() {\n    return this.dropdownIconType === \"chevron\"\n      ? \"chevronDown\"\n      : this.dropdownIconType === \"caret\"\n        ? \"caretDown\"\n        : this.dropdownIconType === \"ellipsis\"\n          ? \"ellipsis\"\n          : \"handle-vertical\";\n  }\n  static get is() { return \"calcite-split-button\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"split-button.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"split-button.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"appearance\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"ButtonAppearance\",\n          \"resolved\": \"\\\"clear\\\" | \\\"minimal\\\" | \\\"outline\\\" | \\\"solid\\\" | \\\"transparent\\\"\",\n          \"references\": {\n            \"ButtonAppearance\": {\n              \"location\": \"import\",\n              \"path\": \"../button/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      \"color\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"ButtonColor\",\n          \"resolved\": \"\\\"blue\\\" | \\\"inverse\\\" | \\\"neutral\\\" | \\\"red\\\"\",\n          \"references\": {\n            \"ButtonColor\": {\n              \"location\": \"import\",\n              \"path\": \"../button/interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the color of the component.\"\n        },\n        \"attribute\": \"color\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"blue\\\"\"\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      \"active\": {\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              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"When `true`, the component is active.\"\n        },\n        \"attribute\": \"active\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"dropdownIconType\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"DropdownIconType\",\n          \"resolved\": \"\\\"caret\\\" | \\\"chevron\\\" | \\\"ellipsis\\\" | \\\"overflow\\\"\",\n          \"references\": {\n            \"DropdownIconType\": {\n              \"location\": \"import\",\n              \"path\": \"../button/interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the icon used for the dropdown menu.\"\n        },\n        \"attribute\": \"dropdown-icon-type\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"chevron\\\"\"\n      },\n      \"dropdownLabel\": {\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\": \"Accessible name for the dropdown menu.\"\n        },\n        \"attribute\": \"dropdown-label\",\n        \"reflect\": true\n      },\n      \"loading\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, a busy indicator is displayed on the primary button.\"\n        },\n        \"attribute\": \"loading\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"overlayPositioning\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"OverlayPositioning\",\n          \"resolved\": \"\\\"absolute\\\" | \\\"fixed\\\"\",\n          \"references\": {\n            \"OverlayPositioning\": {\n              \"location\": \"import\",\n              \"path\": \"../../utils/floating-ui\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Determines the type of positioning to use for the overlaid content.\\n\\nUsing `\\\"absolute\\\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\\n\\n`\\\"fixed\\\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\\\"fixed\\\"`.\"\n        },\n        \"attribute\": \"overlay-positioning\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"absolute\\\"\"\n      },\n      \"primaryIconEnd\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies an icon to display at the end of the primary button.\"\n        },\n        \"attribute\": \"primary-icon-end\",\n        \"reflect\": true\n      },\n      \"primaryIconFlipRtl\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"FlipContext\",\n          \"resolved\": \"\\\"both\\\" | \\\"end\\\" | \\\"start\\\"\",\n          \"references\": {\n            \"FlipContext\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, the primary button icon will be flipped when the element direction is right-to-left (`\\\"rtl\\\"`).\"\n        },\n        \"attribute\": \"primary-icon-flip-rtl\",\n        \"reflect\": true\n      },\n      \"primaryIconStart\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies an icon to display at the start of the primary button.\"\n        },\n        \"attribute\": \"primary-icon-start\",\n        \"reflect\": true\n      },\n      \"primaryLabel\": {\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\": \"Accessible name for the primary button.\"\n        },\n        \"attribute\": \"primary-label\",\n        \"reflect\": true\n      },\n      \"primaryText\": {\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\": \"Text displayed in the primary button.\"\n        },\n        \"attribute\": \"primary-text\",\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      \"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\": \"calciteSplitButtonPrimaryClick\",\n        \"name\": \"calciteSplitButtonPrimaryClick\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Fires when the primary button is clicked.\\n\\n**Note:** The event payload is deprecated, use separate mouse event listeners to get info about click.\"\n        },\n        \"complexType\": {\n          \"original\": \"DeprecatedEventPayload\",\n          \"resolved\": \"any\",\n          \"references\": {\n            \"DeprecatedEventPayload\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        }\n      }, {\n        \"method\": \"calciteSplitButtonSecondaryClick\",\n        \"name\": \"calciteSplitButtonSecondaryClick\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Fires when the dropdown menu is clicked.\\n\\n**Note:** The event payload is deprecated, use separate mouse event listeners to get info about click.\"\n        },\n        \"complexType\": {\n          \"original\": \"DeprecatedEventPayload\",\n          \"resolved\": \"any\",\n          \"references\": {\n            \"DeprecatedEventPayload\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        }\n      }];\n  }\n  static get elementRef() { return \"el\"; }\n  static get watchers() {\n    return [{\n        \"propName\": \"disabled\",\n        \"methodName\": \"handleDisabledChange\"\n      }, {\n        \"propName\": \"active\",\n        \"methodName\": \"activeHandler\"\n      }];\n  }\n}\n"],"version":3}