@quidgest/ui 0.16.3 → 0.16.4

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 (95) hide show
  1. package/dist/manifest/components.json +6 -0
  2. package/dist/ui.css +809 -31
  3. package/dist/ui.esm.js +5247 -4805
  4. package/dist/ui.js +24 -24
  5. package/dist/ui.min.css +2 -1
  6. package/dist/ui.min.js +959 -933
  7. package/dist/ui.scss +462 -39
  8. package/esm/_virtual/_plugin-vue_export-helper.js +9 -0
  9. package/esm/components/QCombobox/QCombobox.d.ts +14 -0
  10. package/esm/components/QCombobox/QCombobox.d.ts.map +1 -1
  11. package/esm/components/QCombobox/QCombobox.vue.js +9 -8
  12. package/esm/components/QCombobox/index.d.ts +7 -0
  13. package/esm/components/QCombobox/index.d.ts.map +1 -1
  14. package/esm/components/QDialog/QDialog.d.ts +4 -1
  15. package/esm/components/QDialog/QDialog.d.ts.map +1 -1
  16. package/esm/components/QDialog/QDialog.vue.js +115 -95
  17. package/esm/components/QDialog/index.d.ts +12 -1
  18. package/esm/components/QDialog/index.d.ts.map +1 -1
  19. package/esm/components/QDialog/types.d.ts +9 -0
  20. package/esm/components/QDialog/types.d.ts.map +1 -1
  21. package/esm/components/QDivider/QDivider.d.ts +21 -0
  22. package/esm/components/QDivider/QDivider.d.ts.map +1 -0
  23. package/esm/components/QDivider/QDivider.vue.js +57 -0
  24. package/esm/components/QDivider/QDivider.vue2.js +4 -0
  25. package/esm/components/QDivider/index.d.ts +25 -0
  26. package/esm/components/QDivider/index.d.ts.map +1 -0
  27. package/esm/components/QDivider/index.js +6 -0
  28. package/esm/components/QDivider/types.d.ts +11 -0
  29. package/esm/components/QDivider/types.d.ts.map +1 -0
  30. package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts +14 -0
  31. package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts.map +1 -1
  32. package/esm/components/QGrid/QCol.d.ts +19 -0
  33. package/esm/components/QGrid/QCol.d.ts.map +1 -0
  34. package/esm/components/QGrid/QCol.vue.js +46 -0
  35. package/esm/components/QGrid/QCol.vue2.js +4 -0
  36. package/esm/components/QGrid/QContainer.d.ts +19 -0
  37. package/esm/components/QGrid/QContainer.d.ts.map +1 -0
  38. package/esm/components/QGrid/QContainer.vue.js +24 -0
  39. package/esm/components/QGrid/QContainer.vue2.js +4 -0
  40. package/esm/components/QGrid/QRow.d.ts +23 -0
  41. package/esm/components/QGrid/QRow.d.ts.map +1 -0
  42. package/esm/components/QGrid/QRow.vue.js +36 -0
  43. package/esm/components/QGrid/QRow.vue2.js +4 -0
  44. package/esm/components/QGrid/QSpacer.d.ts +3 -0
  45. package/esm/components/QGrid/QSpacer.d.ts.map +1 -0
  46. package/esm/components/QGrid/QSpacer.vue.js +10 -0
  47. package/esm/components/QGrid/index.d.ts +66 -0
  48. package/esm/components/QGrid/index.d.ts.map +1 -0
  49. package/esm/components/QGrid/index.js +12 -0
  50. package/esm/components/QGrid/types.d.ts +47 -0
  51. package/esm/components/QGrid/types.d.ts.map +1 -0
  52. package/esm/components/QList/QList.d.ts +1 -0
  53. package/esm/components/QList/QList.d.ts.map +1 -1
  54. package/esm/components/QList/QList.vue.js +130 -120
  55. package/esm/components/QList/QListItem.d.ts.map +1 -1
  56. package/esm/components/QList/QListItem.vue.js +57 -43
  57. package/esm/components/QList/index.d.ts +7 -0
  58. package/esm/components/QList/index.d.ts.map +1 -1
  59. package/esm/components/QList/types.d.ts +8 -0
  60. package/esm/components/QList/types.d.ts.map +1 -1
  61. package/esm/components/QOverlay/QOverlay.d.ts.map +1 -1
  62. package/esm/components/QOverlay/QOverlay.vue.js +29 -27
  63. package/esm/components/QOverlay/index.d.ts +3 -0
  64. package/esm/components/QOverlay/index.d.ts.map +1 -1
  65. package/esm/components/QOverlay/types.d.ts +4 -0
  66. package/esm/components/QOverlay/types.d.ts.map +1 -1
  67. package/esm/components/QPasswordField/QPasswordFieldMeterOverlay.vue.js +8 -7
  68. package/esm/components/QSelect/QSelect.d.ts +14 -0
  69. package/esm/components/QSelect/QSelect.d.ts.map +1 -1
  70. package/esm/components/QSelect/QSelect.vue.js +1 -0
  71. package/esm/components/QSelect/index.d.ts +7 -0
  72. package/esm/components/QSelect/index.d.ts.map +1 -1
  73. package/esm/components/QSidebar/QSidebar.d.ts +39 -0
  74. package/esm/components/QSidebar/QSidebar.d.ts.map +1 -0
  75. package/esm/components/QSidebar/QSidebar.vue.js +155 -0
  76. package/esm/components/QSidebar/QSidebar.vue2.js +4 -0
  77. package/esm/components/QSidebar/QSidebarAnchor.d.ts +219 -0
  78. package/esm/components/QSidebar/QSidebarAnchor.d.ts.map +1 -0
  79. package/esm/components/QSidebar/QSidebarAnchor.vue.js +110 -0
  80. package/esm/components/QSidebar/QSidebarAnchor.vue2.js +4 -0
  81. package/esm/components/QSidebar/QSidebarPanel.d.ts +41 -0
  82. package/esm/components/QSidebar/QSidebarPanel.d.ts.map +1 -0
  83. package/esm/components/QSidebar/QSidebarPanel.vue.js +90 -0
  84. package/esm/components/QSidebar/QSidebarPanel.vue2.js +4 -0
  85. package/esm/components/QSidebar/index.d.ts +72 -0
  86. package/esm/components/QSidebar/index.d.ts.map +1 -0
  87. package/esm/components/QSidebar/index.js +6 -0
  88. package/esm/components/QSidebar/types.d.ts +63 -0
  89. package/esm/components/QSidebar/types.d.ts.map +1 -0
  90. package/esm/components/QToggleGroup/types.d.ts +1 -1
  91. package/esm/components/index.d.ts +3 -0
  92. package/esm/components/index.d.ts.map +1 -1
  93. package/esm/components/index.js +71 -62
  94. package/esm/index.d.ts +6 -0
  95. package/package.json +1 -1
@@ -52,7 +52,7 @@ const xe = ["data-key"], we = {
52
52
  setup(x, { expose: K, emit: W }) {
53
53
  const l = x, w = W, d = T(x, "modelValue"), i = T(x, "open"), u = T(x, "search"), o = g(void 0), c = g(null), s = g(null), V = g(null), L = g(null);
54
54
  ie(y);
55
- const D = m(() => l.clearable && !l.readonly && !l.disabled), p = m(() => {
55
+ const q = m(() => l.clearable && !l.readonly && !l.disabled), p = m(() => {
56
56
  var e;
57
57
  return l.filterMode === "manual" || !G.value ? l.items ?? [] : ((e = l.items) == null ? void 0 : e.filter(
58
58
  (t) => t[l.itemLabel].toLowerCase().startsWith(u.value.toLowerCase())
@@ -60,7 +60,7 @@ const xe = ["data-key"], we = {
60
60
  }), h = m(() => {
61
61
  var e;
62
62
  return (e = l.items) == null ? void 0 : e.find((t) => t[l.itemValue] === d.value);
63
- }), Q = m(() => h.value === void 0), q = m(() => {
63
+ }), Q = m(() => h.value === void 0), D = m(() => {
64
64
  const e = o.value;
65
65
  if (e !== void 0 && p.value[e])
66
66
  return p.value[e];
@@ -92,7 +92,7 @@ const xe = ["data-key"], we = {
92
92
  i.value ? F() : U();
93
93
  }
94
94
  function Y() {
95
- D.value && (d.value = l.emptyValue, o.value = void 0, E());
95
+ q.value && (d.value = l.emptyValue, o.value = void 0, E());
96
96
  }
97
97
  function U() {
98
98
  if (C(), h.value !== void 0) {
@@ -117,8 +117,8 @@ const xe = ["data-key"], we = {
117
117
  e.key === "ArrowDown" ? $() : ee();
118
118
  }));
119
119
  else if (e.key === "Enter") {
120
- if (q.value === void 0) return;
121
- S(q.value[l.itemValue]);
120
+ if (D.value === void 0) return;
121
+ S(D.value[l.itemValue]);
122
122
  } else e.key === "Home" ? o.value = (t = s.value) == null ? void 0 : t.getFirstFocusableItemIndex() : e.key === "End" ? o.value = (a = s.value) == null ? void 0 : a.getLastFocusableItemIndex() : (/^[a-z]$/i.test(e.key) || e.key === "Backspace") && C();
123
123
  }
124
124
  function $() {
@@ -147,7 +147,7 @@ const xe = ["data-key"], we = {
147
147
  e.preventDefault(), e.stopPropagation();
148
148
  return;
149
149
  }
150
- F(), D.value && !u.value && (d.value = l.emptyValue), y();
150
+ F(), q.value && !u.value && (d.value = l.emptyValue), y();
151
151
  }
152
152
  function E() {
153
153
  var e, t;
@@ -233,7 +233,7 @@ const xe = ["data-key"], we = {
233
233
  ]),
234
234
  append: r(() => [
235
235
  f(e.$slots, "append"),
236
- D.value && u.value ? (b(), _(v(Ie), {
236
+ q.value && u.value ? (b(), _(v(Ie), {
237
237
  key: 0,
238
238
  icons: l.icons,
239
239
  texts: l.texts,
@@ -315,7 +315,8 @@ const xe = ["data-key"], we = {
315
315
  "model-value": d.value,
316
316
  class: "q-select__items",
317
317
  selectable: "",
318
- highlighted: (n = q.value) == null ? void 0 : n[l.itemValue],
318
+ required: "",
319
+ highlighted: (n = D.value) == null ? void 0 : n[l.itemValue],
319
320
  items: p.value,
320
321
  groups: e.groups,
321
322
  "item-label": l.itemLabel,
@@ -712,6 +712,8 @@ declare const QCombobox: {
712
712
  readonly itemLabel?: string | undefined;
713
713
  readonly disabled?: boolean | undefined;
714
714
  readonly selectable?: boolean | undefined;
715
+ readonly multiple?: boolean | undefined;
716
+ readonly required?: boolean | undefined;
715
717
  readonly onClick?: ((key: any) => any) | undefined;
716
718
  readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
717
719
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
@@ -816,6 +818,8 @@ declare const QCombobox: {
816
818
  itemLabel?: string;
817
819
  disabled?: boolean;
818
820
  selectable?: boolean;
821
+ multiple?: boolean;
822
+ required?: boolean;
819
823
  }> & Readonly<{
820
824
  onClick?: ((key: any) => any) | undefined;
821
825
  "onUpdate:modelValue"?: ((value: any) => any) | undefined;
@@ -866,6 +870,8 @@ declare const QCombobox: {
866
870
  itemLabel?: string;
867
871
  disabled?: boolean;
868
872
  selectable?: boolean;
873
+ multiple?: boolean;
874
+ required?: boolean;
869
875
  }> & Readonly<{
870
876
  onClick?: ((key: any) => any) | undefined;
871
877
  "onUpdate:modelValue"?: ((value: any) => any) | undefined;
@@ -876,6 +882,7 @@ declare const QCombobox: {
876
882
  getLastFocusableItemIndex: () => number;
877
883
  }> & {} & import('vue').ComponentCustomProperties & {} & {
878
884
  $slots: {
885
+ default?(_: {}): any;
879
886
  item?(_: {
880
887
  item: import('../QList/types').Item;
881
888
  element: HTMLLIElement | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QCombobox/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QCombobox/index.ts"],"names":[],"mappings":"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"}
@@ -6,9 +6,11 @@ type __VLS_PublicProps = {
6
6
  declare function __VLS_template(): {
7
7
  attrs: Partial<{}>;
8
8
  slots: {
9
- 'body.content'?(_: {}): any;
9
+ header?(_: {}): any;
10
+ body?(_: {}): any;
10
11
  'body.icon'?(_: {}): any;
11
12
  'body.append'?(_: {}): any;
13
+ footer?(_: {}): any;
12
14
  };
13
15
  refs: {};
14
16
  rootEl: any;
@@ -19,6 +21,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
19
21
  }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
20
22
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
21
23
  }>, {
24
+ size: import('./types').QDialogSize;
22
25
  html: boolean;
23
26
  icon: import('..').Icon;
24
27
  icons: typeof DEFAULT_ICONS;
@@ -1 +1 @@
1
- {"version":3,"file":"QDialog.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/QDialog.vue"],"names":[],"mappings":"AAyDA;AA6FC,OAAO,EAAiC,aAAa,EAAE,MAAM,SAAS,CAAA;AAQtE,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEzD,KAAK,WAAW,GAAG,YAAY,CAAC;AAgCjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAgKT,OAAO,IAA6B;;gCAZb,GAAG;6BACN,GAAG;+BACD,GAAG;;;;EAetC;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;6EASnB,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"}
1
+ {"version":3,"file":"QDialog.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/QDialog.vue"],"names":[],"mappings":"AAuEA;AAuHC,OAAO,EAAiC,aAAa,EAAE,MAAM,SAAS,CAAA;AAQtE,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAKzD,KAAK,WAAW,GAAG,YAAY,CAAC;AA0CjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAuLT,OAAO,IAA6B;;wBAdtB,GAAG;sBACL,GAAG;6BACI,GAAG;+BACA,GAAG;wBACV,GAAG;;;;EAe/B;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;6EASnB,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"}
@@ -1,139 +1,159 @@
1
- import { defineComponent as C, mergeModels as V, useModel as q, createBlock as n, openBlock as o, unref as a, withCtx as c, createElementVNode as i, normalizeClass as T, renderSlot as u, createCommentVNode as _, toDisplayString as y, createVNode as k, normalizeProps as h, guardReactiveProps as g, createElementBlock as d, Fragment as D, renderList as L, mergeProps as v } from "vue";
2
- import { DEFAULT_ICONS as N, DEFAULT_BUTTONS as x, DEFAULT_ICON as E } from "./types.js";
3
- import { QButton as B } from "../QButton/index.js";
4
- import { QIcon as p } from "../QIcon/index.js";
5
- import { QOverlay as M } from "../QOverlay/index.js";
6
- const U = { class: "q-dialog__header" }, A = { class: "q-dialog__header-title" }, F = { class: "q-dialog__body" }, O = {
1
+ import { defineComponent as T, mergeModels as D, useModel as L, computed as y, createBlock as d, openBlock as l, unref as a, normalizeClass as v, withCtx as _, createElementVNode as c, createElementBlock as s, createCommentVNode as i, renderSlot as n, toDisplayString as k, createVNode as h, normalizeProps as g, guardReactiveProps as b, Fragment as N, renderList as z, mergeProps as B } from "vue";
2
+ import { DEFAULT_ICONS as E, DEFAULT_BUTTONS as M, DEFAULT_ICON as U } from "./types.js";
3
+ import { QButton as q } from "../QButton/index.js";
4
+ import { QIcon as f } from "../QIcon/index.js";
5
+ import { QOverlay as A } from "../QOverlay/index.js";
6
+ const F = {
7
+ key: 0,
8
+ class: "q-dialog__header"
9
+ }, O = { class: "q-dialog__header-title" }, Q = {
10
+ key: 1,
11
+ class: "q-dialog__body"
12
+ }, S = {
7
13
  key: 0,
8
14
  class: "q-dialog__body-icon"
9
- }, Q = { class: "q-dialog__body-text" }, S = ["innerHTML"], I = { key: 1 }, P = { class: "q-dialog__body-actions" }, j = /* @__PURE__ */ C({
15
+ }, I = { class: "q-dialog__body-text" }, P = ["innerHTML"], H = { key: 1 }, w = {
16
+ key: 2,
17
+ class: "q-dialog__footer"
18
+ }, x = { class: "q-dialog__footer-buttons" }, W = /* @__PURE__ */ T({
10
19
  __name: "QDialog",
11
- props: /* @__PURE__ */ V({
20
+ props: /* @__PURE__ */ D({
12
21
  id: {},
13
22
  class: {},
14
23
  title: {},
15
24
  text: {},
16
- icon: { default: () => E },
17
- buttons: { default: () => x },
25
+ icon: { default: () => U },
26
+ buttons: { default: () => M },
18
27
  attach: { default: "body" },
19
28
  inline: { type: Boolean },
20
29
  backdropBlur: { type: Boolean, default: !0 },
21
30
  dismissible: { type: Boolean },
22
31
  html: { type: Boolean, default: !0 },
23
- icons: { default: () => N }
32
+ icons: { default: () => E },
33
+ size: { default: "small" },
34
+ centerVertically: { type: Boolean }
24
35
  }, {
25
36
  modelValue: { type: Boolean },
26
37
  modelModifiers: {}
27
38
  }),
28
39
  emits: ["update:modelValue"],
29
40
  setup(m) {
30
- const e = m, r = q(m, "modelValue");
31
- function f() {
32
- r.value = !1;
41
+ const e = m, u = L(m, "modelValue"), C = y(() => ["q-dialog", e.class]), V = y(() => `q-overlay--${e.size}`);
42
+ function p() {
43
+ u.value = !1;
33
44
  }
34
- function b(l) {
35
- var s;
36
- (s = l.action) == null || s.call(l), f();
45
+ function $(o) {
46
+ var r;
47
+ (r = o.action) == null || r.call(o), p();
37
48
  }
38
- return (l, s) => (o(), n(a(M), {
49
+ return (o, r) => (l(), d(a(A), {
39
50
  id: e.id,
40
- modelValue: r.value,
41
- "onUpdate:modelValue": s[0] || (s[0] = (t) => r.value = t),
51
+ modelValue: u.value,
52
+ "onUpdate:modelValue": r[0] || (r[0] = (t) => u.value = t),
42
53
  "backdrop-class": "q-dialog__underlay",
43
54
  "scroll-lock": "",
44
55
  persistent: "",
45
56
  inline: e.inline,
46
57
  attach: e.attach,
47
- "backdrop-blur": e.backdropBlur
58
+ "backdrop-blur": e.backdropBlur,
59
+ "center-vertically": e.centerVertically,
60
+ class: v(V.value)
48
61
  }, {
49
- default: c(() => [
50
- i(
62
+ default: _(() => [
63
+ c(
51
64
  "div",
52
65
  {
53
- class: T(["q-dialog", e.class])
66
+ class: v(C.value)
54
67
  },
55
68
  [
56
- i("div", U, [
57
- i(
58
- "span",
59
- A,
60
- y(e.title),
61
- 1
62
- /* TEXT */
63
- ),
64
- e.dismissible ? (o(), n(a(B), {
65
- key: 0,
66
- variant: "text",
67
- onClick: f
68
- }, {
69
- default: c(() => [
70
- k(
71
- a(p),
72
- h(g(e.icons.close)),
73
- null,
74
- 16
75
- /* FULL_PROPS */
76
- )
77
- ]),
78
- _: 1
79
- /* STABLE */
80
- })) : _("v-if", !0)
81
- ]),
82
- u(l.$slots, "body.content", {}, () => [
83
- i("div", F, [
84
- u(l.$slots, "body.icon", {}, () => [
85
- e.icon ? (o(), d("span", O, [
86
- k(
87
- a(p),
88
- h(g(e.icon)),
69
+ e.title || o.$slots.header ? (l(), s("div", F, [
70
+ n(o.$slots, "header", {}, () => [
71
+ c(
72
+ "span",
73
+ O,
74
+ k(e.title),
75
+ 1
76
+ /* TEXT */
77
+ )
78
+ ])
79
+ ])) : i("v-if", !0),
80
+ e.icon || e.text || o.$slots.body ? (l(), s("div", Q, [
81
+ n(o.$slots, "body", {}, () => [
82
+ n(o.$slots, "body.icon", {}, () => [
83
+ e.icon ? (l(), s("span", S, [
84
+ h(
85
+ a(f),
86
+ g(b(e.icon)),
89
87
  null,
90
88
  16
91
89
  /* FULL_PROPS */
92
90
  )
93
- ])) : _("v-if", !0)
91
+ ])) : i("v-if", !0)
94
92
  ]),
95
- i("div", Q, [
96
- e.html ? (o(), d("span", {
93
+ c("div", I, [
94
+ e.html ? (l(), s("div", {
97
95
  key: 0,
98
96
  innerHTML: e.text
99
- }, null, 8, S)) : (o(), d(
100
- "span",
101
- I,
102
- y(e.text),
97
+ }, null, 8, P)) : (l(), s(
98
+ "div",
99
+ H,
100
+ k(e.text),
103
101
  1
104
102
  /* TEXT */
105
103
  ))
106
104
  ]),
107
- u(l.$slots, "body.append")
105
+ n(o.$slots, "body.append")
108
106
  ])
109
- ]),
110
- i("div", P, [
111
- (o(!0), d(
112
- D,
113
- null,
114
- L(e.buttons, (t) => (o(), n(a(B), v({ ref_for: !0 }, t.props, {
115
- key: t.id,
116
- onClick: () => b(t)
117
- }), {
118
- default: c(() => [
119
- t.icon ? (o(), n(
120
- a(p),
121
- v({
122
- key: 0,
123
- ref_for: !0
124
- }, t.icon),
125
- null,
126
- 16
127
- /* FULL_PROPS */
128
- )) : _("v-if", !0)
129
- ]),
130
- _: 2
131
- /* DYNAMIC */
132
- }, 1040, ["onClick"]))),
133
- 128
134
- /* KEYED_FRAGMENT */
135
- ))
136
- ])
107
+ ])) : i("v-if", !0),
108
+ e.buttons || o.$slots.footer ? (l(), s("div", w, [
109
+ n(o.$slots, "footer", {}, () => [
110
+ c("span", x, [
111
+ (l(!0), s(
112
+ N,
113
+ null,
114
+ z(e.buttons, (t) => (l(), d(a(q), B({ ref_for: !0 }, t.props, {
115
+ key: t.id,
116
+ onClick: () => $(t)
117
+ }), {
118
+ default: _(() => [
119
+ t.icon ? (l(), d(
120
+ a(f),
121
+ B({
122
+ key: 0,
123
+ ref_for: !0
124
+ }, t.icon),
125
+ null,
126
+ 16
127
+ /* FULL_PROPS */
128
+ )) : i("v-if", !0)
129
+ ]),
130
+ _: 2
131
+ /* DYNAMIC */
132
+ }, 1040, ["onClick"]))),
133
+ 128
134
+ /* KEYED_FRAGMENT */
135
+ ))
136
+ ])
137
+ ])
138
+ ])) : i("v-if", !0),
139
+ e.dismissible ? (l(), d(a(q), {
140
+ key: 3,
141
+ class: "q-dialog__close",
142
+ variant: "text",
143
+ onClick: p
144
+ }, {
145
+ default: _(() => [
146
+ h(
147
+ a(f),
148
+ g(b(e.icons.close)),
149
+ null,
150
+ 16
151
+ /* FULL_PROPS */
152
+ )
153
+ ]),
154
+ _: 1
155
+ /* STABLE */
156
+ })) : i("v-if", !0)
137
157
  ],
138
158
  2
139
159
  /* CLASS */
@@ -141,9 +161,9 @@ const U = { class: "q-dialog__header" }, A = { class: "q-dialog__header-title" }
141
161
  ]),
142
162
  _: 3
143
163
  /* FORWARDED */
144
- }, 8, ["id", "modelValue", "inline", "attach", "backdrop-blur"]));
164
+ }, 8, ["id", "modelValue", "inline", "attach", "backdrop-blur", "center-vertically", "class"]));
145
165
  }
146
166
  });
147
167
  export {
148
- j as default
168
+ W as default
149
169
  };
@@ -13,11 +13,14 @@ declare const QDialog: {
13
13
  dismissible?: boolean;
14
14
  html?: boolean;
15
15
  icons?: typeof import('./types').DEFAULT_ICONS;
16
+ size?: import('./types').QDialogSize;
17
+ centerVertically?: boolean;
16
18
  }> & Readonly<{
17
19
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
18
20
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
19
21
  "update:modelValue": (value: boolean) => any;
20
22
  }, import('vue').PublicProps, {
23
+ size: import('./types').QDialogSize;
21
24
  html: boolean;
22
25
  icon: import('..').Icon;
23
26
  icons: typeof import('./types').DEFAULT_ICONS;
@@ -44,9 +47,12 @@ declare const QDialog: {
44
47
  dismissible?: boolean;
45
48
  html?: boolean;
46
49
  icons?: typeof import('./types').DEFAULT_ICONS;
50
+ size?: import('./types').QDialogSize;
51
+ centerVertically?: boolean;
47
52
  }> & Readonly<{
48
53
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
49
54
  }>, {}, {}, {}, {}, {
55
+ size: import('./types').QDialogSize;
50
56
  html: boolean;
51
57
  icon: import('..').Icon;
52
58
  icons: typeof import('./types').DEFAULT_ICONS;
@@ -70,11 +76,14 @@ declare const QDialog: {
70
76
  dismissible?: boolean;
71
77
  html?: boolean;
72
78
  icons?: typeof import('./types').DEFAULT_ICONS;
79
+ size?: import('./types').QDialogSize;
80
+ centerVertically?: boolean;
73
81
  }> & Readonly<{
74
82
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
75
83
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
76
84
  "update:modelValue": (value: boolean) => any;
77
85
  }, string, {
86
+ size: import('./types').QDialogSize;
78
87
  html: boolean;
79
88
  icon: import('..').Icon;
80
89
  icons: typeof import('./types').DEFAULT_ICONS;
@@ -83,9 +92,11 @@ declare const QDialog: {
83
92
  buttons: DialogButton[];
84
93
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
85
94
  $slots: {
86
- 'body.content'?(_: {}): any;
95
+ header?(_: {}): any;
96
+ body?(_: {}): any;
87
97
  'body.icon'?(_: {}): any;
88
98
  'body.append'?(_: {}): any;
99
+ footer?(_: {}): any;
89
100
  };
90
101
  });
91
102
  export { QDialog };
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA4B,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,YAAY,EAAE,YAAY,EAAE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA4B,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,YAAY,EAAE,YAAY,EAAE,CAAA"}
@@ -1,6 +1,7 @@
1
1
  import { QButtonProps } from '../QButton';
2
2
  import { Icon } from '../QIcon';
3
3
  import { QBaseComponentProps } from '../../types/component';
4
+ export type QDialogSize = 'small' | 'medium' | 'large' | 'xlarge';
4
5
  export type QDialogProps = QBaseComponentProps & {
5
6
  /**
6
7
  * The title of the dialog window.
@@ -44,6 +45,14 @@ export type QDialogProps = QBaseComponentProps & {
44
45
  * Custom icon configurations.
45
46
  */
46
47
  icons?: typeof DEFAULT_ICONS;
48
+ /**
49
+ * The size category of the dialog.
50
+ */
51
+ size?: QDialogSize;
52
+ /**
53
+ * Whether to vertically align the dialog to the center (true) or top (false)
54
+ */
55
+ centerVertically?: boolean;
47
56
  };
48
57
  export type DialogButton = {
49
58
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AACpC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,YAAY,GAAG,mBAAmB,GAAG;IAChD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IAExB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,MAAM,CAAC,EAAE;QAAE,IAAI,IAAI,CAAA;KAAE,CAAA;IAErB;;OAEG;IACH,KAAK,EAAE,YAAY,CAAA;CACnB,CAAA;AAGD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,YAAY,CAW/C,CAAA;AAGD,eAAO,MAAM,YAAY,EAAE,IAE1B,CAAA;AAGD,eAAO,MAAM,aAAa;;;;CAIM,CAAA"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AACpC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AAEjE,MAAM,MAAM,YAAY,GAAG,mBAAmB,GAAG;IAChD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IAExB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,CAAA;IAElB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,MAAM,CAAC,EAAE;QAAE,IAAI,IAAI,CAAA;KAAE,CAAA;IAErB;;OAEG;IACH,KAAK,EAAE,YAAY,CAAA;CACnB,CAAA;AAGD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,YAAY,CAW/C,CAAA;AAGD,eAAO,MAAM,YAAY,EAAE,IAE1B,CAAA;AAGD,eAAO,MAAM,aAAa;;;;CAIM,CAAA"}
@@ -0,0 +1,21 @@
1
+ import { QDividerProps } from './types';
2
+ declare function __VLS_template(): {
3
+ attrs: Partial<{}>;
4
+ slots: {
5
+ default?(_: {}): any;
6
+ };
7
+ refs: {};
8
+ rootEl: HTMLDivElement;
9
+ };
10
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
11
+ declare const __VLS_component: import('vue').DefineComponent<QDividerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QDividerProps> & Readonly<{}>, {
12
+ direction: "horizontal" | "vertical";
13
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
14
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
15
+ export default _default;
16
+ type __VLS_WithTemplateSlots<T, S> = T & {
17
+ new (): {
18
+ $slots: S;
19
+ };
20
+ };
21
+ //# sourceMappingURL=QDivider.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"QDivider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDivider/QDivider.vue"],"names":[],"mappings":"AAaA;AAuCC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AA0B7C,iBAAS,cAAc;WAoCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;wFAQnB,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,57 @@
1
+ import { defineComponent as v, computed as s, useSlots as u, createElementBlock as d, openBlock as o, normalizeClass as p, createCommentVNode as c, Fragment as m, createElementVNode as i, renderSlot as _ } from "vue";
2
+ const f = { class: "q-divider__label" }, C = /* @__PURE__ */ v({
3
+ __name: "QDivider",
4
+ props: {
5
+ direction: { default: "horizontal" },
6
+ inset: { type: Boolean }
7
+ },
8
+ setup(r) {
9
+ const t = r, l = s(() => !!u().default), n = s(() => [
10
+ "q-divider",
11
+ `q-divider--${t.direction}`,
12
+ {
13
+ "q-divider--inset": t.inset,
14
+ "q-divider--labeled": l.value
15
+ }
16
+ ]);
17
+ return (a, e) => (o(), d(
18
+ "div",
19
+ {
20
+ class: p(n.value),
21
+ role: "separator"
22
+ },
23
+ [
24
+ l.value ? (o(), d(
25
+ m,
26
+ { key: 0 },
27
+ [
28
+ e[0] || (e[0] = i(
29
+ "div",
30
+ { class: "q-divider__line" },
31
+ null,
32
+ -1
33
+ /* HOISTED */
34
+ )),
35
+ i("span", f, [
36
+ _(a.$slots, "default")
37
+ ]),
38
+ e[1] || (e[1] = i(
39
+ "div",
40
+ { class: "q-divider__line" },
41
+ null,
42
+ -1
43
+ /* HOISTED */
44
+ ))
45
+ ],
46
+ 64
47
+ /* STABLE_FRAGMENT */
48
+ )) : c("v-if", !0)
49
+ ],
50
+ 2
51
+ /* CLASS */
52
+ ));
53
+ }
54
+ });
55
+ export {
56
+ C as default
57
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./QDivider.vue.js";
2
+ export {
3
+ f as default
4
+ };
@@ -0,0 +1,25 @@
1
+ declare const QDivider: {
2
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').QDividerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
3
+ direction: "horizontal" | "vertical";
4
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
5
+ P: {};
6
+ B: {};
7
+ D: {};
8
+ C: {};
9
+ M: {};
10
+ Defaults: {};
11
+ }, Readonly<import('./types').QDividerProps> & Readonly<{}>, {}, {}, {}, {}, {
12
+ direction: "horizontal" | "vertical";
13
+ }>;
14
+ __isFragment?: never;
15
+ __isTeleport?: never;
16
+ __isSuspense?: never;
17
+ } & import('vue').ComponentOptionsBase<Readonly<import('./types').QDividerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
18
+ direction: "horizontal" | "vertical";
19
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
20
+ $slots: {
21
+ default?(_: {}): any;
22
+ };
23
+ });
24
+ export { QDivider };
25
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDivider/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;EAA6B,CAAA;AAG3C,OAAO,EAAE,QAAQ,EAAE,CAAA"}
@@ -0,0 +1,6 @@
1
+ import o from "./QDivider.vue.js";
2
+ import { setupPropsProxy as r } from "../../utils/setupPropsProxy.js";
3
+ const p = r(o);
4
+ export {
5
+ p as QDivider
6
+ };
@@ -0,0 +1,11 @@
1
+ export type QDividerProps = {
2
+ /**
3
+ * Orientation of the divider.
4
+ */
5
+ direction?: 'horizontal' | 'vertical';
6
+ /**
7
+ * If true, applies inset margin.
8
+ */
9
+ inset?: boolean;
10
+ };
11
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QDivider/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAErC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;CACf,CAAA"}