@quidgest/ui 0.13.2 → 0.14.0

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 (180) hide show
  1. package/dist/manifest/components.json +4 -0
  2. package/dist/ui.css +77 -0
  3. package/dist/ui.esm.js +1134 -912
  4. package/dist/ui.js +6 -6
  5. package/dist/ui.min.css +1 -1
  6. package/dist/ui.min.js +96 -87
  7. package/dist/ui.scss +86 -4
  8. package/esm/components/QBadge/QBadge.d.ts +10 -35
  9. package/esm/components/QBadge/QBadge.d.ts.map +1 -1
  10. package/esm/components/QBadge/QBadge.vue.js +19 -22
  11. package/esm/components/QBadge/index.d.ts +3 -139
  12. package/esm/components/QBadge/index.d.ts.map +1 -1
  13. package/esm/components/QBadge/types.d.ts +30 -0
  14. package/esm/components/QBadge/types.d.ts.map +1 -0
  15. package/esm/components/QBadge/types.js +8 -0
  16. package/esm/components/QButton/QButton.d.ts +8 -50
  17. package/esm/components/QButton/QButton.d.ts.map +1 -1
  18. package/esm/components/QButton/index.d.ts +3 -197
  19. package/esm/components/QButton/index.d.ts.map +1 -1
  20. package/esm/components/QButton/types.d.ts +47 -0
  21. package/esm/components/QButton/types.d.ts.map +1 -0
  22. package/esm/components/QButtonGroup/QButtonGroup.d.ts +7 -21
  23. package/esm/components/QButtonGroup/QButtonGroup.d.ts.map +1 -1
  24. package/esm/components/QButtonGroup/index.d.ts +3 -79
  25. package/esm/components/QButtonGroup/index.d.ts.map +1 -1
  26. package/esm/components/QButtonGroup/types.d.ts +19 -0
  27. package/esm/components/QButtonGroup/types.d.ts.map +1 -0
  28. package/esm/components/QButtonToggle/QButtonToggle.d.ts +6 -33
  29. package/esm/components/QButtonToggle/QButtonToggle.d.ts.map +1 -1
  30. package/esm/components/QButtonToggle/index.d.ts +3 -115
  31. package/esm/components/QButtonToggle/index.d.ts.map +1 -1
  32. package/esm/components/QButtonToggle/types.d.ts +32 -0
  33. package/esm/components/QButtonToggle/types.d.ts.map +1 -0
  34. package/esm/components/QCombobox/QCombobox.d.ts +266 -144
  35. package/esm/components/QCombobox/QCombobox.d.ts.map +1 -1
  36. package/esm/components/QCombobox/QCombobox.vue.js +52 -62
  37. package/esm/components/QCombobox/index.d.ts +3 -1075
  38. package/esm/components/QCombobox/index.d.ts.map +1 -1
  39. package/esm/components/QCombobox/types.d.ts +92 -0
  40. package/esm/components/QCombobox/types.d.ts.map +1 -0
  41. package/esm/components/QCombobox/types.js +14 -0
  42. package/esm/components/QDialog/QDialog.d.ts +18 -93
  43. package/esm/components/QDialog/QDialog.d.ts.map +1 -1
  44. package/esm/components/QDialog/QDialog.vue.js +45 -61
  45. package/esm/components/QDialog/index.d.ts +3 -267
  46. package/esm/components/QDialog/index.d.ts.map +1 -1
  47. package/esm/components/QDialog/types.d.ts +82 -0
  48. package/esm/components/QDialog/types.d.ts.map +1 -0
  49. package/esm/components/QDialog/types.js +23 -0
  50. package/esm/components/QField/QField.d.ts +15 -47
  51. package/esm/components/QField/QField.d.ts.map +1 -1
  52. package/esm/components/QField/index.d.ts +3 -168
  53. package/esm/components/QField/index.d.ts.map +1 -1
  54. package/esm/components/QField/types.d.ts +37 -0
  55. package/esm/components/QField/types.d.ts.map +1 -0
  56. package/esm/components/QIcon/InlineSvg.d.ts.map +1 -1
  57. package/esm/components/QIcon/InlineSvg.js +6 -13
  58. package/esm/components/QIcon/QIcon.d.ts +3 -19
  59. package/esm/components/QIcon/QIcon.d.ts.map +1 -1
  60. package/esm/components/QIcon/QIcon.vue.js +2 -2
  61. package/esm/components/QIcon/QIconFont.d.ts +2 -22
  62. package/esm/components/QIcon/QIconFont.d.ts.map +1 -1
  63. package/esm/components/QIcon/QIconFont.vue.js +9 -9
  64. package/esm/components/QIcon/QIconImg.d.ts +3 -27
  65. package/esm/components/QIcon/QIconImg.d.ts.map +1 -1
  66. package/esm/components/QIcon/QIconImg.vue.js +3 -3
  67. package/esm/components/QIcon/QIconSvg.d.ts +4 -36
  68. package/esm/components/QIcon/QIconSvg.d.ts.map +1 -1
  69. package/esm/components/QIcon/QIconSvg.vue.js +9 -9
  70. package/esm/components/QIcon/index.d.ts +9 -156
  71. package/esm/components/QIcon/index.d.ts.map +1 -1
  72. package/esm/components/QIcon/types.d.ts +40 -0
  73. package/esm/components/QIcon/types.d.ts.map +1 -0
  74. package/esm/components/QInputGroup/QInputGroup.d.ts +12 -42
  75. package/esm/components/QInputGroup/QInputGroup.d.ts.map +1 -1
  76. package/esm/components/QInputGroup/index.d.ts +3 -153
  77. package/esm/components/QInputGroup/index.d.ts.map +1 -1
  78. package/esm/components/QInputGroup/types.d.ts +35 -0
  79. package/esm/components/QInputGroup/types.d.ts.map +1 -0
  80. package/esm/components/QLineLoader/QLineLoader.d.ts +2 -6
  81. package/esm/components/QLineLoader/QLineLoader.d.ts.map +1 -1
  82. package/esm/components/QLineLoader/index.d.ts +3 -13
  83. package/esm/components/QLineLoader/index.d.ts.map +1 -1
  84. package/esm/components/QLineLoader/types.d.ts +7 -0
  85. package/esm/components/QLineLoader/types.d.ts.map +1 -0
  86. package/esm/components/QList/QList.d.ts +11 -52
  87. package/esm/components/QList/QList.d.ts.map +1 -1
  88. package/esm/components/QList/QListItem.d.ts +10 -53
  89. package/esm/components/QList/QListItem.d.ts.map +1 -1
  90. package/esm/components/QList/QListItem.vue.js +22 -28
  91. package/esm/components/QList/QListItemGroup.d.ts +7 -13
  92. package/esm/components/QList/QListItemGroup.d.ts.map +1 -1
  93. package/esm/components/QList/index.d.ts +7 -452
  94. package/esm/components/QList/index.d.ts.map +1 -1
  95. package/esm/components/QList/types.d.ts +102 -0
  96. package/esm/components/QList/types.d.ts.map +1 -0
  97. package/esm/components/QList/types.js +11 -0
  98. package/esm/components/QOverlay/QOverlay.d.ts +33 -118
  99. package/esm/components/QOverlay/QOverlay.d.ts.map +1 -1
  100. package/esm/components/QOverlay/QOverlay.vue.js +1 -2
  101. package/esm/components/QOverlay/index.d.ts +3 -339
  102. package/esm/components/QOverlay/index.d.ts.map +1 -1
  103. package/esm/components/QOverlay/types.d.ts +88 -0
  104. package/esm/components/QOverlay/types.d.ts.map +1 -0
  105. package/esm/components/QPopover/QPopover.d.ts +17 -58
  106. package/esm/components/QPopover/QPopover.d.ts.map +1 -1
  107. package/esm/components/QPopover/QPopover.vue.js +25 -24
  108. package/esm/components/QPopover/index.d.ts +3 -180
  109. package/esm/components/QPopover/index.d.ts.map +1 -1
  110. package/esm/components/QPopover/types.d.ts +44 -0
  111. package/esm/components/QPopover/types.d.ts.map +1 -0
  112. package/esm/components/QPropertyList/QPropertyList.d.ts +70 -0
  113. package/esm/components/QPropertyList/QPropertyList.d.ts.map +1 -0
  114. package/esm/components/QPropertyList/QPropertyList.vue.js +146 -0
  115. package/esm/components/QPropertyList/QPropertyList.vue2.js +4 -0
  116. package/esm/components/QPropertyList/QPropertyListGroup.d.ts +48 -0
  117. package/esm/components/QPropertyList/QPropertyListGroup.d.ts.map +1 -0
  118. package/esm/components/QPropertyList/QPropertyListGroup.vue.js +72 -0
  119. package/esm/components/QPropertyList/QPropertyListGroup.vue2.js +4 -0
  120. package/esm/components/QPropertyList/QPropertyListPanel.d.ts +53 -0
  121. package/esm/components/QPropertyList/QPropertyListPanel.d.ts.map +1 -0
  122. package/esm/components/QPropertyList/QPropertyListPanel.vue.js +45 -0
  123. package/esm/components/QPropertyList/QPropertyListPanel.vue2.js +4 -0
  124. package/esm/components/QPropertyList/QPropertyListRow.d.ts +29 -0
  125. package/esm/components/QPropertyList/QPropertyListRow.d.ts.map +1 -0
  126. package/esm/components/QPropertyList/QPropertyListRow.vue.js +64 -0
  127. package/esm/components/QPropertyList/QPropertyListRow.vue2.js +4 -0
  128. package/esm/components/QPropertyList/index.d.ts +13 -0
  129. package/esm/components/QPropertyList/index.d.ts.map +1 -0
  130. package/esm/components/QPropertyList/index.js +12 -0
  131. package/esm/components/QPropertyList/types.d.ts +101 -0
  132. package/esm/components/QPropertyList/types.d.ts.map +1 -0
  133. package/esm/components/QPropertyList/types.js +14 -0
  134. package/esm/components/QSelect/QSelect.d.ts +25 -102
  135. package/esm/components/QSelect/QSelect.d.ts.map +1 -1
  136. package/esm/components/QSelect/QSelect.vue.js +80 -91
  137. package/esm/components/QSelect/index.d.ts +3 -369
  138. package/esm/components/QSelect/index.d.ts.map +1 -1
  139. package/esm/components/QSelect/types.d.ts +80 -0
  140. package/esm/components/QSelect/types.d.ts.map +1 -0
  141. package/esm/components/QSelect/types.js +14 -0
  142. package/esm/components/QSkeletonLoader/QSkeletonLoader.d.ts +2 -14
  143. package/esm/components/QSkeletonLoader/QSkeletonLoader.d.ts.map +1 -1
  144. package/esm/components/QSkeletonLoader/index.d.ts +3 -31
  145. package/esm/components/QSkeletonLoader/index.d.ts.map +1 -1
  146. package/esm/components/QSkeletonLoader/types.d.ts +15 -0
  147. package/esm/components/QSkeletonLoader/types.d.ts.map +1 -0
  148. package/esm/components/QSpinnerLoader/QSpinnerLoader.d.ts +2 -10
  149. package/esm/components/QSpinnerLoader/QSpinnerLoader.d.ts.map +1 -1
  150. package/esm/components/QSpinnerLoader/QSpinnerLoader.vue.js +6 -6
  151. package/esm/components/QSpinnerLoader/index.d.ts +3 -22
  152. package/esm/components/QSpinnerLoader/index.d.ts.map +1 -1
  153. package/esm/components/QSpinnerLoader/types.d.ts +11 -0
  154. package/esm/components/QSpinnerLoader/types.d.ts.map +1 -0
  155. package/esm/components/QTextField/QTextField.d.ts +13 -61
  156. package/esm/components/QTextField/QTextField.d.ts.map +1 -1
  157. package/esm/components/QTextField/index.d.ts +3 -229
  158. package/esm/components/QTextField/index.d.ts.map +1 -1
  159. package/esm/components/QTextField/types.d.ts +51 -0
  160. package/esm/components/QTextField/types.d.ts.map +1 -0
  161. package/esm/components/QThemeProvider/QThemeProvider.d.ts +6 -8
  162. package/esm/components/QThemeProvider/QThemeProvider.d.ts.map +1 -1
  163. package/esm/components/QThemeProvider/index.d.ts +3 -37
  164. package/esm/components/QThemeProvider/index.d.ts.map +1 -1
  165. package/esm/components/QThemeProvider/types.d.ts +7 -0
  166. package/esm/components/QThemeProvider/types.d.ts.map +1 -0
  167. package/esm/components/QTooltip/QTooltip.d.ts +30 -94
  168. package/esm/components/QTooltip/QTooltip.d.ts.map +1 -1
  169. package/esm/components/QTooltip/index.d.ts +3 -279
  170. package/esm/components/QTooltip/index.d.ts.map +1 -1
  171. package/esm/components/QTooltip/types.d.ts +67 -0
  172. package/esm/components/QTooltip/types.d.ts.map +1 -0
  173. package/esm/components/index.d.ts +1 -0
  174. package/esm/components/index.d.ts.map +1 -1
  175. package/esm/components/index.js +42 -37
  176. package/esm/composables/defaults.js +3 -6
  177. package/esm/index.d.ts +4 -0
  178. package/esm/utils/color.js +1 -2
  179. package/esm/utils/setupPropsProxy.js +2 -4
  180. package/package.json +35 -36
@@ -0,0 +1,48 @@
1
+ import { QPropertyListGroupProps, DEFAULT_ICONS, DEFAULT_TEXTS } from './types';
2
+
3
+ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<QPropertyListGroupProps>, {
4
+ noToggle: boolean;
5
+ internals: () => {
6
+ icons: Record<string, import('../QIcon').Icon>;
7
+ texts: {
8
+ emptyMessage: string;
9
+ };
10
+ };
11
+ }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
12
+ "toggle-group": (id: string) => void;
13
+ }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<QPropertyListGroupProps>, {
14
+ noToggle: boolean;
15
+ internals: () => {
16
+ icons: Record<string, import('../QIcon').Icon>;
17
+ texts: {
18
+ emptyMessage: string;
19
+ };
20
+ };
21
+ }>>> & {
22
+ "onToggle-group"?: ((id: string) => any) | undefined;
23
+ }, {
24
+ internals: {
25
+ icons: typeof DEFAULT_ICONS;
26
+ texts: typeof DEFAULT_TEXTS;
27
+ };
28
+ noToggle: boolean;
29
+ }, {}>;
30
+ export default _default;
31
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
32
+ type __VLS_TypePropsToRuntimeProps<T> = {
33
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
34
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
35
+ } : {
36
+ type: import('vue').PropType<T[K]>;
37
+ required: true;
38
+ };
39
+ };
40
+ type __VLS_WithDefaults<P, D> = {
41
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
42
+ default: D[K];
43
+ }> : P[K];
44
+ };
45
+ type __VLS_Prettify<T> = {
46
+ [K in keyof T]: T[K];
47
+ } & {};
48
+ //# sourceMappingURL=QPropertyListGroup.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"QPropertyListGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPropertyList/QPropertyListGroup.vue"],"names":[],"mappings":"AAuBA;AAQC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAGtD,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0JvD,wBAOG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
@@ -0,0 +1,72 @@
1
+ import { defineComponent as m, ref as g, computed as l, openBlock as i, createElementBlock as f, normalizeClass as _, unref as t, createElementVNode as s, createBlock as y, withCtx as k, createVNode as T, normalizeProps as v, guardReactiveProps as C, createCommentVNode as b, createTextVNode as h, toDisplayString as x } from "vue";
2
+ import { QButton as B } from "../QButton/index.js";
3
+ import { QIcon as E } from "../QIcon/index.js";
4
+ import { useId as N } from "../../composables/uid.js";
5
+ import { DEFAULT_ICONS as V, DEFAULT_TEXTS as q } from "./types.js";
6
+ const D = ["data-key", "aria-labelledby"], I = ["id"], L = { class: "q-property-list-group__content" }, U = /* @__PURE__ */ m({
7
+ __name: "QPropertyListGroup",
8
+ props: {
9
+ id: {},
10
+ title: {},
11
+ noToggle: { type: Boolean, default: !1 },
12
+ internals: { default: () => ({
13
+ icons: V,
14
+ texts: q
15
+ }) }
16
+ },
17
+ emits: ["toggle-group"],
18
+ setup(a, { emit: c }) {
19
+ const e = a, p = c, o = g(!0), r = N(), u = l(
20
+ () => o.value ? e.internals.icons.open : e.internals.icons.close
21
+ ), d = l(() => [
22
+ "q-property-list-group",
23
+ {
24
+ "q-property-list-group--no-toggle": e.noToggle
25
+ }
26
+ ]);
27
+ function n() {
28
+ e.noToggle || (o.value = !o.value, p("toggle-group", e.id));
29
+ }
30
+ return (P, Q) => (i(), f("tr", {
31
+ class: _(d.value),
32
+ role: "group",
33
+ "data-key": e.id,
34
+ "aria-labelledby": t(r),
35
+ onClick: n
36
+ }, [
37
+ s("td", {
38
+ id: t(r),
39
+ colspan: "2"
40
+ }, [
41
+ s("div", L, [
42
+ e.noToggle ? b("v-if", !0) : (i(), y(t(B), {
43
+ key: 0,
44
+ "b-style": "tertiary",
45
+ borderless: "",
46
+ onClick: n
47
+ }, {
48
+ default: k(() => [
49
+ T(
50
+ t(E),
51
+ v(C(u.value)),
52
+ null,
53
+ 16
54
+ /* FULL_PROPS */
55
+ )
56
+ ]),
57
+ _: 1
58
+ /* STABLE */
59
+ })),
60
+ h(
61
+ " " + x(e.title),
62
+ 1
63
+ /* TEXT */
64
+ )
65
+ ])
66
+ ], 8, I)
67
+ ], 10, D));
68
+ }
69
+ });
70
+ export {
71
+ U as default
72
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./QPropertyListGroup.vue.js";
2
+ export {
3
+ f as default
4
+ };
@@ -0,0 +1,53 @@
1
+ import { QPropertyListPanelProps, DEFAULT_TEXTS, DEFAULT_ICONS } from './types';
2
+
3
+ declare function __VLS_template(): {
4
+ default?(_: {}): any;
5
+ };
6
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<QPropertyListPanelProps>, {
7
+ field: undefined;
8
+ internals: () => {
9
+ icons: Record<string, import('..').Icon>;
10
+ texts: {
11
+ emptyMessage: string;
12
+ };
13
+ };
14
+ }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<QPropertyListPanelProps>, {
15
+ field: undefined;
16
+ internals: () => {
17
+ icons: Record<string, import('..').Icon>;
18
+ texts: {
19
+ emptyMessage: string;
20
+ };
21
+ };
22
+ }>>>, {
23
+ internals: {
24
+ icons: typeof DEFAULT_ICONS;
25
+ texts: typeof DEFAULT_TEXTS;
26
+ };
27
+ field: import('./types').QPropertyListField;
28
+ }, {}>;
29
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
30
+ export default _default;
31
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
32
+ type __VLS_TypePropsToRuntimeProps<T> = {
33
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
34
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
35
+ } : {
36
+ type: import('vue').PropType<T[K]>;
37
+ required: true;
38
+ };
39
+ };
40
+ type __VLS_WithDefaults<P, D> = {
41
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
42
+ default: D[K];
43
+ }> : P[K];
44
+ };
45
+ type __VLS_Prettify<T> = {
46
+ [K in keyof T]: T[K];
47
+ } & {};
48
+ type __VLS_WithTemplateSlots<T, S> = T & {
49
+ new (): {
50
+ $slots: S;
51
+ };
52
+ };
53
+ //# sourceMappingURL=QPropertyListPanel.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"QPropertyListPanel.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPropertyList/QPropertyListPanel.vue"],"names":[],"mappings":"AAeA;AAGC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAGtD,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AA0BvD,iBAAS,cAAc;qBAuEM,GAAG;EAG/B;AAQD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;MAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
@@ -0,0 +1,45 @@
1
+ import { defineComponent as i, openBlock as s, createElementBlock as o, renderSlot as p, createElementVNode as l, toDisplayString as t } from "vue";
2
+ import { DEFAULT_ICONS as a, DEFAULT_TEXTS as _ } from "./types.js";
3
+ const d = { class: "q-property-list-panel__container" }, c = { class: "q-property-list-panel__label" }, f = { class: "q-property-list-panel__description" }, m = {
4
+ key: 1,
5
+ class: "q-property-list-panel__empty"
6
+ }, v = /* @__PURE__ */ i({
7
+ __name: "QPropertyListPanel",
8
+ props: {
9
+ field: { default: void 0 },
10
+ internals: { default: () => ({
11
+ icons: a,
12
+ texts: _
13
+ }) }
14
+ },
15
+ setup(n) {
16
+ const e = n;
17
+ return (r, y) => (s(), o("div", d, [
18
+ e.field ? p(r.$slots, "default", { key: 0 }, () => [
19
+ l(
20
+ "div",
21
+ c,
22
+ t(e.field.label),
23
+ 1
24
+ /* TEXT */
25
+ ),
26
+ l(
27
+ "div",
28
+ f,
29
+ t(e.field.description),
30
+ 1
31
+ /* TEXT */
32
+ )
33
+ ]) : (s(), o(
34
+ "div",
35
+ m,
36
+ t(e.internals.texts.emptyMessage),
37
+ 1
38
+ /* TEXT */
39
+ ))
40
+ ]));
41
+ }
42
+ });
43
+ export {
44
+ v as default
45
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./QPropertyListPanel.vue.js";
2
+ export {
3
+ f as default
4
+ };
@@ -0,0 +1,29 @@
1
+ import { QPropertyListField, QPropertyListRowProps } from './types';
2
+
3
+ declare function __VLS_template(): {
4
+ default?(_: {}): any;
5
+ };
6
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<QPropertyListRowProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
7
+ focus: (field: QPropertyListField) => void;
8
+ "field-change": (field: QPropertyListField, value: unknown) => void;
9
+ }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<QPropertyListRowProps>>> & {
10
+ onFocus?: ((field: QPropertyListField) => any) | undefined;
11
+ "onField-change"?: ((field: QPropertyListField, value: unknown) => any) | undefined;
12
+ }, {}, {}>;
13
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
14
+ export default _default;
15
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
16
+ type __VLS_TypePropsToRuntimeProps<T> = {
17
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
18
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
19
+ } : {
20
+ type: import('vue').PropType<T[K]>;
21
+ required: true;
22
+ };
23
+ };
24
+ type __VLS_WithTemplateSlots<T, S> = T & {
25
+ new (): {
26
+ $slots: S;
27
+ };
28
+ };
29
+ //# sourceMappingURL=QPropertyListRow.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"QPropertyListRow.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPropertyList/QPropertyListRow.vue"],"names":[],"mappings":"AAwBA;AAIC,OAAO,KAAK,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAyCzE,iBAAS,cAAc;qBAmFO,GAAG;EAKhC;AAcD,QAAA,MAAM,eAAe;;;;;;UAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
@@ -0,0 +1,64 @@
1
+ import { defineComponent as y, computed as o, openBlock as a, createElementBlock as q, normalizeClass as c, createElementVNode as n, toDisplayString as v, renderSlot as C, createBlock as h, resolveDynamicComponent as g, mergeProps as k } from "vue";
2
+ const B = { class: "q-property-list-field__container" }, b = /* @__PURE__ */ y({
3
+ __name: "QPropertyListRow",
4
+ props: {
5
+ field: {},
6
+ class: {},
7
+ readonly: { type: Boolean }
8
+ },
9
+ emits: ["focus", "field-change"],
10
+ setup(i, { emit: p }) {
11
+ const e = i, r = p, d = o(() => ["q-property-list__row", e.class]), u = o(() => {
12
+ var t;
13
+ const l = ["q-property-list__cell", "q-property-list__cell--label"];
14
+ return (t = e.field.props) != null && t.required && l.push("q-property-list__cell--required"), l;
15
+ }), f = o(() => e.readonly || (e.field.props.readonly ?? !1));
16
+ function s() {
17
+ r("focus", e.field);
18
+ }
19
+ function m(l) {
20
+ r("field-change", e.field, l);
21
+ }
22
+ const _ = o(() => ({
23
+ ...e.field.props,
24
+ readonly: f.value
25
+ }));
26
+ return (l, t) => (a(), q(
27
+ "tr",
28
+ {
29
+ class: c(d.value),
30
+ onFocusin: s
31
+ },
32
+ [
33
+ n(
34
+ "td",
35
+ {
36
+ class: c(u.value),
37
+ onClick: s
38
+ },
39
+ v(e.field.label),
40
+ 3
41
+ /* TEXT, CLASS */
42
+ ),
43
+ n("td", {
44
+ class: "q-property-list__cell",
45
+ onClick: s
46
+ }, [
47
+ C(l.$slots, "default", {}, () => [
48
+ n("div", B, [
49
+ (a(), h(g(e.field.component), k(_.value, {
50
+ "model-value": e.field.props.modelValue,
51
+ "onUpdate:modelValue": m
52
+ }), null, 16, ["model-value"]))
53
+ ])
54
+ ])
55
+ ])
56
+ ],
57
+ 34
58
+ /* CLASS, NEED_HYDRATION */
59
+ ));
60
+ }
61
+ });
62
+ export {
63
+ b as default
64
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./QPropertyListRow.vue.js";
2
+ export {
3
+ f as default
4
+ };
@@ -0,0 +1,13 @@
1
+ import { default as _QPropertyList } from './QPropertyList';
2
+ import { default as _QPropertyListRow } from './QPropertyListRow';
3
+ import { default as _QPropertyListGroup } from './QPropertyListGroup';
4
+ import { default as _QPropertyListPanel } from './QPropertyListPanel';
5
+ import { QPropertyListProps, QPropertyListRowProps, QPropertyListGroupProps, QPropertyListPanelProps } from './types';
6
+
7
+ declare const QPropertyList: typeof _QPropertyList;
8
+ declare const QPropertyListRow: typeof _QPropertyListRow;
9
+ declare const QPropertyListGroup: typeof _QPropertyListGroup;
10
+ declare const QPropertyListPanel: typeof _QPropertyListPanel;
11
+ export { QPropertyList, QPropertyListRow, QPropertyListGroup, QPropertyListPanel };
12
+ export type { QPropertyListProps, QPropertyListRowProps, QPropertyListGroupProps, QPropertyListPanelProps };
13
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QPropertyList/index.ts"],"names":[],"mappings":"AACA,OAAO,cAAc,MAAM,qBAAqB,CAAA;AAChD,OAAO,iBAAiB,MAAM,wBAAwB,CAAA;AACtD,OAAO,mBAAmB,MAAM,0BAA0B,CAAA;AAC1D,OAAO,mBAAmB,MAAM,0BAA0B,CAAA;AAG1D,OAAO,KAAK,EACX,kBAAkB,EAClB,qBAAqB,EACrB,uBAAuB,EACvB,uBAAuB,EACvB,MAAM,SAAS,CAAA;AAKhB,QAAA,MAAM,aAAa,EAAsC,OAAO,cAAc,CAAA;AAC9E,QAAA,MAAM,gBAAgB,EAAyC,OAAO,iBAAiB,CAAA;AACvF,QAAA,MAAM,kBAAkB,EAA2C,OAAO,mBAAmB,CAAA;AAC7F,QAAA,MAAM,kBAAkB,EAA2C,OAAO,mBAAmB,CAAA;AAG7F,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAA;AAGlF,YAAY,EACX,kBAAkB,EAClB,qBAAqB,EACrB,uBAAuB,EACvB,uBAAuB,EACvB,CAAA"}
@@ -0,0 +1,12 @@
1
+ import r from "./QPropertyList.vue.js";
2
+ import t from "./QPropertyListRow.vue.js";
3
+ import m from "./QPropertyListGroup.vue.js";
4
+ import s from "./QPropertyListPanel.vue.js";
5
+ import { setupPropsProxy as o } from "../../utils/setupPropsProxy.js";
6
+ const _ = o(r), e = o(t), P = o(m), a = o(s);
7
+ export {
8
+ _ as QPropertyList,
9
+ P as QPropertyListGroup,
10
+ a as QPropertyListPanel,
11
+ e as QPropertyListRow
12
+ };
@@ -0,0 +1,101 @@
1
+ import { Icon } from '../QIcon';
2
+ import { Component } from 'vue';
3
+
4
+ export type PanelPostion = 'bottom' | 'right';
5
+ export type QPropertyListProps = {
6
+ /**
7
+ * List of fields to be rendered
8
+ */
9
+ fields?: QPropertyListField[];
10
+ /**
11
+ * Disables/Enables the description panel
12
+ */
13
+ noPanel?: boolean;
14
+ /**
15
+ * Decides if the groups have the toggle functionality
16
+ */
17
+ noToggle?: boolean;
18
+ /**
19
+ * Decides the panel positioning (bottom, right)
20
+ */
21
+ panelPosition?: PanelPostion;
22
+ /**
23
+ * The row groups used for organizing the available fields.
24
+ */
25
+ groups?: QPropertyListGroupProps[];
26
+ /**
27
+ * Custom set of classes to apply to the component.
28
+ */
29
+ class?: string | unknown[];
30
+ /**
31
+ * The internal elements of the component
32
+ */
33
+ internals?: Internals;
34
+ /**
35
+ * Decides if the component is readonly
36
+ */
37
+ readonly?: boolean;
38
+ };
39
+ export type QPropertyListGroupProps = {
40
+ /**
41
+ * The group id
42
+ */
43
+ id: string;
44
+ /**
45
+ * The group title
46
+ */
47
+ title: string;
48
+ /**
49
+ * Decided if the group has toggle functionality
50
+ */
51
+ noToggle?: boolean;
52
+ /**
53
+ * The internal elements of the component
54
+ */
55
+ internals?: Internals;
56
+ };
57
+ export type QPropertyListField = {
58
+ id: string;
59
+ group?: string;
60
+ label: string;
61
+ description?: string;
62
+ component: string | Component;
63
+ props: Record<string, unknown>;
64
+ };
65
+ export type QPropertyListRowProps = {
66
+ /**
67
+ * The field to be rendered
68
+ */
69
+ field: QPropertyListField;
70
+ /**
71
+ * Custom set of classes to apply to the component.
72
+ */
73
+ class?: string | unknown[];
74
+ /**
75
+ * Decides if the row is readonly
76
+ */
77
+ readonly?: boolean;
78
+ };
79
+ export type QPropertyListPanelProps = {
80
+ /**
81
+ * The field to be rendered
82
+ */
83
+ field?: QPropertyListField;
84
+ /**
85
+ * Necessary strings to be used in the component.
86
+ */
87
+ internals?: Internals;
88
+ };
89
+ export declare const DEFAULT_TEXTS: {
90
+ emptyMessage: string;
91
+ };
92
+ export type texts = {
93
+ texts: typeof DEFAULT_TEXTS;
94
+ };
95
+ export declare const DEFAULT_ICONS: Record<string, Icon>;
96
+ type Internals = {
97
+ icons: typeof DEFAULT_ICONS;
98
+ texts: typeof DEFAULT_TEXTS;
99
+ };
100
+ export {};
101
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QPropertyList/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAEpC,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,OAAO,CAAA;AAE7C,MAAM,MAAM,kBAAkB,GAAG;IAChC;;OAEG;IACH,MAAM,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAE7B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,aAAa,CAAC,EAAE,YAAY,CAAA;IAE5B;;OAEG;IACH,MAAM,CAAC,EAAE,uBAAuB,EAAE,CAAA;IAElC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAE1B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG;IACrC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IACV;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG;IACnC;;OAEG;IACH,KAAK,EAAE,kBAAkB,CAAA;IAEzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAE1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG;IACrC;;OAEG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAA;IAE1B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,aAAa;;CAEzB,CAAA;AAED,MAAM,MAAM,KAAK,GAAG;IACnB,KAAK,EAAE,OAAO,aAAa,CAAA;CAC3B,CAAA;AAGD,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAO9C,CAAA;AAGD,KAAK,SAAS,GAAG;IAChB,KAAK,EAAE,OAAO,aAAa,CAAA;IAC3B,KAAK,EAAE,OAAO,aAAa,CAAA;CAC3B,CAAA"}
@@ -0,0 +1,14 @@
1
+ const e = {
2
+ emptyMessage: "Select a field to view details."
3
+ }, o = {
4
+ open: {
5
+ icon: "minus-box"
6
+ },
7
+ close: {
8
+ icon: "plus-box"
9
+ }
10
+ };
11
+ export {
12
+ o as DEFAULT_ICONS,
13
+ e as DEFAULT_TEXTS
14
+ };