@quidgest/ui 0.15.3 → 0.15.5

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 (85) hide show
  1. package/dist/manifest/components.json +2 -0
  2. package/dist/ui.css +1 -1
  3. package/dist/ui.esm.js +7000 -6132
  4. package/dist/ui.js +23 -16
  5. package/dist/ui.min.css +1 -1
  6. package/dist/ui.min.js +1118 -967
  7. package/dist/ui.scss +2 -2
  8. package/esm/components/QColorPicker/QColorPicker.vue.js +1 -1
  9. package/esm/components/QCombobox/QCombobox.d.ts +14 -6
  10. package/esm/components/QCombobox/QCombobox.d.ts.map +1 -1
  11. package/esm/components/QCombobox/QCombobox.vue.js +37 -36
  12. package/esm/components/QCombobox/index.d.ts +22 -3
  13. package/esm/components/QCombobox/index.d.ts.map +1 -1
  14. package/esm/components/QDialog/QDialog.d.ts +2 -2
  15. package/esm/components/QDialog/QDialog.d.ts.map +1 -1
  16. package/esm/components/QDialog/QDialog.vue.js +51 -50
  17. package/esm/components/QDismissibleLayer/QDismissibleLayer.d.ts +35 -0
  18. package/esm/components/QDismissibleLayer/QDismissibleLayer.d.ts.map +1 -0
  19. package/esm/components/QDismissibleLayer/QDismissibleLayer.vue.js +50 -0
  20. package/esm/components/QDismissibleLayer/QDismissibleLayer.vue2.js +4 -0
  21. package/esm/components/QDismissibleLayer/index.d.ts +53 -0
  22. package/esm/components/QDismissibleLayer/index.d.ts.map +1 -0
  23. package/esm/components/QDismissibleLayer/index.js +6 -0
  24. package/esm/components/QDismissibleLayer/types.d.ts +25 -0
  25. package/esm/components/QDismissibleLayer/types.d.ts.map +1 -0
  26. package/esm/components/QDropdownMenu/QDropdownMenu.d.ts +0 -4
  27. package/esm/components/QDropdownMenu/QDropdownMenu.d.ts.map +1 -1
  28. package/esm/components/QDropdownMenu/QDropdownMenu.vue.js +10 -15
  29. package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts +10 -15
  30. package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts.map +1 -1
  31. package/esm/components/QDropdownMenu/QDropdownMenuContent.vue.js +72 -117
  32. package/esm/components/QDropdownMenu/index.d.ts +0 -3
  33. package/esm/components/QDropdownMenu/index.d.ts.map +1 -1
  34. package/esm/components/QFocusTrap/QFocusTrap.d.ts +28 -0
  35. package/esm/components/QFocusTrap/QFocusTrap.d.ts.map +1 -0
  36. package/esm/components/QFocusTrap/QFocusTrap.vue.js +32 -0
  37. package/esm/components/QFocusTrap/QFocusTrap.vue2.js +4 -0
  38. package/esm/components/QFocusTrap/index.d.ts +38 -0
  39. package/esm/components/QFocusTrap/index.d.ts.map +1 -0
  40. package/esm/components/QFocusTrap/index.js +6 -0
  41. package/esm/components/QFocusTrap/types.d.ts +6 -0
  42. package/esm/components/QFocusTrap/types.d.ts.map +1 -0
  43. package/esm/components/QList/QList.d.ts +0 -9
  44. package/esm/components/QList/QList.d.ts.map +1 -1
  45. package/esm/components/QList/QList.vue.js +97 -82
  46. package/esm/components/QList/index.d.ts +0 -3
  47. package/esm/components/QList/index.d.ts.map +1 -1
  48. package/esm/components/QOverlay/QOverlay.d.ts +2 -0
  49. package/esm/components/QOverlay/QOverlay.d.ts.map +1 -1
  50. package/esm/components/QOverlay/QOverlay.vue.js +197 -148
  51. package/esm/components/QOverlay/index.d.ts +4 -0
  52. package/esm/components/QOverlay/index.d.ts.map +1 -1
  53. package/esm/components/QOverlay/types.d.ts +6 -1
  54. package/esm/components/QOverlay/types.d.ts.map +1 -1
  55. package/esm/components/QPasswordField/QPasswordField.d.ts +6 -0
  56. package/esm/components/QPasswordField/QPasswordField.d.ts.map +1 -1
  57. package/esm/components/QPasswordField/QPasswordField.vue.js +21 -20
  58. package/esm/components/QPasswordField/QPasswordFieldMeterOverlay.vue.js +6 -5
  59. package/esm/components/QPasswordField/index.d.ts +3 -0
  60. package/esm/components/QPasswordField/index.d.ts.map +1 -1
  61. package/esm/components/QSelect/QSelect.d.ts +2 -6
  62. package/esm/components/QSelect/QSelect.d.ts.map +1 -1
  63. package/esm/components/QSelect/QSelect.vue.js +106 -125
  64. package/esm/components/QSelect/index.d.ts +1 -3
  65. package/esm/components/QSelect/index.d.ts.map +1 -1
  66. package/esm/components/QTextArea/QTextArea.d.ts.map +1 -1
  67. package/esm/components/QTextArea/QTextArea.vue.js +33 -30
  68. package/esm/components/QTextField/QTextField.d.ts.map +1 -1
  69. package/esm/components/QTextField/QTextField.vue.js +48 -38
  70. package/esm/components/QTextField/index.d.ts +3 -0
  71. package/esm/components/QTextField/index.d.ts.map +1 -1
  72. package/esm/components/QTextField/types.d.ts +5 -0
  73. package/esm/components/QTextField/types.d.ts.map +1 -1
  74. package/esm/components/index.d.ts +2 -0
  75. package/esm/components/index.d.ts.map +1 -1
  76. package/esm/components/index.js +69 -65
  77. package/esm/index.d.ts +2 -0
  78. package/esm/utils/merge.d.ts.map +1 -1
  79. package/esm/utils/merge.js +12 -16
  80. package/esm/vendors/@vueuse/core/index.js +173 -67
  81. package/esm/vendors/@vueuse/integrations/useFocusTrap/component.js +24 -0
  82. package/esm/vendors/@vueuse/shared/index.js +36 -15
  83. package/esm/vendors/focus-trap/dist/focus-trap.esm.js +473 -0
  84. package/esm/vendors/tabbable/dist/index.esm.js +202 -0
  85. package/package.json +3 -1
@@ -1,73 +1,74 @@
1
- import { defineComponent as C, mergeModels as q, useModel as T, createBlock as s, openBlock as o, unref as t, withCtx as r, createElementVNode as i, normalizeClass as D, renderSlot as c, createCommentVNode as u, toDisplayString as y, createVNode as k, normalizeProps as h, guardReactiveProps as g, createElementBlock as n, Fragment as L, renderList as N, mergeProps as v } from "vue";
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";
2
3
  import { QButton as B } from "../QButton/index.js";
3
- import { QIcon as _ } from "../QIcon/index.js";
4
- import { QOverlay as V } from "../QOverlay/index.js";
5
- import { DEFAULT_ICONS as x, DEFAULT_BUTTONS as E, DEFAULT_ICON as M } from "./types.js";
6
- const A = { class: "q-dialog__header" }, F = { class: "q-dialog__header-title" }, O = { class: "q-dialog__body" }, Q = {
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 = {
7
7
  key: 0,
8
8
  class: "q-dialog__body-icon"
9
- }, S = { class: "q-dialog__body-text" }, U = ["innerHTML"], I = { key: 1 }, P = { class: "q-dialog__body-actions" }, j = /* @__PURE__ */ C({
9
+ }, Q = { class: "q-dialog__body-text" }, S = ["innerHTML"], I = { key: 1 }, P = { class: "q-dialog__body-actions" }, j = /* @__PURE__ */ C({
10
10
  __name: "QDialog",
11
- props: /* @__PURE__ */ q({
11
+ props: /* @__PURE__ */ V({
12
12
  id: {},
13
13
  class: {},
14
14
  title: {},
15
15
  text: {},
16
- icon: { default: () => M },
17
- buttons: { default: () => E },
16
+ icon: { default: () => E },
17
+ buttons: { default: () => x },
18
18
  attach: { default: "body" },
19
19
  inline: { type: Boolean },
20
20
  backdropBlur: { type: Boolean, default: !0 },
21
21
  dismissible: { type: Boolean },
22
22
  html: { type: Boolean, default: !0 },
23
- icons: { default: () => x }
23
+ icons: { default: () => N }
24
24
  }, {
25
25
  modelValue: { type: Boolean },
26
26
  modelModifiers: {}
27
27
  }),
28
28
  emits: ["update:modelValue"],
29
- setup(p) {
30
- const e = p, m = T(p, "modelValue");
29
+ setup(m) {
30
+ const e = m, r = q(m, "modelValue");
31
31
  function f() {
32
- m.value = !1;
32
+ r.value = !1;
33
33
  }
34
34
  function b(l) {
35
- var d;
36
- (d = l.action) == null || d.call(l), f();
35
+ var s;
36
+ (s = l.action) == null || s.call(l), f();
37
37
  }
38
- return (l, d) => (o(), s(t(V), {
38
+ return (l, s) => (o(), n(a(M), {
39
39
  id: e.id,
40
- "model-value": m.value,
41
- inline: e.inline,
42
- attach: e.attach,
43
- "backdrop-blur": e.backdropBlur,
40
+ modelValue: r.value,
41
+ "onUpdate:modelValue": s[0] || (s[0] = (t) => r.value = t),
44
42
  "backdrop-class": "q-dialog__underlay",
45
43
  "scroll-lock": "",
46
- persistent: ""
44
+ persistent: "",
45
+ inline: e.inline,
46
+ attach: e.attach,
47
+ "backdrop-blur": e.backdropBlur
47
48
  }, {
48
- default: r(() => [
49
+ default: c(() => [
49
50
  i(
50
51
  "div",
51
52
  {
52
- class: D(["q-dialog", e.class])
53
+ class: T(["q-dialog", e.class])
53
54
  },
54
55
  [
55
- i("div", A, [
56
+ i("div", U, [
56
57
  i(
57
58
  "span",
58
- F,
59
+ A,
59
60
  y(e.title),
60
61
  1
61
62
  /* TEXT */
62
63
  ),
63
- e.dismissible ? (o(), s(t(B), {
64
+ e.dismissible ? (o(), n(a(B), {
64
65
  key: 0,
65
66
  variant: "text",
66
67
  onClick: f
67
68
  }, {
68
- default: r(() => [
69
+ default: c(() => [
69
70
  k(
70
- t(_),
71
+ a(p),
71
72
  h(g(e.icons.close)),
72
73
  null,
73
74
  16
@@ -76,26 +77,26 @@ const A = { class: "q-dialog__header" }, F = { class: "q-dialog__header-title" }
76
77
  ]),
77
78
  _: 1
78
79
  /* STABLE */
79
- })) : u("v-if", !0)
80
+ })) : _("v-if", !0)
80
81
  ]),
81
- c(l.$slots, "body.content", {}, () => [
82
- i("div", O, [
83
- c(l.$slots, "body.icon", {}, () => [
84
- e.icon ? (o(), n("span", Q, [
82
+ u(l.$slots, "body.content", {}, () => [
83
+ i("div", F, [
84
+ u(l.$slots, "body.icon", {}, () => [
85
+ e.icon ? (o(), d("span", O, [
85
86
  k(
86
- t(_),
87
+ a(p),
87
88
  h(g(e.icon)),
88
89
  null,
89
90
  16
90
91
  /* FULL_PROPS */
91
92
  )
92
- ])) : u("v-if", !0)
93
+ ])) : _("v-if", !0)
93
94
  ]),
94
- i("div", S, [
95
- e.html ? (o(), n("span", {
95
+ i("div", Q, [
96
+ e.html ? (o(), d("span", {
96
97
  key: 0,
97
98
  innerHTML: e.text
98
- }, null, 8, U)) : (o(), n(
99
+ }, null, 8, S)) : (o(), d(
99
100
  "span",
100
101
  I,
101
102
  y(e.text),
@@ -103,28 +104,28 @@ const A = { class: "q-dialog__header" }, F = { class: "q-dialog__header-title" }
103
104
  /* TEXT */
104
105
  ))
105
106
  ]),
106
- c(l.$slots, "body.append")
107
+ u(l.$slots, "body.append")
107
108
  ])
108
109
  ]),
109
110
  i("div", P, [
110
- (o(!0), n(
111
- L,
111
+ (o(!0), d(
112
+ D,
112
113
  null,
113
- N(e.buttons, (a) => (o(), s(t(B), v({ ref_for: !0 }, a.props, {
114
- key: a.id,
115
- onClick: () => b(a)
114
+ L(e.buttons, (t) => (o(), n(a(B), v({ ref_for: !0 }, t.props, {
115
+ key: t.id,
116
+ onClick: () => b(t)
116
117
  }), {
117
- default: r(() => [
118
- a.icon ? (o(), s(
119
- t(_),
118
+ default: c(() => [
119
+ t.icon ? (o(), n(
120
+ a(p),
120
121
  v({
121
122
  key: 0,
122
123
  ref_for: !0
123
- }, a.icon),
124
+ }, t.icon),
124
125
  null,
125
126
  16
126
127
  /* FULL_PROPS */
127
- )) : u("v-if", !0)
128
+ )) : _("v-if", !0)
128
129
  ]),
129
130
  _: 2
130
131
  /* DYNAMIC */
@@ -140,7 +141,7 @@ const A = { class: "q-dialog__header" }, F = { class: "q-dialog__header-title" }
140
141
  ]),
141
142
  _: 3
142
143
  /* FORWARDED */
143
- }, 8, ["id", "model-value", "inline", "attach", "backdrop-blur"]));
144
+ }, 8, ["id", "modelValue", "inline", "attach", "backdrop-blur"]));
144
145
  }
145
146
  });
146
147
  export {
@@ -0,0 +1,35 @@
1
+ import { FocusOutsideEvent, PointerDownOutsideEvent } from './types';
2
+ declare function __VLS_template(): {
3
+ attrs: Partial<{}>;
4
+ slots: {
5
+ default?(_: {}): any;
6
+ };
7
+ refs: {
8
+ layerRef: HTMLDivElement;
9
+ };
10
+ rootEl: HTMLDivElement;
11
+ };
12
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
13
+ declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
14
+ "escape-key-down": (event: KeyboardEvent) => any;
15
+ "pointer-down-outside": (event: PointerDownOutsideEvent) => any;
16
+ "focus-outside": (event: FocusOutsideEvent) => any;
17
+ "interact-outside": (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
18
+ dismiss: (event: KeyboardEvent | PointerDownOutsideEvent | FocusOutsideEvent) => any;
19
+ }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
20
+ "onEscape-key-down"?: ((event: KeyboardEvent) => any) | undefined;
21
+ "onPointer-down-outside"?: ((event: PointerDownOutsideEvent) => any) | undefined;
22
+ "onFocus-outside"?: ((event: FocusOutsideEvent) => any) | undefined;
23
+ "onInteract-outside"?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
24
+ onDismiss?: ((event: KeyboardEvent | PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
25
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
26
+ layerRef: HTMLDivElement;
27
+ }, HTMLDivElement>;
28
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
29
+ export default _default;
30
+ type __VLS_WithTemplateSlots<T, S> = T & {
31
+ new (): {
32
+ $slots: S;
33
+ };
34
+ };
35
+ //# sourceMappingURL=QDismissibleLayer.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"QDismissibleLayer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDismissibleLayer/QDismissibleLayer.vue"],"names":[],"mappings":"AAKA;AA8HC,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAgH1E,iBAAS,cAAc;WA0BT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;kBAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -0,0 +1,50 @@
1
+ import { defineComponent as r, ref as a, onMounted as c, onUnmounted as l, createElementBlock as f, openBlock as m, renderSlot as p } from "vue";
2
+ import { onClickOutside as v } from "../../vendors/@vueuse/core/index.js";
3
+ const b = /* @__PURE__ */ r({
4
+ __name: "QDismissibleLayer",
5
+ emits: ["escape-key-down", "pointer-down-outside", "focus-outside", "interact-outside", "dismiss"],
6
+ setup(E, { emit: u }) {
7
+ const t = u, o = a(null);
8
+ function i(e) {
9
+ e.key === "Escape" && (t("escape-key-down", e), e.defaultPrevented || t("dismiss", e));
10
+ }
11
+ function d(e) {
12
+ if (!o.value) return;
13
+ const n = e.target;
14
+ if (!o.value.contains(n)) {
15
+ const s = new CustomEvent("focus-outside", {
16
+ bubbles: !1,
17
+ cancelable: !0,
18
+ detail: { originalEvent: e }
19
+ });
20
+ t("focus-outside", s), t("interact-outside", s), s.defaultPrevented || t("dismiss", s);
21
+ }
22
+ }
23
+ return c(() => {
24
+ document.addEventListener("keydown", i), document.addEventListener("focusin", d), v(o, (e) => {
25
+ const n = new CustomEvent("pointer-down-outside", {
26
+ bubbles: !1,
27
+ cancelable: !0,
28
+ detail: { originalEvent: e }
29
+ });
30
+ t("pointer-down-outside", n), t("interact-outside", n), n.defaultPrevented || t("dismiss", n);
31
+ });
32
+ }), l(() => {
33
+ document.removeEventListener("keydown", i), document.removeEventListener("focusin", d);
34
+ }), (e, n) => (m(), f(
35
+ "div",
36
+ {
37
+ ref_key: "layerRef",
38
+ ref: o
39
+ },
40
+ [
41
+ p(e.$slots, "default")
42
+ ],
43
+ 512
44
+ /* NEED_PATCH */
45
+ ));
46
+ }
47
+ });
48
+ export {
49
+ b as default
50
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./QDismissibleLayer.vue.js";
2
+ export {
3
+ f as default
4
+ };
@@ -0,0 +1,53 @@
1
+ import { FocusOutsideEvent, PointerDownOutsideEvent } from './types';
2
+ declare const QDismissibleLayer: {
3
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
4
+ "onEscape-key-down"?: ((event: KeyboardEvent) => any) | undefined;
5
+ "onPointer-down-outside"?: ((event: PointerDownOutsideEvent) => any) | undefined;
6
+ "onFocus-outside"?: ((event: FocusOutsideEvent) => any) | undefined;
7
+ "onInteract-outside"?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
8
+ onDismiss?: ((event: KeyboardEvent | PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
9
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
10
+ "escape-key-down": (event: KeyboardEvent) => any;
11
+ "pointer-down-outside": (event: PointerDownOutsideEvent) => any;
12
+ "focus-outside": (event: FocusOutsideEvent) => any;
13
+ "interact-outside": (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
14
+ dismiss: (event: KeyboardEvent | PointerDownOutsideEvent | FocusOutsideEvent) => any;
15
+ }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
16
+ layerRef: HTMLDivElement;
17
+ }, HTMLDivElement, import('vue').ComponentProvideOptions, {
18
+ P: {};
19
+ B: {};
20
+ D: {};
21
+ C: {};
22
+ M: {};
23
+ Defaults: {};
24
+ }, Readonly<{}> & Readonly<{
25
+ "onEscape-key-down"?: ((event: KeyboardEvent) => any) | undefined;
26
+ "onPointer-down-outside"?: ((event: PointerDownOutsideEvent) => any) | undefined;
27
+ "onFocus-outside"?: ((event: FocusOutsideEvent) => any) | undefined;
28
+ "onInteract-outside"?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
29
+ onDismiss?: ((event: KeyboardEvent | PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
30
+ }>, {}, {}, {}, {}, {}>;
31
+ __isFragment?: never;
32
+ __isTeleport?: never;
33
+ __isSuspense?: never;
34
+ } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{
35
+ "onEscape-key-down"?: ((event: KeyboardEvent) => any) | undefined;
36
+ "onPointer-down-outside"?: ((event: PointerDownOutsideEvent) => any) | undefined;
37
+ "onFocus-outside"?: ((event: FocusOutsideEvent) => any) | undefined;
38
+ "onInteract-outside"?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
39
+ onDismiss?: ((event: KeyboardEvent | PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
40
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
41
+ "escape-key-down": (event: KeyboardEvent) => any;
42
+ "pointer-down-outside": (event: PointerDownOutsideEvent) => any;
43
+ "focus-outside": (event: FocusOutsideEvent) => any;
44
+ "interact-outside": (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
45
+ dismiss: (event: KeyboardEvent | PointerDownOutsideEvent | FocusOutsideEvent) => any;
46
+ }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
47
+ $slots: {
48
+ default?(_: {}): any;
49
+ };
50
+ });
51
+ export { QDismissibleLayer };
52
+ export type { FocusOutsideEvent, PointerDownOutsideEvent };
53
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDismissibleLayer/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAKzE,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAsC,CAAA;AAG7D,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAG5B,YAAY,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,CAAA"}
@@ -0,0 +1,6 @@
1
+ import o from "./QDismissibleLayer.vue.js";
2
+ import { setupPropsProxy as r } from "../../utils/setupPropsProxy.js";
3
+ const m = r(o);
4
+ export {
5
+ m as QDismissibleLayer
6
+ };
@@ -0,0 +1,25 @@
1
+ /**
2
+ * Represents a custom event triggered when a pointer down action occurs outside a specific layer.
3
+ *
4
+ * @extends CustomEvent
5
+ * @property detail - Contains additional information about the event.
6
+ * @property detail.originalEvent - The original `PointerEvent` that triggered this custom event.
7
+ */
8
+ export interface PointerDownOutsideEvent extends CustomEvent {
9
+ detail: {
10
+ originalEvent: PointerEvent;
11
+ };
12
+ }
13
+ /**
14
+ * Represents a custom event triggered when focus moves outside a specific layer or component.
15
+ *
16
+ * @extends CustomEvent
17
+ * @property detail - An object containing additional information about the event.
18
+ * @property detail.originalEvent - The original `FocusEvent` that caused this custom event to be dispatched.
19
+ */
20
+ export interface FocusOutsideEvent extends CustomEvent {
21
+ detail: {
22
+ originalEvent: FocusEvent;
23
+ };
24
+ }
25
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QDismissibleLayer/types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,WAAW,uBAAwB,SAAQ,WAAW;IAC3D,MAAM,EAAE;QACP,aAAa,EAAE,YAAY,CAAA;KAC3B,CAAA;CACD;AAED;;;;;;GAMG;AACH,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACrD,MAAM,EAAE;QACP,aAAa,EAAE,UAAU,CAAA;KACzB,CAAA;CACD"}
@@ -1,15 +1,11 @@
1
1
  import { QDropdownMenuProps } from './types';
2
- import { Primitive } from '../../types/primitive';
3
2
  type __VLS_Props = QDropdownMenuProps;
4
3
  type __VLS_PublicProps = {
5
4
  modelValue?: boolean;
6
5
  } & __VLS_Props;
7
6
  declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
8
7
  "update:modelValue": (value: boolean) => any;
9
- } & {
10
- select: (item: Primitive | undefined) => any;
11
8
  }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
12
- onSelect?: ((item: Primitive | undefined) => any) | undefined;
13
9
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
14
10
  }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
15
11
  export default _default;
@@ -1 +1 @@
1
- {"version":3,"file":"QDropdownMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/QDropdownMenu.vue"],"names":[],"mappings":"AAMA;AAqCC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAElD,KAAK,WAAW,GAAG,kBAAkB,CAAC;AAqBvC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;;;;;;;;;AA2DhB,wBAOG"}
1
+ {"version":3,"file":"QDropdownMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/QDropdownMenu.vue"],"names":[],"mappings":"AAKA;AAuBC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEjD,KAAK,WAAW,GAAG,kBAAkB,CAAC;AAQvC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;;;;;;AAoDhB,wBAQG"}
@@ -1,9 +1,8 @@
1
- import { defineComponent as u, mergeModels as n, useModel as c, createBlock as d, openBlock as p, mergeProps as f } from "vue";
2
- import V from "./QDropdownMenuContent.vue.js";
3
- const _ = /* @__PURE__ */ u({
4
- inheritAttrs: !1,
1
+ import { defineComponent as n, mergeModels as m, useModel as r, createBlock as s, openBlock as d, mergeProps as i } from "vue";
2
+ import p from "./QDropdownMenuContent.vue.js";
3
+ const V = /* @__PURE__ */ n({
5
4
  __name: "QDropdownMenu",
6
- props: /* @__PURE__ */ n({
5
+ props: /* @__PURE__ */ m({
7
6
  id: {},
8
7
  class: {},
9
8
  activator: {},
@@ -21,19 +20,15 @@ const _ = /* @__PURE__ */ u({
21
20
  modelValue: { type: Boolean },
22
21
  modelModifiers: {}
23
22
  }),
24
- emits: /* @__PURE__ */ n(["select"], ["update:modelValue"]),
25
- setup(e, { emit: a }) {
26
- const m = e, s = a, o = c(e, "modelValue");
27
- function i(t) {
28
- s("select", t);
29
- }
30
- return (t, l) => (p(), d(V, f(m, {
23
+ emits: ["update:modelValue"],
24
+ setup(e) {
25
+ const a = e, o = r(e, "modelValue");
26
+ return (u, l) => (d(), s(p, i(a, {
31
27
  modelValue: o.value,
32
- "onUpdate:modelValue": l[0] || (l[0] = (r) => o.value = r),
33
- onSelect: i
28
+ "onUpdate:modelValue": l[0] || (l[0] = (t) => o.value = t)
34
29
  }), null, 16, ["modelValue"]));
35
30
  }
36
31
  });
37
32
  export {
38
- _ as default
33
+ V as default
39
34
  };
@@ -1,8 +1,10 @@
1
1
  import { QDropdownMenuContentProps, DEFAULT_ICONS } from './types';
2
2
  import { Primitive } from '../../types/primitive';
3
+ import { nextTick } from 'vue';
3
4
  type __VLS_Props = QDropdownMenuContentProps;
4
5
  type __VLS_PublicProps = {
5
6
  modelValue?: boolean;
7
+ 'selected'?: Primitive;
6
8
  } & __VLS_Props;
7
9
  declare function __VLS_template(): {
8
10
  attrs: Partial<{}>;
@@ -15,7 +17,6 @@ declare function __VLS_template(): {
15
17
  }): any;
16
18
  };
17
19
  refs: {
18
- contentRef: HTMLDivElement;
19
20
  listRef: ({
20
21
  $: import('vue').ComponentInternalInstance;
21
22
  $data: {};
@@ -92,7 +93,7 @@ declare function __VLS_template(): {
92
93
  errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
93
94
  };
94
95
  $forceUpdate: () => void;
95
- $nextTick: typeof import('vue').nextTick;
96
+ $nextTick: typeof nextTick;
96
97
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
97
98
  } & Readonly<{
98
99
  icons: typeof import('../QList/types').DEFAULT_ICONS;
@@ -127,7 +128,6 @@ declare function __VLS_template(): {
127
128
  }> & Readonly<{
128
129
  "onUpdate:modelValue"?: ((value: Primitive) => any) | undefined;
129
130
  }>, {
130
- focusItem: (itemIdx: number, preventScroll?: boolean) => void;
131
131
  getItem: (idx: number) => HTMLElement | undefined;
132
132
  getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
133
133
  getFirstFocusableItemIndex: () => number;
@@ -156,7 +156,7 @@ declare function __VLS_template(): {
156
156
  errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
157
157
  };
158
158
  $forceUpdate: () => void;
159
- $nextTick: typeof import('vue').nextTick;
159
+ $nextTick: typeof nextTick;
160
160
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
161
161
  } & Readonly<{
162
162
  groups: import('../QList/types').Group[];
@@ -174,8 +174,7 @@ declare function __VLS_template(): {
174
174
  selectable?: boolean;
175
175
  }> & Readonly<{
176
176
  "onUpdate:modelValue"?: ((value: Primitive) => any) | undefined;
177
- }>, "focusItem" | "getItem" | "getAdjacentItemIndex" | "getFirstFocusableItemIndex" | "getLastFocusableItemIndex" | ("groups" | "itemValue" | "itemLabel")> & import('vue').ShallowUnwrapRef<{
178
- focusItem: (itemIdx: number, preventScroll?: boolean) => void;
177
+ }>, "getItem" | "getAdjacentItemIndex" | "getFirstFocusableItemIndex" | "getLastFocusableItemIndex" | ("groups" | "itemValue" | "itemLabel")> & import('vue').ShallowUnwrapRef<{
179
178
  getItem: (idx: number) => HTMLElement | undefined;
180
179
  getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
181
180
  getFirstFocusableItemIndex: () => number;
@@ -198,11 +197,10 @@ declare function __VLS_template(): {
198
197
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
199
198
  declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
200
199
  "update:modelValue": (value: boolean) => any;
201
- } & {
202
- select: (item: Primitive | undefined) => any;
200
+ "update:selected": (value: Primitive) => any;
203
201
  }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
204
- onSelect?: ((item: Primitive | undefined) => any) | undefined;
205
202
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
203
+ "onUpdate:selected"?: ((value: Primitive) => any) | undefined;
206
204
  }>, {
207
205
  transition: string;
208
206
  icons: typeof DEFAULT_ICONS;
@@ -217,7 +215,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
217
215
  trigger: import('../../composables/overlay').Trigger;
218
216
  depth: number;
219
217
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
220
- contentRef: HTMLDivElement;
221
218
  listRef: ({
222
219
  $: import('vue').ComponentInternalInstance;
223
220
  $data: {};
@@ -294,7 +291,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
294
291
  errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
295
292
  };
296
293
  $forceUpdate: () => void;
297
- $nextTick: typeof import('vue').nextTick;
294
+ $nextTick: typeof nextTick;
298
295
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
299
296
  } & Readonly<{
300
297
  icons: typeof import('../QList/types').DEFAULT_ICONS;
@@ -329,7 +326,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
329
326
  }> & Readonly<{
330
327
  "onUpdate:modelValue"?: ((value: Primitive) => any) | undefined;
331
328
  }>, {
332
- focusItem: (itemIdx: number, preventScroll?: boolean) => void;
333
329
  getItem: (idx: number) => HTMLElement | undefined;
334
330
  getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
335
331
  getFirstFocusableItemIndex: () => number;
@@ -358,7 +354,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
358
354
  errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
359
355
  };
360
356
  $forceUpdate: () => void;
361
- $nextTick: typeof import('vue').nextTick;
357
+ $nextTick: typeof nextTick;
362
358
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
363
359
  } & Readonly<{
364
360
  groups: import('../QList/types').Group[];
@@ -376,8 +372,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
376
372
  selectable?: boolean;
377
373
  }> & Readonly<{
378
374
  "onUpdate:modelValue"?: ((value: Primitive) => any) | undefined;
379
- }>, "focusItem" | "getItem" | "getAdjacentItemIndex" | "getFirstFocusableItemIndex" | "getLastFocusableItemIndex" | ("groups" | "itemValue" | "itemLabel")> & import('vue').ShallowUnwrapRef<{
380
- focusItem: (itemIdx: number, preventScroll?: boolean) => void;
375
+ }>, "getItem" | "getAdjacentItemIndex" | "getFirstFocusableItemIndex" | "getLastFocusableItemIndex" | ("groups" | "itemValue" | "itemLabel")> & import('vue').ShallowUnwrapRef<{
381
376
  getItem: (idx: number) => HTMLElement | undefined;
382
377
  getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
383
378
  getFirstFocusableItemIndex: () => number;
@@ -1 +1 @@
1
- {"version":3,"file":"QDropdownMenuContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/QDropdownMenuContent.vue"],"names":[],"mappings":"AAsDA;AAmNC,OAAO,KAAK,EAAE,yBAAyB,EAA0B,MAAM,SAAS,CAAA;AAChF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAGlD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAGvC,KAAK,WAAW,GAAG,yBAAyB,CAAC;AA2J9C,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA0IT,OAAO,IAA6B;;;;YAbvB,GAAG;;;YACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAwEi+S,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAvD7nT;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CA+Bm/S,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OArB5nT,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":"QDropdownMenuContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/QDropdownMenuContent.vue"],"names":[],"mappings":"AAiDA;AAkIC,OAAO,KAAK,EAAE,yBAAyB,EAA0B,MAAM,SAAS,CAAA;AAChF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAGlD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAAiB,QAAQ,EAAE,MAAM,KAAK,CAAA;AAE7C,KAAK,WAAW,GAAG,yBAAyB,CAAC;AA8E9C,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,WAAW,CAAC;AAMhB,iBAAS,cAAc;WA8HT,OAAO,IAA6B;;;;YAZvB,GAAG;;;YACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAmE61a,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAnDz/a;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CA+B+2a,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OArBx/a,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"}