@quoreadmin/ui 1.4.1 → 1.4.3

package/dist/index96.js

@@ -0,0 +1,138 @@
+import { defineComponent as C, ref as n, computed as v } from "vue";
+import { useDropZone as b } from "./index155.js";
+import z from "./index52.js";
+import M from "./index175.js";
+import T from "./index6.js";
+import I from "./index28.js";
+import O from "./index32.js";
+import Z from "./index33.js";
+const W = C({
+  name: "QFileUpload",
+  components: {
+    FileUpload: M,
+    QBadge: T,
+    QImageGallery: I,
+    QModal: O,
+    QModalContent: Z
+  },
+  props: {
+    /** Name of the request parameter to identify the files at backend. */
+    name: {
+      type: Array,
+      default: null
+    },
+    files: {
+      type: Array,
+      default: () => []
+    },
+    /** Upload url */
+    url: {
+      type: String,
+      default: ""
+    },
+    /** If we should allow multiple files */
+    multiple: {
+      type: Boolean,
+      default: !0
+    },
+    /** Specify file types allowed */
+    // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file
+    filesAllowed: {
+      type: String,
+      default: "image/*,.pdf"
+    },
+    /** Specify file types allowed */
+    // Added any because type: null as unknown as PropType<number | null>, doesn't work
+    maxFileSize: {
+      type: Number,
+      default: 33554432
+      // 32MB - updated from 8MB standard in quorev2
+    },
+    /** Auto upload files */
+    autoUpload: {
+      type: Boolean,
+      default: !1
+    },
+    /** Override uploading by enabling customUpload and defining a custom uploader handler event. */
+    // https://primevue.org/fileupload/#custom-upload
+    customUpload: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    expands: {
+      type: Boolean,
+      default: !1
+    },
+    processing: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["file-list", "upload-error", "uploading"],
+  setup(s, { emit: r }) {
+    const a = n(null), f = n(), i = n([]), p = n([]), u = v(() => s.files), F = v(() => s.filesAllowed.replace(/,/g, ", ")), x = () => {
+      a.value && a.value.clear();
+    }, U = () => {
+      i.value = [], p.value = [];
+    }, c = (e) => {
+      const o = s.filesAllowed.split(",").map((l) => l.trim());
+      for (const l of o)
+        if (m(l) ? d(e.type) === d(l) : e.type == l || y(e).toLowerCase() === l.toLowerCase())
+          return !0;
+      return !1;
+    }, m = (e) => e.indexOf("*") !== -1, y = (e) => "." + e.name.split(".").pop(), d = (e) => e.substring(0, e.indexOf("/")), g = (e) => {
+      const o = e.originalEvent;
+      let l = [];
+      o.type === "drop" ? l = o.dataTransfer?.files : l = o.target.files;
+      for (const t of l)
+        t.size > s.maxFileSize && i.value.push(t.name), c(t) || p.value.push(t.name);
+    }, w = (e) => {
+      r("upload-error", e);
+    }, B = () => {
+      a.value && a.value.upload();
+    }, A = (e) => {
+      r("uploading", e);
+    }, E = (e) => {
+      const o = u.value, l = o.findIndex(
+        (t) => t.lastModified === e.lastModified
+      );
+      l !== -1 && (o.splice(l, 1), r("file-list", o)), a.value.messages = null;
+    }, Q = (e) => {
+      g(e), r("file-list", e.files);
+    }, { isOverDropZone: S } = b(f);
+    return {
+      // ref elements - Needed this for triggering events in component
+      fileUpload: a,
+      dropZoneRef: f,
+      // refs
+      allFiles: u,
+      sizeErrors: i,
+      typeErrors: p,
+      isOverDropZone: S,
+      // computed
+      displayAllowedTypes: F,
+      // methods
+      clear: x,
+      clearErrors: U,
+      getFileExtension: y,
+      getTypeClass: d,
+      isValidFileType: c,
+      isWildcard: m,
+      onBeforeSelect: g,
+      onUpload: B,
+      onUploadError: w,
+      onUploading: A,
+      onRemoveFile: E,
+      onSelectedFiles: Q,
+      // composables
+      mq: z
+    };
+  }
+});
+export {
+  W as default
+};

package/dist/index97.js

@@ -0,0 +1,10 @@
+import { defineComponent as o } from "vue";
+const n = o({
+  name: "QIcon",
+  props: {},
+  setup() {
+  }
+});
+export {
+  n as default
+};

package/dist/index99.js

@@ -0,0 +1,39 @@
+import { defineComponent as r, computed as t } from "vue";
+const n = r({
+  name: "QFormGroup",
+  props: {
+    labelFor: {
+      type: String,
+      required: !0
+    },
+    required: {
+      type: Boolean,
+      default: !1
+    },
+    status: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e) {
+    return {
+      statusColor: t(() => {
+        switch (e.status) {
+          case "error":
+            return "red-30";
+          case "info":
+            return "blue-40";
+          case "success":
+            return "green-20";
+          case "warning":
+            return "yellow-30";
+          default:
+            return "inkwell-0";
+        }
+      })
+    };
+  }
+});
+export {
+  n as default
+};

package/dist/src/App.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
+export default _default;

package/dist/src/components/accordion/accordion.d.ts

@@ -0,0 +1,113 @@
+declare const QAccordion: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Sets if the content is visible */
+    modelValue: {
+        type: (BooleanConstructor | NumberConstructor)[];
+        default: boolean;
+    };
+    /** Sets the accordion variation */
+    variant: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Sets what text should be shown in the trigger */
+    triggerText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Ability to set a custom trigger class */
+    triggerClass: {
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        default: string;
+    };
+    /** Ability to set a custom content class */
+    contentClass: {
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        default: string;
+    };
+    /** Ability to set a custom class for chevron */
+    chevronClass: {
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        default: string;
+    };
+    /** Ability to set a custom size for chevron */
+    chevronSize: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    show: import('vue').WritableComputedRef<boolean, boolean>;
+    hasTextSlot: import('vue').ComputedRef<boolean>;
+    triggerTextClasses: import('vue').ComputedRef<(string | {
+        'text-md': boolean;
+        'text-base'?: undefined;
+        'flex-grow'?: undefined;
+        'flex-shrink mr-2 text-gray-40 text-sm'?: undefined;
+    } | {
+        'text-base': boolean;
+        'text-md'?: undefined;
+        'flex-grow'?: undefined;
+        'flex-shrink mr-2 text-gray-40 text-sm'?: undefined;
+    } | {
+        'flex-grow': boolean;
+        'text-md'?: undefined;
+        'text-base'?: undefined;
+        'flex-shrink mr-2 text-gray-40 text-sm'?: undefined;
+    } | {
+        'flex-shrink mr-2 text-gray-40 text-sm': boolean;
+        'text-md'?: undefined;
+        'text-base'?: undefined;
+        'flex-grow'?: undefined;
+    })[]>;
+    isBubbleAccordion: import('vue').ComputedRef<boolean>;
+    triggerTextValue: import('vue').ComputedRef<string>;
+    triggerIconSize: import('vue').ComputedRef<string>;
+    onToggle: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** Sets if the content is visible */
+    modelValue: {
+        type: (BooleanConstructor | NumberConstructor)[];
+        default: boolean;
+    };
+    /** Sets the accordion variation */
+    variant: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Sets what text should be shown in the trigger */
+    triggerText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Ability to set a custom trigger class */
+    triggerClass: {
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        default: string;
+    };
+    /** Ability to set a custom content class */
+    contentClass: {
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        default: string;
+    };
+    /** Ability to set a custom class for chevron */
+    chevronClass: {
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        default: string;
+    };
+    /** Ability to set a custom size for chevron */
+    chevronSize: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: number | boolean;
+    variant: string;
+    triggerText: string;
+    triggerClass: string | Record<string, any> | unknown[];
+    contentClass: string | Record<string, any> | unknown[];
+    chevronClass: string | Record<string, any> | unknown[];
+    chevronSize: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export type QAccordionType = typeof QAccordion;
+export default QAccordion;