@esri/calcite-components 5.0.0-next.73 → 5.0.0-next.74

package/dist/components/calcite-dialog/customElement.d.ts

@@ -1,14 +1,41 @@
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
-import { Kind, Scale, Width } from '../interfaces';
-import { HeadingLevel } from '../functional/Heading';
-import { OverlayPositioning } from '../../utils/floating-ui';
-import { FocusTrapOptions } from '../../controllers/useFocusTrap';
-import { IconName } from '../calcite-icon/interfaces';
-import { DialogPlacement } from './interfaces';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { Kind, Scale, Width } from "../interfaces.js";
+import type { HeadingLevel } from "../functional/Heading.js";
+import type { OverlayPositioning } from "../../utils/floating-ui.js";
+import type { FocusTrapOptions } from "../../controllers/useFocusTrap.js";
+import type { IconName } from "../calcite-icon/interfaces.js";
+import type { DialogPlacement } from "./interfaces.js";
 
 /**
+ * @cssproperty [--calcite-dialog-scrim-background-color] - Specifies the background color of the component's scrim.
+ * @cssproperty [--calcite-dialog-size-x] - Specifies the width of the component, using `px`, `em`, `rem`, `vw`, or `%`. Does not exceed the viewport's width - applies when `placement="cover"` is set.
+ * @cssproperty [--calcite-dialog-min-size-x] - Specifies the minimum width of the component, using `px`, `em`, `rem`, `vw`, or `%`.
+ * @cssproperty [--calcite-dialog-max-size-x] - Specifies the maximum width of the component, using `px`, `em`, `rem`, `vw`, or `%`.
+ * @cssproperty [--calcite-dialog-size-y] - Specifies the height of the component, using `px`, `em`, `rem`, `vh`, or `%`. Does not exceed the viewport's height - applies when `placement="cover"` is set.
+ * @cssproperty [--calcite-dialog-min-size-y] - Specifies the minimum height of the component, using `px`, `em`, `rem`, `vh`, or `%`.
+ * @cssproperty [--calcite-dialog-max-size-y] - Specifies the maximum height of the component, using `px`, `em`, `rem`, `vh`, or `%`.
+ * @cssproperty [--calcite-dialog-content-space] - Specifies the padding of the component's content.
+ * @cssproperty [--calcite-dialog-footer-space] - Specifies the padding of the component's footer.
+ * @cssproperty [--calcite-dialog-border-color] - Specifies the component's border color.
+ * @cssproperty [--calcite-dialog-offset-x] - Specifies the horizontal offset of the component.
+ * @cssproperty [--calcite-dialog-offset-y] - Specifies the vertical offset of the component.
+ * @cssproperty [--calcite-dialog-background-color] - Specifies the background color of the component.
+ * @cssproperty [--calcite-dialog-icon-color] - Specifies the color of the component's icon.
+ * @cssproperty [--calcite-dialog-accent-color] - Specifies the component's accent color when `kind` is specified.
+ * @cssproperty [--calcite-dialog-corner-radius] - Specifies the component's corner radius.
+ * @cssproperty [--calcite-dialog-heading-text-color] - Specifies the text color of the component's `heading`.
+ * @cssproperty [--calcite-dialog-description-text-color] - Specifies the text color of the component's `description`.
+ * @cssproperty [--calcite-dialog-header-background-color] - Specifies the background color of the component's header.
+ * @cssproperty [--calcite-dialog-header-action-background-color] - Specifies the background color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions`.
+ * @cssproperty [--calcite-dialog-header-action-background-color-hover] - Specifies the background color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when hovered.
+ * @cssproperty [--calcite-dialog-header-action-background-color-press] - Specifies the background color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when pressed.
+ * @cssproperty [--calcite-dialog-header-action-text-color] - Specifies the text color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions`.
+ * @cssproperty [--calcite-dialog-header-action-text-color-press] - Specifies the text color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when pressed or hovered.
+ * @cssproperty [--calcite-dialog-footer-background-color] - Specifies the background color of the component's footer.
+ * @cssproperty [--calcite-dialog-space] - Specifies the padding of the component's `"unnamed (default)"` slot.
+ * @cssproperty [--calcite-dialog-header-content-space] - Specifies the padding of the `"header-content"` slot.
+ * @cssproperty [--calcite-dialog-action-menu-border-color] - Specifies the border color of the component's internally rendered `calcite-popover`, which is rendered within a `calcite-action` menu when slotted `calcite-action`s are present in the `header-actions-end` slot. Applies to any slotted `calcite-popover`s.
  * @slot  - A slot for adding content.
  * @slot [custom-content] - A slot for displaying custom content. Will prevent the rendering of any default Dialog UI, except for `box-shadow` and `corner-radius`.
  * @slot [action-bar] - A slot for adding a `calcite-action-bar` to the component.
@@ -24,188 +51,186 @@ import { DialogPlacement } from './interfaces';
  * @slot [footer-end] - A slot for adding a trailing footer custom content. Should not be used with the `"footer"` slot.
  * @slot [footer-start] - A slot for adding a leading footer custom content. Should not be used with the `"footer"` slot.
  */
-export declare class Dialog extends LitElement {
-    /** Passes a function to run before the component closes. */
-    beforeClose: () => Promise<void>;
-    /**
-     * When `true`, disables the component's close button.
-     *
-     * @default false
-     */
-    closeDisabled: boolean;
-    /** A description for the component. */
-    description: string;
-    /**
-     * When `true`, the component is draggable.
-     *
-     * @default false
-     */
-    dragEnabled: boolean;
-    /**
-     * When `true`, disables the default close on escape behavior.
-     *
-     * By default, an open dialog can be dismissed by pressing the Esc key.
-     *
-     * @default false
-     * @see [Dialog Accessibility](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog#accessibility).
-     */
-    escapeDisabled: boolean;
-    /**
-     * Specifies custom focus trap configuration on the component, where
-     *
-     * `"allowOutsideClick`" allows outside clicks,
-     * `"initialFocus"` enables initial focus,
-     * `"returnFocusOnDeactivate"` returns focus when not active, and
-     * `"extraContainers"` specifies additional focusable elements external to the trap, such as 3rd-party components appending elements to the document body.
-     * `"setReturnFocus"` customizes the element to which focus is returned when the trap is deactivated. Return `false` to prevent focus return, or `undefined` to use the default behavior (returning focus to the element focused before activation).
-     */
-    focusTrapOptions: Partial<FocusTrapOptions>;
-    /** The component header text. */
-    heading: string;
-    /** Specifies the heading level of the component's `heading` for proper document structure, without affecting visual styling. */
-    headingLevel: HeadingLevel;
-    /** Specifies the kind of the component, which will style the top border. */
-    kind: Extract<"brand" | "danger" | "info" | "success" | "warning", Kind>;
-    /** Specifies an icon to display. */
-    icon: IconName;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     *
-     * @default false
-     */
-    iconFlipRtl: boolean;
-    /**
-     * When `true`, a busy indicator is displayed.
-     *
-     * @default false
-     */
-    loading: boolean;
-    /**
-     * When `true`, the action menu items in the `header-menu-actions` slot are open.
-     *
-     * @default false
-     */
-    menuOpen: boolean;
-    /** Use this property to override individual strings used by the component. */
-    messageOverrides?: typeof this.messages._overrides;
-    /**
-     * When `true`, displays a scrim blocking interaction underneath the component.
-     *
-     * @default false
-     */
-    modal: boolean;
-    /**
-     * When `true` and `modal` is `false`, prevents focus trapping.
-     *
-     * @default false
-     */
-    focusTrapDisabled: boolean;
-    /**
-     * When `true`, displays and positions the component.
-     *
-     * @default false
-     */
-    get open(): boolean;
-    set open(value: boolean);
-    /**
-     * When `true`, disables the closing of the component when clicked outside.
-     *
-     * @default false
-     */
-    outsideCloseDisabled: boolean;
-    /**
-     * Determines the type of positioning to use for the overlaid content.
-     *
-     * Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.
-     *
-     * `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-     *
-     * @default "absolute"
-     */
-    overlayPositioning: OverlayPositioning;
-    /**
-     * Specifies the placement of the dialog.
-     *
-     * @default "center"
-     */
-    placement: DialogPlacement;
-    /**
-     * When `true`, the component is resizable.
-     *
-     * @default false
-     */
-    resizable: boolean;
-    /**
-     * Specifies the size of the component.
-     *
-     * @default "m"
-     */
-    scale: Scale;
-    /**
-     * When true, disables top layer placement when the component is open.
-     *
-     * Only set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.
-     *
-     * @default false
-     * @mdn [Top Layer](https://developer.mozilla.org/en-US/docs/Glossary/Top_layer)
-     */
-    topLayerDisabled: boolean;
-    /**
-     * Specifies the width of the component.
-     *
-     * @deprecated in v3.0.0, removal target v6.0.0 - Use the `width` property instead.
-     * @default "m"
-     */
-    widthScale: Scale;
-    /** Specifies the width of the component. */
-    width: Extract<Width, Scale>;
-    /**
-     * Scrolls the component's content to a specified set of coordinates.
-     *
-     * @param options
-     * @example
-     * myCalciteFlowItem.scrollContentTo({
-     *   left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.
-     *   top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element
-     *   behavior: "auto" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value).
-     * });
-     * @param options - allows specific coordinates to be defined.
-     * @returns promise that resolves once the content is scrolled to.
-     */
-    scrollContentTo(options?: ScrollToOptions): Promise<void>;
-    /**
-     * Sets focus on the component's "close" button (the first focusable item).
-     *
-     * @param options
-     * @param options - When specified an optional object customizes the component's focusing process. When `preventScroll` is `true`, scrolling will not occur on the component.
-     * @mdn [focus(options)](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)
-     * @returns A promise that is resolved when the operation has completed.
-     */
-    setFocus(options?: FocusOptions): Promise<void>;
-    /**
-     * Updates the element(s) that are included in the focus-trap of the component.
-     *
-     * @param extraContainers
-     * @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 component is requested to be closed and before the closing transition begins. */
-    readonly calciteDialogBeforeClose: TargetedEvent<this, void>;
-    /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */
-    readonly calciteDialogBeforeOpen: TargetedEvent<this, void>;
-    /** Fires when the component is closed and animation is complete. */
-    readonly calciteDialogClose: TargetedEvent<this, void>;
-    /** Fires when the component is open and animation is complete. */
-    readonly calciteDialogOpen: TargetedEvent<this, void>;
-    /** Fires when the content is scrolled. */
-    readonly calciteDialogScroll: TargetedEvent<this, void>;
-    private messages: Partial<{
-        close: string;
-        resizeEnabled: string;
-        dragEnabled: string;
-    }> & import('@arcgis/lumina/controllers').T9nMeta<{
-        close: string;
-        resizeEnabled: string;
-        dragEnabled: string;
-    }>;
-}
+export abstract class Dialog extends LitElement {
+  /** Passes a function to run before the component closes. */
+  accessor beforeClose: () => Promise<void>;
+  /**
+   * When `true`, disables the component's close button.
+   *
+   * @default false
+   */
+  accessor closeDisabled: boolean;
+  /** Specifies a description for the component. */
+  accessor description: string;
+  /**
+   * When `true`, the component is draggable.
+   *
+   * @default false
+   */
+  accessor dragEnabled: boolean;
+  /**
+   * When `true`, disables the default close on escape behavior.
+   *
+   * By default, an open dialog can be dismissed by pressing the Esc key.
+   *
+   * @default false
+   * @see [Dialog Accessibility](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog#accessibility).
+   */
+  accessor escapeDisabled: boolean;
+  /**
+   * When `true` and `modal` is `false`, prevents focus trapping.
+   *
+   * @default false
+   */
+  accessor focusTrapDisabled: boolean;
+  /**
+   * Specifies custom focus trap configuration on the component, where
+   *
+   * `"allowOutsideClick`" allows outside clicks,
+   * `"initialFocus"` enables initial focus,
+   * `"returnFocusOnDeactivate"` returns focus when not active, and
+   * `"extraContainers"` specifies additional focusable elements external to the trap, such as 3rd-party components appending elements to the document body.
+   * `"setReturnFocus"` customizes the element to which focus is returned when the trap is deactivated. Return `false` to prevent focus return, or `undefined` to use the default behavior (returning focus to the element focused before activation).
+   */
+  accessor focusTrapOptions: Partial<FocusTrapOptions>;
+  /** Specifies the component's heading text. */
+  accessor heading: string;
+  /** Specifies the heading level number of the component's `heading` for proper document structure, without affecting visual styling. */
+  accessor headingLevel: HeadingLevel;
+  /** Specifies an icon to display. */
+  accessor icon: IconName;
+  /**
+   * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+   *
+   * @default false
+   */
+  accessor iconFlipRtl: boolean;
+  /** Specifies the kind of the component, which will style the top border. */
+  accessor kind: Extract<"brand" | "danger" | "info" | "success" | "warning", Kind>;
+  /**
+   * When `true`, a busy indicator is displayed.
+   *
+   * @default false
+   */
+  accessor loading: boolean;
+  /**
+   * When `true`, the action menu items in the `header-menu-actions` slot are open.
+   *
+   * @default false
+   */
+  accessor menuOpen: boolean;
+  /** Overrides individual strings used by the component. */
+  accessor messageOverrides: {
+      close?: string;
+      resizeEnabled?: string;
+      dragEnabled?: string;
+  };
+  /**
+   * When `true`, displays a scrim blocking interaction underneath the component.
+   *
+   * @default false
+   */
+  accessor modal: boolean;
+  /**
+   * When `true`, displays and positions the component.
+   *
+   * @default false
+   */
+  accessor open: boolean;
+  /**
+   * When `true`, disables the closing of the component when clicked outside.
+   *
+   * @default false
+   */
+  accessor outsideCloseDisabled: boolean;
+  /**
+   * Specifies the type of positioning to use for overlaid content, where:
+   *
+   * `"absolute"` works for most cases - positioning the component inside of overflowing parent containers, which affects the container's layout, and
+   *
+   * `"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 placement of the dialog.
+   *
+   * @default "center"
+   */
+  accessor placement: DialogPlacement;
+  /**
+   * When `true`, the component is resizable.
+   *
+   * @default false
+   */
+  accessor resizable: boolean;
+  /**
+   * Specifies the size of the component.
+   *
+   * @default "m"
+   */
+  accessor scale: Scale;
+  /**
+   * When `true` and the component is `open`, disables top layer placement.
+   *
+   * Only set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.
+   *
+   * @default false
+   * @mdn [Top Layer](https://developer.mozilla.org/en-US/docs/Glossary/Top_layer)
+   */
+  accessor topLayerDisabled: boolean;
+  /** Specifies the width of the component. */
+  accessor width: Extract<Width, Scale>;
+  /**
+   * Specifies the width of the component.
+   *
+   * @deprecated in v3.0.0, removal target v6.0.0 - Use the `width` property instead.
+   * @default "m"
+   */
+  accessor widthScale: Scale;
+  /**
+   * Scrolls the component's content to a specified set of coordinates.
+   *
+   * @param options - allows specific coordinates to be defined.
+   * @returns promise that resolves once the content is scrolled to.
+   * @example
+   * myCalciteFlowItem.scrollContentTo({
+   *   left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.
+   *   top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element
+   *   behavior: "auto" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value).
+   * });
+   */
+  scrollContentTo(options?: ScrollToOptions): Promise<void>;
+  /**
+   * Sets focus on the component's "close" button (the first focusable item).
+   *
+   * @param options - When specified an optional object customizes the component's focusing process. When `preventScroll` is `true`, scrolling will not occur on the component.
+   * @returns A promise that is resolved when the operation has completed.
+   * @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 component is requested to be closed and before the closing transition begins. */
+  readonly calciteDialogBeforeClose: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */
+  readonly calciteDialogBeforeOpen: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires when the component is closed and animation is complete. */
+  readonly calciteDialogClose: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires when the component is open and animation is complete. */
+  readonly calciteDialogOpen: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires when the content is scrolled. */
+  readonly calciteDialogScroll: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    calciteDialogBeforeClose: Dialog["calciteDialogBeforeClose"]["detail"];
+    calciteDialogBeforeOpen: Dialog["calciteDialogBeforeOpen"]["detail"];
+    calciteDialogClose: Dialog["calciteDialogClose"]["detail"];
+    calciteDialogOpen: Dialog["calciteDialogOpen"]["detail"];
+    calciteDialogScroll: Dialog["calciteDialogScroll"]["detail"];
+  };
+}

package/dist/components/calcite-dialog/customElement.js

@@ -1,17 +1,17 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.73 */
-import { a as resizeShiftStep, c as customElement } from "../../chunks/runtime.js";
+v5.0.0-next.74 */
+import { b as resizeShiftStep, c as customElement } from "../../chunks/runtime.js";
 import { keyed } from "lit/directives/keyed.js";
 import { i as interact } from "../../chunks/interact.min.js";
 import { css, html } from "lit";
 import { createRef, ref } from "lit/directives/ref.js";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
-import { k as getStylePixelValue } from "../../chunks/dom.js";
+import { a as getStylePixelValue } from "../../chunks/dom.js";
 import { c as createObserver } from "../../chunks/observers.js";
 import { g as getDimensionClass } from "../../chunks/dynamicClasses.js";
 import { t as toggleOpenClose } from "../../chunks/openCloseComponent.js";
-import { S as SLOTS$1 } from "../../chunks/resources3.js";
+import { S as SLOTS$1 } from "../../chunks/resources5.js";
 import { u as useT9n } from "../../chunks/useT9n.js";
 import { u as useFocusTrap } from "../../chunks/useFocusTrap.js";
 import { u as usePreventDocumentScroll } from "../../chunks/usePreventDocumentScroll.js";
@@ -476,7 +476,7 @@ class Dialog extends LitElement {
     })} .popover=${!this.embedded ? "manual" : null} role=dialog ${ref(this.popoverRef)}>${this.modal ? html`<calcite-scrim class=${safeClassMap(CSS.scrim)} @click=${this.handleOutsideClose}></calcite-scrim>` : null}<div class=${safeClassMap({
       [CSS.dialog]: true,
       [getDimensionClass("width", this.width, this.widthScale)]: !!(this.width || this.widthScale)
-    })} @keydown=${this.handleKeyDown} ${ref(this.setTransitionEl)}>${assistiveText ? keyed("assistive-text", html`<div aria-live=polite class=${safeClassMap(CSS.assistiveText)}>${assistiveText}</div>`) : null}<slot name=${SLOTS.customContent}><calcite-panel class=${safeClassMap(CSS.panel)} .closable=${!this.closeDisabled} .description=${description} .heading=${heading} .headingLevel=${this.headingLevel} .hidden=${!this.opened} .icon=${icon} .iconFlipRtl=${iconFlipRtl} .loading=${this.loading} .menuOpen=${this.menuOpen} .messageOverrides=${this.messageOverrides} @keydown=${this.handlePanelKeyDown} @calcitePanelClose=${this.handleInternalPanelCloseClick} @calcitePanelScroll=${this.handleInternalPanelScroll} .overlayPositioning=${this.overlayPositioning} .scale=${this.scale} ${ref(this.panelRef)}><slot name=${SLOTS.actionBar} slot=${SLOTS$1.actionBar}></slot><slot name=${SLOTS.alerts} slot=${SLOTS$1.alerts}></slot><slot name=${SLOTS.headerActionsStart} slot=${SLOTS$1.headerActionsStart}></slot><slot name=${SLOTS.headerActionsEnd} slot=${SLOTS$1.headerActionsEnd}></slot><slot name=${SLOTS.headerContent} slot=${SLOTS$1.headerContent}></slot><slot name=${SLOTS.headerMenuActions} slot=${SLOTS$1.headerMenuActions}></slot><slot name=${SLOTS.fab} slot=${SLOTS$1.fab}></slot><slot name=${SLOTS.contentTop} slot=${SLOTS$1.contentTop}></slot><slot name=${SLOTS.contentBottom} slot=${SLOTS$1.contentBottom}></slot><slot name=${SLOTS.footerStart} slot=${SLOTS$1.footerStart}></slot><slot name=${SLOTS.footer} slot=${SLOTS$1.footer}></slot><slot name=${SLOTS.footerEnd} slot=${SLOTS$1.footerEnd}></slot><slot></slot></calcite-panel></slot></div></div>`;
+    })} @keydown=${this.handleKeyDown} ${ref(this.setTransitionEl)}>${assistiveText ? keyed("assistive-text", html`<div aria-live=polite class=${safeClassMap(CSS.assistiveText)}>${assistiveText}</div>`) : null}<slot name=${SLOTS.customContent}><calcite-panel class=${safeClassMap(CSS.panel)} .closable=${!this.closeDisabled} .description=${description} .heading=${heading} .headingLevel=${this.headingLevel} .hidden=${!this.opened} .icon=${icon} .iconFlipRtl=${iconFlipRtl} .loading=${this.loading} .menuOpen=${this.menuOpen} .messageOverrides=${this.messageOverrides} @keydown=${this.handlePanelKeyDown} @calcitePanelClose=${this.handleInternalPanelCloseClick} @calcitePanelScroll=${this.handleInternalPanelScroll} .overlayPositioning=${this.overlayPositioning} .scale=${this.scale} .topLayerDisabled=${this.topLayerDisabled} ${ref(this.panelRef)}><slot name=${SLOTS.actionBar} slot=${SLOTS$1.actionBar}></slot><slot name=${SLOTS.alerts} slot=${SLOTS$1.alerts}></slot><slot name=${SLOTS.headerActionsStart} slot=${SLOTS$1.headerActionsStart}></slot><slot name=${SLOTS.headerActionsEnd} slot=${SLOTS$1.headerActionsEnd}></slot><slot name=${SLOTS.headerContent} slot=${SLOTS$1.headerContent}></slot><slot name=${SLOTS.headerMenuActions} slot=${SLOTS$1.headerMenuActions}></slot><slot name=${SLOTS.fab} slot=${SLOTS$1.fab}></slot><slot name=${SLOTS.contentTop} slot=${SLOTS$1.contentTop}></slot><slot name=${SLOTS.contentBottom} slot=${SLOTS$1.contentBottom}></slot><slot name=${SLOTS.footerStart} slot=${SLOTS$1.footerStart}></slot><slot name=${SLOTS.footer} slot=${SLOTS$1.footer}></slot><slot name=${SLOTS.footerEnd} slot=${SLOTS$1.footerEnd}></slot><slot></slot></calcite-panel></slot></div></div>`;
   }
 }
 customElement("calcite-dialog", Dialog);

package/dist/components/calcite-dialog/index.d.ts

@@ -1,3 +1 @@
-import "../calcite-scrim/index.js";
-import "../calcite-panel/index.js";
 export * from "./customElement.js";

package/dist/components/calcite-dialog/interfaces.d.ts

@@ -1,11 +1 @@
-export type DialogPlacement = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "cover" | "center";
-export type DialogResizePosition = {
-    top: number;
-    right: number;
-    bottom: number;
-    left: number;
-};
-export type DialogDragPosition = {
-    x: number;
-    y: number;
-};
+export type DialogPlacement = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "cover" | "center";