@quidgest/ui 0.16.74 → 0.17.0

package/esm/components/QCarousel/QCarousel.vue.js

@@ -1,21 +1,21 @@
-import { defineComponent as ne, mergeModels as z, useModel as re, ref as E, computed as N, watch as B, onMounted as ie, onUnmounted as ce, createElementBlock as l, openBlock as s, normalizeClass as L, createCommentVNode as a, createVNode as u, createElementVNode as q, unref as d, Fragment as p, normalizeStyle as $, renderList as Q, withModifiers as ue, renderSlot as de, toDisplayString as b, withCtx as F, mergeProps as U, nextTick as fe } from "vue";
-import { DEFAULT_TEXTS as he, DEFAULT_ICONS as _e } from "./constants.js";
+import { defineComponent as se, mergeModels as z, useModel as ie, ref as E, computed as N, watch as B, onMounted as re, onUnmounted as ce, createElementBlock as a, openBlock as n, normalizeClass as L, createCommentVNode as s, createVNode as d, createElementVNode as b, unref as f, Fragment as y, normalizeStyle as $, renderList as Q, withModifiers as ue, renderSlot as de, toDisplayString as T, withCtx as F, mergeProps as U, nextTick as fe } from "vue";
+import { DEFAULT_TEXTS as he, DEFAULT_ICONS as ve } from "./constants.js";
 import { QButton as K } from "../QButton/index.js";
 import { QIcon as O } from "../QIcon/index.js";
-import { QSkeletonLoader as m } from "../QSkeletonLoader/index.js";
-const ve = ["id"], pe = {
+import { QSkeletonLoader as g } from "../QSkeletonLoader/index.js";
+const _e = ["id"], me = {
   key: 0,
   class: "q-carousel__skeleton"
-}, me = { class: "q-carousel__skeleton-caption" }, ye = {
+}, ye = { class: "q-carousel__skeleton-caption" }, ge = {
   key: 0,
   class: "q-carousel__skeleton-controls"
-}, ge = ["onClick"], ke = ["src", "alt"], we = {
+}, ke = ["onClick"], we = ["src", "alt"], Ce = {
   key: 1,
   class: "q-carousel__empty-container"
-}, Ce = {
+}, qe = {
   key: 2,
   class: "q-carousel__caption-global"
-}, qe = {
+}, pe = {
   key: 0,
   class: "q-carousel__title"
 }, be = {
@@ -24,7 +24,7 @@ const ve = ["id"], pe = {
 }, Te = {
   key: 3,
   class: "q-carousel__indicators"
-}, Se = ["aria-label", "aria-current", "onClick"], Ie = { class: "q-carousel__sr-only" }, De = { class: "q-carousel__sr-only" }, Le = /* @__PURE__ */ ne({
+}, Se = ["aria-label", "aria-current", "onClick"], xe = { class: "q-carousel__sr-only" }, Ie = { class: "q-carousel__sr-only" }, Be = /* @__PURE__ */ se({
   __name: "QCarousel",
   props: /* @__PURE__ */ z({
     id: {},
@@ -39,80 +39,80 @@ const ve = ["id"], pe = {
     wrap: { type: Boolean, default: !0 },
     animationDuration: { default: 500 },
     loading: { type: Boolean },
-    icons: { default: () => _e },
+    icons: { default: () => ve },
     texts: { default: () => he }
   }, {
     currentSlide: { default: 0 },
     currentSlideModifiers: {}
   }),
   emits: /* @__PURE__ */ z(["slide:before-change", "slide:after-change", "slide:click"], ["update:currentSlide"]),
-  setup(X, { emit: V }) {
-    const t = X, y = V, T = re(X, "currentSlide"), o = E(0);
-    let f = !1, S = !1, I = 0, D = 0;
+  setup(o, { emit: V }) {
+    const t = o, k = V, S = ie(o, "currentSlide"), l = E(0);
+    let h = !1, x = !1, I = 0, D = 0;
     const P = E(0), M = E(0);
-    let g, k;
+    let w, C;
     const H = N(() => ({
-      transform: `translateX(-${o.value * 100}%)`,
-      transition: f ? `transform ${t.animationDuration}ms cubic-bezier(0.4, 0, 0.2, 1)` : "none"
+      transform: `translateX(-${l.value * 100}%)`,
+      transition: h ? `transform ${t.animationDuration}ms cubic-bezier(0.4, 0, 0.2, 1)` : "none"
     })), R = N(() => ({
       "--q-carousel-progress-duration": `${t.autoCycleInterval}ms`,
       "--q-carousel-progress-width": `${P.value}%`
     }));
     function r(e) {
-      if (e < 0 || e >= t.slides.length || e === o.value || f) return;
-      const i = o.value, n = t.slides[i], v = t.slides[e];
-      y("slide:before-change", v.id, n == null ? void 0 : n.id), o.value = e, T.value = e, t.animationDuration > 0 ? (f = !0, setTimeout(() => {
-        f = !1, y("slide:after-change", v.id, n == null ? void 0 : n.id);
+      if (e < 0 || e >= t.slides.length || e === l.value || h) return;
+      const c = l.value, i = t.slides[c], m = t.slides[e];
+      k("slide:before-change", m.id, i == null ? void 0 : i.id), l.value = e, S.value = e, t.animationDuration > 0 ? (h = !0, setTimeout(() => {
+        h = !1, k("slide:after-change", m.id, i == null ? void 0 : i.id);
       }, t.animationDuration)) : fe(() => {
-        y("slide:after-change", v.id, n == null ? void 0 : n.id);
+        k("slide:after-change", m.id, i == null ? void 0 : i.id);
       });
     }
-    function w() {
-      const e = o.value + 1;
+    function q() {
+      const e = l.value + 1;
       e >= t.slides.length ? t.wrap && r(0) : r(e);
     }
     function A() {
-      const e = o.value - 1;
+      const e = l.value - 1;
       e < 0 ? t.wrap && r(t.slides.length - 1) : r(e);
     }
     function j(e) {
-      const i = window.getSelection();
-      if (i != null && i.toString().length) return;
-      const n = t.slides[e];
-      y("slide:click", n.id);
+      const c = window.getSelection();
+      if (c != null && c.toString().length) return;
+      const i = t.slides[e];
+      k("slide:click", i.id);
     }
     function G(e) {
-      const i = {};
-      return e != null && e.colorPlaceholder && (i["background-color"] = e.colorPlaceholder), i;
+      const c = {};
+      return e != null && e.colorPlaceholder && (c["background-color"] = e.colorPlaceholder), c;
     }
     function J() {
-      t.autoCycleInterval && (k = window.setInterval(() => {
+      t.autoCycleInterval && (C = window.setInterval(() => {
         P.value = (Date.now() - M.value) / t.autoCycleInterval * 100;
       }, 50));
     }
-    function C() {
-      !t.autoCycleInterval || t.slides.length <= 1 || (_(), t.ride === "carousel" && !S && (M.value = Date.now(), J(), g = window.setTimeout(w, t.autoCycleInterval)));
+    function p() {
+      !t.autoCycleInterval || t.slides.length <= 1 || (_(), t.ride === "carousel" && !x && (M.value = Date.now(), J(), w = window.setTimeout(q, t.autoCycleInterval)));
     }
     function _() {
-      g && window.clearTimeout(g), k && window.clearInterval(k), g = void 0, k = void 0, M.value = 0, P.value = 0;
+      w && window.clearTimeout(w), C && window.clearInterval(C), w = void 0, C = void 0, M.value = 0, P.value = 0;
     }
     function W() {
-      _(), C();
+      _(), p();
     }
     function Y() {
-      t.autoCyclePause === "hover" && (S = !0, _());
+      t.autoCyclePause === "hover" && (x = !0, _());
     }
     function Z() {
-      t.autoCyclePause === "hover" && (S = !1, C());
+      t.autoCyclePause === "hover" && (x = !1, p());
     }
     function ee(e) {
-      if (!f)
+      if (!h)
         switch (e.key) {
           case "ArrowLeft":
             e.preventDefault(), A();
             break;
           case "ArrowRight":
-            e.preventDefault(), w();
+            e.preventDefault(), q();
             break;
           case "Home":
             e.preventDefault(), r(0);
@@ -123,31 +123,31 @@ const ve = ["id"], pe = {
         }
     }
     function te(e) {
-      f || (I = e.touches[0].clientX, _());
+      h || (I = e.touches[0].clientX, _());
     }
     function oe(e) {
-      f || (D = e.touches[0].clientX);
+      h || (D = e.touches[0].clientX);
     }
     function le() {
-      if (f) return;
+      if (h) return;
       const e = I - D;
-      Math.abs(e) > t.swipeThreshold && (e > 0 ? w() : A()), I = 0, D = 0, C();
+      Math.abs(e) > t.swipeThreshold && (e > 0 ? q() : A()), I = 0, D = 0, p();
     }
-    function se(e) {
+    function ae(e) {
       return t.texts.goToSlide.replace("{0}", `${e + 1}`);
     }
-    function ae(e) {
+    function ne(e) {
       if (e.length === 0) {
-        o.value = 0, T.value = 0, _();
+        l.value = 0, S.value = 0, _();
         return;
       }
-      o.value >= e.length && r(0);
+      l.value >= e.length && r(0);
     }
-    return B(() => t.slides, ae, { immediate: !0, deep: !0 }), B(o, W), B(T, (e) => {
-      e !== o.value && r(e);
-    }), ie(C), ce(_), (e, i) => {
-      var n, v, x;
-      return s(), l("div", {
+    return B(() => t.slides, ne, { immediate: !0, deep: !0 }), B(l, W), B(S, (e) => {
+      e !== l.value && r(e);
+    }), re(p), ce(_), (e, c) => {
+      var i, m, X;
+      return n(), a("div", {
         id: t.id,
         class: L(["q-carousel", t.class]),
         tabindex: "0",
@@ -155,53 +155,53 @@ const ve = ["id"], pe = {
         onMouseleave: Z,
         onKeydown: ee
       }, [
-        a(" Skeleton Loader "),
-        e.loading ? (s(), l("div", pe, [
-          a(" Image placeholder "),
-          u(d(m), {
+        s(" Skeleton Loader "),
+        o.loading ? (n(), a("div", me, [
+          s(" Image placeholder "),
+          d(f(g), {
             width: "100%",
             height: "100%"
           }),
-          a(" Overlay skeletons for text/captions "),
-          q("div", me, [
-            u(d(m), {
+          s(" Overlay skeletons for text/captions "),
+          b("div", ye, [
+            d(f(g), {
               type: "text",
               width: "40%",
               height: "24px",
               class: "q-carousel__skeleton-title"
             }),
-            u(d(m), {
+            d(f(g), {
               type: "text",
               width: "60%",
               height: "16px",
               class: "q-carousel__skeleton-subtitle"
             })
           ]),
-          a(" Controls "),
-          t.showControls ? (s(), l("div", ye, [
-            u(d(m), {
+          s(" Controls "),
+          t.showControls ? (n(), a("div", ge, [
+            d(f(g), {
               type: "icon",
               width: "40px",
               height: "40px",
               class: "q-carousel__skeleton-control"
             }),
-            u(d(m), {
+            d(f(g), {
               type: "icon",
               width: "40px",
               height: "40px",
               class: "q-carousel__skeleton-control"
             })
-          ])) : a("v-if", !0)
-        ])) : (s(), l(
-          p,
+          ])) : s("v-if", !0)
+        ])) : (n(), a(
+          y,
           { key: 1 },
           [
-            (n = e.slides) != null && n.length ? (s(), l(
-              p,
+            (i = o.slides) != null && i.length ? (n(), a(
+              y,
               { key: 0 },
               [
-                a(" Carousel Content "),
-                q(
+                s(" Carousel Content "),
+                b(
                   "div",
                   {
                     class: "q-carousel__track",
@@ -211,27 +211,27 @@ const ve = ["id"], pe = {
                     onTouchend: le
                   },
                   [
-                    (s(!0), l(
-                      p,
+                    (n(!0), a(
+                      y,
                       null,
-                      Q(e.slides, (h, c) => (s(), l("div", {
-                        key: h.id,
+                      Q(o.slides, (v, u) => (n(), a("div", {
+                        key: v.id,
                         class: L([
                           "q-carousel__slide",
-                          { "q-carousel__slide--active": c === o.value }
+                          { "q-carousel__slide--active": u === l.value }
                         ]),
-                        style: $(G(h)),
-                        onClick: ue(() => j(c), ["stop", "prevent"])
+                        style: $(G(v)),
+                        onClick: ue(() => j(u), ["stop", "prevent"])
                       }, [
-                        h.image ? (s(), l("img", {
+                        v.image ? (n(), a("img", {
                           key: 0,
-                          src: h.image,
-                          alt: h.title || `Slide ${c + 1}`,
+                          src: v.image,
+                          alt: v.title || `Slide ${u + 1}`,
                           class: "q-carousel__image",
                           decoding: "async",
                           loading: "lazy"
-                        }, null, 8, ke)) : a("v-if", !0)
-                      ], 14, ge))),
+                        }, null, 8, we)) : s("v-if", !0)
+                      ], 14, ke))),
                       128
                       /* KEYED_FRAGMENT */
                     ))
@@ -242,70 +242,70 @@ const ve = ["id"], pe = {
               ],
               64
               /* STABLE_FRAGMENT */
-            )) : (s(), l("div", we, [
+            )) : (n(), a("div", Ce, [
               de(e.$slots, "empty")
             ])),
-            a(" Captions (centered, above indicators) "),
-            e.slides[o.value] ? (s(), l("div", Ce, [
-              (v = e.slides[o.value]) != null && v.title ? (s(), l(
+            s(" Captions (centered, above indicators) "),
+            o.slides[l.value] ? (n(), a("div", qe, [
+              (m = o.slides[l.value]) != null && m.title ? (n(), a(
                 "h2",
-                qe,
-                b(e.slides[o.value].title),
+                pe,
+                T(o.slides[l.value].title),
                 1
                 /* TEXT */
-              )) : a("v-if", !0),
-              (x = e.slides[o.value]) != null && x.subtitle ? (s(), l(
+              )) : s("v-if", !0),
+              (X = o.slides[l.value]) != null && X.subtitle ? (n(), a(
                 "p",
                 be,
-                b(e.slides[o.value].subtitle),
+                T(o.slides[l.value].subtitle),
                 1
                 /* TEXT */
-              )) : a("v-if", !0)
-            ])) : a("v-if", !0),
-            a(" Indicators "),
-            e.showIndicators && e.slides.length > 1 ? (s(), l("ol", Te, [
-              (s(!0), l(
-                p,
+              )) : s("v-if", !0)
+            ])) : s("v-if", !0),
+            s(" Indicators "),
+            o.showIndicators && o.slides.length > 1 ? (n(), a("ol", Te, [
+              (n(!0), a(
+                y,
                 null,
-                Q(e.slides, (h, c) => (s(), l("li", {
-                  key: h.id,
+                Q(o.slides, (v, u) => (n(), a("li", {
+                  key: v.id,
                   class: L([
                     "q-carousel__indicator",
-                    { "q-carousel__indicator--active": c === o.value }
+                    { "q-carousel__indicator--active": u === l.value }
                   ]),
                   "data-testid": "carousel-indicator",
-                  style: $(c === o.value ? R.value : {}),
-                  "aria-label": se(c),
-                  "aria-current": c === o.value,
-                  onClick: () => r(c)
+                  style: $(u === l.value ? R.value : {}),
+                  "aria-label": ae(u),
+                  "aria-current": u === l.value,
+                  onClick: () => r(u)
                 }, null, 14, Se))),
                 128
                 /* KEYED_FRAGMENT */
               ))
-            ])) : a("v-if", !0),
-            a(" Controls "),
-            e.showControls && e.slides.length > 1 ? (s(), l(
-              p,
+            ])) : s("v-if", !0),
+            s(" Controls "),
+            o.showControls && o.slides.length > 1 ? (n(), a(
+              y,
               { key: 4 },
               [
-                u(d(K), {
+                d(f(K), {
                   class: "q-carousel__control q-carousel__control--prev",
                   "data-testid": "carousel-prev",
-                  "aria-label": e.texts.previousText,
+                  "aria-label": o.texts.previousText,
                   onClick: A
                 }, {
                   default: F(() => [
-                    u(
-                      d(O),
+                    d(
+                      f(O),
                       U({ class: "q-carousel__control-icon q-carousel__control-icon--prev" }, t.icons.back),
                       null,
                       16
                       /* FULL_PROPS */
                     ),
-                    q(
+                    b(
                       "span",
-                      Ie,
-                      b(e.texts.previousText),
+                      xe,
+                      T(o.texts.previousText),
                       1
                       /* TEXT */
                     )
@@ -313,24 +313,24 @@ const ve = ["id"], pe = {
                   _: 1
                   /* STABLE */
                 }, 8, ["aria-label"]),
-                u(d(K), {
+                d(f(K), {
                   class: "q-carousel__control q-carousel__control--next",
                   "data-testid": "carousel-next",
-                  "aria-label": e.texts.nextText,
-                  onClick: w
+                  "aria-label": o.texts.nextText,
+                  onClick: q
                 }, {
                   default: F(() => [
-                    u(
-                      d(O),
+                    d(
+                      f(O),
                       U({ class: "q-carousel__control-icon q-carousel__control-icon--next" }, t.icons.forward),
                       null,
                       16
                       /* FULL_PROPS */
                     ),
-                    q(
+                    b(
                       "span",
-                      De,
-                      b(e.texts.nextText),
+                      Ie,
+                      T(o.texts.nextText),
                       1
                       /* TEXT */
                     )
@@ -341,15 +341,15 @@ const ve = ["id"], pe = {
               ],
               64
               /* STABLE_FRAGMENT */
-            )) : a("v-if", !0)
+            )) : s("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
         ))
-      ], 42, ve);
+      ], 42, _e);
     };
   }
 });
 export {
-  Le as default
+  Be as default
 };

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

@@ -1,5 +1,5 @@
 import { DEFAULT_ICONS } from './constants';
-import { QCheckboxProps } from './types';
+import { QCheckboxProps } from '.';
 type __VLS_Props = QCheckboxProps;
 type __VLS_PublicProps = {
     modelValue?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"QCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCheckbox/QCheckbox.vue"],"names":[],"mappings":"AAgEA;AA8IC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAU3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAK7C,KAAK,WAAW,GAAG,cAAc,CAAC;AAoEnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAyHT,OAAO,IAA6B;;wBAdtB,GAAG;wBACF,GAAG;;;;;;;EAkB/B;AAiBD,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"}
+{"version":3,"file":"QCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCheckbox/QCheckbox.vue"],"names":[],"mappings":"AAgEA;AA+IC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAU3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;AAKvC,KAAK,WAAW,GAAG,cAAc,CAAC;AAqEnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAyHT,OAAO,IAA6B;;wBAdtB,GAAG;wBACF,GAAG;;;;;;;EAkB/B;AAiBD,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/QCheckbox/QCheckbox.vue.js

@@ -1,12 +1,12 @@
-import { defineComponent as E, mergeModels as _, useModel as g, toRef as w, useTemplateRef as f, computed as $, watch as M, createElementBlock as P, openBlock as r, withModifiers as a, normalizeClass as V, createBlock as s, createCommentVNode as n, createElementVNode as m, unref as l, createSlots as p, withCtx as h, renderSlot as k, mergeProps as y, withKeys as v } from "vue";
+import { defineComponent as E, mergeModels as g, useModel as _, toRef as w, useTemplateRef as f, computed as $, watch as M, createElementBlock as P, openBlock as n, withModifiers as a, normalizeClass as V, createBlock as c, createCommentVNode as r, createElementVNode as m, unref as l, createSlots as p, withCtx as h, renderSlot as k, mergeProps as y, withKeys as v } from "vue";
 import { DEFAULT_ICONS as R } from "./constants.js";
 import { QIcon as z } from "../QIcon/index.js";
-import { QCheckboxLabel as q } from "./index.js";
+import { QCheckboxLabel as x } from "./index.js";
 import { useId as F } from "../../composables/uid.js";
 const I = ["checked", "disabled", "readonly", "required", "aria-readonly"], K = ["id", "aria-checked", "disabled", "readonly", "onKeydown"], L = /* @__PURE__ */ E({
   inheritAttrs: !1,
   __name: "QCheckbox",
-  props: /* @__PURE__ */ _({
+  props: /* @__PURE__ */ g({
     id: {},
     class: {},
     label: {},
@@ -20,14 +20,15 @@ const I = ["checked", "disabled", "readonly", "required", "aria-readonly"], K =
     readonly: { type: Boolean },
     indeterminate: { type: Boolean },
     icons: { default: () => R },
-    hasFocusOutline: { type: Boolean, default: !0 }
+    hasFocusOutline: { type: Boolean, default: !0 },
+    borderless: { type: Boolean }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(c) {
-    const e = c, t = g(c, "modelValue"), i = F(w(e, "id")), u = f("inputEl"), x = f("buttonEl"), C = $(() => [
+  setup(i) {
+    const e = i, t = _(i, "modelValue"), d = F(w(e, "id")), u = f("inputEl"), q = f("buttonEl"), B = $(() => [
       "q-checkbox",
       `q-checkbox--${e.size}`,
       `q-checkbox--${e.color}`,
@@ -36,30 +37,31 @@ const I = ["checked", "disabled", "readonly", "required", "aria-readonly"], K =
         "q-checkbox--disabled": e.disabled,
         "q-checkbox--checked": t.value,
         "q-checkbox--indeterminate": e.indeterminate,
-        "q-checkbox--focus-style": e.hasFocusOutline
+        "q-checkbox--focus-style": e.hasFocusOutline,
+        "q-checkbox--borderless": e.borderless
       },
       e.class
     ]);
-    function d() {
+    function s() {
       !e.disabled && !e.readonly && (t.value = !t.value);
     }
-    function B() {
+    function C() {
       var o;
-      (o = x.value) == null || o.focus();
+      (o = q.value) == null || o.focus();
     }
     return M(t, (o) => {
       u.value && (u.value.checked = !!o);
-    }), (o, b) => (r(), P(
+    }), (o, b) => (n(), P(
       "div",
       {
-        class: V(C.value),
-        onClick: a(d, ["prevent"]),
-        onMousedown: a(B, ["prevent"])
+        class: V(B.value),
+        onClick: a(s, ["prevent"]),
+        onMousedown: a(C, ["prevent"])
       },
       [
-        e.label && e.labelPlacement !== "right" ? (r(), s(l(q), {
+        e.label && e.labelPlacement !== "right" ? (n(), c(l(x), {
           key: 0,
-          for: l(i),
+          for: l(d),
           label: e.label,
           required: e.required
         }, p({
@@ -73,8 +75,8 @@ const I = ["checked", "disabled", "readonly", "required", "aria-readonly"], K =
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["for", "label", "required"])) : n("v-if", !0),
-        n(" Hidden native input for form submission "),
+        ]), 1032, ["for", "label", "required"])) : r("v-if", !0),
+        r(" Hidden native input for form submission "),
         m("input", {
           ref: "inputEl",
           type: "checkbox",
@@ -87,9 +89,9 @@ const I = ["checked", "disabled", "readonly", "required", "aria-readonly"], K =
           tabindex: "-1",
           "aria-hidden": "true"
         }, null, 8, I),
-        n(" Custom interactive button "),
+        r(" Custom interactive button "),
         m("button", y({
-          id: l(i),
+          id: l(d),
           ref: "buttonEl",
           role: "checkbox",
           type: "button",
@@ -99,24 +101,24 @@ const I = ["checked", "disabled", "readonly", "required", "aria-readonly"], K =
           disabled: e.disabled,
           readonly: e.readonly
         }, o.$attrs, {
-          onClick: a(d, ["stop", "prevent"]),
+          onClick: a(s, ["stop", "prevent"]),
           onKeydown: [
-            v(a(d, ["prevent"]), ["space"]),
+            v(a(s, ["prevent"]), ["space"]),
             b[0] || (b[0] = v(a(() => {
             }, ["prevent"]), ["enter"]))
           ]
         }), [
-          t.value || o.indeterminate ? (r(), s(
+          t.value || i.indeterminate ? (n(), c(
             l(z),
             y({ key: 0 }, t.value ? e.icons.checked : e.icons.indeterminate, { class: "q-checkbox__input-icon" }),
             null,
             16
             /* FULL_PROPS */
-          )) : n("v-if", !0)
+          )) : r("v-if", !0)
         ], 16, K),
-        e.label && e.labelPlacement === "right" ? (r(), s(l(q), {
+        e.label && e.labelPlacement === "right" ? (n(), c(l(x), {
           key: 1,
-          for: l(i),
+          for: l(d),
           label: e.label,
           required: e.required
         }, p({
@@ -130,7 +132,7 @@ const I = ["checked", "disabled", "readonly", "required", "aria-readonly"], K =
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["for", "label", "required"])) : n("v-if", !0)
+        ]), 1032, ["for", "label", "required"])) : r("v-if", !0)
       ],
       34
       /* CLASS, NEED_HYDRATION */

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

@@ -15,6 +15,7 @@ declare const QCheckbox: {
         indeterminate?: boolean;
         icons?: typeof import('./constants').DEFAULT_ICONS;
         hasFocusOutline?: boolean;
+        borderless?: boolean;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -51,6 +52,7 @@ declare const QCheckbox: {
         indeterminate?: boolean;
         icons?: typeof import('./constants').DEFAULT_ICONS;
         hasFocusOutline?: boolean;
+        borderless?: boolean;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, {
@@ -79,6 +81,7 @@ declare const QCheckbox: {
     indeterminate?: boolean;
     icons?: typeof import('./constants').DEFAULT_ICONS;
     hasFocusOutline?: boolean;
+    borderless?: boolean;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QCheckbox/index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA8B,CAAA;AAC7C,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;EAAmC,CAAA;AAGvD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,CAAA;AAGpC,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QCheckbox/index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA8B,CAAA;AAC7C,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;EAAmC,CAAA;AAGvD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,CAAA;AAGpC,cAAc,SAAS,CAAA"}