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

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

@@ -1,11 +1,11 @@
 /*! 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 */
+v5.0.0-next.74 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { keyed } from "lit/directives/keyed.js";
 import { css, html } from "lit";
 import { LitElement, safeClassMap } from "@arcgis/lumina";
-import { a as slotChangeHasAssignedElement, s as slotChangeGetAssignedElements } from "../../chunks/dom.js";
+import { s as slotChangeHasAssignedElement, b as slotChangeGetAssignedElements } from "../../chunks/dom.js";
 const styles = css`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{position:absolute;inset:0;display:flex;block-size:100%;inline-size:100%;flex-direction:column;overflow:hidden}.main{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;flex-direction:row;justify-content:space-between;overflow:hidden}.content{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;overflow:auto;justify-content:space-between}.content ::slotted(calcite-panel),.content ::slotted(calcite-flow){flex:1 1 auto;align-self:stretch;max-block-size:unset}.content--behind{position:absolute;inset:0;border-width:0px;z-index:calc(var(--calcite-z-index) - 1);display:initial}.content--non-interactive{pointer-events:none;display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap}::slotted(calcite-shell-panel){inline-size:unset}::slotted(.header .heading){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);font-weight:var(--calcite-font-weight-normal)}slot[name=panel-start]::slotted(calcite-shell-panel),slot[name=panel-end]::slotted(calcite-shell-panel){position:relative;z-index:calc(var(--calcite-z-index) + 1)}slot[name=panel-end]::slotted(calcite-shell-panel){margin-inline-start:auto}::slotted(calcite-panel),::slotted(calcite-flow){border-width:var(--calcite-border-width-sm);border-color:var(--calcite-shell-border-color, var(--calcite-color-border-3));border-inline-start-width:var(--calcite-border-width-none);border-inline-end-width:var(--calcite-border-width-none);border-style:solid}slot[name=panel-top]::slotted(calcite-shell-panel:not([display-mode^=float])),slot[name=panel-bottom]::slotted(calcite-shell-panel:not([display-mode^=float])){border-color:var(--calcite-shell-border-color, var(--calcite-color-border-3));border-inline-start-width:var(--calcite-border-width-sm);border-inline-end-width:var(--calcite-border-width-sm)}.center-content{display:flex;flex-direction:column;justify-content:space-between;block-size:100%;inline-size:100%;min-inline-size:0}.content-bottom{justify-content:flex-end}::slotted(calcite-shell-panel){flex:none;align-self:stretch}::slotted(calcite-tip-manager){position:absolute;z-index:var(--calcite-z-index-toast);box-sizing:border-box}@keyframes in-up{0%{opacity:0;transform:translate3D(0,5px,0)}to{opacity:1;transform:translateZ(0)}}::slotted(calcite-tip-manager){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:.25rem;--tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);--tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);inset-block-end:.5rem;inset-inline:var(--calcite-shell-tip-spacing, 26vw)}slot[name=panel-bottom]::slotted(calcite-shell-panel){margin-block-start:auto}slot[name=panel-top]::slotted(calcite-shell-panel){margin-block-end:auto}.position-wrapper{position:absolute;pointer-events:none;inset:0}:host([hidden]){display:none}[hidden]{display:none}`;
 const CSS = {
   main: "main",

package/dist/components/calcite-shell-panel/customElement.d.ts

@@ -1,87 +1,97 @@
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { Height, Layout, Position, Scale, Width } from '../interfaces';
-import { DisplayMode, ResizeValues } from './interfaces';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { Height, Layout, Position, Scale, Width } from "../interfaces.js";
+import type { DisplayMode } from "./interfaces.js";
 
 /**
+ * @cssproperty [--calcite-shell-panel-background-color] - Specifies the component's background color.
+ * @cssproperty [--calcite-shell-panel-border-color] - When `displayMode` is `"float-all"`, specifies the component's border color.
+ * @cssproperty [--calcite-shell-panel-corner-radius] - When `displayMode` is `"float-all"`, specifies the component's corner radius.
+ * @cssproperty [--calcite-shell-panel-height] - When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float` or `float-all`, specifies the component's height.
+ * @cssproperty [--calcite-shell-panel-max-height] - When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float`, specifies the component's maximum height.
+ * @cssproperty [--calcite-shell-panel-min-height] - When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float`, specifies the component's minimum height.
+ * @cssproperty [--calcite-shell-panel-max-width] - Specifies the component's maximum width.
+ * @cssproperty [--calcite-shell-panel-resize-icon-color] - Specifies the resize handle's text color.
+ * @cssproperty [--calcite-shell-panel-shadow] - When `displayMode` is `"float-all"`, specifies the component's shadow.
+ * @cssproperty [--calcite-shell-panel-text-color] - Specifies the component's text color.
+ * @cssproperty [--calcite-shell-panel-width] - Specifies the component's width.
+ * @cssproperty [--calcite-shell-panel-z-index] - Specifies the component's z-index value.
  * @slot  - A slot for adding custom content.
  * @slot [action-bar] - A slot for adding a `calcite-action-bar` to the component.
  */
-export declare class ShellPanel extends LitElement {
-    /**
-     * When `true`, hides the component's content area.
-     *
-     * @default false
-     */
-    collapsed: boolean;
-    /**
-     * Specifies the component's display mode, where:
-     *
-     * `"dock"` displays at full height adjacent to center content,
-     *
-     * `"overlay"` displays at full height on top of center content, and
-     *
-     * `"float"` [Deprecated] does not display at full height with content separately detached from `calcite-action-bar` on top of center content.
-     *
-     * `"float-content"` does not display at full height with content separately detached from `calcite-action-bar` on top of center content.
-     *
-     * `"float-all"` detaches the `calcite-panel` and `calcite-action-bar` on top of center content.
-     *
-     * @default "dock"
-     */
-    displayMode: DisplayMode;
-    /**
-     * When `layout` is `horizontal`, specifies the component's maximum height.
-     *
-     * @deprecated in v3.0.0, removal target v6.0.0 - Use the `height` property instead.
-     */
-    heightScale: Scale;
-    /**
-     * Specifies the component's direction.
-     *
-     * @deprecated in v4.0.0, removal target v6.0.0 -  No longer necessary.
-     * @default "vertical"
-     */
-    layout: Extract<"horizontal" | "vertical", Layout>;
-    /** Overrides individual strings used by the component. */
-    messageOverrides?: typeof this.messages._overrides;
-    /**
-     * Specifies the component's position. Will be flipped when the element direction is right-to-left (`"rtl"`).
-     *
-     * @deprecated in v4.0.0, removal target v6.0.0 -  No longer necessary.
-     * @default "start"
-     */
-    position: Extract<"start" | "end", Position>;
-    /**
-     * When `true` and `displayMode` is `"dock"` or `"overlay"`, the component's content area is resizable.
-     *
-     * @default false
-     */
-    resizable: boolean;
-    /** Specifies the component's height. */
-    height: Height;
-    /**
-     * When `layout` is `vertical`, specifies the component's width.
-     *
-     * @deprecated in v3.0.0, removal target v6.0.0 -  Use the `width` property instead.
-     * @default "m"
-     */
-    widthScale: Scale;
-    /** Specifies the component's width. */
-    width: Extract<Width, Scale>;
-    /** @param size */
-    updateSize(size: {
-        inline?: number | null;
-        block?: number | null;
-    }): Promise<void>;
-    /** Fires when the component's content area is collapsed. */
-    readonly calciteShellPanelCollapse: TargetedEvent<this, void>;
-    /** Fires when the component's content area is expanded. */
-    readonly calciteShellPanelExpand: TargetedEvent<this, void>;
-    private messages: Partial<{
-        resize: string;
-    }> & import('@arcgis/lumina/controllers').T9nMeta<{
-        resize: string;
-    }>;
-}
+export abstract class ShellPanel extends LitElement {
+  /**
+   * When `true`, hides the component's content area.
+   *
+   * @default false
+   */
+  accessor collapsed: boolean;
+  /**
+   * Specifies the component's display mode, where:
+   *
+   * `"dock"` displays at full height adjacent to center content,
+   *
+   * `"overlay"` displays at full height on top of center content, and
+   *
+   * `"float"` [Deprecated] does not display at full height with content separately detached from `calcite-action-bar` on top of center content.
+   *
+   * `"float-content"` does not display at full height with content separately detached from `calcite-action-bar` on top of center content.
+   *
+   * `"float-all"` detaches the `calcite-panel` and `calcite-action-bar` on top of center content.
+   *
+   * @default "dock"
+   */
+  accessor displayMode: DisplayMode;
+  /** Specifies the component's height. */
+  accessor height: Height;
+  /**
+   * When `layout` is `horizontal`, specifies the component's maximum height.
+   *
+   * @deprecated in v3.0.0, removal target v6.0.0 - Use the `height` property instead.
+   */
+  accessor heightScale: Scale;
+  /**
+   * Specifies the component's direction.
+   *
+   * @deprecated in v4.0.0, removal target v6.0.0 -  No longer necessary.
+   * @default "vertical"
+   */
+  accessor layout: Extract<"horizontal" | "vertical", Layout>;
+  /** Overrides individual strings used by the component. */
+  accessor messageOverrides: { resize?: string; };
+  /**
+   * Specifies the component's position. Will be flipped when the element direction is right-to-left (`"rtl"`).
+   *
+   * @deprecated in v4.0.0, removal target v6.0.0 -  No longer necessary.
+   * @default "start"
+   */
+  accessor position: Extract<"start" | "end", Position>;
+  /**
+   * When `true` and `displayMode` is `"dock"` or `"overlay"`, the component's content area is resizable.
+   *
+   * @default false
+   */
+  accessor resizable: boolean;
+  /** Specifies the component's width. */
+  accessor width: Extract<Width, Scale>;
+  /**
+   * When `layout` is `vertical`, specifies the component's width.
+   *
+   * @deprecated in v3.0.0, removal target v6.0.0 -  Use the `width` property instead.
+   * @default "m"
+   */
+  accessor widthScale: Scale;
+  /** @param size */
+  updateSize(size: {
+      inline?: number | null;
+      block?: number | null;
+  }): Promise<void>;
+  /** Fires when the component's content area is collapsed. */
+  readonly calciteShellPanelCollapse: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires when the component's content area is expanded. */
+  readonly calciteShellPanelExpand: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    calciteShellPanelCollapse: ShellPanel["calciteShellPanelCollapse"]["detail"];
+    calciteShellPanelExpand: ShellPanel["calciteShellPanelExpand"]["detail"];
+  };
+}

package/dist/components/calcite-shell-panel/customElement.js

@@ -1,13 +1,13 @@
 /*! 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 { C as CSS_UTILITY, a as resizeShiftStep, b as resizeStep, c as customElement } from "../../chunks/runtime.js";
+v5.0.0-next.74 */
+import { C as CSS_UTILITY, b as resizeShiftStep, d as resizeStep, 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 { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
 import { createRef, ref } from "lit/directives/ref.js";
-import { g as getElementDir, k as getStylePixelValue, s as slotChangeGetAssignedElements, a as slotChangeHasAssignedElement } from "../../chunks/dom.js";
+import { g as getElementDir, a as getStylePixelValue, b as slotChangeGetAssignedElements, s as slotChangeHasAssignedElement } from "../../chunks/dom.js";
 import { g as getDimensionClass } from "../../chunks/dynamicClasses.js";
 import { u as useT9n } from "../../chunks/useT9n.js";
 import { makeController } from "@arcgis/lumina/controllers";

package/dist/components/calcite-shell-panel/index.d.ts

@@ -1,2 +1 @@
-import "../calcite-icon/index.js";
 export * from "./customElement.js";

package/dist/components/calcite-shell-panel/interfaces.d.ts

@@ -1,9 +1 @@
-export type DisplayMode = "dock" | "float" | "overlay" | "float-content" | "float-all";
-export interface ResizeValues {
-    inlineSize: number;
-    blockSize: number;
-    minInlineSize: number;
-    minBlockSize: number;
-    maxInlineSize: number;
-    maxBlockSize: number;
-}
+export type DisplayMode = "dock" | "float" | "overlay" | "float-content" | "float-all";