@birdycom/omniaui-vue 0.12.4 → 0.12.6
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/blocks/OcBlockDataTable.vue.d.ts +1 -1
- package/dist/blocks/OcBlockProfileHeader.vue.d.ts +4 -2
- package/dist/components/OcAvatarPicker.vue.d.ts +21 -0
- package/dist/components/OcBarcode.vue.d.ts +12 -0
- package/dist/components/OcBreadcrumb.vue.d.ts +7 -1
- package/dist/components/OcButton.vue.d.ts +6 -3
- package/dist/components/OcDataTable.vue.d.ts +68 -1
- package/dist/components/OcDataTableName.vue.d.ts +20 -0
- package/dist/components/OcDateField.vue.d.ts +19 -0
- package/dist/components/OcEmojiPicker.vue.d.ts +1 -1
- package/dist/components/OcFormSection.vue.d.ts +25 -0
- package/dist/components/OcGallery.vue.d.ts +17 -0
- package/dist/components/OcGlass.vue.d.ts +2 -1
- package/dist/components/OcGlassBar.vue.d.ts +32 -0
- package/dist/components/OcLazyImage.vue.d.ts +24 -0
- package/dist/components/OcMeterRow.vue.d.ts +9 -0
- package/dist/components/{OcColumnMenu.vue.d.ts → OcNameCard.vue.d.ts} +15 -16
- package/dist/components/OcPrice.vue.d.ts +20 -0
- package/dist/components/OcQuantity.vue.d.ts +24 -0
- package/dist/components/OcRating.vue.d.ts +11 -0
- package/dist/components/OcRatingInput.vue.d.ts +18 -0
- package/dist/components/OcRibbon.vue.d.ts +22 -0
- package/dist/components/OcSpecList.vue.d.ts +15 -0
- package/dist/components/OcStock.vue.d.ts +20 -0
- package/dist/components/OcUser.vue.d.ts +0 -1
- package/dist/index.d.ts +22 -3
- package/dist/omniaui-vue.js +5271 -4107
- package/dist/omniaui-vue.js.map +1 -1
- package/manifest.json +102 -6
- package/package.json +1 -1
- package/src/blocks/OcBlockAppHeader.vue +1 -1
- package/src/blocks/OcBlockDataTable.vue +1 -1
- package/src/blocks/OcBlockProfileHeader.vue +15 -4
- package/src/components/OcAttachmentList.vue +1 -1
- package/src/components/OcAvatarPicker.vue +34 -0
- package/src/components/OcBarcode.vue +23 -0
- package/src/components/OcBreadcrumb.vue +14 -5
- package/src/components/OcButton.vue +10 -2
- package/src/components/OcChatComposer.vue +1 -1
- package/src/components/OcDataTable.vue +100 -25
- package/src/components/OcDataTableName.vue +18 -0
- package/src/components/OcDateField.vue +23 -0
- package/src/components/OcEmojiPicker.vue +2 -2
- package/src/components/OcFormSection.vue +19 -0
- package/src/components/OcGallery.vue +27 -0
- package/src/components/OcGlass.vue +4 -4
- package/src/components/OcGlassBar.vue +17 -0
- package/src/components/OcLanguageSelect.vue +1 -1
- package/src/components/OcLazyImage.vue +17 -0
- package/src/components/OcListToolbar.vue +5 -5
- package/src/components/OcMessage.vue +4 -4
- package/src/components/OcMessageList.vue +6 -6
- package/src/components/OcMessageThread.vue +12 -12
- package/src/components/OcMeterRow.vue +18 -0
- package/src/components/OcNameCard.vue +28 -0
- package/src/components/OcPrice.vue +30 -0
- package/src/components/OcProse.vue +3 -3
- package/src/components/OcQuantity.vue +21 -0
- package/src/components/OcRating.vue +17 -0
- package/src/components/OcRatingInput.vue +17 -0
- package/src/components/OcRibbon.vue +9 -0
- package/src/components/OcSpecList.vue +17 -0
- package/src/components/OcStock.vue +13 -0
- package/src/components/OcUser.vue +7 -3
- package/src/index.ts +55 -4
- package/src/components/OcColumnMenu.vue +0 -50
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Card with title, actions, toolbar, table, bulk bar and footer. Put an <OcTable> in the default slot.
|
|
3
|
-
* Slots: actions (header buttons), toolbar (.oc-table-toolbar content: search, filter pills
|
|
3
|
+
* Slots: actions (header buttons), toolbar (.oc-table-toolbar content: search, filter pills),
|
|
4
4
|
* bulk (selection bar, shown when `selectedCount` > 0), default (table), footer (.oc-table-footer: entries text, page size, pagination).
|
|
5
5
|
* Classes: .oc-card.oc-block-datatable, -head, -title, -description, -body, -bulk, .oc-table-toolbar, .oc-table-footer
|
|
6
6
|
*/
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export interface ProfileHeaderTab {
|
|
2
2
|
label: string;
|
|
3
|
-
href
|
|
3
|
+
href?: string;
|
|
4
4
|
current?: boolean;
|
|
5
5
|
}
|
|
6
6
|
type __VLS_Props = {
|
|
@@ -14,8 +14,10 @@ type __VLS_Props = {
|
|
|
14
14
|
compact?: boolean;
|
|
15
15
|
headingLevel?: 1 | 2;
|
|
16
16
|
};
|
|
17
|
-
declare var __VLS_1: {}, __VLS_7: {}, __VLS_9: {};
|
|
17
|
+
declare var __VLS_1: {}, __VLS_7: {}, __VLS_9: {}, __VLS_12: `panel-${number}`, __VLS_13: {};
|
|
18
18
|
type __VLS_Slots = {} & {
|
|
19
|
+
[K in NonNullable<typeof __VLS_12>]?: (props: typeof __VLS_13) => any;
|
|
20
|
+
} & {
|
|
19
21
|
avatar?: (props: typeof __VLS_1) => any;
|
|
20
22
|
} & {
|
|
21
23
|
bio?: (props: typeof __VLS_7) => any;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
initials: string;
|
|
3
|
+
label?: string;
|
|
4
|
+
hint?: string;
|
|
5
|
+
logo?: boolean;
|
|
6
|
+
name?: string;
|
|
7
|
+
accept?: string;
|
|
8
|
+
maxKb?: number;
|
|
9
|
+
};
|
|
10
|
+
declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
11
|
+
change: (file: File | null) => any;
|
|
12
|
+
invalid: (file: File, reason: string) => any;
|
|
13
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
14
|
+
onChange?: ((file: File | null) => any) | undefined;
|
|
15
|
+
onInvalid?: ((file: File, reason: string) => any) | undefined;
|
|
16
|
+
}>, {
|
|
17
|
+
label: string;
|
|
18
|
+
logo: boolean;
|
|
19
|
+
accept: string;
|
|
20
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
21
|
+
export default _default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
value: string;
|
|
3
|
+
format?: 'auto' | 'EAN13' | 'EAN8' | 'UPC' | 'CODE128';
|
|
4
|
+
digits?: boolean;
|
|
5
|
+
size?: 'md' | 'hero' | 'compact';
|
|
6
|
+
};
|
|
7
|
+
declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
8
|
+
size: "md" | "hero" | "compact";
|
|
9
|
+
format: "auto" | "EAN13" | "EAN8" | "UPC" | "CODE128";
|
|
10
|
+
digits: boolean;
|
|
11
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
12
|
+
export default _default;
|
|
@@ -1,11 +1,16 @@
|
|
|
1
|
-
/**
|
|
1
|
+
/**
|
|
2
|
+
* Breadcrumb. Pass `items` (the last one is the current page) or use the default slot.
|
|
3
|
+
* `icon` per item is a webicon name (mdi:home-outline …), drawn with <iconify-icon>; separator="chevron" puts › between.
|
|
4
|
+
*/
|
|
2
5
|
export interface BreadcrumbItem {
|
|
3
6
|
label: string;
|
|
4
7
|
href?: string;
|
|
8
|
+
icon?: string;
|
|
5
9
|
}
|
|
6
10
|
type __VLS_Props = {
|
|
7
11
|
items?: BreadcrumbItem[];
|
|
8
12
|
label?: string;
|
|
13
|
+
separator?: 'slash' | 'chevron';
|
|
9
14
|
};
|
|
10
15
|
declare var __VLS_1: {};
|
|
11
16
|
type __VLS_Slots = {} & {
|
|
@@ -14,6 +19,7 @@ type __VLS_Slots = {} & {
|
|
|
14
19
|
declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
15
20
|
label: string;
|
|
16
21
|
items: BreadcrumbItem[];
|
|
22
|
+
separator: "slash" | "chevron";
|
|
17
23
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
18
24
|
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
19
25
|
export default _default;
|
|
@@ -1,14 +1,17 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Button. Renders <a> when `href` is set, otherwise <button>.
|
|
3
3
|
* Classes: .oc-btn + --secondary/--outline/--ghost/--link/--destructive/--success/--gradient/--glass,
|
|
4
|
-
* --
|
|
4
|
+
* --soft-primary/-success/-warning/-destructive/-info (row actions), --plain (icon only, no surface),
|
|
5
|
+
* --xs/--sm/--lg, --icon, --pill, --inline (link button inside running text). `loading` sets aria-busy (spinner).
|
|
5
6
|
*/
|
|
6
7
|
type __VLS_Props = {
|
|
7
|
-
variant?: 'default' | 'secondary' | 'outline' | 'ghost' | 'link' | 'destructive' | 'success' | 'gradient' | 'glass';
|
|
8
|
+
variant?: 'default' | 'secondary' | 'outline' | 'ghost' | 'link' | 'destructive' | 'success' | 'gradient' | 'glass' | 'soft-primary' | 'soft-success' | 'soft-warning' | 'soft-destructive' | 'soft-info' | 'plain';
|
|
8
9
|
size?: 'xs' | 'sm' | 'md' | 'lg';
|
|
9
10
|
icon?: boolean;
|
|
10
11
|
pill?: boolean;
|
|
11
12
|
inline?: boolean;
|
|
13
|
+
loading?: boolean;
|
|
14
|
+
disabled?: boolean;
|
|
12
15
|
href?: string;
|
|
13
16
|
type?: 'button' | 'submit' | 'reset';
|
|
14
17
|
};
|
|
@@ -20,7 +23,7 @@ type __VLS_Slots = {} & {
|
|
|
20
23
|
};
|
|
21
24
|
declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
22
25
|
type: "button" | "submit" | "reset";
|
|
23
|
-
variant: "default" | "secondary" | "outline" | "ghost" | "link" | "destructive" | "success" | "gradient" | "glass";
|
|
26
|
+
variant: "default" | "secondary" | "outline" | "ghost" | "link" | "destructive" | "success" | "gradient" | "glass" | "soft-primary" | "soft-success" | "soft-warning" | "soft-destructive" | "soft-info" | "plain";
|
|
24
27
|
size: "xs" | "sm" | "md" | "lg";
|
|
25
28
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
26
29
|
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
@@ -5,14 +5,40 @@ export interface DataTableColumn {
|
|
|
5
5
|
sortable?: boolean;
|
|
6
6
|
hideable?: boolean;
|
|
7
7
|
defaultHidden?: boolean;
|
|
8
|
+
/** Cut long text with an ellipsis at this width (e.g. "12rem"); the full text goes in the title. */
|
|
9
|
+
truncate?: string;
|
|
10
|
+
/** Sort the table on this column when it starts. */
|
|
11
|
+
defaultSort?: 'ascending' | 'descending';
|
|
8
12
|
}
|
|
9
13
|
export interface DataTableRow {
|
|
10
14
|
key: string;
|
|
11
15
|
status?: 'active' | 'deleted' | 'archived';
|
|
12
16
|
cells: Record<string, string>;
|
|
17
|
+
/** Sort, filter, search and export value when it differs from the visible text. */
|
|
13
18
|
values?: Record<string, string>;
|
|
14
19
|
href?: string;
|
|
15
20
|
}
|
|
21
|
+
export interface DataTableTabs {
|
|
22
|
+
column: string;
|
|
23
|
+
label?: string;
|
|
24
|
+
/** tone colors the count like the type badge in the table. */
|
|
25
|
+
items: {
|
|
26
|
+
value: string;
|
|
27
|
+
label: string;
|
|
28
|
+
icon?: string;
|
|
29
|
+
count?: number;
|
|
30
|
+
tone?: 'success' | 'info' | 'warning';
|
|
31
|
+
}[];
|
|
32
|
+
}
|
|
33
|
+
export interface DataTableColumnFilter {
|
|
34
|
+
column: string;
|
|
35
|
+
label: string;
|
|
36
|
+
icon?: string;
|
|
37
|
+
options: {
|
|
38
|
+
value: string;
|
|
39
|
+
label: string;
|
|
40
|
+
}[];
|
|
41
|
+
}
|
|
16
42
|
type __VLS_Props = {
|
|
17
43
|
tableId?: string;
|
|
18
44
|
title?: string;
|
|
@@ -21,17 +47,58 @@ type __VLS_Props = {
|
|
|
21
47
|
pageSize?: number;
|
|
22
48
|
searchPlaceholder?: string;
|
|
23
49
|
selectable?: boolean;
|
|
50
|
+
/** Grip column to drag rows; the drag is OmniaUI Pro (data-table-pro.js). */
|
|
24
51
|
draggable?: boolean;
|
|
52
|
+
/** Handles to drag a column width; the resize is OmniaUI Pro (data-table-pro.js). */
|
|
53
|
+
resizable?: boolean;
|
|
54
|
+
/** Column chooser in the actions header (show or hide columns). Needs the OmniaUI Pro CSS. */
|
|
55
|
+
columnMenu?: boolean;
|
|
25
56
|
filters?: boolean;
|
|
57
|
+
archive?: boolean;
|
|
58
|
+
tabs?: DataTableTabs;
|
|
59
|
+
columnFilters?: DataTableColumnFilter[];
|
|
60
|
+
/** Footer count, e.g. "Showing {from}–{to} of {total} customers". */
|
|
61
|
+
summary?: string;
|
|
62
|
+
/** Offer "Import CSV" in the settings (fires oc-datatable-import with the file). */
|
|
63
|
+
importable?: boolean;
|
|
64
|
+
/** 'bordered' = version 2: tinted header, lines between the columns, sort chevrons always visible. */
|
|
65
|
+
variant?: 'default' | 'bordered';
|
|
66
|
+
/** Striped rows (default true). */
|
|
67
|
+
striped?: boolean;
|
|
26
68
|
live?: boolean;
|
|
27
69
|
};
|
|
28
|
-
declare
|
|
70
|
+
declare var __VLS_5: {}, __VLS_12: `cell-${string}`, __VLS_13: {
|
|
71
|
+
row: DataTableRow;
|
|
72
|
+
}, __VLS_15: {
|
|
73
|
+
row: DataTableRow;
|
|
74
|
+
};
|
|
75
|
+
type __VLS_Slots = {} & {
|
|
76
|
+
[K in NonNullable<typeof __VLS_12>]?: (props: typeof __VLS_13) => any;
|
|
77
|
+
} & {
|
|
78
|
+
'page-actions'?: (props: typeof __VLS_5) => any;
|
|
79
|
+
} & {
|
|
80
|
+
actions?: (props: typeof __VLS_15) => any;
|
|
81
|
+
};
|
|
82
|
+
declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
83
|
+
summary: string;
|
|
29
84
|
title: string;
|
|
85
|
+
variant: "default" | "bordered";
|
|
30
86
|
pageSize: number;
|
|
31
87
|
searchPlaceholder: string;
|
|
32
88
|
selectable: boolean;
|
|
33
89
|
draggable: boolean;
|
|
90
|
+
resizable: boolean;
|
|
91
|
+
columnMenu: boolean;
|
|
34
92
|
filters: boolean;
|
|
93
|
+
archive: boolean;
|
|
94
|
+
importable: boolean;
|
|
95
|
+
striped: boolean;
|
|
35
96
|
live: boolean;
|
|
36
97
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
98
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
37
99
|
export default _default;
|
|
100
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
101
|
+
new (): {
|
|
102
|
+
$slots: S;
|
|
103
|
+
};
|
|
104
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
name: string;
|
|
3
|
+
initials?: string;
|
|
4
|
+
avatar?: string;
|
|
5
|
+
sub?: string;
|
|
6
|
+
};
|
|
7
|
+
declare var __VLS_1: {}, __VLS_3: {};
|
|
8
|
+
type __VLS_Slots = {} & {
|
|
9
|
+
badge?: (props: typeof __VLS_1) => any;
|
|
10
|
+
} & {
|
|
11
|
+
sub?: (props: typeof __VLS_3) => any;
|
|
12
|
+
};
|
|
13
|
+
declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
14
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
17
|
+
new (): {
|
|
18
|
+
$slots: S;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
week?: boolean;
|
|
3
|
+
weekLabel?: string;
|
|
4
|
+
size?: 'md' | 'sm';
|
|
5
|
+
id?: string;
|
|
6
|
+
};
|
|
7
|
+
type __VLS_PublicProps = __VLS_Props & {
|
|
8
|
+
modelValue?: string;
|
|
9
|
+
};
|
|
10
|
+
declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
11
|
+
"update:modelValue": (value: string) => any;
|
|
12
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
13
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
14
|
+
}>, {
|
|
15
|
+
week: boolean;
|
|
16
|
+
size: "md" | "sm";
|
|
17
|
+
weekLabel: string;
|
|
18
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
19
|
+
export default _default;
|
|
@@ -17,11 +17,11 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
|
|
|
17
17
|
onSelect?: ((emoji: string) => any) | undefined;
|
|
18
18
|
}>, {
|
|
19
19
|
label: string;
|
|
20
|
-
triggerLabel: string;
|
|
21
20
|
groups: {
|
|
22
21
|
label?: string;
|
|
23
22
|
emojis: string[];
|
|
24
23
|
}[];
|
|
24
|
+
triggerLabel: string;
|
|
25
25
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
26
26
|
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
27
27
|
export default _default;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/** Collapsible form section. Slots: icon, status, default (the fields). Same `name` on siblings = one open at a time. */
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
title: string;
|
|
4
|
+
hint?: string;
|
|
5
|
+
name?: string;
|
|
6
|
+
open?: boolean;
|
|
7
|
+
};
|
|
8
|
+
declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
|
|
9
|
+
type __VLS_Slots = {} & {
|
|
10
|
+
icon?: (props: typeof __VLS_1) => any;
|
|
11
|
+
} & {
|
|
12
|
+
status?: (props: typeof __VLS_3) => any;
|
|
13
|
+
} & {
|
|
14
|
+
default?: (props: typeof __VLS_5) => any;
|
|
15
|
+
};
|
|
16
|
+
declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
17
|
+
open: boolean;
|
|
18
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
19
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
20
|
+
export default _default;
|
|
21
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
22
|
+
new (): {
|
|
23
|
+
$slots: S;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export interface GalleryImage {
|
|
2
|
+
src: string;
|
|
3
|
+
alt: string;
|
|
4
|
+
thumb?: string;
|
|
5
|
+
thumbAlt?: string;
|
|
6
|
+
}
|
|
7
|
+
type __VLS_Props = {
|
|
8
|
+
images: GalleryImage[];
|
|
9
|
+
label?: string;
|
|
10
|
+
badge?: string;
|
|
11
|
+
side?: boolean;
|
|
12
|
+
name?: string;
|
|
13
|
+
};
|
|
14
|
+
declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
15
|
+
label: string;
|
|
16
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
17
|
+
export default _default;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
/** See-through glass sheet with a light top edge; .oc-card inside becomes a glass panel.
|
|
2
|
-
* Classes: .oc-glass + --strong, --flat (desktop window where the OS draws the blur) */
|
|
2
|
+
* Classes: .oc-glass + --strong, --flat (desktop window where the OS draws the blur), --liquid (liquid glass) */
|
|
3
3
|
type __VLS_Props = {
|
|
4
4
|
strong?: boolean;
|
|
5
5
|
flat?: boolean;
|
|
6
|
+
liquid?: boolean;
|
|
6
7
|
as?: 'div' | 'section' | 'aside' | 'article' | 'main';
|
|
7
8
|
};
|
|
8
9
|
declare var __VLS_6: {};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
/** Liquid glass menu bar: items with an icon and a label; the current item sits in a raised bubble.
|
|
2
|
+
* Slots: icon-<index> (the icon of an item). Emits select(index) for items without href. */
|
|
3
|
+
export interface GlassBarItem {
|
|
4
|
+
label: string;
|
|
5
|
+
href?: string;
|
|
6
|
+
current?: boolean;
|
|
7
|
+
}
|
|
8
|
+
type __VLS_Props = {
|
|
9
|
+
items: GlassBarItem[];
|
|
10
|
+
icons?: boolean;
|
|
11
|
+
label?: string;
|
|
12
|
+
};
|
|
13
|
+
declare var __VLS_2: `icon-${number}`, __VLS_3: {}, __VLS_6: `icon-${number}`, __VLS_7: {};
|
|
14
|
+
type __VLS_Slots = {} & {
|
|
15
|
+
[K in NonNullable<typeof __VLS_2>]?: (props: typeof __VLS_3) => any;
|
|
16
|
+
} & {
|
|
17
|
+
[K in NonNullable<typeof __VLS_6>]?: (props: typeof __VLS_7) => any;
|
|
18
|
+
};
|
|
19
|
+
declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
20
|
+
select: (index: number) => any;
|
|
21
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
22
|
+
onSelect?: ((index: number) => any) | undefined;
|
|
23
|
+
}>, {
|
|
24
|
+
label: string;
|
|
25
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
26
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
27
|
+
export default _default;
|
|
28
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
29
|
+
new (): {
|
|
30
|
+
$slots: S;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
src: string;
|
|
3
|
+
alt: string;
|
|
4
|
+
width?: number;
|
|
5
|
+
height?: number;
|
|
6
|
+
ratio?: string;
|
|
7
|
+
preview?: string;
|
|
8
|
+
caption?: string;
|
|
9
|
+
loading?: 'lazy' | 'eager';
|
|
10
|
+
};
|
|
11
|
+
declare var __VLS_1: {};
|
|
12
|
+
type __VLS_Slots = {} & {
|
|
13
|
+
caption?: (props: typeof __VLS_1) => any;
|
|
14
|
+
};
|
|
15
|
+
declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
16
|
+
loading: "lazy" | "eager";
|
|
17
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
18
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
19
|
+
export default _default;
|
|
20
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
21
|
+
new (): {
|
|
22
|
+
$slots: S;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
label: string;
|
|
3
|
+
percent: number;
|
|
4
|
+
value?: string;
|
|
5
|
+
reset?: string;
|
|
6
|
+
level?: 'ok' | 'warn' | 'critical';
|
|
7
|
+
};
|
|
8
|
+
declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
9
|
+
export default _default;
|
|
@@ -1,26 +1,25 @@
|
|
|
1
1
|
type __VLS_Props = {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
triggerLabel?: string;
|
|
9
|
-
title?: string;
|
|
10
|
-
resetLabel?: string;
|
|
2
|
+
name: string;
|
|
3
|
+
amount?: string;
|
|
4
|
+
meta?: string;
|
|
5
|
+
renamable?: boolean;
|
|
6
|
+
total?: boolean;
|
|
7
|
+
open?: boolean;
|
|
11
8
|
};
|
|
12
|
-
declare var __VLS_1: {};
|
|
9
|
+
declare var __VLS_1: {}, __VLS_3: {};
|
|
13
10
|
type __VLS_Slots = {} & {
|
|
14
|
-
|
|
11
|
+
actions?: (props: typeof __VLS_1) => any;
|
|
12
|
+
} & {
|
|
13
|
+
default?: (props: typeof __VLS_3) => any;
|
|
15
14
|
};
|
|
16
15
|
declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
17
|
-
|
|
16
|
+
rename: (name: string) => any;
|
|
18
17
|
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
19
|
-
|
|
18
|
+
onRename?: ((name: string) => any) | undefined;
|
|
20
19
|
}>, {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
20
|
+
open: boolean;
|
|
21
|
+
renamable: boolean;
|
|
22
|
+
total: boolean;
|
|
24
23
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
25
24
|
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
26
25
|
export default _default;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/** A price with old price, discount, VAT note and the other amount (same markup as snippets/price.html). */
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
amount: number | string;
|
|
4
|
+
old?: number | string;
|
|
5
|
+
discount?: string;
|
|
6
|
+
note?: string;
|
|
7
|
+
alt?: string;
|
|
8
|
+
currency?: string;
|
|
9
|
+
locale?: string;
|
|
10
|
+
size?: 'sm' | 'md' | 'lg';
|
|
11
|
+
sale?: boolean;
|
|
12
|
+
inline?: boolean;
|
|
13
|
+
end?: boolean;
|
|
14
|
+
};
|
|
15
|
+
declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
16
|
+
currency: string;
|
|
17
|
+
size: "sm" | "md" | "lg";
|
|
18
|
+
locale: string;
|
|
19
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
20
|
+
export default _default;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
min?: number;
|
|
3
|
+
max?: number;
|
|
4
|
+
step?: number;
|
|
5
|
+
size?: 'sm' | 'md';
|
|
6
|
+
label?: string;
|
|
7
|
+
name?: string;
|
|
8
|
+
id?: string;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
};
|
|
11
|
+
type __VLS_PublicProps = __VLS_Props & {
|
|
12
|
+
modelValue?: number;
|
|
13
|
+
};
|
|
14
|
+
declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
15
|
+
"update:modelValue": (value: number) => any;
|
|
16
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
17
|
+
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
|
|
18
|
+
}>, {
|
|
19
|
+
label: string;
|
|
20
|
+
size: "sm" | "md";
|
|
21
|
+
step: number;
|
|
22
|
+
min: number;
|
|
23
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
24
|
+
export default _default;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
value: number;
|
|
3
|
+
max?: number;
|
|
4
|
+
size?: 'sm' | 'md' | 'lg';
|
|
5
|
+
label?: string;
|
|
6
|
+
};
|
|
7
|
+
declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
8
|
+
size: "sm" | "md" | "lg";
|
|
9
|
+
max: number;
|
|
10
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
11
|
+
export default _default;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
name?: string;
|
|
3
|
+
legend?: string;
|
|
4
|
+
size?: 'sm' | 'md' | 'lg';
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
};
|
|
7
|
+
type __VLS_PublicProps = __VLS_Props & {
|
|
8
|
+
modelValue?: number;
|
|
9
|
+
};
|
|
10
|
+
declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
11
|
+
"update:modelValue": (value: number) => any;
|
|
12
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
13
|
+
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
|
|
14
|
+
}>, {
|
|
15
|
+
legend: string;
|
|
16
|
+
size: "sm" | "md" | "lg";
|
|
17
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
18
|
+
export default _default;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/** Diagonal band across a corner of its parent (same markup as snippets/ribbon.html). Default slot = the text. */
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
corner?: 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
|
|
4
|
+
tone?: 'primary' | 'success' | 'warning' | 'destructive' | 'muted';
|
|
5
|
+
size?: 'sm' | 'md' | 'lg';
|
|
6
|
+
};
|
|
7
|
+
declare var __VLS_1: {};
|
|
8
|
+
type __VLS_Slots = {} & {
|
|
9
|
+
default?: (props: typeof __VLS_1) => any;
|
|
10
|
+
};
|
|
11
|
+
declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
12
|
+
tone: "primary" | "success" | "warning" | "destructive" | "muted";
|
|
13
|
+
size: "sm" | "md" | "lg";
|
|
14
|
+
corner: "top-start" | "top-end" | "bottom-start" | "bottom-end";
|
|
15
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
16
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
19
|
+
new (): {
|
|
20
|
+
$slots: S;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/** Technical specifications in named groups (same markup as snippets/spec-list.html). */
|
|
2
|
+
export interface SpecGroup {
|
|
3
|
+
title: string;
|
|
4
|
+
rows: {
|
|
5
|
+
label: string;
|
|
6
|
+
value: string;
|
|
7
|
+
note?: string;
|
|
8
|
+
}[];
|
|
9
|
+
}
|
|
10
|
+
type __VLS_Props = {
|
|
11
|
+
groups: SpecGroup[];
|
|
12
|
+
stack?: boolean;
|
|
13
|
+
};
|
|
14
|
+
declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
15
|
+
export default _default;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/** Stock status with a colored dot (same markup as snippets/stock.html). Default slot = the text. */
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
level?: 'ok' | 'low' | 'out' | 'order';
|
|
4
|
+
badge?: boolean;
|
|
5
|
+
note?: string;
|
|
6
|
+
};
|
|
7
|
+
declare var __VLS_1: {};
|
|
8
|
+
type __VLS_Slots = {} & {
|
|
9
|
+
default?: (props: typeof __VLS_1) => any;
|
|
10
|
+
};
|
|
11
|
+
declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
12
|
+
level: "ok" | "low" | "out" | "order";
|
|
13
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
14
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
17
|
+
new (): {
|
|
18
|
+
$slots: S;
|
|
19
|
+
};
|
|
20
|
+
};
|