@quidgest/ui 0.14.5 → 0.14.7

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 (141) hide show
  1. package/dist/manifest/components.json +2 -0
  2. package/dist/ui.css +162 -25
  3. package/dist/ui.esm.js +1363 -1103
  4. package/dist/ui.js +44 -7
  5. package/dist/ui.min.css +1 -1
  6. package/dist/ui.min.js +143 -119
  7. package/dist/ui.scss +175 -26
  8. package/esm/components/QAccordion/QAccordion.d.ts +27 -0
  9. package/esm/components/QAccordion/QAccordion.d.ts.map +1 -0
  10. package/esm/components/QAccordion/QAccordion.vue.js +27 -0
  11. package/esm/components/QAccordion/QAccordion.vue2.js +4 -0
  12. package/esm/components/QAccordion/index.d.ts +4 -0
  13. package/esm/components/QAccordion/index.d.ts.map +1 -0
  14. package/esm/components/QAccordion/index.js +6 -0
  15. package/esm/components/QAccordion/types.d.ts +7 -0
  16. package/esm/components/QAccordion/types.d.ts.map +1 -0
  17. package/esm/components/QBadge/QBadge.d.ts +3 -2
  18. package/esm/components/QBadge/QBadge.d.ts.map +1 -1
  19. package/esm/components/QBadge/QBadge.vue.js +11 -11
  20. package/esm/components/QButton/QButton.d.ts +3 -2
  21. package/esm/components/QButton/QButton.d.ts.map +1 -1
  22. package/esm/components/QButton/QButton.vue.js +14 -14
  23. package/esm/components/QButtonGroup/QButtonGroup.d.ts +3 -2
  24. package/esm/components/QButtonGroup/QButtonGroup.d.ts.map +1 -1
  25. package/esm/components/QButtonGroup/QButtonGroup.vue.js +3 -3
  26. package/esm/components/QButtonToggle/QButtonToggle.d.ts +7 -6
  27. package/esm/components/QButtonToggle/QButtonToggle.d.ts.map +1 -1
  28. package/esm/components/QButtonToggle/QButtonToggle.vue.js +6 -6
  29. package/esm/components/QCard/QCard.d.ts +3 -2
  30. package/esm/components/QCard/QCard.d.ts.map +1 -1
  31. package/esm/components/QCard/QCard.vue.js +30 -30
  32. package/esm/components/QCheckbox/QCheckbox.d.ts +4 -4
  33. package/esm/components/QCheckbox/QCheckbox.d.ts.map +1 -1
  34. package/esm/components/QCheckbox/QCheckbox.vue.js +4 -4
  35. package/esm/components/QCollapsible/QCollapsible.d.ts +36 -0
  36. package/esm/components/QCollapsible/QCollapsible.d.ts.map +1 -0
  37. package/esm/components/QCollapsible/QCollapsible.vue.js +143 -0
  38. package/esm/components/QCollapsible/QCollapsible.vue2.js +4 -0
  39. package/esm/components/QCollapsible/index.d.ts +6 -0
  40. package/esm/components/QCollapsible/index.d.ts.map +1 -0
  41. package/esm/components/QCollapsible/index.js +6 -0
  42. package/esm/components/QCollapsible/types.d.ts +43 -0
  43. package/esm/components/QCollapsible/types.d.ts.map +1 -0
  44. package/esm/components/QCollapsible/types.js +8 -0
  45. package/esm/components/QCombobox/QCombobox.d.ts +40 -39
  46. package/esm/components/QCombobox/QCombobox.d.ts.map +1 -1
  47. package/esm/components/QCombobox/QCombobox.vue.js +80 -80
  48. package/esm/components/QDialog/QDialog.d.ts +6 -5
  49. package/esm/components/QDialog/QDialog.d.ts.map +1 -1
  50. package/esm/components/QDialog/QDialog.vue.js +7 -7
  51. package/esm/components/QField/QField.d.ts +2 -1
  52. package/esm/components/QField/QField.d.ts.map +1 -1
  53. package/esm/components/QField/QField.vue.js +9 -9
  54. package/esm/components/QIcon/InlineSvg.d.ts +1 -1
  55. package/esm/components/QIcon/QIcon.d.ts.map +1 -1
  56. package/esm/components/QIcon/QIcon.vue.js +9 -9
  57. package/esm/components/QIcon/QIconFont.d.ts +2 -2
  58. package/esm/components/QIcon/QIconFont.d.ts.map +1 -1
  59. package/esm/components/QIcon/QIconFont.vue.js +5 -5
  60. package/esm/components/QIcon/QIconImg.d.ts +1 -1
  61. package/esm/components/QIcon/QIconImg.d.ts.map +1 -1
  62. package/esm/components/QIcon/QIconImg.vue.js +5 -5
  63. package/esm/components/QIcon/QIconSvg.d.ts +2 -2
  64. package/esm/components/QIcon/QIconSvg.d.ts.map +1 -1
  65. package/esm/components/QIcon/QIconSvg.vue.js +17 -17
  66. package/esm/components/QInputGroup/QInputGroup.d.ts +2 -1
  67. package/esm/components/QInputGroup/QInputGroup.d.ts.map +1 -1
  68. package/esm/components/QInputGroup/QInputGroup.vue.js +24 -24
  69. package/esm/components/QLineLoader/QLineLoader.d.ts +1 -1
  70. package/esm/components/QLineLoader/QLineLoader.d.ts.map +1 -1
  71. package/esm/components/QLineLoader/QLineLoader.vue.js +4 -4
  72. package/esm/components/QList/QList.d.ts +6 -5
  73. package/esm/components/QList/QList.d.ts.map +1 -1
  74. package/esm/components/QList/QList.vue.js +1 -1
  75. package/esm/components/QList/QListItem.d.ts +3 -2
  76. package/esm/components/QList/QListItem.d.ts.map +1 -1
  77. package/esm/components/QList/QListItem.vue.js +18 -18
  78. package/esm/components/QList/QListItemGroup.d.ts +3 -2
  79. package/esm/components/QList/QListItemGroup.d.ts.map +1 -1
  80. package/esm/components/QOverlay/QOverlay.d.ts +6 -5
  81. package/esm/components/QOverlay/QOverlay.d.ts.map +1 -1
  82. package/esm/components/QOverlay/QOverlay.vue.js +148 -138
  83. package/esm/components/QPopover/QPopover.d.ts +6 -5
  84. package/esm/components/QPopover/QPopover.d.ts.map +1 -1
  85. package/esm/components/QPropertyList/QPropertyList.d.ts +3 -2
  86. package/esm/components/QPropertyList/QPropertyList.d.ts.map +1 -1
  87. package/esm/components/QPropertyList/QPropertyList.vue.js +22 -22
  88. package/esm/components/QPropertyList/QPropertyListGroup.d.ts +1 -1
  89. package/esm/components/QPropertyList/QPropertyListGroup.d.ts.map +1 -1
  90. package/esm/components/QPropertyList/QPropertyListPanel.d.ts +3 -2
  91. package/esm/components/QPropertyList/QPropertyListPanel.d.ts.map +1 -1
  92. package/esm/components/QPropertyList/QPropertyListPanel.vue.js +4 -4
  93. package/esm/components/QPropertyList/QPropertyListRow.d.ts +3 -2
  94. package/esm/components/QPropertyList/QPropertyListRow.d.ts.map +1 -1
  95. package/esm/components/QRemoveScrollBar/QRemoveScrollBar.d.ts +24 -0
  96. package/esm/components/QRemoveScrollBar/QRemoveScrollBar.d.ts.map +1 -0
  97. package/esm/components/QRemoveScrollBar/QRemoveScrollBar.vue.js +72 -0
  98. package/esm/components/QRemoveScrollBar/QRemoveScrollBar.vue2.js +4 -0
  99. package/esm/components/QRemoveScrollBar/constants.d.ts +10 -0
  100. package/esm/components/QRemoveScrollBar/constants.d.ts.map +1 -0
  101. package/esm/components/QRemoveScrollBar/constants.js +8 -0
  102. package/esm/components/QRemoveScrollBar/index.d.ts +4 -0
  103. package/esm/components/QRemoveScrollBar/index.d.ts.map +1 -0
  104. package/esm/components/QRemoveScrollBar/index.js +6 -0
  105. package/esm/components/QRemoveScrollBar/types.d.ts +18 -0
  106. package/esm/components/QRemoveScrollBar/types.d.ts.map +1 -0
  107. package/esm/components/QRemoveScrollBar/utils/gap.d.ts +15 -0
  108. package/esm/components/QRemoveScrollBar/utils/gap.d.ts.map +1 -0
  109. package/esm/components/QRemoveScrollBar/utils/gap.js +23 -0
  110. package/esm/components/QRemoveScrollBar/utils/stylesheet.d.ts +5 -0
  111. package/esm/components/QRemoveScrollBar/utils/stylesheet.d.ts.map +1 -0
  112. package/esm/components/QRemoveScrollBar/utils/stylesheet.js +24 -0
  113. package/esm/components/QSelect/QSelect.d.ts +11 -10
  114. package/esm/components/QSelect/QSelect.d.ts.map +1 -1
  115. package/esm/components/QSelect/QSelect.vue.js +33 -33
  116. package/esm/components/QSkeletonLoader/QSkeletonLoader.d.ts +1 -1
  117. package/esm/components/QSkeletonLoader/QSkeletonLoader.d.ts.map +1 -1
  118. package/esm/components/QSkeletonLoader/QSkeletonLoader.vue.js +11 -11
  119. package/esm/components/QSpinnerLoader/QSpinnerLoader.d.ts +1 -1
  120. package/esm/components/QSpinnerLoader/QSpinnerLoader.d.ts.map +1 -1
  121. package/esm/components/QSpinnerLoader/QSpinnerLoader.vue.js +6 -6
  122. package/esm/components/QTextField/QTextField.d.ts +7 -6
  123. package/esm/components/QTextField/QTextField.d.ts.map +1 -1
  124. package/esm/components/QTextField/QTextField.vue.js +15 -15
  125. package/esm/components/QThemeProvider/QThemeProvider.d.ts +3 -2
  126. package/esm/components/QThemeProvider/QThemeProvider.d.ts.map +1 -1
  127. package/esm/components/QTooltip/QTooltip.d.ts +7 -6
  128. package/esm/components/QTooltip/QTooltip.d.ts.map +1 -1
  129. package/esm/components/QTooltip/QTooltip.vue.js +15 -15
  130. package/esm/components/index.d.ts +2 -0
  131. package/esm/components/index.d.ts.map +1 -1
  132. package/esm/components/index.js +56 -52
  133. package/esm/composables/defaults.js +5 -5
  134. package/esm/composables/group.d.ts +16 -0
  135. package/esm/composables/group.d.ts.map +1 -0
  136. package/esm/composables/group.js +34 -0
  137. package/esm/composables/overlay.js +11 -11
  138. package/esm/framework.js +2 -2
  139. package/esm/index.d.ts +2 -0
  140. package/esm/utils/color.js +6 -6
  141. package/package.json +34 -30
@@ -1,11 +1,11 @@
1
- import { defineComponent as b, openBlock as i, createElementBlock as c, unref as o, normalizeClass as y, withModifiers as k, createElementVNode as l, renderSlot as g, createBlock as d, normalizeProps as r, mergeProps as m, createCommentVNode as n, createTextVNode as q, toDisplayString as p, createVNode as B, guardReactiveProps as N } from "vue";
1
+ import { defineComponent as y, openBlock as i, createElementBlock as d, unref as o, normalizeClass as k, withModifiers as v, createElementVNode as l, renderSlot as g, createBlock as c, normalizeProps as r, mergeProps as m, createCommentVNode as s, createTextVNode as q, toDisplayString as p, createVNode as B, guardReactiveProps as N } from "vue";
2
2
  import { QIcon as a } from "../QIcon/index.js";
3
3
  import { DEFAULT_ICONS as S } from "./types.js";
4
4
  import { useId as C } from "../../composables/uid.js";
5
5
  const x = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], D = { class: "q-list-item__container" }, E = { class: "q-list-item__content" }, I = {
6
6
  key: 0,
7
7
  class: "q-list-item__description"
8
- }, P = { class: "q-list-item__check-container" }, L = /* @__PURE__ */ b({
8
+ }, P = { class: "q-list-item__check-container" }, L = /* @__PURE__ */ y({
9
9
  __name: "QListItem",
10
10
  props: {
11
11
  value: { type: [String, Number, Boolean, Symbol] },
@@ -18,20 +18,20 @@ const x = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], D = { c
18
18
  icons: { default: () => S }
19
19
  },
20
20
  emits: ["select"],
21
- setup(_, { emit: u }) {
22
- const e = _, f = u, h = C();
23
- function s() {
24
- e.disabled || f("select", e.value);
21
+ setup(u, { emit: f }) {
22
+ const e = u, _ = f, h = C();
23
+ function n() {
24
+ e.disabled || _("select", e.value);
25
25
  }
26
- function v(t) {
27
- t.key === "Tab" && s(), (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.stopPropagation(), s());
26
+ function b(t) {
27
+ t.key === "Tab" && n(), (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.stopPropagation(), n());
28
28
  }
29
- return (t, V) => (i(), c("li", {
29
+ return (t, V) => (i(), d("li", {
30
30
  id: o(h),
31
31
  "data-key": e.value,
32
32
  role: "option",
33
33
  tabindex: e.disabled ? void 0 : -2,
34
- class: y([
34
+ class: k([
35
35
  "q-list-item",
36
36
  {
37
37
  "q-list-item--disabled": e.disabled,
@@ -41,19 +41,19 @@ const x = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], D = { c
41
41
  ]),
42
42
  "aria-label": e.label,
43
43
  "aria-selected": e.disabled ? void 0 : e.selected,
44
- onKeydown: v,
45
- onClick: k(s, ["stop", "prevent"])
44
+ onKeydown: b,
45
+ onClick: v(n, ["stop", "prevent"])
46
46
  }, [
47
47
  l("div", D, [
48
48
  l("div", E, [
49
49
  g(t.$slots, "default", {}, () => [
50
- e.icon ? (i(), d(
50
+ e.icon ? (i(), c(
51
51
  o(a),
52
52
  r(m({ key: 0 }, e.icon)),
53
53
  null,
54
54
  16
55
55
  /* FULL_PROPS */
56
- )) : n("v-if", !0),
56
+ )) : s("v-if", !0),
57
57
  q(
58
58
  " " + p(e.label),
59
59
  1
@@ -61,7 +61,7 @@ const x = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], D = { c
61
61
  )
62
62
  ])
63
63
  ]),
64
- e.description ? (i(), c("div", I, [
64
+ e.description ? (i(), d("div", I, [
65
65
  B(
66
66
  o(a),
67
67
  r(N(e.icons.description)),
@@ -76,16 +76,16 @@ const x = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], D = { c
76
76
  1
77
77
  /* TEXT */
78
78
  )
79
- ])) : n("v-if", !0)
79
+ ])) : s("v-if", !0)
80
80
  ]),
81
81
  l("div", P, [
82
- e.selected ? (i(), d(
82
+ e.selected ? (i(), c(
83
83
  o(a),
84
84
  m({ key: 0 }, e.icons.check, { class: "q-list-item__check" }),
85
85
  null,
86
86
  16
87
87
  /* FULL_PROPS */
88
- )) : n("v-if", !0)
88
+ )) : s("v-if", !0)
89
89
  ])
90
90
  ], 42, x));
91
91
  }
@@ -1,15 +1,16 @@
1
1
  import { QListItemGroupProps } from './types';
2
2
  declare function __VLS_template(): {
3
+ attrs: Partial<{}>;
3
4
  slots: {
4
5
  default?(_: {}): any;
5
6
  };
6
7
  refs: {};
7
- attrs: Partial<{}>;
8
+ rootEl: HTMLUListElement;
8
9
  };
9
10
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
10
11
  declare const __VLS_component: import('vue').DefineComponent<QListItemGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QListItemGroupProps> & Readonly<{}>, {
11
12
  title: string;
12
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
13
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLUListElement>;
13
14
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
14
15
  export default _default;
15
16
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -1 +1 @@
1
- {"version":3,"file":"QListItemGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QList/QListItemGroup.vue"],"names":[],"mappings":"AAiCC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAqBnD,iBAAS,cAAc;;yBAgCM,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;6EAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"QListItemGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QList/QListItemGroup.vue"],"names":[],"mappings":"AAgBA;AAiCC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAsBnD,iBAAS,cAAc;WAwCT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;0FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -1,9 +1,10 @@
1
1
  import { QOverlayProps } from './types';
2
- declare let __VLS_typeProps: QOverlayProps;
2
+ type __VLS_Props = QOverlayProps;
3
3
  type __VLS_PublicProps = {
4
4
  modelValue?: boolean;
5
- } & typeof __VLS_typeProps;
5
+ } & __VLS_Props;
6
6
  declare function __VLS_template(): {
7
+ attrs: Partial<{}>;
7
8
  slots: {
8
9
  default?(_: {}): any;
9
10
  };
@@ -11,16 +12,16 @@ declare function __VLS_template(): {
11
12
  overlayRef: HTMLDivElement;
12
13
  arrowRef: HTMLDivElement;
13
14
  };
14
- attrs: Partial<{}>;
15
+ rootEl: any;
15
16
  };
16
17
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
17
18
  declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
18
- "update:modelValue": (modelValue: boolean) => any;
19
+ "update:modelValue": (value: boolean) => any;
19
20
  } & {
20
21
  enter: () => any;
21
22
  leave: () => any;
22
23
  }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
23
- "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
24
+ "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
24
25
  onEnter?: (() => any) | undefined;
25
26
  onLeave?: (() => any) | undefined;
26
27
  }>, {
@@ -1 +1 @@
1
- {"version":3,"file":"QOverlay.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/QOverlay.vue"],"names":[],"mappings":"AA8XC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAQ7C,QAAA,IAAI,eAAe,EAAG,aAAa,CAAC;AA4VpC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,OAAO,eAAe,CAAC;AAI3B,iBAAS,cAAc;;yBA6EO,GAAG;;;;;;WAWnB,OAAO,IAA6B;EAEjD;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;6EAWnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"QOverlay.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/QOverlay.vue"],"names":[],"mappings":"AAyCA;AA8XC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAQ7C,KAAK,WAAW,GAAG,aAAa,CAAC;AAmVjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA+FT,OAAO,IAA6B;;yBAVpB,GAAG;;;;;;;EAehC;AAqBD,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;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -1,7 +1,8 @@
1
- import { defineComponent as G, mergeModels as $, useModel as H, computed as c, reactive as M, watch as h, ref as R, nextTick as u, onMounted as J, onBeforeUnmount as X, openBlock as w, createBlock as Y, Teleport as Z, createElementBlock as L, normalizeClass as V, createCommentVNode as g, createVNode as ee, Transition as te, withCtx as oe, normalizeStyle as A, createElementVNode as ne, mergeProps as re, withKeys as ie, renderSlot as ae } from "vue";
2
- import { getSideFromPlacement as le, computePosition as se } from "../../composables/overlay.js";
3
- import { getElement as de } from "../../utils/getElement.js";
4
- const ce = ["role"], me = /* @__PURE__ */ G({
1
+ import { defineComponent as H, mergeModels as $, useModel as J, computed as c, reactive as M, watch as w, ref as R, nextTick as f, onMounted as X, onBeforeUnmount as Y, openBlock as s, createElementBlock as k, Fragment as Z, createBlock as V, Teleport as ee, normalizeClass as A, createCommentVNode as g, createVNode as te, Transition as ne, withCtx as oe, normalizeStyle as U, createElementVNode as re, mergeProps as ie, withKeys as ae, renderSlot as le, unref as de } from "vue";
2
+ import { QRemoveScrollBar as se } from "../QRemoveScrollBar/index.js";
3
+ import { getSideFromPlacement as ue, computePosition as ce } from "../../composables/overlay.js";
4
+ import { getElement as fe } from "../../utils/getElement.js";
5
+ const me = ["role"], we = /* @__PURE__ */ H({
5
6
  inheritAttrs: !1,
6
7
  __name: "QOverlay",
7
8
  props: /* @__PURE__ */ $({
@@ -28,224 +29,233 @@ const ce = ["role"], me = /* @__PURE__ */ G({
28
29
  modelModifiers: {}
29
30
  }),
30
31
  emits: /* @__PURE__ */ $(["enter", "leave"], ["update:modelValue"]),
31
- setup(E, { emit: U }) {
32
- const t = E, b = U, a = H(E, "modelValue"), z = c(() => [
32
+ setup(E, { emit: z }) {
33
+ const t = E, B = z, r = J(E, "modelValue"), I = c(() => [
33
34
  "q-overlay",
34
- `q-overlay--${le(o.placement)}`,
35
+ `q-overlay--${ue(n.placement)}`,
35
36
  {
36
37
  "q-overlay--independent": t.anchor === void 0,
37
38
  "q-overlay--inverted": t.appearance === "inverted"
38
39
  },
39
40
  t.class
40
- ]), B = c(() => (a.value || o.animating) && !t.nonModal), o = M({
41
+ ]), b = c(() => (r.value || n.animating) && !t.nonModal), n = M({
41
42
  animating: !1,
42
43
  top: 0,
43
44
  left: 0,
44
45
  width: 0,
45
46
  placement: t.placement
46
- }), r = M({
47
+ }), i = M({
47
48
  top: void 0,
48
49
  left: void 0,
49
50
  hidden: !0
50
- }), I = c(() => o.top !== 0 && o.left !== 0);
51
- h(a, () => o.animating = !0);
52
- const N = c(() => {
51
+ }), N = c(() => n.top !== 0 && n.left !== 0);
52
+ w(r, () => n.animating = !0);
53
+ const O = c(() => {
53
54
  if (t.anchor === void 0) return;
54
- const e = s(), y = t.width === "anchor", n = y ? e == null ? void 0 : e.getBoundingClientRect().width : void 0;
55
+ const e = d(), h = t.width === "anchor", o = h ? e == null ? void 0 : e.getBoundingClientRect().width : void 0;
55
56
  return {
56
- top: `${o.top}px`,
57
- left: `${o.left}px`,
58
- width: n !== void 0 ? `${n}px` : void 0
57
+ top: `${n.top}px`,
58
+ left: `${n.left}px`,
59
+ width: o !== void 0 ? `${o}px` : void 0
59
60
  };
60
- }), O = c(() => {
61
+ }), P = c(() => {
61
62
  if (t.arrow)
62
63
  return {
63
- top: r.top !== void 0 ? `${r.top}px` : void 0,
64
- left: r.left !== void 0 ? `${r.left}px` : void 0,
65
- opacity: r.hidden ? 0 : 1
64
+ top: i.top !== void 0 ? `${i.top}px` : void 0,
65
+ left: i.left !== void 0 ? `${i.left}px` : void 0,
66
+ opacity: i.hidden ? 0 : 1
66
67
  };
67
- }), v = R(null), f = R(null);
68
- function i() {
69
- const e = s();
70
- if (!e || !f.value)
68
+ }), m = R(null), p = R(null);
69
+ function a() {
70
+ const e = d();
71
+ if (!e || !p.value)
71
72
  return;
72
- const y = {
73
+ const h = {
73
74
  placement: t.placement,
74
75
  width: t.width,
75
76
  offset: t.offset,
76
77
  arrow: t.arrow
77
- }, n = se(
78
+ }, o = ce(
78
79
  e,
79
- f.value,
80
- (v == null ? void 0 : v.value) ?? void 0,
81
- y
80
+ p.value,
81
+ (m == null ? void 0 : m.value) ?? void 0,
82
+ h
82
83
  );
83
- o.left = n.overlayCoords.x, o.top = n.overlayCoords.y, o.placement = n.placement, r.hidden = n.arrowCoords === void 0, n.arrowCoords && (r.top = n.arrowCoords.y, r.left = n.arrowCoords.x);
84
+ n.left = o.overlayCoords.x, n.top = o.overlayCoords.y, n.placement = o.placement, i.hidden = o.arrowCoords === void 0, o.arrowCoords && (i.top = o.arrowCoords.y, i.left = o.arrowCoords.x);
84
85
  }
85
- h(
86
+ w(
86
87
  () => t.placement,
87
- () => u(i)
88
+ () => f(a)
88
89
  );
89
- let m;
90
- function p() {
90
+ let v;
91
+ function y() {
91
92
  C(0);
92
93
  }
93
94
  function _() {
94
95
  C(t.delay);
95
96
  }
96
97
  function C(e) {
97
- m || (m = window.setTimeout(() => {
98
- a.value = !0;
98
+ v || (v = window.setTimeout(() => {
99
+ r.value = !0;
99
100
  }, e));
100
101
  }
101
102
  function l() {
102
- if (clearTimeout(m), m = void 0, a.value = !1, t.anchor && t.trigger === "click") {
103
- const e = s();
103
+ if (clearTimeout(v), v = void 0, r.value = !1, t.anchor && t.trigger === "click") {
104
+ const e = d();
104
105
  e == null || e.focus();
105
106
  }
106
107
  }
107
- h(I, () => u(P));
108
- function P() {
109
- b("enter");
108
+ w(N, () => f(D));
109
+ function D() {
110
+ B("enter");
110
111
  }
111
112
  let T;
112
- function D() {
113
- window.clearTimeout(T), T = window.setTimeout(() => o.animating = !1, 200), b("leave");
113
+ function F() {
114
+ window.clearTimeout(T), T = window.setTimeout(() => n.animating = !1, 200), B("leave");
114
115
  }
115
- function s() {
116
- return t.anchor ? de(t.anchor) : null;
116
+ function d() {
117
+ return t.anchor ? fe(t.anchor) : null;
117
118
  }
118
- let d;
119
+ let u;
119
120
  function K() {
120
- const e = s();
121
+ const e = d();
121
122
  if (e)
122
- switch (d = new MutationObserver(i), d.observe(e, {
123
+ switch (u = new MutationObserver(a), u.observe(e, {
123
124
  attributes: !1,
124
125
  childList: !0,
125
126
  characterData: !0,
126
127
  subtree: !0
127
128
  }), t.trigger) {
128
129
  case "click":
129
- e.addEventListener("click", p);
130
+ e.addEventListener("click", y);
130
131
  break;
131
132
  case "hover":
132
- e.addEventListener("mouseenter", _), e.addEventListener("mouseleave", l), e.addEventListener("focusin", p), e.addEventListener("focusout", l);
133
+ e.addEventListener("mouseenter", _), e.addEventListener("mouseleave", l), e.addEventListener("focusin", y), e.addEventListener("focusout", l);
133
134
  break;
134
135
  }
135
136
  }
136
- function F() {
137
- const e = s();
137
+ function Q() {
138
+ const e = d();
138
139
  if (e)
139
- switch (d == null || d.disconnect(), t.trigger) {
140
+ switch (u == null || u.disconnect(), t.trigger) {
140
141
  case "click":
141
- e.removeEventListener("click", p);
142
+ e.removeEventListener("click", y);
142
143
  break;
143
144
  case "hover":
144
- e.removeEventListener("mouseenter", _), e.removeEventListener("mouseleave", l), e.removeEventListener("focusin", p), e.removeEventListener("focusout", l);
145
+ e.removeEventListener("mouseenter", _), e.removeEventListener("mouseleave", l), e.removeEventListener("focusin", y), e.removeEventListener("focusout", l);
145
146
  break;
146
147
  }
147
148
  }
148
- function Q() {
149
- window.addEventListener("resize", i), t.scrollLock || window.addEventListener("scroll", i);
150
- }
151
149
  function W() {
152
- window.removeEventListener("resize", i), t.scrollLock || window.removeEventListener("scroll", i);
150
+ window.addEventListener("resize", a), t.scrollLock || window.addEventListener("scroll", a);
153
151
  }
154
- let k;
152
+ function j() {
153
+ window.removeEventListener("resize", a), t.scrollLock || window.removeEventListener("scroll", a);
154
+ }
155
+ let L;
155
156
  function x() {
156
- s() ? (i(), k = window.setTimeout(x, 100)) : l();
157
+ d() ? (a(), L = window.setTimeout(x, 100)) : l();
157
158
  }
158
- function j() {
159
- Q(), t.spy ? x() : i(), t.scrollLock && document.body.classList.add("no-scroll"), (t.anchor === void 0 || t.trigger === "click") && u(() => {
159
+ function G() {
160
+ W(), t.spy ? x() : a(), (t.anchor === void 0 || t.trigger === "click") && f(() => {
160
161
  var e;
161
- return (e = f.value) == null ? void 0 : e.focus();
162
+ return (e = p.value) == null ? void 0 : e.focus();
162
163
  });
163
164
  }
164
- function q() {
165
- W(), t.spy && (clearTimeout(k), k = void 0), t.scrollLock && document.body.classList.remove("no-scroll"), o.top = 0, o.left = 0;
166
- }
167
165
  function S() {
166
+ j(), t.spy && (clearTimeout(L), L = void 0), n.top = 0, n.left = 0;
167
+ }
168
+ function q() {
168
169
  t.persistent || l();
169
170
  }
170
- return J(() => {
171
- u(K);
172
- }), X(() => {
173
- F(), q();
174
- }), h(
175
- a,
171
+ return X(() => {
172
+ f(K);
173
+ }), Y(() => {
174
+ Q(), S();
175
+ }), w(
176
+ r,
176
177
  (e) => {
177
- u(() => e ? j() : q());
178
+ f(() => e ? G() : S());
178
179
  },
179
180
  { immediate: !0 }
180
- ), (e, y) => (w(), Y(Z, {
181
- disabled: !a.value && !o.animating || t.inline,
182
- to: t.attach
183
- }, [
184
- B.value ? (w(), L(
185
- "div",
186
- {
187
- key: 0,
188
- class: V([
189
- t.backdropClass,
190
- "q-overlay__underlay",
191
- { "q-overlay__underlay--blur": t.backdropBlur }
192
- ])
193
- },
194
- null,
195
- 2
196
- /* CLASS */
197
- )) : g("v-if", !0),
198
- ee(te, {
199
- name: t.transition,
200
- appear: "",
201
- onLeave: D
202
- }, {
203
- default: oe(() => [
204
- a.value ? (w(), L(
181
+ ), (e, h) => (s(), k(
182
+ Z,
183
+ null,
184
+ [
185
+ (s(), V(ee, {
186
+ disabled: !r.value && !n.animating || t.inline,
187
+ to: t.attach
188
+ }, [
189
+ b.value ? (s(), k(
205
190
  "div",
206
191
  {
207
192
  key: 0,
208
- class: V(z.value),
209
- style: A(N.value)
193
+ class: A([
194
+ t.backdropClass,
195
+ "q-overlay__underlay",
196
+ { "q-overlay__underlay--blur": t.backdropBlur }
197
+ ])
210
198
  },
211
- [
212
- ne("div", re({
213
- class: "q-overlay__content",
214
- ref_key: "overlayRef",
215
- ref: f,
216
- tabindex: "-1",
217
- role: B.value ? "dialog" : void 0
218
- }, e.$attrs, {
219
- onKeydown: ie(S, ["escape"]),
220
- onBlur: S
221
- }), [
222
- t.arrow ? (w(), L(
223
- "div",
224
- {
225
- key: 0,
226
- ref_key: "arrowRef",
227
- ref: v,
228
- role: "presentation",
229
- class: "q-overlay__arrow",
230
- style: A(O.value)
231
- },
232
- null,
233
- 4
234
- /* STYLE */
235
- )) : g("v-if", !0),
236
- ae(e.$slots, "default")
237
- ], 16, ce)
238
- ],
239
- 6
240
- /* CLASS, STYLE */
241
- )) : g("v-if", !0)
242
- ]),
243
- _: 3
244
- /* FORWARDED */
245
- }, 8, ["name"])
246
- ], 8, ["disabled", "to"]));
199
+ null,
200
+ 2
201
+ /* CLASS */
202
+ )) : g("v-if", !0),
203
+ te(ne, {
204
+ name: t.transition,
205
+ appear: "",
206
+ onLeave: F
207
+ }, {
208
+ default: oe(() => [
209
+ r.value ? (s(), k(
210
+ "div",
211
+ {
212
+ key: 0,
213
+ class: A(I.value),
214
+ style: U(O.value)
215
+ },
216
+ [
217
+ re("div", ie({
218
+ ref_key: "overlayRef",
219
+ ref: p,
220
+ class: "q-overlay__content",
221
+ tabindex: "-1",
222
+ role: b.value ? "dialog" : void 0
223
+ }, e.$attrs, {
224
+ onKeydown: ae(q, ["escape"]),
225
+ onBlur: q
226
+ }), [
227
+ t.arrow ? (s(), k(
228
+ "div",
229
+ {
230
+ key: 0,
231
+ ref_key: "arrowRef",
232
+ ref: m,
233
+ role: "presentation",
234
+ class: "q-overlay__arrow",
235
+ style: U(P.value)
236
+ },
237
+ null,
238
+ 4
239
+ /* STYLE */
240
+ )) : g("v-if", !0),
241
+ le(e.$slots, "default")
242
+ ], 16, me)
243
+ ],
244
+ 6
245
+ /* CLASS, STYLE */
246
+ )) : g("v-if", !0)
247
+ ]),
248
+ _: 3
249
+ /* FORWARDED */
250
+ }, 8, ["name"])
251
+ ], 8, ["disabled", "to"])),
252
+ t.scrollLock && r.value ? (s(), V(de(se), { key: 0 })) : g("v-if", !0)
253
+ ],
254
+ 64
255
+ /* STABLE_FRAGMENT */
256
+ ));
247
257
  }
248
258
  });
249
259
  export {
250
- me as default
260
+ we as default
251
261
  };
@@ -1,21 +1,22 @@
1
1
  import { QPopoverProps } from './types';
2
- declare let __VLS_typeProps: QPopoverProps;
2
+ type __VLS_Props = QPopoverProps;
3
3
  type __VLS_PublicProps = {
4
4
  modelValue?: boolean;
5
- } & typeof __VLS_typeProps;
5
+ } & __VLS_Props;
6
6
  declare function __VLS_template(): {
7
+ attrs: Partial<{}>;
7
8
  slots: {
8
9
  header?(_: {}): any;
9
10
  body?(_: {}): any;
10
11
  };
11
12
  refs: {};
12
- attrs: Partial<{}>;
13
+ rootEl: any;
13
14
  };
14
15
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
15
16
  declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
16
- "update:modelValue": (modelValue: boolean) => any;
17
+ "update:modelValue": (value: boolean) => any;
17
18
  }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
18
- "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
19
+ "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
19
20
  }>, {
20
21
  html: boolean;
21
22
  title: string;
@@ -1 +1 @@
1
- {"version":3,"file":"QPopover.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/QPopover.vue"],"names":[],"mappings":"AAwDC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAI7C,QAAA,IAAI,eAAe,EAAG,aAAa,CAAC;AA4BpC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,OAAO,eAAe,CAAC;AAI3B,iBAAS,cAAc;;wBAqDK,GAAG;sBACL,GAAG;;;WASf,OAAO,IAA6B;EAEjD;AAYD,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;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"QPopover.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/QPopover.vue"],"names":[],"mappings":"AA4BA;AAwDC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAI7C,KAAK,WAAW,GAAG,aAAa,CAAC;AA6BjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA8DT,OAAO,IAA6B;;wBATtB,GAAG;sBACL,GAAG;;;;EAa5B;AAYD,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;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -1,5 +1,6 @@
1
1
  import { QPropertyListField, QPropertyListGroupProps, QPropertyListProps, DEFAULT_ICONS, DEFAULT_TEXTS } from './types';
2
2
  declare function __VLS_template(): {
3
+ attrs: Partial<{}>;
3
4
  slots: Partial<Record<string, (_: {
4
5
  field: QPropertyListField;
5
6
  }) => any>> & {
@@ -17,7 +18,7 @@ declare function __VLS_template(): {
17
18
  refs: {
18
19
  componentRoot: HTMLDivElement;
19
20
  };
20
- attrs: Partial<{}>;
21
+ rootEl: HTMLDivElement;
21
22
  };
22
23
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
23
24
  declare const __VLS_component: import('vue').DefineComponent<QPropertyListProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -31,7 +32,7 @@ declare const __VLS_component: import('vue').DefineComponent<QPropertyListProps,
31
32
  texts: typeof DEFAULT_TEXTS;
32
33
  fields: QPropertyListField[];
33
34
  panelPosition: import('./types').PanelPosition;
34
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
35
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
35
36
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
36
37
  export default _default;
37
38
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -1 +1 @@
1
- {"version":3,"file":"QPropertyList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPropertyList/QPropertyList.vue"],"names":[],"mappings":"AAkMC,OAAO,KAAK,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAI9F,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AA8IvD,iBAAS,cAAc;;;UAyH+D,GAAG;;;;;;;;;;YAE7D,GAAG;;;;;WAUjB,OAAO,IAA6B;EAEjD;AAyBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;6EAUnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"QPropertyList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPropertyList/QPropertyList.vue"],"names":[],"mappings":"AAsDA;AAkMC,OAAO,KAAK,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAI9F,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AA8IvD,iBAAS,cAAc;WAoIT,OAAO,IAA6B;;;UAXoC,GAAG;;;;;;;;;;YAE7D,GAAG;;;;;;EAc9B;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;wFASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}