@quidgest/ui 0.14.12 → 0.14.13

package/esm/components/QDateTimePicker/QDateTimePicker.d.ts

@@ -0,0 +1,36 @@
+import { DEFAULT_ICONS, DEFAULT_TEXTS, QDateTimePickerProps } from './types';
+type __VLS_Props = QDateTimePickerProps;
+type __VLS_PublicProps = {
+    modelValue?: Date | string;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        extras?(_: {}): any;
+    };
+    refs: {
+        inputRef: HTMLInputElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | Date) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | Date) => any) | undefined;
+}>, {
+    icons: typeof DEFAULT_ICONS;
+    texts: typeof DEFAULT_TEXTS;
+    locale: string;
+    format: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: HTMLInputElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=QDateTimePicker.vue.d.ts.map

package/esm/components/QDateTimePicker/QDateTimePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QDateTimePicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDateTimePicker/QDateTimePicker.vue"],"names":[],"mappings":"AAmEA;AA2MC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AActD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAQnD,KAAK,WAAW,GAAG,oBAAoB,CAAC;AAsHzC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;CAC1B,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAoKT,OAAO,IAA6B;;wBAZrB,GAAG;;;;;;EAiB/B;AA0BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;OASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QDateTimePicker/QDateTimePicker.vue.js

@@ -0,0 +1,168 @@
+import { defineComponent as F, mergeModels as U, useModel as g, computed as t, ref as w, createBlock as D, openBlock as O, unref as r, normalizeClass as P, createSlots as E, withCtx as n, createVNode as s, createElementVNode as N, mergeProps as y, renderSlot as Q } from "vue";
+import { DEFAULT_TEXTS as H, DEFAULT_ICONS as I } from "./types.js";
+import { QClearButton as Z } from "../__internal__/QClearButton/index.js";
+import { QField as $ } from "../QField/index.js";
+import { QIcon as K } from "../QIcon/index.js";
+import L from "../../vendors/@vuepic/vue-datepicker/dist/vue-datepicker.js";
+import { useMaska as R } from "../../composables/maska.js";
+import { convertDatePatternToMask as X } from "../../utils/date/date.js";
+import { isTimeOnlyFormat as j } from "../../utils/date/tokens.js";
+import { formatUsesTime as G, formatUsesSeconds as W, uses12HourFormat as J } from "../../utils/time.js";
+import { useTheme as Y } from "../../composables/theme.js";
+const ee = ["value", "placeholder", "disabled", "readonly", "required", "onInput", "onBlur", "onFocus", "onKeypress", "onKeydown", "onPaste"], pe = /* @__PURE__ */ F({
+  inheritAttrs: !1,
+  __name: "QDateTimePicker",
+  props: /* @__PURE__ */ U({
+    id: {},
+    label: {},
+    size: {},
+    readonly: { type: Boolean },
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    format: { default: "dd/MM/yyyy HH:mm" },
+    minTime: {},
+    maxTime: {},
+    locale: { default: "en-US" },
+    placeholder: {},
+    inline: { type: Boolean },
+    class: {},
+    icons: { default: () => I },
+    texts: { default: () => H }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(d) {
+    const e = d, m = g(d, "modelValue"), u = t({
+      get: () => m.value,
+      set: (o) => m.value = o || void 0
+    }), k = t(() => i.value ? "format" : void 0), b = {
+      closeOnAutoApply: !1
+    }, T = Y(), v = t(() => T.current.value.mode === "dark"), x = t(() => G(e.format)), h = t(() => W(e.format)), i = t(() => j(e.format)), z = t(() => J(e.format)), _ = t(() => c(e.minTime)), A = t(() => c(e.maxTime)), M = t(() => i.value ? e.icons.clock : e.icons.calendar), q = t(() => ({
+      mask: X(e.format),
+      tokens: {
+        // Default tokens
+        "#": { pattern: /\d/ },
+        // Any digit (0-9)
+        X: { pattern: /\d/ },
+        // Any alphanumeric character (A-Z, a-z, 0-9)
+        A: { pattern: /[A-Z]/ },
+        // Any uppercase letter (A-Z)
+        a: { pattern: /[a-z]/ },
+        // Any uppercase letter (A-Z)
+        "!": { pattern: /[a-z]/ },
+        // Any letter (A-Z, a-z)
+        "*": { pattern: /[a-z]/ },
+        // Any character (including symbols)
+        // Custom tokens
+        N: { pattern: /\d/, multiple: !0 },
+        // One or more digits (variable length)
+        W: { pattern: /[A-Za-z]/, multiple: !0 },
+        // Letters only (word; no spaces)
+        S: { pattern: /[A-Za-z\s]/, multiple: !0 },
+        // Letters and spaces (sentence)
+        n: { pattern: /\d/, optional: !0 }
+        // Zero or more digits
+      },
+      eager: !0
+      // Show static characters before the user types them
+    })), p = w();
+    R(p, q);
+    function c(o) {
+      if (!o) return;
+      const a = o.split(":");
+      return {
+        hours: a[0],
+        minutes: a[1],
+        seconds: a[2]
+      };
+    }
+    return (o, a) => (O(), D(r($), {
+      id: e.id,
+      class: P(e.class),
+      label: e.label,
+      readonly: e.readonly,
+      disabled: e.disabled,
+      required: e.required,
+      size: e.size
+    }, E({
+      prepend: n(() => [
+        s(
+          r(K),
+          y({ class: "q-date-time-picker__input-icon" }, M.value),
+          null,
+          16
+          /* FULL_PROPS */
+        )
+      ]),
+      default: n(() => [
+        s(r(L), {
+          modelValue: u.value,
+          "onUpdate:modelValue": a[0] || (a[0] = (l) => u.value = l),
+          "model-type": k.value,
+          "min-time": _.value,
+          "max-time": A.value,
+          disabled: e.disabled,
+          readonly: e.readonly,
+          format: e.format,
+          is24: !z.value,
+          locale: e.locale,
+          "enable-time-picker": x.value,
+          "enable-seconds": h.value,
+          "time-picker": i.value,
+          config: b,
+          teleport: !e.inline,
+          offset: 16,
+          dark: v.value,
+          "text-input": "",
+          "hide-input-icon": "",
+          clearable: "",
+          "auto-apply": ""
+        }, {
+          "dp-input": n(({ value: l, onInput: B, onBlur: V, onFocus: C, onKeypress: f, onPaste: S }) => [
+            N("input", y({
+              ref_key: "inputRef",
+              ref: p,
+              "data-test-id": "dp-input",
+              class: "dp__input",
+              type: "text",
+              value: l,
+              placeholder: e.placeholder,
+              disabled: e.disabled,
+              readonly: e.readonly,
+              required: e.required,
+              onInput: B,
+              onBlur: V,
+              onFocus: C,
+              onKeypress: f,
+              onKeydown: f,
+              onPaste: S
+            }, o.$attrs), null, 16, ee)
+          ]),
+          "clear-icon": n(({ clear: l }) => [
+            s(r(Z), {
+              texts: e.texts,
+              onClick: l
+            }, null, 8, ["texts", "onClick"])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["modelValue", "model-type", "min-time", "max-time", "disabled", "readonly", "format", "is24", "locale", "enable-time-picker", "enable-seconds", "time-picker", "teleport", "dark"])
+      ]),
+      _: 2
+      /* DYNAMIC */
+    }, [
+      o.$slots.extras ? {
+        name: "extras",
+        fn: n(() => [
+          Q(o.$slots, "extras")
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["id", "class", "label", "readonly", "disabled", "required", "size"]));
+  }
+});
+export {
+  pe as default
+};

package/esm/components/QDateTimePicker/QDateTimePicker.vue2.js

@@ -0,0 +1,4 @@
+import f from "./QDateTimePicker.vue.js";
+export {
+  f as default
+};

package/esm/components/QDateTimePicker/index.d.ts

@@ -0,0 +1,54 @@
+import { QDateTimePickerProps } from './types';
+declare const QDateTimePicker: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue?: Date | string;
+    } & QDateTimePickerProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string | Date) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: string | Date) => any;
+    }, import('vue').PublicProps, {
+        icons: typeof import('./types').DEFAULT_ICONS;
+        texts: typeof import('./types').DEFAULT_TEXTS;
+        locale: string;
+        format: string;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        inputRef: HTMLInputElement;
+    }, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        modelValue?: Date | string;
+    } & QDateTimePickerProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string | Date) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        icons: typeof import('./types').DEFAULT_ICONS;
+        texts: typeof import('./types').DEFAULT_TEXTS;
+        locale: string;
+        format: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{
+    modelValue?: Date | string;
+} & QDateTimePickerProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | Date) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | Date) => any;
+}, string, {
+    icons: typeof import('./types').DEFAULT_ICONS;
+    texts: typeof import('./types').DEFAULT_TEXTS;
+    locale: string;
+    format: string;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        extras?(_: {}): any;
+    };
+});
+export { QDateTimePicker };
+export type { QDateTimePickerProps };
+//# sourceMappingURL=index.d.ts.map

package/esm/components/QDateTimePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDateTimePicker/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAKnD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAoC,CAAA;AAGzD,OAAO,EAAE,eAAe,EAAE,CAAA;AAG1B,YAAY,EAAE,oBAAoB,EAAE,CAAA"}

package/esm/components/QDateTimePicker/index.js

@@ -0,0 +1,6 @@
+import o from "./QDateTimePicker.vue.js";
+import { setupPropsProxy as r } from "../../utils/setupPropsProxy.js";
+const e = r(o);
+export {
+  e as QDateTimePicker
+};

package/esm/components/QDateTimePicker/types.d.ts

@@ -0,0 +1,93 @@
+import { QFieldSize } from '../QField';
+export type QDateTimePickerProps = {
+    /**
+     * The field unique identifier.
+     */
+    id?: string;
+    /**
+     * The label of the input.
+     */
+    label?: string;
+    /**
+     * The size category of the field.
+     */
+    size?: QFieldSize;
+    /**
+     * If set to true, the control is read-only.
+     */
+    readonly?: boolean;
+    /**
+     * If set to true, the control is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * If set to true, an asterisk (*) is displayed
+     * to indicate that the field is required.
+     */
+    required?: boolean;
+    /**
+     * The format prop determines the display format of the date and time in the picker.
+     * It defines how the selected date and time will be shown to the user.
+     *
+     * The format follows a pattern similar to the Intl.DateTimeFormat or date-fns formatting conventions.
+     * Common examples include:
+     *
+     * - dd/MM/yyyy: Day, Month, Year (e.g., "06/02/2025")
+     * - MM/dd/yyyy: Month, Day, Year (e.g., "02/06/2025")
+     * - yyyy-MM-dd: ISO 8601 format (e.g., "2025-02-06")
+     * - hh:mm a: 12-hour format with AM/PM (e.g., "08:45 PM")
+     * - HH:mm:ss: 24-hour format with seconds (e.g., "20:45:30")
+     *
+     * @type {string}
+     * @default 'yyyy-MM-dd' (ISO format)
+     * @example 'dd/MM/yyyy'
+     * @example 'hh:mm a'
+     */
+    format?: string;
+    /**
+     * The minimum time allowed in HH:mm format.
+     */
+    minTime?: string;
+    /**
+     * The maximum time allowed in HH:mm format.
+     */
+    maxTime?: string;
+    /**
+     * The datepicker locale.
+     * Datepicker will use built in javascript locale formatter to extract month and weekday names.
+     * https://vue3datepicker.com/props/localization/#locale
+     */
+    locale?: string;
+    /**
+     * The placeholder text for the control.
+     */
+    placeholder?: string;
+    /**
+     * Whether to disable teleport.
+     */
+    inline?: boolean;
+    /**
+     * Custom set of classes to apply to the component.
+     */
+    class?: string | unknown[];
+    /**
+     * Custom icon configurations.
+     */
+    icons?: typeof DEFAULT_ICONS;
+    /**
+     * Custom text configurations.
+     */
+    texts?: typeof DEFAULT_TEXTS;
+};
+export declare const DEFAULT_ICONS: {
+    calendar: {
+        icon: string;
+    };
+    clock: {
+        icon: string;
+    };
+};
+export declare const DEFAULT_TEXTS: {
+    clearValue: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/esm/components/QDateTimePicker/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QDateTimePicker/types.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAGrD,MAAM,MAAM,oBAAoB,GAAG;IAClC;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;;;;;;;;;;;;;;OAiBG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAGD,eAAO,MAAM,aAAa;;;;;;;CAOM,CAAA;AAGhC,eAAO,MAAM,aAAa;;CAEQ,CAAA"}

package/esm/components/QDateTimePicker/types.js

@@ -0,0 +1,15 @@
+import { DEFAULT_TEXTS as c } from "../__internal__/QClearButton/types.js";
+const o = {
+  calendar: {
+    icon: "calendar"
+  },
+  clock: {
+    icon: "clock"
+  }
+}, E = {
+  ...c
+};
+export {
+  o as DEFAULT_ICONS,
+  E as DEFAULT_TEXTS
+};

package/esm/components/QFileUpload/QFileUpload.d.ts

@@ -0,0 +1,37 @@
+import { DEFAULT_ICONS, DEFAULT_TEXTS, QFileUploadProps } from './types';
+type __VLS_Props = QFileUploadProps;
+type __VLS_PublicProps = {
+    modelValue?: File;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        extras?(_: {}): any;
+    };
+    refs: {
+        dropZoneRef: HTMLDivElement;
+        fileInput: HTMLInputElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: File) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: File) => any) | undefined;
+}>, {
+    size: "large" | "xlarge" | "xxlarge" | "block";
+    icons: typeof DEFAULT_ICONS;
+    texts: typeof DEFAULT_TEXTS;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    dropZoneRef: HTMLDivElement;
+    fileInput: HTMLInputElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=QFileUpload.vue.d.ts.map

package/esm/components/QFileUpload/QFileUpload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QFileUpload.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QFileUpload/QFileUpload.vue"],"names":[],"mappings":"AAwFA;AAkOC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAYtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAM/C,KAAK,WAAW,GAAG,gBAAgB,CAAC;AA2HrC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,IAAI,CAAC;CACjB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAoOT,OAAO,IAA6B;;wBAbrB,GAAG;;;;;;;EAkB/B;AAyBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;OASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QFileUpload/QFileUpload.vue.js

@@ -0,0 +1,238 @@
+import { defineComponent as L, mergeModels as N, useModel as O, computed as d, ref as h, watch as T, createBlock as w, openBlock as n, unref as i, createSlots as Z, withCtx as _, createElementVNode as a, normalizeClass as Q, createElementBlock as c, mergeProps as F, createVNode as s, normalizeProps as m, guardReactiveProps as v, toDisplayString as y, createCommentVNode as j, createTextVNode as M, renderSlot as P } from "vue";
+import { DEFAULT_TEXTS as $, DEFAULT_ICONS as H } from "./types.js";
+import { QButton as b } from "../QButton/index.js";
+import { QField as W } from "../QField/index.js";
+import { QIcon as u } from "../QIcon/index.js";
+import { useId as X } from "../../composables/uid.js";
+import { useDropZone as G } from "../../composables/useDropZone/index.js";
+import { downloadFile as J } from "../../utils/download.js";
+const K = ["id", "accept", "required", "readonly", "disabled"], Y = {
+  key: 0,
+  class: "q-file-input__drop-area"
+}, ee = {
+  key: 1,
+  class: "q-file-input__file-details"
+}, le = { class: "q-file-input__attached-file" }, te = {
+  key: 0,
+  class: "q-file-input__preview q-file-input__image-preview"
+}, ie = ["src", "alt"], oe = { class: "q-file-input__file-meta" }, ae = { class: "q-file-input__file-name" }, ne = { class: "q-file-input__file-type" }, se = {
+  key: 0,
+  class: "q-file-input__action-buttons"
+}, re = {
+  key: 2,
+  class: "q-file-input__empty-container"
+}, ye = /* @__PURE__ */ L({
+  inheritAttrs: !1,
+  __name: "QFileUpload",
+  props: /* @__PURE__ */ N({
+    id: {},
+    label: {},
+    size: { default: "large" },
+    readonly: { type: Boolean },
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    accept: {},
+    class: {},
+    icons: { default: () => H },
+    texts: { default: () => $ }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(q) {
+    const e = q, t = O(q, "modelValue"), k = X(e.id), p = d(() => !e.readonly && !e.disabled), r = h(null);
+    T(t, (l) => {
+      r.value && URL.revokeObjectURL(r.value);
+      const o = l && l.type.startsWith("image/");
+      r.value = o ? URL.createObjectURL(l) : null;
+    });
+    const f = h(null);
+    function U() {
+      var l;
+      (l = f.value) == null || l.click();
+    }
+    function V(l) {
+      var C;
+      const o = l.target;
+      (C = o == null ? void 0 : o.files) != null && C[0] && (t.value = o.files[0]);
+    }
+    function B() {
+      t.value && J(t.value);
+    }
+    function D() {
+      t.value = void 0, f.value && (f.value.value = "");
+    }
+    function I(l) {
+      if (!p.value) return;
+      const o = l == null ? void 0 : l[0];
+      o && (t.value = o);
+    }
+    const g = h(null), x = d(() => Array.isArray(e.accept) ? e.accept : e.accept ? e.accept.split(",").map((l) => l.trim()) : []), R = d(() => {
+      var l;
+      return (l = x.value) == null ? void 0 : l.join(",");
+    }), S = d(() => p.value && !t.value), { isOverDropZone: z, isValid: A } = G(g, {
+      onDrop: I,
+      accept: x,
+      enabled: S
+    }), E = d(() => [
+      "q-field__control",
+      "q-file-input",
+      {
+        "q-file-input--highlighted": z.value && A.value
+      },
+      e.class
+    ]);
+    return (l, o) => (n(), w(i(W), {
+      for: i(k),
+      label: e.label,
+      size: e.size,
+      readonly: e.readonly,
+      disabled: e.disabled,
+      required: e.required
+    }, Z({
+      control: _(() => [
+        a(
+          "div",
+          {
+            ref_key: "dropZoneRef",
+            ref: g,
+            class: Q(E.value)
+          },
+          [
+            a("input", F({
+              ref_key: "fileInput",
+              ref: f,
+              id: i(k),
+              type: "file",
+              class: "q-file-input__file-input",
+              accept: R.value,
+              required: e.required,
+              readonly: e.readonly,
+              disabled: e.disabled,
+              onChange: V
+            }, l.$attrs), null, 16, K),
+            !t.value && p.value ? (n(), c("div", Y, [
+              s(
+                i(u),
+                m(v(e.icons.upload)),
+                null,
+                16
+                /* FULL_PROPS */
+              ),
+              a(
+                "span",
+                null,
+                y(e.texts.dropHereOr),
+                1
+                /* TEXT */
+              ),
+              s(i(b), {
+                label: e.texts.chooseFile,
+                onClick: U
+              }, null, 8, ["label"])
+            ])) : t.value ? (n(), c("div", ee, [
+              a("div", le, [
+                r.value ? (n(), c("div", te, [
+                  a("img", {
+                    src: r.value,
+                    alt: e.texts.preview
+                  }, null, 8, ie)
+                ])) : (n(), w(
+                  i(u),
+                  F({
+                    key: 1,
+                    class: "q-file-input__preview"
+                  }, e.icons.file),
+                  null,
+                  16
+                  /* FULL_PROPS */
+                )),
+                a("div", oe, [
+                  a(
+                    "span",
+                    ae,
+                    y(t.value.name),
+                    1
+                    /* TEXT */
+                  ),
+                  a(
+                    "span",
+                    ne,
+                    y(t.value.type),
+                    1
+                    /* TEXT */
+                  )
+                ])
+              ]),
+              p.value ? (n(), c("div", se, [
+                s(i(b), {
+                  onClick: B,
+                  title: e.texts.download,
+                  borderless: ""
+                }, {
+                  default: _(() => [
+                    s(
+                      i(u),
+                      m(v(e.icons.download)),
+                      null,
+                      16
+                      /* FULL_PROPS */
+                    )
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["title"]),
+                s(i(b), {
+                  onClick: D,
+                  title: e.texts.remove,
+                  borderless: ""
+                }, {
+                  default: _(() => [
+                    s(
+                      i(u),
+                      m(v(e.icons.remove)),
+                      null,
+                      16
+                      /* FULL_PROPS */
+                    )
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["title"])
+              ])) : j("v-if", !0)
+            ])) : (n(), c("div", re, [
+              s(
+                i(u),
+                m(v(e.icons.empty)),
+                null,
+                16
+                /* FULL_PROPS */
+              ),
+              M(
+                " " + y(e.texts.empty),
+                1
+                /* TEXT */
+              )
+            ]))
+          ],
+          2
+          /* CLASS */
+        )
+      ]),
+      _: 2
+      /* DYNAMIC */
+    }, [
+      l.$slots.extras ? {
+        name: "extras",
+        fn: _(() => [
+          P(l.$slots, "extras")
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["for", "label", "size", "readonly", "disabled", "required"]));
+  }
+});
+export {
+  ye as default
+};

package/esm/components/QFileUpload/QFileUpload.vue2.js

@@ -0,0 +1,4 @@
+import f from "./QFileUpload.vue.js";
+export {
+  f as default
+};