npm - @skdx/vue - Versions diffs - 0.28.0 → 0.29.0 - Mend

@skdx/vue 0.28.0 → 0.29.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3440) hide show

package/dist/file-upload/context.d.cts CHANGED Viewed

@@ -1,15 +1,9 @@
 import type { ComputedRef, InjectionKey, Ref } from 'vue';
-/**
- * Per-file upload status (owned by the component's parent,
- * not by FileUpload itself).
- */
+/** Per-file upload status, owned by the component's parent rather than by FileUpload itself. */
 export type FileUploadFileStatus = 'idle' | 'uploading' | 'complete' | 'error';
 /** Where the device camera should open, when the root's `capture` is set. */
 export type FileUploadCapture = 'user' | 'environment';
-/**
- * File rejection with reasons. Built-in codes: `file-invalid-type`,
- * `file-too-large` / `file-too-small`, `too-many-files`, plus custom `validate` codes.
- */
+/** A file rejection with its reasons, from a built-in code or a custom `validator` code. */
 export interface FileUploadRejection {
     /** Rejected file (not added to list). */
     file: File;
@@ -58,10 +52,7 @@ export interface FileUploadContext {
     invalid: ComputedRef<boolean>;
 }
 /**
- * Dropzone description when required (only way to convey mandatory / missing).
- * `role="button"` doesn't support `aria-required` or valid `aria-invalid`,
- * so we use `aria-describedby` instead (global in all ARIA versions).
- * Pinned by `assertFileUploadDropzoneContract` in `@skdx/shared/testing`.
+ * Dropzone description conveying required/missing, since `role="button"` supports neither `aria-required` nor `aria-invalid`.
  * @internal
  */
 export declare function requiredDescription(invalid: boolean): string;
@@ -74,41 +65,20 @@ export interface FileUploadItemContext {
 }
 /** @internal Injection key for parts nested in one Item (Name, SizeText, Preview, Delete). */
 export declare const FILE_UPLOAD_ITEM_CONTEXT: InjectionKey<FileUploadItemContext>;
-/**
- * @internal Removal announcement: names one file (distinguishes it from unchanged rows),
- * counts multiple (verbose to name all). Pinned by `fileUploadRemovalAnnouncement`.
- */
+/** @internal Removal announcement: names a single file, counts multiple rather than naming them all. */
 export declare function removalAnnouncement(fileNames: readonly string[]): string;
-/**
- * @internal Format bytes as short localized text (`999B`, `1.5kB`).
- * Copied from `@skdx/shared` (dev-only dep), synced via
- * `assertFileUploadItemPartsContract`. Narrow unit display avoids
- * "7 byte" (short) or "1.5 kilobytes" (long) which are too verbose.
- */
-export declare function formatFileSize(bytes: number): string;
-/**
- * @internal Focus the next delete button (or previous, or dropzone/trigger).
- * Done before removal to prevent focus jumping to `<body>` on unmount
- * (which breaks keyboard trimming of large selections).
- */
+/** @internal Focuses the next delete button (or previous, or dropzone/trigger) before removal, so focus never drops to `<body>`. */
 export declare function moveFocusBeforeRemoval(button: Element): void;
 /** @internal Whether file matches accept patterns (extension, wildcard MIME, or exact). */
 export declare function matchesAccept(file: File, accept?: string): boolean;
-/** @internal The checks the `validate` prop and the size/type props feed. */
+/** @internal The checks the `validator` prop and the size/type props feed. */
 export interface FileUploadValidateOptions {
-    accept?: string;
-    maxFileSize?: number;
-    minFileSize?: number;
-    validate?: (file: File) => string[] | null | undefined;
+    accept?: string | undefined;
+    maxFileSize?: number | undefined;
+    minFileSize?: number | undefined;
+    validator?: ((file: File) => string[] | null | undefined) | undefined;
 }
-/**
- * @internal All rejection reasons for a file (contract order).
- * Empty = accepted. `too-many-files` not included (depends on batch state).
- */
+/** @internal All rejection reasons for a file; empty means accepted. `too-many-files` is not included, since it depends on batch state. */
 export declare function fileErrors(file: File, options: FileUploadValidateOptions): string[];
-/**
- * @internal Batch commit announcement: added count and rejection reasons.
- * Reasons deduplicated in first-seen order (multiple of same reason = one mention).
- * Pinned by `fileUploadAnnouncement` in `@skdx/shared/testing`.
- */
+/** @internal Batch commit announcement of added count and deduplicated rejection reasons. */
 export declare function commitAnnouncement(added: number, rejectedReasons: readonly string[]): string;

package/dist/file-upload/context.d.ts CHANGED Viewed

@@ -1,15 +1,9 @@
 import type { ComputedRef, InjectionKey, Ref } from 'vue';
-/**
- * Per-file upload status (owned by the component's parent,
- * not by FileUpload itself).
- */
+/** Per-file upload status, owned by the component's parent rather than by FileUpload itself. */
 export type FileUploadFileStatus = 'idle' | 'uploading' | 'complete' | 'error';
 /** Where the device camera should open, when the root's `capture` is set. */
 export type FileUploadCapture = 'user' | 'environment';
-/**
- * File rejection with reasons. Built-in codes: `file-invalid-type`,
- * `file-too-large` / `file-too-small`, `too-many-files`, plus custom `validate` codes.
- */
+/** A file rejection with its reasons, from a built-in code or a custom `validator` code. */
 export interface FileUploadRejection {
     /** Rejected file (not added to list). */
     file: File;
@@ -58,10 +52,7 @@ export interface FileUploadContext {
     invalid: ComputedRef<boolean>;
 }
 /**
- * Dropzone description when required (only way to convey mandatory / missing).
- * `role="button"` doesn't support `aria-required` or valid `aria-invalid`,
- * so we use `aria-describedby` instead (global in all ARIA versions).
- * Pinned by `assertFileUploadDropzoneContract` in `@skdx/shared/testing`.
+ * Dropzone description conveying required/missing, since `role="button"` supports neither `aria-required` nor `aria-invalid`.
  * @internal
  */
 export declare function requiredDescription(invalid: boolean): string;
@@ -74,41 +65,20 @@ export interface FileUploadItemContext {
 }
 /** @internal Injection key for parts nested in one Item (Name, SizeText, Preview, Delete). */
 export declare const FILE_UPLOAD_ITEM_CONTEXT: InjectionKey<FileUploadItemContext>;
-/**
- * @internal Removal announcement: names one file (distinguishes it from unchanged rows),
- * counts multiple (verbose to name all). Pinned by `fileUploadRemovalAnnouncement`.
- */
+/** @internal Removal announcement: names a single file, counts multiple rather than naming them all. */
 export declare function removalAnnouncement(fileNames: readonly string[]): string;
-/**
- * @internal Format bytes as short localized text (`999B`, `1.5kB`).
- * Copied from `@skdx/shared` (dev-only dep), synced via
- * `assertFileUploadItemPartsContract`. Narrow unit display avoids
- * "7 byte" (short) or "1.5 kilobytes" (long) which are too verbose.
- */
-export declare function formatFileSize(bytes: number): string;
-/**
- * @internal Focus the next delete button (or previous, or dropzone/trigger).
- * Done before removal to prevent focus jumping to `<body>` on unmount
- * (which breaks keyboard trimming of large selections).
- */
+/** @internal Focuses the next delete button (or previous, or dropzone/trigger) before removal, so focus never drops to `<body>`. */
 export declare function moveFocusBeforeRemoval(button: Element): void;
 /** @internal Whether file matches accept patterns (extension, wildcard MIME, or exact). */
 export declare function matchesAccept(file: File, accept?: string): boolean;
-/** @internal The checks the `validate` prop and the size/type props feed. */
+/** @internal The checks the `validator` prop and the size/type props feed. */
 export interface FileUploadValidateOptions {
-    accept?: string;
-    maxFileSize?: number;
-    minFileSize?: number;
-    validate?: (file: File) => string[] | null | undefined;
+    accept?: string | undefined;
+    maxFileSize?: number | undefined;
+    minFileSize?: number | undefined;
+    validator?: ((file: File) => string[] | null | undefined) | undefined;
 }
-/**
- * @internal All rejection reasons for a file (contract order).
- * Empty = accepted. `too-many-files` not included (depends on batch state).
- */
+/** @internal All rejection reasons for a file; empty means accepted. `too-many-files` is not included, since it depends on batch state. */
 export declare function fileErrors(file: File, options: FileUploadValidateOptions): string[];
-/**
- * @internal Batch commit announcement: added count and rejection reasons.
- * Reasons deduplicated in first-seen order (multiple of same reason = one mention).
- * Pinned by `fileUploadAnnouncement` in `@skdx/shared/testing`.
- */
+/** @internal Batch commit announcement of added count and deduplicated rejection reasons. */
 export declare function commitAnnouncement(added: number, rejectedReasons: readonly string[]): string;

package/dist/file-upload/context.js CHANGED Viewed

	@@ -1 +1 @@
1	- function e(e){return e?"Required. No file selected":"Required"}var t=/* @__PURE__ /Symbol("skdx-file-upload-context"),i=/ @__PURE__ /Symbol("skdx-file-upload-item-context");function n(e){return 0===e.length?"":1===e.length?`${e[0]} removed`:`${e.length} files removed`}~~var o=["byte","kilobyte","megabyte","gigabyte","terabyte"];~~function r(e){~~let t=e,i=0;for(;t>=1e3&&i<o.length-1;)t/=1e3,i+=1;return new Intl.NumberFormat(void 0,{style:"unit",unit:o[i],unitDisplay:"narrow",maximumFractionDigits:1}).format(t)}function a(e){~~const t=e.closest('[data-part="root"]');if(!t)return;const i=[...t.querySelectorAll('[data-part="item-delete"]')],n=i.indexOf(e);(i[n+1]??i[n-1]??t.querySelector('[data-part="dropzone"], [data-part="trigger"]'))?.focus()}function s(e,t){if(!t)return!0;const i=t.split(",").map(e=>e.trim().toLowerCase()).filter(Boolean);if(0===i.length)return!0;const n=e.name.toLowerCase(),o=e.type.toLowerCase();return i.some(e=>e.startsWith(".")?n.endsWith(e):e.endsWith("/")?o.startsWith(e.slice(0,-1)):o===e)}function l(e,t){const i=[];return s(e,t.accept)\|\|i.push("file-invalid-type"),void 0!==t.maxFileSize&&e.size>t.maxFileSize&&i.push("file-too-large"),void 0!==t.minFileSize&&e.size<t.minFileSize&&i.push("file-too-small"),i.push(...t.~~validate~~?.(e)??[]),i}function u(e,t){const i=[];if(e>0&&i.push(`${e} ${1===e?"file":"files"} added`),t.length>0){const e=[...new Set(t)].join(", "),n=t.length;i.push(`${n} ${1===n?"file":"files"} refused: ${e}`)}return i.join(". ")}export{t as FILE_UPLOAD_CONTEXT,i as FILE_UPLOAD_ITEM_CONTEXT,u as commitAnnouncement,l as fileErrors,r as ~~formatFileSize,s as~~ matchesAccept,a as moveFocusBeforeRemoval,n as removalAnnouncement,e as requiredDescription};
1	+ function e(e){return e?"Required. No file selected":"Required"}var t=/* @__PURE__ /Symbol("skdx-file-upload-context"),i=/ @__PURE__ /Symbol("skdx-file-upload-item-context");function o(e){return 0===e.length?"":1===e.length?`${e[0]} removed`:`${e.length} files removed`}function n(e){const t=e.closest('[data-part="root"]');if(!t)return;const i=[...t.querySelectorAll('[data-part="item-delete"]')],o=i.indexOf(e);(i[o+1]??i[o-1]??t.querySelector('[data-part="dropzone"], [data-part="trigger"]'))?.focus()}function r(e,t){if(!t)return!0;const i=t.split(",").map(e=>e.trim().toLowerCase()).filter(Boolean);if(0===i.length)return!0;const o=e.name.toLowerCase(),n=e.type.toLowerCase();return i.some(e=>e.startsWith(".")?o.endsWith(e):e.endsWith("/")?n.startsWith(e.slice(0,-1)):n===e)}function s(e,t){const i=[];return r(e,t.accept)\|\|i.push("file-invalid-type"),void 0!==t.maxFileSize&&e.size>t.maxFileSize&&i.push("file-too-large"),void 0!==t.minFileSize&&e.size<t.minFileSize&&i.push("file-too-small"),i.push(...t.validator?.(e)??[]),i}function l(e,t){const i=[];if(e>0&&i.push(`${e} ${1===e?"file":"files"} added`),t.length>0){const e=[...new Set(t)].join(", "),o=t.length;i.push(`${o} ${1===o?"file":"files"} refused: ${e}`)}return i.join(". ")}export{t as FILE_UPLOAD_CONTEXT,i as FILE_UPLOAD_ITEM_CONTEXT,l as commitAnnouncement,s as fileErrors,r as matchesAccept,n as moveFocusBeforeRemoval,o as removalAnnouncement,e as requiredDescription};

package/dist/file-upload/primitives.cjs CHANGED Viewed

	@@ -1 +1 @@
1	- Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./FileUploadDropzone.vue.cjs"),l=require("./~~FileUploadItem~~.vue.cjs"),r=require("./~~FileUploadItemDelete~~.vue.cjs"),i=require("./~~FileUploadItemGroup~~.vue.cjs"),d=require("./~~FileUploadItemName~~.vue.cjs"),o=require("./~~FileUploadItemPreview~~.vue.cjs"),t=require("./~~FileUploadItemSizeText~~.vue.cjs"),a=require("./~~FileUploadTrigger~~.vue.cjs"),u=require("./~~FileUpload~~.vue.cjs"),p=require("./~~FileUploadInput~~.vue.cjs"),q=require("./FileUploadClear.vue.cjs"),F=require("./FileUploadLabel.vue.cjs");exports.SkdxFileUpload=u.default;exports.SkdxFileUploadClear=q.default;exports.SkdxFileUploadDropzone=e.default;exports.SkdxFileUploadInput=p.default;exports.SkdxFileUploadItem=l.default;exports.SkdxFileUploadItemDelete=r.default;exports.SkdxFileUploadItemGroup=i.default;exports.SkdxFileUploadItemName=d.default;exports.SkdxFileUploadItemPreview=o.default;exports.SkdxFileUploadItemSizeText=t.default;exports.SkdxFileUploadLabel=F.default;exports.SkdxFileUploadTrigger=a.default;
1	+ Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./FileUploadDropzone.vue.cjs"),l=require("./FileUploadInput.vue.cjs"),r=require("./FileUploadItem.vue.cjs"),i=require("./FileUploadItemDelete.vue.cjs"),d=require("./FileUploadItemGroup.vue.cjs"),o=require("./FileUploadItemName.vue.cjs"),t=require("./FileUploadItemPreview.vue.cjs"),a=require("./FileUploadItemSizeText.vue.cjs"),u=require("./FileUploadTrigger.vue.cjs"),p=require("./FileUpload.vue.cjs"),q=require("./FileUploadClear.vue.cjs"),F=require("./FileUploadLabel.vue.cjs");exports.SkdxFileUpload=p.default;exports.SkdxFileUploadClear=q.default;exports.SkdxFileUploadDropzone=e.default;exports.SkdxFileUploadInput=l.default;exports.SkdxFileUploadItem=r.default;exports.SkdxFileUploadItemDelete=i.default;exports.SkdxFileUploadItemGroup=d.default;exports.SkdxFileUploadItemName=o.default;exports.SkdxFileUploadItemPreview=t.default;exports.SkdxFileUploadItemSizeText=a.default;exports.SkdxFileUploadLabel=F.default;exports.SkdxFileUploadTrigger=u.default;

package/dist/file-upload/primitives.d.cts CHANGED Viewed

@@ -1,6 +1,5 @@
 /**
- * Advanced primitives for `SkdxFileUpload` — the parts the recipe composes.
- * Use when the derived anatomy is not the structure you need.
+ * Advanced primitives for `SkdxFileUpload` — the parts the recipe composes into a custom structure.
  *
  * @example
  * ```vue

package/dist/file-upload/primitives.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
 /**
- * Advanced primitives for `SkdxFileUpload` — the parts the recipe composes.
- * Use when the derived anatomy is not the structure you need.
+ * Advanced primitives for `SkdxFileUpload` — the parts the recipe composes into a custom structure.
  *
  * @example
  * ```vue

package/dist/file-upload/primitives.js CHANGED Viewed

	@@ -1 +1 @@
1	- import e from"./FileUploadDropzone.vue.js";import o from"./~~FileUploadItem~~.vue.js";import l from"./~~FileUploadItemDelete~~.vue.js";import p from"./~~FileUploadItemGroup~~.vue.js";import a from"./~~FileUploadItemName~~.vue.js";import i from"./~~FileUploadItemPreview~~.vue.js";import m from"./~~FileUploadItemSizeText~~.vue.js";import r from"./~~FileUploadTrigger~~.vue.js";import d from"./~~FileUpload~~.vue.js";import t from"./~~FileUploadInput~~.vue.js";import s from"./FileUploadClear.vue.js";import F from"./FileUploadLabel.vue.js";export{d as SkdxFileUpload,s as SkdxFileUploadClear,e as SkdxFileUploadDropzone,t as SkdxFileUploadInput,o as SkdxFileUploadItem,l as SkdxFileUploadItemDelete,p as SkdxFileUploadItemGroup,a as SkdxFileUploadItemName,i as SkdxFileUploadItemPreview,m as SkdxFileUploadItemSizeText,F as SkdxFileUploadLabel,r as SkdxFileUploadTrigger};
1	+ import e from"./FileUploadDropzone.vue.js";import o from"./FileUploadInput.vue.js";import l from"./FileUploadItem.vue.js";import p from"./FileUploadItemDelete.vue.js";import a from"./FileUploadItemGroup.vue.js";import i from"./FileUploadItemName.vue.js";import m from"./FileUploadItemPreview.vue.js";import r from"./FileUploadItemSizeText.vue.js";import d from"./FileUploadTrigger.vue.js";import t from"./FileUpload.vue.js";import s from"./FileUploadClear.vue.js";import F from"./FileUploadLabel.vue.js";export{t as SkdxFileUpload,s as SkdxFileUploadClear,e as SkdxFileUploadDropzone,o as SkdxFileUploadInput,l as SkdxFileUploadItem,p as SkdxFileUploadItemDelete,a as SkdxFileUploadItemGroup,i as SkdxFileUploadItemName,m as SkdxFileUploadItemPreview,r as SkdxFileUploadItemSizeText,F as SkdxFileUploadLabel,d as SkdxFileUploadTrigger};

package/dist/floating-panel/FloatingPanel.vue.d.cts CHANGED Viewed

@@ -1,19 +1,6 @@
 import type { FloatingPanelGeometry, FloatingPanelGesture, FloatingPanelPosition, FloatingPanelSize, FloatingPanelStage } from './context.cjs';
 /**
- * A draggable, resizable, non-modal floating panel — the movable-window
- * pattern. Non-modal means no backdrop, focus trap, or scroll lock, so the
- * page behind stays usable while it's open.
- *
- * Always draws the derived anatomy: a portalled panel whose header carries
- * `title`, one button per `stages` entry, and a close button unless
- * `dismissible` is `false`, with the default slot as body and a south-east
- * resize grip while `resizable`. No derived trigger; the consumer drives
- * `open`.
- *
- * `open`, `position`, `size` and `stage` each work controlled or uncontrolled,
- * independently. Geometry reports on two channels: `@position-change`/
- * `@size-change` fire per frame for painting; `@position-commit`/`@size-commit`
- * fire once when the gesture settles, for persisting.
+ * A draggable, resizable, non-modal floating panel drawing the derived anatomy: portalled panel, header, and body slot.
  *
  * @example
  * ```vue
@@ -24,18 +11,16 @@ import type { FloatingPanelGeometry, FloatingPanelGesture, FloatingPanelPosition
  */
 type __VLS_Props = {
     /** Whether the panel is open, for controlled usage via `v-model:open`. @default undefined — uncontrolled. */
-    open?: boolean;
+    open?: boolean | undefined;
     /** Whether the panel is initially open, for uncontrolled usage. @default false — the panel is closed until `open` says otherwise.*/
     defaultOpen?: boolean;
     /**
-     * The panel's heading, rendered in the derived header. Omitting it omits
-     * `aria-labelledby` too — name a title-less panel with `aria-label` instead.
+     * The panel's heading, rendered in the derived header and omitting `aria-labelledby` when absent.
      * @default undefined — no title is rendered.
      */
-    title?: string;
+    title?: string | undefined;
     /**
-     * Window controls the derived header renders — one button per entry, each
-     * switching the panel to its `stage`. `label` is yours to supply.
+     * Window controls the derived header renders, one button per entry, each switching the panel to its `stage`.
      * @default [] — a panel that asked for no window controls gets none.
      */
     stages?: readonly {
@@ -45,19 +30,17 @@ type __VLS_Props = {
     /** Whether the derived header renders a close button. @default true */
     dismissible?: boolean;
     /**
-     * The panel's top-left corner in CSS pixels, for controlled usage via
-     * `v-model:position`. Pair with `@position-change` or the panel won't move.
+     * The panel's top-left corner in CSS pixels, for controlled usage via `v-model:position`.
      * @default undefined — uncontrolled, the panel tracks its own position internally.
      */
-    position?: FloatingPanelPosition;
+    position?: FloatingPanelPosition | undefined;
     /** Where the panel starts, for uncontrolled usage. @default { x: 0, y: 0 } — the boundary's top-left corner. */
     defaultPosition?: FloatingPanelPosition;
     /**
      * The panel's box in CSS pixels, for controlled usage via `v-model:size`.
-     * Pair with `@size-change` or the panel won't resize.
      * @default undefined — uncontrolled, the panel tracks its own size internally.
      */
-    size?: FloatingPanelSize;
+    size?: FloatingPanelSize | undefined;
     /** The panel's starting box, for uncontrolled usage. @default { width: 320, height: 240 } */
     defaultSize?: FloatingPanelSize;
     /** Smallest box the panel can be resized to. @default { width: 160, height: 120 } */
@@ -65,13 +48,12 @@ type __VLS_Props = {
     /** Largest box the panel can be resized to. @default { width: Infinity, height: Infinity } — only the boundary limits growth.*/
     maxSize?: FloatingPanelSize;
     /**
-     * Element the panel may not be dragged or resized out of; must be the
-     * panel's containing block for the published geometry to line up.
+     * Element the panel may not be dragged or resized out of.
      * @default null — the viewport constrains the panel instead.
      */
-    boundary?: HTMLElement | null;
+    boundary?: Element | null;
     /** The panel's window state, for controlled usage via `v-model:stage`. @default undefined — uncontrolled. */
-    stage?: FloatingPanelStage;
+    stage?: FloatingPanelStage | undefined;
     /** The panel's starting window state, for uncontrolled usage. @default 'default' — the panel uses its own position and size.*/
     defaultStage?: FloatingPanelStage;
     /** Whether the header can move the panel. @default true — a drag handle and keyboard mover. */
@@ -95,7 +77,7 @@ type __VLS_Props = {
      * Words the polite live-region message announced once per drag or resize on release.
      * @default undefined — the built-in English wording ("Panel moved to 40, 25").
      */
-    getGestureAnnouncement?: (gesture: FloatingPanelGesture, detail: FloatingPanelGeometry) => string;
+    getGestureAnnouncement?: ((gesture: FloatingPanelGesture, detail: FloatingPanelGeometry) => string) | undefined;
 };
 declare var __VLS_22: {};
 type __VLS_Slots = {} & {
@@ -114,40 +96,35 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "update:stage": (stage: FloatingPanelStage) => any;
     "stage-change": (stage: FloatingPanelStage) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:open"?: ((open: boolean) => any) | undefined;
-    "onOpen-change"?: ((open: boolean) => any) | undefined;
-    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
-    "onUpdate:position"?: ((position: FloatingPanelPosition) => any) | undefined;
-    "onPosition-change"?: ((position: FloatingPanelPosition) => any) | undefined;
-    "onPosition-commit"?: ((position: FloatingPanelPosition) => any) | undefined;
-    "onUpdate:size"?: ((size: FloatingPanelSize) => any) | undefined;
-    "onSize-change"?: ((size: FloatingPanelSize) => any) | undefined;
-    "onSize-commit"?: ((size: FloatingPanelSize) => any) | undefined;
-    "onUpdate:stage"?: ((stage: FloatingPanelStage) => any) | undefined;
-    "onStage-change"?: ((stage: FloatingPanelStage) => any) | undefined;
+    "onUpdate:open"?: (open: boolean) => any;
+    "onOpen-change"?: (open: boolean) => any;
+    "onOpen-change-complete"?: (open: boolean) => any;
+    "onUpdate:position"?: (position: FloatingPanelPosition) => any;
+    "onPosition-change"?: (position: FloatingPanelPosition) => any;
+    "onPosition-commit"?: (position: FloatingPanelPosition) => any;
+    "onUpdate:size"?: (size: FloatingPanelSize) => any;
+    "onSize-change"?: (size: FloatingPanelSize) => any;
+    "onSize-commit"?: (size: FloatingPanelSize) => any;
+    "onUpdate:stage"?: (stage: FloatingPanelStage) => any;
+    "onStage-change"?: (stage: FloatingPanelStage) => any;
 }>, {
-    title: string;
-    position: FloatingPanelPosition;
     disabled: boolean;
     dismissible: boolean;
-    open: boolean;
+    open: boolean | undefined;
     defaultOpen: boolean;
-    size: FloatingPanelSize;
     step: number;
     draggable: boolean;
-    boundary: HTMLElement | null;
+    boundary: Element | null;
     resizable: boolean;
     defaultSize: FloatingPanelSize;
     minSize: FloatingPanelSize;
     maxSize: FloatingPanelSize;
-    stage: FloatingPanelStage;
     stages: readonly {
         stage: FloatingPanelStage;
         label: string;
     }[];
     defaultPosition: FloatingPanelPosition;
     defaultStage: FloatingPanelStage;
-    getGestureAnnouncement: (gesture: FloatingPanelGesture, detail: FloatingPanelGeometry) => string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/floating-panel/FloatingPanel.vue.d.ts CHANGED Viewed

@@ -1,19 +1,6 @@
 import type { FloatingPanelGeometry, FloatingPanelGesture, FloatingPanelPosition, FloatingPanelSize, FloatingPanelStage } from './context.js';
 /**
- * A draggable, resizable, non-modal floating panel — the movable-window
- * pattern. Non-modal means no backdrop, focus trap, or scroll lock, so the
- * page behind stays usable while it's open.
- *
- * Always draws the derived anatomy: a portalled panel whose header carries
- * `title`, one button per `stages` entry, and a close button unless
- * `dismissible` is `false`, with the default slot as body and a south-east
- * resize grip while `resizable`. No derived trigger; the consumer drives
- * `open`.
- *
- * `open`, `position`, `size` and `stage` each work controlled or uncontrolled,
- * independently. Geometry reports on two channels: `@position-change`/
- * `@size-change` fire per frame for painting; `@position-commit`/`@size-commit`
- * fire once when the gesture settles, for persisting.
+ * A draggable, resizable, non-modal floating panel drawing the derived anatomy: portalled panel, header, and body slot.
  *
  * @example
  * ```vue
@@ -24,18 +11,16 @@ import type { FloatingPanelGeometry, FloatingPanelGesture, FloatingPanelPosition
  */
 type __VLS_Props = {
     /** Whether the panel is open, for controlled usage via `v-model:open`. @default undefined — uncontrolled. */
-    open?: boolean;
+    open?: boolean | undefined;
     /** Whether the panel is initially open, for uncontrolled usage. @default false — the panel is closed until `open` says otherwise.*/
     defaultOpen?: boolean;
     /**
-     * The panel's heading, rendered in the derived header. Omitting it omits
-     * `aria-labelledby` too — name a title-less panel with `aria-label` instead.
+     * The panel's heading, rendered in the derived header and omitting `aria-labelledby` when absent.
      * @default undefined — no title is rendered.
      */
-    title?: string;
+    title?: string | undefined;
     /**
-     * Window controls the derived header renders — one button per entry, each
-     * switching the panel to its `stage`. `label` is yours to supply.
+     * Window controls the derived header renders, one button per entry, each switching the panel to its `stage`.
      * @default [] — a panel that asked for no window controls gets none.
      */
     stages?: readonly {
@@ -45,19 +30,17 @@ type __VLS_Props = {
     /** Whether the derived header renders a close button. @default true */
     dismissible?: boolean;
     /**
-     * The panel's top-left corner in CSS pixels, for controlled usage via
-     * `v-model:position`. Pair with `@position-change` or the panel won't move.
+     * The panel's top-left corner in CSS pixels, for controlled usage via `v-model:position`.
      * @default undefined — uncontrolled, the panel tracks its own position internally.
      */
-    position?: FloatingPanelPosition;
+    position?: FloatingPanelPosition | undefined;
     /** Where the panel starts, for uncontrolled usage. @default { x: 0, y: 0 } — the boundary's top-left corner. */
     defaultPosition?: FloatingPanelPosition;
     /**
      * The panel's box in CSS pixels, for controlled usage via `v-model:size`.
-     * Pair with `@size-change` or the panel won't resize.
      * @default undefined — uncontrolled, the panel tracks its own size internally.
      */
-    size?: FloatingPanelSize;
+    size?: FloatingPanelSize | undefined;
     /** The panel's starting box, for uncontrolled usage. @default { width: 320, height: 240 } */
     defaultSize?: FloatingPanelSize;
     /** Smallest box the panel can be resized to. @default { width: 160, height: 120 } */
@@ -65,13 +48,12 @@ type __VLS_Props = {
     /** Largest box the panel can be resized to. @default { width: Infinity, height: Infinity } — only the boundary limits growth.*/
     maxSize?: FloatingPanelSize;
     /**
-     * Element the panel may not be dragged or resized out of; must be the
-     * panel's containing block for the published geometry to line up.
+     * Element the panel may not be dragged or resized out of.
      * @default null — the viewport constrains the panel instead.
      */
-    boundary?: HTMLElement | null;
+    boundary?: Element | null;
     /** The panel's window state, for controlled usage via `v-model:stage`. @default undefined — uncontrolled. */
-    stage?: FloatingPanelStage;
+    stage?: FloatingPanelStage | undefined;
     /** The panel's starting window state, for uncontrolled usage. @default 'default' — the panel uses its own position and size.*/
     defaultStage?: FloatingPanelStage;
     /** Whether the header can move the panel. @default true — a drag handle and keyboard mover. */
@@ -95,7 +77,7 @@ type __VLS_Props = {
      * Words the polite live-region message announced once per drag or resize on release.
      * @default undefined — the built-in English wording ("Panel moved to 40, 25").
      */
-    getGestureAnnouncement?: (gesture: FloatingPanelGesture, detail: FloatingPanelGeometry) => string;
+    getGestureAnnouncement?: ((gesture: FloatingPanelGesture, detail: FloatingPanelGeometry) => string) | undefined;
 };
 declare var __VLS_22: {};
 type __VLS_Slots = {} & {
@@ -114,40 +96,35 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "update:stage": (stage: FloatingPanelStage) => any;
     "stage-change": (stage: FloatingPanelStage) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:open"?: ((open: boolean) => any) | undefined;
-    "onOpen-change"?: ((open: boolean) => any) | undefined;
-    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
-    "onUpdate:position"?: ((position: FloatingPanelPosition) => any) | undefined;
-    "onPosition-change"?: ((position: FloatingPanelPosition) => any) | undefined;
-    "onPosition-commit"?: ((position: FloatingPanelPosition) => any) | undefined;
-    "onUpdate:size"?: ((size: FloatingPanelSize) => any) | undefined;
-    "onSize-change"?: ((size: FloatingPanelSize) => any) | undefined;
-    "onSize-commit"?: ((size: FloatingPanelSize) => any) | undefined;
-    "onUpdate:stage"?: ((stage: FloatingPanelStage) => any) | undefined;
-    "onStage-change"?: ((stage: FloatingPanelStage) => any) | undefined;
+    "onUpdate:open"?: (open: boolean) => any;
+    "onOpen-change"?: (open: boolean) => any;
+    "onOpen-change-complete"?: (open: boolean) => any;
+    "onUpdate:position"?: (position: FloatingPanelPosition) => any;
+    "onPosition-change"?: (position: FloatingPanelPosition) => any;
+    "onPosition-commit"?: (position: FloatingPanelPosition) => any;
+    "onUpdate:size"?: (size: FloatingPanelSize) => any;
+    "onSize-change"?: (size: FloatingPanelSize) => any;
+    "onSize-commit"?: (size: FloatingPanelSize) => any;
+    "onUpdate:stage"?: (stage: FloatingPanelStage) => any;
+    "onStage-change"?: (stage: FloatingPanelStage) => any;
 }>, {
-    title: string;
-    position: FloatingPanelPosition;
     disabled: boolean;
     dismissible: boolean;
-    open: boolean;
+    open: boolean | undefined;
     defaultOpen: boolean;
-    size: FloatingPanelSize;
     step: number;
     draggable: boolean;
-    boundary: HTMLElement | null;
+    boundary: Element | null;
     resizable: boolean;
     defaultSize: FloatingPanelSize;
     minSize: FloatingPanelSize;
     maxSize: FloatingPanelSize;
-    stage: FloatingPanelStage;
     stages: readonly {
         stage: FloatingPanelStage;
         label: string;
     }[];
     defaultPosition: FloatingPanelPosition;
     defaultStage: FloatingPanelStage;
-    getGestureAnnouncement: (gesture: FloatingPanelGesture, detail: FloatingPanelGeometry) => string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/floating-panel/FloatingPanel.vue_vue_type_script_setup_true_lang.cjs CHANGED Viewed

	@@ -1 +1 @@
1	- const l=require("./FloatingPanelAnatomy.vue.cjs"),o=require("./FloatingPanelRoot.vue.cjs");let n=require("vue");var d=(0,n.defineComponent)({inheritAttrs:!1,__name:"FloatingPanel",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},title:{~~default:void 0~~},stages:{default:()=>[]},dismissible:{type:Boolean,default:!0},position:{~~default:void 0~~},defaultPosition:{default:()=>({x:0,y:0})},size:{~~default:void 0~~},defaultSize:{default:()=>({width:320,height:240})},minSize:{default:()=>({width:160,height:120})},maxSize:{default:()=>({width:Number.POSITIVE_INFINITY,height:Number.POSITIVE_INFINITY})},boundary:{default:null},stage:{~~default:void 0~~},defaultStage:{default:"default"},draggable:{type:Boolean,default:!0},resizable:{type:Boolean,default:!0},step:{default:10},disabled:{type:Boolean,default:!1},getGestureAnnouncement:{~~type:Function,default:void 0~~}},emits:["update:open","open-change","open-change-complete","update:position","position-change","position-commit","update:size","size-change","size-commit","update:stage","stage-change"],setup(i){return(a,e)=>((0,n.openBlock)(),(0,n.createBlock)(o.default,{open:i.open,"default-open":i.defaultOpen,position:i.position,"default-position":i.defaultPosition,size:i.size,"default-size":i.defaultSize,"min-size":i.minSize,"max-size":i.maxSize,boundary:i.boundary,stage:i.stage,"default-stage":i.defaultStage,draggable:i.draggable,resizable:i.resizable,step:i.step,disabled:i.disabled,"get-gesture-announcement":i.getGestureAnnouncement,"onUpdate:open":e[0]\|\|(e[0]=t=>a.$emit("update:open",t)),onOpenChange:e[1]\|\|(e[1]=t=>a.$emit("open-change",t)),onOpenChangeComplete:e[2]\|\|(e[2]=t=>a.$emit("open-change-complete",t)),"onUpdate:position":e[3]\|\|(e[3]=t=>a.$emit("update:position",t)),onPositionChange:e[4]\|\|(e[4]=t=>a.$emit("position-change",t)),onPositionCommit:e[5]\|\|(e[5]=t=>a.$emit("position-commit",t)),"onUpdate:size":e[6]\|\|(e[6]=t=>a.$emit("update:size",t)),onSizeChange:e[7]\|\|(e[7]=t=>a.$emit("size-change",t)),onSizeCommit:e[8]\|\|(e[8]=t=>a.$emit("size-commit",t)),"onUpdate:stage":e[9]\|\|(e[9]=t=>a.$emit("update:stage",t)),onStageChange:e[10]\|\|(e[10]=t=>a.$emit("stage-change",t))},{default:(0,n.withCtx)(()=>[(0,n.createVNode)(l.default,(0,n.mergeProps)(a.$attrs,{title:i.title,stages:i.stages,dismissible:i.dismissible,resizable:i.resizable}),{default:(0,n.withCtx)(()=>[(0,n.renderSlot)(a.$slots,"default")]),_:3},16,["title","stages","dismissible","resizable"])]),_:3},8,["open","default-open","position","default-position","size","default-size","min-size","max-size","boundary","stage","default-stage","draggable","resizable","step","disabled","get-gesture-announcement"]))}});exports.default=d;
1	+ const l=require("./FloatingPanelAnatomy.vue.cjs"),s=require("./FloatingPanelRoot.vue.cjs");let n=require("vue");var d=(0,n.defineComponent)({inheritAttrs:!1,__name:"FloatingPanel",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},title:{},stages:{default:()=>[]},dismissible:{type:Boolean,default:!0},position:{},defaultPosition:{default:()=>({x:0,y:0})},size:{},defaultSize:{default:()=>({width:320,height:240})},minSize:{default:()=>({width:160,height:120})},maxSize:{default:()=>({width:Number.POSITIVE_INFINITY,height:Number.POSITIVE_INFINITY})},boundary:{default:null},stage:{},defaultStage:{default:"default"},draggable:{type:Boolean,default:!0},resizable:{type:Boolean,default:!0},step:{default:10},disabled:{type:Boolean,default:!1},getGestureAnnouncement:{}},emits:["update:open","open-change","open-change-complete","update:position","position-change","position-commit","update:size","size-change","size-commit","update:stage","stage-change"],setup(i){const o=i;return(a,e)=>((0,n.openBlock)(),(0,n.createBlock)(s.default,{open:i.open,"default-open":i.defaultOpen,position:i.position,"default-position":i.defaultPosition,size:i.size,"default-size":i.defaultSize,"min-size":i.minSize,"max-size":i.maxSize,boundary:i.boundary,stage:i.stage,"default-stage":i.defaultStage,draggable:i.draggable,resizable:i.resizable,step:i.step,disabled:i.disabled,"get-gesture-announcement":i.getGestureAnnouncement,"onUpdate:open":e[0]\|\|(e[0]=t=>a.$emit("update:open",t)),onOpenChange:e[1]\|\|(e[1]=t=>a.$emit("open-change",t)),onOpenChangeComplete:e[2]\|\|(e[2]=t=>a.$emit("open-change-complete",t)),"onUpdate:position":e[3]\|\|(e[3]=t=>a.$emit("update:position",t)),onPositionChange:e[4]\|\|(e[4]=t=>a.$emit("position-change",t)),onPositionCommit:e[5]\|\|(e[5]=t=>a.$emit("position-commit",t)),"onUpdate:size":e[6]\|\|(e[6]=t=>a.$emit("update:size",t)),onSizeChange:e[7]\|\|(e[7]=t=>a.$emit("size-change",t)),onSizeCommit:e[8]\|\|(e[8]=t=>a.$emit("size-commit",t)),"onUpdate:stage":e[9]\|\|(e[9]=t=>a.$emit("update:stage",t)),onStageChange:e[10]\|\|(e[10]=t=>a.$emit("stage-change",t))},{default:(0,n.withCtx)(()=>[(0,n.createVNode)(l.default,(0,n.mergeProps)(a.$attrs,{title:i.title,stages:o.stages,dismissible:o.dismissible,resizable:o.resizable}),{default:(0,n.withCtx)(()=>[(0,n.renderSlot)(a.$slots,"default")]),_:3},16,["title","stages","dismissible","resizable"])]),_:3},8,["open","default-open","position","default-position","size","default-size","min-size","max-size","boundary","stage","default-stage","draggable","resizable","step","disabled","get-gesture-announcement"]))}});exports.default=d;

package/dist/floating-panel/FloatingPanel.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

	@@ -1 +1 @@
1	- import e from"./FloatingPanelAnatomy.vue.js";import t from"./FloatingPanelRoot.vue.js";import{createBlock as a,createVNode as i,defineComponent as o,mergeProps as n,openBlock as s,renderSlot as d,withCtx as l}from"vue";var u=/* @__PURE__ */o({inheritAttrs:!1,__name:"FloatingPanel",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},title:{~~default:void 0~~},stages:{default:()=>[]},dismissible:{type:Boolean,default:!0},position:{~~default:void 0~~},defaultPosition:{default:()=>({x:0,y:0})},size:{~~default:void 0~~},defaultSize:{default:()=>({width:320,height:240})},minSize:{default:()=>({width:160,height:120})},maxSize:{default:()=>({width:Number.POSITIVE_INFINITY,height:Number.POSITIVE_INFINITY})},boundary:{default:null},stage:{~~default:void 0~~},defaultStage:{default:"default"},draggable:{type:Boolean,default:!0},resizable:{type:Boolean,default:!0},step:{default:10},disabled:{type:Boolean,default:!1},getGestureAnnouncement:{~~type:Function,default:void 0~~}},emits:["update:open","open-change","open-change-complete","update:position","position-change","position-commit","update:size","size-change","size-commit","update:stage","stage-change"],setup:o=>(u,p)=>(s(),a(t,{open:o.open,"default-open":o.defaultOpen,position:o.position,"default-position":o.defaultPosition,size:o.size,"default-size":o.defaultSize,"min-size":o.minSize,"max-size":o.maxSize,boundary:o.boundary,stage:o.stage,"default-stage":o.defaultStage,draggable:o.draggable,resizable:o.resizable,step:o.step,disabled:o.disabled,"get-gesture-announcement":o.getGestureAnnouncement,"onUpdate:open":p[0]\|\|(p[0]=e=>u.$emit("update:open",e)),onOpenChange:p[1]\|\|(p[1]=e=>u.$emit("open-change",e)),onOpenChangeComplete:p[2]\|\|(p[2]=e=>u.$emit("open-change-complete",e)),"onUpdate:position":p[3]\|\|(p[3]=e=>u.$emit("update:position",e)),onPositionChange:p[4]\|\|(p[4]=e=>u.$emit("position-change",e)),onPositionCommit:p[5]\|\|(p[5]=e=>u.$emit("position-commit",e)),"onUpdate:size":p[6]\|\|(p[6]=e=>u.$emit("update:size",e)),onSizeChange:p[7]\|\|(p[7]=e=>u.$emit("size-change",e)),onSizeCommit:p[8]\|\|(p[8]=e=>u.$emit("size-commit",e)),"onUpdate:stage":p[9]\|\|(p[9]=e=>u.$emit("update:stage",e)),onStageChange:p[10]\|\|(p[10]=e=>u.$emit("stage-change",e))},{default:l(()=>[i(e,n(u.$attrs,{title:o.title,stages:o.stages,dismissible:o.dismissible,resizable:o.resizable}),{default:l(()=>[d(u.$slots,"default")]),_:3},16,["title","stages","dismissible","resizable"])]),_:3},8,["open","default-open","position","default-position","size","default-size","min-size","max-size","boundary","stage","default-stage","draggable","resizable","step","disabled","get-gesture-announcement"]))});export{u as default};
1	+ import e from"./FloatingPanelAnatomy.vue.js";import t from"./FloatingPanelRoot.vue.js";import{createBlock as a,createVNode as i,defineComponent as o,mergeProps as n,openBlock as s,renderSlot as l,withCtx as d}from"vue";var p=/* @__PURE__ */o({inheritAttrs:!1,__name:"FloatingPanel",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},title:{},stages:{default:()=>[]},dismissible:{type:Boolean,default:!0},position:{},defaultPosition:{default:()=>({x:0,y:0})},size:{},defaultSize:{default:()=>({width:320,height:240})},minSize:{default:()=>({width:160,height:120})},maxSize:{default:()=>({width:Number.POSITIVE_INFINITY,height:Number.POSITIVE_INFINITY})},boundary:{default:null},stage:{},defaultStage:{default:"default"},draggable:{type:Boolean,default:!0},resizable:{type:Boolean,default:!0},step:{default:10},disabled:{type:Boolean,default:!1},getGestureAnnouncement:{}},emits:["update:open","open-change","open-change-complete","update:position","position-change","position-commit","update:size","size-change","size-commit","update:stage","stage-change"],setup(o){const p=o;return(u,m)=>(s(),a(t,{open:o.open,"default-open":o.defaultOpen,position:o.position,"default-position":o.defaultPosition,size:o.size,"default-size":o.defaultSize,"min-size":o.minSize,"max-size":o.maxSize,boundary:o.boundary,stage:o.stage,"default-stage":o.defaultStage,draggable:o.draggable,resizable:o.resizable,step:o.step,disabled:o.disabled,"get-gesture-announcement":o.getGestureAnnouncement,"onUpdate:open":m[0]\|\|(m[0]=e=>u.$emit("update:open",e)),onOpenChange:m[1]\|\|(m[1]=e=>u.$emit("open-change",e)),onOpenChangeComplete:m[2]\|\|(m[2]=e=>u.$emit("open-change-complete",e)),"onUpdate:position":m[3]\|\|(m[3]=e=>u.$emit("update:position",e)),onPositionChange:m[4]\|\|(m[4]=e=>u.$emit("position-change",e)),onPositionCommit:m[5]\|\|(m[5]=e=>u.$emit("position-commit",e)),"onUpdate:size":m[6]\|\|(m[6]=e=>u.$emit("update:size",e)),onSizeChange:m[7]\|\|(m[7]=e=>u.$emit("size-change",e)),onSizeCommit:m[8]\|\|(m[8]=e=>u.$emit("size-commit",e)),"onUpdate:stage":m[9]\|\|(m[9]=e=>u.$emit("update:stage",e)),onStageChange:m[10]\|\|(m[10]=e=>u.$emit("stage-change",e))},{default:d(()=>[i(e,n(u.$attrs,{title:o.title,stages:p.stages,dismissible:p.dismissible,resizable:p.resizable}),{default:d(()=>[l(u.$slots,"default")]),_:3},16,["title","stages","dismissible","resizable"])]),_:3},8,["open","default-open","position","default-position","size","default-size","min-size","max-size","boundary","stage","default-stage","draggable","resizable","step","disabled","get-gesture-announcement"]))}});export{p as default};

package/dist/floating-panel/FloatingPanelAnatomy.vue.d.cts CHANGED Viewed

@@ -1,13 +1,10 @@
 import type { FloatingPanelStage } from './context.cjs';
 /**
- * The anatomy a `SkdxFloatingPanel` always draws: a portalled panel whose
- * header carries the derived title, one stage button per `stages` entry and a
- * close button unless `dismissible` is `false`, with the default slot as body
- * and a south-east resize grip while `resizable`. Non-modal.
+ * The anatomy a `SkdxFloatingPanel` always draws: a portalled panel with header, stage buttons, and a resize grip.
  * @internal
  */
 type __VLS_Props = {
-    title?: string;
+    title?: string | undefined;
     stages: readonly {
         stage: FloatingPanelStage;
         label: string;
@@ -15,9 +12,9 @@ type __VLS_Props = {
     dismissible: boolean;
     resizable: boolean;
 };
-declare var __VLS_20: {};
+declare var __VLS_23: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_20) => any;
+    default?: (props: typeof __VLS_23) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/floating-panel/FloatingPanelAnatomy.vue.d.ts CHANGED Viewed

@@ -1,13 +1,10 @@
 import type { FloatingPanelStage } from './context.js';
 /**
- * The anatomy a `SkdxFloatingPanel` always draws: a portalled panel whose
- * header carries the derived title, one stage button per `stages` entry and a
- * close button unless `dismissible` is `false`, with the default slot as body
- * and a south-east resize grip while `resizable`. Non-modal.
+ * The anatomy a `SkdxFloatingPanel` always draws: a portalled panel with header, stage buttons, and a resize grip.
  * @internal
  */
 type __VLS_Props = {
-    title?: string;
+    title?: string | undefined;
     stages: readonly {
         stage: FloatingPanelStage;
         label: string;
@@ -15,9 +12,9 @@ type __VLS_Props = {
     dismissible: boolean;
     resizable: boolean;
 };
-declare var __VLS_20: {};
+declare var __VLS_23: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_20) => any;
+    default?: (props: typeof __VLS_23) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/floating-panel/FloatingPanelAnatomy.vue_vue_type_script_setup_true_lang.cjs CHANGED Viewed

	@@ -1 +1 @@
1	- const o=require("./FloatingPanelCloseTrigger.vue.cjs"),i=require("./FloatingPanelContent.vue.cjs"),n=require("./FloatingPanelHeader.vue.cjs"),u=require("./FloatingPanelPortal.vue.cjs"),s=require("./FloatingPanelResizeTrigger.vue.cjs"),d=require("./FloatingPanelStageTrigger.vue.cjs"),c=require("./FloatingPanelTitle.vue.cjs");let e=require("vue");var g=(0,e.defineComponent)({inheritAttrs:!1,__name:"FloatingPanelAnatomy",props:{title:{},stages:{},dismissible:{type:Boolean},resizable:{type:Boolean}},setup(t){return(a,l)=>((0,e.openBlock)(),(0,e.createBlock)(u.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(i.default,(0,e.normalizeProps)((0,e.guardReactiveProps)(a.$attrs)),{default:(0,e.withCtx)(()=>[(0,e.createVNode)(n.default,{"aria-label":"Drag to move panel"},{default:(0,e.withCtx)(()=>[t.title?((0,e.openBlock)(),(0,e.createBlock)(c.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.title),1)]),_:1})):(0,e.createCommentVNode)("",!0),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(t.stages,r=>((0,e.openBlock)(),(0,e.createBlock)(d.default,{key:r.stage,stage:r.stage},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(r.label),1)]),_:2},1032,["stage"]))),128)),t.dismissible?((0,e.openBlock)(),(0,e.createBlock)(o.default,{key:1,"aria-label":"Close"},{default:(0,e.withCtx)(()=>[~~...l[0]\|\|~~(l[0~~]=[(0~~,e.~~createElementVNode~~)(~~"svg",{viewBox:"0 0 16 16",width:"1em",height:"1em",fill:"none","aria-hidden":"true",focusable:"false"},[(0,e~~.~~createElementVNode)("path"~~,{d:"~~M4 4l8 8M12 4l-8 8~~"~~,stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"~~})]~~,-1~~)~~])])~~,_:1})):(0,e.createCommentVNode)("",!0)]),_:1}),(0,e.renderSlot)(a.$slots,"default"),t.resizable?((0,e.openBlock)(),(0,e.createBlock)(s.default,{key:0,direction:"se","aria-label":"Resize panel"})):(0,e.createCommentVNode)("",!0)]),_:3},16)]),_:3}))}});exports.default=g;
1	+ const l=require("../utils/Glyph.vue.cjs"),i=require("./FloatingPanelCloseTrigger.vue.cjs"),o=require("./FloatingPanelContent.vue.cjs"),n=require("./FloatingPanelHeader.vue.cjs"),u=require("./FloatingPanelPortal.vue.cjs"),s=require("./FloatingPanelResizeTrigger.vue.cjs"),c=require("./FloatingPanelStageTrigger.vue.cjs"),d=require("./FloatingPanelTitle.vue.cjs");let e=require("vue");var g=(0,e.defineComponent)({inheritAttrs:!1,__name:"FloatingPanelAnatomy",props:{title:{},stages:{},dismissible:{type:Boolean},resizable:{type:Boolean}},setup(t){return(r,f)=>((0,e.openBlock)(),(0,e.createBlock)(u.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(o.default,(0,e.normalizeProps)((0,e.guardReactiveProps)(r.$attrs)),{default:(0,e.withCtx)(()=>[(0,e.createVNode)(n.default,{"aria-label":"Drag to move panel"},{default:(0,e.withCtx)(()=>[t.title?((0,e.openBlock)(),(0,e.createBlock)(d.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.title),1)]),_:1})):(0,e.createCommentVNode)("",!0),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(t.stages,a=>((0,e.openBlock)(),(0,e.createBlock)(c.default,{key:a.stage,stage:a.stage},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(a.label),1)]),_:2},1032,["stage"]))),128)),t.dismissible?((0,e.openBlock)(),(0,e.createBlock)(i.default,{key:1,"aria-label":"Close"},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(l.default,{name:"close"})]),_:1})):(0,e.createCommentVNode)("",!0)]),_:1}),(0,e.renderSlot)(r.$slots,"default"),t.resizable?((0,e.openBlock)(),(0,e.createBlock)(s.default,{key:0,direction:"se","aria-label":"Resize panel"})):(0,e.createCommentVNode)("",!0)]),_:3},16)]),_:3}))}});exports.default=g;

package/dist/floating-panel/FloatingPanelAnatomy.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

	@@ -1 +1 @@
1	- import e from"./FloatingPanelCloseTrigger.vue.js";import a from"./FloatingPanelContent.vue.js";import t from"./FloatingPanelHeader.vue.js";import l from"./FloatingPanelPortal.vue.js";import o from"./FloatingPanelResizeTrigger.vue.js";import r from"./FloatingPanelStageTrigger.vue.js";import s from"./FloatingPanelTitle.vue.js";import{Fragment as i,createBlock as n,createCommentVNode as m,createElementBlock as d,~~createElementVNode as g,~~createTextVNode as u,createVNode as p,defineComponent as f,guardReactiveProps as c,normalizeProps as v,openBlock as k,renderList as P,renderSlot as b,toDisplayString as F,withCtx as h}from"vue";var j=/* @__PURE__ */f({inheritAttrs:!1,__name:"FloatingPanelAnatomy",props:{title:{},stages:{},dismissible:{type:Boolean},resizable:{type:Boolean}},setup:f=>(j,y)=>(k(),n(l,null,{default:h(()=>[p(a,v(~~c(j~~.$attrs)),{default:h(()=>[p(t,{"aria-label":"Drag to move panel"},{default:h(()=>[f.title?(k(),n(s,{key:0},{default:h(()=>[u(F(f.title),1)]),_:1})):m("",!0),(k(!0),d(i,null,P(f.stages,e=>(k(),n(r,{key:e.stage,stage:e.stage},{default:h(()=>[u(F(e.label),1)]),_:2},1032,["stage"]))),128)),f.dismissible?(k(),n(e,{key:1,"aria-label":"Close"},{default:h(()=>[~~...y[0]\|\|~~(~~y[0]=[g("svg"~~,{~~viewBox~~:"~~0 0 16 16~~"~~,width:"1em",height:"1em",fill:"none","aria-hidden":"true",focusable:"false"~~}~~,[g("path",{d:"M4 4l8 8M12 4l-8 8",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}~~)]~~,-1~~)~~])])~~,_:1})):m("",!0)]),_:1}),b(j.$slots,"default"),f.resizable?(k(),n(o,{key:0,direction:"se","aria-label":"Resize panel"})):m("",!0)]),_:3},16)]),_:3}))});export{j as default};
1	+ import e from"../utils/Glyph.vue.js";import a from"./FloatingPanelCloseTrigger.vue.js";import t from"./FloatingPanelContent.vue.js";import l from"./FloatingPanelHeader.vue.js";import o from"./FloatingPanelPortal.vue.js";import s from"./FloatingPanelResizeTrigger.vue.js";import r from"./FloatingPanelStageTrigger.vue.js";import i from"./FloatingPanelTitle.vue.js";import{Fragment as n,createBlock as m,createCommentVNode as g,createElementBlock as p,createTextVNode as u,createVNode as d,defineComponent as f,guardReactiveProps as v,normalizeProps as c,openBlock as P,renderList as y,renderSlot as F,toDisplayString as b,withCtx as j}from"vue";var _=/* @__PURE__ */f({inheritAttrs:!1,__name:"FloatingPanelAnatomy",props:{title:{},stages:{},dismissible:{type:Boolean},resizable:{type:Boolean}},setup:f=>(_,k)=>(P(),m(o,null,{default:j(()=>[d(t,c(v(_.$attrs)),{default:j(()=>[d(l,{"aria-label":"Drag to move panel"},{default:j(()=>[f.title?(P(),m(i,{key:0},{default:j(()=>[u(b(f.title),1)]),_:1})):g("",!0),(P(!0),p(n,null,y(f.stages,e=>(P(),m(r,{key:e.stage,stage:e.stage},{default:j(()=>[u(b(e.label),1)]),_:2},1032,["stage"]))),128)),f.dismissible?(P(),m(a,{key:1,"aria-label":"Close"},{default:j(()=>[d(e,{name:"close"})]),_:1})):g("",!0)]),_:1}),F(_.$slots,"default"),f.resizable?(P(),m(s,{key:0,direction:"se","aria-label":"Resize panel"})):g("",!0)]),_:3},16)]),_:3}))});export{_ as default};