@quidgest/ui 0.11.0 → 0.12.0

package/esm/components/QButton/QButton.d.ts

@@ -0,0 +1,92 @@
+export type QButtonProps = {
+    /**
+     * Indicates whether the button is active or not.
+     */
+    active?: boolean;
+    /**
+     * The style of the button.
+     */
+    bStyle?: 'primary' | 'secondary' | 'tertiary' | 'danger' | 'plain';
+    /**
+     * The text content of the button.
+     */
+    label?: string;
+    /**
+     * If true, the button is disabled and cannot be interacted with.
+     */
+    disabled?: boolean;
+    /**
+     * If true, the button icon is displayed on the right side.
+     */
+    iconOnRight?: boolean;
+    /**
+     * If true, the button has no borders.
+     */
+    borderless?: boolean;
+    /**
+     * If true, the button has an elevated appearance.
+     */
+    elevated?: boolean;
+    /**
+     * If true, the button spans the full width of its container.
+     */
+    block?: boolean;
+    /**
+     * If true, the button is in a loading state, indicating ongoing activity.
+     */
+    loading?: boolean;
+    /**
+     * The size of the button, either 'regular' or 'small'.
+     */
+    size?: 'regular' | 'small';
+    /**
+     * Custom set of classes to apply to the component.
+     */
+    class?: string | unknown[];
+};
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<QButtonProps>, {
+    bStyle: string;
+    label: string;
+    size: string;
+    class: undefined;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: Event) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<QButtonProps>, {
+    bStyle: string;
+    label: string;
+    size: string;
+    class: undefined;
+}>>> & {
+    onClick?: ((event: Event) => any) | undefined;
+}, {
+    size: "small" | "regular";
+    class: string | unknown[];
+    label: string;
+    bStyle: "primary" | "secondary" | "tertiary" | "danger" | "plain";
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=QButton.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButton/QButton"],"names":[],"mappings":"AAwBA;AAQC,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAA;IAElE;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;CAC1B,CAAA;;;;;;;;;;;;;;;;;;;;;;;AA6JF,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/esm/components/QButton/QButton.vue.js

@@ -0,0 +1,87 @@
+import { defineComponent as f, computed as s, openBlock as o, createElementBlock as n, normalizeClass as v, withModifiers as y, createVNode as _, unref as g, createCommentVNode as l, createElementVNode as k, Fragment as i, createTextVNode as c, toDisplayString as r, renderSlot as q } from "vue";
+import "../QSpinnerLoader/index.js";
+import B from "../QSpinnerLoader/QSpinnerLoader.vue.js";
+const h = ["disabled"], z = {
+  key: 0,
+  class: "q-btn__spinner"
+}, C = { class: "q-btn__content" }, O = /* @__PURE__ */ f({
+  __name: "QButton",
+  props: {
+    active: { type: Boolean },
+    bStyle: { default: "secondary" },
+    label: { default: "" },
+    disabled: { type: Boolean },
+    iconOnRight: { type: Boolean },
+    borderless: { type: Boolean },
+    elevated: { type: Boolean },
+    block: { type: Boolean },
+    loading: { type: Boolean },
+    size: { default: "regular" },
+    class: { default: void 0 }
+  },
+  emits: ["click"],
+  setup(d, { emit: b }) {
+    const e = d, p = b, a = s(() => e.disabled || e.loading);
+    function u(t) {
+      a.value || p("click", t);
+    }
+    const m = s(() => {
+      const t = e.size !== "regular" ? `q-btn--${e.size}` : void 0;
+      return [
+        "q-btn",
+        `q-btn--${e.bStyle}`,
+        t,
+        {
+          "q-btn--active": e.active,
+          "q-btn--borderless": e.borderless,
+          "q-btn--elevated": e.elevated,
+          "q-btn--block": e.block,
+          "q-btn--loading": e.loading
+        },
+        e.class
+      ];
+    });
+    return (t, N) => (o(), n("button", {
+      type: "button",
+      class: v(m.value),
+      disabled: a.value,
+      onClick: y(u, ["stop", "prevent"])
+    }, [
+      t.loading ? (o(), n("div", z, [
+        _(g(B), { size: 20 })
+      ])) : l("v-if", !0),
+      k("span", C, [
+        t.iconOnRight ? (o(), n(
+          i,
+          { key: 0 },
+          [
+            c(
+              r(e.label),
+              1
+              /* TEXT */
+            )
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : l("v-if", !0),
+        q(t.$slots, "default"),
+        t.iconOnRight ? l("v-if", !0) : (o(), n(
+          i,
+          { key: 1 },
+          [
+            c(
+              r(e.label),
+              1
+              /* TEXT */
+            )
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        ))
+      ])
+    ], 10, h));
+  }
+});
+export {
+  O as default
+};

package/esm/components/QButton/QButton.vue2.js

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

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

@@ -0,0 +1,4 @@
+import { default as QButton } from "./QButton";
+
+export { QButton };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QButton/index.ts"],"names":[],"mappings":"AACA,OAAO,OAAO,MAAM,eAAe,CAAA;AAQnC,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/esm/components/QButtonGroup/QButtonGroup.d.ts

@@ -0,0 +1,51 @@
+export type QButtonGroupProps = {
+    /**
+     * If true, the button group is disabled and cannot be interacted with.
+     */
+    disabled?: boolean;
+    /**
+     * If true, the button group has no borders.
+     */
+    borderless?: boolean;
+    /**
+     * If true, the button group an elevated appearance.
+     */
+    elevated?: boolean;
+    /**
+     * Custom set of classes to apply to the component.
+     */
+    class?: string | unknown[];
+};
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<QButtonGroupProps>, {
+    class: undefined;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<QButtonGroupProps>, {
+    class: undefined;
+}>>>, {
+    class: string | unknown[];
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=QButtonGroup.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonGroup/QButtonGroup"],"names":[],"mappings":"AAYA;AAQC,MAAM,MAAM,iBAAiB,GAAG;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;CAC1B,CAAA;;;;;;;;;;AAyFF,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/esm/components/QButtonGroup/QButtonGroup.vue.js

@@ -0,0 +1,41 @@
+import { defineComponent as s, toRef as o, openBlock as a, createElementBlock as r, normalizeClass as d, renderSlot as n } from "vue";
+import { provideDefaults as p } from "../../composables/defaults.js";
+const f = /* @__PURE__ */ s({
+  __name: "QButtonGroup",
+  props: {
+    disabled: { type: Boolean },
+    borderless: { type: Boolean },
+    elevated: { type: Boolean },
+    class: { default: void 0 }
+  },
+  setup(t) {
+    const e = t;
+    return p({
+      QButton: {
+        bStyle: "secondary",
+        disabled: o(e, "disabled"),
+        borderless: o(e, "borderless"),
+        elevated: !1
+      }
+    }), (l, c) => (a(), r(
+      "div",
+      {
+        class: d([
+          "q-btn-group",
+          {
+            "q-btn-group--elevated": e.elevated
+          },
+          e.class
+        ])
+      },
+      [
+        n(l.$slots, "default")
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+});
+export {
+  f as default
+};

package/esm/components/QButtonGroup/QButtonGroup.vue2.js

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

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

@@ -0,0 +1,4 @@
+import { default as QButtonGroup } from "./QButtonGroup";
+
+export { QButtonGroup };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonGroup/index.ts"],"names":[],"mappings":"AACA,OAAO,YAAY,MAAM,oBAAoB,CAAA;AAQ7C,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/esm/components/QButtonToggle/QButtonToggle.d.ts

@@ -0,0 +1,81 @@
+type Option = {
+    key: string;
+    title?: string;
+    label?: string;
+};
+export type QButtonToggleProps = {
+    /**
+     * The list of available options to display
+     */
+    options: Array<Option>;
+    /**
+     * Indicates if the button toggle is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Indicates if the buttons' border should be removed.
+     */
+    borderless?: boolean;
+    /**
+     * Indicates if the buttons should have an elevated appearance.
+     */
+    elevated?: boolean;
+    /**
+     * Indicates if options can be deselected.
+     */
+    required?: boolean;
+    /**
+     * Custom set of classes to apply to the component.
+     */
+    class?: string | unknown[];
+};
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+    modelValue: import('vue').PropType<string>;
+    options: {
+        type: import('vue').PropType<Option[]>;
+        required: true;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+    borderless: {
+        type: import('vue').PropType<boolean>;
+    };
+    elevated: {
+        type: import('vue').PropType<boolean>;
+    };
+    required: {
+        type: import('vue').PropType<boolean>;
+    };
+    class: {
+        type: import('vue').PropType<string | unknown[]>;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<string>;
+    options: {
+        type: import('vue').PropType<Option[]>;
+        required: true;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+    borderless: {
+        type: import('vue').PropType<boolean>;
+    };
+    elevated: {
+        type: import('vue').PropType<boolean>;
+    };
+    required: {
+        type: import('vue').PropType<boolean>;
+    };
+    class: {
+        type: import('vue').PropType<string | unknown[]>;
+    };
+}>>, {}, {}>, Partial<Record<string, (_: {}) => any>>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=QButtonToggle.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QButtonToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonToggle/QButtonToggle"],"names":[],"mappings":"AAkBA;AAQA,KAAK,MAAM,GAAG;IACZ,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAChC;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;CAC1B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6GF,wBAAwG;AAGxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/esm/components/QButtonToggle/QButtonToggle.vue.js

@@ -0,0 +1,58 @@
+import { defineComponent as c, mergeModels as u, useModel as m, openBlock as s, createBlock as r, unref as d, normalizeClass as f, withCtx as n, createElementBlock as b, Fragment as y, renderList as k, renderSlot as v } from "vue";
+import p from "../QButton/QButton.vue.js";
+import _ from "../QButtonGroup/QButtonGroup.vue.js";
+const V = /* @__PURE__ */ c({
+  __name: "QButtonToggle",
+  props: /* @__PURE__ */ u({
+    options: {},
+    disabled: { type: Boolean },
+    borderless: { type: Boolean },
+    elevated: { type: Boolean },
+    required: { type: Boolean },
+    class: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(o) {
+    const e = o, a = m(o, "modelValue");
+    function i(t) {
+      a.value === t.key && !e.required ? a.value = void 0 : a.value = t.key;
+    }
+    return (t, B) => (s(), r(d(_), {
+      "b-style": "secondary",
+      class: f(e.class),
+      disabled: e.disabled,
+      borderless: e.borderless,
+      elevated: e.elevated
+    }, {
+      default: n(() => [
+        (s(!0), b(
+          y,
+          null,
+          k(e.options, (l) => (s(), r(d(p), {
+            key: l.key,
+            title: l.title,
+            label: l.label,
+            active: a.value === l.key,
+            onClick: () => i(l)
+          }, {
+            default: n(() => [
+              v(t.$slots, l.key)
+            ]),
+            _: 2
+            /* DYNAMIC */
+          }, 1032, ["title", "label", "active", "onClick"]))),
+          128
+          /* KEYED_FRAGMENT */
+        ))
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 8, ["class", "disabled", "borderless", "elevated"]));
+  }
+});
+export {
+  V as default
+};

package/esm/components/QButtonToggle/QButtonToggle.vue2.js

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

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

@@ -0,0 +1,4 @@
+import { default as QButtonToggle } from "./QButtonToggle";
+
+export { QButtonToggle };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonToggle/index.ts"],"names":[],"mappings":"AACA,OAAO,aAAa,MAAM,qBAAqB,CAAA;AAQ/C,OAAO,EAAE,aAAa,EAAE,CAAA"}