@quidgest/ui 0.14.16 → 0.14.18

package/esm/components/QThemeProvider/QThemeProvider.vue.js

@@ -1,22 +1,22 @@
-import { defineComponent as s, toRef as m, createElementBlock as n, openBlock as i, normalizeClass as c, renderSlot as d } from "vue";
-import { provideTheme as a } from "../../composables/theme.js";
-const l = ["id"], _ = /* @__PURE__ */ s({
+import { defineComponent as n, toRef as m, createElementBlock as c, openBlock as a, normalizeClass as i, unref as l, renderSlot as d } from "vue";
+import { provideTheme as p } from "../../composables/theme.js";
+const f = ["id"], v = /* @__PURE__ */ n({
   __name: "QThemeProvider",
   props: {
     id: {},
     class: {},
     theme: {}
   },
-  setup(t) {
-    const e = t, o = m(e, "theme");
-    return a(o), (r, p) => (i(), n("div", {
+  setup(o) {
+    const e = o, s = m(e, "theme"), { class: t } = p(s);
+    return (r, h) => (a(), c("div", {
       id: e.id,
-      class: c(["q-theme-provider", `q-theme--${e.theme}`, e.class])
+      class: i(["q-theme-provider", l(t), e.class])
     }, [
       d(r.$slots, "default")
-    ], 10, l));
+    ], 10, f));
   }
 });
 export {
-  _ as default
+  v as default
 };

package/esm/components/index.d.ts

@@ -24,6 +24,7 @@ export * from './QPropertyList';
 export * from './QSelect';
 export * from './QSkeletonLoader';
 export * from './QSpinnerLoader';
+export * from './QTextArea';
 export * from './QTextField';
 export * from './QThemeProvider';
 export * from './QTooltip';

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,iBAAiB,CAAA;AAC/B,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,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,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,iBAAiB,CAAA;AAC/B,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,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA"}

package/esm/components/index.js

@@ -8,8 +8,8 @@ import { QCard as c } from "./QCard/index.js";
 import { QCheckbox as u } from "./QCheckbox/index.js";
 import { QCollapsible as P } from "./QCollapsible/index.js";
 import { QColorPicker as g } from "./QColorPicker/index.js";
-import { QCombobox as B } from "./QCombobox/index.js";
-import { QDateTimePicker as T } from "./QDateTimePicker/index.js";
+import { QCombobox as y } from "./QCombobox/index.js";
+import { QDateTimePicker as C } from "./QDateTimePicker/index.js";
 import { QDialog as k } from "./QDialog/index.js";
 import { QDropdownMenu as F } from "./QDropdownMenu/index.js";
 import { QField as S } from "./QField/index.js";
@@ -24,9 +24,10 @@ import { QPropertyList as Z, QPropertyListGroup as _, QPropertyListPanel as $, Q
 import { QSelect as eo } from "./QSelect/index.js";
 import { QSkeletonLoader as po } from "./QSkeletonLoader/index.js";
 import { QSpinnerLoader as mo } from "./QSpinnerLoader/index.js";
-import { QTextField as fo } from "./QTextField/index.js";
-import { QThemeProvider as no } from "./QThemeProvider/index.js";
-import { QTooltip as ao } from "./QTooltip/index.js";
+import { QTextArea as fo } from "./QTextArea/index.js";
+import { QTextField as no } from "./QTextField/index.js";
+import { QThemeProvider as ao } from "./QThemeProvider/index.js";
+import { QTooltip as Lo } from "./QTooltip/index.js";
 export {
   e as QAccordion,
   p as QBadge,
@@ -38,8 +39,8 @@ export {
   u as QCheckbox,
   P as QCollapsible,
   g as QColorPicker,
-  B as QCombobox,
-  T as QDateTimePicker,
+  y as QCombobox,
+  C as QDateTimePicker,
   k as QDialog,
   F as QDropdownMenu,
   S as QField,
@@ -62,7 +63,8 @@ export {
   eo as QSelect,
   po as QSkeletonLoader,
   mo as QSpinnerLoader,
-  fo as QTextField,
-  no as QThemeProvider,
-  ao as QTooltip
+  fo as QTextArea,
+  no as QTextField,
+  ao as QThemeProvider,
+  Lo as QTooltip
 };

package/esm/composables/theme.d.ts

@@ -44,6 +44,8 @@ export type ThemeInstance = {
     readonly current: DeepReadonly<ComputedRef<ThemeDefinition>>;
     /** An array of available theme definitions. */
     readonly themes: DeepReadonly<ThemeDefinition[]>;
+    /** The theme class. */
+    readonly class: ComputedRef<string>;
 };
 /**
  * Custom hook for accessing the theme configuration in context.

package/esm/composables/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/composables/theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACvE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAMhD,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,aAAa,CAAyB,CAAA;AAE7E;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAExC;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG;IACvB,6DAA6D;IAC7D,YAAY,EAAE,MAAM,CAAA;IAEpB,mEAAmE;IACnE,MAAM,EAAE,KAAK,CAAC;QACb,6BAA6B;QAC7B,IAAI,EAAE,MAAM,CAAA;QAEZ,mDAAmD;QACnD,IAAI,EAAE,SAAS,CAAA;QAEf,qEAAqE;QACrE,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;KAC7B,CAAC,CAAA;CACF,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC7B,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAA;IAEZ,mDAAmD;IACnD,IAAI,EAAE,SAAS,CAAA;IAEf,kDAAkD;IAClD,MAAM,EAAE,WAAW,CAAA;CACnB,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG;IAC3B,yDAAyD;IACzD,QAAQ,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAE1B,4DAA4D;IAC5D,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,CAAA;IAE5D,+CAA+C;IAC/C,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC,eAAe,EAAE,CAAC,CAAA;CAChD,CAAA;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,IAAI,aAAa,CAQxC;AAED;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,aAAa,CAU7D"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/composables/theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACvE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAMhD,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,aAAa,CAAyB,CAAA;AAE7E;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAExC;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG;IACvB,6DAA6D;IAC7D,YAAY,EAAE,MAAM,CAAA;IAEpB,mEAAmE;IACnE,MAAM,EAAE,KAAK,CAAC;QACb,6BAA6B;QAC7B,IAAI,EAAE,MAAM,CAAA;QAEZ,mDAAmD;QACnD,IAAI,EAAE,SAAS,CAAA;QAEf,qEAAqE;QACrE,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;KAC7B,CAAC,CAAA;CACF,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC7B,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAA;IAEZ,mDAAmD;IACnD,IAAI,EAAE,SAAS,CAAA;IAEf,kDAAkD;IAClD,MAAM,EAAE,WAAW,CAAA;CACnB,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG;IAC3B,yDAAyD;IACzD,QAAQ,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAE1B,4DAA4D;IAC5D,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,CAAA;IAE5D,+CAA+C;IAC/C,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC,eAAe,EAAE,CAAC,CAAA;IAEhD,uBAAuB;IACvB,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;CACnC,CAAA;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,IAAI,aAAa,CAQxC;AAED;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,aAAa,CAU7D"}

package/esm/index.d.ts

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

package/esm/utils/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/utils/theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACzE,OAAO,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAQ5C,eAAO,MAAM,aAAa,YAAY,CAAA;AAEtC;;;;GAIG;AACH,wBAAgB,YAAY,IAAI,gBAAgB,CAY/C;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,eAAe,EAAE,QA2B1D;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,UAOvC;AAED;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,CAClC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,EACjB,MAAM,EAAE,YAAY,CAAC,eAAe,EAAE,CAAC,GACrC,aAAa,CAgBf"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/utils/theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACzE,OAAO,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAQ5C,eAAO,MAAM,aAAa,YAAY,CAAA;AAEtC;;;;GAIG;AACH,wBAAgB,YAAY,IAAI,gBAAgB,CAY/C;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,eAAe,EAAE,QA2B1D;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,UAOvC;AAED;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,CAClC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,EACjB,MAAM,EAAE,YAAY,CAAC,eAAe,EAAE,CAAC,GACrC,aAAa,CAmBf"}

package/esm/utils/theme.js

@@ -1,56 +1,57 @@
-import { computed as h } from "vue";
-import { parseColor as i } from "./color.js";
-import { toKebabCase as d } from "./string.js";
-const u = "q-theme";
-function a() {
+import { computed as u } from "vue";
+import { parseColor as f } from "./color.js";
+import { toKebabCase as i } from "./string.js";
+const a = "q-theme";
+function l() {
   let e = document.getElementById(
-    u
+    a
   );
-  return e || (e = document.createElement("style"), e.id = u, document.head.appendChild(e)), e;
+  return e || (e = document.createElement("style"), e.id = a, document.head.appendChild(e)), e;
 }
 function g(e) {
   let t = "";
   for (const c of e) {
     t += `.q-theme--${c.name} {
 `;
-    const o = c.scheme;
+    const m = c.scheme;
     let n;
-    for (n in o) {
-      const m = o[n];
-      if (m) {
-        t += `  ${f(n)}: ${m};
+    for (n in m) {
+      const o = m[n];
+      if (o) {
+        t += `  ${h(n)}: ${o};
 `;
-        const s = i(m);
-        t += `  ${f(n)}-rgb: ${s.r} ${s.g} ${s.b};
+        const s = f(o);
+        t += `  ${h(n)}-rgb: ${s.r} ${s.g} ${s.b};
 `;
       }
     }
     t += `}
 `;
   }
-  const r = a();
+  const r = l();
   r.textContent = t;
 }
-function f(e) {
-  return e ? `--q-theme-${d(e)}` : "";
+function h(e) {
+  return e ? `--q-theme-${i(e)}` : "";
 }
 function E(e, t) {
-  const r = h(() => {
-    const o = t.find((n) => n.name === e.value);
-    if (!o)
+  const r = u(() => {
+    const n = t.find((o) => o.name === e.value);
+    if (!n)
       throw new Error(`Theme "${e}" not found`);
-    return o;
-  });
+    return n;
+  }), c = u(() => `q-theme--${r.value.name}`);
   return {
     name: e,
     current: r,
-    themes: t
+    themes: t,
+    class: c
   };
 }
 export {
-  u as THEME_NODE_ID,
+  a as THEME_NODE_ID,
   E as createThemeInstance,
   g as generateRootStyle,
-  a as getThemeNode,
-  f as toProperty
+  l as getThemeNode,
+  h as toProperty
 };

package/esm/vendors/@vueuse/core/index.js

@@ -0,0 +1,85 @@
+import { toRef as y, isClient as x, tryOnScopeDispose as _ } from "../shared/index.js";
+import { noop as C } from "../shared/index.js";
+import { shallowRef as m, watch as v, nextTick as b, toValue as h, computed as w, getCurrentInstance as R, onMounted as z } from "vue";
+const p = x ? window : void 0;
+function g(e) {
+  var t;
+  const r = h(e);
+  return (t = r == null ? void 0 : r.$el) != null ? t : r;
+}
+function A() {
+  const e = m(!1), t = R();
+  return t && z(() => {
+    e.value = !0;
+  }, t), e;
+}
+function O(e) {
+  const t = A();
+  return w(() => (t.value, !!e()));
+}
+function M(e, t, r = {}) {
+  const { window: d = p, ...u } = r;
+  let l;
+  const o = O(() => d && "ResizeObserver" in d), a = () => {
+    l && (l.disconnect(), l = void 0);
+  }, f = w(() => {
+    const i = h(e);
+    return Array.isArray(i) ? i.map((s) => g(s)) : [g(i)];
+  }), c = v(
+    f,
+    (i) => {
+      if (a(), o.value && d) {
+        l = new ResizeObserver(t);
+        for (const s of i)
+          s && l.observe(s, u);
+      }
+    },
+    { immediate: !0, flush: "post" }
+  ), n = () => {
+    a(), c();
+  };
+  return _(n), {
+    isSupported: o,
+    stop: n
+  };
+}
+function S(e = p, t) {
+  e && typeof e.requestAnimationFrame == "function" ? e.requestAnimationFrame(t) : t();
+}
+function F(e = {}) {
+  var t, r;
+  const { window: d = p } = e, u = y(e == null ? void 0 : e.element), l = y((t = e == null ? void 0 : e.input) != null ? t : ""), o = (r = e == null ? void 0 : e.styleProp) != null ? r : "height", a = m(1), f = m(0);
+  function c() {
+    var n;
+    if (!u.value)
+      return;
+    let i = "";
+    u.value.style[o] = "1px", a.value = (n = u.value) == null ? void 0 : n.scrollHeight;
+    const s = h(e == null ? void 0 : e.styleTarget);
+    s ? s.style[o] = `${a.value}px` : i = `${a.value}px`, u.value.style[o] = i;
+  }
+  return v([l, u], () => b(c), { immediate: !0 }), v(a, () => {
+    var n;
+    return (n = e == null ? void 0 : e.onResize) == null ? void 0 : n.call(e);
+  }), M(u, ([{ contentRect: n }]) => {
+    f.value !== n.width && S(d, () => {
+      f.value = n.width, c();
+    });
+  }), e != null && e.watch && v(e.watch, c, { immediate: !0, deep: !0 }), {
+    textarea: u,
+    input: l,
+    triggerResize: c
+  };
+}
+export {
+  p as defaultWindow,
+  x as isClient,
+  C as noop,
+  y as toRef,
+  _ as tryOnScopeDispose,
+  g as unrefElement,
+  A as useMounted,
+  M as useResizeObserver,
+  O as useSupported,
+  F as useTextareaAutosize
+};

package/esm/vendors/@vueuse/shared/index.js

@@ -0,0 +1,20 @@
+import { toRef as n, readonly as t, ref as f, customRef as r, getCurrentScope as i, onScopeDispose as c } from "vue";
+function s(e) {
+  return i() ? (c(e), !0) : !1;
+}
+const l = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const p = () => {
+};
+function d(...e) {
+  if (e.length !== 1)
+    return n(...e);
+  const o = e[0];
+  return typeof o == "function" ? t(r(() => ({ get: o, set: p }))) : f(o);
+}
+export {
+  l as isClient,
+  p as noop,
+  d as toRef,
+  s as tryOnScopeDispose
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quidgest/ui",
   "description": "Quidgest's UI framework",
-  "version": "0.14.16",
+  "version": "0.14.18",
   "private": false,
   "type": "module",
   "author": "Quidgest",
@@ -70,6 +70,7 @@
   },
   "dependencies": {
     "@vuepic/vue-datepicker": "^11.0.1",
+    "@vueuse/core": "^13.0.0",
     "maska": "^3.1.0"
   },
   "scripts": {