@quidgest/ui 0.16.28 → 0.16.29
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.
- package/dist/json/api.json +5776 -0
- package/dist/ui.esm.js +130 -128
- package/dist/ui.js +4 -4
- package/dist/ui.min.js +44 -44
- package/dist/ui.scss +1 -1
- package/esm/components/QAccordion/QAccordionItem.vue.js +2 -2
- package/esm/components/QAccordion/types.d.ts +10 -0
- package/esm/components/QAccordion/types.d.ts.map +1 -1
- package/esm/components/QAvatar/QAvatar.d.ts +1 -1
- package/esm/components/QAvatar/QAvatar.vue.js +3 -3
- package/esm/components/QAvatar/index.d.ts +3 -3
- package/esm/components/QAvatar/types.d.ts +20 -8
- package/esm/components/QAvatar/types.d.ts.map +1 -1
- package/esm/components/QBadge/QBadge.vue.js +1 -1
- package/esm/components/QBadge/types.d.ts +18 -4
- package/esm/components/QBadge/types.d.ts.map +1 -1
- package/esm/components/QBadgeIndicator/QBadgeIndicator.vue.js +2 -2
- package/esm/components/QBadgeIndicator/types.d.ts +11 -5
- package/esm/components/QBadgeIndicator/types.d.ts.map +1 -1
- package/esm/components/QButton/QButton.vue.js +3 -3
- package/esm/components/QButton/types.d.ts +30 -8
- package/esm/components/QButton/types.d.ts.map +1 -1
- package/esm/components/QButtonGroup/QButtonGroup.vue.js +2 -2
- package/esm/components/QButtonGroup/types.d.ts +12 -4
- package/esm/components/QButtonGroup/types.d.ts.map +1 -1
- package/esm/components/QCard/QCard.vue.js +3 -3
- package/esm/components/QCard/types.d.ts +26 -8
- package/esm/components/QCard/types.d.ts.map +1 -1
- package/esm/components/QCarousel/types.d.ts +55 -11
- package/esm/components/QCarousel/types.d.ts.map +1 -1
- package/esm/components/QCheckbox/QCheckbox.vue.js +3 -3
- package/esm/components/QCheckbox/QCheckboxLabel.vue.js +2 -2
- package/esm/components/QCheckbox/index.d.ts +9 -9
- package/esm/components/QCheckbox/types.d.ts +23 -9
- package/esm/components/QCheckbox/types.d.ts.map +1 -1
- package/esm/components/QCollapsible/QCollapsible.vue.js +2 -2
- package/esm/components/QCollapsible/index.d.ts +6 -6
- package/esm/components/QCollapsible/types.d.ts +23 -7
- package/esm/components/QCollapsible/types.d.ts.map +1 -1
- package/esm/components/QColorPicker/types.d.ts +14 -0
- package/esm/components/QColorPicker/types.d.ts.map +1 -1
- package/esm/components/QCombobox/QCombobox.d.ts +28 -28
- package/esm/components/QCombobox/QCombobox.vue.js +4 -4
- package/esm/components/QCombobox/index.d.ts +43 -43
- package/esm/components/QCombobox/types.d.ts +34 -12
- package/esm/components/QCombobox/types.d.ts.map +1 -1
- package/esm/components/QDateTimePicker/QDateTimePicker.vue.js +4 -4
- package/esm/components/QDateTimePicker/index.d.ts +12 -12
- package/esm/components/QDateTimePicker/types.d.ts +29 -13
- package/esm/components/QDateTimePicker/types.d.ts.map +1 -1
- package/esm/components/QDefaultsProvider/types.d.ts +2 -0
- package/esm/components/QDefaultsProvider/types.d.ts.map +1 -1
- package/esm/components/QDialog/QDialog.d.ts +1 -1
- package/esm/components/QDialog/QDialog.vue.js +5 -5
- package/esm/components/QDialog/index.d.ts +15 -15
- package/esm/components/QDialog/types.d.ts +46 -18
- package/esm/components/QDialog/types.d.ts.map +1 -1
- package/esm/components/QDivider/QDivider.vue.js +10 -8
- package/esm/components/QDivider/types.d.ts +6 -1
- package/esm/components/QDivider/types.d.ts.map +1 -1
- package/esm/components/QDropdownMenu/QDropdownMenu.vue.js +6 -6
- package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts +9 -9
- package/esm/components/QDropdownMenu/QDropdownMenuContent.vue.js +6 -6
- package/esm/components/QDropdownMenu/index.d.ts +12 -12
- package/esm/components/QDropdownMenu/types.d.ts +51 -21
- package/esm/components/QDropdownMenu/types.d.ts.map +1 -1
- package/esm/components/QField/QField.vue.js +1 -1
- package/esm/components/QField/types.d.ts +10 -0
- package/esm/components/QField/types.d.ts.map +1 -1
- package/esm/components/QFileUpload/QFileUpload.vue.js +1 -1
- package/esm/components/QFileUpload/index.d.ts +3 -3
- package/esm/components/QFileUpload/types.d.ts +6 -0
- package/esm/components/QFileUpload/types.d.ts.map +1 -1
- package/esm/components/QGrid/types.d.ts +20 -0
- package/esm/components/QGrid/types.d.ts.map +1 -1
- package/esm/components/QIcon/QIcon.vue.js +2 -2
- package/esm/components/QIcon/QIconFont.vue.js +2 -2
- package/esm/components/QIcon/types.d.ts +22 -8
- package/esm/components/QIcon/types.d.ts.map +1 -1
- package/esm/components/QInputGroup/QInputGroup.vue.js +1 -1
- package/esm/components/QInputGroup/types.d.ts +4 -0
- package/esm/components/QInputGroup/types.d.ts.map +1 -1
- package/esm/components/QLabel/QLabel.vue.js +2 -2
- package/esm/components/QLabel/types.d.ts +10 -4
- package/esm/components/QLabel/types.d.ts.map +1 -1
- package/esm/components/QLineLoader/types.d.ts +4 -0
- package/esm/components/QLineLoader/types.d.ts.map +1 -1
- package/esm/components/QList/QList.d.ts +2 -2
- package/esm/components/QList/QList.vue.js +4 -4
- package/esm/components/QList/QListItem.vue.js +1 -1
- package/esm/components/QList/index.d.ts +1 -1
- package/esm/components/QList/types.d.ts +54 -14
- package/esm/components/QList/types.d.ts.map +1 -1
- package/esm/components/QMeter/QMeter.vue.js +3 -3
- package/esm/components/QMeter/index.d.ts +4 -4
- package/esm/components/QMeter/types.d.ts +10 -4
- package/esm/components/QMeter/types.d.ts.map +1 -1
- package/esm/components/QOverlay/QOverlay.d.ts +2 -2
- package/esm/components/QOverlay/QOverlay.vue.js +9 -9
- package/esm/components/QOverlay/index.d.ts +30 -30
- package/esm/components/QOverlay/types.d.ts +74 -34
- package/esm/components/QOverlay/types.d.ts.map +1 -1
- package/esm/components/QPasswordField/QPasswordField.d.ts +8 -8
- package/esm/components/QPasswordField/QPasswordField.vue.js +1 -1
- package/esm/components/QPasswordField/QPasswordFieldMeterOverlay.vue.js +8 -8
- package/esm/components/QPasswordField/index.d.ts +4 -4
- package/esm/components/QPasswordField/types.d.ts +12 -0
- package/esm/components/QPasswordField/types.d.ts.map +1 -1
- package/esm/components/QPopover/QPopover.vue.js +4 -4
- package/esm/components/QPopover/index.d.ts +12 -12
- package/esm/components/QPopover/types.d.ts +32 -14
- package/esm/components/QPopover/types.d.ts.map +1 -1
- package/esm/components/QPropertyList/QPropertyList.vue.js +1 -1
- package/esm/components/QPropertyList/types.d.ts +41 -5
- package/esm/components/QPropertyList/types.d.ts.map +1 -1
- package/esm/components/QRadioGroup/QRadioButton.vue.js +6 -6
- package/esm/components/QRadioGroup/QRadioGroup.vue.js +5 -5
- package/esm/components/QRadioGroup/index.d.ts +12 -12
- package/esm/components/QRadioGroup/types.d.ts +57 -27
- package/esm/components/QRadioGroup/types.d.ts.map +1 -1
- package/esm/components/QRemoveScrollBar/QRemoveScrollBar.vue.js +2 -2
- package/esm/components/QRemoveScrollBar/types.d.ts +10 -6
- package/esm/components/QRemoveScrollBar/types.d.ts.map +1 -1
- package/esm/components/QSelect/QSelect.d.ts +10 -10
- package/esm/components/QSelect/QSelect.vue.js +4 -4
- package/esm/components/QSelect/index.d.ts +17 -17
- package/esm/components/QSelect/types.d.ts +30 -10
- package/esm/components/QSelect/types.d.ts.map +1 -1
- package/esm/components/QSidebar/QSidebar.d.ts +1 -1
- package/esm/components/QSidebar/QSidebarAnchor.d.ts +13 -13
- package/esm/components/QSidebar/index.d.ts +1 -1
- package/esm/components/QSidebar/types.d.ts +29 -9
- package/esm/components/QSidebar/types.d.ts.map +1 -1
- package/esm/components/QSkeletonLoader/QSkeletonLoader.vue.js +2 -2
- package/esm/components/QSkeletonLoader/types.d.ts +10 -4
- package/esm/components/QSkeletonLoader/types.d.ts.map +1 -1
- package/esm/components/QSpinnerLoader/types.d.ts +2 -0
- package/esm/components/QSpinnerLoader/types.d.ts.map +1 -1
- package/esm/components/QSwitch/QSwitch.vue.js +3 -3
- package/esm/components/QSwitch/index.d.ts +4 -4
- package/esm/components/QSwitch/types.d.ts +24 -8
- package/esm/components/QSwitch/types.d.ts.map +1 -1
- package/esm/components/QTextArea/QTextArea.vue.js +1 -1
- package/esm/components/QTextArea/index.d.ts +3 -3
- package/esm/components/QTextArea/types.d.ts +14 -0
- package/esm/components/QTextArea/types.d.ts.map +1 -1
- package/esm/components/QTextField/QTextField.d.ts +2 -2
- package/esm/components/QTextField/QTextField.vue.js +1 -1
- package/esm/components/QTextField/index.d.ts +4 -4
- package/esm/components/QTextField/types.d.ts +10 -0
- package/esm/components/QTextField/types.d.ts.map +1 -1
- package/esm/components/QThemeProvider/types.d.ts +2 -0
- package/esm/components/QThemeProvider/types.d.ts.map +1 -1
- package/esm/components/QToast/QToast.vue.js +4 -4
- package/esm/components/QToast/types.d.ts +34 -12
- package/esm/components/QToast/types.d.ts.map +1 -1
- package/esm/components/QToggle/QToggle.vue.js +3 -3
- package/esm/components/QToggle/index.d.ts +6 -6
- package/esm/components/QToggleGroup/QToggleGroup.vue.js +1 -1
- package/esm/components/QToggleGroup/QToggleGroupItem.vue.js +2 -2
- package/esm/components/QToggleGroup/index.d.ts +3 -3
- package/esm/components/QToggleGroup/types.d.ts +6 -0
- package/esm/components/QToggleGroup/types.d.ts.map +1 -1
- package/esm/components/QTooltip/QTooltip.vue.js +5 -5
- package/esm/components/QTooltip/index.d.ts +12 -12
- package/esm/components/QTooltip/types.d.ts +40 -16
- package/esm/components/QTooltip/types.d.ts.map +1 -1
- package/esm/components/__internal__/QChevron/types.d.ts +2 -0
- package/esm/components/__internal__/QChevron/types.d.ts.map +1 -1
- package/esm/components/__internal__/QClearButton/types.d.ts +4 -0
- package/esm/components/__internal__/QClearButton/types.d.ts.map +1 -1
- package/esm/composables/useDialog/index.d.ts +12 -12
- package/esm/composables/useDialog/index.d.ts.map +1 -1
- package/esm/types/component.d.ts +4 -0
- package/esm/types/component.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/ui.scss
CHANGED
|
@@ -9,11 +9,11 @@ const B = /* @__PURE__ */ l({
|
|
|
9
9
|
class: {},
|
|
10
10
|
title: {},
|
|
11
11
|
subtitle: {},
|
|
12
|
-
|
|
12
|
+
variant: {},
|
|
13
13
|
iconRight: { type: Boolean },
|
|
14
14
|
spacing: {},
|
|
15
|
-
variant: {},
|
|
16
15
|
width: {},
|
|
16
|
+
required: { type: Boolean },
|
|
17
17
|
icons: {},
|
|
18
18
|
value: {}
|
|
19
19
|
},
|
|
@@ -8,18 +8,26 @@ import { QBaseComponentProps } from '../../types/component';
|
|
|
8
8
|
export type QAccordionProps = QBaseComponentProps & {
|
|
9
9
|
/**
|
|
10
10
|
* Specifies the visual style of the collapsible sections.
|
|
11
|
+
*
|
|
12
|
+
* @category Presentation
|
|
11
13
|
*/
|
|
12
14
|
variant?: QCollapsibleVariant;
|
|
13
15
|
/**
|
|
14
16
|
* Defines the spacing around the title of each collapsible section.
|
|
17
|
+
*
|
|
18
|
+
* @category Presentation
|
|
15
19
|
*/
|
|
16
20
|
spacing?: QCollapsibleSpacing;
|
|
17
21
|
/**
|
|
18
22
|
* If true, positions the expand/collapse icon on the right.
|
|
23
|
+
*
|
|
24
|
+
* @category Presentation
|
|
19
25
|
*/
|
|
20
26
|
iconRight?: boolean;
|
|
21
27
|
/**
|
|
22
28
|
* If true, allows multiple collapsible sections to be expanded simultaneously.
|
|
29
|
+
*
|
|
30
|
+
* @category Behavior
|
|
23
31
|
*/
|
|
24
32
|
multiple?: boolean;
|
|
25
33
|
};
|
|
@@ -31,6 +39,8 @@ export type QAccordionProps = QBaseComponentProps & {
|
|
|
31
39
|
export type QAccordionItemProps = QCollapsibleProps & {
|
|
32
40
|
/**
|
|
33
41
|
* An optional string that represents the value associated with the accordion item.
|
|
42
|
+
*
|
|
43
|
+
* @category Identification
|
|
34
44
|
*/
|
|
35
45
|
value?: string;
|
|
36
46
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QAccordion/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAClG,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG;IACnD
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QAccordion/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAClG,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG;IACnD;;;;OAIG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAA;IAE7B;;;;OAIG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAA;IAE7B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,GAAG;IACrD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA"}
|
|
@@ -10,8 +10,8 @@ declare function __VLS_template(): {
|
|
|
10
10
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
11
|
declare const __VLS_component: import('vue').DefineComponent<QAvatarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QAvatarProps> & Readonly<{}>, {
|
|
12
12
|
size: "small" | "medium" | "large" | string;
|
|
13
|
-
alt: string;
|
|
14
13
|
shape: "circle" | "square";
|
|
14
|
+
alt: string;
|
|
15
15
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
16
16
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
17
17
|
export default _default;
|
|
@@ -7,11 +7,11 @@ const C = ["src", "alt"], h = {
|
|
|
7
7
|
__name: "QAvatar",
|
|
8
8
|
props: {
|
|
9
9
|
src: {},
|
|
10
|
-
|
|
10
|
+
initials: {},
|
|
11
|
+
color: {},
|
|
11
12
|
size: { default: "medium" },
|
|
12
13
|
shape: { default: "circle" },
|
|
13
|
-
|
|
14
|
-
color: {}
|
|
14
|
+
alt: { default: "Avatar" }
|
|
15
15
|
},
|
|
16
16
|
setup(n) {
|
|
17
17
|
const e = n, c = t(() => ["small", "large"].includes(e.size) ? `q-avatar--${e.size}` : ""), u = t(() => e.shape === "circle" ? void 0 : "q-avatar--square"), { style: s } = z(v(e, "color")), m = t(() => {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
declare const QAvatar: {
|
|
2
2
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').QAvatarProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
|
|
3
3
|
size: "small" | "medium" | "large" | string;
|
|
4
|
-
alt: string;
|
|
5
4
|
shape: "circle" | "square";
|
|
5
|
+
alt: string;
|
|
6
6
|
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
|
|
7
7
|
P: {};
|
|
8
8
|
B: {};
|
|
@@ -12,16 +12,16 @@ declare const QAvatar: {
|
|
|
12
12
|
Defaults: {};
|
|
13
13
|
}, Readonly<import('./types').QAvatarProps> & Readonly<{}>, {}, {}, {}, {}, {
|
|
14
14
|
size: "small" | "medium" | "large" | string;
|
|
15
|
-
alt: string;
|
|
16
15
|
shape: "circle" | "square";
|
|
16
|
+
alt: string;
|
|
17
17
|
}>;
|
|
18
18
|
__isFragment?: never;
|
|
19
19
|
__isTeleport?: never;
|
|
20
20
|
__isSuspense?: never;
|
|
21
21
|
} & import('vue').ComponentOptionsBase<Readonly<import('./types').QAvatarProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
22
22
|
size: "small" | "medium" | "large" | string;
|
|
23
|
-
alt: string;
|
|
24
23
|
shape: "circle" | "square";
|
|
24
|
+
alt: string;
|
|
25
25
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
26
26
|
$slots: {
|
|
27
27
|
fallback?(_: {}): any;
|
|
@@ -4,27 +4,39 @@
|
|
|
4
4
|
export type QAvatarProps = {
|
|
5
5
|
/**
|
|
6
6
|
* URL of the avatar image.
|
|
7
|
+
*
|
|
8
|
+
* @category Content
|
|
7
9
|
*/
|
|
8
10
|
src?: string;
|
|
9
11
|
/**
|
|
10
|
-
*
|
|
12
|
+
* Initials to display if no image is provided.
|
|
13
|
+
*
|
|
14
|
+
* @category Content
|
|
11
15
|
*/
|
|
12
|
-
|
|
16
|
+
initials?: string;
|
|
17
|
+
/**
|
|
18
|
+
* Background color for initials or fallback.
|
|
19
|
+
*
|
|
20
|
+
* @category Content
|
|
21
|
+
*/
|
|
22
|
+
color?: string;
|
|
13
23
|
/**
|
|
14
24
|
* Predefined sizes ('small', 'medium', 'large') or a custom size as a string.
|
|
25
|
+
*
|
|
26
|
+
* @category Presentation
|
|
15
27
|
*/
|
|
16
28
|
size?: 'small' | 'medium' | 'large' | string;
|
|
17
29
|
/**
|
|
18
30
|
* Shape of the avatar, either 'circle' or 'square'.
|
|
31
|
+
*
|
|
32
|
+
* @category Presentation
|
|
19
33
|
*/
|
|
20
34
|
shape?: 'circle' | 'square';
|
|
21
35
|
/**
|
|
22
|
-
*
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
/**
|
|
26
|
-
* Background color for initials or fallback.
|
|
36
|
+
* Alt text for the image.
|
|
37
|
+
*
|
|
38
|
+
* @category Accessibility
|
|
27
39
|
*/
|
|
28
|
-
|
|
40
|
+
alt?: string;
|
|
29
41
|
};
|
|
30
42
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QAvatar/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IAC1B
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QAvatar/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IAC1B;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;IAE5C;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAE3B;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA"}
|
|
@@ -13,9 +13,9 @@ const U = ["id", "role", "tabindex", "onKeydown"], D = {
|
|
|
13
13
|
class: {},
|
|
14
14
|
variant: { default: "tonal" },
|
|
15
15
|
color: { default: "primary" },
|
|
16
|
-
removable: { type: Boolean },
|
|
17
16
|
pill: { type: Boolean },
|
|
18
17
|
size: { default: "default" },
|
|
18
|
+
removable: { type: Boolean },
|
|
19
19
|
icons: { default: () => R },
|
|
20
20
|
texts: { default: () => Q }
|
|
21
21
|
},
|
|
@@ -4,32 +4,46 @@ export type QBadgeSize = 'default' | 'large';
|
|
|
4
4
|
export type QBadgeProps = QBaseComponentProps & {
|
|
5
5
|
/**
|
|
6
6
|
* Specifies the visual style of the badge.
|
|
7
|
+
*
|
|
8
|
+
* @category Presentation
|
|
7
9
|
*/
|
|
8
10
|
variant?: QBadgeVariant;
|
|
9
11
|
/**
|
|
10
12
|
* The color of the badge.
|
|
11
13
|
* Can be chosen from utility colors like 'success' or 'danger',
|
|
12
14
|
* or specified using CSS color codes.
|
|
15
|
+
*
|
|
16
|
+
* @category Presentation
|
|
13
17
|
*/
|
|
14
18
|
color?: string;
|
|
15
|
-
/**
|
|
16
|
-
* Whether the badge can be removed.
|
|
17
|
-
*/
|
|
18
|
-
removable?: boolean;
|
|
19
19
|
/**
|
|
20
20
|
* Conveys a pill shape to the badge.
|
|
21
|
+
*
|
|
22
|
+
* @category Presentation
|
|
21
23
|
*/
|
|
22
24
|
pill?: boolean;
|
|
23
25
|
/**
|
|
24
26
|
* The size of the badge.
|
|
27
|
+
*
|
|
28
|
+
* @category Presentation
|
|
25
29
|
*/
|
|
26
30
|
size?: QBadgeSize;
|
|
31
|
+
/**
|
|
32
|
+
* Whether the badge can be removed.
|
|
33
|
+
*
|
|
34
|
+
* @category State
|
|
35
|
+
*/
|
|
36
|
+
removable?: boolean;
|
|
27
37
|
/**
|
|
28
38
|
* Custom icon configurations.
|
|
39
|
+
*
|
|
40
|
+
* @category Configuration
|
|
29
41
|
*/
|
|
30
42
|
icons?: typeof DEFAULT_ICONS;
|
|
31
43
|
/**
|
|
32
44
|
* Custom texts.
|
|
45
|
+
*
|
|
46
|
+
* @category Configuration
|
|
33
47
|
*/
|
|
34
48
|
texts?: typeof DEFAULT_TEXTS;
|
|
35
49
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QBadge/types.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAA;AAEzD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,CAAA;AAE5C,MAAM,MAAM,WAAW,GAAG,mBAAmB,GAAG;IAC/C
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QBadge/types.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAA;AAEzD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,CAAA;AAE5C,MAAM,MAAM,WAAW,GAAG,mBAAmB,GAAG;IAC/C;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;IAEvB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAGD,eAAO,MAAM,aAAa;;;;CAIM,CAAA;AAEhC,eAAO,MAAM,aAAa;;CAEQ,CAAA"}
|
|
@@ -6,8 +6,8 @@ const q = ["id"], S = /* @__PURE__ */ d({
|
|
|
6
6
|
id: {},
|
|
7
7
|
class: {},
|
|
8
8
|
content: {},
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
color: {},
|
|
10
|
+
placement: { default: "top-right" }
|
|
11
11
|
},
|
|
12
12
|
setup(s) {
|
|
13
13
|
const t = s, c = i(), l = o(() => !t.content && !c.content), r = o(() => [
|
|
@@ -5,17 +5,23 @@ export type QBadgeIndicatorProps = QBaseComponentProps & {
|
|
|
5
5
|
/**
|
|
6
6
|
* The content to display inside the badge.
|
|
7
7
|
* If omitted, the badge appears as a small dot.
|
|
8
|
+
*
|
|
9
|
+
* @category Content
|
|
8
10
|
*/
|
|
9
11
|
content?: string;
|
|
10
|
-
/**
|
|
11
|
-
* The placement of the badge relative to the wrapped element.
|
|
12
|
-
* Defaults to `top-right`.
|
|
13
|
-
*/
|
|
14
|
-
placement?: QBadgeIndicatorPlacement;
|
|
15
12
|
/**
|
|
16
13
|
* The color of the badge.
|
|
17
14
|
* Can be chosen from utility colors like 'success' or 'danger', or specified using CSS color codes.
|
|
15
|
+
*
|
|
16
|
+
* @category Content
|
|
18
17
|
*/
|
|
19
18
|
color?: string;
|
|
19
|
+
/**
|
|
20
|
+
* The placement of the badge relative to the wrapped element.
|
|
21
|
+
* Defaults to `top-right`.
|
|
22
|
+
*
|
|
23
|
+
* @category Presentation
|
|
24
|
+
*/
|
|
25
|
+
placement?: QBadgeIndicatorPlacement;
|
|
20
26
|
};
|
|
21
27
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QBadgeIndicator/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,+DAA+D;AAC/D,MAAM,MAAM,wBAAwB,GACjC,WAAW,GACX,YAAY,GACZ,UAAU,GACV,cAAc,GACd,aAAa,GACb,cAAc,GACd,eAAe,GACf,aAAa,CAAA;AAEhB,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,GAAG;IACxD
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QBadgeIndicator/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,+DAA+D;AAC/D,MAAM,MAAM,wBAAwB,GACjC,WAAW,GACX,YAAY,GACZ,UAAU,GACV,cAAc,GACd,aAAa,GACb,cAAc,GACd,eAAe,GACf,aAAa,CAAA;AAEhB,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,GAAG;IACxD;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;;OAKG;IACH,SAAS,CAAC,EAAE,wBAAwB,CAAA;CACpC,CAAA"}
|
|
@@ -12,14 +12,14 @@ const D = ["id", "disabled"], E = {
|
|
|
12
12
|
label: {},
|
|
13
13
|
variant: { default: "outlined" },
|
|
14
14
|
color: { default: "primary" },
|
|
15
|
-
disabled: { type: Boolean },
|
|
16
15
|
borderless: { type: Boolean },
|
|
17
16
|
elevated: { type: Boolean },
|
|
18
17
|
block: { type: Boolean },
|
|
19
|
-
loading: { type: Boolean },
|
|
20
18
|
size: { default: "regular" },
|
|
21
19
|
iconPos: { default: "start" },
|
|
22
|
-
pill: { type: Boolean }
|
|
20
|
+
pill: { type: Boolean },
|
|
21
|
+
disabled: { type: Boolean },
|
|
22
|
+
loading: { type: Boolean }
|
|
23
23
|
},
|
|
24
24
|
emits: ["click"],
|
|
25
25
|
setup(p, { emit: v }) {
|
|
@@ -5,49 +5,71 @@ export type QButtonIconPosition = 'start' | 'end' | 'top' | 'bottom';
|
|
|
5
5
|
export type QButtonProps = QBaseComponentProps & {
|
|
6
6
|
/**
|
|
7
7
|
* The text content of the button.
|
|
8
|
+
*
|
|
9
|
+
* @category Content
|
|
8
10
|
*/
|
|
9
11
|
label?: string;
|
|
10
12
|
/**
|
|
11
13
|
* Specifies the visual style of the button.
|
|
14
|
+
*
|
|
15
|
+
* @category Presentation
|
|
12
16
|
*/
|
|
13
17
|
variant?: QButtonVariant;
|
|
14
18
|
/**
|
|
15
19
|
* The color of the button.
|
|
16
20
|
* Can be chosen from utility colors like 'success' or 'danger',
|
|
17
21
|
* or specified using CSS color codes.
|
|
22
|
+
*
|
|
23
|
+
* @category Presentation
|
|
18
24
|
*/
|
|
19
25
|
color?: string;
|
|
20
|
-
/**
|
|
21
|
-
* If true, the button is disabled and cannot be interacted with.
|
|
22
|
-
*/
|
|
23
|
-
disabled?: boolean;
|
|
24
26
|
/**
|
|
25
27
|
* If true, the button has no borders.
|
|
28
|
+
*
|
|
29
|
+
* @category Presentation
|
|
26
30
|
*/
|
|
27
31
|
borderless?: boolean;
|
|
28
32
|
/**
|
|
29
33
|
* If true, the button has an elevated appearance.
|
|
34
|
+
*
|
|
35
|
+
* @category Presentation
|
|
30
36
|
*/
|
|
31
37
|
elevated?: boolean;
|
|
32
38
|
/**
|
|
33
39
|
* If true, the button spans the full width of its container.
|
|
40
|
+
*
|
|
41
|
+
* @category Presentation
|
|
34
42
|
*/
|
|
35
43
|
block?: boolean;
|
|
36
|
-
/**
|
|
37
|
-
* If true, the button is in a loading state, indicating ongoing activity.
|
|
38
|
-
*/
|
|
39
|
-
loading?: boolean;
|
|
40
44
|
/**
|
|
41
45
|
* The size of the button, either 'regular' or 'small'.
|
|
46
|
+
*
|
|
47
|
+
* @category Presentation
|
|
42
48
|
*/
|
|
43
49
|
size?: QButtonSize;
|
|
44
50
|
/**
|
|
45
51
|
* The position of the button icon.
|
|
52
|
+
*
|
|
53
|
+
* @category Presentation
|
|
46
54
|
*/
|
|
47
55
|
iconPos?: QButtonIconPosition;
|
|
48
56
|
/**
|
|
49
57
|
* Conveys a pill shape to the button.
|
|
58
|
+
*
|
|
59
|
+
* @category Presentation
|
|
50
60
|
*/
|
|
51
61
|
pill?: boolean;
|
|
62
|
+
/**
|
|
63
|
+
* If true, the button is disabled and cannot be interacted with.
|
|
64
|
+
*
|
|
65
|
+
* @category State
|
|
66
|
+
*/
|
|
67
|
+
disabled?: boolean;
|
|
68
|
+
/**
|
|
69
|
+
* If true, the button is in a loading state, indicating ongoing activity.
|
|
70
|
+
*
|
|
71
|
+
* @category State
|
|
72
|
+
*/
|
|
73
|
+
loading?: boolean;
|
|
52
74
|
};
|
|
53
75
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,CAAA;AAE7E,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,SAAS,CAAA;AAE7C,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAA;AAEpE,MAAM,MAAM,YAAY,GAAG,mBAAmB,GAAG;IAChD
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,CAAA;AAE7E,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,SAAS,CAAA;AAE7C,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAA;AAEpE,MAAM,MAAM,YAAY,GAAG,mBAAmB,GAAG;IAChD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,OAAO,CAAC,EAAE,cAAc,CAAA;IAExB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;;OAIG;IACH,IAAI,CAAC,EAAE,WAAW,CAAA;IAElB;;;;OAIG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAA;IAE7B;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA"}
|
|
@@ -5,10 +5,10 @@ const u = ["id"], m = /* @__PURE__ */ s({
|
|
|
5
5
|
props: {
|
|
6
6
|
id: {},
|
|
7
7
|
class: {},
|
|
8
|
-
disabled: { type: Boolean },
|
|
9
8
|
block: { type: Boolean },
|
|
10
9
|
borderless: { type: Boolean },
|
|
11
|
-
elevated: { type: Boolean }
|
|
10
|
+
elevated: { type: Boolean },
|
|
11
|
+
disabled: { type: Boolean }
|
|
12
12
|
},
|
|
13
13
|
setup(t) {
|
|
14
14
|
const e = t;
|
|
@@ -1,20 +1,28 @@
|
|
|
1
1
|
import { QBaseComponentProps } from '../../types/component';
|
|
2
2
|
export type QButtonGroupProps = QBaseComponentProps & {
|
|
3
|
-
/**
|
|
4
|
-
* If true, the button group is disabled and cannot be interacted with.
|
|
5
|
-
*/
|
|
6
|
-
disabled?: boolean;
|
|
7
3
|
/**
|
|
8
4
|
* If true, the button group spans the full width of its container.
|
|
5
|
+
*
|
|
6
|
+
* @category Presentation
|
|
9
7
|
*/
|
|
10
8
|
block?: boolean;
|
|
11
9
|
/**
|
|
12
10
|
* If true, the button group has no borders.
|
|
11
|
+
*
|
|
12
|
+
* @category Presentation
|
|
13
13
|
*/
|
|
14
14
|
borderless?: boolean;
|
|
15
15
|
/**
|
|
16
16
|
* If true, the button group an elevated appearance.
|
|
17
|
+
*
|
|
18
|
+
* @category Presentation
|
|
17
19
|
*/
|
|
18
20
|
elevated?: boolean;
|
|
21
|
+
/**
|
|
22
|
+
* If true, the button group is disabled and cannot be interacted with.
|
|
23
|
+
*
|
|
24
|
+
* @category State
|
|
25
|
+
*/
|
|
26
|
+
disabled?: boolean;
|
|
19
27
|
};
|
|
20
28
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonGroup/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,iBAAiB,GAAG,mBAAmB,GAAG;IACrD
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonGroup/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,iBAAiB,GAAG,mBAAmB,GAAG;IACrD;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA"}
|
|
@@ -22,12 +22,12 @@ const N = { class: "q-card__header" }, g = {
|
|
|
22
22
|
title: {},
|
|
23
23
|
subtitle: {},
|
|
24
24
|
href: {},
|
|
25
|
-
disabled: { type: Boolean },
|
|
26
|
-
loading: { type: Boolean },
|
|
27
25
|
borderless: { type: Boolean },
|
|
28
26
|
variant: { default: "default" },
|
|
29
27
|
elevation: { default: "none" },
|
|
30
|
-
width: {}
|
|
28
|
+
width: {},
|
|
29
|
+
disabled: { type: Boolean },
|
|
30
|
+
loading: { type: Boolean }
|
|
31
31
|
},
|
|
32
32
|
setup(h) {
|
|
33
33
|
const e = h, v = d(() => {
|
|
@@ -5,39 +5,57 @@ export type QCardWidth = 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'block';
|
|
|
5
5
|
export type QCardProps = QBaseComponentProps & {
|
|
6
6
|
/**
|
|
7
7
|
* The title of the card.
|
|
8
|
+
*
|
|
9
|
+
* @category Content
|
|
8
10
|
*/
|
|
9
11
|
title?: string;
|
|
10
12
|
/**
|
|
11
13
|
* The subtitle of the card.
|
|
14
|
+
*
|
|
15
|
+
* @category Content
|
|
12
16
|
*/
|
|
13
17
|
subtitle?: string;
|
|
14
18
|
/**
|
|
15
19
|
* The card becomes an anchor with the href prop.
|
|
20
|
+
*
|
|
21
|
+
* @category Content
|
|
16
22
|
*/
|
|
17
23
|
href?: string;
|
|
18
|
-
/**
|
|
19
|
-
* The disabled prop can be added in order to prevent a user from interacting with the card.
|
|
20
|
-
*/
|
|
21
|
-
disabled?: boolean;
|
|
22
|
-
/**
|
|
23
|
-
* If true, the card is loading and shows a loader.
|
|
24
|
-
*/
|
|
25
|
-
loading?: boolean;
|
|
26
24
|
/**
|
|
27
25
|
* If true, the card has no borders.
|
|
26
|
+
*
|
|
27
|
+
* @category Presentation
|
|
28
28
|
*/
|
|
29
29
|
borderless?: boolean;
|
|
30
30
|
/**
|
|
31
31
|
* The styling variant of the card.
|
|
32
|
+
*
|
|
33
|
+
* @category Presentation
|
|
32
34
|
*/
|
|
33
35
|
variant?: QCardVariant;
|
|
34
36
|
/**
|
|
35
37
|
* The elevation provides levels of shadow depth.
|
|
38
|
+
*
|
|
39
|
+
* @category Presentation
|
|
36
40
|
*/
|
|
37
41
|
elevation?: QCardElevation;
|
|
38
42
|
/**
|
|
39
43
|
* The width of the card
|
|
44
|
+
*
|
|
45
|
+
* @category Presentation
|
|
40
46
|
*/
|
|
41
47
|
width?: QCardWidth;
|
|
48
|
+
/**
|
|
49
|
+
* The disabled prop can be added in order to prevent a user from interacting with the card.
|
|
50
|
+
*
|
|
51
|
+
* @category State
|
|
52
|
+
*/
|
|
53
|
+
disabled?: boolean;
|
|
54
|
+
/**
|
|
55
|
+
* If true, the card is loading and shows a loader.
|
|
56
|
+
*
|
|
57
|
+
* @category State
|
|
58
|
+
*/
|
|
59
|
+
loading?: boolean;
|
|
42
60
|
};
|
|
43
61
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QCard/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,YAAY,GAAG,kBAAkB,GAAG,OAAO,CAAA;AAElF,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAA;AAE/D,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAA;AAE5E,MAAM,MAAM,UAAU,GAAG,mBAAmB,GAAG;IAC9C
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QCard/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,YAAY,GAAG,kBAAkB,GAAG,OAAO,CAAA;AAElF,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAA;AAE/D,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAA;AAE5E,MAAM,MAAM,UAAU,GAAG,mBAAmB,GAAG;IAC9C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,YAAY,CAAA;IAEtB;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAE1B;;;;OAIG;IACH,KAAK,CAAC,EAAE,UAAU,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA"}
|
|
@@ -19,38 +19,82 @@ export type Slide = {
|
|
|
19
19
|
* Props for the QCarousel component.
|
|
20
20
|
*/
|
|
21
21
|
export type QCarouselProps = QBaseComponentProps & {
|
|
22
|
-
/**
|
|
22
|
+
/**
|
|
23
|
+
* Array of slides to be displayed in the carousel.
|
|
24
|
+
*
|
|
25
|
+
* @category Content
|
|
26
|
+
*/
|
|
23
27
|
slides?: Slide[];
|
|
24
|
-
/**
|
|
28
|
+
/**
|
|
29
|
+
* Whether to show slide indicators (dots) below the carousel.
|
|
30
|
+
*
|
|
31
|
+
* @category Presentation
|
|
32
|
+
*/
|
|
25
33
|
showIndicators?: boolean;
|
|
26
|
-
/**
|
|
34
|
+
/**
|
|
35
|
+
* Whether to show previous/next navigation controls.
|
|
36
|
+
*
|
|
37
|
+
* @category Presentation
|
|
38
|
+
*/
|
|
27
39
|
showControls?: boolean;
|
|
28
|
-
/**
|
|
40
|
+
/**
|
|
41
|
+
* Time interval in milliseconds between automatic slide transitions.
|
|
42
|
+
*
|
|
43
|
+
* @category Behavior
|
|
44
|
+
*/
|
|
29
45
|
autoCycleInterval?: number;
|
|
30
|
-
/**
|
|
46
|
+
/**
|
|
47
|
+
* Pausing behavior for auto cycling:
|
|
31
48
|
* - `'hover'`: pause when hovering over the carousel
|
|
32
49
|
* - `'false'`: do not pause
|
|
50
|
+
*
|
|
51
|
+
* @category Behavior
|
|
33
52
|
*/
|
|
34
53
|
autoCyclePause?: 'hover' | 'false';
|
|
35
|
-
/**
|
|
54
|
+
/**
|
|
55
|
+
* Determines if the carousel should auto-start cycling:
|
|
36
56
|
* - `'carousel'`: start cycling automatically
|
|
37
57
|
* - `'false'`: do not auto-start
|
|
58
|
+
*
|
|
59
|
+
* @category Behavior
|
|
38
60
|
*/
|
|
39
61
|
ride?: 'carousel' | 'false';
|
|
40
62
|
/**
|
|
41
63
|
* The minimum horizontal distance in pixels that a touch gesture
|
|
42
64
|
* must travel to be recognized as a swipe.
|
|
65
|
+
*
|
|
66
|
+
* @category Behavior
|
|
43
67
|
*/
|
|
44
68
|
swipeThreshold?: number;
|
|
45
|
-
/**
|
|
69
|
+
/**
|
|
70
|
+
* Whether the carousel should loop back to the start after the last slide.
|
|
71
|
+
*
|
|
72
|
+
* @category Behavior
|
|
73
|
+
*/
|
|
46
74
|
wrap?: boolean;
|
|
47
|
-
/**
|
|
75
|
+
/**
|
|
76
|
+
* Duration of slide transition animations in milliseconds.
|
|
77
|
+
*
|
|
78
|
+
* @category Behavior
|
|
79
|
+
*/
|
|
48
80
|
animationDuration?: number;
|
|
49
|
-
/**
|
|
81
|
+
/**
|
|
82
|
+
* Whether the carousel is in a loading state (e.g., slides not yet ready)
|
|
83
|
+
*
|
|
84
|
+
* @category State
|
|
85
|
+
*/
|
|
50
86
|
loading?: boolean;
|
|
51
|
-
/**
|
|
87
|
+
/**
|
|
88
|
+
* Custom icon configurations.
|
|
89
|
+
*
|
|
90
|
+
* @category Configuration
|
|
91
|
+
*/
|
|
52
92
|
icons?: typeof DEFAULT_ICONS;
|
|
53
|
-
/**
|
|
93
|
+
/**
|
|
94
|
+
* Custom text overrides for controls and labels
|
|
95
|
+
*
|
|
96
|
+
* @category Configuration
|
|
97
|
+
*/
|
|
54
98
|
texts?: typeof DEFAULT_TEXTS;
|
|
55
99
|
};
|
|
56
100
|
export type QCarouselEmits = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QCarousel/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE/D;;GAEG;AACH,MAAM,MAAM,KAAK,GAAG;IACnB,sCAAsC;IACtC,EAAE,EAAE,MAAM,CAAA;IAEV,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAA;IAEb,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,MAAM,CAAA;CACzB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,mBAAmB,GAAG;IAClD
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QCarousel/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE/D;;GAEG;AACH,MAAM,MAAM,KAAK,GAAG;IACnB,sCAAsC;IACtC,EAAE,EAAE,MAAM,CAAA;IAEV,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAA;IAEb,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,MAAM,CAAA;CACzB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,mBAAmB,GAAG;IAClD;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,EAAE,CAAA;IAEhB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IAExB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAE1B;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IAElC;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,UAAU,GAAG,OAAO,CAAA;IAE3B;;;;;OAKG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAE1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC5B;;;;;;OAMG;IACH,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,CAAA;IAEtD;;;;;OAKG;IACH,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,CAAA;IAErD;;;;OAIG;IACH,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,CAAC,CAAA;CAC3B,CAAA"}
|