@quidgest/ui 0.12.2 → 0.13.0

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

@@ -96,8 +96,8 @@ declare const QCombobox: {
                 class: string | unknown[];
                 type: string;
                 label: string;
-                id: string;
                 role: string;
+                id: string;
                 maxLength: number;
                 placeholder: string;
             }> & Omit<{
@@ -108,9 +108,9 @@ declare const QCombobox: {
                 readonly class?: string | unknown[] | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly required?: boolean | undefined;
+                readonly role?: string | undefined;
                 readonly modelValue?: string | undefined;
                 readonly id?: string | undefined;
-                readonly role?: string | undefined;
                 readonly maxLength?: number | undefined;
                 readonly readonly?: boolean | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
@@ -137,11 +137,11 @@ declare const QCombobox: {
                 required: {
                     type: import('vue').PropType<boolean>;
                 };
-                id: {
+                role: {
                     type: import('vue').PropType<string>;
                     default: undefined;
                 };
-                role: {
+                id: {
                     type: import('vue').PropType<string>;
                     default: undefined;
                 };
@@ -156,7 +156,7 @@ declare const QCombobox: {
                 readonly: {
                     type: import('vue').PropType<boolean>;
                 };
-            }>>, "size" | "class" | "type" | "label" | "id" | "role" | "maxLength" | "placeholder">;
+            }>>, "size" | "class" | "type" | "label" | "role" | "id" | "maxLength" | "placeholder">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -194,11 +194,11 @@ declare const QCombobox: {
                 required: {
                     type: import('vue').PropType<boolean>;
                 };
-                id: {
+                role: {
                     type: import('vue').PropType<string>;
                     default: undefined;
                 };
-                role: {
+                id: {
                     type: import('vue').PropType<string>;
                     default: undefined;
                 };
@@ -221,8 +221,8 @@ declare const QCombobox: {
                 class: string | unknown[];
                 type: string;
                 label: string;
-                id: string;
                 role: string;
+                id: string;
                 maxLength: number;
                 placeholder: string;
             }, {}, string, {}> & {
@@ -269,11 +269,11 @@ declare const QCombobox: {
             required: {
                 type: import('vue').PropType<boolean>;
             };
-            id: {
+            role: {
                 type: import('vue').PropType<string>;
                 default: undefined;
             };
-            role: {
+            id: {
                 type: import('vue').PropType<string>;
                 default: undefined;
             };
@@ -515,8 +515,8 @@ declare const QCombobox: {
                 class: string | unknown[];
                 type: string;
                 label: string;
-                id: string;
                 role: string;
+                id: string;
                 maxLength: number;
                 placeholder: string;
             }> & Omit<{
@@ -527,9 +527,9 @@ declare const QCombobox: {
                 readonly class?: string | unknown[] | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly required?: boolean | undefined;
+                readonly role?: string | undefined;
                 readonly modelValue?: string | undefined;
                 readonly id?: string | undefined;
-                readonly role?: string | undefined;
                 readonly maxLength?: number | undefined;
                 readonly readonly?: boolean | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
@@ -556,11 +556,11 @@ declare const QCombobox: {
                 required: {
                     type: import('vue').PropType<boolean>;
                 };
-                id: {
+                role: {
                     type: import('vue').PropType<string>;
                     default: undefined;
                 };
-                role: {
+                id: {
                     type: import('vue').PropType<string>;
                     default: undefined;
                 };
@@ -575,7 +575,7 @@ declare const QCombobox: {
                 readonly: {
                     type: import('vue').PropType<boolean>;
                 };
-            }>>, "size" | "class" | "type" | "label" | "id" | "role" | "maxLength" | "placeholder">;
+            }>>, "size" | "class" | "type" | "label" | "role" | "id" | "maxLength" | "placeholder">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -613,11 +613,11 @@ declare const QCombobox: {
                 required: {
                     type: import('vue').PropType<boolean>;
                 };
-                id: {
+                role: {
                     type: import('vue').PropType<string>;
                     default: undefined;
                 };
-                role: {
+                id: {
                     type: import('vue').PropType<string>;
                     default: undefined;
                 };
@@ -640,8 +640,8 @@ declare const QCombobox: {
                 class: string | unknown[];
                 type: string;
                 label: string;
-                id: string;
                 role: string;
+                id: string;
                 maxLength: number;
                 placeholder: string;
             }, {}, string, {}> & {
@@ -688,11 +688,11 @@ declare const QCombobox: {
             required: {
                 type: import('vue').PropType<boolean>;
             };
-            id: {
+            role: {
                 type: import('vue').PropType<string>;
                 default: undefined;
             };
-            role: {
+            id: {
                 type: import('vue').PropType<string>;
                 default: undefined;
             };
@@ -838,8 +838,8 @@ declare const QCombobox: {
             class: string | unknown[];
             type: string;
             label: string;
-            id: string;
             role: string;
+            id: string;
             maxLength: number;
             placeholder: string;
         }> & Omit<{
@@ -850,9 +850,9 @@ declare const QCombobox: {
             readonly class?: string | unknown[] | undefined;
             readonly disabled?: boolean | undefined;
             readonly required?: boolean | undefined;
+            readonly role?: string | undefined;
             readonly modelValue?: string | undefined;
             readonly id?: string | undefined;
-            readonly role?: string | undefined;
             readonly maxLength?: number | undefined;
             readonly readonly?: boolean | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
@@ -879,11 +879,11 @@ declare const QCombobox: {
             required: {
                 type: import('vue').PropType<boolean>;
             };
-            id: {
+            role: {
                 type: import('vue').PropType<string>;
                 default: undefined;
             };
-            role: {
+            id: {
                 type: import('vue').PropType<string>;
                 default: undefined;
             };
@@ -898,7 +898,7 @@ declare const QCombobox: {
             readonly: {
                 type: import('vue').PropType<boolean>;
             };
-        }>>, "size" | "class" | "type" | "label" | "id" | "role" | "maxLength" | "placeholder">;
+        }>>, "size" | "class" | "type" | "label" | "role" | "id" | "maxLength" | "placeholder">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -936,11 +936,11 @@ declare const QCombobox: {
             required: {
                 type: import('vue').PropType<boolean>;
             };
-            id: {
+            role: {
                 type: import('vue').PropType<string>;
                 default: undefined;
             };
-            role: {
+            id: {
                 type: import('vue').PropType<string>;
                 default: undefined;
             };
@@ -963,8 +963,8 @@ declare const QCombobox: {
             class: string | unknown[];
             type: string;
             label: string;
-            id: string;
             role: string;
+            id: string;
             maxLength: number;
             placeholder: string;
         }, {}, string, {}> & {
@@ -1011,11 +1011,11 @@ declare const QCombobox: {
         required: {
             type: import('vue').PropType<boolean>;
         };
-        id: {
+        role: {
             type: import('vue').PropType<string>;
             default: undefined;
         };
-        role: {
+        id: {
             type: import('vue').PropType<string>;
             default: undefined;
         };

package/esm/components/QDialog/QDialog.d.ts

@@ -0,0 +1,180 @@
+import { Icon } from '../QIcon';
+import { QButtonProps } from '../QButton';
+
+export type QDialogProps = {
+    /**
+     * The text of the dialog window.
+     */
+    text?: string;
+    /**
+     * The DOM element the tooltip should be teleported to.
+     * Defaults to the body of the document.
+     */
+    attach?: string;
+    /**
+     * Whether to disable teleport.
+     * If enabled, the prop `attach` is ignored.
+     */
+    inline?: boolean;
+    /**
+     * Applies a backdrop blur effect behind the dialog window.
+     */
+    backdropBlur?: boolean;
+    /**
+     * The buttons to interact with the dialog window.
+     */
+    buttons?: DialogButton[];
+    /**
+     * True if the dialog window can be closed, false otherwise
+     */
+    dismissible?: boolean;
+    /**
+     * Whether the window's content is treated as HTML.
+     */
+    html?: boolean;
+    /**
+     * The icon of the dialog window.
+     */
+    icon?: Icon;
+    /**
+     * The dialog window unique identifier.
+     */
+    id?: string;
+    /**
+     * The title of the dialog window
+     */
+    title?: string;
+    /**
+     * Custom set of classes to apply to the component.
+     */
+    class?: string | unknown[];
+};
+export type DialogButton = QButtonProps & {
+    /**
+     * The id of the button
+     */
+    id: string;
+    /**
+     * The icon of the button
+     */
+    icon?: Icon;
+    /**
+     * The action that the button performs when clicked
+     */
+    action?: {
+        (): void;
+    };
+};
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+    modelValue: import('vue').PropType<boolean>;
+    class: {
+        type: import('vue').PropType<string | unknown[]>;
+        default: undefined;
+    };
+    html: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    title: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    text: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    icon: {
+        type: import('vue').PropType<Icon>;
+        default: () => Icon;
+    };
+    id: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+    attach: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    inline: {
+        type: import('vue').PropType<boolean>;
+    };
+    backdropBlur: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    buttons: {
+        type: import('vue').PropType<DialogButton[]>;
+        default: () => DialogButton[];
+    };
+    dismissible: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<boolean>;
+    class: {
+        type: import('vue').PropType<string | unknown[]>;
+        default: undefined;
+    };
+    html: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    title: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    text: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    icon: {
+        type: import('vue').PropType<Icon>;
+        default: () => Icon;
+    };
+    id: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+    attach: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    inline: {
+        type: import('vue').PropType<boolean>;
+    };
+    backdropBlur: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    buttons: {
+        type: import('vue').PropType<DialogButton[]>;
+        default: () => DialogButton[];
+    };
+    dismissible: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+}>>, {
+    class: string | unknown[];
+    html: boolean;
+    title: string;
+    text: string;
+    icon: Icon;
+    id: string;
+    attach: string;
+    backdropBlur: boolean;
+    buttons: DialogButton[];
+    dismissible: boolean;
+}, {}>, {
+    "body.content"?(_: {}): any;
+    "body.icon"?(_: {}): any;
+    "body.append"?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=QDialog.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QDialog.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/QDialog.vue"],"names":[],"mappings":"AAwDA;AAWC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAExD,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IAExB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;CAC1B,CAAA;AAKD,MAAM,MAAM,YAAY,GAAG,YAAY,GAAG;IACzC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,MAAM,CAAC,EAAE;QAAE,IAAI,IAAI,CAAA;KAAE,CAAA;CACrB,CAAA;;gBA2DU,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAA/B,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAmON,GAAG;yBACN,GAAG;2BACD,GAAG;;AA7QvC,wBA6SI;AASJ,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/esm/components/QDialog/QDialog.vue.js

@@ -0,0 +1,146 @@
+import { defineComponent as B, mergeModels as C, useModel as q, openBlock as o, createBlock as n, unref as l, withCtx as c, createElementVNode as i, toDisplayString as y, createVNode as h, createCommentVNode as r, renderSlot as u, createElementBlock as s, normalizeProps as T, guardReactiveProps as V, Fragment as D, renderList as L, mergeProps as k } from "vue";
+import { QOverlay as M } from "../QOverlay/index.js";
+import { QButton as v } from "../QButton/index.js";
+import { QIcon as _ } from "../QIcon/index.js";
+import { useId as N } from "../../composables/uid.js";
+const O = { class: "q-dialog" }, x = { class: "q-dialog__header" }, E = { class: "q-dialog__header-title" }, Q = { class: "q-dialog__body" }, S = {
+  key: 0,
+  class: "q-dialog__body-icon"
+}, A = { class: "q-dialog__body-text" }, F = ["innerHTML"], I = { key: 1 }, P = { class: "q-dialog__body-actions" }, U = [
+  {
+    id: "button",
+    bStyle: "primary",
+    label: "Ok",
+    icon: {
+      icon: "check"
+    },
+    iconOnRight: !1,
+    action: void 0
+  }
+], $ = {
+  icon: "check-circle-outline",
+  type: "svg"
+}, G = /* @__PURE__ */ B({
+  __name: "QDialog",
+  props: /* @__PURE__ */ C({
+    text: { default: "" },
+    attach: { default: "body" },
+    inline: { type: Boolean },
+    backdropBlur: { type: Boolean, default: !0 },
+    buttons: { default: () => U },
+    dismissible: { type: Boolean, default: !1 },
+    html: { type: Boolean, default: !0 },
+    icon: { default: () => $ },
+    id: { default: void 0 },
+    title: { default: "" },
+    class: { default: void 0 }
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(f) {
+    const e = f, m = q(f, "modelValue"), g = N(e.id);
+    function p() {
+      m.value = !1;
+    }
+    function b(t) {
+      var d;
+      (d = t.action) == null || d.call(t), p();
+    }
+    return (t, d) => (o(), n(l(M), {
+      "model-value": m.value,
+      id: l(g),
+      inline: e.inline,
+      attach: e.attach,
+      "backdrop-blur": e.backdropBlur,
+      "scroll-lock": "",
+      persistent: ""
+    }, {
+      default: c(() => [
+        i("div", O, [
+          i("div", x, [
+            i(
+              "span",
+              E,
+              y(e.title),
+              1
+              /* TEXT */
+            ),
+            e.dismissible ? (o(), n(l(v), {
+              key: 0,
+              "b-style": "tertiary",
+              onClick: p
+            }, {
+              default: c(() => [
+                h(l(_), { icon: "close" })
+              ]),
+              _: 1
+              /* STABLE */
+            })) : r("v-if", !0)
+          ]),
+          u(t.$slots, "body.content", {}, () => [
+            i("div", Q, [
+              u(t.$slots, "body.icon", {}, () => [
+                e.icon ? (o(), s("span", S, [
+                  h(
+                    l(_),
+                    T(V(e.icon)),
+                    null,
+                    16
+                    /* FULL_PROPS */
+                  )
+                ])) : r("v-if", !0)
+              ]),
+              i("div", A, [
+                e.html ? (o(), s("span", {
+                  key: 0,
+                  innerHTML: e.text
+                }, null, 8, F)) : (o(), s(
+                  "span",
+                  I,
+                  y(e.text),
+                  1
+                  /* TEXT */
+                ))
+              ]),
+              u(t.$slots, "body.append")
+            ])
+          ]),
+          i("div", P, [
+            (o(!0), s(
+              D,
+              null,
+              L(e.buttons, (a) => (o(), n(l(v), k({ ref_for: !0 }, a, {
+                key: a.id,
+                onClick: () => b(a)
+              }), {
+                default: c(() => [
+                  a.icon ? (o(), n(
+                    l(_),
+                    k({
+                      key: 0,
+                      ref_for: !0
+                    }, a.icon),
+                    null,
+                    16
+                    /* FULL_PROPS */
+                  )) : r("v-if", !0)
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, 1040, ["onClick"]))),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ])
+        ])
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 8, ["model-value", "id", "inline", "attach", "backdrop-blur"]));
+  }
+});
+export {
+  G as default
+};

package/esm/components/QDialog/QDialog.vue2.js

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