@quidgest/ui 0.14.7 → 0.14.8

package/esm/components/QCheckbox/QCheckbox.vue.js

@@ -1,12 +1,13 @@
-import { defineComponent as k, mergeModels as f, useModel as y, computed as x, openBlock as l, createElementBlock as t, Fragment as _, createElementVNode as a, normalizeClass as v, toDisplayString as s, createCommentVNode as n, unref as u, withModifiers as d, withKeys as m, createBlock as g, mergeProps as q } from "vue";
-import { QIcon as B } from "../QIcon/index.js";
-import { useId as C } from "../../composables/uid.js";
-import { DEFAULT_ICONS as V } from "./types.js";
-const w = { key: 0 }, M = ["id", "aria-checked", "disabled", "onKeydown"], P = { key: 1 }, z = ["checked", "disabled"], D = /* @__PURE__ */ k({
+import { defineComponent as x, mergeModels as v, useModel as _, computed as q, openBlock as t, createElementBlock as g, Fragment as B, createElementVNode as o, normalizeClass as C, createBlock as n, createSlots as u, withCtx as m, renderSlot as b, createCommentVNode as d, unref as f, withModifiers as i, withKeys as p, mergeProps as $ } from "vue";
+import { QIcon as w } from "../QIcon/index.js";
+import k from "./QCheckboxLabel.vue.js";
+import { useId as V } from "../../composables/uid.js";
+import { DEFAULT_ICONS as M } from "./types.js";
+const P = ["id", "aria-checked", "disabled", "onKeydown"], z = ["checked", "disabled"], F = /* @__PURE__ */ x({
   __name: "QCheckbox",
-  props: /* @__PURE__ */ f({
-    id: { default: void 0 },
+  props: /* @__PURE__ */ v({
     label: { default: "" },
+    id: { default: void 0 },
     labelPlacement: { default: "right" },
     disabled: { type: Boolean },
     readonly: { type: Boolean },
@@ -14,84 +15,100 @@ const w = { key: 0 }, M = ["id", "aria-checked", "disabled", "onKeydown"], P = {
     color: { default: "primary" },
     size: { default: "regular" },
     class: { default: void 0 },
-    icons: { default: () => V }
+    icons: { default: () => M }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(i) {
-    const e = i, o = y(i, "modelValue"), b = C(e.id), p = x(() => [
+  setup(r) {
+    const e = r, l = _(r, "modelValue"), h = V(e.id), y = q(() => [
       "q-checkbox",
       `q-checkbox--${e.size}`,
       `q-checkbox--${e.color}`,
       {
         "q-checkbox--readonly": e.readonly,
         "q-checkbox--disabled": e.disabled,
-        "q-checkbox--checked": o.value,
+        "q-checkbox--checked": l.value,
         "q-checkbox--indeterminate": e.indeterminate
       },
       e.class
     ]);
-    function c() {
-      !e.disabled && !e.readonly && (o.value = !o.value);
+    function s() {
+      !e.disabled && !e.readonly && (l.value = !l.value);
     }
-    return (h, r) => (l(), t(
-      _,
+    return (a, c) => (t(), g(
+      B,
       null,
       [
-        a(
+        o(
           "label",
           {
-            class: v(p.value)
+            class: C(y.value)
           },
           [
-            e.labelPlacement !== "right" ? (l(), t(
-              "span",
-              w,
-              s(e.label),
-              1
-              /* TEXT */
-            )) : n("v-if", !0),
-            a("button", {
-              id: u(b),
+            e.labelPlacement !== "right" ? (t(), n(k, {
+              key: 0,
+              label: e.label
+            }, u({
+              _: 2
+              /* DYNAMIC */
+            }, [
+              a.$slots.extras ? {
+                name: "extras",
+                fn: m(() => [
+                  b(a.$slots, "extras")
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["label"])) : d("v-if", !0),
+            o("button", {
+              id: f(h),
               role: "checkbox",
               type: "button",
-              "aria-checked": e.indeterminate ? "mixed" : o.value,
+              "aria-checked": e.indeterminate ? "mixed" : l.value,
               disabled: e.disabled || e.readonly,
               class: "q-checkbox__input",
-              onClick: d(c, ["prevent"]),
+              onClick: i(s, ["prevent"]),
               onKeydown: [
-                m(d(c, ["prevent"]), ["space"]),
-                r[0] || (r[0] = m(d(() => {
+                p(i(s, ["prevent"]), ["space"]),
+                c[0] || (c[0] = p(i(() => {
                 }, ["prevent"]), ["enter"]))
               ]
             }, [
-              o.value || h.indeterminate ? (l(), g(
-                u(B),
-                q({ key: 0 }, o.value ? e.icons.checked : e.icons.indeterminate, { class: "q-checkbox__input-icon" }),
+              l.value || a.indeterminate ? (t(), n(
+                f(w),
+                $({ key: 0 }, l.value ? e.icons.checked : e.icons.indeterminate, { class: "q-checkbox__input-icon" }),
                 null,
                 16
                 /* FULL_PROPS */
-              )) : n("v-if", !0)
-            ], 40, M),
-            e.labelPlacement === "right" ? (l(), t(
-              "span",
-              P,
-              s(e.label),
-              1
-              /* TEXT */
-            )) : n("v-if", !0)
+              )) : d("v-if", !0)
+            ], 40, P),
+            e.labelPlacement === "right" ? (t(), n(k, {
+              key: 1,
+              label: e.label
+            }, u({
+              _: 2
+              /* DYNAMIC */
+            }, [
+              a.$slots.extras ? {
+                name: "extras",
+                fn: m(() => [
+                  b(a.$slots, "extras")
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["label"])) : d("v-if", !0)
           ],
           2
           /* CLASS */
         ),
-        a("input", {
+        o("input", {
           type: "checkbox",
           tabindex: "-1",
           "aria-hidden": "true",
           class: "q-checkbox__native-input",
-          checked: !!o.value,
+          checked: !!l.value,
           disabled: e.disabled || e.readonly
         }, null, 8, z)
       ],
@@ -101,5 +118,5 @@ const w = { key: 0 }, M = ["id", "aria-checked", "disabled", "onKeydown"], P = {
   }
 });
 export {
-  D as default
+  F as default
 };

package/esm/components/QCheckbox/QCheckboxLabel.d.ts

@@ -0,0 +1,21 @@
+import { QCheckboxLabelProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        extras?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<QCheckboxLabelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QCheckboxLabelProps> & Readonly<{}>, {
+    label: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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=QCheckboxLabel.vue.d.ts.map

package/esm/components/QCheckbox/QCheckboxLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QCheckboxLabel.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCheckbox/QCheckboxLabel.vue"],"names":[],"mappings":"AAWA;AAuBC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAiBnD,iBAAS,cAAc;WA4CT,OAAO,IAA6B;;wBARtB,GAAG;;;;EAa9B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;6EAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QCheckbox/QCheckboxLabel.vue.js

@@ -0,0 +1,31 @@
+import { defineComponent as r, openBlock as s, createElementBlock as o, createElementVNode as l, toDisplayString as n, renderSlot as c } from "vue";
+const p = { key: 0 }, _ = { class: "q-field__extras" }, d = { key: 1 }, f = /* @__PURE__ */ r({
+  __name: "QCheckboxLabel",
+  props: {
+    label: { default: "" }
+  },
+  setup(a) {
+    const e = a;
+    return (t, i) => t.$slots.extras ? (s(), o("div", p, [
+      l(
+        "span",
+        null,
+        n(e.label),
+        1
+        /* TEXT */
+      ),
+      l("div", _, [
+        c(t.$slots, "extras")
+      ])
+    ])) : (s(), o(
+      "span",
+      d,
+      n(e.label),
+      1
+      /* TEXT */
+    ));
+  }
+});
+export {
+  f as default
+};

package/esm/components/QCheckbox/QCheckboxLabel.vue2.js

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

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

@@ -1,13 +1,9 @@
 import { Icon } from '../QIcon';
-export type QCheckboxProps = {
+export type QCheckboxProps = QCheckboxLabelProps & {
     /**
      * The field unique identifier.
      */
     id?: string;
-    /**
-     * The text content of the checkbox.
-     */
-    label?: string;
     /**
      * The placement of the label shown.
      */
@@ -41,6 +37,12 @@ export type QCheckboxProps = {
      */
     icons?: typeof DEFAULT_ICONS;
 };
+export type QCheckboxLabelProps = {
+    /**
+     * The text content of the checkbox.
+     */
+    label?: string;
+};
 type IconKeys = 'checked' | 'indeterminate';
 export declare const DEFAULT_ICONS: Record<IconKeys, Icon>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QCheckbox/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAE9C,MAAM,MAAM,cAAc,GAAG;IAC5B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;IAEpC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED,KAAK,QAAQ,GAAG,SAAS,GAAG,eAAe,CAAA;AAG3C,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,QAAQ,EAAE,IAAI,CAOhD,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QCheckbox/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAE9C,MAAM,MAAM,cAAc,GAAG,mBAAmB,GAAG;IAClD;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;IAEpC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,KAAK,QAAQ,GAAG,SAAS,GAAG,eAAe,CAAA;AAG3C,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,QAAQ,EAAE,IAAI,CAOhD,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quidgest/ui",
   "description": "Quidgest's UI framework",
-  "version": "0.14.7",
+  "version": "0.14.8",
   "private": false,
   "type": "module",
   "author": "Quidgest",