@esri/solutions-components 0.7.0 → 0.7.1

package/dist/assets/t9n/config-buffer-tools/resources.json

@@ -1,12 +0,0 @@
-{
-  "defaultBufferDistance": "Default distance",
-  "defaultUnit": "Default unit",
-  "units": {
-    "feet": "Feet",
-    "yards": "Yards",
-    "meters": "Meters",
-    "kilometers": "Kilometers",
-    "miles": "Miles"
-  },
-  "showSearchDistance": "Show buffer options"
-}

package/dist/assets/t9n/config-buffer-tools/resources_en.json

@@ -1,12 +0,0 @@
-{
-  "defaultBufferDistance": "Default distance",
-  "defaultUnit": "Default unit",
-  "units": {
-    "feet": "Feet",
-    "yards": "Yards",
-    "meters": "Meters",
-    "kilometers": "Kilometers",
-    "miles": "Miles"
-  },
-  "showSearchDistance": "Show buffer options"
-}

package/dist/assets/t9n/config-draw-tools/resources.json

@@ -1,10 +0,0 @@
-{
-  "drawTools": "Drawing tools",
-  "types": {
-    "point": "Point",
-    "line": "Line",
-    "polygon": "Polygon",
-    "rectangle": "Rectangle",
-    "freehandPolygon": "Freehand Polygon"
-  }
-}

package/dist/assets/t9n/config-draw-tools/resources_en.json

@@ -1,10 +0,0 @@
-{
-  "drawTools": "Drawing tools",
-  "types": {
-    "point": "Point",
-    "line": "Line",
-    "polygon": "Polygon",
-    "rectangle": "Rectangle",
-    "freehandPolygon": "Freehand Polygon"
-  }
-}

package/dist/assets/t9n/config-layer-picker/resources.json

@@ -1,3 +0,0 @@
-{
-  "chooseLayer": "Choose layers"
-}

package/dist/assets/t9n/config-layer-picker/resources_en.json

@@ -1,3 +0,0 @@
-{
-  "chooseLayer": "Choose layers"
-}

package/dist/assets/t9n/config-pdf-download/resources.json

@@ -1,6 +0,0 @@
-{
-  "availableLabelFormats": "Available label formats",
-  "csvOptions": "CSV options",
-  "csvColumnTitle": "Add column title",
-  "pdfLabel": "{{n}} per page | {{labelSize}}"
-}

package/dist/assets/t9n/config-pdf-download/resources_en.json

@@ -1,6 +0,0 @@
-{
-  "availableLabelFormats": "Available label formats",
-  "csvOptions": "CSV options",
-  "csvColumnTitle": "Add column title",
-  "pdfLabel": "{{n}} per page | {{labelSize}}"
-}

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

@@ -1,80 +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-2d5760f2.js');
-const guid = require('./guid-5ef151a6.js');
-
-const loaderCss = "@charset \"UTF-8\";@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:host{position:relative;margin-inline:auto;display:none;align-items:center;justify-content:center;opacity:1;min-block-size:var(--calcite-loader-size);font-size:var(--calcite-loader-font-size);stroke:var(--calcite-ui-brand);stroke-width:3;fill:none;transform:scale(1, 1);animation:loader-color-shift calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 2 / var(--calcite-internal-duration-factor)) alternate-reverse infinite linear;padding-block:var(--calcite-loader-padding, 4rem)}:host([scale=s]){--calcite-loader-font-size:var(--calcite-font-size--2);--calcite-loader-size:2rem;--calcite-loader-size-inline:0.75rem}:host([scale=m]){--calcite-loader-font-size:var(--calcite-font-size-0);--calcite-loader-size:4rem;--calcite-loader-size-inline:1rem}:host([scale=l]){--calcite-loader-font-size:var(--calcite-font-size-2);--calcite-loader-size:6rem;--calcite-loader-size-inline:1.5rem}:host([no-padding]){padding-block:0px}:host{display:flex}.loader__text{display:block;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-ui-text-1);margin-block-start:calc(var(--calcite-loader-size) + 1.5rem)}.loader__percentage{position:absolute;display:block;text-align:center;color:var(--calcite-ui-text-1);font-size:var(--calcite-loader-font-size);inline-size:var(--calcite-loader-size);inset-inline-start:50%;margin-inline-start:calc(var(--calcite-loader-size) / 2 * -1);line-height:0.25;transform:scale(1, 1)}.loader__svgs{position:absolute;overflow:visible;opacity:1;inline-size:var(--calcite-loader-size);block-size:var(--calcite-loader-size);inset-inline-start:50%;margin-inline-start:calc(var(--calcite-loader-size) / 2 * -1);animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 6.66 / var(--calcite-internal-duration-factor));animation-name:loader-clockwise}.loader__svg{position:absolute;inset-block-start:0px;transform-origin:center;overflow:visible;inset-inline-start:0;inline-size:var(--calcite-loader-size);block-size:var(--calcite-loader-size);animation-iteration-count:infinite;animation-timing-function:linear}@supports (display: grid){.loader__svg--1{animation-name:loader-offset-1}.loader__svg--2{animation-name:loader-offset-2}.loader__svg--3{animation-name:loader-offset-3}}:host([type=determinate]){animation:none;stroke:var(--calcite-ui-border-3)}:host([type=determinate]) .loader__svgs{animation:none}:host([type=determinate]) .loader__svg--3{animation:none;stroke:var(--calcite-ui-brand);stroke-dasharray:150.79632;transform:rotate(-90deg);transition:all var(--calcite-internal-animation-timing-fast) linear}:host([inline]){position:relative;margin:0px;animation:none;stroke:currentColor;stroke-width:2;padding-block:0px;block-size:var(--calcite-loader-size-inline);min-block-size:var(--calcite-loader-size-inline);inline-size:var(--calcite-loader-size-inline);margin-inline-end:calc(var(--calcite-loader-size-inline) * 0.5);vertical-align:calc(var(--calcite-loader-size-inline) * -1 * 0.2)}:host([inline]) .loader__svgs{inset-block-start:0px;margin:0px;inset-inline-start:0;inline-size:var(--calcite-loader-size-inline);block-size:var(--calcite-loader-size-inline)}:host([inline]) .loader__svg{inline-size:var(--calcite-loader-size-inline);block-size:var(--calcite-loader-size-inline)}:host([complete]){opacity:0;transform:scale(0.75, 0.75);transform-origin:center;transition:opacity var(--calcite-internal-animation-timing-medium) linear 1000ms, transform var(--calcite-internal-animation-timing-medium) linear 1000ms}:host([complete]) .loader__svgs{opacity:0;transform:scale(0.75, 0.75);transform-origin:center;transition:opacity calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms, transform calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms}:host([complete]) .loader__percentage{color:var(--calcite-ui-brand);transform:scale(1.05, 1.05);transform-origin:center;transition:color var(--calcite-internal-animation-timing-medium) linear, transform var(--calcite-internal-animation-timing-medium) linear}.loader__svg--1{stroke-dasharray:27.9252444444 139.6262222222;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 4.8 / var(--calcite-internal-duration-factor))}@keyframes loader-offset-1{0%{stroke-dasharray:27.9252444444 251.3272;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222 139.6262222222;stroke-dashoffset:-83.7757333333}100%{stroke-dasharray:27.9252444444 251.3272;stroke-dashoffset:-279.2524444444}}.loader__svg--2{stroke-dasharray:55.8504888889 139.6262222222;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 6.4 / var(--calcite-internal-duration-factor))}@keyframes loader-offset-2{0%{stroke-dasharray:55.8504888889 223.4019555556;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222 139.6262222222;stroke-dashoffset:-97.7383555556}100%{stroke-dasharray:55.8504888889 223.4019555556;stroke-dashoffset:-279.2524444444}}.loader__svg--3{stroke-dasharray:13.9626222222 139.6262222222;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 7.734 / var(--calcite-internal-duration-factor))}@keyframes loader-offset-3{0%{stroke-dasharray:13.9626222222 265.2898222222;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222 139.6262222222;stroke-dashoffset:-76.7944222222}100%{stroke-dasharray:13.9626222222 265.2898222222;stroke-dashoffset:-279.2524444444}}@keyframes loader-color-shift{0%{stroke:var(--calcite-ui-brand)}33%{stroke:var(--calcite-ui-brand-press)}66%{stroke:var(--calcite-ui-brand-hover)}100%{stroke:var(--calcite-ui-brand)}}@keyframes loader-clockwise{100%{transform:rotate(360deg)}}:host([hidden]){display:none}[hidden]{display:none}";
-
-const Loader = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.inline = false;
-    this.label = undefined;
-    this.scale = "m";
-    this.type = undefined;
-    this.value = 0;
-    this.text = "";
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  render() {
-    const { el, inline, label, scale, text, type, value } = this;
-    const id = el.id || guid.guid();
-    const radiusRatio = 0.45;
-    const size = inline ? this.getInlineSize(scale) : this.getSize(scale);
-    const radius = size * radiusRatio;
-    const viewbox = `0 0 ${size} ${size}`;
-    const isDeterminate = type === "determinate";
-    const circumference = 2 * radius * Math.PI;
-    const progress = (value / 100) * circumference;
-    const remaining = circumference - progress;
-    const valueNow = Math.floor(value);
-    const hostAttributes = {
-      "aria-valuenow": valueNow,
-      "aria-valuemin": 0,
-      "aria-valuemax": 100,
-      complete: valueNow === 100,
-    };
-    const svgAttributes = { r: radius, cx: size / 2, cy: size / 2 };
-    const determinateStyle = { "stroke-dasharray": `${progress} ${remaining}` };
-    return (index.h(index.Host, Object.assign({ "aria-label": label, id: id, role: "progressbar" }, (isDeterminate ? hostAttributes : {})), index.h("div", { class: "loader__svgs" }, index.h("svg", { "aria-hidden": "true", class: "loader__svg loader__svg--1", viewBox: viewbox }, index.h("circle", Object.assign({}, svgAttributes))), index.h("svg", { "aria-hidden": "true", class: "loader__svg loader__svg--2", viewBox: viewbox }, index.h("circle", Object.assign({}, svgAttributes))), index.h("svg", Object.assign({ "aria-hidden": "true", class: "loader__svg loader__svg--3", viewBox: viewbox }, (isDeterminate ? { style: determinateStyle } : {})), index.h("circle", Object.assign({}, svgAttributes)))), text && index.h("div", { class: "loader__text" }, text), isDeterminate && index.h("div", { class: "loader__percentage" }, value)));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Return the proper sizes based on the scale property
-   *
-   * @param scale
-   */
-  getSize(scale) {
-    return {
-      s: 32,
-      m: 56,
-      l: 80,
-    }[scale];
-  }
-  getInlineSize(scale) {
-    return {
-      s: 12,
-      m: 16,
-      l: 20,
-    }[scale];
-  }
-  get el() { return index.getElement(this); }
-};
-Loader.style = loaderCss;
-
-exports.calcite_loader = Loader;

package/dist/components/list-item2.js

@@ -1,460 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { j as slotChangeHasAssignedElement, g as getElementDir, t as toAriaBoolean } from './dom.js';
-import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive } from './interactive.js';
-import { a as getDepth, C as CSS, I as ICONS, S as SLOTS, g as getListItemChildren, u as updateListItemChildren } from './utils3.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale2.js';
-import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable.js';
-import { d as defineCustomElement$4 } from './action.js';
-import { d as defineCustomElement$3 } from './handle.js';
-import { d as defineCustomElement$2 } from './icon.js';
-import { d as defineCustomElement$1 } from './loader.js';
-
-const listItemCss = ":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:flex;flex-direction:column;--calcite-list-item-icon-color:var(--calcite-ui-brand);--calcite-list-item-spacing-indent:1rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.container{box-sizing:border-box;display:flex;flex:1 1 0%;background-color:var(--calcite-ui-foreground-1);font-family:var(--calcite-sans-family);padding-inline-start:calc(var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier))}.container *{box-sizing:border-box}.container:hover{cursor:pointer;background-color:var(--calcite-ui-foreground-2)}.container--border-selected{border-inline-start:4px solid var(--calcite-ui-brand)}.container--border-unselected{border-inline-start:4px solid transparent}.nested-container{display:flex;flex-direction:column;background-color:var(--calcite-ui-foreground-1)}.nested-container--hidden{display:none}.content-container{display:flex;flex:1 1 auto;align-items:stretch;padding:0px;font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2)}tr,td{outline-color:transparent}tr:focus,td:focus{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          )}.content,.custom-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;padding-inline:0.75rem;padding-block:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375}.label,.description{font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);word-wrap:break-word;word-break:break-word}.label:only-child,.description:only-child{margin:0px;padding-block:0.25rem}.label{color:var(--calcite-ui-text-1)}.description{margin-block-start:0.125rem;color:var(--calcite-ui-text-3)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:1 1 auto}.content-container--has-center-content .content-start,.content-container--has-center-content .content-end{flex:0 1 auto}.selection-container{display:flex;padding-inline:0.75rem;color:var(--calcite-list-item-icon-color)}.actions-start,.actions-end,.content-start,.content-end,.selection-container,.drag-container,.open-container{display:flex;align-items:center}.open-container,.selection-container{cursor:pointer}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:0.75rem;align-self:center}.actions-start ::slotted(calcite-action),.actions-end ::slotted(calcite-action){align-self:stretch;color:inherit}::slotted(calcite-list-item){border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}:host([hidden]){display:none}[hidden]{display:none}";
-
-const focusMap = new Map();
-const listSelector = "calcite-list";
-const ListItem = /*@__PURE__*/ proxyCustomElement(class ListItem extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.calciteListItemSelect = createEvent(this, "calciteListItemSelect", 6);
-    this.calciteListItemClose = createEvent(this, "calciteListItemClose", 6);
-    this.calciteInternalListItemSelect = createEvent(this, "calciteInternalListItemSelect", 6);
-    this.calciteInternalListItemActive = createEvent(this, "calciteInternalListItemActive", 6);
-    this.calciteInternalFocusPreviousItem = createEvent(this, "calciteInternalFocusPreviousItem", 6);
-    this.calciteInternalListItemChange = createEvent(this, "calciteInternalListItemChange", 6);
-    this.closeClickHandler = () => {
-      this.closed = true;
-      this.calciteListItemClose.emit();
-    };
-    this.handleContentSlotChange = (event) => {
-      this.hasCustomContent = slotChangeHasAssignedElement(event);
-    };
-    this.handleActionsStartSlotChange = (event) => {
-      this.hasActionsStart = slotChangeHasAssignedElement(event);
-    };
-    this.handleActionsEndSlotChange = (event) => {
-      this.hasActionsEnd = slotChangeHasAssignedElement(event);
-    };
-    this.handleContentStartSlotChange = (event) => {
-      this.hasContentStart = slotChangeHasAssignedElement(event);
-    };
-    this.handleContentEndSlotChange = (event) => {
-      this.hasContentEnd = slotChangeHasAssignedElement(event);
-    };
-    this.handleDefaultSlotChange = (event) => {
-      this.handleOpenableChange(event.target);
-    };
-    this.toggleOpen = () => {
-      this.open = !this.open;
-    };
-    this.itemClicked = (event) => {
-      if (event.defaultPrevented) {
-        return;
-      }
-      this.toggleSelected();
-      this.calciteInternalListItemActive.emit();
-    };
-    this.toggleSelected = () => {
-      const { selectionMode, selected } = this;
-      if (this.disabled) {
-        return;
-      }
-      if (selectionMode === "multiple" || selectionMode === "single") {
-        this.selected = !selected;
-      }
-      else if (selectionMode === "single-persist") {
-        this.selected = true;
-      }
-      this.calciteListItemSelect.emit();
-    };
-    this.handleItemKeyDown = (event) => {
-      if (event.defaultPrevented) {
-        return;
-      }
-      const { key } = event;
-      const composedPath = event.composedPath();
-      const { containerEl, contentEl, actionsStartEl, actionsEndEl, open, openable } = this;
-      const cells = [actionsStartEl, contentEl, actionsEndEl].filter(Boolean);
-      const currentIndex = cells.findIndex((cell) => composedPath.includes(cell));
-      if (key === "Enter" &&
-        !composedPath.includes(actionsStartEl) &&
-        !composedPath.includes(actionsEndEl)) {
-        event.preventDefault();
-        this.toggleSelected();
-      }
-      else if (key === "ArrowRight") {
-        event.preventDefault();
-        const nextIndex = currentIndex + 1;
-        if (currentIndex === -1) {
-          if (!open && openable) {
-            this.open = true;
-            this.focusCell(null);
-          }
-          else if (cells[0]) {
-            this.focusCell(cells[0]);
-          }
-        }
-        else if (cells[currentIndex] && cells[nextIndex]) {
-          this.focusCell(cells[nextIndex]);
-        }
-      }
-      else if (key === "ArrowLeft") {
-        event.preventDefault();
-        const prevIndex = currentIndex - 1;
-        if (currentIndex === -1) {
-          this.focusCell(null);
-          if (open && openable) {
-            this.open = false;
-          }
-          else {
-            this.calciteInternalFocusPreviousItem.emit();
-          }
-        }
-        else if (currentIndex === 0) {
-          this.focusCell(null);
-          containerEl.focus();
-        }
-        else if (cells[currentIndex] && cells[prevIndex]) {
-          this.focusCell(cells[prevIndex]);
-        }
-      }
-    };
-    this.focusCellNull = () => {
-      this.focusCell(null);
-    };
-    this.focusCell = (focusEl, saveFocusIndex = true) => {
-      const { contentEl, actionsStartEl, actionsEndEl, parentListEl } = this;
-      if (saveFocusIndex) {
-        focusMap.set(parentListEl, null);
-      }
-      [actionsStartEl, contentEl, actionsEndEl].filter(Boolean).forEach((tableCell, cellIndex) => {
-        const tabIndexAttr = "tabindex";
-        if (tableCell === focusEl) {
-          tableCell.setAttribute(tabIndexAttr, "0");
-          saveFocusIndex && focusMap.set(parentListEl, cellIndex);
-        }
-        else {
-          tableCell.removeAttribute(tabIndexAttr);
-        }
-      });
-      focusEl === null || focusEl === void 0 ? void 0 : focusEl.focus();
-    };
-    this.active = false;
-    this.closable = false;
-    this.closed = false;
-    this.description = undefined;
-    this.disabled = false;
-    this.dragHandle = false;
-    this.label = undefined;
-    this.metadata = undefined;
-    this.open = false;
-    this.setSize = null;
-    this.setPosition = null;
-    this.selected = false;
-    this.value = undefined;
-    this.selectionMode = null;
-    this.selectionAppearance = null;
-    this.messageOverrides = undefined;
-    this.messages = undefined;
-    this.effectiveLocale = "";
-    this.defaultMessages = undefined;
-    this.level = null;
-    this.visualLevel = null;
-    this.parentListEl = undefined;
-    this.openable = false;
-    this.hasActionsStart = false;
-    this.hasActionsEnd = false;
-    this.hasCustomContent = false;
-    this.hasContentStart = false;
-    this.hasContentEnd = false;
-  }
-  activeHandler(active) {
-    if (!active) {
-      this.focusCell(null, false);
-    }
-  }
-  handleClosedChange() {
-    this.emitCalciteInternalListItemChange();
-  }
-  handleDisabledChange() {
-    this.emitCalciteInternalListItemChange();
-  }
-  handleSelectedChange() {
-    this.calciteInternalListItemSelect.emit();
-  }
-  onMessagesChange() {
-    /* wired up by t9n util */
-  }
-  handleCalciteInternalListDefaultSlotChanges(event) {
-    event.stopPropagation();
-    this.handleOpenableChange(this.defaultSlotEl);
-  }
-  effectiveLocaleChange() {
-    updateMessages(this, this.effectiveLocale);
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  // --------------------------------------------------------------------------
-  connectedCallback() {
-    connectInteractive(this);
-    connectLocalized(this);
-    connectMessages(this);
-    const { el } = this;
-    this.parentListEl = el.closest(listSelector);
-    this.level = getDepth(el) + 1;
-    this.visualLevel = getDepth(el, true);
-    this.setSelectionDefaults();
-  }
-  async componentWillLoad() {
-    setUpLoadableComponent(this);
-    await setUpMessages(this);
-  }
-  componentDidLoad() {
-    setComponentLoaded(this);
-  }
-  componentDidRender() {
-    updateHostInteraction(this, "managed");
-  }
-  disconnectedCallback() {
-    disconnectInteractive(this);
-    disconnectLocalized(this);
-    disconnectMessages(this);
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Public Methods
-  //
-  // --------------------------------------------------------------------------
-  /** Sets focus on the component. */
-  async setFocus() {
-    await componentFocusable(this);
-    const { containerEl, contentEl, actionsStartEl, actionsEndEl, parentListEl } = this;
-    const focusIndex = focusMap.get(parentListEl);
-    if (typeof focusIndex === "number") {
-      const cells = [actionsStartEl, contentEl, actionsEndEl].filter(Boolean);
-      if (cells[focusIndex]) {
-        this.focusCell(cells[focusIndex]);
-      }
-      else {
-        containerEl === null || containerEl === void 0 ? void 0 : containerEl.focus();
-      }
-      return;
-    }
-    containerEl === null || containerEl === void 0 ? void 0 : containerEl.focus();
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Render Methods
-  //
-  // --------------------------------------------------------------------------
-  renderSelected() {
-    const { selected, selectionMode, selectionAppearance } = this;
-    if (selectionMode === "none" || selectionAppearance === "border") {
-      return null;
-    }
-    return (h("td", { class: CSS.selectionContainer, key: "selection-container", onClick: this.itemClicked }, h("calcite-icon", { icon: selected
-        ? selectionMode === "multiple"
-          ? ICONS.selectedMultiple
-          : ICONS.selectedSingle
-        : ICONS.unselected, scale: "s" })));
-  }
-  renderDragHandle() {
-    return this.dragHandle ? (h("td", { class: CSS.dragContainer, key: "drag-handle-container" }, h("calcite-handle", { label: this.label, setPosition: this.setPosition, setSize: this.setSize }))) : null;
-  }
-  renderOpen() {
-    const { el, open, openable, parentListEl } = this;
-    const dir = getElementDir(el);
-    return openable ? (h("td", { class: CSS.openContainer, key: "open-container", onClick: this.toggleOpen }, h("calcite-icon", { icon: open ? ICONS.open : dir === "rtl" ? ICONS.closedRTL : ICONS.closedLTR, scale: "s" }))) : (parentListEl === null || parentListEl === void 0 ? void 0 : parentListEl.openable) ? (h("td", { class: CSS.openContainer, key: "open-container", onClick: this.itemClicked }, h("calcite-icon", { icon: ICONS.blank, scale: "s" }))) : null;
-  }
-  renderActionsStart() {
-    const { label, hasActionsStart } = this;
-    return (h("td", { "aria-label": label, class: CSS.actionsStart, hidden: !hasActionsStart, key: "actions-start-container", role: "gridcell",
-      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-      ref: (el) => (this.actionsStartEl = el) }, h("slot", { name: SLOTS.actionsStart, onSlotchange: this.handleActionsStartSlotChange })));
-  }
-  renderActionsEnd() {
-    const { label, hasActionsEnd, closable, messages } = this;
-    return (h("td", { "aria-label": label, class: CSS.actionsEnd, hidden: !(hasActionsEnd || closable), key: "actions-end-container", role: "gridcell",
-      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-      ref: (el) => (this.actionsEndEl = el) }, h("slot", { name: SLOTS.actionsEnd, onSlotchange: this.handleActionsEndSlotChange }), closable ? (h("calcite-action", { appearance: "transparent", icon: ICONS.close, key: "close-action", label: messages.close, onClick: this.closeClickHandler, text: messages.close })) : null));
-  }
-  renderContentStart() {
-    const { hasContentStart } = this;
-    return (h("div", { class: CSS.contentStart, hidden: !hasContentStart }, h("slot", { name: SLOTS.contentStart, onSlotchange: this.handleContentStartSlotChange })));
-  }
-  renderCustomContent() {
-    const { hasCustomContent } = this;
-    return (h("div", { class: CSS.customContent, hidden: !hasCustomContent }, h("slot", { name: SLOTS.content, onSlotchange: this.handleContentSlotChange })));
-  }
-  renderContentEnd() {
-    const { hasContentEnd } = this;
-    return (h("div", { class: CSS.contentEnd, hidden: !hasContentEnd }, h("slot", { name: SLOTS.contentEnd, onSlotchange: this.handleContentEndSlotChange })));
-  }
-  renderContentProperties() {
-    const { label, description, hasCustomContent } = this;
-    return !hasCustomContent && (!!label || !!description) ? (h("div", { class: CSS.content, key: "content" }, label ? (h("div", { class: CSS.label, key: "label" }, label)) : null, description ? (h("div", { class: CSS.description, key: "description" }, description)) : null)) : null;
-  }
-  renderContentContainer() {
-    const { description, label, selectionMode, hasCustomContent } = this;
-    const hasCenterContent = hasCustomContent || !!label || !!description;
-    const content = [
-      this.renderContentStart(),
-      this.renderCustomContent(),
-      this.renderContentProperties(),
-      this.renderContentEnd(),
-    ];
-    return (h("td", { "aria-label": label, class: {
-        [CSS.contentContainer]: true,
-        [CSS.contentContainerSelectable]: selectionMode !== "none",
-        [CSS.contentContainerHasCenterContent]: hasCenterContent,
-      }, key: "content-container", onClick: this.itemClicked, role: "gridcell",
-      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-      ref: (el) => (this.contentEl = el) }, content));
-  }
-  render() {
-    const { openable, open, level, setPosition, setSize, active, label, selected, selectionAppearance, selectionMode, closed, } = this;
-    const showBorder = selectionMode !== "none" && selectionAppearance === "border";
-    const borderSelected = showBorder && selected;
-    const borderUnselected = showBorder && !selected;
-    return (h(Host, null, h("tr", { "aria-expanded": openable ? toAriaBoolean(open) : null, "aria-label": label, "aria-level": level, "aria-posinset": setPosition, "aria-selected": toAriaBoolean(selected), "aria-setsize": setSize, class: {
-        [CSS.container]: true,
-        [CSS.containerBorderSelected]: borderSelected,
-        [CSS.containerBorderUnselected]: borderUnselected,
-      }, hidden: closed, onFocus: this.focusCellNull, onKeyDown: this.handleItemKeyDown, role: "row", style: { "--calcite-list-item-spacing-indent-multiplier": `${this.visualLevel}` }, tabIndex: active ? 0 : -1,
-      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-      ref: (el) => (this.containerEl = el) }, this.renderDragHandle(), this.renderSelected(), this.renderOpen(), this.renderActionsStart(), this.renderContentContainer(), this.renderActionsEnd()), h("div", { class: {
-        [CSS.nestedContainer]: true,
-        [CSS.nestedContainerHidden]: openable && !open,
-      } }, h("slot", { onSlotchange: this.handleDefaultSlotChange, ref: (el) => (this.defaultSlotEl = el) }))));
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  // --------------------------------------------------------------------------
-  emitCalciteInternalListItemChange() {
-    this.calciteInternalListItemChange.emit();
-  }
-  setSelectionDefaults() {
-    const { parentListEl, selectionMode, selectionAppearance } = this;
-    if (!parentListEl) {
-      return;
-    }
-    if (!selectionMode) {
-      this.selectionMode = parentListEl.selectionMode;
-    }
-    if (!selectionAppearance) {
-      this.selectionAppearance = parentListEl.selectionAppearance;
-    }
-  }
-  handleOpenableChange(slotEl) {
-    if (!slotEl) {
-      return;
-    }
-    const { parentListEl } = this;
-    const listItemChildren = getListItemChildren(slotEl);
-    updateListItemChildren(listItemChildren);
-    const openable = !!listItemChildren.length;
-    if (openable && parentListEl && !parentListEl.openable) {
-      parentListEl.openable = true;
-    }
-    this.openable = openable;
-    if (!openable) {
-      this.open = false;
-    }
-  }
-  static get assetsDirs() { return ["assets"]; }
-  get el() { return this; }
-  static get watchers() { return {
-    "active": ["activeHandler"],
-    "closed": ["handleClosedChange"],
-    "disabled": ["handleDisabledChange"],
-    "selected": ["handleSelectedChange"],
-    "messageOverrides": ["onMessagesChange"],
-    "effectiveLocale": ["effectiveLocaleChange"]
-  }; }
-  static get style() { return listItemCss; }
-}, [1, "calcite-list-item", {
-    "active": [4],
-    "closable": [516],
-    "closed": [1540],
-    "description": [1],
-    "disabled": [516],
-    "dragHandle": [4, "drag-handle"],
-    "label": [1],
-    "metadata": [16],
-    "open": [1540],
-    "setSize": [2, "set-size"],
-    "setPosition": [2, "set-position"],
-    "selected": [1540],
-    "value": [8],
-    "selectionMode": [1025, "selection-mode"],
-    "selectionAppearance": [1025, "selection-appearance"],
-    "messageOverrides": [1040],
-    "messages": [1040],
-    "effectiveLocale": [32],
-    "defaultMessages": [32],
-    "level": [32],
-    "visualLevel": [32],
-    "parentListEl": [32],
-    "openable": [32],
-    "hasActionsStart": [32],
-    "hasActionsEnd": [32],
-    "hasCustomContent": [32],
-    "hasContentStart": [32],
-    "hasContentEnd": [32],
-    "setFocus": [64]
-  }, [[0, "calciteInternalListItemGroupDefaultSlotChange", "handleCalciteInternalListDefaultSlotChanges"], [0, "calciteInternalListDefaultSlotChange", "handleCalciteInternalListDefaultSlotChanges"]], {
-    "active": ["activeHandler"],
-    "closed": ["handleClosedChange"],
-    "disabled": ["handleDisabledChange"],
-    "selected": ["handleSelectedChange"],
-    "messageOverrides": ["onMessagesChange"],
-    "effectiveLocale": ["effectiveLocaleChange"]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["calcite-list-item", "calcite-action", "calcite-handle", "calcite-icon", "calcite-loader"];
-  components.forEach(tagName => { switch (tagName) {
-    case "calcite-list-item":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ListItem);
-      }
-      break;
-    case "calcite-action":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "calcite-handle":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "calcite-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "calcite-loader":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { ListItem as L, defineCustomElement as d };