@quidgest/ui 0.14.12 → 0.14.14

package/esm/components/QOverlay/QOverlay.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as ne, mergeModels as O, useModel as oe, computed as l, reactive as V, watch as k, ref as A, nextTick as v, onMounted as re, onBeforeUnmount as ie, createElementBlock as g, openBlock as u, Fragment as ae, createBlock as U, createCommentVNode as L, Teleport as le, createVNode as z, unref as B, withCtx as I, normalizeClass as P, Transition as se, normalizeStyle as N, createElementVNode as de, mergeProps as ue, withKeys as ce, renderSlot as fe } from "vue";
+import { defineComponent as ne, mergeModels as V, useModel as oe, computed as l, reactive as A, watch as k, ref as U, nextTick as v, onMounted as re, onBeforeUnmount as ie, createElementBlock as E, openBlock as u, Fragment as ae, createBlock as B, createCommentVNode as g, Teleport as le, createVNode as se, normalizeClass as z, Transition as de, withCtx as I, unref as b, createElementVNode as P, normalizeStyle as N, mergeProps as ue, withKeys as ce, renderSlot as fe } from "vue";
 import { QRemoveScrollBar as me } from "../QRemoveScrollBar/index.js";
 import { QThemeProvider as ve } from "../QThemeProvider/index.js";
 import { getSideFromPlacement as pe, computePosition as he } from "../../composables/overlay.js";
@@ -7,7 +7,7 @@ import { getElement as we } from "../../utils/getElement.js";
 const ke = ["role"], Te = /* @__PURE__ */ ne({
   inheritAttrs: !1,
   __name: "QOverlay",
-  props: /* @__PURE__ */ O({
+  props: /* @__PURE__ */ V({
     anchor: {},
     appearance: { default: "regular" },
     arrow: { type: Boolean },
@@ -31,9 +31,9 @@ const ke = ["role"], Te = /* @__PURE__ */ ne({
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ O(["enter", "leave"], ["update:modelValue"]),
-  setup(b, { emit: Q }) {
-    const t = b, _ = Q, r = oe(b, "modelValue"), D = ye(), F = l(() => [
+  emits: /* @__PURE__ */ V(["enter", "leave"], ["update:modelValue"]),
+  setup(_, { emit: Q }) {
+    const t = _, T = Q, r = oe(_, "modelValue"), D = ye(), F = l(() => [
       "q-overlay",
       `q-overlay--${pe(n.placement)}`,
       {
@@ -41,13 +41,13 @@ const ke = ["role"], Te = /* @__PURE__ */ ne({
         "q-overlay--inverted": t.appearance === "inverted"
       },
       t.class
-    ]), c = l(() => t.anchor === void 0), T = l(() => (r.value || n.animating) && !t.nonModal), K = l(() => (r.value || n.animating) && t.scrollLock), n = V({
+    ]), c = l(() => t.anchor === void 0), C = l(() => (r.value || n.animating) && !t.nonModal), K = l(() => (r.value || n.animating) && t.scrollLock), n = A({
       animating: !1,
       top: 0,
       left: 0,
       width: 0,
       placement: t.placement
-    }), i = V({
+    }), i = A({
       top: void 0,
       left: void 0,
       hidden: !0
@@ -68,7 +68,7 @@ const ke = ["role"], Te = /* @__PURE__ */ ne({
           left: i.left !== void 0 ? `${i.left}px` : void 0,
           opacity: i.hidden ? 0 : 1
         };
-    }), p = A(null), h = A(null);
+    }), p = U(null), h = U(null);
     function a() {
       const e = d();
       if (!e || !h.value)
@@ -93,32 +93,32 @@ const ke = ["role"], Te = /* @__PURE__ */ ne({
     );
     let f;
     function y() {
-      x(0);
+      S(0);
     }
-    function C() {
-      x(t.delay);
+    function x() {
+      S(t.delay);
     }
-    function x(e) {
-      f && S(), f = window.setTimeout(() => {
+    function S(e) {
+      f && q(), f = window.setTimeout(() => {
         r.value = !0;
       }, e);
     }
     function s() {
-      if (f && S(), r.value = !1, t.anchor && t.trigger === "click") {
+      if (f && q(), r.value = !1, t.anchor && t.trigger === "click") {
         const e = d();
         e == null || e.focus();
       }
     }
-    function S() {
+    function q() {
       clearTimeout(f), f = void 0;
     }
     k(W, () => v(H));
     function H() {
-      _("enter");
+      T("enter");
     }
-    let q;
+    let $;
     function J() {
-      window.clearTimeout(q), q = window.setTimeout(() => n.animating = !1, 200), _("leave");
+      window.clearTimeout($), $ = window.setTimeout(() => n.animating = !1, 200), T("leave");
     }
     function d() {
       return t.anchor ? we(t.anchor) : null;
@@ -137,7 +137,7 @@ const ke = ["role"], Te = /* @__PURE__ */ ne({
             e.addEventListener("click", y);
             break;
           case "hover":
-            e.addEventListener("mouseenter", C), e.addEventListener("mouseleave", s), e.addEventListener("focusin", y), e.addEventListener("focusout", s);
+            e.addEventListener("mouseenter", x), e.addEventListener("mouseleave", s), e.addEventListener("focusin", y), e.addEventListener("focusout", s);
             break;
         }
     }
@@ -149,7 +149,7 @@ const ke = ["role"], Te = /* @__PURE__ */ ne({
             e.removeEventListener("click", y);
             break;
           case "hover":
-            e.removeEventListener("mouseenter", C), e.removeEventListener("mouseleave", s), e.removeEventListener("focusin", y), e.removeEventListener("focusout", s);
+            e.removeEventListener("mouseenter", x), e.removeEventListener("mouseleave", s), e.removeEventListener("focusin", y), e.removeEventListener("focusout", s);
             break;
         }
     }
@@ -159,83 +159,83 @@ const ke = ["role"], Te = /* @__PURE__ */ ne({
     function ee() {
       window.removeEventListener("resize", a), t.scrollLock || window.removeEventListener("scroll", a);
     }
-    let E;
-    function $() {
-      d() ? (a(), E = window.setTimeout($, 100)) : s();
+    let L;
+    function M() {
+      d() ? (a(), L = window.setTimeout(M, 100)) : s();
     }
     function te() {
-      c.value || (Z(), t.spy ? $() : a()), (c.value || t.trigger === "click") && v(() => {
+      c.value || (Z(), t.spy ? M() : a()), (c.value || t.trigger === "click") && v(() => {
         var e;
         return (e = h.value) == null ? void 0 : e.focus();
       });
     }
-    function M() {
-      c.value || ee(), t.spy && (clearTimeout(E), E = void 0), n.top = 0, n.left = 0;
-    }
     function R() {
+      c.value || ee(), t.spy && (clearTimeout(L), L = void 0), n.top = 0, n.left = 0;
+    }
+    function O() {
       t.persistent || s();
     }
     return re(() => {
       v(X);
     }), ie(() => {
-      Y(), M();
+      Y(), R();
     }), k(
       r,
       (e) => {
-        v(() => e ? te() : M());
+        v(() => e ? te() : R());
       },
       { immediate: !0 }
-    ), (e, w) => (u(), g(
+    ), (e, w) => (u(), E(
       ae,
       null,
       [
-        (u(), U(le, {
+        (u(), B(le, {
           disabled: !r.value && !n.animating || t.inline,
           to: t.attach
         }, [
-          z(B(ve), {
-            theme: B(D).current.value.name
+          C.value ? (u(), E(
+            "div",
+            {
+              key: 0,
+              class: z([
+                t.backdropClass,
+                "q-overlay__underlay",
+                { "q-overlay__underlay--blur": t.backdropBlur }
+              ])
+            },
+            null,
+            2
+            /* CLASS */
+          )) : g("v-if", !0),
+          se(de, {
+            name: t.transition,
+            appear: "",
+            onLeave: J
           }, {
             default: I(() => [
-              T.value ? (u(), g(
-                "div",
-                {
-                  key: 0,
-                  class: P([
-                    t.backdropClass,
-                    "q-overlay__underlay",
-                    { "q-overlay__underlay--blur": t.backdropBlur }
-                  ])
-                },
-                null,
-                2
-                /* CLASS */
-              )) : L("v-if", !0),
-              z(se, {
-                name: t.transition,
-                appear: "",
-                onLeave: J
+              r.value ? (u(), B(b(ve), {
+                key: 0,
+                theme: b(D).current.value.name
               }, {
                 default: I(() => [
-                  r.value ? (u(), g(
+                  P(
                     "div",
                     {
-                      key: 0,
-                      class: P(F.value),
+                      class: z(F.value),
                       style: N(j.value)
                     },
                     [
-                      de("div", ue({
+                      P("div", ue({
                         ref_key: "overlayRef",
                         ref: h,
                         class: "q-overlay__content",
                         tabindex: "-1",
-                        role: T.value ? "dialog" : void 0
+                        role: C.value ? "dialog" : void 0
                       }, e.$attrs, {
-                        onKeydown: ce(R, ["escape"]),
-                        onBlur: R
+                        onKeydown: ce(O, ["escape"]),
+                        onBlur: O
                       }), [
-                        t.arrow ? (u(), g(
+                        t.arrow ? (u(), E(
                           "div",
                           {
                             key: 0,
@@ -248,23 +248,23 @@ const ke = ["role"], Te = /* @__PURE__ */ ne({
                           null,
                           4
                           /* STYLE */
-                        )) : L("v-if", !0),
+                        )) : g("v-if", !0),
                         fe(e.$slots, "default")
                       ], 16, ke)
                     ],
                     6
                     /* CLASS, STYLE */
-                  )) : L("v-if", !0)
+                  )
                 ]),
                 _: 3
                 /* FORWARDED */
-              }, 8, ["name"])
+              }, 8, ["theme"])) : g("v-if", !0)
             ]),
             _: 3
             /* FORWARDED */
-          }, 8, ["theme"])
+          }, 8, ["name"])
         ], 8, ["disabled", "to"])),
-        K.value ? (u(), U(B(me), { key: 0 })) : L("v-if", !0)
+        K.value ? (u(), B(b(me), { key: 0 })) : g("v-if", !0)
       ],
       64
       /* STABLE_FRAGMENT */

package/esm/components/QTextField/QTextField.d.ts

@@ -91,8 +91,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     inputRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
+} & {
+    "click:clear": (event: Event) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onClick:clear"?: ((event: Event) => any) | undefined;
 }>, {
     type: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

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

@@ -1 +1 @@
-{"version":3,"file":"QTextField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTextField/QTextField.vue"],"names":[],"mappings":"AA8CA;AAyFC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAM9C,KAAK,WAAW,GAAG,eAAe,CAAC;AAoCpC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA6GT,OAAO,IAA6B;;iCAjBb,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACH,GAAG;wBACH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAkE2ijB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;EAhDhsjB;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA+BsjjB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;OArB/rjB,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":"QTextField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTextField/QTextField.vue"],"names":[],"mappings":"AAoDA;AAoHC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAM9C,KAAK,WAAW,GAAG,eAAe,CAAC;AAwDpC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAkIT,OAAO,IAA6B;;iCAjBb,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACH,GAAG;wBACH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAqE2je,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;EAnDhte;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA+Bske,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;OArB/se,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/QTextField/QTextField.vue.js

@@ -1,13 +1,15 @@
-import { defineComponent as b, mergeModels as h, useModel as q, ref as f, computed as u, createBlock as $, openBlock as k, unref as o, normalizeClass as g, createSlots as v, withCtx as d, withDirectives as x, createElementVNode as R, mergeProps as z, vModelDynamic as B, renderSlot as a } from "vue";
-import { QField as V } from "../QField/index.js";
-import { useId as M } from "../../composables/uid.js";
-const C = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], L = /* @__PURE__ */ b({
+import { defineComponent as C, mergeModels as c, useModel as g, ref as y, computed as o, createBlock as b, openBlock as h, unref as r, normalizeClass as R, createSlots as V, withCtx as a, withDirectives as z, createElementVNode as M, mergeProps as w, vModelDynamic as Q, renderSlot as d, createCommentVNode as D } from "vue";
+import { QField as F } from "../QField/index.js";
+import { QClearButton as L } from "../__internal__/QClearButton/index.js";
+import { useId as N } from "../../composables/uid.js";
+const S = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], P = /* @__PURE__ */ C({
   inheritAttrs: !1,
   __name: "QTextField",
-  props: /* @__PURE__ */ h({
+  props: /* @__PURE__ */ c({
     id: {},
     placeholder: {},
     label: {},
+    clearable: { type: Boolean },
     size: {},
     maxLength: {},
     readonly: { type: Boolean },
@@ -15,55 +17,59 @@ const C = ["id", "type", "role", "required", "placeholder", "readonly", "disable
     required: { type: Boolean },
     role: {},
     type: { default: "text" },
-    class: {}
+    class: {},
+    texts: {}
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: ["update:modelValue"],
-  setup(r, { expose: m }) {
-    const e = r, n = q(r, "modelValue"), s = M(e.id), t = f(null), i = f(null), y = u(
+  emits: /* @__PURE__ */ c(["click:clear"], ["update:modelValue"]),
+  setup(n, { expose: v, emit: k }) {
+    const e = n, x = k, t = g(n, "modelValue"), s = N(e.id), i = y(null), p = y(null), q = o(
       () => e.readonly || e.disabled ? void 0 : e.placeholder
-    );
-    return m({
-      fieldRef: u(() => {
+    ), u = o(() => e.clearable && !e.readonly && !e.disabled), f = o(() => u.value && t.value);
+    function $(l) {
+      u.value && (t.value = "", x("click:clear", l));
+    }
+    return v({
+      fieldRef: o(() => {
         var l;
-        return (l = t.value) == null ? void 0 : l.fieldRef;
+        return (l = i.value) == null ? void 0 : l.fieldRef;
       }),
-      inputRef: i
-    }), (l, p) => (k(), $(o(V), {
+      inputRef: p
+    }), (l, m) => (h(), b(r(F), {
       ref_key: "fieldRef",
-      ref: t,
-      class: g(["q-text-field", e.class]),
-      for: o(s),
+      ref: i,
+      class: R(["q-text-field", e.class]),
+      for: r(s),
       label: e.label,
       size: e.size,
       readonly: e.readonly,
       disabled: e.disabled,
       required: e.required
-    }, v({
-      "label.prepend": d(() => [
-        a(l.$slots, "label.prepend")
+    }, V({
+      "label.prepend": a(() => [
+        d(l.$slots, "label.prepend")
       ]),
-      "label.append": d(() => [
-        a(l.$slots, "label.append")
+      "label.append": a(() => [
+        d(l.$slots, "label.append")
       ]),
-      default: d(() => [
-        x(R("input", z({
-          id: o(s),
+      default: a(() => [
+        z(M("input", w({
+          id: r(s),
           ref_key: "inputRef",
-          ref: i,
-          "onUpdate:modelValue": p[0] || (p[0] = (c) => n.value = c),
+          ref: p,
+          "onUpdate:modelValue": m[0] || (m[0] = (B) => t.value = B),
           class: "q-text-field__input",
           type: e.type,
           role: e.role,
           required: e.required,
-          placeholder: y.value,
+          placeholder: q.value,
           readonly: e.readonly,
           disabled: e.disabled,
           maxlength: e.maxLength
-        }, l.$attrs), null, 16, C), [
-          [B, n.value]
+        }, l.$attrs), null, 16, S), [
+          [Q, t.value]
         ])
       ]),
       _: 2
@@ -71,22 +77,28 @@ const C = ["id", "type", "role", "required", "placeholder", "readonly", "disable
     }, [
       l.$slots.prepend ? {
         name: "prepend",
-        fn: d(() => [
-          a(l.$slots, "prepend")
+        fn: a(() => [
+          d(l.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
-      l.$slots.append ? {
+      l.$slots.append || f.value ? {
         name: "append",
-        fn: d(() => [
-          a(l.$slots, "append")
+        fn: a(() => [
+          d(l.$slots, "append"),
+          f.value ? (h(), b(r(L), {
+            key: 0,
+            "data-testid": "q-text-field__clear-button",
+            texts: e.texts,
+            onClick: $
+          }, null, 8, ["texts"])) : D("v-if", !0)
         ]),
         key: "1"
       } : void 0,
       l.$slots.extras ? {
         name: "extras",
-        fn: d(() => [
-          a(l.$slots, "extras")
+        fn: a(() => [
+          d(l.$slots, "extras")
         ]),
         key: "2"
       } : void 0
@@ -94,5 +106,5 @@ const C = ["id", "type", "role", "required", "placeholder", "readonly", "disable
   }
 });
 export {
-  L as default
+  P as default
 };

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

@@ -3,11 +3,14 @@ declare const QTextField: {
         modelValue?: string;
     } & import('./types').QTextFieldProps> & Readonly<{
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        "onClick:clear"?: ((event: Event) => any) | undefined;
     }>, {
         fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
         inputRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         "update:modelValue": (value: string) => any;
+    } & {
+        "click:clear": (event: Event) => any;
     }, import('vue').PublicProps, {
         type: string;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -91,6 +94,7 @@ declare const QTextField: {
         modelValue?: string;
     } & import('./types').QTextFieldProps> & Readonly<{
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        "onClick:clear"?: ((event: Event) => any) | undefined;
     }>, {
         fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
         inputRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
@@ -104,11 +108,14 @@ declare const QTextField: {
     modelValue?: string;
 } & import('./types').QTextFieldProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onClick:clear"?: ((event: Event) => any) | undefined;
 }>, {
     fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
     inputRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
+} & {
+    "click:clear": (event: Event) => any;
 }, string, {
     type: string;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QTextField/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAIyvzB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAJh1zB,CAAA;AAG/C,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QTextField/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAIyvzB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAJh1zB,CAAA;AAG/C,OAAO,EAAE,UAAU,EAAE,CAAA"}

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

@@ -12,6 +12,10 @@ export type QTextFieldProps = {
      * The label of the input.
      */
     label?: string;
+    /**
+     * Whether the value of the field can be cleared.
+     */
+    clearable?: boolean;
     /**
      * The size of the text field.
      */
@@ -46,5 +50,12 @@ export type QTextFieldProps = {
      * Custom set of classes to apply to the component.
      */
     class?: string | unknown[];
+    /**
+     * Custom text configurations.
+     */
+    texts?: typeof DEFAULT_TEXTS;
+};
+export declare const DEFAULT_TEXTS: {
+    clearValue: string;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QTextField/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAErD,MAAM,MAAM,eAAe,GAAG;IAC7B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;CAC1B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QTextField/types.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAErD,MAAM,MAAM,eAAe,GAAG;IAC7B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAGD,eAAO,MAAM,aAAa;;CAEQ,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"QTooltip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTooltip/QTooltip.vue"],"names":[],"mappings":"AAkCA;AAmEC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAK5C,KAAK,WAAW,GAAG,aAAa,CAAC;AA2BlC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAkFT,OAAO,IAA6B;;;;;;YAXtB,GAAG;yBACF,GAAG;;;;EAe/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;6EAQnB,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":"QTooltip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTooltip/QTooltip.vue"],"names":[],"mappings":"AAkCA;AAyHC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAO5C,KAAK,WAAW,GAAG,aAAa,CAAC;AA6ElC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAkFT,OAAO,IAA6B;;;;;;YAXtB,GAAG;yBACF,GAAG;;;;EAe/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;6EAQnB,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/QTooltip/QTooltip.vue.js

@@ -1,10 +1,11 @@
-import { defineComponent as s, mergeModels as p, useModel as m, createElementBlock as o, openBlock as a, Fragment as d, renderSlot as i, createVNode as u, unref as t, normalizeClass as f, withCtx as h, createBlock as y, createCommentVNode as g, normalizeProps as B, mergeProps as b, createTextVNode as v, toDisplayString as k } from "vue";
-import { QOverlay as V } from "../QOverlay/index.js";
-import { QIcon as w } from "../QIcon/index.js";
-import { useId as x } from "../../composables/uid.js";
-const M = ["innerHTML"], z = /* @__PURE__ */ s({
+import { defineComponent as g, mergeModels as V, useModel as v, onMounted as B, onUnmounted as k, watch as M, createElementBlock as l, openBlock as a, Fragment as m, renderSlot as u, createVNode as w, unref as r, normalizeClass as x, withCtx as C, createBlock as T, createCommentVNode as A, normalizeProps as D, mergeProps as N, createTextVNode as Q, toDisplayString as _ } from "vue";
+import { QIcon as z } from "../QIcon/index.js";
+import { QOverlay as H } from "../QOverlay/index.js";
+import { useId as I } from "../../composables/uid.js";
+import { getElement as p } from "../../utils/getElement.js";
+const L = ["innerHTML"], F = /* @__PURE__ */ g({
   __name: "QTooltip",
-  props: /* @__PURE__ */ p({
+  props: /* @__PURE__ */ V({
     id: {},
     anchor: {},
     appearance: { default: "inverted" },
@@ -24,18 +25,38 @@ const M = ["innerHTML"], z = /* @__PURE__ */ s({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(l) {
-    const e = l, c = m(l, "modelValue"), r = x(e.id);
-    return (n, _) => (a(), o(
-      d,
+  setup(i) {
+    const e = i, d = v(i, "modelValue"), n = I(e.id);
+    function c(o) {
+      const t = p(o);
+      t == null || t.setAttribute("aria-describedby", n);
+    }
+    function f() {
+      e.anchor && c(e.anchor);
+    }
+    B(f);
+    function s(o) {
+      const t = p(o);
+      t == null || t.removeAttribute("aria-describedby");
+    }
+    function y() {
+      e.anchor && s(e.anchor);
+    }
+    k(y);
+    function h(o, t) {
+      t && s(t), o && c(o);
+    }
+    return M(() => e.anchor, h), (o, t) => (a(), l(
+      m,
       null,
       [
-        i(n.$slots, "anchor", {
-          props: { "aria-describedby": t(r) }
+        u(o.$slots, "anchor", {
+          props: { "aria-describedby": r(n) }
         }),
-        u(t(V), {
-          id: t(r),
-          "model-value": c.value,
+        w(r(H), {
+          modelValue: d.value,
+          "onUpdate:modelValue": t[0] || (t[0] = (b) => d.value = b),
+          id: r(n),
           anchor: e.anchor,
           role: "tooltip",
           "non-modal": "",
@@ -43,30 +64,30 @@ const M = ["innerHTML"], z = /* @__PURE__ */ s({
           arrow: e.arrow,
           attach: e.attach,
           inline: e.inline,
-          class: f(["q-tooltip", e.class]),
+          class: x(["q-tooltip", e.class]),
           delay: e.delay,
           disabled: e.disabled,
           placement: e.placement,
           trigger: e.trigger
         }, {
-          default: h(() => [
-            i(n.$slots, "default", {}, () => [
-              e.icon ? (a(), y(
-                t(w),
-                B(b({ key: 0 }, e.icon)),
+          default: C(() => [
+            u(o.$slots, "default", {}, () => [
+              e.icon ? (a(), T(
+                r(z),
+                D(N({ key: 0 }, e.icon)),
                 null,
                 16
                 /* FULL_PROPS */
-              )) : g("v-if", !0),
-              e.html ? (a(), o("span", {
+              )) : A("v-if", !0),
+              e.html ? (a(), l("span", {
                 key: 1,
                 innerHTML: e.text
-              }, null, 8, M)) : (a(), o(
-                d,
+              }, null, 8, L)) : (a(), l(
+                m,
                 { key: 2 },
                 [
-                  v(
-                    k(e.text),
+                  Q(
+                    _(e.text),
                     1
                     /* TEXT */
                   )
@@ -78,7 +99,7 @@ const M = ["innerHTML"], z = /* @__PURE__ */ s({
           ]),
           _: 3
           /* FORWARDED */
-        }, 8, ["id", "model-value", "anchor", "appearance", "arrow", "attach", "inline", "class", "delay", "disabled", "placement", "trigger"])
+        }, 8, ["modelValue", "id", "anchor", "appearance", "arrow", "attach", "inline", "class", "delay", "disabled", "placement", "trigger"])
       ],
       64
       /* STABLE_FRAGMENT */
@@ -86,5 +107,5 @@ const M = ["innerHTML"], z = /* @__PURE__ */ s({
   }
 });
 export {
-  z as default
+  F as default
 };