@skdx/vue 0.27.0 → 0.29.0

package/dist/file-upload/FileUpload.vue.d.cts

@@ -1,54 +1,136 @@
-import { type FileUploadRejection } from './context.cjs';
-/**
- * The Vue implementation of the shared FileUpload contract (see
- * `@skdx/shared`'s `fileUploadContract`). Owns a controllable `File[]`
- * list and `provide()`s it, plus add/remove/openPicker, to
- * `SkdxFileUploadDropzone` / `SkdxFileUploadTrigger` / `SkdxFileUploadInput` /
- * `SkdxFileUploadItem` / `SkdxFileUploadItemDelete` children. Renders a plain
- * `<div>`.
- */
+import { type FileUploadCapture, type FileUploadFileStatus, type FileUploadRejection } from './context.cjs';
+/** Owns and manages a controllable `File[]` list via context, handling picker, drop, and add/remove. */
 type __VLS_Props = {
     /** Selected files, for controlled usage. Pair with `v-model:value` or `@value-change`. */
-    value?: File[];
+    value?: File[] | undefined;
     /** Initially selected files, for uncontrolled usage. */
     defaultValue?: File[];
     /** Comma-separated file-type filter, applied to picker and drag-and-drop alike. */
-    accept?: string;
+    accept?: string | undefined;
     /** Allow selecting/dropping more than one file. */
     multiple?: boolean;
     /** Disables the dropzone, trigger, and file input, and blocks adding or removing files. */
     disabled?: boolean;
     /** Most files the list may hold; files past the cap are rejected with `too-many-files`. Ignored while `multiple` is false. */
-    maxFiles?: number;
+    maxFiles?: number | undefined;
     /** Largest accepted file size in bytes; a bigger file is rejected with `file-too-large`. */
-    maxFileSize?: number;
+    maxFileSize?: number | undefined;
     /** Smallest accepted file size in bytes; a smaller file is rejected with `file-too-small`. */
-    minFileSize?: number;
+    minFileSize?: number | undefined;
     /** Extra per-file check. Return error codes to reject the file, or null/undefined/[] to accept it. */
-    validate?: (file: File) => string[] | null | undefined;
+    validator?: ((file: File) => string[] | null) | undefined;
+    /**
+     * Words every `SkdxFileUploadItemDelete`'s accessible name from the name of the file it removes.
+     * @default (fileName) => `Remove ${fileName}`
+     */
+    removeLabel?: (fileName: string) => string;
+    /**
+     * Form field name; with it, the root renders a hidden `<input type="file">` whose `files` mirror the selection.
+     * @default undefined
+     */
+    name?: string | undefined;
+    /**
+     * Id of the `<form>` this upload submits into, forwarded to every mirrored hidden control.
+     * @default undefined
+     */
+    form?: string | undefined;
+    /**
+     * Marks the field required, reported through `checkValidity()`/`reportValidity()` and an `aria-describedby` description.
+     */
+    required?: boolean;
+    /**
+     * Replaces the browser's own `valueMissing` message when a `required` upload is submitted empty.
+     * @default undefined
+     */
+    requiredMessage?: string | undefined;
+    /**
+     * Shows the selection but blocks changing it, unlike `disabled` keeping the dropzone's tab stop and the list readable.
+     */
+    readOnly?: boolean;
+    /**
+     * Marks the selection invalid from outside, ORed with the component's own derived invalidity.
+     */
+    invalid?: boolean;
+    /**
+     * Lets the picker select a whole directory, forwarded to the hidden input as `webkitdirectory`.
+     */
+    directory?: boolean;
+    /**
+     * Opens the device camera instead of the file browser; honoured on mobile, ignored on desktop.
+     * @default undefined
+     */
+    capture?: FileUploadCapture | undefined;
+    /**
+     * Suppresses the browser's default open-on-drop behaviour everywhere outside a mounted dropzone.
+     */
+    preventDocumentDrop?: boolean;
+    /**
+     * Renders the derived `SkdxFileUploadItemGroup` list of selected files.
+     * @default true — the selected files are listed.
+     */
+    showList?: boolean;
+    /**
+     * Renders a derived `SkdxFileUploadItemPreview` in each row.
+     * @default false — no preview slot.
+     */
+    showPreview?: boolean;
+    /**
+     * Per-file upload state for the derived rows, keyed by the `File` itself and mapped to `data-state`/`data-progress`.
+     * @default undefined — every derived row is `idle` with no progress.
+     */
+    fileStatus?: ((file: File) => {
+        status?: FileUploadFileStatus;
+        progress?: number;
+    }) | undefined;
+    /**
+     * Renders one file's row content in the derived anatomy, replacing the default preview/name/size/delete composition.
+     * @default undefined — each row is name, size and a delete button.
+     */
+    renderFile?: ((file: File) => unknown) | undefined;
 };
+declare function addFiles(incoming: FileList | File[]): void;
+declare function checkValidity(): boolean;
+declare function reportValidity(): boolean;
+declare function setCustomValidity(message: string): void;
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** Reports whether the field satisfies its constraints, firing `invalid` when it does not. */
+    checkValidity: typeof checkValidity;
+    /** Like `checkValidity()`, but also shows the browser's validation message. */
+    reportValidity: typeof reportValidity;
+    /** Pushes an externally-computed error in, exactly like the native method. */
+    setCustomValidity: typeof setCustomValidity;
+    /** Feeds files through the same accept/size/maxFiles/announcement pipeline the picker and drop handler use. */
+    addFiles: typeof addFiles;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:value": (value: File[]) => any;
     "value-change": (value: File[]) => any;
     "file-reject": (rejection: FileUploadRejection) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:value"?: ((value: File[]) => any) | undefined;
-    "onValue-change"?: ((value: File[]) => any) | undefined;
-    "onFile-reject"?: ((rejection: FileUploadRejection) => any) | undefined;
+    "onUpdate:value"?: (value: File[]) => any;
+    "onValue-change"?: (value: File[]) => any;
+    "onFile-reject"?: (rejection: FileUploadRejection) => any;
 }>, {
     disabled: boolean;
-    value: File[];
+    accept: string | undefined;
     defaultValue: File[];
     multiple: boolean;
-    validate: (file: File) => string[] | null | undefined;
-    accept: string;
-    maxFiles: number;
-    maxFileSize: number;
-    minFileSize: number;
+    readOnly: boolean;
+    required: boolean;
+    value: File[] | undefined;
+    invalid: boolean;
+    validator: ((file: File) => string[] | null) | undefined;
+    showList: boolean;
+    showPreview: boolean;
+    maxFiles: number | undefined;
+    maxFileSize: number | undefined;
+    minFileSize: number | undefined;
+    removeLabel: (fileName: string) => string;
+    directory: boolean;
+    preventDocumentDrop: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/file-upload/FileUpload.vue.d.ts

@@ -1,54 +1,136 @@
-import { type FileUploadRejection } from './context.js';
-/**
- * The Vue implementation of the shared FileUpload contract (see
- * `@skdx/shared`'s `fileUploadContract`). Owns a controllable `File[]`
- * list and `provide()`s it, plus add/remove/openPicker, to
- * `SkdxFileUploadDropzone` / `SkdxFileUploadTrigger` / `SkdxFileUploadInput` /
- * `SkdxFileUploadItem` / `SkdxFileUploadItemDelete` children. Renders a plain
- * `<div>`.
- */
+import { type FileUploadCapture, type FileUploadFileStatus, type FileUploadRejection } from './context.js';
+/** Owns and manages a controllable `File[]` list via context, handling picker, drop, and add/remove. */
 type __VLS_Props = {
     /** Selected files, for controlled usage. Pair with `v-model:value` or `@value-change`. */
-    value?: File[];
+    value?: File[] | undefined;
     /** Initially selected files, for uncontrolled usage. */
     defaultValue?: File[];
     /** Comma-separated file-type filter, applied to picker and drag-and-drop alike. */
-    accept?: string;
+    accept?: string | undefined;
     /** Allow selecting/dropping more than one file. */
     multiple?: boolean;
     /** Disables the dropzone, trigger, and file input, and blocks adding or removing files. */
     disabled?: boolean;
     /** Most files the list may hold; files past the cap are rejected with `too-many-files`. Ignored while `multiple` is false. */
-    maxFiles?: number;
+    maxFiles?: number | undefined;
     /** Largest accepted file size in bytes; a bigger file is rejected with `file-too-large`. */
-    maxFileSize?: number;
+    maxFileSize?: number | undefined;
     /** Smallest accepted file size in bytes; a smaller file is rejected with `file-too-small`. */
-    minFileSize?: number;
+    minFileSize?: number | undefined;
     /** Extra per-file check. Return error codes to reject the file, or null/undefined/[] to accept it. */
-    validate?: (file: File) => string[] | null | undefined;
+    validator?: ((file: File) => string[] | null) | undefined;
+    /**
+     * Words every `SkdxFileUploadItemDelete`'s accessible name from the name of the file it removes.
+     * @default (fileName) => `Remove ${fileName}`
+     */
+    removeLabel?: (fileName: string) => string;
+    /**
+     * Form field name; with it, the root renders a hidden `<input type="file">` whose `files` mirror the selection.
+     * @default undefined
+     */
+    name?: string | undefined;
+    /**
+     * Id of the `<form>` this upload submits into, forwarded to every mirrored hidden control.
+     * @default undefined
+     */
+    form?: string | undefined;
+    /**
+     * Marks the field required, reported through `checkValidity()`/`reportValidity()` and an `aria-describedby` description.
+     */
+    required?: boolean;
+    /**
+     * Replaces the browser's own `valueMissing` message when a `required` upload is submitted empty.
+     * @default undefined
+     */
+    requiredMessage?: string | undefined;
+    /**
+     * Shows the selection but blocks changing it, unlike `disabled` keeping the dropzone's tab stop and the list readable.
+     */
+    readOnly?: boolean;
+    /**
+     * Marks the selection invalid from outside, ORed with the component's own derived invalidity.
+     */
+    invalid?: boolean;
+    /**
+     * Lets the picker select a whole directory, forwarded to the hidden input as `webkitdirectory`.
+     */
+    directory?: boolean;
+    /**
+     * Opens the device camera instead of the file browser; honoured on mobile, ignored on desktop.
+     * @default undefined
+     */
+    capture?: FileUploadCapture | undefined;
+    /**
+     * Suppresses the browser's default open-on-drop behaviour everywhere outside a mounted dropzone.
+     */
+    preventDocumentDrop?: boolean;
+    /**
+     * Renders the derived `SkdxFileUploadItemGroup` list of selected files.
+     * @default true — the selected files are listed.
+     */
+    showList?: boolean;
+    /**
+     * Renders a derived `SkdxFileUploadItemPreview` in each row.
+     * @default false — no preview slot.
+     */
+    showPreview?: boolean;
+    /**
+     * Per-file upload state for the derived rows, keyed by the `File` itself and mapped to `data-state`/`data-progress`.
+     * @default undefined — every derived row is `idle` with no progress.
+     */
+    fileStatus?: ((file: File) => {
+        status?: FileUploadFileStatus;
+        progress?: number;
+    }) | undefined;
+    /**
+     * Renders one file's row content in the derived anatomy, replacing the default preview/name/size/delete composition.
+     * @default undefined — each row is name, size and a delete button.
+     */
+    renderFile?: ((file: File) => unknown) | undefined;
 };
+declare function addFiles(incoming: FileList | File[]): void;
+declare function checkValidity(): boolean;
+declare function reportValidity(): boolean;
+declare function setCustomValidity(message: string): void;
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** Reports whether the field satisfies its constraints, firing `invalid` when it does not. */
+    checkValidity: typeof checkValidity;
+    /** Like `checkValidity()`, but also shows the browser's validation message. */
+    reportValidity: typeof reportValidity;
+    /** Pushes an externally-computed error in, exactly like the native method. */
+    setCustomValidity: typeof setCustomValidity;
+    /** Feeds files through the same accept/size/maxFiles/announcement pipeline the picker and drop handler use. */
+    addFiles: typeof addFiles;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:value": (value: File[]) => any;
     "value-change": (value: File[]) => any;
     "file-reject": (rejection: FileUploadRejection) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:value"?: ((value: File[]) => any) | undefined;
-    "onValue-change"?: ((value: File[]) => any) | undefined;
-    "onFile-reject"?: ((rejection: FileUploadRejection) => any) | undefined;
+    "onUpdate:value"?: (value: File[]) => any;
+    "onValue-change"?: (value: File[]) => any;
+    "onFile-reject"?: (rejection: FileUploadRejection) => any;
 }>, {
     disabled: boolean;
-    value: File[];
+    accept: string | undefined;
     defaultValue: File[];
     multiple: boolean;
-    validate: (file: File) => string[] | null | undefined;
-    accept: string;
-    maxFiles: number;
-    maxFileSize: number;
-    minFileSize: number;
+    readOnly: boolean;
+    required: boolean;
+    value: File[] | undefined;
+    invalid: boolean;
+    validator: ((file: File) => string[] | null) | undefined;
+    showList: boolean;
+    showPreview: boolean;
+    maxFiles: number | undefined;
+    maxFileSize: number | undefined;
+    minFileSize: number | undefined;
+    removeLabel: (fileName: string) => string;
+    directory: boolean;
+    preventDocumentDrop: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/file-upload/FileUpload.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const v=require("./context.cjs");let l=require("vue");var b=["data-disabled"],y=(0,l.defineComponent)({__name:"FileUpload",props:{value:{default:void 0},defaultValue:{default:()=>[]},accept:{default:void 0},multiple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},maxFiles:{default:void 0},maxFileSize:{default:void 0},minFileSize:{default:void 0},validate:{type:Function,default:void 0}},emits:["update:value","value-change","file-reject"],setup(r,{emit:m}){const e=r,u=m,s=(0,l.ref)(null),f=(0,l.ref)(e.defaultValue),d=(0,l.computed)(()=>e.value===void 0?f.value:e.value);function p(t){e.value===void 0&&(f.value=t),u("update:value",t),u("value-change",t)}function _(t){if(e.disabled)return;const a=e.multiple?d.value:[],o=(e.multiple?e.maxFiles??1/0:1)-a.length,i=[];for(const n of Array.from(t)){const c=v.fileErrors(n,e);if(i.length>=o&&c.push("too-many-files"),c.length>0){u("file-reject",{file:n,errors:c});continue}i.push(n)}i.length!==0&&p([...a,...i])}function F(t){p(d.value.filter((a,o)=>o!==t))}function h(){e.disabled||s.value?.click()}return(0,l.provide)(v.FILE_UPLOAD_CONTEXT,{inputRef:s,files:d,disabled:(0,l.computed)(()=>e.disabled),accept:(0,l.computed)(()=>e.accept),multiple:(0,l.computed)(()=>e.multiple),addFiles:_,removeFile:F,openPicker:h}),(t,a)=>((0,l.openBlock)(),(0,l.createElementBlock)("div",{class:"skdx-file-upload","data-part":"root","data-skdx-component":"file-upload","data-disabled":r.disabled?"":void 0},[(0,l.renderSlot)(t.$slots,"default")],8,b))}});exports.default=y;
+const E=require("../utils/id.cjs"),y=require("../utils/liveAnnouncer.cjs"),P=require("../utils/useFormReset.cjs"),r=require("./context.cjs"),j=require("./FileUploadAnatomy.vue.cjs");let e=require("vue");var z=["data-disabled","data-readonly"],T=["name","multiple","accept","disabled","form"],U=["required","disabled","form","^value"],M=["id"],$=(0,e.defineComponent)({__name:"FileUpload",props:{value:{default:void 0},defaultValue:{default:()=>[]},accept:{default:void 0},multiple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},maxFiles:{default:void 0},maxFileSize:{default:void 0},minFileSize:{default:void 0},validator:{type:Function,default:void 0},removeLabel:{type:Function,default:n=>`Remove ${n}`},name:{},form:{},required:{type:Boolean,default:!1},requiredMessage:{},readOnly:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},directory:{type:Boolean,default:!1},capture:{},preventDocumentDrop:{type:Boolean,default:!0},showList:{type:Boolean,default:!0},showPreview:{type:Boolean,default:!1},fileStatus:{},renderFile:{}},emits:["update:value","value-change","file-reject"],setup(n,{expose:B,emit:V}){const t=n,m=V,h=(0,e.ref)(null),b=(0,e.ref)(t.defaultValue),i=(0,e.computed)(()=>t.value===void 0?b.value:t.value);function c(a){t.value===void 0&&(b.value=a),m("update:value",a),m("value-change",a)}function g(a){if(t.disabled||t.readOnly)return;const l=t.multiple?i.value:[],u=(t.multiple?t.maxFiles??1/0:1)-l.length,d=[],k=[];for(const v of Array.from(a)){const f=r.fileErrors(v,t);if(d.length>=u&&f.push("too-many-files"),f.length>0){k.push(f[0]),m("file-reject",{file:v,errors:f});continue}d.push(v)}y.announce(r.commitAnnouncement(d.length,k)),d.length!==0&&c([...l,...d])}function L(a){if(t.disabled||t.readOnly)return;const l=i.value.indexOf(a);l!==-1&&(y.announce(r.removalAnnouncement([a.name])),c([...i.value.slice(0,l),...i.value.slice(l+1)]))}function D(){t.disabled||t.readOnly||i.value.length===0||(y.announce(r.removalAnnouncement(i.value.map(a=>a.name))),c([]))}function O(){!t.disabled&&!t.readOnly&&h.value?.click()}const R=E.nextId("file-upload-label"),q=E.nextId("file-upload-description"),A=(0,e.ref)(!1);function I(a){if(typeof DataTransfer>"u")return null;const l=new DataTransfer;for(const u of a)l.items.add(u);return l.files}const p=(0,e.ref)(null),o=(0,e.ref)(null),w=(0,e.computed)(()=>t.invalid||t.required&&i.value.length===0);(0,e.watchEffect)(()=>{const a=p.value;if(!a)return;const l=I(i.value);l&&(a.files=l)}),P.useFormReset(()=>p.value??o.value,()=>c(t.defaultValue));function C(){return o.value?.checkValidity()??!0}function S(){return o.value?.reportValidity()??!0}function s(a){const l=a.target;l instanceof Element&&l.closest('[data-part="dropzone"]')||a.preventDefault()}(0,e.watchEffect)(a=>{!t.preventDocumentDrop||typeof document>"u"||(document.addEventListener("dragover",s),document.addEventListener("drop",s),a(()=>{document.removeEventListener("dragover",s),document.removeEventListener("drop",s)}))});let F="";function x(){const a=o.value;if(!a)return;const l=t.requiredMessage&&t.required&&i.value.length===0?t.requiredMessage:"";a.setCustomValidity(F||l)}(0,e.watchEffect)(x);function N(a){F=a,x()}return B({checkValidity:C,reportValidity:S,setCustomValidity:N,addFiles:g}),(0,e.provide)(r.FILE_UPLOAD_CONTEXT,{inputRef:h,files:i,disabled:(0,e.computed)(()=>t.disabled),readOnly:(0,e.computed)(()=>t.readOnly),accept:(0,e.computed)(()=>t.accept),multiple:(0,e.computed)(()=>t.multiple),directory:(0,e.computed)(()=>t.directory),capture:(0,e.computed)(()=>t.capture),addFiles:g,removeFile:L,clearFiles:D,openPicker:O,removeLabel:(0,e.computed)(()=>t.removeLabel),labelId:R,labelPresent:A,descriptionId:q,required:(0,e.computed)(()=>t.required),invalid:w}),(a,l)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-file-upload","data-part":"root","data-skdx-component":"file-upload","data-disabled":n.disabled?"":void 0,"data-readonly":n.readOnly?"":void 0},[(0,e.renderSlot)(a.$slots,"default",{},()=>[(0,e.createVNode)(j.default,{"show-list":n.showList,"show-preview":n.showPreview,"file-status":n.fileStatus,"render-file":n.renderFile},null,8,["show-list","show-preview","file-status","render-file"])]),n.name?((0,e.openBlock)(),(0,e.createElementBlock)("input",{key:0,ref_key:"formInputRef",ref:p,type:"file","aria-hidden":"true",tabindex:"-1",name:n.name,multiple:n.multiple,accept:n.accept,disabled:n.disabled,form:n.form,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,T)):(0,e.createCommentVNode)("",!0),(0,e.createElementVNode)("input",{ref_key:"validityRef",ref:o,type:"text","aria-hidden":"true",tabindex:"-1",required:n.required,disabled:n.disabled,form:n.form,"^value":i.value.map(u=>u.name).join(", "),style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,U),n.required?((0,e.openBlock)(),(0,e.createElementBlock)("span",{key:1,id:(0,e.unref)(q),style:{position:"absolute",border:"0",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)","white-space":"nowrap","word-wrap":"normal"}},(0,e.toDisplayString)((0,e.unref)(r.requiredDescription)(w.value)),9,M)):(0,e.createCommentVNode)("",!0)],8,z))}});exports.default=$;

package/dist/file-upload/FileUpload.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{FILE_UPLOAD_CONTEXT as e,fileErrors as l}from"./context.js";import{computed as a,createElementBlock as t,defineComponent as i,openBlock as d,provide as o,ref as u,renderSlot as s}from"vue";var n=["data-disabled"],f=/* @__PURE__ */i({__name:"FileUpload",props:{value:{default:void 0},defaultValue:{default:()=>[]},accept:{default:void 0},multiple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},maxFiles:{default:void 0},maxFileSize:{default:void 0},minFileSize:{default:void 0},validate:{type:Function,default:void 0}},emits:["update:value","value-change","file-reject"],setup(i,{emit:f}){const r=i,p=f,c=u(null),v=u(r.defaultValue),m=a(()=>void 0===r.value?v.value:r.value);function F(e){void 0===r.value&&(v.value=e),p("update:value",e),p("value-change",e)}return o(e,{inputRef:c,files:m,disabled:a(()=>r.disabled),accept:a(()=>r.accept),multiple:a(()=>r.multiple),addFiles:function(e){if(r.disabled)return;const a=r.multiple?m.value:[],t=(r.multiple?r.maxFiles??1/0:1)-a.length,i=[];for(const a of Array.from(e)){const e=l(a,r);i.length>=t&&e.push("too-many-files"),e.length>0?p("file-reject",{file:a,errors:e}):i.push(a)}0!==i.length&&F([...a,...i])},removeFile:function(e){F(m.value.filter((l,a)=>a!==e))},openPicker:function(){r.disabled||c.value?.click()}}),(e,l)=>(d(),t("div",{class:"skdx-file-upload","data-part":"root","data-skdx-component":"file-upload","data-disabled":i.disabled?"":void 0},[s(e.$slots,"default")],8,n))}});export{f as default};
+import{nextId as e}from"../utils/id.js";import{announce as t}from"../utils/liveAnnouncer.js";import{useFormReset as a}from"../utils/useFormReset.js";import{FILE_UPLOAD_CONTEXT as l,commitAnnouncement as i,fileErrors as n,removalAnnouncement as o,requiredDescription as r}from"./context.js";import d from"./FileUploadAnatomy.vue.js";import{computed as u,createCommentVNode as s,createElementBlock as p,createElementVNode as f,createVNode as c,defineComponent as m,openBlock as v,provide as y,ref as h,renderSlot as b,toDisplayString as g,unref as w,watchEffect as x}from"vue";var F=["data-disabled","data-readonly"],q=["name","multiple","accept","disabled","form"],k=["required","disabled","form","^value"],V=["id"],B=/* @__PURE__ */m({__name:"FileUpload",props:{value:{default:void 0},defaultValue:{default:()=>[]},accept:{default:void 0},multiple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},maxFiles:{default:void 0},maxFileSize:{default:void 0},minFileSize:{default:void 0},validator:{type:Function,default:void 0},removeLabel:{type:Function,default:e=>`Remove ${e}`},name:{},form:{},required:{type:Boolean,default:!1},requiredMessage:{},readOnly:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},directory:{type:Boolean,default:!1},capture:{},preventDocumentDrop:{type:Boolean,default:!0},showList:{type:Boolean,default:!0},showPreview:{type:Boolean,default:!1},fileStatus:{},renderFile:{}},emits:["update:value","value-change","file-reject"],setup(m,{expose:B,emit:E}){const L=m,O=E,D=h(null),j=h(L.defaultValue),A=u(()=>void 0===L.value?j.value:L.value);function R(e){void 0===L.value&&(j.value=e),O("update:value",e),O("value-change",e)}function S(e){if(L.disabled||L.readOnly)return;const a=L.multiple?A.value:[],l=(L.multiple?L.maxFiles??1/0:1)-a.length,o=[],r=[];for(const t of Array.from(e)){const e=n(t,L);o.length>=l&&e.push("too-many-files"),e.length>0?(r.push(e[0]),O("file-reject",{file:t,errors:e})):o.push(t)}t(i(o.length,r)),0!==o.length&&R([...a,...o])}const _=e("file-upload-label"),C=e("file-upload-description"),I=h(!1),P=h(null),N=h(null),T=u(()=>L.invalid||L.required&&0===A.value.length);function z(e){const t=e.target;t instanceof Element&&t.closest('[data-part="dropzone"]')||e.preventDefault()}x(()=>{const e=P.value;if(!e)return;const t=function(e){if(typeof DataTransfer>"u")return null;const t=new DataTransfer;for(const a of e)t.items.add(a);return t.files}(A.value);t&&(e.files=t)}),a(()=>P.value??N.value,()=>R(L.defaultValue)),x(e=>{!L.preventDocumentDrop||typeof document>"u"||(document.addEventListener("dragover",z),document.addEventListener("drop",z),e(()=>{document.removeEventListener("dragover",z),document.removeEventListener("drop",z)}))});let M="";function U(){const e=N.value;if(!e)return;const t=L.requiredMessage&&L.required&&0===A.value.length?L.requiredMessage:"";e.setCustomValidity(M||t)}return x(U),B({checkValidity:function(){return N.value?.checkValidity()??!0},reportValidity:function(){return N.value?.reportValidity()??!0},setCustomValidity:function(e){M=e,U()},addFiles:S}),y(l,{inputRef:D,files:A,disabled:u(()=>L.disabled),readOnly:u(()=>L.readOnly),accept:u(()=>L.accept),multiple:u(()=>L.multiple),directory:u(()=>L.directory),capture:u(()=>L.capture),addFiles:S,removeFile:function(e){if(L.disabled||L.readOnly)return;const a=A.value.indexOf(e);-1!==a&&(t(o([e.name])),R([...A.value.slice(0,a),...A.value.slice(a+1)]))},clearFiles:function(){L.disabled||L.readOnly||0===A.value.length||(t(o(A.value.map(e=>e.name))),R([]))},openPicker:function(){!L.disabled&&!L.readOnly&&D.value?.click()},removeLabel:u(()=>L.removeLabel),labelId:_,labelPresent:I,descriptionId:C,required:u(()=>L.required),invalid:T}),(e,t)=>(v(),p("div",{class:"skdx-file-upload","data-part":"root","data-skdx-component":"file-upload","data-disabled":m.disabled?"":void 0,"data-readonly":m.readOnly?"":void 0},[b(e.$slots,"default",{},()=>[c(d,{"show-list":m.showList,"show-preview":m.showPreview,"file-status":m.fileStatus,"render-file":m.renderFile},null,8,["show-list","show-preview","file-status","render-file"])]),m.name?(v(),p("input",{key:0,ref_key:"formInputRef",ref:P,type:"file","aria-hidden":"true",tabindex:"-1",name:m.name,multiple:m.multiple,accept:m.accept,disabled:m.disabled,form:m.form,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,q)):s("",!0),f("input",{ref_key:"validityRef",ref:N,type:"text","aria-hidden":"true",tabindex:"-1",required:m.required,disabled:m.disabled,form:m.form,"^value":A.value.map(e=>e.name).join(", "),style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,k),m.required?(v(),p("span",{key:1,id:w(C),style:{position:"absolute",border:"0",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)","white-space":"nowrap","word-wrap":"normal"}},g(w(r)(T.value)),9,V)):s("",!0)],8,F))}});export{B as default};

package/dist/file-upload/FileUploadAnatomy.vue.cjs

@@ -0,0 +1 @@
+const e=require("./FileUploadAnatomy.vue_vue_type_script_setup_true_lang.cjs");var t=e.default;exports.default=t;

package/dist/file-upload/FileUploadAnatomy.vue.d.cts

@@ -0,0 +1,24 @@
+import { type FileUploadFileStatus } from './context.cjs';
+/**
+ * Default anatomy for `SkdxFileUpload`: dropzone with browse trigger, and a list of selected files.
+ * @internal
+ */
+type __VLS_Props = {
+    showList?: boolean | undefined;
+    showPreview?: boolean | undefined;
+    fileStatus?: ((file: File) => {
+        status?: FileUploadFileStatus;
+        progress?: number;
+    }) | undefined;
+    renderFile?: ((file: File) => unknown) | undefined;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    showList: boolean | undefined;
+    showPreview: boolean | undefined;
+    fileStatus: ((file: File) => {
+        status?: FileUploadFileStatus;
+        progress?: number;
+    }) | undefined;
+    renderFile: ((file: File) => unknown) | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/file-upload/FileUploadAnatomy.vue.d.ts

@@ -0,0 +1,24 @@
+import { type FileUploadFileStatus } from './context.js';
+/**
+ * Default anatomy for `SkdxFileUpload`: dropzone with browse trigger, and a list of selected files.
+ * @internal
+ */
+type __VLS_Props = {
+    showList?: boolean | undefined;
+    showPreview?: boolean | undefined;
+    fileStatus?: ((file: File) => {
+        status?: FileUploadFileStatus;
+        progress?: number;
+    }) | undefined;
+    renderFile?: ((file: File) => unknown) | undefined;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    showList: boolean | undefined;
+    showPreview: boolean | undefined;
+    fileStatus: ((file: File) => {
+        status?: FileUploadFileStatus;
+        progress?: number;
+    }) | undefined;
+    renderFile: ((file: File) => unknown) | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/file-upload/FileUploadAnatomy.vue.js

@@ -0,0 +1 @@
+import e from"./FileUploadAnatomy.vue_vue_type_script_setup_true_lang.js";var t=e;export{t as default};

package/dist/file-upload/FileUploadAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const d=require("../utils/Glyph.vue.cjs"),s=require("../utils/injectRequired.cjs"),c=require("./context.cjs"),p=require("../utils/renderProp.cjs"),f=require("./FileUploadDropzone.vue.cjs"),q=require("./FileUploadInput.vue.cjs"),m=require("./FileUploadItem.vue.cjs"),F=require("./FileUploadItemDelete.vue.cjs"),_=require("./FileUploadItemGroup.vue.cjs"),k=require("./FileUploadItemName.vue.cjs"),B=require("./FileUploadItemPreview.vue.cjs"),y=require("./FileUploadItemSizeText.vue.cjs"),w=require("./FileUploadTrigger.vue.cjs");let e=require("vue");var U=(0,e.defineComponent)({__name:"FileUploadAnatomy",props:{showList:{type:Boolean,default:!0},showPreview:{type:Boolean,default:!1},fileStatus:{type:Function,default:void 0},renderFile:{type:Function,default:void 0}},setup(o){const l=o,a=s.injectRequired(c.FILE_UPLOAD_CONTEXT,"FileUploadAnatomy must be used within SkdxFileUpload.");function i(t){return`${t.name}-${t.size}-${t.lastModified}`}function n(t){return{status:l.fileStatus?.(t)?.status,progress:l.fileStatus?.(t)?.progress}}return(t,u)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createVNode)(f.default,null,{default:(0,e.withCtx)(()=>[...u[0]||(u[0]=[(0,e.createTextVNode)("Drag files here, or",-1)])]),_:1}),(0,e.createVNode)(w.default,null,{default:(0,e.withCtx)(()=>[...u[1]||(u[1]=[(0,e.createTextVNode)("Browse",-1)])]),_:1}),(0,e.createVNode)(q.default),o.showList?((0,e.openBlock)(),(0,e.createBlock)(_.default,{key:0},{default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)((0,e.unref)(a).files.value,r=>((0,e.openBlock)(),(0,e.createBlock)(m.default,{key:i(r),file:r,status:n(r).status,progress:n(r).progress},{default:(0,e.withCtx)(()=>[typeof o.renderFile=="function"?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(p.RenderProp),{key:0,render:()=>l.renderFile(r)},null,8,["render"])):((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:1},[o.showPreview?((0,e.openBlock)(),(0,e.createBlock)(B.default,{key:0})):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(k.default),(0,e.createVNode)(y.default),(0,e.createVNode)(F.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(d.default,{name:"close"})]),_:1})],64))]),_:2},1032,["file","status","progress"]))),128))]),_:1})):(0,e.createCommentVNode)("",!0)],64))}});exports.default=U;

package/dist/file-upload/FileUploadAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import e from"../utils/Glyph.vue.js";import{injectRequired as t}from"../utils/injectRequired.js";import{FILE_UPLOAD_CONTEXT as o}from"./context.js";import{RenderProp as r}from"../utils/renderProp.js";import s from"./FileUploadDropzone.vue.js";import l from"./FileUploadInput.vue.js";import i from"./FileUploadItem.vue.js";import a from"./FileUploadItemDelete.vue.js";import u from"./FileUploadItemGroup.vue.js";import n from"./FileUploadItemName.vue.js";import p from"./FileUploadItemPreview.vue.js";import m from"./FileUploadItemSizeText.vue.js";import d from"./FileUploadTrigger.vue.js";import{Fragment as f,createBlock as F,createCommentVNode as c,createElementBlock as v,createTextVNode as j,createVNode as y,defineComponent as U,openBlock as w,renderList as g,unref as k,withCtx as _}from"vue";var h=/* @__PURE__ */U({__name:"FileUploadAnatomy",props:{showList:{type:Boolean,default:!0},showPreview:{type:Boolean,default:!1},fileStatus:{type:Function,default:void 0},renderFile:{type:Function,default:void 0}},setup(U){const h=U,I=t(o,"FileUploadAnatomy must be used within SkdxFileUpload.");function x(e){return`${e.name}-${e.size}-${e.lastModified}`}function B(e){return{status:h.fileStatus?.(e)?.status,progress:h.fileStatus?.(e)?.progress}}return(t,o)=>(w(),v(f,null,[y(s,null,{default:_(()=>[...o[0]||(o[0]=[j("Drag files here, or",-1)])]),_:1}),y(d,null,{default:_(()=>[...o[1]||(o[1]=[j("Browse",-1)])]),_:1}),y(l),U.showList?(w(),F(u,{key:0},{default:_(()=>[(w(!0),v(f,null,g(k(I).files.value,t=>(w(),F(i,{key:x(t),file:t,status:B(t).status,progress:B(t).progress},{default:_(()=>["function"==typeof U.renderFile?(w(),F(k(r),{key:0,render:()=>h.renderFile(t)},null,8,["render"])):(w(),v(f,{key:1},[U.showPreview?(w(),F(p,{key:0})):c("",!0),y(n),y(m),y(a,null,{default:_(()=>[y(e,{name:"close"})]),_:1})],64))]),_:2},1032,["file","status","progress"]))),128))]),_:1})):c("",!0)],64))}});export{h as default};

package/dist/file-upload/FileUploadClear.vue.cjs

@@ -0,0 +1 @@
+const e=require("./FileUploadClear.vue_vue_type_script_setup_true_lang.cjs");var l=e.default;exports.default=l;

package/dist/file-upload/FileUploadClear.vue.d.cts

@@ -0,0 +1,14 @@
+/** Clears all files in one action; disabled when the list is empty or the root is `disabled`/`readOnly`. */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/file-upload/FileUploadClear.vue.d.ts

@@ -0,0 +1,14 @@
+/** Clears all files in one action; disabled when the list is empty or the root is `disabled`/`readOnly`. */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/file-upload/FileUploadClear.vue.js

@@ -0,0 +1 @@
+import e from"./FileUploadClear.vue_vue_type_script_setup_true_lang.js";var r=e;export{r as default};

package/dist/file-upload/FileUploadClear.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const r=require("../utils/injectRequired.cjs"),u=require("./context.cjs");let e=require("vue");var i=["disabled","data-disabled","data-readonly"],n=(0,e.defineComponent)({__name:"FileUploadClear",setup(o){const l=r.injectRequired(u.FILE_UPLOAD_CONTEXT,"<SkdxFileUploadClear> must be used inside <SkdxFileUpload>."),d=(0,e.computed)(()=>l.disabled.value||l.readOnly.value||l.files.value.length===0);return(t,a)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-file-upload__clear","data-part":"clear",type:"button",disabled:d.value,"data-disabled":(0,e.unref)(l).disabled.value?"":void 0,"data-readonly":(0,e.unref)(l).readOnly.value?"":void 0,onClick:a[0]||(a[0]=s=>(0,e.unref)(l).clearFiles())},[(0,e.renderSlot)(t.$slots,"default")],8,i))}});exports.default=n;

package/dist/file-upload/FileUploadClear.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{injectRequired as e}from"../utils/injectRequired.js";import{FILE_UPLOAD_CONTEXT as a}from"./context.js";import{computed as l,createElementBlock as d,defineComponent as t,openBlock as s,renderSlot as o,unref as i}from"vue";var r=["disabled","data-disabled","data-readonly"],n=/* @__PURE__ */t({__name:"FileUploadClear",setup(t){const n=e(a,"<SkdxFileUploadClear> must be used inside <SkdxFileUpload>."),u=l(()=>n.disabled.value||n.readOnly.value||0===n.files.value.length);return(e,a)=>(s(),d("button",{class:"skdx-file-upload__clear","data-part":"clear",type:"button",disabled:u.value,"data-disabled":i(n).disabled.value?"":void 0,"data-readonly":i(n).readOnly.value?"":void 0,onClick:a[0]||(a[0]=e=>i(n).clearFiles())},[o(e.$slots,"default")],8,r))}});export{n as default};

package/dist/file-upload/FileUploadDropzone.vue.d.cts

@@ -1,15 +1,18 @@
-/**
- * Drag-and-drop / click-to-browse target within a `SkdxFileUpload`. Renders
- * `role="button"`, keyboard-activatable (Enter/Space), with
- * `aria-disabled`/`data-disabled` and `data-dragging` (set while a drag is
- * over it) reflecting state.
- */
-type __VLS_Props = {};
+/** Drag-and-drop / click-to-browse target, keyboard-activatable via Enter/Space as `role="button"`. */
+type __VLS_Props = {
+    /**
+     * Suppresses click-to-open but keeps drag-and-drop and Enter/Space;
+     * use when Trigger alone should open picker.
+     */
+    disableClick?: boolean;
+};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => 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 __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disableClick: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/file-upload/FileUploadDropzone.vue.d.ts

@@ -1,15 +1,18 @@
-/**
- * Drag-and-drop / click-to-browse target within a `SkdxFileUpload`. Renders
- * `role="button"`, keyboard-activatable (Enter/Space), with
- * `aria-disabled`/`data-disabled` and `data-dragging` (set while a drag is
- * over it) reflecting state.
- */
-type __VLS_Props = {};
+/** Drag-and-drop / click-to-browse target, keyboard-activatable via Enter/Space as `role="button"`. */
+type __VLS_Props = {
+    /**
+     * Suppresses click-to-open but keeps drag-and-drop and Enter/Space;
+     * use when Trigger alone should open picker.
+     */
+    disableClick?: boolean;
+};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => 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 __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disableClick: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/file-upload/FileUploadDropzone.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const u=require("./context.cjs");let d=require("vue");var s=["tabindex","aria-disabled","data-disabled","data-dragging"],f=(0,d.defineComponent)({__name:"FileUploadDropzone",setup(p){const a=(0,d.inject)(u.FILE_UPLOAD_CONTEXT);if(!a)throw new Error("<SkdxFileUploadDropzone> must be used inside <SkdxFileUpload>.");const r=(0,d.ref)(!1);function n(){a.openPicker()}function o(e){(e.key==="Enter"||e.key===" ")&&!a.disabled.value&&(e.preventDefault(),a.openPicker())}function l(e){e.preventDefault(),a.disabled.value||(r.value=!0)}function i(){r.value=!1}function t(e){e.preventDefault(),r.value=!1,!a.disabled.value&&e.dataTransfer&&a.addFiles(e.dataTransfer.files)}return(e,v)=>((0,d.openBlock)(),(0,d.createElementBlock)("div",{class:"skdx-file-upload__dropzone","data-part":"dropzone",role:"button",tabindex:(0,d.unref)(a).disabled.value?-1:0,"aria-disabled":(0,d.unref)(a).disabled.value||void 0,"data-disabled":(0,d.unref)(a).disabled.value?"":void 0,"data-dragging":r.value?"":void 0,onClick:n,onKeydown:o,onDragover:l,onDragleave:i,onDrop:t},[(0,d.renderSlot)(e.$slots,"default")],40,s))}});exports.default=f;
+const f=require("../utils/injectRequired.cjs"),p=require("./context.cjs");let a=require("vue");var b=["aria-labelledby","tabindex","aria-disabled","aria-describedby","data-disabled","data-readonly","data-dragging","data-invalid"],_=(0,a.defineComponent)({__name:"FileUploadDropzone",props:{disableClick:{type:Boolean,default:!1}},setup(r){const i=r,e=f.injectRequired(p.FILE_UPLOAD_CONTEXT,"<SkdxFileUploadDropzone> must be used inside <SkdxFileUpload>."),n=(0,a.useAttrs)(),l=(0,a.ref)(!1),o=(0,a.computed)(()=>{const d=[n["aria-describedby"],e.required.value?e.descriptionId:null].filter(Boolean);return d.length>0?d.join(" "):void 0});function t(){i.disableClick||e.openPicker()}function u(d){(d.key==="Enter"||d.key===" ")&&!e.disabled.value&&!e.readOnly.value&&(d.preventDefault(),e.openPicker())}function s(d){d.preventDefault(),!e.disabled.value&&!e.readOnly.value&&(l.value=!0)}function v(){l.value=!1}function c(d){d.preventDefault(),l.value=!1,!e.disabled.value&&!e.readOnly.value&&d.dataTransfer&&e.addFiles(d.dataTransfer.files)}return(d,y)=>((0,a.openBlock)(),(0,a.createElementBlock)("div",{class:"skdx-file-upload__dropzone","data-part":"dropzone",role:"button","aria-labelledby":(0,a.unref)(e).labelPresent.value?(0,a.unref)(e).labelId:void 0,tabindex:(0,a.unref)(e).disabled.value?-1:0,"aria-disabled":(0,a.unref)(e).disabled.value||(0,a.unref)(e).readOnly.value||void 0,"aria-describedby":o.value,"data-disabled":(0,a.unref)(e).disabled.value?"":void 0,"data-readonly":(0,a.unref)(e).readOnly.value?"":void 0,"data-dragging":l.value?"":void 0,"data-invalid":(0,a.unref)(e).invalid.value?"":void 0,onClick:t,onKeydown:u,onDragover:s,onDragleave:v,onDrop:c},[(0,a.renderSlot)(d.$slots,"default")],40,b))}});exports.default=_;

package/dist/file-upload/FileUploadDropzone.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{FILE_UPLOAD_CONTEXT as e}from"./context.js";import{createElementBlock as a,defineComponent as d,inject as o,openBlock as n,ref as l,renderSlot as t,unref as i}from"vue";var r=["tabindex","aria-disabled","data-disabled","data-dragging"],s=/* @__PURE__ */d({__name:"FileUploadDropzone",setup(d){const s=o(e);if(!s)throw new Error("<SkdxFileUploadDropzone> must be used inside <SkdxFileUpload>.");const u=l(!1);function p(){s.openPicker()}function v(e){("Enter"===e.key||" "===e.key)&&!s.disabled.value&&(e.preventDefault(),s.openPicker())}function f(e){e.preventDefault(),s.disabled.value||(u.value=!0)}function c(){u.value=!1}function b(e){e.preventDefault(),u.value=!1,!s.disabled.value&&e.dataTransfer&&s.addFiles(e.dataTransfer.files)}return(e,d)=>(n(),a("div",{class:"skdx-file-upload__dropzone","data-part":"dropzone",role:"button",tabindex:i(s).disabled.value?-1:0,"aria-disabled":i(s).disabled.value||void 0,"data-disabled":i(s).disabled.value?"":void 0,"data-dragging":u.value?"":void 0,onClick:p,onKeydown:v,onDragover:f,onDragleave:c,onDrop:b},[t(e.$slots,"default")],40,r))}});export{s as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{FILE_UPLOAD_CONTEXT as a}from"./context.js";import{computed as d,createElementBlock as l,defineComponent as i,openBlock as n,ref as r,renderSlot as o,unref as t,useAttrs as s}from"vue";var u=["aria-labelledby","tabindex","aria-disabled","aria-describedby","data-disabled","data-readonly","data-dragging","data-invalid"],v=/* @__PURE__ */i({__name:"FileUploadDropzone",props:{disableClick:{type:Boolean,default:!1}},setup(i){const v=i,b=e(a,"<SkdxFileUploadDropzone> must be used inside <SkdxFileUpload>."),p=s(),c=r(!1),f=d(()=>{const e=[p["aria-describedby"],b.required.value?b.descriptionId:null].filter(Boolean);return e.length>0?e.join(" "):void 0});function y(){v.disableClick||b.openPicker()}function k(e){("Enter"===e.key||" "===e.key)&&!b.disabled.value&&!b.readOnly.value&&(e.preventDefault(),b.openPicker())}function m(e){e.preventDefault(),!b.disabled.value&&!b.readOnly.value&&(c.value=!0)}function g(){c.value=!1}function D(e){e.preventDefault(),c.value=!1,!b.disabled.value&&!b.readOnly.value&&e.dataTransfer&&b.addFiles(e.dataTransfer.files)}return(e,a)=>(n(),l("div",{class:"skdx-file-upload__dropzone","data-part":"dropzone",role:"button","aria-labelledby":t(b).labelPresent.value?t(b).labelId:void 0,tabindex:t(b).disabled.value?-1:0,"aria-disabled":t(b).disabled.value||t(b).readOnly.value||void 0,"aria-describedby":f.value,"data-disabled":t(b).disabled.value?"":void 0,"data-readonly":t(b).readOnly.value?"":void 0,"data-dragging":c.value?"":void 0,"data-invalid":t(b).invalid.value?"":void 0,onClick:y,onKeydown:k,onDragover:m,onDragleave:g,onDrop:D},[o(e.$slots,"default")],40,u))}});export{v as default};

package/dist/file-upload/FileUploadInput.vue.d.cts

@@ -1,13 +1,9 @@
-/**
- * The visually-hidden native `<input type="file">` that actually opens the
- * OS file dialog and receives its selection. Render it once anywhere inside
- * `SkdxFileUpload` — `SkdxFileUploadDropzone`/`SkdxFileUploadTrigger` open it
- * programmatically.
- *
- * `aria-hidden` + `tabindex="-1"`, matching the other four frameworks: it is
- * an implementation detail with no label of its own, and the dropzone is the
- * labelled, keyboard-reachable control that stands in for it.
- */
+/** The visually-hidden native `<input type="file">` that opens the OS file dialog. */
 type __VLS_Props = {};
-declare const _default: 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: import("vue").DefineComponent<__VLS_Props, {
+    /** Opens the OS file dialog, exactly like clicking the native input. */
+    click: () => void | undefined;
+    /** The underlying native `<input type="file">` element. */
+    el: import("vue").Ref<HTMLInputElement | null, HTMLInputElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/file-upload/FileUploadInput.vue.d.ts

@@ -1,13 +1,9 @@
-/**
- * The visually-hidden native `<input type="file">` that actually opens the
- * OS file dialog and receives its selection. Render it once anywhere inside
- * `SkdxFileUpload` — `SkdxFileUploadDropzone`/`SkdxFileUploadTrigger` open it
- * programmatically.
- *
- * `aria-hidden` + `tabindex="-1"`, matching the other four frameworks: it is
- * an implementation detail with no label of its own, and the dropzone is the
- * labelled, keyboard-reachable control that stands in for it.
- */
+/** The visually-hidden native `<input type="file">` that opens the OS file dialog. */
 type __VLS_Props = {};
-declare const _default: 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: import("vue").DefineComponent<__VLS_Props, {
+    /** Opens the OS file dialog, exactly like clicking the native input. */
+    click: () => void | undefined;
+    /** The underlying native `<input type="file">` element. */
+    el: import("vue").Ref<HTMLInputElement | null, HTMLInputElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;