@quidgest/ui 0.16.61 → 0.16.64

package/esm/components/QDialog/QDialog.vue.js

@@ -1,31 +1,31 @@
-import { defineComponent as A, ref as h, computed as k, createBlock as c, openBlock as t, unref as a, normalizeClass as g, withCtx as p, createElementVNode as B, createElementBlock as i, createCommentVNode as s, renderSlot as n, toDisplayString as v, createVNode as m, normalizeProps as V, guardReactiveProps as b, createTextVNode as L, Fragment as U, renderList as w, mergeProps as $ } from "vue";
-import { DEFAULT_ICONS as E, DEFAULT_BUTTONS as Q, DEFAULT_ICON as M } from "./constants.js";
+import { defineComponent as E, ref as h, computed as k, createBlock as d, openBlock as t, unref as a, normalizeClass as g, withCtx as p, createElementVNode as B, createElementBlock as i, createCommentVNode as s, renderSlot as n, toDisplayString as m, createVNode as _, normalizeProps as V, guardReactiveProps as b, createTextVNode as L, Fragment as U, renderList as w, mergeProps as $ } from "vue";
+import { DEFAULT_ICONS as Q, DEFAULT_BUTTONS as M, DEFAULT_ICON as S } from "./constants.js";
 import { QButton as q } from "../QButton/index.js";
 import { QIcon as f } from "../QIcon/index.js";
-import { QOverlay as S } from "../QOverlay/index.js";
-import { QTextField as W } from "../QTextField/index.js";
-const I = {
+import { QOverlay as W } from "../QOverlay/index.js";
+import { QTextField as I } from "../QTextField/index.js";
+const P = {
   key: 0,
   class: "q-dialog__header"
-}, P = {
+}, H = {
   key: 0,
   class: "q-dialog__header-title"
-}, H = {
+}, x = {
   key: 1,
   class: "q-dialog__body"
-}, x = {
+}, R = {
   key: 0,
   class: "q-dialog__body-icon"
-}, R = { class: "q-dialog__body-text" }, j = ["innerHTML"], G = { key: 1 }, J = {
+}, j = { class: "q-dialog__body-text" }, G = ["innerHTML"], J = { key: 1 }, K = {
   key: 0,
   class: "q-dialog__input"
-}, K = {
+}, X = {
   key: 2,
   class: "q-dialog__footer"
-}, X = {
+}, Y = {
   key: 0,
   class: "q-dialog__footer-buttons"
-}, ae = /* @__PURE__ */ A({
+}, ie = /* @__PURE__ */ E({
   __name: "QDialog",
   props: {
     id: {},
@@ -33,8 +33,8 @@ const I = {
     modelValue: { type: Boolean },
     title: {},
     text: {},
-    icon: { default: () => M },
-    buttons: { default: () => Q },
+    icon: { default: () => S },
+    buttons: { default: () => M },
     backdropBlur: { type: Boolean, default: !0 },
     size: { default: "small" },
     centerVertically: { type: Boolean },
@@ -48,27 +48,30 @@ const I = {
     dismissible: { type: Boolean },
     html: { type: Boolean, default: !0 },
     input: {},
-    icons: { default: () => E }
+    icons: { default: () => Q }
   },
   emits: ["update:modelValue"],
   setup(C, { emit: F }) {
     const e = C, T = F, u = h(""), r = h(""), D = k(() => ["q-dialog", e.class]), O = k(() => `q-overlay--${e.size}`);
-    function _() {
-      y(!1);
+    function N() {
+      v(!0);
+    }
+    function y() {
+      v(!1);
     }
-    function N(o) {
-      var d, l;
+    function z(o) {
+      var c, l;
       if (o.action) {
-        if ((d = e.input) != null && d.validator && (r.value = e.input.validator(a(u)), a(r)))
+        if ((c = e.input) != null && c.validator && (r.value = e.input.validator(a(u)), a(r)))
           return;
         (l = o.action) == null || l.call(o, a(u));
       }
-      _();
+      y();
     }
-    function y(o) {
+    function v(o) {
       T("update:modelValue", o);
     }
-    return (o, d) => (t(), c(a(S), {
+    return (o, c) => (t(), d(a(W), {
       id: e.id,
       "model-value": e.modelValue,
       "backdrop-class": "q-dialog__underlay",
@@ -84,7 +87,8 @@ const I = {
       "closing-focus": e.closingFocus,
       "return-focus-on-deactivate": e.returnFocusOnDeactivate,
       class: g(O.value),
-      "onUpdate:modelValue": y
+      onEnter: N,
+      "onUpdate:modelValue": v
     }, {
       default: p(() => [
         B(
@@ -93,26 +97,26 @@ const I = {
             class: g(D.value)
           },
           [
-            e.title || o.$slots.header || o.$slots["header.prepend"] || o.$slots["header.append"] ? (t(), i("div", I, [
+            e.title || o.$slots.header || o.$slots["header.prepend"] || o.$slots["header.append"] ? (t(), i("div", P, [
               n(o.$slots, "header", {}, () => [
                 n(o.$slots, "header.prepend"),
                 e.title ? (t(), i(
                   "span",
-                  P,
-                  v(e.title),
+                  H,
+                  m(e.title),
                   1
                   /* TEXT */
                 )) : s("v-if", !0),
                 n(o.$slots, "header.append")
               ])
             ])) : s("v-if", !0),
-            e.icon || e.text || o.$slots.body ? (t(), i("div", H, [
+            e.icon || e.text || o.$slots.body ? (t(), i("div", x, [
               n(o.$slots, "body", {}, () => {
                 var l;
                 return [
                   n(o.$slots, "body.icon", {}, () => [
-                    e.icon ? (t(), i("span", x, [
-                      m(
+                    e.icon ? (t(), i("span", R, [
+                      _(
                         a(f),
                         V(b(e.icon)),
                         null,
@@ -121,33 +125,33 @@ const I = {
                       )
                     ])) : s("v-if", !0)
                   ]),
-                  B("div", R, [
+                  B("div", j, [
                     e.html ? (t(), i("div", {
                       key: 0,
                       innerHTML: e.text
-                    }, null, 8, j)) : (t(), i(
+                    }, null, 8, G)) : (t(), i(
                       "div",
-                      G,
-                      v(e.text),
+                      J,
+                      m(e.text),
                       1
                       /* TEXT */
                     ))
                   ]),
-                  e.input ? (t(), i("div", J, [
-                    m(a(W), {
+                  e.input ? (t(), i("div", K, [
+                    _(a(I), {
                       modelValue: u.value,
-                      "onUpdate:modelValue": d[0] || (d[0] = (z) => u.value = z),
+                      "onUpdate:modelValue": c[0] || (c[0] = (A) => u.value = A),
                       invalid: !!r.value,
                       placeholder: (l = e.input) == null ? void 0 : l.placeholder,
                       size: "block"
                     }, {
                       extras: p(() => [
-                        r.value ? (t(), c(a(f), {
+                        r.value ? (t(), d(a(f), {
                           key: 0,
                           icon: "exclamation-sign"
                         })) : s("v-if", !0),
                         L(
-                          " " + v(r.value),
+                          " " + m(r.value),
                           1
                           /* TEXT */
                         )
@@ -160,17 +164,17 @@ const I = {
                 ];
               })
             ])) : s("v-if", !0),
-            e.buttons || o.$slots["footer.append"] ? (t(), i("div", K, [
-              e.buttons ? (t(), i("span", X, [
+            e.buttons || o.$slots["footer.append"] ? (t(), i("div", X, [
+              e.buttons ? (t(), i("span", Y, [
                 (t(!0), i(
                   U,
                   null,
-                  w(e.buttons, (l) => (t(), c(a(q), $({ ref_for: !0 }, l.props, {
+                  w(e.buttons, (l) => (t(), d(a(q), $({ ref_for: !0 }, l.props, {
                     key: l.id,
-                    onClick: () => N(l)
+                    onClick: () => z(l)
                   }), {
                     default: p(() => [
-                      l.icon ? (t(), c(
+                      l.icon ? (t(), d(
                         a(f),
                         $({
                           key: 0,
@@ -190,14 +194,14 @@ const I = {
               ])) : s("v-if", !0),
               n(o.$slots, "footer.append")
             ])) : s("v-if", !0),
-            e.dismissible ? (t(), c(a(q), {
+            e.dismissible ? (t(), d(a(q), {
               key: 3,
               class: "q-dialog__close",
               variant: "text",
-              onClick: _
+              onClick: y
             }, {
               default: p(() => [
-                m(
+                _(
                   a(f),
                   V(b(e.icons.close)),
                   null,
@@ -219,5 +223,5 @@ const I = {
   }
 });
 export {
-  ae as default
+  ie as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"uid.d.ts","sourceRoot":"","sources":["../../src/composables/uid.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAKhD;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,WAAW,CAAC,EAAE,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAGrF"}
+{"version":3,"file":"uid.d.ts","sourceRoot":"","sources":["../../src/composables/uid.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAMhD;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,WAAW,CAAC,EAAE,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAGrF"}

package/esm/composables/uid.js

@@ -1,8 +1,9 @@
 import { toValue as e, ref as t } from "vue";
-function n(o) {
+import u from "../vendors/uuid/dist/v4.js";
+function i(o) {
   const r = e(o);
-  return t(r ?? `uid-${crypto.randomUUID()}`);
+  return t(r ?? `uid-${u()}`);
 }
 export {
-  n as useId
+  i as useId
 };

package/esm/vendors/uuid/dist/native.js

@@ -0,0 +1,4 @@
+const o = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), t = { randomUUID: o };
+export {
+  t as default
+};

package/esm/vendors/uuid/dist/rng.js

@@ -0,0 +1,13 @@
+let t;
+const e = new Uint8Array(16);
+function o() {
+  if (!t) {
+    if (typeof crypto > "u" || !crypto.getRandomValues)
+      throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+    t = crypto.getRandomValues.bind(crypto);
+  }
+  return t(e);
+}
+export {
+  o as default
+};

package/esm/vendors/uuid/dist/stringify.js

@@ -0,0 +1,9 @@
+const i = [];
+for (let n = 0; n < 256; ++n)
+  i.push((n + 256).toString(16).slice(1));
+function c(n, u = 0) {
+  return (i[n[u + 0]] + i[n[u + 1]] + i[n[u + 2]] + i[n[u + 3]] + "-" + i[n[u + 4]] + i[n[u + 5]] + "-" + i[n[u + 6]] + i[n[u + 7]] + "-" + i[n[u + 8]] + i[n[u + 9]] + "-" + i[n[u + 10]] + i[n[u + 11]] + i[n[u + 12]] + i[n[u + 13]] + i[n[u + 14]] + i[n[u + 15]]).toLowerCase();
+}
+export {
+  c as unsafeStringify
+};

package/esm/vendors/uuid/dist/v4.js

@@ -0,0 +1,17 @@
+import t from "./native.js";
+import m from "./rng.js";
+import { unsafeStringify as a } from "./stringify.js";
+function d(r, n, u) {
+  var e;
+  r = r || {};
+  const f = r.random ?? ((e = r.rng) == null ? void 0 : e.call(r)) ?? m();
+  if (f.length < 16)
+    throw new Error("Random bytes length must be >= 16");
+  return f[6] = f[6] & 15 | 64, f[8] = f[8] & 63 | 128, a(f);
+}
+function o(r, n, u) {
+  return t.randomUUID ? t.randomUUID() : d(r);
+}
+export {
+  o as default
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quidgest/ui",
   "description": "Quidgest's UI framework",
-  "version": "0.16.61",
+  "version": "0.16.64",
   "private": false,
   "type": "module",
   "author": "Quidgest",
@@ -74,7 +74,8 @@
     "@vuepic/vue-datepicker": "^11.0.3",
     "@vueuse/core": "^13.0.0",
     "@vueuse/integrations": "^13.0.0",
-    "maska": "^3.1.0"
+    "maska": "^3.1.0",
+    "uuid": "^13.0.0"
   },
   "scripts": {
     "clean": "rimraf dist esm coverage storybook-static",