@quidgest/ui 0.15.1 → 0.15.2

package/esm/components/QPopover/QPopover.vue.js

@@ -1,12 +1,12 @@
-import { defineComponent as p, mergeModels as m, useModel as u, createBlock as h, openBlock as t, unref as f, normalizeClass as y, withCtx as _, createElementBlock as l, createCommentVNode as s, renderSlot as d, createTextVNode as v, toDisplayString as i } from "vue";
-import { QOverlay as k } from "../QOverlay/index.js";
-const B = {
+import { defineComponent as c, mergeModels as m, useModel as u, createBlock as h, openBlock as o, unref as f, normalizeClass as y, withCtx as v, createElementBlock as l, createCommentVNode as d, renderSlot as a, Fragment as _, createElementVNode as k, toDisplayString as i } from "vue";
+import { QOverlay as B } from "../QOverlay/index.js";
+const V = {
   key: 0,
   class: "q-popover__header"
-}, V = {
+}, $ = { class: "q-popover__title" }, b = {
   key: 1,
   class: "q-popover__body"
-}, b = ["innerHTML"], g = { key: 1 }, x = /* @__PURE__ */ p({
+}, g = ["innerHTML"], w = { key: 1 }, C = /* @__PURE__ */ c({
   inheritAttrs: !1,
   __name: "QPopover",
   props: /* @__PURE__ */ m({
@@ -26,12 +26,12 @@ const B = {
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(a) {
-    const e = a, r = u(a, "modelValue");
-    return (o, n) => (t(), h(f(k), {
+  setup(s) {
+    const e = s, r = u(s, "modelValue");
+    return (t, n) => (o(), h(f(B), {
       id: e.id,
       modelValue: r.value,
-      "onUpdate:modelValue": n[0] || (n[0] = (c) => r.value = c),
+      "onUpdate:modelValue": n[0] || (n[0] = (p) => r.value = p),
       class: y(["q-popover", e.class]),
       trigger: "click",
       anchor: e.anchor,
@@ -41,30 +41,40 @@ const B = {
       disabled: e.disabled,
       placement: e.placement
     }, {
-      default: _(() => [
-        e.title || o.$slots.header ? (t(), l("h3", B, [
-          d(o.$slots, "header", {}, () => [
-            v(
-              i(e.title),
-              1
-              /* TEXT */
-            )
-          ])
-        ])) : s("v-if", !0),
-        e.text || o.$slots.default ? (t(), l("div", V, [
-          d(o.$slots, "default", {}, () => [
-            e.html ? (t(), l("span", {
+      default: v(() => [
+        e.title || t.$slots.header ? (o(), l("div", V, [
+          t.$slots.header ? a(t.$slots, "header", { key: 0 }) : (o(), l(
+            _,
+            { key: 1 },
+            [
+              a(t.$slots, "header.prepend"),
+              k(
+                "h4",
+                $,
+                i(e.title),
+                1
+                /* TEXT */
+              ),
+              a(t.$slots, "header.append")
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          ))
+        ])) : d("v-if", !0),
+        e.text || t.$slots.default ? (o(), l("div", b, [
+          a(t.$slots, "default", {}, () => [
+            e.html ? (o(), l("span", {
               key: 0,
               innerHTML: e.text
-            }, null, 8, b)) : (t(), l(
+            }, null, 8, g)) : (o(), l(
               "span",
-              g,
+              w,
               i(e.text),
               1
               /* TEXT */
             ))
           ])
-        ])) : s("v-if", !0)
+        ])) : d("v-if", !0)
       ]),
       _: 3
       /* FORWARDED */
@@ -72,5 +82,5 @@ const B = {
   }
 });
 export {
-  x as default
+  C as default
 };

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

@@ -74,6 +74,8 @@ declare const QPopover: {
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         header?(_: {}): any;
+        'header.prepend'?(_: {}): any;
+        'header.append'?(_: {}): any;
         default?(_: {}): any;
     };
 });

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA6B,CAAA;AAG3C,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA6B,CAAA;AAG3C,OAAO,EAAE,QAAQ,EAAE,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"QSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/QSelect.vue"],"names":[],"mappings":"AAyHA;AAoUC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAatD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C,OAAO,EAAY,QAAQ,EAAc,MAAM,KAAK,CAAA;AAEpD,KAAK,WAAW,GAAG,YAAY,CAAC;AA8LjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA4TT,OAAO,IAA6B;;yBAnBpB,GAAG;wBACJ,GAAG;wBACH,GAAG;gCACK,GAAG;;;YACb,GAAG;+BACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAiEpB,GAAG,8CACU,GAC/B,yBAA0B,GAAE,6DACf,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAHE,GAAG,8CACU,GAC/B,yBAA0B,GAAE,6DACf,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAHE,GAAG,8CACU,GAC/B,yBAA0B,GAAE,6DACf,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAjDhB;AAkCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAWF,GAAG,8CACU,GAC/B,yBAA0B,GAAE,6DACf,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAHE,GAAG,8CACU,GAC/B,yBAA0B,GAAE,6DACf,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAHE,GAAG,8CACU,GAC/B,yBAA0B,GAAE,6DACf,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OALf,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":"QSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/QSelect.vue"],"names":[],"mappings":"AAyHA;AAqUC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAatD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C,OAAO,EAAY,QAAQ,EAAc,MAAM,KAAK,CAAA;AAEpD,KAAK,WAAW,GAAG,YAAY,CAAC;AA+LjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA4TT,OAAO,IAA6B;;yBAnBpB,GAAG;wBACJ,GAAG;wBACH,GAAG;gCACK,GAAG;;;YACb,GAAG;+BACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA8DnB,GAAG,8CAEL,GAAE,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAFlE,GAAG,8CAEL,GAAE,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAFlE,GAAG,8CAEL,GAAE,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA7CrF;AAkCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAQD,GAAG,8CAEL,GAAE,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAFlE,GAAG,8CAEL,GAAE,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAFlE,GAAG,8CAEL,GAAE,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OADpF,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/QSelect/QSelect.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as X, mergeModels as I, useModel as j, ref as f, computed as b, watch as G, nextTick as J, createElementBlock as m, openBlock as n, Fragment as N, createVNode as k, unref as i, mergeProps as D, withModifiers as F, createSlots as Y, withCtx as d, toDisplayString as O, createCommentVNode as g, createTextVNode as Z, renderSlot as c, createBlock as h, normalizeProps as ee, createElementVNode as le } from "vue";
+import { defineComponent as X, mergeModels as I, useModel as j, ref as f, computed as b, watch as G, nextTick as J, createElementBlock as m, openBlock as n, Fragment as N, createVNode as k, unref as i, mergeProps as A, withModifiers as F, createSlots as Y, withCtx as d, toDisplayString as O, createCommentVNode as g, createTextVNode as Z, renderSlot as c, createBlock as h, normalizeProps as ee, createElementVNode as le } from "vue";
 import { DEFAULT_TEXTS as oe, DEFAULT_ICONS as te } from "./types.js";
 import { QButton as ae } from "../QButton/index.js";
 import { QField as ne } from "../QField/index.js";
@@ -45,12 +45,12 @@ const fe = {
   }),
   emits: /* @__PURE__ */ I(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
   setup(q, { emit: R }) {
-    const e = q, p = R, v = j(q, "modelValue"), t = f(!1), w = f(""), y = f(null), _ = f(null), V = f(null), A = b(() => u.value === void 0), u = b(
+    const e = q, p = R, v = j(q, "modelValue"), t = f(!1), w = f(""), y = f(null), _ = f(null), V = f(null), M = b(() => u.value === void 0), u = b(
       () => {
         var l;
         return (l = e.items) == null ? void 0 : l.find((o) => o[e.itemValue] === v.value);
       }
-    ), M = b(
+    ), U = b(
       () => u.value ? u.value[e.itemLabel] : ""
     ), E = b(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
@@ -59,26 +59,26 @@ const fe = {
       v.value = l, L();
     }
     function x() {
-      E.value && (B(e.emptyValue), T());
+      E.value && (B(e.emptyValue), Q());
     }
-    function U(l) {
+    function K(l) {
       var o, s, a;
       !((o = V.value) != null && o.contains(l.relatedTarget)) && !((a = (s = y.value) == null ? void 0 : s.fieldRef) != null && a.contains(l.relatedTarget)) && L();
     }
-    function K() {
+    function C() {
       t.value || (p("before-show"), t.value = !0);
     }
     function L() {
       t.value && (p("before-hide"), t.value = !1);
     }
-    function C() {
-      e.readonly || e.disabled || (t.value ? L() : K());
+    function S() {
+      e.readonly || e.disabled || (t.value ? L() : C());
     }
-    let S;
-    function $(l) {
+    let $;
+    function T(l) {
       var o;
       if (!(!l.key || e.readonly || e.disabled)) {
-        if (window.clearTimeout(S), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(l.key) && (l.preventDefault(), l.stopPropagation()), ["Enter", " "].includes(l.key) && (t.value = !0), ["Escape", "Tab"].includes(l.key) && (t.value ? t.value = !1 : E.value && l.key === "Escape" && x()), l.key === "Delete" && e.clearable && x(), /^[a-z]$/i.test(l.key)) {
+        if (window.clearTimeout($), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(l.key) && (l.preventDefault(), l.stopPropagation()), ["Enter", " ", "ArrowDown"].includes(l.key) && C(), ["Escape", "Tab"].includes(l.key) && (t.value ? t.value = !1 : E.value && l.key === "Escape" && x()), l.key === "Delete" && e.clearable && x(), /^[a-z]$/i.test(l.key)) {
           w.value += l.key.toLowerCase();
           const s = ((o = e.items) == null ? void 0 : o.length) || 0;
           for (let a = 0; a < s; a++)
@@ -87,23 +87,23 @@ const fe = {
               break;
             }
         }
-        S = window.setTimeout(function() {
+        $ = window.setTimeout(function() {
           w.value = "";
         }, 500);
       }
     }
     function P() {
       var l;
-      e.loading ? (l = V.value) == null || l.focus() : Q(), p("show");
+      e.loading ? (l = V.value) == null || l.focus() : z(), p("show");
     }
     function H() {
-      T(), p("hide");
+      Q(), p("hide");
     }
-    function T() {
+    function Q() {
       var l, o;
       (o = (l = y.value) == null ? void 0 : l.fieldRef) == null || o.focus();
     }
-    function Q() {
+    function z() {
       var l;
       (l = _.value) == null || l.$el.focus();
     }
@@ -114,7 +114,7 @@ const fe = {
     return G(
       () => e.loading,
       (l) => {
-        !l && t.value && J(Q);
+        !l && t.value && J(z);
       }
     ), (l, o) => {
       var s, a;
@@ -122,7 +122,7 @@ const fe = {
         N,
         null,
         [
-          k(i(ne), D({
+          k(i(ne), A({
             id: e.id,
             ref_key: "triggerEl",
             ref: y,
@@ -146,8 +146,8 @@ const fe = {
             size: e.size,
             invalid: e.invalid
           }, l.$attrs, {
-            onClick: C,
-            onKeydown: F($, ["stop"])
+            onClick: S,
+            onKeydown: F(T, ["stop"])
           }), Y({
             append: d(() => [
               c(l.$slots, "append"),
@@ -166,7 +166,7 @@ const fe = {
                 borderless: "",
                 tabindex: "-1",
                 disabled: e.disabled,
-                onClick: C
+                onClick: S
               }, {
                 default: d(() => [
                   k(i(ue), {
@@ -179,7 +179,7 @@ const fe = {
               }, 8, ["aria-label", "disabled"]))
             ]),
             default: d(() => [
-              A.value ? (n(), m("span", me, [
+              M.value ? (n(), m("span", me, [
                 !e.readonly && !e.disabled ? (n(), m(
                   N,
                   { key: 0 },
@@ -196,7 +196,7 @@ const fe = {
               ])) : (n(), m(
                 "span",
                 fe,
-                O(M.value),
+                O(U.value),
                 1
                 /* TEXT */
               ))
@@ -207,12 +207,12 @@ const fe = {
             (s = u.value) != null && s.icon || l.$slots.prepend ? {
               name: "prepend",
               fn: d(() => {
-                var r, z;
+                var r, D;
                 return [
                   c(l.$slots, "prepend"),
                   (r = u.value) != null && r.icon ? (n(), h(
                     i(ie),
-                    ee(D({ key: 0 }, (z = u.value) == null ? void 0 : z.icon)),
+                    ee(A({ key: 0 }, (D = u.value) == null ? void 0 : D.icon)),
                     null,
                     16
                     /* FULL_PROPS */
@@ -250,8 +250,8 @@ const fe = {
                 "data-key": e.id,
                 class: "q-select__body",
                 tabindex: "-1",
-                onFocusout: U,
-                onKeydown: F($, ["stop"])
+                onFocusout: K,
+                onKeydown: F(T, ["stop"])
               }, [
                 c(l.$slots, "body.prepend"),
                 e.loading ? (n(), m("div", ve, [

package/package.json

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