@ixfx/components 0.14.3 → 0.14.5

package/bundle/index.d.ts

@@ -9,7 +9,7 @@ declare class IxfxIconElement extends LitElement {
   rotate: string;
   connectedCallback(): void;
   disconnectedCallback(): void;
-  protected render(): import("lit").TemplateResult<1> | typeof nothing;
+  protected render(): typeof nothing | import("lit").TemplateResult<1>;
   protected updated(changed: Map<string, unknown>): void;
   static styles: import("lit").CSSResult[];
 }
@@ -596,7 +596,7 @@ declare class ButtonElement extends LitElement {
    * attribute).
    */
   value: boolean;
-  protected _renderIcon(): import("lit").TemplateResult<1> | typeof nothing;
+  protected _renderIcon(): typeof nothing | import("lit").TemplateResult<1>;
   protected render(): import("lit").TemplateResult<1>;
   static styles: import("lit").CSSResult[];
 }
@@ -2101,7 +2101,7 @@ declare abstract class LabelledInputBase extends LitElement {
     value: number;
   }>) => void;
   protected _syncValue(v: number): void;
-  protected _renderEditableNumber(): import("lit").TemplateResult<1> | typeof nothing;
+  protected _renderEditableNumber(): typeof nothing | import("lit").TemplateResult<1>;
   updated(changedProperties: Map<string, unknown>): void;
 }
 //#endregion
@@ -5792,7 +5792,7 @@ declare class SplitLayoutElement extends LitElement {
   private _onPointerUp;
   private _emitResize;
   private _emitChange;
-  protected render(): import("lit").TemplateResult<1> | typeof nothing;
+  protected render(): typeof nothing | import("lit").TemplateResult<1>;
   private _getTrackSizes;
   private _resolveTracks;
   private _renderGutter;
@@ -6746,7 +6746,8 @@ declare class KeyedElementIndex {
 /** Caption for a drag entry — explicit element labels win, then data values, then generic element text, then the key. */
 declare function captionForEntry(entry: ListDragEntry<unknown>): string;
 /**
- * Uniform built-in HTML+canvas drag preview for all four list components.
+ * Built-in drag preview shared by the list components. `tree-list` gets a
+ * compact row pill (icon + label + count badge); the others get the layouts below.
  *
  * - ≤5 selected → a row of small cards (thumbnail well + caption).
  * - >5 selected → a compact list (`N items` header, up to 5 rows, `+N more`).
@@ -7998,7 +7999,7 @@ declare class GroupedItemListerElement<T = unknown> extends LitElement {
   connectedCallback(): void;
   disconnectedCallback(): void;
   protected updated(changed: PropertyValues): void;
-  protected render(): import("lit").TemplateResult<1> | typeof nothing;
+  protected render(): typeof nothing | import("lit").TemplateResult<1>;
 }
 declare global {
   interface HTMLElementTagNameMap {
@@ -9449,7 +9450,7 @@ declare class LabelledRadialInput extends LabelledInputBase {
   private _isWide;
   private _getEffectivePrecision;
   protected _handleResize(entries: ResizeObserverEntry[]): void;
-  protected _renderEditableNumber(): import("lit").TemplateResult<1> | typeof nothing;
+  protected _renderEditableNumber(): typeof nothing | import("lit").TemplateResult<1>;
   render(): import("lit").TemplateResult<1>;
   private _getTooltipValue;
   static styles: CSSResultGroup;
@@ -10339,6 +10340,23 @@ interface PillRendererOptions {
   queueDisplay?: PillQueueDisplay;
   /** Extra margin (px) added to the default spacing on each side, letting pills avoid eg. a fixed header/footer/notch. */
   safeArea?: PillSafeArea;
+  /**
+   * Render the toasts in the browser's top layer (via the Popover API), so they
+   * appear above modal `<dialog>` backdrops and other popovers regardless of any
+   * `z-index`. Each time a new toast arrives the container is re-promoted, so a
+   * dialog opened after earlier toasts doesn't keep covering later ones.
+   * Browsers without the Popover API silently fall back to normal stacking.
+   *
+   * Caveat: a modal dialog makes the rest of the page inert, including toasts, so
+   * they show above it but can't be clicked until it closes (timed dismissal is
+   * unaffected). Default `true`. Set `false` to manage stacking yourself with `zIndex`.
+   */
+  topLayer?: boolean;
+  /**
+   * `z-index` for the toast layer when `topLayer` is `false`. Ignored otherwise.
+   * Leave unset to take no part in z-ordering.
+   */
+  zIndex?: number;
 }
 declare function createPillRenderer(options?: PillRendererOptions): NotificationRenderer;
 //#endregion