@quidgest/ui 0.14.15 → 0.14.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/dist/manifest/components.json +1 -0
  2. package/dist/ui.css +72 -3
  3. package/dist/ui.esm.js +3830 -3649
  4. package/dist/ui.js +16 -16
  5. package/dist/ui.min.css +1 -1
  6. package/dist/ui.min.js +302 -277
  7. package/dist/ui.scss +60 -4
  8. package/esm/components/QBadge/QBadge.vue.js +2 -2
  9. package/esm/components/QCheckbox/QCheckbox.vue.js +3 -2
  10. package/esm/components/QColorPicker/QColorPicker.vue.js +4 -5
  11. package/esm/components/QDateTimePicker/QDateTimePicker.vue.js +3 -2
  12. package/esm/components/QFileUpload/QFileUpload.vue.js +7 -8
  13. package/esm/components/QIcon/InlineSvg.d.ts.map +1 -1
  14. package/esm/components/QIcon/InlineSvg.js +16 -16
  15. package/esm/components/QPopover/QPopover.vue.js +2 -2
  16. package/esm/components/QTextArea/QTextArea.d.ts +39 -0
  17. package/esm/components/QTextArea/QTextArea.d.ts.map +1 -0
  18. package/esm/components/QTextArea/QTextArea.vue.js +105 -0
  19. package/esm/components/QTextArea/QTextArea.vue2.js +4 -0
  20. package/esm/components/QTextArea/index.d.ts +98 -0
  21. package/esm/components/QTextArea/index.d.ts.map +1 -0
  22. package/esm/components/QTextArea/index.js +6 -0
  23. package/esm/components/QTextArea/types.d.ts +33 -0
  24. package/esm/components/QTextArea/types.d.ts.map +1 -0
  25. package/esm/components/QTooltip/QTooltip.vue.js +2 -2
  26. package/esm/components/index.d.ts +1 -0
  27. package/esm/components/index.d.ts.map +1 -1
  28. package/esm/components/index.js +12 -10
  29. package/esm/index.d.ts +1 -0
  30. package/esm/vendors/@vueuse/core/index.js +85 -0
  31. package/esm/vendors/@vueuse/shared/index.js +20 -0
  32. package/package.json +2 -1
package/dist/ui.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Quidgest UI v0.14.15
2
+ * Quidgest UI v0.14.17
3
3
  * (c) 2025 Quidgest - Consultores de Gestão, S.A.
4
4
  * Released under the MIT License.
5
5
  */
@@ -484,7 +484,7 @@ $button-text-on-plain: var(--q-theme-on-background);
484
484
  display: flex;
485
485
  flex-direction: row;
486
486
  align-items: center;
487
- padding: 0.4em;
487
+ padding: 0.4rem;
488
488
  border-width: 1px;
489
489
  background-color: transparent;
490
490
  user-select: none;
@@ -515,7 +515,7 @@ $button-text-on-plain: var(--q-theme-on-background);
515
515
  justify-content: center;
516
516
  font-size: $font-size-base;
517
517
  white-space: nowrap;
518
- gap: 0.25em;
518
+ gap: $space-base;
519
519
  pointer-events: none;
520
520
  line-height: 1;
521
521
  }
@@ -588,7 +588,7 @@ $button-text-on-plain: var(--q-theme-on-background);
588
588
  }
589
589
 
590
590
  &--small {
591
- padding: 0.25em;
591
+ padding: 0.25rem;
592
592
  span {
593
593
  font-size: 0.75rem;
594
594
  }
@@ -1901,6 +1901,62 @@ $spinner-color: var(--q-theme-primary);
1901
1901
  transform: rotate(1turn);
1902
1902
  }
1903
1903
  }
1904
+ .q-text-area {
1905
+
1906
+ display: flex;
1907
+ flex-direction: column;
1908
+ &__input {
1909
+ width: 100%;
1910
+ line-height: inherit;
1911
+ outline: none;
1912
+ color: inherit;
1913
+ background-color: transparent;
1914
+ padding: 0;
1915
+ min-height: 2.5rem;
1916
+ resize: vertical;
1917
+ font-family: inherit;
1918
+ font-size: inherit;
1919
+ border: 0;
1920
+ &::placeholder {
1921
+ font-style: italic;
1922
+ color: var(--q-theme-neutral);
1923
+ }
1924
+ &:disabled {
1925
+ user-select: none;
1926
+ }
1927
+ &:hover {
1928
+ cursor: inherit;
1929
+ }
1930
+
1931
+ @mixin resize-attr($direction) {
1932
+ &[resize='#{$direction}'] {
1933
+ resize: $direction;
1934
+ }
1935
+ }
1936
+ @include resize-attr(none);
1937
+ @include resize-attr(horizontal);
1938
+ @include resize-attr(vertical);
1939
+ @include resize-attr(both);
1940
+ }
1941
+ .q-text-area__input {
1942
+ flex: 1;
1943
+ min-width: 0;
1944
+ }
1945
+ }
1946
+ .q-field--mini,
1947
+ .q-field--small,
1948
+ .q-field--medium,
1949
+ .q-field--large,
1950
+ .q-field--xlarge,
1951
+ .q-field--xxlarge,
1952
+ .q-field--block {
1953
+ > .q-field__control:has(
1954
+ .q-text-area__input[resize='both'],
1955
+ .q-text-area__input[resize='horizontal']
1956
+ ) {
1957
+ width: unset;
1958
+ }
1959
+ }
1904
1960
  .q-text-field__input {
1905
1961
  width: 100%;
1906
1962
  line-height: inherit;
@@ -75,8 +75,8 @@ const O = ["id", "role", "tabindex", "onKeydown"], X = { class: "q-badge__conten
75
75
  class: "q-badge__remove",
76
76
  borderless: "",
77
77
  tabindex: "0",
78
- onClick: _,
79
- "aria-label": e.texts.removeText
78
+ "aria-label": e.texts.removeText,
79
+ onClick: _
80
80
  }, {
81
81
  default: A(() => [
82
82
  H(
@@ -65,14 +65,15 @@ const V = ["id"], M = ["aria-checked", "disabled", "onKeydown"], P = ["checked",
65
65
  type: "button",
66
66
  class: "q-checkbox__input",
67
67
  "aria-checked": e.indeterminate ? "mixed" : l.value,
68
- disabled: e.disabled || e.readonly,
68
+ disabled: e.disabled || e.readonly
69
+ }, t.$attrs, {
69
70
  onClick: d(s, ["prevent"]),
70
71
  onKeydown: [
71
72
  k(d(s, ["prevent"]), ["space"]),
72
73
  c[0] || (c[0] = k(d(() => {
73
74
  }, ["prevent"]), ["enter"]))
74
75
  ]
75
- }, t.$attrs), [
76
+ }), [
76
77
  l.value || t.indeterminate ? (a(), n(
77
78
  B(C),
78
79
  h({ key: 0 }, l.value ? e.icons.checked : e.icons.indeterminate, { class: "q-checkbox__input-icon" }),
@@ -40,10 +40,10 @@ const P = ["readonly", "disabled", "aria-label"], H = /* @__PURE__ */ h({
40
40
  e && n(e) ? a.value = e : a.value = "";
41
41
  }
42
42
  return m(d, y, { immediate: !0 }), (e, o) => (g(), $(q(E), {
43
+ id: l.id,
43
44
  modelValue: a.value,
44
45
  "onUpdate:modelValue": o[1] || (o[1] = (i) => a.value = i),
45
46
  maxlength: "7",
46
- id: l.id,
47
47
  class: B(["q-color-picker", l.class]),
48
48
  label: l.label,
49
49
  size: l.size,
@@ -67,9 +67,8 @@ const P = ["readonly", "disabled", "aria-label"], H = /* @__PURE__ */ h({
67
67
  class: "q-color-picker__swatch",
68
68
  readonly: l.readonly,
69
69
  disabled: c.value,
70
- "aria-label": l.texts.selectColor,
71
- onChange: f
72
- }, e.$attrs), null, 16, P), [
70
+ "aria-label": l.texts.selectColor
71
+ }, e.$attrs, { onChange: f }), null, 16, P), [
73
72
  [S, s.value]
74
73
  ])
75
74
  ]),
@@ -90,7 +89,7 @@ const P = ["readonly", "disabled", "aria-label"], H = /* @__PURE__ */ h({
90
89
  ]),
91
90
  key: "1"
92
91
  } : void 0
93
- ]), 1032, ["modelValue", "id", "class", "label", "size", "readonly", "disabled", "required", "placeholder"]));
92
+ ]), 1032, ["id", "modelValue", "class", "label", "size", "readonly", "disabled", "required", "placeholder"]));
94
93
  }
95
94
  });
96
95
  export {
@@ -132,14 +132,15 @@ const ee = ["value", "placeholder", "disabled", "readonly", "required", "onInput
132
132
  placeholder: e.placeholder,
133
133
  disabled: e.disabled,
134
134
  readonly: e.readonly,
135
- required: e.required,
135
+ required: e.required
136
+ }, o.$attrs, {
136
137
  onInput: B,
137
138
  onBlur: V,
138
139
  onFocus: C,
139
140
  onKeypress: f,
140
141
  onKeydown: f,
141
142
  onPaste: S
142
- }, o.$attrs), null, 16, ee)
143
+ }), null, 16, ee)
143
144
  ]),
144
145
  "clear-icon": n(({ clear: l }) => [
145
146
  s(r(Z), {
@@ -102,17 +102,16 @@ const K = ["id", "accept", "required", "readonly", "disabled"], Y = {
102
102
  },
103
103
  [
104
104
  a("input", F({
105
+ id: i(k),
105
106
  ref_key: "fileInput",
106
107
  ref: f,
107
- id: i(k),
108
108
  type: "file",
109
109
  class: "q-file-input__file-input",
110
110
  accept: R.value,
111
111
  required: e.required,
112
112
  readonly: e.readonly,
113
- disabled: e.disabled,
114
- onChange: V
115
- }, l.$attrs), null, 16, K),
113
+ disabled: e.disabled
114
+ }, l.$attrs, { onChange: V }), null, 16, K),
116
115
  !t.value && p.value ? (n(), c("div", Y, [
117
116
  s(
118
117
  i(u),
@@ -168,9 +167,9 @@ const K = ["id", "accept", "required", "readonly", "disabled"], Y = {
168
167
  ]),
169
168
  p.value ? (n(), c("div", se, [
170
169
  s(i(b), {
171
- onClick: B,
172
170
  title: e.texts.download,
173
- borderless: ""
171
+ borderless: "",
172
+ onClick: B
174
173
  }, {
175
174
  default: _(() => [
176
175
  s(
@@ -185,9 +184,9 @@ const K = ["id", "accept", "required", "readonly", "disabled"], Y = {
185
184
  /* STABLE */
186
185
  }, 8, ["title"]),
187
186
  s(i(b), {
188
- onClick: D,
189
187
  title: e.texts.remove,
190
- borderless: ""
188
+ borderless: "",
189
+ onClick: D
191
190
  }, {
192
191
  default: _(() => [
193
192
  s(
@@ -1 +1 @@
1
- {"version":3,"file":"InlineSvg.d.ts","sourceRoot":"","sources":["../../../src/components/QIcon/InlineSvg.js"],"names":[],"mappings":";IAoCE;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IASF,uBAAuB;iBAAb,UAAU;;;;;IAwCrB;;;OAGG;mBADQ,MAAM;IAoCjB;;;;OAIG;kBAFQ,MAAM,GACJ,gBAAgB,CAAC,OAAO,CAAC;;;;;;IA9HtC;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG"}
1
+ {"version":3,"file":"InlineSvg.d.ts","sourceRoot":"","sources":["../../../src/components/QIcon/InlineSvg.js"],"names":[],"mappings":";IAWE;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAeF,uBAAuB;iBAAb,UAAU;;;;;IA+CrB;;;OAGG;mBADQ,MAAM;IAoCjB;;;;OAIG;kBAFQ,MAAM,GACJ,gBAAgB,CAAC,OAAO,CAAC;;;;;;IA3ItC;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG"}
@@ -1,19 +1,7 @@
1
1
  import { defineComponent as a, h as s } from "vue";
2
2
  const o = {}, h = a({
3
3
  name: "InlineSvg",
4
- emits: {
5
- loaded: (t) => typeof t == "object",
6
- unloaded: () => !0,
7
- error: (t) => typeof t == "object"
8
- },
9
4
  inheritAttrs: !1,
10
- render() {
11
- if (!this.svgElSource) return null;
12
- const t = this.getSvgContent(this.svgElSource);
13
- if (!t) return s("div", this.$attrs);
14
- const e = {};
15
- return this.copySvgAttrs(e, this.svgElSource), this.copySvgAttrs(e, t), this.copyComponentAttrs(e, this.$attrs), e.innerHTML = t.innerHTML, s("svg", e);
16
- },
17
5
  props: {
18
6
  /**
19
7
  * The source URL of the SVG bundle.
@@ -53,12 +41,22 @@ const o = {}, h = a({
53
41
  default: !0
54
42
  }
55
43
  },
44
+ emits: {
45
+ loaded: (t) => typeof t == "object",
46
+ unloaded: () => !0,
47
+ error: (t) => typeof t == "object"
48
+ },
56
49
  data() {
57
50
  return {
58
51
  /** @type SVGElement */
59
52
  svgElSource: null
60
53
  };
61
54
  },
55
+ watch: {
56
+ src(t) {
57
+ this.getSource(t);
58
+ }
59
+ },
62
60
  async mounted() {
63
61
  await this.getSource(this.src);
64
62
  },
@@ -100,10 +98,12 @@ const o = {}, h = a({
100
98
  return i;
101
99
  }
102
100
  },
103
- watch: {
104
- src(t) {
105
- this.getSource(t);
106
- }
101
+ render() {
102
+ if (!this.svgElSource) return null;
103
+ const t = this.getSvgContent(this.svgElSource);
104
+ if (!t) return s("div", this.$attrs);
105
+ const e = {};
106
+ return this.copySvgAttrs(e, this.svgElSource), this.copySvgAttrs(e, t), this.copyComponentAttrs(e, this.$attrs), e.innerHTML = t.innerHTML, s("svg", e);
107
107
  },
108
108
  expose: []
109
109
  });
@@ -29,9 +29,9 @@ const k = {
29
29
  setup(a) {
30
30
  const e = a, r = u(a, "modelValue");
31
31
  return (o, n) => (t(), h(f(b), {
32
+ id: e.id,
32
33
  modelValue: r.value,
33
34
  "onUpdate:modelValue": n[0] || (n[0] = (c) => r.value = c),
34
- id: e.id,
35
35
  class: y(["q-popover", e.class]),
36
36
  trigger: "click",
37
37
  anchor: e.anchor,
@@ -66,7 +66,7 @@ const k = {
66
66
  ]),
67
67
  _: 3
68
68
  /* FORWARDED */
69
- }, 8, ["modelValue", "id", "class", "anchor", "arrow", "attach", "inline", "disabled", "placement"]));
69
+ }, 8, ["id", "modelValue", "class", "anchor", "arrow", "attach", "inline", "disabled", "placement"]));
70
70
  }
71
71
  });
72
72
  export {
@@ -0,0 +1,39 @@
1
+ import { QTextAreaProps } from './types';
2
+ type __VLS_Props = QTextAreaProps;
3
+ type __VLS_PublicProps = {
4
+ modelValue?: string;
5
+ } & __VLS_Props;
6
+ declare function __VLS_template(): {
7
+ attrs: Partial<{}>;
8
+ slots: {
9
+ 'label.prepend'?(_: {}): any;
10
+ 'label.append'?(_: {}): any;
11
+ prepend?(_: {}): any;
12
+ append?(_: {}): any;
13
+ extras?(_: {}): any;
14
+ };
15
+ refs: {
16
+ textareaRef: HTMLTextAreaElement;
17
+ };
18
+ rootEl: any;
19
+ };
20
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
21
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
22
+ "update:modelValue": (value: string) => any;
23
+ }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
24
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
25
+ }>, {
26
+ resize: "none" | "both" | "horizontal" | "vertical";
27
+ rows: number;
28
+ wrap: "soft" | "hard" | "off";
29
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
30
+ textareaRef: HTMLTextAreaElement;
31
+ }, any>;
32
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
33
+ export default _default;
34
+ type __VLS_WithTemplateSlots<T, S> = T & {
35
+ new (): {
36
+ $slots: S;
37
+ };
38
+ };
39
+ //# sourceMappingURL=QTextArea.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"QTextArea.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTextArea/QTextArea.vue"],"names":[],"mappings":"AAgDA;AA8GC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAO7C,KAAK,WAAW,GAAG,cAAc,CAAC;AAoDnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA0GT,OAAO,IAA6B;;iCAhBb,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACJ,GAAG;wBACF,GAAG;;;;;;EAiB/B;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;OASnB,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"}
@@ -0,0 +1,105 @@
1
+ import { defineComponent as b, mergeModels as h, useModel as z, computed as s, ref as g, createBlock as x, openBlock as w, unref as o, normalizeClass as q, createSlots as $, withCtx as a, withDirectives as k, createElementVNode as v, mergeProps as B, toHandlers as M, vModelText as V, renderSlot as r } from "vue";
2
+ import { QField as L } from "../QField/index.js";
3
+ import { useId as A } from "../../composables/uid.js";
4
+ import { useTextareaAutosize as C } from "../../vendors/@vueuse/core/index.js";
5
+ const H = ["id", "required", "placeholder", "readonly", "disabled", "maxlength", "rows", "cols", "resize", "wrap"], Q = /* @__PURE__ */ b({
6
+ inheritAttrs: !1,
7
+ __name: "QTextArea",
8
+ props: /* @__PURE__ */ h({
9
+ id: {},
10
+ class: {},
11
+ label: {},
12
+ for: {},
13
+ size: {},
14
+ readonly: { type: Boolean },
15
+ disabled: { type: Boolean },
16
+ required: { type: Boolean },
17
+ placeholder: {},
18
+ maxLength: {},
19
+ rows: { default: 3 },
20
+ cols: {},
21
+ resize: { default: "vertical" },
22
+ wrap: { default: "soft" },
23
+ autosize: { type: Boolean }
24
+ }, {
25
+ modelValue: {},
26
+ modelModifiers: {}
27
+ }),
28
+ emits: ["update:modelValue"],
29
+ setup(t) {
30
+ const e = t, d = z(t, "modelValue"), n = A(e.id), m = s(
31
+ () => e.readonly || e.disabled ? void 0 : e.placeholder
32
+ ), f = s(() => ({ input: e.autosize ? c : null })), i = g(), { triggerResize: c } = C({
33
+ element: s(() => e.autosize ? i.value : void 0),
34
+ styleProp: "minHeight"
35
+ }), p = s({
36
+ get: () => d.value,
37
+ set: (l) => {
38
+ d.value = e.maxLength ? l == null ? void 0 : l.slice(0, e.maxLength) : l;
39
+ }
40
+ });
41
+ return (l, u) => (w(), x(o(L), {
42
+ class: q(["q-text-area", e.class]),
43
+ for: o(n),
44
+ label: e.label,
45
+ size: e.size,
46
+ readonly: e.readonly,
47
+ disabled: e.disabled,
48
+ required: e.required
49
+ }, $({
50
+ "label.prepend": a(() => [
51
+ r(l.$slots, "label.prepend")
52
+ ]),
53
+ "label.append": a(() => [
54
+ r(l.$slots, "label.append")
55
+ ]),
56
+ default: a(() => [
57
+ k(v("textarea", B({
58
+ id: o(n),
59
+ ref_key: "textareaRef",
60
+ ref: i,
61
+ "onUpdate:modelValue": u[0] || (u[0] = (y) => p.value = y),
62
+ class: "q-text-area__input",
63
+ required: e.required,
64
+ placeholder: m.value,
65
+ readonly: e.readonly,
66
+ disabled: e.disabled,
67
+ maxlength: e.maxLength,
68
+ rows: e.rows,
69
+ cols: e.cols,
70
+ resize: e.resize,
71
+ wrap: e.wrap
72
+ }, l.$attrs, M(f.value, !0)), null, 16, H), [
73
+ [V, p.value]
74
+ ])
75
+ ]),
76
+ _: 2
77
+ /* DYNAMIC */
78
+ }, [
79
+ l.$slots.prepend ? {
80
+ name: "prepend",
81
+ fn: a(() => [
82
+ r(l.$slots, "prepend")
83
+ ]),
84
+ key: "0"
85
+ } : void 0,
86
+ l.$slots.append ? {
87
+ name: "append",
88
+ fn: a(() => [
89
+ r(l.$slots, "append")
90
+ ]),
91
+ key: "1"
92
+ } : void 0,
93
+ l.$slots.extras ? {
94
+ name: "extras",
95
+ fn: a(() => [
96
+ r(l.$slots, "extras")
97
+ ]),
98
+ key: "2"
99
+ } : void 0
100
+ ]), 1032, ["class", "for", "label", "size", "readonly", "disabled", "required"]));
101
+ }
102
+ });
103
+ export {
104
+ Q as default
105
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./QTextArea.vue.js";
2
+ export {
3
+ f as default
4
+ };
@@ -0,0 +1,98 @@
1
+ declare const QTextArea: {
2
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
3
+ modelValue?: string;
4
+ } & import('../../types/component').QBaseComponentProps & {
5
+ label?: string;
6
+ for?: string;
7
+ size?: import('..').QFieldSize;
8
+ readonly?: boolean;
9
+ disabled?: boolean;
10
+ required?: boolean;
11
+ } & {
12
+ placeholder?: string;
13
+ maxLength?: number;
14
+ rows?: number;
15
+ cols?: number;
16
+ resize?: "none" | "both" | "horizontal" | "vertical";
17
+ wrap?: "soft" | "hard" | "off";
18
+ autosize?: boolean;
19
+ }> & Readonly<{
20
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
21
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
22
+ "update:modelValue": (value: string) => any;
23
+ }, import('vue').PublicProps, {
24
+ resize: "none" | "both" | "horizontal" | "vertical";
25
+ rows: number;
26
+ wrap: "soft" | "hard" | "off";
27
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
28
+ textareaRef: HTMLTextAreaElement;
29
+ }, any, import('vue').ComponentProvideOptions, {
30
+ P: {};
31
+ B: {};
32
+ D: {};
33
+ C: {};
34
+ M: {};
35
+ Defaults: {};
36
+ }, Readonly<{
37
+ modelValue?: string;
38
+ } & import('../../types/component').QBaseComponentProps & {
39
+ label?: string;
40
+ for?: string;
41
+ size?: import('..').QFieldSize;
42
+ readonly?: boolean;
43
+ disabled?: boolean;
44
+ required?: boolean;
45
+ } & {
46
+ placeholder?: string;
47
+ maxLength?: number;
48
+ rows?: number;
49
+ cols?: number;
50
+ resize?: "none" | "both" | "horizontal" | "vertical";
51
+ wrap?: "soft" | "hard" | "off";
52
+ autosize?: boolean;
53
+ }> & Readonly<{
54
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
55
+ }>, {}, {}, {}, {}, {
56
+ resize: "none" | "both" | "horizontal" | "vertical";
57
+ rows: number;
58
+ wrap: "soft" | "hard" | "off";
59
+ }>;
60
+ __isFragment?: never;
61
+ __isTeleport?: never;
62
+ __isSuspense?: never;
63
+ } & import('vue').ComponentOptionsBase<Readonly<{
64
+ modelValue?: string;
65
+ } & import('../../types/component').QBaseComponentProps & {
66
+ label?: string;
67
+ for?: string;
68
+ size?: import('..').QFieldSize;
69
+ readonly?: boolean;
70
+ disabled?: boolean;
71
+ required?: boolean;
72
+ } & {
73
+ placeholder?: string;
74
+ maxLength?: number;
75
+ rows?: number;
76
+ cols?: number;
77
+ resize?: "none" | "both" | "horizontal" | "vertical";
78
+ wrap?: "soft" | "hard" | "off";
79
+ autosize?: boolean;
80
+ }> & Readonly<{
81
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
82
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
83
+ "update:modelValue": (value: string) => any;
84
+ }, string, {
85
+ resize: "none" | "both" | "horizontal" | "vertical";
86
+ rows: number;
87
+ wrap: "soft" | "hard" | "off";
88
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
89
+ $slots: {
90
+ 'label.prepend'?(_: {}): any;
91
+ 'label.append'?(_: {}): any;
92
+ prepend?(_: {}): any;
93
+ append?(_: {}): any;
94
+ extras?(_: {}): any;
95
+ };
96
+ });
97
+ export { QTextArea };
98
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QTextArea/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA8B,CAAA;AAG7C,OAAO,EAAE,SAAS,EAAE,CAAA"}
@@ -0,0 +1,6 @@
1
+ import o from "./QTextArea.vue.js";
2
+ import { setupPropsProxy as r } from "../../utils/setupPropsProxy.js";
3
+ const p = r(o);
4
+ export {
5
+ p as QTextArea
6
+ };
@@ -0,0 +1,33 @@
1
+ import { QFieldProps } from '../QField';
2
+ export type QTextAreaProps = QFieldProps & {
3
+ /**
4
+ * The placeholder text for the text area field.
5
+ */
6
+ placeholder?: string;
7
+ /**
8
+ * If set, defines the maximum string length
9
+ * that the user can enter into the text area field.
10
+ */
11
+ maxLength?: number;
12
+ /**
13
+ * The number of rows of the text area field.
14
+ */
15
+ rows?: number;
16
+ /**
17
+ * The number of columns of the text area field.
18
+ */
19
+ cols?: number;
20
+ /**
21
+ * Whether the width and/or height of the text area field can be resized.
22
+ */
23
+ resize?: 'none' | 'both' | 'horizontal' | 'vertical';
24
+ /**
25
+ * Whether the text of the text area field can be wrapped and how.
26
+ */
27
+ wrap?: 'soft' | 'hard' | 'off';
28
+ /**
29
+ * Whether the text area field will be auto-sized.
30
+ */
31
+ autosize?: boolean;
32
+ };
33
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QTextArea/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEtD,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG;IAC1C;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAAA;IAEpD;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAA;IAE9B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA"}
@@ -54,9 +54,9 @@ const L = ["innerHTML"], F = /* @__PURE__ */ g({
54
54
  props: { "aria-describedby": r(n) }
55
55
  }),
56
56
  w(r(H), {
57
+ id: r(n),
57
58
  modelValue: d.value,
58
59
  "onUpdate:modelValue": t[0] || (t[0] = (b) => d.value = b),
59
- id: r(n),
60
60
  anchor: e.anchor,
61
61
  role: "tooltip",
62
62
  "non-modal": "",
@@ -99,7 +99,7 @@ const L = ["innerHTML"], F = /* @__PURE__ */ g({
99
99
  ]),
100
100
  _: 3
101
101
  /* FORWARDED */
102
- }, 8, ["modelValue", "id", "anchor", "appearance", "arrow", "attach", "inline", "class", "delay", "disabled", "placement", "trigger"])
102
+ }, 8, ["id", "modelValue", "anchor", "appearance", "arrow", "attach", "inline", "class", "delay", "disabled", "placement", "trigger"])
103
103
  ],
104
104
  64
105
105
  /* STABLE_FRAGMENT */
@@ -24,6 +24,7 @@ export * from './QPropertyList';
24
24
  export * from './QSelect';
25
25
  export * from './QSkeletonLoader';
26
26
  export * from './QSpinnerLoader';
27
+ export * from './QTextArea';
27
28
  export * from './QTextField';
28
29
  export * from './QThemeProvider';
29
30
  export * from './QTooltip';
@@ -1 +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"}
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,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA"}