@esri/solutions-components 0.6.2 → 0.6.3

package/dist/cjs/calcite-dropdown_5.cjs.entry.js

@@ -1,866 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-6654298b.js');
-const dom = require('./dom-5fd13fa0.js');
-const floatingUi = require('./floating-ui-72d35286.js');
-const guid = require('./guid-66679eda.js');
-const interactive = require('./interactive-39ec70c2.js');
-const key = require('./key-5b33d77d.js');
-const loadable = require('./loadable-30ee9cda.js');
-const observers = require('./observers-f7aad52c.js');
-const openCloseComponent = require('./openCloseComponent-84b60d30.js');
-const locale = require('./locale-b113c6b2.js');
-require('./resources-17e31c94.js');
-require('./debounce-69c3bada.js');
-require('./_commonjsHelpers-384729db.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.4.2
- */
-const SLOTS = {
-  dropdownTrigger: "trigger"
-};
-
-const dropdownCss = "@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-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 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-right{animation-name:in-right}.calcite-animate__in-left{animation-name:in-left}.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);--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown)}:host([hidden]){display:none}:host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-flex;flex:0 1 auto}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host .calcite-dropdown-wrapper{--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown);display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index);visibility:hidden}.calcite-dropdown-wrapper .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-app-z-index);border-radius:0.25rem}.calcite-dropdown-wrapper[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}.calcite-dropdown-wrapper[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}.calcite-dropdown-wrapper[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}.calcite-dropdown-wrapper[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}.calcite-dropdown-wrapper[data-placement] .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([open]) .calcite-dropdown-wrapper{visibility:visible}:host .calcite-dropdown-content{max-block-size:45vh;inline-size:auto;overflow-y:auto;overflow-x:hidden;background-color:var(--calcite-ui-foreground-1);inline-size:var(--calcite-dropdown-width)}.calcite-trigger-container{position:relative;display:flex;flex:1 1 auto;word-wrap:break-word;word-break:break-word}@media (forced-colors: active){:host([open]) .calcite-dropdown-wrapper{border:1px solid canvasText}}:host([width=s]){--calcite-dropdown-width:12rem}:host([width=m]){--calcite-dropdown-width:14rem}:host([width=l]){--calcite-dropdown-width:16rem}";
-
-const Dropdown = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.calciteDropdownSelect = index.createEvent(this, "calciteDropdownSelect", 6);
-    this.calciteDropdownBeforeClose = index.createEvent(this, "calciteDropdownBeforeClose", 6);
-    this.calciteDropdownClose = index.createEvent(this, "calciteDropdownClose", 6);
-    this.calciteDropdownBeforeOpen = index.createEvent(this, "calciteDropdownBeforeOpen", 6);
-    this.calciteDropdownOpen = index.createEvent(this, "calciteDropdownOpen", 6);
-    this.items = [];
-    this.groups = [];
-    this.mutationObserver = observers.createObserver("mutation", () => this.updateItems());
-    this.resizeObserver = observers.createObserver("resize", (entries) => this.resizeObserverCallback(entries));
-    this.openTransitionProp = "opacity";
-    this.guid = `calcite-dropdown-${guid.guid()}`;
-    this.defaultAssignedElements = [];
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
-    this.slotChangeHandler = (event) => {
-      this.defaultAssignedElements = event.target.assignedElements({
-        flatten: true
-      });
-      this.updateItems();
-    };
-    this.setFilteredPlacements = () => {
-      const { el, flipPlacements } = this;
-      this.filteredFlipPlacements = flipPlacements
-        ? floatingUi.filterComputedPlacements(flipPlacements, el)
-        : null;
-    };
-    this.updateTriggers = (event) => {
-      this.triggers = event.target.assignedElements({
-        flatten: true
-      });
-      this.reposition(true);
-    };
-    this.updateItems = () => {
-      this.items = this.groups
-        .map((group) => Array.from(group === null || group === void 0 ? void 0 : group.querySelectorAll("calcite-dropdown-item")))
-        .reduce((previousValue, currentValue) => [...previousValue, ...currentValue], []);
-      this.updateSelectedItems();
-      this.reposition(true);
-    };
-    this.updateGroups = (event) => {
-      const groups = event.target
-        .assignedElements({ flatten: true })
-        .filter((el) => el === null || el === void 0 ? void 0 : el.matches("calcite-dropdown-group"));
-      this.groups = groups;
-      this.updateItems();
-    };
-    this.resizeObserverCallback = (entries) => {
-      entries.forEach((entry) => {
-        const { target } = entry;
-        if (target === this.referenceEl) {
-          this.setDropdownWidth();
-        }
-        else if (target === this.scrollerEl) {
-          this.setMaxScrollerHeight();
-        }
-      });
-    };
-    this.setDropdownWidth = () => {
-      const { referenceEl, scrollerEl } = this;
-      const referenceElWidth = referenceEl === null || referenceEl === void 0 ? void 0 : referenceEl.clientWidth;
-      if (!referenceElWidth || !scrollerEl) {
-        return;
-      }
-      scrollerEl.style.minWidth = `${referenceElWidth}px`;
-    };
-    this.setMaxScrollerHeight = () => {
-      const { scrollerEl } = this;
-      if (!scrollerEl) {
-        return;
-      }
-      this.reposition(true);
-      const maxScrollerHeight = this.getMaxScrollerHeight();
-      scrollerEl.style.maxHeight = maxScrollerHeight > 0 ? `${maxScrollerHeight}px` : "";
-      this.reposition(true);
-    };
-    this.setScrollerAndTransitionEl = (el) => {
-      this.resizeObserver.observe(el);
-      this.scrollerEl = el;
-      this.transitionEl = el;
-      openCloseComponent.connectOpenCloseComponent(this);
-    };
-    this.setReferenceEl = (el) => {
-      this.referenceEl = el;
-      floatingUi.connectFloatingUI(this, this.referenceEl, this.floatingEl);
-      this.resizeObserver.observe(el);
-    };
-    this.setFloatingEl = (el) => {
-      this.floatingEl = el;
-      floatingUi.connectFloatingUI(this, this.referenceEl, this.floatingEl);
-    };
-    this.keyDownHandler = (event) => {
-      const target = event.target;
-      if (target !== this.referenceEl) {
-        return;
-      }
-      const { defaultPrevented, key: key$1 } = event;
-      if (defaultPrevented) {
-        return;
-      }
-      if (this.open) {
-        if (key$1 === "Escape") {
-          this.closeCalciteDropdown();
-          event.preventDefault();
-          return;
-        }
-        else if (event.shiftKey && key$1 === "Tab") {
-          this.closeCalciteDropdown();
-          event.preventDefault();
-          return;
-        }
-      }
-      if (key.isActivationKey(key$1)) {
-        this.openCalciteDropdown();
-        event.preventDefault();
-      }
-      else if (key$1 === "Escape") {
-        this.closeCalciteDropdown();
-        event.preventDefault();
-      }
-    };
-    this.focusOnFirstActiveOrFirstItem = () => {
-      this.getFocusableElement(this.items.find((item) => item.selected) || this.items[0]);
-    };
-    this.toggleOpenEnd = () => {
-      this.focusOnFirstActiveOrFirstItem();
-      this.el.removeEventListener("calciteDropdownOpen", this.toggleOpenEnd);
-    };
-    this.openCalciteDropdown = () => {
-      this.open = !this.open;
-      if (this.open) {
-        this.el.addEventListener("calciteDropdownOpen", this.toggleOpenEnd);
-      }
-    };
-    this.open = false;
-    this.closeOnSelectDisabled = false;
-    this.disabled = false;
-    this.flipPlacements = undefined;
-    this.maxItems = 0;
-    this.overlayPositioning = "absolute";
-    this.placement = floatingUi.defaultMenuPlacement;
-    this.scale = "m";
-    this.selectedItems = [];
-    this.type = "click";
-    this.width = undefined;
-  }
-  openHandler(value) {
-    if (!this.disabled) {
-      if (value) {
-        this.reposition(true);
-      }
-      return;
-    }
-    this.open = false;
-  }
-  handleDisabledChange(value) {
-    if (!value) {
-      this.open = false;
-    }
-  }
-  flipPlacementsHandler() {
-    this.setFilteredPlacements();
-    this.reposition(true);
-  }
-  maxItemsHandler() {
-    this.setMaxScrollerHeight();
-  }
-  overlayPositioningHandler() {
-    this.reposition(true);
-  }
-  placementHandler() {
-    this.reposition(true);
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Public Methods
-  //
-  //--------------------------------------------------------------------------
-  /** Sets focus on the component's first focusable element. */
-  async setFocus() {
-    await loadable.componentLoaded(this);
-    this.el.focus();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  connectedCallback() {
-    var _a;
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
-    this.setFilteredPlacements();
-    this.reposition(true);
-    if (this.open) {
-      this.openHandler(this.open);
-    }
-    openCloseComponent.connectOpenCloseComponent(this);
-  }
-  componentWillLoad() {
-    loadable.setUpLoadableComponent(this);
-  }
-  componentDidLoad() {
-    loadable.setComponentLoaded(this);
-    this.reposition(true);
-  }
-  componentDidRender() {
-    interactive.updateHostInteraction(this);
-  }
-  disconnectedCallback() {
-    var _a, _b;
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-    floatingUi.disconnectFloatingUI(this, this.referenceEl, this.floatingEl);
-    (_b = this.resizeObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
-    openCloseComponent.disconnectOpenCloseComponent(this);
-  }
-  render() {
-    const { open, guid } = this;
-    return (index.h(index.Host, null, index.h("div", { class: "calcite-trigger-container", id: `${guid}-menubutton`, onClick: this.openCalciteDropdown, onKeyDown: this.keyDownHandler,
-      // eslint-disable-next-line react/jsx-sort-props
-      ref: this.setReferenceEl }, index.h("slot", { "aria-controls": `${guid}-menu`, "aria-expanded": dom.toAriaBoolean(open), "aria-haspopup": "menu", name: SLOTS.dropdownTrigger, onSlotchange: this.updateTriggers })), index.h("div", { "aria-hidden": dom.toAriaBoolean(!open), class: "calcite-dropdown-wrapper",
-      // eslint-disable-next-line react/jsx-sort-props
-      ref: this.setFloatingEl }, index.h("div", { "aria-labelledby": `${guid}-menubutton`, class: {
-        ["calcite-dropdown-content"]: true,
-        [floatingUi.FloatingCSS.animation]: true,
-        [floatingUi.FloatingCSS.animationActive]: open
-      }, id: `${guid}-menu`, role: "menu",
-      // eslint-disable-next-line react/jsx-sort-props
-      ref: this.setScrollerAndTransitionEl }, index.h("slot", { onSlotchange: this.updateGroups })))));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Public Methods
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Updates the position of the component.
-   *
-   * @param delayed
-   */
-  async reposition(delayed = false) {
-    const { floatingEl, referenceEl, placement, overlayPositioning, filteredFlipPlacements } = this;
-    return floatingUi.reposition(this, {
-      floatingEl,
-      referenceEl,
-      overlayPositioning,
-      placement,
-      flipPlacements: filteredFlipPlacements,
-      type: "menu"
-    }, delayed);
-  }
-  closeCalciteDropdownOnClick(event) {
-    if (this.disabled ||
-      !dom.isPrimaryPointerButton(event) ||
-      !this.open ||
-      event.composedPath().includes(this.el)) {
-      return;
-    }
-    this.closeCalciteDropdown(false);
-  }
-  closeCalciteDropdownOnEvent(event) {
-    this.closeCalciteDropdown();
-    event.stopPropagation();
-  }
-  closeCalciteDropdownOnOpenEvent(event) {
-    if (event.composedPath().includes(this.el)) {
-      return;
-    }
-    this.open = false;
-  }
-  pointerEnterHandler() {
-    if (this.disabled || this.type !== "hover") {
-      return;
-    }
-    this.openCalciteDropdown();
-  }
-  pointerLeaveHandler() {
-    if (this.disabled || this.type !== "hover") {
-      return;
-    }
-    this.closeCalciteDropdown();
-  }
-  calciteInternalDropdownItemKeyEvent(event) {
-    const { keyboardEvent } = event.detail;
-    const target = keyboardEvent.target;
-    switch (keyboardEvent.key) {
-      case "Tab":
-        if (this.items.indexOf(target) === this.items.length - 1 && !keyboardEvent.shiftKey) {
-          this.closeCalciteDropdown();
-        }
-        else if (this.items.indexOf(target) === 0 && keyboardEvent.shiftKey) {
-          this.closeCalciteDropdown();
-        }
-        break;
-      case "ArrowDown":
-        dom.focusElementInGroup(this.items, target, "next");
-        break;
-      case "ArrowUp":
-        dom.focusElementInGroup(this.items, target, "previous");
-        break;
-      case "Home":
-        dom.focusElementInGroup(this.items, target, "first");
-        break;
-      case "End":
-        dom.focusElementInGroup(this.items, target, "last");
-        break;
-    }
-    event.stopPropagation();
-  }
-  handleItemSelect(event) {
-    this.updateSelectedItems();
-    event.stopPropagation();
-    this.calciteDropdownSelect.emit();
-    if (!this.closeOnSelectDisabled ||
-      event.detail.requestedDropdownGroup.selectionMode === "none") {
-      this.closeCalciteDropdown();
-    }
-    event.stopPropagation();
-  }
-  onBeforeOpen() {
-    this.calciteDropdownBeforeOpen.emit();
-  }
-  onOpen() {
-    this.calciteDropdownOpen.emit();
-  }
-  onBeforeClose() {
-    this.calciteDropdownBeforeClose.emit();
-  }
-  onClose() {
-    this.calciteDropdownClose.emit();
-  }
-  updateSelectedItems() {
-    this.selectedItems = this.items.filter((item) => item.selected);
-  }
-  getMaxScrollerHeight() {
-    const { maxItems, items } = this;
-    let itemsToProcess = 0;
-    let maxScrollerHeight = 0;
-    let groupHeaderHeight;
-    this.groups.forEach((group) => {
-      if (maxItems > 0 && itemsToProcess < maxItems) {
-        Array.from(group.children).forEach((item, index) => {
-          if (index === 0) {
-            if (isNaN(groupHeaderHeight)) {
-              groupHeaderHeight = item.offsetTop;
-            }
-            maxScrollerHeight += groupHeaderHeight;
-          }
-          if (itemsToProcess < maxItems) {
-            maxScrollerHeight += item.offsetHeight;
-            itemsToProcess += 1;
-          }
-        });
-      }
-    });
-    return items.length > maxItems ? maxScrollerHeight : 0;
-  }
-  closeCalciteDropdown(focusTrigger = true) {
-    this.open = false;
-    if (focusTrigger) {
-      dom.focusElement(this.triggers[0]);
-    }
-  }
-  getFocusableElement(item) {
-    if (!item) {
-      return;
-    }
-    const target = item.attributes.isLink
-      ? item.shadowRoot.querySelector("a")
-      : item;
-    dom.focusElement(target);
-  }
-  static get delegatesFocus() { return true; }
-  get el() { return index.getElement(this); }
-  static get watchers() { return {
-    "open": ["openHandler"],
-    "disabled": ["handleDisabledChange"],
-    "flipPlacements": ["flipPlacementsHandler"],
-    "maxItems": ["maxItemsHandler"],
-    "overlayPositioning": ["overlayPositioningHandler"],
-    "placement": ["placementHandler"]
-  }; }
-};
-Dropdown.style = dropdownCss;
-
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.2
- */
-const CSS$2 = {
-  containerSmall: "container--s",
-  containerMedium: "container--m",
-  containerLarge: "container--l"
-};
-
-const dropdownGroupCss = "@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-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 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-right{animation-name:in-right}.calcite-animate__in-left{animation-name:in-left}.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);--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown)}:host([hidden]){display:none}:host{position:relative;display:block}.container{text-align:start}.container--s{font-size:var(--calcite-font-size--2);line-height:1rem}.container--s .dropdown-title{padding:0.5rem}.container--m{font-size:var(--calcite-font-size--1);line-height:1rem}.container--m .dropdown-title{padding:0.75rem}.container--l{font-size:var(--calcite-font-size-0);line-height:1.25rem}.container--l .dropdown-title{padding:1rem}.dropdown-title{-webkit-margin-after:-1px;margin-block-end:-1px;display:block;cursor:default;overflow-wrap:break-word;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-2)}.dropdown-separator{display:block;block-size:1px;background-color:var(--calcite-ui-border-3)}";
-
-const DropdownGroup = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.calciteInternalDropdownItemChange = index.createEvent(this, "calciteInternalDropdownItemChange", 6);
-    this.groupTitle = undefined;
-    this.selectionMode = "single";
-    this.scale = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  componentWillLoad() {
-    this.groupPosition = this.getGroupPosition();
-  }
-  render() {
-    const scale = this.scale || dom.getElementProp(this.el, "scale", "m");
-    const groupTitle = this.groupTitle ? (index.h("span", { "aria-hidden": "true", class: "dropdown-title" }, this.groupTitle)) : null;
-    const dropdownSeparator = this.groupPosition > 0 ? index.h("div", { class: "dropdown-separator", role: "separator" }) : null;
-    return (index.h(index.Host, { "aria-label": this.groupTitle, role: "group" }, index.h("div", { class: {
-        container: true,
-        [CSS$2.containerSmall]: scale === "s",
-        [CSS$2.containerMedium]: scale === "m",
-        [CSS$2.containerLarge]: scale === "l"
-      }, title: this.groupTitle }, dropdownSeparator, groupTitle, index.h("slot", null))));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Event Listeners
-  //
-  //--------------------------------------------------------------------------
-  updateActiveItemOnChange(event) {
-    this.requestedDropdownGroup = event.detail.requestedDropdownGroup;
-    this.requestedDropdownItem = event.detail.requestedDropdownItem;
-    this.calciteInternalDropdownItemChange.emit({
-      requestedDropdownGroup: this.requestedDropdownGroup,
-      requestedDropdownItem: this.requestedDropdownItem
-    });
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  getGroupPosition() {
-    return Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-dropdown-group"), this.el);
-  }
-  static get delegatesFocus() { return true; }
-  get el() { return index.getElement(this); }
-};
-DropdownGroup.style = dropdownGroupCss;
-
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.2
- */
-const CSS$1 = {
-  containerLink: "container--link",
-  containerSmall: "container--s",
-  containerMedium: "container--m",
-  containerLarge: "container--l",
-  containerMulti: "container--multi-selection",
-  containerSingle: "container--single-selection",
-  containerNone: "container--none-selection",
-  icon: "dropdown-item-icon",
-  iconEnd: "dropdown-item-icon-end",
-  iconStart: "dropdown-item-icon-start",
-  itemContent: "dropdown-item-content",
-  link: "dropdown-link"
-};
-
-const dropdownItemCss = "@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-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 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-right{animation-name:in-right}.calcite-animate__in-left{animation-name:in-left}.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);--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown)}:host([hidden]){display:none}.container--s{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;-webkit-padding-end:0.5rem;padding-inline-end:0.5rem;-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}.container--m{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;-webkit-padding-end:0.75rem;padding-inline-end:0.75rem;-webkit-padding-start:2rem;padding-inline-start:2rem}.container--l{padding-block:0.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;-webkit-padding-end:1rem;padding-inline-end:1rem;-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}.container--s.container--none-selection{-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}.container--s.container--none-selection .dropdown-link{-webkit-padding-start:0px;padding-inline-start:0px}.container--m.container--none-selection{-webkit-padding-start:0.5rem;padding-inline-start:0.5rem}.container--m.container--none-selection .dropdown-link{-webkit-padding-start:0px;padding-inline-start:0px}.container--l.container--none-selection{-webkit-padding-start:0.75rem;padding-inline-start:0.75rem}.container--l.container--none-selection .dropdown-link{-webkit-padding-start:0px;padding-inline-start:0px}:host{position:relative;display:flex;flex-grow:1;align-items:center}.container{position:relative;display:flex;flex-grow:1;cursor:pointer;align-items:center;color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);text-align:start}.dropdown-item-content{flex:1 1 auto;padding-block:0.125rem;-webkit-padding-end:auto;padding-inline-end:auto;-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}:host,.container--link a{outline-color:transparent}:host(:focus){outline:2px solid transparent;outline-offset:2px;outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}.container--link{padding:0px}.container--link a{position:relative;display:flex;flex-grow:1;cursor:pointer;align-items:center;color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.container--s .dropdown-link{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;-webkit-padding-end:0.5rem;padding-inline-end:0.5rem;-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}.container--m .dropdown-link{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;-webkit-padding-end:0.75rem;padding-inline-end:0.75rem;-webkit-padding-start:2rem;padding-inline-start:2rem}.container--l .dropdown-link{padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;-webkit-padding-end:1rem;padding-inline-end:1rem;-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}:host(:hover) .container,:host(:active) .container{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1);-webkit-text-decoration-line:none;text-decoration-line:none}:host(:hover) .container--link .dropdown-link,:host(:active) .container--link .dropdown-link{color:var(--calcite-ui-text-1)}:host(:focus) .container{color:var(--calcite-ui-text-1);-webkit-text-decoration-line:none;text-decoration-line:none}:host(:active) .container{background-color:var(--calcite-ui-foreground-3)}:host(:hover) .container:before,:host(:active) .container:before,:host(:focus) .container:before{opacity:1}:host([selected]) .container:not(.container--none-selection),:host([selected]) .container--link .dropdown-link{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([selected]) .container:not(.container--none-selection):before,:host([selected]) .container--link .dropdown-link:before{opacity:1;color:var(--calcite-ui-brand)}:host([selected]) .container:not(.container--none-selection) calcite-icon,:host([selected]) .container--link .dropdown-link calcite-icon{color:var(--calcite-ui-brand)}.container--multi-selection:before,.container--none-selection:before{display:none}.container--s:before{inset-inline-start:0.5rem}.container--m:before{inset-inline-start:0.75rem}.container--l:before{inset-inline-start:1rem}.dropdown-item-icon{position:absolute;opacity:0;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:scale(0.9)}.container--s .dropdown-item-icon{inset-inline-start:0.25rem}.container--m .dropdown-item-icon{inset-inline-start:0.5rem}.container--l .dropdown-item-icon{inset-inline-start:0.75rem}:host(:hover) .dropdown-item-icon{color:var(--calcite-ui-border-1);opacity:1}:host([selected]) .dropdown-item-icon{color:var(--calcite-ui-brand);opacity:1}.container--s .dropdown-item-icon-start{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.container--s .dropdown-item-icon-end{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}.container--m .dropdown-item-icon-start{-webkit-margin-end:0.75rem;margin-inline-end:0.75rem;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.container--m .dropdown-item-icon-end{-webkit-margin-start:0.75rem;margin-inline-start:0.75rem}.container--l .dropdown-item-icon-start{-webkit-margin-end:1rem;margin-inline-end:1rem;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.container--l .dropdown-item-icon-end{-webkit-margin-start:1rem;margin-inline-start:1rem}";
-
-const DropdownItem = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.calciteDropdownItemSelect = index.createEvent(this, "calciteDropdownItemSelect", 6);
-    this.calciteInternalDropdownItemSelect = index.createEvent(this, "calciteInternalDropdownItemSelect", 6);
-    this.calciteInternalDropdownItemKeyEvent = index.createEvent(this, "calciteInternalDropdownItemKeyEvent", 6);
-    this.calciteInternalDropdownCloseRequest = index.createEvent(this, "calciteInternalDropdownCloseRequest", 6);
-    /** Specifies the scale of dropdown-item controlled by the parent, defaults to m */
-    this.scale = "m";
-    this.selected = false;
-    this.iconFlipRtl = undefined;
-    this.iconStart = undefined;
-    this.iconEnd = undefined;
-    this.href = undefined;
-    this.label = undefined;
-    this.rel = undefined;
-    this.target = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Public Methods
-  //
-  //--------------------------------------------------------------------------
-  /** Sets focus on the component. */
-  async setFocus() {
-    var _a;
-    await loadable.componentLoaded(this);
-    (_a = this.el) === null || _a === void 0 ? void 0 : _a.focus();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  componentWillLoad() {
-    loadable.setUpLoadableComponent(this);
-    this.initialize();
-  }
-  componentDidLoad() {
-    loadable.setComponentLoaded(this);
-  }
-  connectedCallback() {
-    this.initialize();
-  }
-  render() {
-    const scale = dom.getElementProp(this.el, "scale", this.scale);
-    const iconStartEl = (index.h("calcite-icon", { class: CSS$1.iconStart, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: scale === "l" ? "m" : "s" }));
-    const contentNode = (index.h("span", { class: CSS$1.itemContent }, index.h("slot", null)));
-    const iconEndEl = (index.h("calcite-icon", { class: CSS$1.iconEnd, flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: scale === "l" ? "m" : "s" }));
-    const slottedContent = this.iconStart && this.iconEnd
-      ? [iconStartEl, contentNode, iconEndEl]
-      : this.iconStart
-        ? [iconStartEl, contentNode]
-        : this.iconEnd
-          ? [contentNode, iconEndEl]
-          : contentNode;
-    const contentEl = !this.href ? (slottedContent) : (index.h("a", { "aria-label": this.label, class: CSS$1.link, href: this.href, rel: this.rel, tabIndex: -1, target: this.target,
-      // eslint-disable-next-line react/jsx-sort-props
-      ref: (el) => (this.childLink = el) }, slottedContent));
-    const itemRole = this.href
-      ? null
-      : this.selectionMode === "single"
-        ? "menuitemradio"
-        : this.selectionMode === "multiple"
-          ? "menuitemcheckbox"
-          : "menuitem";
-    const itemAria = this.selectionMode !== "none" ? dom.toAriaBoolean(this.selected) : null;
-    return (index.h(index.Host, { "aria-checked": itemAria, role: itemRole, tabindex: "0" }, index.h("div", { class: {
-        container: true,
-        [CSS$1.containerLink]: !!this.href,
-        [CSS$1.containerSmall]: scale === "s",
-        [CSS$1.containerMedium]: scale === "m",
-        [CSS$1.containerLarge]: scale === "l",
-        [CSS$1.containerMulti]: this.selectionMode === "multiple",
-        [CSS$1.containerSingle]: this.selectionMode === "single",
-        [CSS$1.containerNone]: this.selectionMode === "none"
-      } }, this.selectionMode !== "none" ? (index.h("calcite-icon", { class: CSS$1.icon, icon: this.selectionMode === "multiple" ? "check" : "bullet-point", scale: scale === "l" ? "m" : "s" })) : null, contentEl)));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Event Listeners
-  //
-  //--------------------------------------------------------------------------
-  onClick() {
-    this.emitRequestedItem();
-  }
-  keyDownHandler(event) {
-    switch (event.key) {
-      case " ":
-      case "Enter":
-        this.emitRequestedItem();
-        if (this.href) {
-          this.childLink.click();
-        }
-        event.preventDefault();
-        break;
-      case "Escape":
-        this.calciteInternalDropdownCloseRequest.emit();
-        event.preventDefault();
-        break;
-      case "Tab":
-        this.calciteInternalDropdownItemKeyEvent.emit({ keyboardEvent: event });
-        break;
-      case "ArrowUp":
-      case "ArrowDown":
-      case "Home":
-      case "End":
-        event.preventDefault();
-        this.calciteInternalDropdownItemKeyEvent.emit({ keyboardEvent: event });
-        break;
-    }
-  }
-  updateActiveItemOnChange(event) {
-    const parentEmittedChange = event.composedPath().includes(this.parentDropdownGroupEl);
-    if (parentEmittedChange) {
-      this.requestedDropdownGroup = event.detail.requestedDropdownGroup;
-      this.requestedDropdownItem = event.detail.requestedDropdownItem;
-      this.determineActiveItem();
-    }
-    event.stopPropagation();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  initialize() {
-    this.selectionMode = dom.getElementProp(this.el, "selection-mode", "single");
-    this.parentDropdownGroupEl = this.el.closest("calcite-dropdown-group");
-    if (this.selectionMode === "none") {
-      this.selected = false;
-    }
-  }
-  determineActiveItem() {
-    switch (this.selectionMode) {
-      case "multiple":
-        if (this.el === this.requestedDropdownItem) {
-          this.selected = !this.selected;
-        }
-        break;
-      case "single":
-        if (this.el === this.requestedDropdownItem) {
-          this.selected = true;
-        }
-        else if (this.requestedDropdownGroup === this.parentDropdownGroupEl) {
-          this.selected = false;
-        }
-        break;
-      case "none":
-        this.selected = false;
-        break;
-    }
-  }
-  emitRequestedItem() {
-    this.calciteDropdownItemSelect.emit();
-    this.calciteInternalDropdownItemSelect.emit({
-      requestedDropdownItem: this.el,
-      requestedDropdownGroup: this.parentDropdownGroupEl
-    });
-  }
-  get el() { return index.getElement(this); }
-};
-DropdownItem.style = dropdownItemCss;
-
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.2
- */
-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-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 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-right{animation-name:in-right}.calcite-animate__in-left{animation-name:in-left}.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);--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown)}:host([hidden]){display:none}:host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}: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([kind=brand]){--calcite-split-button-background:var(--calcite-ui-brand);--calcite-split-button-divider:var(--calcite-ui-foreground-1)}:host:host([kind=danger]){--calcite-split-button-background:var(--calcite-ui-danger);--calcite-split-button-divider:var(--calcite-ui-foreground-1)}:host:host([kind=neutral]){--calcite-split-button-background:var(--calcite-ui-foreground-3);--calcite-split-button-divider:var(--calcite-ui-text-1)}:host:host([kind=inverse]){--calcite-split-button-background:var(--calcite-ui-inverse);--calcite-split-button-divider:var(--calcite-ui-foreground-1)}:host([appearance=transparent]):host([kind=brand]){--calcite-split-button-divider:var(--calcite-ui-brand)}:host([appearance=transparent]):host([kind=danger]){--calcite-split-button-divider:var(--calcite-ui-danger)}:host([appearance=transparent]):host([kind=neutral]){--calcite-split-button-divider:var(--calcite-ui-text-1)}:host([appearance=transparent]):host([kind=inverse]){--calcite-split-button-divider:var(--calcite-ui-foreground-1);--calcite-split-button-background:transparent}:host([appearance=outline]),:host([appearance=transparent]){--calcite-split-button-background:transparent}:host([appearance=outline-fill]){--calcite-split-button-background:var(--calcite-ui-foreground-1)}:host([appearance=outline]):host([kind=brand]),:host([appearance=outline-fill]):host([kind=brand]){--calcite-split-button-divider:var(--calcite-ui-brand)}:host([appearance=outline]):host([kind=danger]),:host([appearance=outline-fill]):host([kind=danger]){--calcite-split-button-divider:var(--calcite-ui-danger)}:host([appearance=outline]):host([kind=neutral]),:host([appearance=outline-fill]):host([kind=neutral]){--calcite-split-button-divider:var(--calcite-ui-foreground-3)}:host([appearance=outline]):host([kind=inverse]),:host([appearance=outline-fill]):host([kind=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-fill]) .split-button__divider-container,:host([appearance=outline]) .split-button__divider-container{border-block:1px solid var(--calcite-split-button-divider)}:host([appearance=outline-fill]):hover .split-button__divider-container,:host([appearance=outline]):hover .split-button__divider-container{background-color:var(--calcite-split-button-divider)}:host([appearance=outline-fill]:hover) .split-button__divider-container,:host([appearance=outline]:hover) .split-button__divider-container{background-color:var(--calcite-split-button-divider)}:host([appearance=outline-fill]:focus-within):host([kind=brand]),:host([appearance=outline]:focus-within):host([kind=brand]){--calcite-split-button-divider:var(--calcite-ui-brand-press)}:host([appearance=outline-fill]:focus-within):host([kind=danger]),:host([appearance=outline]:focus-within):host([kind=danger]){--calcite-split-button-divider:var(--calcite-ui-danger-press)}:host([appearance=outline-fill]:focus-within) .split-button__divider-container,:host([appearance=outline]: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 = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.calciteSplitButtonPrimaryClick = index.createEvent(this, "calciteSplitButtonPrimaryClick", 6);
-    this.calciteSplitButtonSecondaryClick = index.createEvent(this, "calciteSplitButtonSecondaryClick", 6);
-    this.calciteSplitButtonPrimaryClickHandler = () => this.calciteSplitButtonPrimaryClick.emit();
-    this.calciteSplitButtonSecondaryClickHandler = () => this.calciteSplitButtonSecondaryClick.emit();
-    this.appearance = "solid";
-    this.kind = "brand";
-    this.disabled = false;
-    this.active = false;
-    this.dropdownIconType = "chevron";
-    this.dropdownLabel = undefined;
-    this.loading = false;
-    this.overlayPositioning = "absolute";
-    this.primaryIconEnd = undefined;
-    this.primaryIconFlipRtl = undefined;
-    this.primaryIconStart = undefined;
-    this.primaryLabel = undefined;
-    this.primaryText = undefined;
-    this.scale = "m";
-    this.width = "auto";
-  }
-  handleDisabledChange(value) {
-    if (!value) {
-      this.active = false;
-    }
-  }
-  activeHandler() {
-    if (this.disabled) {
-      this.active = false;
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Public Methods
-  //
-  //--------------------------------------------------------------------------
-  /** Sets focus on the component's first focusable element. */
-  async setFocus() {
-    await loadable.componentLoaded(this);
-    this.el.focus();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  componentWillLoad() {
-    loadable.setUpLoadableComponent(this);
-  }
-  componentDidLoad() {
-    loadable.setComponentLoaded(this);
-  }
-  componentDidRender() {
-    interactive.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 (index.h("div", { class: widthClasses }, index.h("calcite-button", { appearance: this.appearance, disabled: this.disabled, "icon-end": this.primaryIconEnd ? this.primaryIconEnd : null, "icon-start": this.primaryIconStart ? this.primaryIconStart : null, iconFlipRtl: this.primaryIconFlipRtl ? this.primaryIconFlipRtl : null, kind: this.kind, label: this.primaryLabel, loading: this.loading, onClick: this.calciteSplitButtonPrimaryClickHandler, scale: this.scale, splitChild: "primary", type: "button", width: buttonWidth }, this.primaryText), index.h("div", { class: CSS.dividerContainer }, index.h("div", { class: CSS.divider })), index.h("calcite-dropdown", { disabled: this.disabled, onClick: this.calciteSplitButtonSecondaryClickHandler, open: this.active, overlayPositioning: this.overlayPositioning, placement: "bottom-end", scale: this.scale, width: this.scale }, index.h("calcite-button", { appearance: this.appearance, disabled: this.disabled, "icon-start": this.dropdownIcon, kind: this.kind, label: this.dropdownLabel, scale: this.scale, slot: "trigger", splitChild: "secondary", type: "button" }), index.h("slot", null))));
-  }
-  get dropdownIcon() {
-    return this.dropdownIconType === "chevron"
-      ? "chevronDown"
-      : this.dropdownIconType === "caret"
-        ? "caretDown"
-        : this.dropdownIconType === "ellipsis"
-          ? "ellipsis"
-          : "handle-vertical";
-  }
-  static get delegatesFocus() { return true; }
-  get el() { return index.getElement(this); }
-  static get watchers() { return {
-    "disabled": ["handleDisabledChange"],
-    "active": ["activeHandler"]
-  }; }
-};
-SplitButton.style = splitButtonCss;
-
-const editRecordModalCss = ":host{display:block}.padding-bottom-1{padding-bottom:1rem}.font-bold{font-weight:var(--calcite-font-weight-bold)}.font-500{font-weight:var(--calcite-font-weight-medium)}.font-italic{font-style:italic}";
-
-const EditRecordModal = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.open = false;
-    this._translations = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Properties (protected)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Events (public)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (lifecycle)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * StencilJS: Called once just after the component is first connected to the DOM.
-   *
-   * @returns Promise when complete
-   */
-  async componentWillLoad() {
-    await this._getTranslations();
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    return (index.h(index.Host, null, index.h("div", null, index.h("calcite-modal", { open: this.open, width: "s" }, index.h("div", { class: "font-500", slot: "header" }, this._translations.editMultiple), index.h("div", { slot: "content" }, index.h("calcite-label", { class: "font-italic" }, this._translations.infoMessage), this._getFieldInputs()), index.h("calcite-button", { appearance: "outline", onClick: () => this._cancel(), slot: "secondary", width: "full" }, this._translations.cancel), index.h("calcite-button", { appearance: "solid", onClick: () => this._save(), slot: "primary", width: "full" }, this._translations.save)))));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  _getFieldInputs() {
-    // TODO don't follow what these are so just hard-coding for now
-    const labels = [
-      this._translations.label,
-      this._translations.label,
-      this._translations.label,
-      this._translations.label,
-      this._translations.label
-    ];
-    return labels.map(label => {
-      return (index.h("div", { class: "padding-bottom-1" }, index.h("calcite-label", { class: "font-bold" }, label, index.h("calcite-input", { placeholder: this._translations.textField, type: "text" }))));
-    });
-  }
-  _cancel() {
-    this.open = false;
-  }
-  _save() {
-    this.open = false;
-  }
-  /**
-   * Fetches the component's translations
-   *
-   * @returns Promise when complete
-   * @protected
-   */
-  async _getTranslations() {
-    const messages = await locale.getLocaleComponentStrings(this.el);
-    this._translations = messages[0];
-  }
-  get el() { return index.getElement(this); }
-};
-EditRecordModal.style = editRecordModalCss;
-
-exports.calcite_dropdown = Dropdown;
-exports.calcite_dropdown_group = DropdownGroup;
-exports.calcite_dropdown_item = DropdownItem;
-exports.calcite_split_button = SplitButton;
-exports.edit_record_modal = EditRecordModal;