@xleddyl/443-components-vue 0.2.3 → 0.4.0

package/dist/components/forms/FileInput.vue

@@ -8,7 +8,8 @@
     'is-over': over,
     'is-disabled': control.disabled.value,
     'is-invalid': control.invalid.value,
-    'has-files': files.length > 0
+    'is-loading': loading,
+    'has-files': list && files.length > 0
   },
   props.class
 ]"
@@ -22,12 +23,13 @@
          :disabled="control.disabled.value || void 0"
          :aria-required="control.required.value ? 'true' : void 0"
          :aria-invalid="control.invalid.value ? 'true' : void 0"
-         :aria-disabled="readonly ? 'true' : void 0"
+         :aria-disabled="readonly || loading ? 'true' : void 0"
+         :aria-busy="loading ? 'true' : void 0"
          :aria-describedby="
   joinIds(
     $attrs['aria-describedby'],
     control.describedBy.value,
-    hint ? hintId : void 0
+    hasHint ? hintId : void 0
   )
 "
          type="button"
@@ -35,13 +37,16 @@
          @click="browse"
       >
          <span class="k-file-input-dropzone-icon" aria-hidden="true">
-            <Icon :name="over ? 'arrow-up-tray' : icon" />
+            <Spinner v-if="loading" size="sm" decorative />
+            <Icon v-else :name="over ? 'arrow-up-tray' : icon" />
          </span>
          <span class="k-file-input-dropzone-text">
             <span class="k-file-input-dropzone-title">
-               <slot name="title" :over="over">{{ over ? dropLabel : titleLabel }}</slot>
+               <slot name="title" :over="over" :loading="loading">{{ currentTitle }}</slot>
+            </span>
+            <span v-if="hasHint" :id="hintId" class="k-file-input-dropzone-hint">
+               <slot name="hint">{{ hint }}</slot>
             </span>
-            <span v-if="hint" :id="hintId" class="k-file-input-dropzone-hint">{{ hint }}</span>
          </span>
       </button>
       <input
@@ -52,19 +57,49 @@
          aria-hidden="true"
          :name="formName"
          :accept="acceptAttr"
-         :multiple="multiple || void 0"
+         :multiple="isMultiple || void 0"
          :capture="capture"
          :disabled="control.disabled.value || void 0"
          @change="onNativeChange"
       />
-      <ul v-if="files.length" role="list" class="k-file-input-list" :aria-label="listText">
+      <input
+         ref="directoryInputRef"
+         type="file"
+         class="k-file-input-native"
+         tabindex="-1"
+         aria-hidden="true"
+         multiple
+         :disabled="control.disabled.value || void 0"
+         @change="onNativeChange"
+      />
+      <div v-if="directoryAction || $slots.actions" class="k-file-input-actions">
+         <slot
+            name="actions"
+            :browse="browse"
+            :browse-directory="browseDirectory"
+            :disabled="!interactive"
+         >
+            <Button
+               variant="ghost"
+               tone="neutral"
+               size="sm"
+               icon="folder"
+               :label="directoryActionText"
+               :disabled="!interactive"
+               @click="browseDirectory"
+            />
+         </slot>
+      </div>
+      <ul v-if="list && files.length" role="list" class="k-file-input-list" :aria-label="listText">
          <li v-for="file in files" :key="fileKey(file)" class="k-file-input-item">
             <span class="k-file-input-thumb" aria-hidden="true">
                <img v-if="previews[fileKey(file)]" :src="previews[fileKey(file)]" alt="" />
                <Icon v-else name="document" />
             </span>
             <span class="k-file-input-meta">
-               <span class="k-file-input-name" :title="file.name">{{ file.name }}</span>
+               <span class="k-file-input-name" :title="filePath(file)">{{
+                  walksFolders ? filePath(file) : file.name
+               }}</span>
                <span class="k-file-input-size">{{ formatBytes(file.size, resolvedLocale) }}</span>
             </span>
             <Button
@@ -73,7 +108,7 @@
                variant="ghost"
                tone="neutral"
                icon="x-mark"
-               :aria-label="`${removeText} ${file.name}`"
+               :aria-label="`${removeText} ${walksFolders ? filePath(file) : file.name}`"
                :title="removeText"
                @click="removeFile(file)"
             />
@@ -96,24 +131,36 @@ import {
 } from "vue";
 import { useFieldControl } from "../../composables/useField";
 import { useLocale } from "../../composables/useLocale";
-import { useFileDrop } from "../../composables/useFileDrop";
 import { joinIds } from "../../internal/forms/control";
+import { readDroppedFiles, useFileDrop } from "../../composables/useFileDrop";
 import {
   fileKey,
+  filePath,
+  filesTree,
   formatBytes,
   isImageFile,
   matchesAccept,
-  parseAccept
+  parseAccept,
+  setFilePath
 } from "../../internal/forms/files";
 import Button from "../core/Button.vue";
 import Icon from "../core/Icon.vue";
+import Spinner from "../core/Spinner.vue";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
   name: { type: String, required: false },
   accept: { type: [String, Array], required: false },
+  acceptMode: { type: String, required: false, default: "filter" },
   maxSize: { type: Number, required: false },
   maxFiles: { type: Number, required: false },
   multiple: { type: Boolean, required: false },
+  directory: { type: [Boolean, String], required: false },
+  directoryAction: { type: Boolean, required: false },
+  directoryActionLabel: { type: String, required: false },
+  skipHidden: { type: Boolean, required: false },
+  list: { type: Boolean, required: false, default: true },
+  loading: { type: Boolean, required: false },
+  loadingText: { type: String, required: false },
   capture: { type: String, required: false },
   previews: { type: Boolean, required: false, default: true },
   size: { type: String, required: false, default: "md" },
@@ -132,20 +179,33 @@ const props = defineProps({
   class: { type: null, required: false },
   style: { type: null, required: false }
 });
+const slots = defineSlots();
 const { locale: appLocale, t } = useLocale();
 const resolvedLocale = computed(() => props.locale ?? appLocale.value.code);
-const titleLabel = computed(() => props.title ?? t("fileInput.title"));
+const titleLabel = computed(() => {
+  if (props.title) return props.title;
+  if (props.directory === "drop") return t("fileInput.mixedTitle");
+  return t(props.directory ? "fileInput.directoryTitle" : "fileInput.title");
+});
+const directoryActionText = computed(
+  () => props.directoryActionLabel ?? t("fileInput.browseDirectory")
+);
+const loadingLabel = computed(() => props.loadingText ?? t("fileInput.loading"));
 const dropLabel = computed(() => props.dropText ?? t("fileInput.drop"));
 const removeText = computed(() => props.removeLabel ?? t("common.remove"));
 const listText = computed(() => props.listLabel ?? t("fileInput.list"));
 function announceCount(count) {
   return props.announce ? props.announce(count) : t("fileInput.selected", { count });
 }
+function announceAdded(count) {
+  return props.announce ? props.announce(count) : t("fileInput.added", { count });
+}
 const model = defineModel({ type: null });
-const emit = defineEmits(["invalid", "add", "remove"]);
+const emit = defineEmits(["invalid", "reject", "add", "remove"]);
 const hintId = `${useId()}-hint`;
 const rootRef = useTemplateRef("rootRef");
 const inputRef = useTemplateRef("inputRef");
+const directoryInputRef = useTemplateRef("directoryInputRef");
 const buttonRef = useTemplateRef("buttonRef");
 const previews = reactive({});
 const announcement = ref("");
@@ -163,59 +223,123 @@ const files = computed(() => {
 const acceptList = computed(() => parseAccept(props.accept));
 const acceptAttr = computed(() => acceptList.value.join(",") || void 0);
 const formName = computed(() => props.name ?? control.field?.name.value);
-const interactive = computed(() => !control.disabled.value && !props.readonly);
+const interactive = computed(() => !control.disabled.value && !props.readonly && !props.loading);
+const isMultiple = computed(() => props.multiple || props.directory === true);
+const walksFolders = computed(() => Boolean(props.directory));
+const hasHint = computed(() => Boolean(props.hint || slots.hint));
+const currentTitle = computed(() => {
+  if (props.loading) return loadingLabel.value;
+  return over.value ? dropLabel.value : titleLabel.value;
+});
+function toEntries(list) {
+  return list.map((file) => ({ file, path: filePath(file) }));
+}
 const { over } = useFileDrop(rootRef, {
   disabled: () => !interactive.value,
-  onDrop: (dropped) => addFiles(dropped)
+  onDrop: (dropped, event) => {
+    const transfer = event.dataTransfer;
+    const origin = { source: "drop", event, dataTransfer: transfer };
+    if (!walksFolders.value) {
+      const tree = filesTree(dropped, { skipHidden: props.skipHidden });
+      addEntries(tree.files, { ...origin, directories: [] });
+      return;
+    }
+    void readDroppedFiles(transfer, { directories: true, skipHidden: props.skipHidden }).then(
+      (tree) => addEntries(tree.files, { ...origin, directories: tree.directories })
+    );
+  }
 });
 function browse() {
   if (!interactive.value) return;
   inputRef.value?.click();
 }
+function browseDirectory() {
+  if (!interactive.value) return;
+  const input = directoryInputRef.value;
+  if (!input) return;
+  input.webkitdirectory = true;
+  input.click();
+}
 function validate(file) {
-  if (!matchesAccept(file, acceptList.value))
+  if (props.acceptMode === "filter" && !matchesAccept(file, acceptList.value))
     return { reason: "type", file, limit: acceptList.value.join(", ") };
   if (props.maxSize !== void 0 && file.size > props.maxSize)
     return { reason: "size", file, limit: props.maxSize };
   return void 0;
 }
 function addFiles(incoming) {
-  if (!interactive.value || !incoming.length) return;
+  const tree = filesTree(incoming, { skipHidden: props.skipHidden });
+  addEntries(tree.files, {
+    source: "browse",
+    event: new Event("add"),
+    dataTransfer: null,
+    directories: walksFolders.value ? tree.directories : []
+  });
+}
+function addEntries(incomingEntries, origin) {
+  if (!interactive.value) return;
+  if (!incomingEntries.length && !origin.directories.length) return;
+  for (const entry of incomingEntries) setFilePath(entry.file, entry.path);
+  const incoming = incomingEntries.map((entry) => entry.file);
+  const multiple = isMultiple.value;
   const accepted = [];
-  const existing = new Set(files.value.map(fileKey));
-  const limit = props.multiple ? props.maxFiles ?? Infinity : 1;
-  const room = props.multiple ? limit - files.value.length : 1;
-  for (const file of props.multiple ? incoming : incoming.slice(0, 1)) {
+  const kept = props.list ? files.value : [];
+  const existing = new Set(kept.map(fileKey));
+  const limit = multiple ? props.maxFiles ?? Infinity : 1;
+  const room = multiple ? limit - kept.length : 1;
+  const rejected = [];
+  const reject = (problem) => {
+    rejected.push(problem);
+    emit("invalid", problem);
+  };
+  for (const file of multiple ? incoming : incoming.slice(0, 1)) {
     const problem = validate(file);
     if (problem) {
-      emit("invalid", problem);
+      reject(problem);
       continue;
     }
     if (existing.has(fileKey(file))) continue;
     if (accepted.length >= room) {
-      emit("invalid", { reason: "count", file, limit });
+      reject({ reason: "count", file, limit });
       continue;
     }
     accepted.push(file);
     existing.add(fileKey(file));
   }
-  if (!props.multiple && incoming.length > 1)
-    for (const file of incoming.slice(1)) emit("invalid", { reason: "count", file, limit: 1 });
+  if (!multiple && incoming.length > 1)
+    for (const file of incoming.slice(1)) reject({ reason: "count", file, limit: 1 });
+  const detail = { ...origin, entries: toEntries(accepted) };
+  if (rejected.length) emit("reject", rejected, detail);
+  if (!accepted.length && !origin.directories.length) return;
+  if (props.list && accepted.length)
+    model.value = multiple ? [...files.value, ...accepted] : accepted[0];
+  emit("add", accepted, detail);
   if (!accepted.length) return;
-  model.value = props.multiple ? [...files.value, ...accepted] : accepted[0];
-  emit("add", accepted);
-  announcement.value = announceCount(props.multiple ? files.value.length : 1);
+  announcement.value = props.list ? announceCount(multiple ? files.value.length : 1) : announceAdded(accepted.length);
 }
 function onNativeChange(event) {
   const target = event.target;
-  addFiles(Array.from(target.files ?? []));
+  const tree = filesTree(Array.from(target.files ?? []), { skipHidden: props.skipHidden });
+  const folders = target.webkitdirectory;
+  addEntries(tree.files, {
+    source: "browse",
+    event,
+    dataTransfer: null,
+    directories: folders ? tree.directories : []
+  });
   target.value = "";
+  if (target === inputRef.value) syncDirectory();
+}
+function syncDirectory() {
+  const input = inputRef.value;
+  if (!input) return;
+  input.webkitdirectory = props.directory === true;
 }
 function removeFile(file) {
   const key = fileKey(file);
-  model.value = props.multiple ? files.value.filter((entry) => fileKey(entry) !== key) : null;
+  model.value = isMultiple.value ? files.value.filter((entry) => fileKey(entry) !== key) : null;
   emit("remove", file);
-  announcement.value = announceCount(props.multiple ? files.value.length : 0);
+  announcement.value = announceCount(isMultiple.value ? files.value.length : 0);
   buttonRef.value?.focus();
 }
 function syncPreviews(current) {
@@ -234,7 +358,7 @@ function syncPreviews(current) {
 }
 function syncNativeInput(current) {
   const input = inputRef.value;
-  if (!input || typeof DataTransfer === "undefined") return;
+  if (!input || !props.list || typeof DataTransfer === "undefined") return;
   try {
     const transfer = new DataTransfer();
     for (const file of current) transfer.items.add(file);
@@ -247,12 +371,14 @@ watch(files, (current) => {
   syncPreviews(current);
   syncNativeInput(current);
 });
+watch(() => props.directory, syncDirectory);
 onMounted(() => {
   mounted.value = true;
+  syncDirectory();
   syncPreviews(files.value);
 });
 onBeforeUnmount(() => {
   for (const url of Object.values(previews)) URL.revokeObjectURL(url);
 });
-defineExpose({ focus: () => buttonRef.value?.focus(), browse, addFiles });
+defineExpose({ focus: () => buttonRef.value?.focus(), browse, browseDirectory, addFiles });
 </script>

package/dist/components/forms/FileInput.vue.d.ts

@@ -1,20 +1,35 @@
 import type { IconName } from '../../composables/useIcons';
 import type { FieldSize } from '../core/types';
-import type { FileInvalidEvent } from './types';
+import type { FileAddDetail, FileInputAcceptMode, FileInputDirectory, FileInvalidEvent } from './types';
+type __VLS_Slots = {
+    title?: (props: {
+        over: boolean;
+        loading: boolean;
+    }) => unknown;
+    hint?: () => unknown;
+    actions?: (props: {
+        browse: () => void;
+        browseDirectory: () => void;
+        disabled: boolean;
+    }) => unknown;
+};
 declare function browse(): void;
+declare function browseDirectory(): void;
 declare function addFiles(incoming: File[]): void;
-declare var __VLS_6: {
-    over: boolean;
-};
-type __VLS_Slots = {} & {
-    title?: (props: typeof __VLS_6) => any;
-};
 declare const __VLS_base: import("vue").DefineComponent<{
     name?: string | undefined;
     accept?: string | string[];
+    acceptMode?: FileInputAcceptMode;
     maxSize?: number;
     maxFiles?: number;
     multiple?: boolean;
+    directory?: FileInputDirectory;
+    directoryAction?: boolean;
+    directoryActionLabel?: string;
+    skipHidden?: boolean;
+    list?: boolean;
+    loading?: boolean;
+    loadingText?: string;
     capture?: "user" | "environment";
     previews?: boolean;
     size?: FieldSize;
@@ -39,8 +54,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     form?: string | undefined | undefined;
     results?: (string | number) | undefined;
     placeholder?: string | undefined | undefined;
-    type?: "submit" | "reset" | "button" | undefined | undefined;
-    ref?: import("vue").VNodeRef | undefined;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
@@ -141,6 +154,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     color?: string | undefined | undefined;
     id?: string | undefined | undefined;
     lang?: string | undefined | undefined;
+    type?: "submit" | "reset" | "button" | undefined | undefined;
     tabindex?: (string | number) | undefined;
     'aria-activedescendant'?: string | undefined | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -151,7 +165,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
+    'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -188,6 +202,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-valuemin'?: (string | number) | undefined;
     'aria-valuenow'?: (string | number) | undefined;
     'aria-valuetext'?: string | undefined | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     ref_for?: boolean | undefined | undefined;
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined | undefined;
@@ -235,18 +250,28 @@ declare const __VLS_base: import("vue").DefineComponent<{
 }, {
     focus: () => void | undefined;
     browse: typeof browse;
+    browseDirectory: typeof browseDirectory;
     addFiles: typeof addFiles;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     remove: (file: File) => any;
     invalid: (event: FileInvalidEvent) => any;
-    add: (files: File[]) => any;
+    add: (files: File[], detail: FileAddDetail) => any;
     "update:modelValue": (value: File | File[] | null | undefined) => any;
+    reject: (events: FileInvalidEvent[], detail: FileAddDetail) => any;
 }, string, import("vue").PublicProps, Readonly<{
     name?: string | undefined;
     accept?: string | string[];
+    acceptMode?: FileInputAcceptMode;
     maxSize?: number;
     maxFiles?: number;
     multiple?: boolean;
+    directory?: FileInputDirectory;
+    directoryAction?: boolean;
+    directoryActionLabel?: string;
+    skipHidden?: boolean;
+    list?: boolean;
+    loading?: boolean;
+    loadingText?: string;
     capture?: "user" | "environment";
     previews?: boolean;
     size?: FieldSize;
@@ -271,8 +296,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     form?: string | undefined | undefined;
     results?: (string | number) | undefined;
     placeholder?: string | undefined | undefined;
-    type?: "submit" | "reset" | "button" | undefined | undefined;
-    ref?: import("vue").VNodeRef | undefined;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
@@ -373,6 +396,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     color?: string | undefined | undefined;
     id?: string | undefined | undefined;
     lang?: string | undefined | undefined;
+    type?: "submit" | "reset" | "button" | undefined | undefined;
     tabindex?: (string | number) | undefined;
     'aria-activedescendant'?: string | undefined | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -383,7 +407,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
+    'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -420,6 +444,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-valuemin'?: (string | number) | undefined;
     'aria-valuenow'?: (string | number) | undefined;
     'aria-valuetext'?: string | undefined | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     ref_for?: boolean | undefined | undefined;
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined | undefined;
@@ -467,12 +492,15 @@ declare const __VLS_base: import("vue").DefineComponent<{
 }> & Readonly<{
     onRemove?: ((file: File) => any) | undefined;
     onInvalid?: ((event: FileInvalidEvent) => any) | undefined;
-    onAdd?: ((files: File[]) => any) | undefined;
+    onAdd?: ((files: File[], detail: FileAddDetail) => any) | undefined;
     "onUpdate:modelValue"?: ((value: File | File[] | null | undefined) => any) | undefined;
+    onReject?: ((events: FileInvalidEvent[], detail: FileAddDetail) => any) | undefined;
 }>, {
     icon: IconName;
     invalid: boolean;
+    list: boolean;
     size: FieldSize;
+    acceptMode: FileInputAcceptMode;
     previews: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/forms/InputAddon.vue.d.ts

@@ -63,7 +63,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
+    'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -259,7 +259,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
+    'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;

package/dist/components/forms/InputGroup.vue.d.ts

@@ -61,7 +61,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
+    'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -256,7 +256,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
+    'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;

package/dist/components/forms/NumberInput.vue.d.ts

@@ -31,8 +31,6 @@ declare const __VLS_export: import("vue").DefineComponent<{
     list?: string | undefined | undefined;
     results?: (string | number) | undefined;
     name?: string | undefined | undefined;
-    type?: import("vue").InputTypeHTMLAttribute | undefined;
-    ref?: import("vue").VNodeRef | undefined;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
@@ -135,6 +133,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     height?: (string | number) | undefined;
     id?: string | undefined | undefined;
     lang?: string | undefined | undefined;
+    type?: import("vue").InputTypeHTMLAttribute | undefined;
     width?: (string | number) | undefined;
     tabindex?: (string | number) | undefined;
     'aria-activedescendant'?: string | undefined | undefined;
@@ -146,7 +145,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
+    'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -183,6 +182,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-valuemin'?: (string | number) | undefined;
     'aria-valuenow'?: (string | number) | undefined;
     'aria-valuetext'?: string | undefined | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     ref_for?: boolean | undefined | undefined;
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined | undefined;
@@ -275,8 +275,6 @@ declare const __VLS_export: import("vue").DefineComponent<{
     list?: string | undefined | undefined;
     results?: (string | number) | undefined;
     name?: string | undefined | undefined;
-    type?: import("vue").InputTypeHTMLAttribute | undefined;
-    ref?: import("vue").VNodeRef | undefined;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
@@ -379,6 +377,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     height?: (string | number) | undefined;
     id?: string | undefined | undefined;
     lang?: string | undefined | undefined;
+    type?: import("vue").InputTypeHTMLAttribute | undefined;
     width?: (string | number) | undefined;
     tabindex?: (string | number) | undefined;
     'aria-activedescendant'?: string | undefined | undefined;
@@ -390,7 +389,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
+    'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -427,6 +426,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-valuemin'?: (string | number) | undefined;
     'aria-valuenow'?: (string | number) | undefined;
     'aria-valuetext'?: string | undefined | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     ref_for?: boolean | undefined | undefined;
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined | undefined;