@birdycom/omniaui-vue 0.12.5 → 0.13.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 (72) hide show
  1. package/dist/blocks/OcBlockContactForm.vue.d.ts +71 -0
  2. package/dist/blocks/OcBlockDataTable.vue.d.ts +1 -1
  3. package/dist/blocks/OcBlockProfileHeader.vue.d.ts +5 -3
  4. package/dist/components/OcAvatarPicker.vue.d.ts +21 -0
  5. package/dist/components/OcBarcode.vue.d.ts +12 -0
  6. package/dist/components/OcBrandMark.vue.d.ts +23 -0
  7. package/dist/components/OcBreadcrumb.vue.d.ts +7 -1
  8. package/dist/components/OcButton.vue.d.ts +6 -3
  9. package/dist/components/OcDataTable.vue.d.ts +68 -1
  10. package/dist/components/OcDataTableName.vue.d.ts +20 -0
  11. package/dist/components/OcDateField.vue.d.ts +19 -0
  12. package/dist/components/OcEmojiPicker.vue.d.ts +1 -1
  13. package/dist/components/OcFeatureCard.vue.d.ts +23 -0
  14. package/dist/components/OcFormSection.vue.d.ts +25 -0
  15. package/dist/components/OcGallery.vue.d.ts +17 -0
  16. package/dist/components/OcGlass.vue.d.ts +2 -1
  17. package/dist/components/OcGlassBar.vue.d.ts +32 -0
  18. package/dist/components/OcLazyImage.vue.d.ts +24 -0
  19. package/dist/components/OcLinkCard.vue.d.ts +22 -0
  20. package/dist/components/OcMeterRow.vue.d.ts +9 -0
  21. package/dist/components/{OcColumnMenu.vue.d.ts → OcNameCard.vue.d.ts} +15 -16
  22. package/dist/components/OcPanel.vue.d.ts +16 -0
  23. package/dist/components/OcPrice.vue.d.ts +20 -0
  24. package/dist/components/OcQuantity.vue.d.ts +24 -0
  25. package/dist/components/OcRating.vue.d.ts +11 -0
  26. package/dist/components/OcRatingInput.vue.d.ts +18 -0
  27. package/dist/components/OcResult.vue.d.ts +23 -0
  28. package/dist/components/OcRibbon.vue.d.ts +22 -0
  29. package/dist/components/OcSpecList.vue.d.ts +15 -0
  30. package/dist/components/OcStock.vue.d.ts +20 -0
  31. package/dist/index.d.ts +29 -3
  32. package/dist/omniaui-vue.js +4994 -3338
  33. package/dist/omniaui-vue.js.map +1 -1
  34. package/manifest.json +138 -6
  35. package/package.json +1 -1
  36. package/src/blocks/OcBlockContactForm.vue +146 -0
  37. package/src/blocks/OcBlockDataTable.vue +1 -1
  38. package/src/blocks/OcBlockProfileHeader.vue +15 -4
  39. package/src/components/OcAttachmentList.vue +1 -1
  40. package/src/components/OcAvatarPicker.vue +34 -0
  41. package/src/components/OcBarcode.vue +23 -0
  42. package/src/components/OcBrandMark.vue +15 -0
  43. package/src/components/OcBreadcrumb.vue +14 -5
  44. package/src/components/OcButton.vue +10 -2
  45. package/src/components/OcChatComposer.vue +1 -1
  46. package/src/components/OcDataTable.vue +100 -25
  47. package/src/components/OcDataTableName.vue +18 -0
  48. package/src/components/OcDateField.vue +23 -0
  49. package/src/components/OcEmojiPicker.vue +2 -2
  50. package/src/components/OcFeatureCard.vue +15 -0
  51. package/src/components/OcFormSection.vue +19 -0
  52. package/src/components/OcGallery.vue +27 -0
  53. package/src/components/OcGlass.vue +4 -4
  54. package/src/components/OcGlassBar.vue +17 -0
  55. package/src/components/OcLazyImage.vue +17 -0
  56. package/src/components/OcLinkCard.vue +16 -0
  57. package/src/components/OcMessageList.vue +6 -6
  58. package/src/components/OcMessageThread.vue +11 -11
  59. package/src/components/OcMeterRow.vue +18 -0
  60. package/src/components/OcNameCard.vue +28 -0
  61. package/src/components/OcPanel.vue +9 -0
  62. package/src/components/OcPrice.vue +30 -0
  63. package/src/components/OcProse.vue +3 -3
  64. package/src/components/OcQuantity.vue +21 -0
  65. package/src/components/OcRating.vue +17 -0
  66. package/src/components/OcRatingInput.vue +17 -0
  67. package/src/components/OcResult.vue +16 -0
  68. package/src/components/OcRibbon.vue +9 -0
  69. package/src/components/OcSpecList.vue +17 -0
  70. package/src/components/OcStock.vue +13 -0
  71. package/src/index.ts +74 -4
  72. package/src/components/OcColumnMenu.vue +0 -50
@@ -0,0 +1,71 @@
1
+ export interface ContactFormLine {
2
+ text: string;
3
+ href?: string;
4
+ }
5
+ export interface ContactFormCard {
6
+ title: string;
7
+ lines: ContactFormLine[];
8
+ /** Webicon name (mdi:email-outline …), drawn with <iconify-icon>. */
9
+ icon?: string;
10
+ }
11
+ export interface ContactFormSubject {
12
+ value: string;
13
+ label: string;
14
+ }
15
+ type __VLS_Props = {
16
+ title?: string;
17
+ intro?: string;
18
+ action?: string;
19
+ method?: string;
20
+ subjects?: ContactFormSubject[];
21
+ values?: Record<string, string>;
22
+ errors?: Record<string, string>;
23
+ sent?: boolean;
24
+ busy?: boolean;
25
+ submitLabel?: string;
26
+ busyLabel?: string;
27
+ note?: string;
28
+ successTitle?: string;
29
+ successText?: string;
30
+ againLabel?: string;
31
+ errorText?: string;
32
+ cards?: ContactFormCard[];
33
+ };
34
+ declare var __VLS_1: {}, __VLS_7: {}, __VLS_9: {}, __VLS_11: {
35
+ card: ContactFormCard;
36
+ };
37
+ type __VLS_Slots = {} & {
38
+ success?: (props: typeof __VLS_1) => any;
39
+ } & {
40
+ fields?: (props: typeof __VLS_7) => any;
41
+ } & {
42
+ note?: (props: typeof __VLS_9) => any;
43
+ } & {
44
+ 'card-icon'?: (props: typeof __VLS_11) => any;
45
+ };
46
+ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
47
+ submit: (event: Event) => any;
48
+ again: () => any;
49
+ }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
50
+ onSubmit?: ((event: Event) => any) | undefined;
51
+ onAgain?: (() => any) | undefined;
52
+ }>, {
53
+ values: Record<string, string>;
54
+ title: string;
55
+ cards: ContactFormCard[];
56
+ submitLabel: string;
57
+ method: string;
58
+ subjects: ContactFormSubject[];
59
+ errors: Record<string, string>;
60
+ busyLabel: string;
61
+ successTitle: string;
62
+ againLabel: string;
63
+ errorText: string;
64
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
65
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
66
+ export default _default;
67
+ type __VLS_WithSlots<T, S> = T & {
68
+ new (): {
69
+ $slots: S;
70
+ };
71
+ };
@@ -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, columns popover),
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: string;
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;
@@ -24,8 +26,8 @@ type __VLS_Slots = {} & {
24
26
  };
25
27
  declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
26
28
  tabs: ProfileHeaderTab[];
27
- tabsLabel: string;
28
29
  headingLevel: 1 | 2;
30
+ tabsLabel: string;
29
31
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
30
32
  declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
31
33
  export default _default;
@@ -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;
@@ -0,0 +1,23 @@
1
+ /** Logo from an icon and text (snippets/brand-mark.html). Slot icon: an <svg class="oc-brand-mark__icon"> or <img>. */
2
+ type __VLS_Props = {
3
+ name: string;
4
+ accent?: string;
5
+ tagline?: string;
6
+ href?: string;
7
+ size?: 'sm' | 'md' | 'lg';
8
+ };
9
+ declare var __VLS_1: {};
10
+ type __VLS_Slots = {} & {
11
+ icon?: (props: typeof __VLS_1) => 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<{}>, {
14
+ href: string;
15
+ size: "sm" | "md" | "lg";
16
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
17
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
18
+ export default _default;
19
+ type __VLS_WithSlots<T, S> = T & {
20
+ new (): {
21
+ $slots: S;
22
+ };
23
+ };
@@ -1,11 +1,16 @@
1
- /** Breadcrumb. Pass `items` (the last one is the current page) or use the default slot. */
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
- * --xs/--sm/--lg, --icon, --pill, --inline (link button inside running text)
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 const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
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,23 @@
1
+ /** Service or feature card (snippets/feature-card.html). icon = webicon name; slots: default (text), icon. */
2
+ type __VLS_Props = {
3
+ title: string;
4
+ icon?: string;
5
+ accent?: string;
6
+ headingLevel?: 2 | 3 | 4;
7
+ };
8
+ declare var __VLS_1: {}, __VLS_11: {};
9
+ type __VLS_Slots = {} & {
10
+ icon?: (props: typeof __VLS_1) => any;
11
+ } & {
12
+ default?: (props: typeof __VLS_11) => any;
13
+ };
14
+ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
15
+ headingLevel: 2 | 3 | 4;
16
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
17
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
18
+ export default _default;
19
+ type __VLS_WithSlots<T, S> = T & {
20
+ new (): {
21
+ $slots: S;
22
+ };
23
+ };
@@ -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,22 @@
1
+ /** A card that is a whole link (snippets/feature-card.html). icon = webicon name; slots: default (text), icon. */
2
+ type __VLS_Props = {
3
+ title: string;
4
+ href: string;
5
+ icon?: string;
6
+ accent?: string;
7
+ more?: string;
8
+ };
9
+ declare var __VLS_1: {}, __VLS_7: {};
10
+ type __VLS_Slots = {} & {
11
+ icon?: (props: typeof __VLS_1) => any;
12
+ } & {
13
+ default?: (props: typeof __VLS_7) => 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<{}>, {}, {}, {}, {}, 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,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
- /** One entry per column, in order (max 10). */
3
- columns: Array<{
4
- label: string;
5
- visible?: boolean;
6
- locked?: boolean;
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
- default?: (props: typeof __VLS_1) => any;
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
- toggle: (column: number, visible: boolean) => any;
16
+ rename: (name: string) => any;
18
17
  }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
19
- onToggle?: ((column: number, visible: boolean) => any) | undefined;
18
+ onRename?: ((name: string) => any) | undefined;
20
19
  }>, {
21
- title: string;
22
- triggerLabel: string;
23
- resetLabel: string;
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,16 @@
1
+ /** Framed panel for a form, a call to action or a feature (same markup as snippets/panel.html). glow: start | end | both. */
2
+ type __VLS_Props = {
3
+ glow?: 'start' | 'end' | 'both';
4
+ };
5
+ declare var __VLS_1: {};
6
+ type __VLS_Slots = {} & {
7
+ default?: (props: typeof __VLS_1) => any;
8
+ };
9
+ 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>;
10
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
11
+ export default _default;
12
+ type __VLS_WithSlots<T, S> = T & {
13
+ new (): {
14
+ $slots: S;
15
+ };
16
+ };
@@ -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;