@quidgest/ui 0.17.9 → 0.19.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 (135) hide show
  1. package/CHANGELOG.md +79 -0
  2. package/dist/json/api.json +302 -143
  3. package/dist/manifest/components.json +4 -1
  4. package/dist/ui.css +460 -167
  5. package/dist/ui.esm.js +618 -631
  6. package/dist/ui.js +490 -504
  7. package/dist/ui.min.css +1 -1
  8. package/dist/ui.min.js +490 -504
  9. package/dist/ui.scss +439 -167
  10. package/esm/components/QAccordion/QAccordionItem.vue.js +1 -0
  11. package/esm/components/QCarousel/QCarousel.vue.js +1 -1
  12. package/esm/components/QCheckbox/QCheckbox.d.ts.map +1 -1
  13. package/esm/components/QCheckbox/QCheckbox.vue.js +2 -0
  14. package/esm/components/QCollapsible/QCollapsible.d.ts +2 -1
  15. package/esm/components/QCollapsible/QCollapsible.d.ts.map +1 -1
  16. package/esm/components/QCollapsible/QCollapsible.vue.js +50 -47
  17. package/esm/components/QCollapsible/constants.d.ts +6 -0
  18. package/esm/components/QCollapsible/constants.d.ts.map +1 -1
  19. package/esm/components/QCollapsible/constants.js +3 -2
  20. package/esm/components/QCollapsible/index.d.ts +6 -0
  21. package/esm/components/QCollapsible/index.d.ts.map +1 -1
  22. package/esm/components/QCollapsible/types.d.ts +11 -1
  23. package/esm/components/QCollapsible/types.d.ts.map +1 -1
  24. package/esm/components/QDateTimePicker/QDateTimePicker.d.ts.map +1 -1
  25. package/esm/components/QDateTimePicker/QDateTimePicker.vue.js +505 -597
  26. package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts +32 -16
  27. package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts.map +1 -1
  28. package/esm/components/QDropdownMenu/QDropdownMenuContent.vue.js +179 -86
  29. package/esm/components/QDropdownMenu/types.d.ts +6 -0
  30. package/esm/components/QDropdownMenu/types.d.ts.map +1 -1
  31. package/esm/components/QField/types.d.ts +3 -0
  32. package/esm/components/QField/types.d.ts.map +1 -1
  33. package/esm/components/QGrid/QCol.vue.js +1 -1
  34. package/esm/components/QLabel/QLabel.d.ts.map +1 -1
  35. package/esm/components/QLabel/QLabel.vue.js +19 -17
  36. package/esm/components/QLabel/types.d.ts +3 -0
  37. package/esm/components/QLabel/types.d.ts.map +1 -1
  38. package/esm/components/{QGroupBox/QGroupBox.d.ts → QSection/QSection.d.ts} +4 -4
  39. package/esm/components/QSection/QSection.d.ts.map +1 -0
  40. package/esm/components/{QGroupBox/QGroupBox.vue.js → QSection/QSection.vue.js} +8 -8
  41. package/esm/components/QSection/QSection2.vue.js +5 -0
  42. package/esm/components/{QGroupBox → QSection}/index.d.ts +8 -8
  43. package/esm/components/QSection/index.d.ts.map +1 -0
  44. package/esm/components/QSection/index.js +6 -0
  45. package/esm/components/QSection/types.d.ts +32 -0
  46. package/esm/components/QSection/types.d.ts.map +1 -0
  47. package/esm/components/QSidebar/QSidebar.d.ts +53 -6
  48. package/esm/components/QSidebar/QSidebar.d.ts.map +1 -1
  49. package/esm/components/QSidebar/QSidebar.vue.js +76 -106
  50. package/esm/components/QSidebar/QSidebarAnchor.d.ts +24 -210
  51. package/esm/components/QSidebar/QSidebarAnchor.d.ts.map +1 -1
  52. package/esm/components/QSidebar/QSidebarAnchor.vue.js +47 -59
  53. package/esm/components/QSidebar/QSidebarItem.d.ts +213 -0
  54. package/esm/components/QSidebar/QSidebarItem.d.ts.map +1 -0
  55. package/esm/components/QSidebar/QSidebarItem.vue.js +130 -0
  56. package/esm/components/QSidebar/QSidebarItem2.vue.js +5 -0
  57. package/esm/components/QSidebar/QSidebarPanel.d.ts +1 -7
  58. package/esm/components/QSidebar/QSidebarPanel.d.ts.map +1 -1
  59. package/esm/components/QSidebar/QSidebarPanel.vue.js +4 -10
  60. package/esm/components/QSidebar/context.d.ts +108 -0
  61. package/esm/components/QSidebar/context.d.ts.map +1 -0
  62. package/esm/components/QSidebar/context.js +4 -0
  63. package/esm/components/QSidebar/index.d.ts +166 -8
  64. package/esm/components/QSidebar/index.d.ts.map +1 -1
  65. package/esm/components/QSidebar/index.js +3 -2
  66. package/esm/components/QSidebar/types.d.ts +77 -42
  67. package/esm/components/QSidebar/types.d.ts.map +1 -1
  68. package/esm/components/QTabs/QTab.d.ts +173 -0
  69. package/esm/components/QTabs/QTab.d.ts.map +1 -0
  70. package/esm/components/QTabs/QTab.vue.js +123 -0
  71. package/esm/components/QTabs/QTab2.vue.js +5 -0
  72. package/esm/components/QTabs/QTabs.d.ts +37 -0
  73. package/esm/components/QTabs/QTabs.d.ts.map +1 -0
  74. package/esm/components/QTabs/QTabs.vue.js +162 -0
  75. package/esm/components/QTabs/QTabs2.vue.js +5 -0
  76. package/esm/components/QTabs/constants.d.ts +5 -0
  77. package/esm/components/QTabs/constants.d.ts.map +1 -0
  78. package/esm/components/QTabs/context.d.ts +85 -0
  79. package/esm/components/QTabs/context.d.ts.map +1 -0
  80. package/esm/components/QTabs/context.js +4 -0
  81. package/esm/components/QTabs/index.d.ts +166 -0
  82. package/esm/components/QTabs/index.d.ts.map +1 -0
  83. package/esm/components/QTabs/index.js +7 -0
  84. package/esm/components/QTabs/types.d.ts +108 -0
  85. package/esm/components/QTabs/types.d.ts.map +1 -0
  86. package/esm/components/__internal__/QRequiredIndicator/QRequiredIndicator.d.ts +7 -0
  87. package/esm/components/__internal__/QRequiredIndicator/QRequiredIndicator.d.ts.map +1 -0
  88. package/esm/components/__internal__/QRequiredIndicator/QRequiredIndicator.vue.js +24 -0
  89. package/esm/components/__internal__/QRequiredIndicator/QRequiredIndicator2.vue.js +5 -0
  90. package/esm/components/__internal__/QRequiredIndicator/constants.d.ts +7 -0
  91. package/esm/components/__internal__/QRequiredIndicator/constants.d.ts.map +1 -0
  92. package/esm/components/__internal__/QRequiredIndicator/constants.js +4 -0
  93. package/esm/components/__internal__/QRequiredIndicator/index.d.ts +6 -0
  94. package/esm/components/__internal__/QRequiredIndicator/index.d.ts.map +1 -0
  95. package/esm/components/__internal__/QRequiredIndicator/index.js +6 -0
  96. package/esm/components/__internal__/QRequiredIndicator/types.d.ts +18 -0
  97. package/esm/components/__internal__/QRequiredIndicator/types.d.ts.map +1 -0
  98. package/esm/components/__internal__/QSafeTriangle/QSafeTriangle.d.ts +10 -0
  99. package/esm/components/__internal__/QSafeTriangle/QSafeTriangle.d.ts.map +1 -0
  100. package/esm/components/__internal__/QSafeTriangle/QSafeTriangle.vue.js +31 -0
  101. package/esm/components/__internal__/QSafeTriangle/QSafeTriangle2.vue.js +5 -0
  102. package/esm/components/__internal__/QSafeTriangle/index.d.ts +10 -0
  103. package/esm/components/__internal__/QSafeTriangle/index.d.ts.map +1 -0
  104. package/esm/components/__internal__/QSafeTriangle/index.js +6 -0
  105. package/esm/components/__internal__/QSafeTriangle/types.d.ts +33 -0
  106. package/esm/components/__internal__/QSafeTriangle/types.d.ts.map +1 -0
  107. package/esm/components/index.d.ts +2 -1
  108. package/esm/components/index.d.ts.map +1 -1
  109. package/esm/components/index.js +41 -37
  110. package/esm/composables/useSafeTriangle/index.d.ts +31 -0
  111. package/esm/composables/useSafeTriangle/index.d.ts.map +1 -0
  112. package/esm/composables/useSafeTriangle/index.js +87 -0
  113. package/esm/index.d.ts +4 -1
  114. package/esm/utils/date.d.ts +36 -1
  115. package/esm/utils/date.d.ts.map +1 -1
  116. package/esm/utils/date.js +90 -1
  117. package/esm/utils/index.d.ts +1 -0
  118. package/esm/utils/index.d.ts.map +1 -1
  119. package/esm/utils/index.js +30 -24
  120. package/esm/utils/mask.d.ts +17 -0
  121. package/esm/utils/mask.d.ts.map +1 -0
  122. package/esm/utils/mask.js +154 -0
  123. package/esm/utils/safeTriangle.d.ts +68 -0
  124. package/esm/utils/safeTriangle.d.ts.map +1 -0
  125. package/esm/utils/safeTriangle.js +83 -0
  126. package/package.json +7 -6
  127. package/esm/components/QGroupBox/QGroupBox.d.ts.map +0 -1
  128. package/esm/components/QGroupBox/QGroupBox2.vue.js +0 -5
  129. package/esm/components/QGroupBox/index.d.ts.map +0 -1
  130. package/esm/components/QGroupBox/index.js +0 -6
  131. package/esm/components/QGroupBox/types.d.ts +0 -32
  132. package/esm/components/QGroupBox/types.d.ts.map +0 -1
  133. package/esm/composables/useInputMask/index.d.ts +0 -50
  134. package/esm/composables/useInputMask/index.d.ts.map +0 -1
  135. package/esm/composables/useInputMask/index.js +0 -408
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Default accessible strings for {@link QTab}.
3
+ */
4
+ export { DEFAULT_TEXTS } from '../__internal__/QRequiredIndicator/constants';
5
+ //# sourceMappingURL=constants.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/QTabs/constants.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAA"}
@@ -0,0 +1,85 @@
1
+ import { ComputedRef, InjectionKey, Ref } from 'vue';
2
+ import { QTabsDirection } from './types';
3
+ /**
4
+ * Metadata registered by each {@link QTab} with its parent {@link QTabs}.
5
+ *
6
+ * Used for keyboard navigation, default selection, focusing tab triggers,
7
+ * and positioning the line-variant active indicator.
8
+ */
9
+ export type TabRegistration = {
10
+ /**
11
+ * Identity of the tab, matching the value used by `v-model` on `QTabs`.
12
+ */
13
+ value: string;
14
+ /**
15
+ * Whether the tab is currently disabled.
16
+ *
17
+ * Stored as a computed so the parent can react when the prop changes.
18
+ */
19
+ disabled: ComputedRef<boolean>;
20
+ /**
21
+ * Template ref for the tab trigger element (indicator positioning).
22
+ */
23
+ tabRef: Ref<{
24
+ $el?: HTMLElement;
25
+ } | HTMLElement | null>;
26
+ /**
27
+ * Moves DOM focus to this tab's trigger button.
28
+ */
29
+ focus: () => void;
30
+ /**
31
+ * Activates this tab if it is enabled and not already selected.
32
+ */
33
+ select: () => void;
34
+ };
35
+ /**
36
+ * Provide/inject context shared between {@link QTabs} and its {@link QTab} children.
37
+ *
38
+ * Handles tablist targeting (for teleporting triggers), registration, and keyboard focus movement.
39
+ */
40
+ export type TabsContext = {
41
+ /**
42
+ * DOM element with `role="tablist"` that owns teleported tab triggers.
43
+ *
44
+ * The line indicator lives on the outer `.q-tabs__list` host, not here.
45
+ */
46
+ tabListEl: Ref<HTMLElement | null>;
47
+ /**
48
+ * Current layout orientation of the tab list.
49
+ *
50
+ * Drives which arrow keys move focus (Left/Right vs Up/Down).
51
+ */
52
+ direction: ComputedRef<QTabsDirection>;
53
+ /**
54
+ * Registers a tab with the parent so it participates in selection and keyboard navigation.
55
+ *
56
+ * @param tab - Tab metadata to register.
57
+ */
58
+ register: (tab: TabRegistration) => void;
59
+ /**
60
+ * Removes a previously registered tab (typically on unmount).
61
+ *
62
+ * @param value - The tab `value` to remove.
63
+ */
64
+ unregister: (value: string) => void;
65
+ /**
66
+ * Activates and focuses the next or previous enabled tab relative to `currentValue`.
67
+ *
68
+ * @param currentValue - Value of the tab that currently has focus.
69
+ * @param delta - Direction to move (`1` for next, `-1` for previous). Wraps around.
70
+ */
71
+ focusAdjacent: (currentValue: string, delta: number) => void;
72
+ /**
73
+ * Activates and focuses the first enabled tab.
74
+ */
75
+ focusFirst: () => void;
76
+ /**
77
+ * Activates and focuses the last enabled tab.
78
+ */
79
+ focusLast: () => void;
80
+ };
81
+ /**
82
+ * Injection key for the {@link TabsContext} provided by `QTabs`.
83
+ */
84
+ export declare const TabsSymbol: InjectionKey<TabsContext>;
85
+ //# sourceMappingURL=context.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/QTabs/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACzD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GAAG;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAE9B;;OAEG;IACH,MAAM,EAAE,GAAG,CAAC;QAAE,GAAG,CAAC,EAAE,WAAW,CAAA;KAAE,GAAG,WAAW,GAAG,IAAI,CAAC,CAAA;IAEvD;;OAEG;IACH,KAAK,EAAE,MAAM,IAAI,CAAA;IAEjB;;OAEG;IACH,MAAM,EAAE,MAAM,IAAI,CAAA;CAClB,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG;IACzB;;;;OAIG;IACH,SAAS,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAElC;;;;OAIG;IACH,SAAS,EAAE,WAAW,CAAC,cAAc,CAAC,CAAA;IAEtC;;;;OAIG;IACH,QAAQ,EAAE,CAAC,GAAG,EAAE,eAAe,KAAK,IAAI,CAAA;IAExC;;;;OAIG;IACH,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAEnC;;;;;OAKG;IACH,aAAa,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAE5D;;OAEG;IACH,UAAU,EAAE,MAAM,IAAI,CAAA;IAEtB;;OAEG;IACH,SAAS,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,WAAW,CAAoB,CAAA"}
@@ -0,0 +1,4 @@
1
+ //#region src/components/QTabs/context.ts
2
+ var e = Symbol("q-tabs");
3
+ //#endregion
4
+ export { e as TabsSymbol };
@@ -0,0 +1,166 @@
1
+ declare const QTabs: {
2
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
3
+ modelValue?: string;
4
+ } & import('../../types/component').QBaseComponentProps & {
5
+ direction?: import('./types').QTabsDirection;
6
+ align?: import('./types').QTabsAlign;
7
+ variant?: import('./types').QTabsVariant;
8
+ disabled?: boolean;
9
+ }> & Readonly<{
10
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
11
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
12
+ "update:modelValue": (value: string) => any;
13
+ }, import('vue').PublicProps, {
14
+ variant: import('./types').QTabsVariant;
15
+ direction: import('./types').QTabsDirection;
16
+ align: import('./types').QTabsAlign;
17
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
18
+ tabListHost: HTMLDivElement;
19
+ tabListEl: HTMLDivElement;
20
+ }, HTMLDivElement, import('vue').ComponentProvideOptions, {
21
+ P: {};
22
+ B: {};
23
+ D: {};
24
+ C: {};
25
+ M: {};
26
+ Defaults: {};
27
+ }, Readonly<{
28
+ modelValue?: string;
29
+ } & import('../../types/component').QBaseComponentProps & {
30
+ direction?: import('./types').QTabsDirection;
31
+ align?: import('./types').QTabsAlign;
32
+ variant?: import('./types').QTabsVariant;
33
+ disabled?: boolean;
34
+ }> & Readonly<{
35
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
36
+ }>, {}, {}, {}, {}, {
37
+ variant: import('./types').QTabsVariant;
38
+ direction: import('./types').QTabsDirection;
39
+ align: import('./types').QTabsAlign;
40
+ }>;
41
+ __isFragment?: never;
42
+ __isTeleport?: never;
43
+ __isSuspense?: never;
44
+ } & import('vue').ComponentOptionsBase<Readonly<{
45
+ modelValue?: string;
46
+ } & import('../../types/component').QBaseComponentProps & {
47
+ direction?: import('./types').QTabsDirection;
48
+ align?: import('./types').QTabsAlign;
49
+ variant?: import('./types').QTabsVariant;
50
+ disabled?: boolean;
51
+ }> & Readonly<{
52
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
53
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
54
+ "update:modelValue": (value: string) => any;
55
+ }, string, {
56
+ variant: import('./types').QTabsVariant;
57
+ direction: import('./types').QTabsDirection;
58
+ align: import('./types').QTabsAlign;
59
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
60
+ $slots: {
61
+ default?(_: {}): any;
62
+ };
63
+ });
64
+ declare const QTab: {
65
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').QTabProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
66
+ texts: typeof import('./constants').DEFAULT_TEXTS;
67
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
68
+ tabBtn: ({
69
+ $: import('vue').ComponentInternalInstance;
70
+ $data: {};
71
+ $props: {
72
+ readonly id?: string | undefined;
73
+ readonly class?: string | unknown[] | undefined;
74
+ readonly label?: string | undefined;
75
+ readonly variant?: import('..').QButtonVariant | undefined;
76
+ readonly color?: string | undefined;
77
+ readonly borderless?: boolean | undefined;
78
+ readonly elevated?: boolean | undefined;
79
+ readonly block?: boolean | undefined;
80
+ readonly size?: import('..').QButtonSize | undefined;
81
+ readonly iconPos?: import('..').QButtonIconPosition | undefined;
82
+ readonly pill?: boolean | undefined;
83
+ readonly disabled?: boolean | undefined;
84
+ readonly loading?: boolean | undefined;
85
+ readonly onClick?: ((event: Event) => any) | undefined;
86
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
87
+ $attrs: import('vue').Attrs;
88
+ $refs: {
89
+ [x: string]: unknown;
90
+ };
91
+ $slots: Readonly<{
92
+ [name: string]: import('vue').Slot<any> | undefined;
93
+ }>;
94
+ $root: import('vue').ComponentPublicInstance | null;
95
+ $parent: import('vue').ComponentPublicInstance | null;
96
+ $host: Element | null;
97
+ $emit: (event: "click", event: Event) => void;
98
+ $el: HTMLButtonElement;
99
+ $options: import('vue').ComponentOptionsBase<Readonly<import('..').QButtonProps> & Readonly<{
100
+ onClick?: ((event: Event) => any) | undefined;
101
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
102
+ click: (event: Event) => any;
103
+ }, string, {
104
+ size: import('..').QButtonSize;
105
+ variant: import('..').QButtonVariant;
106
+ color: string;
107
+ iconPos: import('..').QButtonIconPosition;
108
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
109
+ beforeCreate?: (() => void) | (() => void)[];
110
+ created?: (() => void) | (() => void)[];
111
+ beforeMount?: (() => void) | (() => void)[];
112
+ mounted?: (() => void) | (() => void)[];
113
+ beforeUpdate?: (() => void) | (() => void)[];
114
+ updated?: (() => void) | (() => void)[];
115
+ activated?: (() => void) | (() => void)[];
116
+ deactivated?: (() => void) | (() => void)[];
117
+ beforeDestroy?: (() => void) | (() => void)[];
118
+ beforeUnmount?: (() => void) | (() => void)[];
119
+ destroyed?: (() => void) | (() => void)[];
120
+ unmounted?: (() => void) | (() => void)[];
121
+ renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
122
+ renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
123
+ errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
124
+ };
125
+ $forceUpdate: () => void;
126
+ $nextTick: typeof import('vue').nextTick;
127
+ $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;
128
+ } & Readonly<{
129
+ size: import('..').QButtonSize;
130
+ variant: import('..').QButtonVariant;
131
+ color: string;
132
+ iconPos: import('..').QButtonIconPosition;
133
+ }> & Omit<Readonly<import('..').QButtonProps> & Readonly<{
134
+ onClick?: ((event: Event) => any) | undefined;
135
+ }>, "size" | "variant" | "color" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
136
+ $slots: {
137
+ default?(_: {}): any;
138
+ append?(_: {}): any;
139
+ };
140
+ }) | null;
141
+ }, any, import('vue').ComponentProvideOptions, {
142
+ P: {};
143
+ B: {};
144
+ D: {};
145
+ C: {};
146
+ M: {};
147
+ Defaults: {};
148
+ }, Readonly<import('./types').QTabProps> & Readonly<{}>, {}, {}, {}, {}, {
149
+ texts: typeof import('./constants').DEFAULT_TEXTS;
150
+ }>;
151
+ __isFragment?: never;
152
+ __isTeleport?: never;
153
+ __isSuspense?: never;
154
+ } & import('vue').ComponentOptionsBase<Readonly<import('./types').QTabProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
155
+ texts: typeof import('./constants').DEFAULT_TEXTS;
156
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
157
+ $slots: {
158
+ 'title.prepend'?(_: {}): any;
159
+ title?(_: {}): any;
160
+ 'title.append'?(_: {}): any;
161
+ default?(_: {}): any;
162
+ };
163
+ });
164
+ export { QTabs, QTab };
165
+ export * from './types';
166
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QTabs/index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA0B,CAAA;AACrC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAOy30B,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAPt90B,CAAA;AAGnC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,CAAA;AAGtB,cAAc,SAAS,CAAA"}
@@ -0,0 +1,7 @@
1
+ import { setupPropsProxy as e } from "../../utils/setupPropsProxy.js";
2
+ import t from "./QTabs2.vue.js";
3
+ import n from "./QTab2.vue.js";
4
+ //#region src/components/QTabs/index.ts
5
+ var r = e(t), i = e(n);
6
+ //#endregion
7
+ export { i as QTab, r as QTabs };
@@ -0,0 +1,108 @@
1
+ import { DEFAULT_TEXTS } from './constants';
2
+ import { QBaseComponentProps } from '../../types/component';
3
+ /**
4
+ * Layout direction of the tab list.
5
+ *
6
+ * - `horizontal` — tabs in a row, panels below
7
+ * - `vertical` — tabs in a column, panels beside
8
+ */
9
+ export type QTabsDirection = 'horizontal' | 'vertical';
10
+ /**
11
+ * How tab buttons are distributed along the tab list main axis
12
+ * (the axis defined by {@link QTabsDirection}).
13
+ *
14
+ * - `start` — pack at the start
15
+ * - `end` — pack at the end
16
+ * - `center` — center the tabs
17
+ * - `justify` — spread with space between (`space-between`)
18
+ */
19
+ export type QTabsAlign = 'start' | 'end' | 'center' | 'justify';
20
+ /**
21
+ * Visual style of the tab list.
22
+ *
23
+ * - `line` — sliding underline / edge indicator on a shared baseline
24
+ * - `card` — bordered folder tabs that merge into the panel
25
+ */
26
+ export type QTabsVariant = 'line' | 'card';
27
+ /**
28
+ * Props for the QTabs component.
29
+ *
30
+ * @extends QBaseComponentProps
31
+ */
32
+ export type QTabsProps = QBaseComponentProps & {
33
+ /**
34
+ * Orientation of the tab list.
35
+ *
36
+ * Also mapped to `aria-orientation` on the tablist.
37
+ *
38
+ * @default 'horizontal'
39
+ * @category Presentation
40
+ */
41
+ direction?: QTabsDirection;
42
+ /**
43
+ * Distribution of tabs along the tab list main axis.
44
+ *
45
+ * @default 'start'
46
+ * @category Presentation
47
+ */
48
+ align?: QTabsAlign;
49
+ /**
50
+ * Visual style of the tabs.
51
+ *
52
+ * @default 'line'
53
+ * @category Presentation
54
+ */
55
+ variant?: QTabsVariant;
56
+ /**
57
+ * If true, disables all nested tabs via defaults cascade.
58
+ *
59
+ * @category State
60
+ */
61
+ disabled?: boolean;
62
+ };
63
+ /**
64
+ * Props for the QTab component.
65
+ *
66
+ * @extends QBaseComponentProps
67
+ */
68
+ export type QTabProps = QBaseComponentProps & {
69
+ /**
70
+ * The label text shown on the tab trigger.
71
+ *
72
+ * Overridden when the `title` slot is provided.
73
+ *
74
+ * @category Content
75
+ */
76
+ title?: string;
77
+ /**
78
+ * If true, shows a required asterisk next to the title.
79
+ *
80
+ * The asterisk is decorative (`aria-hidden`); {@link QRequiredIndicator}
81
+ * with `announce` exposes the state to assistive tech via `.q-sr-only`
82
+ * (from `texts.required`) and hosts may also set `aria-required`.
83
+ *
84
+ * @category Presentation
85
+ */
86
+ required?: boolean;
87
+ /**
88
+ * If true, the tab cannot be selected or focused via keyboard navigation.
89
+ *
90
+ * @category State
91
+ */
92
+ disabled?: boolean;
93
+ /**
94
+ * Identity used by `v-model` on `QTabs`.
95
+ *
96
+ * Auto-generated when omitted; prefer an explicit value for controlled usage.
97
+ *
98
+ * @category Identification
99
+ */
100
+ value?: string;
101
+ /**
102
+ * Custom accessible strings.
103
+ *
104
+ * @category Configuration
105
+ */
106
+ texts?: typeof DEFAULT_TEXTS;
107
+ };
108
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QTabs/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAGhD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,UAAU,CAAA;AAEtD;;;;;;;;GAQG;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAA;AAE/D;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,CAAA;AAE1C;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,mBAAmB,GAAG;IAC9C;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAE1B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,UAAU,CAAA;IAElB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,YAAY,CAAA;IAEtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,SAAS,GAAG,mBAAmB,GAAG;IAC7C;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA"}
@@ -0,0 +1,7 @@
1
+ import { DEFAULT_TEXTS } from './constants';
2
+ import { QRequiredIndicatorProps } from '.';
3
+ declare const _default: import('vue').DefineComponent<QRequiredIndicatorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QRequiredIndicatorProps> & Readonly<{}>, {
4
+ texts: typeof DEFAULT_TEXTS;
5
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
6
+ export default _default;
7
+ //# sourceMappingURL=QRequiredIndicator.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"QRequiredIndicator.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/QRequiredIndicator/QRequiredIndicator.vue"],"names":[],"mappings":"AAcA;AA6BC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAG3C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,GAAG,CAAA;;;;AA0DjD,wBAQG"}
@@ -0,0 +1,24 @@
1
+ import { DEFAULT_TEXTS as e } from "./constants.js";
2
+ import { createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, toDisplayString as s } from "vue";
3
+ //#region src/components/__internal__/QRequiredIndicator/QRequiredIndicator.vue?vue&type=script&setup=true&lang.ts
4
+ var c = {
5
+ key: 0,
6
+ class: "q-sr-only"
7
+ }, l = /*@__PURE__*/ i({
8
+ __name: "QRequiredIndicator",
9
+ props: {
10
+ id: {},
11
+ class: {},
12
+ announce: { type: Boolean },
13
+ texts: { default: () => e }
14
+ },
15
+ setup(e) {
16
+ let i = e;
17
+ return (e, l) => (o(), n("span", { class: a(["q-required-indicator", i.class]) }, [l[0] ||= r("span", {
18
+ class: "q-required-indicator__mark",
19
+ "aria-hidden": "true"
20
+ }, " * ", -1), i.announce ? (o(), n("span", c, s(i.texts.required), 1)) : t("v-if", !0)], 2));
21
+ }
22
+ });
23
+ //#endregion
24
+ export { l as default };
@@ -0,0 +1,5 @@
1
+ import e from "./QRequiredIndicator.vue.js";
2
+ //#region src/components/__internal__/QRequiredIndicator/QRequiredIndicator.vue
3
+ var t = e;
4
+ //#endregion
5
+ export { t as default };
@@ -0,0 +1,7 @@
1
+ /**
2
+ * Default accessible strings for {@link QRequiredIndicator}.
3
+ */
4
+ export declare const DEFAULT_TEXTS: {
5
+ required: string;
6
+ };
7
+ //# sourceMappingURL=constants.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/QRequiredIndicator/constants.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,aAAa;;CAEQ,CAAA"}
@@ -0,0 +1,4 @@
1
+ //#region src/components/__internal__/QRequiredIndicator/constants.ts
2
+ var e = { required: "required" };
3
+ //#endregion
4
+ export { e as DEFAULT_TEXTS };
@@ -0,0 +1,6 @@
1
+ declare const QRequiredIndicator: import('vue').DefineComponent<import('./types').QRequiredIndicatorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./types').QRequiredIndicatorProps> & Readonly<{}>, {
2
+ texts: typeof import('./constants').DEFAULT_TEXTS;
3
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
4
+ export { QRequiredIndicator };
5
+ export * from './types';
6
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/QRequiredIndicator/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,kBAAkB;;yFAAuC,CAAA;AAG/D,OAAO,EAAE,kBAAkB,EAAE,CAAA;AAG7B,cAAc,SAAS,CAAA"}
@@ -0,0 +1,6 @@
1
+ import { setupPropsProxy as e } from "../../../utils/setupPropsProxy.js";
2
+ import t from "./QRequiredIndicator2.vue.js";
3
+ //#region src/components/__internal__/QRequiredIndicator/index.ts
4
+ var n = e(t);
5
+ //#endregion
6
+ export { n as QRequiredIndicator };
@@ -0,0 +1,18 @@
1
+ import { QBaseComponentProps } from '../../../types/component';
2
+ import { DEFAULT_TEXTS } from './constants';
3
+ export type QRequiredIndicatorProps = QBaseComponentProps & {
4
+ /**
5
+ * When true, exposes required state to assistive tech via `.q-sr-only`
6
+ * (from `texts.required`). When false, only the decorative asterisk is shown.
7
+ *
8
+ * @category Accessibility
9
+ */
10
+ announce?: boolean;
11
+ /**
12
+ * Custom accessible strings.
13
+ *
14
+ * @category Configuration
15
+ */
16
+ texts?: typeof DEFAULT_TEXTS;
17
+ };
18
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/QRequiredIndicator/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AACnE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAEhD,MAAM,MAAM,uBAAuB,GAAG,mBAAmB,GAAG;IAC3D;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA"}
@@ -0,0 +1,10 @@
1
+ import { QSafeTriangleProps } from '.';
2
+ declare const _default: import('vue').DefineComponent<QSafeTriangleProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QSafeTriangleProps> & Readonly<{}>, {
3
+ width: number;
4
+ path: string;
5
+ top: number;
6
+ height: number;
7
+ left: number;
8
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
9
+ export default _default;
10
+ //# sourceMappingURL=QSafeTriangle.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"QSafeTriangle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/QSafeTriangle/QSafeTriangle.vue"],"names":[],"mappings":"AAaA;AAuCC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,GAAG,CAAA;;;;;;;;AAuF5C,wBAQG"}
@@ -0,0 +1,31 @@
1
+ import { Teleport as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeStyle as s, openBlock as c } from "vue";
2
+ //#region src/components/__internal__/QSafeTriangle/QSafeTriangle.vue?vue&type=script&setup=true&lang.ts
3
+ var l = ["d"], u = /*@__PURE__*/ o({
4
+ __name: "QSafeTriangle",
5
+ props: {
6
+ top: { default: 0 },
7
+ left: { default: 0 },
8
+ width: { default: 0 },
9
+ height: { default: 0 },
10
+ path: { default: "" }
11
+ },
12
+ setup(o) {
13
+ let u = o, d = t(() => ({
14
+ top: `${u.top}px`,
15
+ left: `${u.left}px`,
16
+ width: `${u.width}px`,
17
+ height: `${u.height}px`
18
+ }));
19
+ return (t, o) => (c(), n(e, { to: "body" }, [u.path ? (c(), i("svg", {
20
+ key: 0,
21
+ class: "q-safe-triangle",
22
+ "aria-hidden": "true",
23
+ style: s(d.value)
24
+ }, [a("path", {
25
+ class: "q-safe-triangle__path",
26
+ d: u.path
27
+ }, null, 8, l)], 4)) : r("v-if", !0)]));
28
+ }
29
+ });
30
+ //#endregion
31
+ export { u as default };
@@ -0,0 +1,5 @@
1
+ import e from "./QSafeTriangle.vue.js";
2
+ //#region src/components/__internal__/QSafeTriangle/QSafeTriangle.vue
3
+ var t = e;
4
+ //#endregion
5
+ export { t as default };
@@ -0,0 +1,10 @@
1
+ declare const QSafeTriangle: import('vue').DefineComponent<import('./types').QSafeTriangleProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./types').QSafeTriangleProps> & Readonly<{}>, {
2
+ width: number;
3
+ path: string;
4
+ top: number;
5
+ height: number;
6
+ left: number;
7
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
8
+ export { QSafeTriangle };
9
+ export * from './types';
10
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/QSafeTriangle/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,aAAa;;;;;;6EAAkC,CAAA;AAGrD,OAAO,EAAE,aAAa,EAAE,CAAA;AAGxB,cAAc,SAAS,CAAA"}
@@ -0,0 +1,6 @@
1
+ import { setupPropsProxy as e } from "../../../utils/setupPropsProxy.js";
2
+ import t from "./QSafeTriangle2.vue.js";
3
+ //#region src/components/__internal__/QSafeTriangle/index.ts
4
+ var n = e(t);
5
+ //#endregion
6
+ export { n as QSafeTriangle };
@@ -0,0 +1,33 @@
1
+ export type QSafeTriangleProps = {
2
+ /**
3
+ * Fixed position of the SVG container from the viewport top edge.
4
+ *
5
+ * @category Presentation
6
+ */
7
+ top?: number;
8
+ /**
9
+ * Fixed position of the SVG container from the viewport left edge.
10
+ *
11
+ * @category Presentation
12
+ */
13
+ left?: number;
14
+ /**
15
+ * Width of the SVG container.
16
+ *
17
+ * @category Presentation
18
+ */
19
+ width?: number;
20
+ /**
21
+ * Height of the SVG container.
22
+ *
23
+ * @category Presentation
24
+ */
25
+ height?: number;
26
+ /**
27
+ * SVG path data for the safe triangle.
28
+ *
29
+ * @category Presentation
30
+ */
31
+ path?: string;
32
+ };
33
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/QSafeTriangle/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAAG;IAChC;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACb,CAAA"}
@@ -20,7 +20,6 @@ export * from './QField';
20
20
  export * from './QFileUpload';
21
21
  export * from './QFocusWrap';
22
22
  export * from './QGrid';
23
- export * from './QGroupBox';
24
23
  export * from './QIcon';
25
24
  export * from './QInputGroup';
26
25
  export * from './QLabel';
@@ -33,11 +32,13 @@ export * from './QPasswordField';
33
32
  export * from './QPopover';
34
33
  export * from './QPropertyList';
35
34
  export * from './QRadioGroup';
35
+ export * from './QSection';
36
36
  export * from './QSelect';
37
37
  export * from './QSidebar';
38
38
  export * from './QSkeletonLoader';
39
39
  export * from './QSpinnerLoader';
40
40
  export * from './QSwitch';
41
+ export * from './QTabs';
41
42
  export * from './QTextArea';
42
43
  export * from './QTextField';
43
44
  export * from './QThemeProvider';