@esri/calcite-components 6.0.0-next.10 → 6.0.0-next.12

package/dist/cdn/assets/action-pad/t9n/messages.ro.json

@@ -1 +0,0 @@
-{"expand":"Extindere","collapse":"Restrângere","expandLabel":"Extindeți meniul","collapseLabel":"Restrângeți meniul"}

package/dist/cdn/assets/action-pad/t9n/messages.ru.json

@@ -1 +0,0 @@
-{"expand":"Развернуть","collapse":"Свернуть","expandLabel":"Развернуть меню","collapseLabel":"Свернуть меню"}

package/dist/cdn/assets/action-pad/t9n/messages.sk.json

@@ -1 +0,0 @@
-{"expand":"Rozbaliť","collapse":"Zbaliť","expandLabel":"Rozbaliť menu","collapseLabel":"Zbaliť menu"}

package/dist/cdn/assets/action-pad/t9n/messages.sl.json

@@ -1 +0,0 @@
-{"expand":"Razširi","collapse":"Strni","expandLabel":"Razširi meni","collapseLabel":"Strni meni"}

package/dist/cdn/assets/action-pad/t9n/messages.sr.json

@@ -1 +0,0 @@
-{"expand":"Proširi","collapse":"Skupi","expandLabel":"Proširi meni","collapseLabel":"Skupi meni"}

package/dist/cdn/assets/action-pad/t9n/messages.sv.json

@@ -1 +0,0 @@
-{"expand":"Expandera","collapse":"Dölj","expandLabel":"Expandera meny","collapseLabel":"Dölj meny"}

package/dist/cdn/assets/action-pad/t9n/messages.th.json

@@ -1 +0,0 @@
-{"expand":"ขยาย","collapse":"ย่อลงมา","expandLabel":"ขยายเมนู","collapseLabel":"ย่อเมนู"}

package/dist/cdn/assets/action-pad/t9n/messages.tr.json

@@ -1 +0,0 @@
-{"expand":"Genişlet","collapse":"Daralt","expandLabel":"Menüyü genişlet","collapseLabel":"Menüyü daralt"}

package/dist/cdn/assets/action-pad/t9n/messages.uk.json

@@ -1 +0,0 @@
-{"expand":"Розширити","collapse":"Згорнути","expandLabel":"Розгорнути меню","collapseLabel":"Згорнути меню"}

package/dist/cdn/assets/action-pad/t9n/messages.vi.json

@@ -1 +0,0 @@
-{"expand":"Mở rộng","collapse":"Thu gọn","expandLabel":"Mở rộng menu","collapseLabel":"Thu gọn menu"}

package/dist/cdn/assets/action-pad/t9n/messages.zh-CN.json

@@ -1 +0,0 @@
-{"expand":"展开","collapse":"折叠","expandLabel":"展开菜单","collapseLabel":"折叠菜单"}

package/dist/cdn/assets/action-pad/t9n/messages.zh-HK.json

@@ -1 +0,0 @@
-{"expand":"展開","collapse":"摺疊","expandLabel":"展開功能表","collapseLabel":"摺疊功能表"}

package/dist/cdn/assets/action-pad/t9n/messages.zh-TW.json

@@ -1 +0,0 @@
-{"expand":"展開","collapse":"摺疊","expandLabel":"展開功能表","collapseLabel":"摺疊功能表"}

package/dist/chunks/ExpandToggle.js

@@ -1,48 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import { ref } from "lit/directives/ref.js";
-import { nothing, html } from "lit";
-import { S as SLOTS } from "./resources.js";
-import { S as SLOTS$1 } from "./resources2.js";
-const ICONS = {
-  chevronsLeft: "chevrons-left",
-  chevronsRight: "chevrons-right"
-};
-function getCalcitePosition(el, position) {
-  return position || el.closest("calcite-shell-panel")?.position || "start";
-}
-function toggleActionBarChildActionText({ actions, expandables, expanded }) {
-  actions.filter((el) => el.slot !== SLOTS.menuActions).forEach((action) => action.textEnabled = expanded);
-  expandables.forEach((item) => item.expanded = expanded);
-}
-function legacyToggleChildActionText({ el, expanded }) {
-  Array.from(el.querySelectorAll("calcite-action")).filter((action) => action.slot !== SLOTS.menuActions && (action.closest("calcite-action-menu") ? action.slot === SLOTS$1.trigger : true)).forEach((action) => action.textEnabled = expanded);
-  el.querySelectorAll("calcite-action-group, calcite-action-menu").forEach((expandable) => expandable.expanded = expanded);
-}
-const setTooltipReference = ({ tooltip, referenceElement, expanded, ref: ref2 }) => {
-  if (tooltip) {
-    tooltip.referenceElement = !expanded && referenceElement ? referenceElement : void 0;
-  }
-  if (ref2) {
-    ref2(referenceElement);
-  }
-  return referenceElement;
-};
-const ExpandToggle = ({ collapseText, collapseLabel, direction, expanded, expandText, expandLabel, toggle, el, position, tooltip, ref: ref$1, scale }) => {
-  const rtl = direction === "rtl";
-  const text = expanded ? collapseText : expandText;
-  const label = expanded ? collapseLabel : expandLabel;
-  const icons = [ICONS.chevronsLeft, ICONS.chevronsRight];
-  if (rtl) {
-    icons.reverse();
-  }
-  const end = getCalcitePosition(el, position) === "end";
-  const expandIcon = end ? icons[1] : icons[0];
-  const collapseIcon = end ? icons[0] : icons[1];
-  const actionNode = html`<calcite-action .aria=${{ expanded }} .icon=${expanded ? expandIcon : collapseIcon} id=expand-toggle .label=${label} @click=${toggle} .scale=${scale} .text=${text} .textEnabled=${expanded} title=${(!expanded && !tooltip ? text : void 0) ?? nothing} ${ref((referenceElement) => setTooltipReference({ tooltip, referenceElement, expanded, ref: ref$1 }))}></calcite-action>`;
-  return actionNode;
-};
-export {
-  ExpandToggle as E,
-  legacyToggleChildActionText as l,
-  toggleActionBarChildActionText as t
-};

package/dist/components/calcite-action-pad/customElement.d.ts

@@ -1,96 +0,0 @@
-/// <reference path="../../index.d.ts" />
-import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { Layout, Position, Scale, SelectionAppearance } from "../types.js";
-import type { OverlayPositioning } from "../../utils/floating-ui.js";
-
-declare module "@arcgis/lumina" {
-export interface DeclareCssProperties {
-  /** Specifies the component's border radius. */
-  "--calcite-action-pad-corner-radius": "*";
-  /** When `expanded` and `layout` is `"vertical"`, specifies the component's maximum width. */
-  "--calcite-action-pad-expanded-max-width": "*";
-  /** Specifies the component's space between slotted components. */
-  "--calcite-action-pad-items-space": "*";
-}
-}
-
-/**
- * @deprecated in v5.0.0, removal target v6.0.0 - Use the `calcite-action-bar` component instead.
- * @slot  - A slot for adding `calcite-action`s to the component.
- * @slot [expand-tooltip] - A slot to set the `calcite-tooltip` for the expand toggle.
- */
-export abstract class ActionPad extends LitElement {
-  /** Specifies the accessible label for the last `calcite-action-group`. */
-  accessor actionsEndGroupLabel: string | undefined;
-  /**
-   * When `true`, the expand-toggling behavior is disabled.
-   *
-   * @default false
-   */
-  accessor expandDisabled: boolean;
-  /**
-   * When `true`, expands the component and its contents.
-   *
-   * @default false
-   */
-  accessor expanded: boolean;
-  /**
-   * Specifies the layout of the component.
-   *
-   * @default "vertical"
-   */
-  accessor layout: Extract<"horizontal" | "vertical" | "grid", Layout>;
-  /**
-   * Replace localized message strings with your own strings.
-   *
-   * _**Note**: Individual message keys may change between releases._
-   */
-  accessor messageOverrides: {
-      expand?: string | undefined;
-      collapse?: string | undefined;
-      expandLabel?: string | undefined;
-      collapseLabel?: string | undefined;
-  };
-  /**
-   * Specifies the type of positioning to use for overlaid content.
-   *
-   * - `"absolute"` works for most cases - positioning the component inside of overflowing parent containers, which affects the container's layout.
-   *
-   * - `"fixed"` is used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-   *
-   * @default "absolute"
-   */
-  accessor overlayPositioning: OverlayPositioning;
-  /** Specifies the position of the component depending on the element's `dir` property. */
-  accessor position: Extract<"start" | "end", Position> | undefined;
-  /**
-   * Specifies the size of the expand `calcite-action`.
-   *
-   * @default "m"
-   */
-  accessor scale: Scale;
-  /**
-   * Specifies the selection appearance of the component
-   *
-   * @default "neutral"
-   */
-  accessor selectionAppearance: Extract<"neutral" | "highlight", SelectionAppearance>;
-  /**
-   * Sets focus on the component's first focusable element.
-   *
-   * @param options - When specified an optional object customizes the component's focusing process. When `preventScroll` is `true`, scrolling will not occur on the component.
-   * @see [MDN - focus(options)](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)
-   */
-  setFocus(options?: FocusOptions): Promise<void>;
-  /** Fires when the component's content area is collapsed. */
-  readonly calciteActionPadCollapse: import("@arcgis/lumina").TargetedEvent<this, void>;
-  /** Fires when the component's content area is expanded. */
-  readonly calciteActionPadExpand: import("@arcgis/lumina").TargetedEvent<this, void>;
-  /** Fires when the `expanded` property is toggled. */
-  readonly calciteActionPadToggle: import("@arcgis/lumina").TargetedEvent<this, void>;
-  readonly "@eventTypes": {
-    calciteActionPadCollapse: ActionPad["calciteActionPadCollapse"]["detail"];
-    calciteActionPadExpand: ActionPad["calciteActionPadExpand"]["detail"];
-    calciteActionPadToggle: ActionPad["calciteActionPadToggle"]["detail"];
-  };
-}

package/dist/components/calcite-action-pad/customElement.js

@@ -1,185 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import { l as logger, c as customElement } from "../../chunks/runtime.js";
-import { css, html } from "lit";
-import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
-import { useDirection } from "@arcgis/lumina/controllers";
-import { b as slotChangeGetAssignedElements, e as focusElementInGroup } from "../../chunks/dom.js";
-import { l as legacyToggleChildActionText, E as ExpandToggle } from "../../chunks/ExpandToggle.js";
-import { c as createObserver } from "../../chunks/observers.js";
-import { u as useT9n } from "../../chunks/useT9n.js";
-import { i as isTooltip } from "../../chunks/resources11.js";
-import { i as isAction } from "../../chunks/resources4.js";
-import { u as useFocusable } from "../../chunks/useFocusable.js";
-const CSS = {
-  actionGroupEnd: "action-group--end",
-  container: "container"
-};
-const SLOTS = {
-  expandTooltip: "expand-tooltip"
-};
-const styles = css`:host{box-sizing:border-box;background-color:var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1));color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([scale=s]){--calcite-internal-action-pad-gap: var( --calcite-action-pad-items-space, var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs)) );--calcite-internal-action-pad-padding: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=m]){--calcite-internal-action-pad-gap: var( --calcite-action-pad-items-space, var(--calcite-theme-space-sm, var(--calcite-spacing-sm)) );--calcite-internal-action-pad-padding: var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]){--calcite-internal-action-pad-gap: var(--calcite-action-pad-items-space, var(--calcite-space-sm-plus));--calcite-internal-action-pad-padding: var(--calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus))}:host{display:block}@keyframes in{0%{opacity:0}to{opacity:1}}:host{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:var(--calcite-action-pad-corner-radius, .125rem);background:transparent}:host([expanded][layout=vertical]) .container{max-inline-size:var(--calcite-action-pad-expanded-max-width, auto)}:host([layout=vertical]) ::slotted(calcite-action-group:not(:last-of-type)){border-block-end-width:1px;padding-block-end:var(--calcite-internal-action-pad-padding)}.container{display:inline-flex;flex-direction:column;overflow:hidden;box-shadow:var(--calcite-shadow-md);border-radius:calc(var(--calcite-action-pad-corner-radius, .125rem) * 2);background-color:var(--calcite-action-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));gap:var(--calcite-internal-action-pad-gap);padding:var(--calcite-internal-action-pad-padding)}.action-group--bottom{flex-grow:1;justify-content:flex-end;padding-block-end:0px}:host([layout=horizontal]) .container{flex-direction:row}:host([layout=horizontal]) .container .action-group--bottom{padding:0}:host([layout=horizontal]) .container ::slotted(calcite-action-group:not(:last-of-type)){border-inline-end-width:1px;padding-inline-end:var(--calcite-internal-action-pad-padding)}:host([hidden]){display:none}[hidden]{display:none}`;
-class ActionPad extends LitElement {
-  constructor() {
-    super();
-    this.actions = [];
-    this.direction = useDirection();
-    this.mutationObserver = createObserver("mutation", () => this.mutationObserverHandler());
-    this.toggleExpand = () => {
-      this.expanded = !this.expanded;
-      this.calciteActionPadToggle.emit();
-    };
-    this.messages = useT9n({ blocking: true });
-    this.focusSetter = useFocusable()(this);
-    this.expandDisabled = false;
-    this.expanded = false;
-    this.layout = "vertical";
-    this.overlayPositioning = "absolute";
-    this.scale = "m";
-    this.selectionAppearance = "neutral";
-    this.calciteActionPadCollapse = createEvent({ cancelable: false });
-    this.calciteActionPadExpand = createEvent({ cancelable: false });
-    this.calciteActionPadToggle = createEvent({ cancelable: false });
-    this.listen("calciteActionMenuOpen", this.actionMenuOpenHandler);
-    this.listen("keydown", this.handleKeyDown);
-  }
-  static {
-    this.properties = { expandTooltip: [16, {}, { state: true }], actionsEndGroupLabel: 1, expandDisabled: [7, {}, { reflect: true, type: Boolean }], expanded: [7, {}, { reflect: true, type: Boolean }], layout: [3, {}, { reflect: true }], messageOverrides: [0, {}, { attribute: false }], overlayPositioning: [3, {}, { reflect: true }], position: [3, {}, { reflect: true }], scale: [3, {}, { reflect: true }], selectionAppearance: [3, {}, { reflect: true }] };
-  }
-  static {
-    this.shadowRootOptions = { mode: "open", delegatesFocus: true };
-  }
-  static {
-    this.styles = styles;
-  }
-  async setFocus(options) {
-    return this.focusSetter(() => this.el, options);
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.updateActions();
-    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });
-  }
-  async load() {
-    logger.deprecated("component", {
-      component: this,
-      name: "action-pad",
-      removalVersion: 5,
-      suggested: "action-bar"
-    });
-  }
-  willUpdate(changes) {
-    if (changes.has("expanded") && this.hasUpdated) {
-      legacyToggleChildActionText({ el: this.el, expanded: this.expanded });
-    }
-    if (changes.has("layout") && (this.hasUpdated || this.layout !== "vertical")) {
-      this.updateGroups();
-    }
-    if (changes.has("expanded") && this.hasUpdated) {
-      if (this.expanded) {
-        this.calciteActionPadExpand.emit();
-      } else {
-        this.calciteActionPadCollapse.emit();
-      }
-    }
-    if (changes.has("selectionAppearance") && (this.hasUpdated || this.selectionAppearance !== "neutral")) {
-      this.updateActions();
-    }
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.mutationObserver?.disconnect();
-  }
-  actionMenuOpenHandler(event) {
-    if (event.target.menuOpen) {
-      const composedPath = event.composedPath();
-      this.actionGroups?.forEach((group) => {
-        if (!composedPath.includes(group)) {
-          group.menuOpen = false;
-        }
-      });
-    }
-  }
-  updateGroups() {
-    const groups = Array.from(this.el.querySelectorAll("calcite-action-group"));
-    this.actionGroups = groups;
-    this.setGroupLayout(groups);
-  }
-  setGroupLayout(groups) {
-    groups.forEach((group) => group.layout = this.layout);
-  }
-  handleDefaultSlotChange() {
-    this.updateGroups();
-    this.queryAndStoreActions();
-    this.updateActions();
-  }
-  handleTooltipSlotChange(event) {
-    const tooltips = slotChangeGetAssignedElements(event).filter(isTooltip);
-    this.expandTooltip = tooltips[0];
-  }
-  handleKeyDown(event) {
-    this.queryAndStoreActions();
-    const actions = this.actions.filter((action) => !action.disabled);
-    const current = document.activeElement;
-    if (!isAction(current) || !actions.includes(current)) {
-      return;
-    }
-    switch (event.key) {
-      case "ArrowRight":
-      case "ArrowDown":
-        focusElementInGroup(actions, current, "next", true);
-        event.preventDefault();
-        break;
-      case "ArrowLeft":
-      case "ArrowUp":
-        focusElementInGroup(actions, current, "previous", true);
-        event.preventDefault();
-        break;
-      case "Home":
-        focusElementInGroup(actions, current, "first", true);
-        event.preventDefault();
-        break;
-      case "End":
-        focusElementInGroup(actions, current, "last", true);
-        event.preventDefault();
-        break;
-      case "Tab":
-        this.updateTabIndexOfItems(current);
-        break;
-    }
-  }
-  updateActions() {
-    this.actions.forEach((action) => {
-      action.selectionAppearance = this.selectionAppearance;
-    });
-  }
-  updateTabIndexOfItems(active) {
-    this.actions.forEach((action) => {
-      const tabIndex = !action.disabled && action === active ? 0 : -1;
-      if (tabIndex === 0) {
-        action.removeAttribute("tabindex");
-      } else {
-        action.tabIndex = tabIndex;
-      }
-    });
-  }
-  queryAndStoreActions() {
-    this.actions = Array.from(this.el.querySelectorAll("calcite-action"));
-  }
-  mutationObserverHandler() {
-    this.updateGroups();
-    this.queryAndStoreActions();
-    this.updateActions();
-  }
-  renderBottomActionGroup() {
-    const { expanded, expandDisabled, messages, el, position, toggleExpand, scale, layout, actionsEndGroupLabel, overlayPositioning } = this;
-    const expandToggleNode = !expandDisabled ? ExpandToggle({ collapseLabel: messages.collapseLabel, collapseText: messages.collapse, direction: this.direction, el, expanded, expandLabel: messages.expandLabel, expandText: messages.expand, position, scale, toggle: toggleExpand, tooltip: this.expandTooltip }) : null;
-    return expandToggleNode ? html`<calcite-action-group class=${safeClassMap(CSS.actionGroupEnd)} .label=${actionsEndGroupLabel} .layout=${layout} .overlayPositioning=${overlayPositioning} .scale=${scale}><slot name=${SLOTS.expandTooltip} @slotchange=${this.handleTooltipSlotChange}></slot>${expandToggleNode}</calcite-action-group>` : null;
-  }
-  render() {
-    return html`<div class=${safeClassMap(CSS.container)}><slot @slotchange=${this.handleDefaultSlotChange}></slot>${this.renderBottomActionGroup()}</div>`;
-  }
-}
-customElement("calcite-action-pad", ActionPad);
-export {
-  ActionPad
-};

package/dist/components/calcite-action-pad/index.d.ts

@@ -1 +0,0 @@
-export * from "./customElement.js";

package/dist/components/calcite-action-pad/index.js

@@ -1,3 +0,0 @@
-import "../calcite-action/index.js";
-import "../calcite-action-group/index.js";
-export * from "./customElement.js";

package/dist/components/calcite-color-picker-swatch/customElement.d.ts

@@ -1,25 +0,0 @@
-/// <reference path="../../index.d.ts" />
-import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { Scale } from "../types.js";
-
-/** @deprecated in v3.3.0, removal target v6.0.0. Use the `calcite-swatch-group` and `calcite-swatch` components instead. */
-export abstract class ColorPickerSwatch extends LitElement {
-  /**
-   * When `true`, the component is active.
-   *
-   * @default false
-   */
-  accessor active: boolean;
-  /**
-   * The color value.
-   *
-   * @see [MDN - Color CSS data type](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value).
-   */
-  accessor color: string | undefined;
-  /**
-   * Specifies the size of the component.
-   *
-   * @default "m"
-   */
-  accessor scale: Scale;
-}

package/dist/components/calcite-color-picker-swatch/customElement.js

@@ -1,104 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import { c as customElement } from "../../chunks/runtime.js";
-import { keyed } from "lit/directives/keyed.js";
-import Color from "color";
-import { css, html, nothing, svg } from "lit";
-import { LitElement, safeClassMap } from "@arcgis/lumina";
-import { y as getModeName } from "../../chunks/dom.js";
-import { h as hexify } from "../../chunks/utils3.js";
-const CSS = {
-  swatch: "swatch",
-  noColorSwatch: "swatch--no-color",
-  checker: "checker"
-};
-const COLORS = {
-  borderLight: "rgba(0, 0, 0, 0.3)",
-  borderDark: "rgba(255, 255, 255, 0.15)"
-};
-const checkerSquareSize = 4;
-const CHECKER_DIMENSIONS = {
-  squareSize: checkerSquareSize,
-  size: checkerSquareSize * 2
-};
-const IDS = {
-  checker: "checker",
-  shape: "shape"
-};
-const styles = css`:host{position:relative;display:inline-flex}:host([scale=s]){block-size:1.25rem;inline-size:1.25rem}:host([scale=m]){block-size:1.5rem;inline-size:1.5rem}:host([scale=l]){block-size:2rem;inline-size:2rem}.swatch{overflow:hidden;block-size:inherit;inline-size:inherit}.swatch rect{transition-property:all;transition-duration:var(--calcite-animation-timing);transition-timing-function:cubic-bezier(.4,0,.2,1)}.swatch--no-color rect{fill:var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1))}.swatch--no-color line{stroke:var(--calcite-color-status-danger)}.checker{fill:#cacaca}:host([hidden]){display:none}[hidden]{display:none}`;
-class ColorPickerSwatch extends LitElement {
-  constructor() {
-    super(...arguments);
-    this.active = false;
-    this.scale = "m";
-  }
-  static {
-    this.properties = { active: [7, {}, { reflect: true, type: Boolean }], color: 1, scale: [3, {}, { reflect: true }] };
-  }
-  static {
-    this.styles = styles;
-  }
-  load() {
-    this.handleColorChange(this.color);
-  }
-  willUpdate(changes) {
-    if (changes.has("color")) {
-      this.handleColorChange(this.color);
-    }
-  }
-  handleColorChange(color) {
-    this.internalColor = color ? Color(color) : void 0;
-  }
-  render() {
-    const isEmpty = !this.internalColor;
-    const classes = {
-      [CSS.swatch]: true,
-      [CSS.noColorSwatch]: isEmpty
-    };
-    return html`<svg class=${safeClassMap(classes)} xmlns=http://www.w3.org/2000/svg>${this.renderSwatch()}</svg>`;
-  }
-  renderSwatch() {
-    const { active, el, internalColor } = this;
-    const borderRadius = active ? "100%" : "0";
-    const theme = getModeName(el);
-    const borderColor = theme === "light" ? COLORS.borderLight : COLORS.borderDark;
-    const isEmpty = !internalColor;
-    const commonSwatchProps = {
-      height: "100%",
-      rx: borderRadius,
-      stroke: borderColor,
-      strokeWidth: "2",
-      width: "100%"
-    };
-    if (isEmpty) {
-      return svg`<clipPath id=${IDS.shape}><rect height=100% rx=${borderRadius ?? nothing} width=100% /></clipPath>${this.renderSwatchRect({
-        clipPath: `inset(0 round ${borderRadius})`,
-        ...commonSwatchProps
-      })}<line clip-path=url(#shape) stroke-width=3 x1=100% x2=0 y1=0 y2=100% />`;
-    }
-    const alpha = internalColor.alpha();
-    const hex = hexify(internalColor);
-    const hexa = hexify(internalColor, alpha < 1);
-    return svg`<title>${hexa}</title><defs><pattern height=${CHECKER_DIMENSIONS.size} id=${IDS.checker} patternUnits=userSpaceOnUse width=${CHECKER_DIMENSIONS.size} x=0 y=0><rect class=${safeClassMap(CSS.checker)} height=${CHECKER_DIMENSIONS.squareSize} width=${CHECKER_DIMENSIONS.squareSize} x=0 y=0 /><rect class=${safeClassMap(CSS.checker)} height=${CHECKER_DIMENSIONS.squareSize} width=${CHECKER_DIMENSIONS.squareSize} x=${CHECKER_DIMENSIONS.squareSize} y=${CHECKER_DIMENSIONS.squareSize} /></pattern></defs>${this.renderSwatchRect({
-      fill: "url(#checker)",
-      rx: commonSwatchProps.rx,
-      height: commonSwatchProps.height,
-      width: commonSwatchProps.width
-    })}${this.renderSwatchRect({
-      clipPath: alpha < 1 ? "polygon(100% 0, 0 0, 0 100%)" : `inset(0 round ${borderRadius})`,
-      fill: hex,
-      ...commonSwatchProps
-    })}${alpha < 1 ? this.renderSwatchRect({
-      clipPath: "polygon(100% 0, 100% 100%, 0 100%)",
-      fill: hexa,
-      key: "opacity-fill",
-      ...commonSwatchProps
-    }) : null}`;
-  }
-  renderSwatchRect({ clipPath, fill, height, key, rx, stroke, strokeWidth, width }) {
-    return keyed(key, svg`<rect clip-path=${clipPath ?? nothing} fill=${fill ?? nothing} height=${height ?? nothing} rx=${rx ?? nothing} stroke=${stroke ?? nothing} stroke-width=${strokeWidth ?? nothing} width=${width ?? nothing} />`);
-  }
-}
-customElement("calcite-color-picker-swatch", ColorPickerSwatch);
-export {
-  ColorPickerSwatch
-};

package/dist/components/calcite-color-picker-swatch/index.d.ts

@@ -1 +0,0 @@
-export * from "./customElement.js";

package/dist/components/calcite-color-picker-swatch/index.js

@@ -1 +0,0 @@
-export * from "./customElement.js";

package/dist/components/calcite-focus-trap/customElement.d.ts

@@ -1,53 +0,0 @@
-/// <reference path="../../index.d.ts" />
-import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { FocusTrapOptions } from "../../controllers/useFocusTrap.js";
-
-/** @slot  - A slot for adding focus-trapped content. */
-export abstract class FocusTrap extends LitElement {
-  /**
-   * Indicates whether the component's focus trap is currently active.
-   *
-   * @default false
-   */
-  get active(): boolean;
-  /**
-   * When `true`, prevents focus trapping.
-   *
-   * @default false
-   */
-  accessor focusTrapDisabled: boolean;
-  /** When defined, provides a condition to disable focus trapping. When `true`, prevents focus trapping. */
-  accessor focusTrapDisabledOverride: (() => boolean) | undefined;
-  /**
-   * Specifies custom focus trap configuration on the component.
-   *
-   * - `"allowOutsideClick"` allows outside clicks.
-   * - `"initialFocus"` enables initial focus.
-   * - `"returnFocusOnDeactivate"` returns focus when not active.
-   * - `"extraContainers"` specifies additional focusable elements external to the trap.
-   * - `"setReturnFocus"` customizes the element to which focus is returned when the trap is deactivated.
-   */
-  accessor focusTrapOptions: Partial<FocusTrapOptions> | undefined;
-  /** Activates the component's focus trap. */
-  activate(): Promise<void>;
-  /** Deactivates the component's focus trap. */
-  deactivate(): Promise<void>;
-  /**
-   * Sets focus on the component's first focusable element.
-   *
-   * @param options - When specified an optional object customizes the component's focusing process. When `preventScroll` is `true`, scrolling will not occur on the component.
-   * @see [MDN - focus(options)](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)
-   */
-  setFocus(options?: FocusOptions): Promise<void>;
-  /**
-   * Updates the element(s) that are included in the focus-trap of the component.
-   *
-   * @param extraContainers - Additional elements to include in the focus trap. This is useful for including elements that may have related parts rendered outside the main focus trapping element.
-   */
-  updateFocusTrapElements(extraContainers?: FocusTrapOptions["extraContainers"]): Promise<void>;
-  /** Fires when the focus-trap active state has changed. */
-  readonly calciteFocusTrapActiveChange: import("@arcgis/lumina").TargetedEvent<this, void>;
-  readonly "@eventTypes": {
-    calciteFocusTrapActiveChange: FocusTrap["calciteFocusTrapActiveChange"]["detail"];
-  };
-}

package/dist/components/calcite-focus-trap/customElement.js

@@ -1,61 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import { c as customElement } from "../../chunks/runtime.js";
-import { css, html } from "lit";
-import { LitElement, createEvent } from "@arcgis/lumina";
-import { u as useFocusTrap } from "../../chunks/useFocusTrap.js";
-import { u as useFocusable } from "../../chunks/useFocusable.js";
-const styles = css`:host{display:contents}:host([hidden]){display:none}[hidden]{display:none}`;
-class FocusTrap extends LitElement {
-  constructor() {
-    super(...arguments);
-    this._active = false;
-    this.focusSetter = useFocusable()(this);
-    this.focusTrapController = useFocusTrap({
-      focusTrapOptions: {
-        onActivate: () => {
-          this.setActive(true);
-        },
-        onDeactivate: () => {
-          this.setActive(false);
-        }
-      }
-    })(this);
-    this.focusTrapDisabled = false;
-    this.calciteFocusTrapActiveChange = createEvent({ cancelable: false });
-  }
-  static {
-    this.properties = { focusTrapDisabled: [7, {}, { reflect: true, type: Boolean }], active: [32, {}, { attribute: false, readOnly: true }], focusTrapDisabledOverride: [0, {}, { attribute: false }], focusTrapOptions: [0, {}, { attribute: false }] };
-  }
-  static {
-    this.styles = styles;
-  }
-  get active() {
-    return this._active;
-  }
-  async activate() {
-    this.focusTrapController.activate();
-  }
-  async deactivate() {
-    this.focusTrapController.deactivate();
-  }
-  async setFocus(options) {
-    return this.focusSetter(() => this.el, options);
-  }
-  async updateFocusTrapElements(extraContainers) {
-    this.focusTrapController.setExtraContainers(extraContainers);
-    this.focusTrapController.updateContainerElements();
-  }
-  setActive(active) {
-    const oldActive = this._active;
-    this._active = active;
-    this.requestUpdate("active", oldActive);
-    this.calciteFocusTrapActiveChange.emit();
-  }
-  render() {
-    return html`<slot></slot>`;
-  }
-}
-customElement("calcite-focus-trap", FocusTrap);
-export {
-  FocusTrap
-};

package/dist/components/calcite-focus-trap/index.d.ts

@@ -1 +0,0 @@
-export * from "./customElement.js";

package/dist/components/calcite-focus-trap/index.js

@@ -1 +0,0 @@
-export * from "./customElement.js";