@quidgest/ui 0.16.15 → 0.16.17

package/esm/components/QSwitch/QSwitch.vue.js

@@ -0,0 +1,129 @@
+import { defineComponent as L, mergeModels as g, useModel as S, toRef as c, computed as w, createElementBlock as d, openBlock as i, createBlock as B, createCommentVNode as r, createElementVNode as a, unref as n, withCtx as V, createTextVNode as u, toDisplayString as h, normalizeStyle as z, normalizeClass as M, withDirectives as x, mergeProps as D, vModelCheckbox as I, Fragment as _ } from "vue";
+import { QLabel as N } from "../QLabel/index.js";
+import { useId as E } from "../../composables/uid.js";
+import { useColor as q } from "../../composables/useColor/index.js";
+const O = { class: "q-switch__container" }, P = ["id", "aria-checked", "disabled"], Q = { class: "q-switch__labels" }, $ = {
+  class: "q-switch__label q-switch__label--off",
+  "aria-hidden": "true"
+}, A = {
+  class: "q-switch__label q-switch__label--on",
+  "aria-hidden": "true"
+}, j = /* @__PURE__ */ L({
+  inheritAttrs: !1,
+  __name: "QSwitch",
+  props: /* @__PURE__ */ g({
+    id: {},
+    class: {},
+    label: {},
+    required: { type: Boolean },
+    showStateLabels: { type: Boolean },
+    trueLabel: { default: "On" },
+    falseLabel: { default: "Off" },
+    checkedColor: {},
+    uncheckedColor: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    size: { default: "medium" }
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(m) {
+    const e = m, l = S(m, "modelValue"), v = (t) => {
+      e.readonly && (t.preventDefault(), t.stopImmediatePropagation(), t.target.checked = !!l.value);
+    }, b = E(c(e, "id")), { style: f } = q(c(e, "checkedColor")), { style: p } = q(c(e, "uncheckedColor")), y = w(() => [
+      "q-switch",
+      e.size !== "medium" ? `q-switch--${e.size}` : void 0,
+      {
+        "q-switch--checked": l.value,
+        "q-switch--disabled": e.disabled,
+        "q-switch--readonly": e.readonly,
+        "q-switch--with-labels": e.showStateLabels && (e.trueLabel || e.falseLabel)
+      },
+      e.class
+    ]), C = w(() => {
+      var t, o, s, k;
+      return {
+        "--q-switch-checked-background": (t = f.value) == null ? void 0 : t.mainColor,
+        "--q-switch-on-checked-background": (o = f.value) == null ? void 0 : o.onMainColor,
+        "--q-switch-unchecked-background": (s = p.value) == null ? void 0 : s.mainColor,
+        "--q-switch-on-unchecked-background": (k = p.value) == null ? void 0 : k.onMainColor
+      };
+    });
+    return (t, o) => (i(), d("div", O, [
+      e.label ? (i(), B(n(N), {
+        key: 0,
+        for: n(b),
+        required: e.required
+      }, {
+        default: V(() => [
+          u(
+            h(e.label),
+            1
+            /* TEXT */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["for", "required"])) : r("v-if", !0),
+      a(
+        "div",
+        {
+          class: M(y.value),
+          style: z(C.value)
+        },
+        [
+          x(a("input", D({
+            id: n(b),
+            "onUpdate:modelValue": o[0] || (o[0] = (s) => l.value = s),
+            class: "q-switch__input",
+            type: "checkbox",
+            role: "switch",
+            "aria-checked": l.value,
+            disabled: e.disabled
+          }, t.$attrs, { onInput: v }), null, 16, P), [
+            [I, l.value]
+          ]),
+          a("div", Q, [
+            a("span", $, [
+              e.showStateLabels ? (i(), d(
+                _,
+                { key: 0 },
+                [
+                  u(
+                    h(e.falseLabel),
+                    1
+                    /* TEXT */
+                  )
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              )) : r("v-if", !0)
+            ]),
+            a("span", A, [
+              e.showStateLabels ? (i(), d(
+                _,
+                { key: 0 },
+                [
+                  u(
+                    h(e.trueLabel),
+                    1
+                    /* TEXT */
+                  )
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              )) : r("v-if", !0)
+            ])
+          ])
+        ],
+        6
+        /* CLASS, STYLE */
+      )
+    ]));
+  }
+});
+export {
+  j as default
+};

package/esm/components/QSwitch/QSwitch.vue2.js

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

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

@@ -0,0 +1,33 @@
+declare const QSwitch: import('vue').DefineComponent<{
+    modelValue?: boolean;
+} & Omit<import('..').QLabelProps, "for"> & {
+    showStateLabels?: boolean;
+    trueLabel?: string;
+    falseLabel?: string;
+    checkedColor?: string;
+    uncheckedColor?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    size?: "small" | "medium" | "large";
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    modelValue?: boolean;
+} & Omit<import('..').QLabelProps, "for"> & {
+    showStateLabels?: boolean;
+    trueLabel?: string;
+    falseLabel?: string;
+    checkedColor?: string;
+    uncheckedColor?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    size?: "small" | "medium" | "large";
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    size: "small" | "medium" | "large";
+    trueLabel: string;
+    falseLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export { QSwitch };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QSwitch/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAA4B,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/esm/components/QSwitch/index.js

@@ -0,0 +1,6 @@
+import o from "./QSwitch.vue.js";
+import { setupPropsProxy as r } from "../../utils/setupPropsProxy.js";
+const p = r(o);
+export {
+  p as QSwitch
+};

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

@@ -0,0 +1,39 @@
+import { QLabelProps } from '../QLabel';
+/**
+ * Props for the QSwitch component.
+ */
+export type QSwitchProps = Omit<QLabelProps, 'for'> & {
+    /**
+     * Whether to show labels for the switch states.
+     */
+    showStateLabels?: boolean;
+    /**
+     * Label displayed when switch is in the "true" state.
+     */
+    trueLabel?: string;
+    /**
+     * Label displayed when switch is in the "false" state.
+     */
+    falseLabel?: string;
+    /**
+     * Background color when the switch is checked (true).
+     */
+    checkedColor?: string;
+    /**
+     * Background color when the switch is unchecked (false).
+     */
+    uncheckedColor?: string;
+    /**
+     * Whether the switch is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Whether the switch is read-only.
+     */
+    readonly?: boolean;
+    /**
+     * Size variant of the switch.
+     */
+    size?: 'small' | 'medium' | 'large';
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QSwitch/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAE5C;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG;IACrD;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;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,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;CACnC,CAAA"}

package/esm/components/index.d.ts

@@ -32,6 +32,7 @@ export * from './QSelect';
 export * from './QSidebar';
 export * from './QSkeletonLoader';
 export * from './QSpinnerLoader';
+export * from './QSwitch';
 export * from './QTextArea';
 export * from './QTextField';
 export * from './QThemeProvider';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA"}

package/esm/components/index.js

@@ -9,10 +9,10 @@ import { QCollapsible as g } from "./QCollapsible/index.js";
 import { QColorPicker as P } from "./QColorPicker/index.js";
 import { QCombobox as b } from "./QCombobox/index.js";
 import { QDateTimePicker as G } from "./QDateTimePicker/index.js";
-import { QDialog as y, QDialogProvider as D } from "./QDialog/index.js";
-import { QDismissibleLayer as S } from "./QDismissibleLayer/index.js";
-import { QDivider as B } from "./QDivider/index.js";
-import { QDropdownMenu as R } from "./QDropdownMenu/index.js";
+import { QDialog as v, QDialogProvider as y } from "./QDialog/index.js";
+import { QDismissibleLayer as F } from "./QDismissibleLayer/index.js";
+import { QDivider as w } from "./QDivider/index.js";
+import { QDropdownMenu as h } from "./QDropdownMenu/index.js";
 import { QField as A } from "./QField/index.js";
 import { QFileUpload as O } from "./QFileUpload/index.js";
 import { QFocusTrap as j } from "./QFocusTrap/index.js";
@@ -29,16 +29,17 @@ import { QPopover as co } from "./QPopover/index.js";
 import { QPropertyList as Lo, QPropertyListGroup as uo, QPropertyListPanel as go, QPropertyListRow as Io } from "./QPropertyList/index.js";
 import { QRadioButton as To, QRadioGroup as bo } from "./QRadioGroup/index.js";
 import { QSelect as Go } from "./QSelect/index.js";
-import { QSidebar as yo } from "./QSidebar/index.js";
-import { QSkeletonLoader as Fo } from "./QSkeletonLoader/index.js";
+import { QSidebar as vo } from "./QSidebar/index.js";
+import { QSkeletonLoader as Do } from "./QSkeletonLoader/index.js";
 import { QSpinnerLoader as ko } from "./QSpinnerLoader/index.js";
-import { QTextArea as wo } from "./QTextArea/index.js";
-import { QTextField as ho } from "./QTextField/index.js";
-import { QThemeProvider as Mo } from "./QThemeProvider/index.js";
-import { QToast as Uo, QToaster as jo } from "./QToast/index.js";
-import { QToggle as zo } from "./QToggle/index.js";
-import { QToggleGroup as Ho, QToggleGroupItem as Jo } from "./QToggleGroup/index.js";
-import { QTooltip as No } from "./QTooltip/index.js";
+import { QSwitch as Bo } from "./QSwitch/index.js";
+import { QTextArea as Ro } from "./QTextArea/index.js";
+import { QTextField as Mo } from "./QTextField/index.js";
+import { QThemeProvider as Uo } from "./QThemeProvider/index.js";
+import { QToast as qo, QToaster as zo } from "./QToast/index.js";
+import { QToggle as Ho } from "./QToggle/index.js";
+import { QToggleGroup as Ko, QToggleGroupItem as No } from "./QToggleGroup/index.js";
+import { QTooltip as Wo } from "./QTooltip/index.js";
 export {
   e as QAccordion,
   t as QAccordionItem,
@@ -55,11 +56,11 @@ export {
   b as QCombobox,
   E as QContainer,
   G as QDateTimePicker,
-  y as QDialog,
-  D as QDialogProvider,
-  S as QDismissibleLayer,
-  B as QDivider,
-  R as QDropdownMenu,
+  v as QDialog,
+  y as QDialogProvider,
+  F as QDismissibleLayer,
+  w as QDivider,
+  h as QDropdownMenu,
   A as QField,
   O as QFileUpload,
   j as QFocusTrap,
@@ -85,17 +86,18 @@ export {
   bo as QRadioGroup,
   H as QRow,
   Go as QSelect,
-  yo as QSidebar,
-  Fo as QSkeletonLoader,
+  vo as QSidebar,
+  Do as QSkeletonLoader,
   J as QSpacer,
   ko as QSpinnerLoader,
-  wo as QTextArea,
-  ho as QTextField,
-  Mo as QThemeProvider,
-  Uo as QToast,
-  jo as QToaster,
-  zo as QToggle,
-  Ho as QToggleGroup,
-  Jo as QToggleGroupItem,
-  No as QTooltip
+  Bo as QSwitch,
+  Ro as QTextArea,
+  Mo as QTextField,
+  Uo as QThemeProvider,
+  qo as QToast,
+  zo as QToaster,
+  Ho as QToggle,
+  Ko as QToggleGroup,
+  No as QToggleGroupItem,
+  Wo as QTooltip
 };

package/esm/index.d.ts

@@ -56,6 +56,7 @@ declare module '@vue/runtime-core' {
 		QSidebar: typeof import('@quidgest/ui/components')['QSidebar']
 		QSkeletonLoader: typeof import('@quidgest/ui/components')['QSkeletonLoader']
 		QSpinnerLoader: typeof import('@quidgest/ui/components')['QSpinnerLoader']
+		QSwitch: typeof import('@quidgest/ui/components')['QSwitch']
 		QTextArea: typeof import('@quidgest/ui/components')['QTextArea']
 		QTextField: typeof import('@quidgest/ui/components')['QTextField']
 		QThemeProvider: typeof import('@quidgest/ui/components')['QThemeProvider']

package/package.json

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