@omnia/fx 8.0.251-dev → 8.0.252-dev

Sign up to get free protection for your applications and to get access to all the features.
@@ -34,7 +34,6 @@ export type ItemValueType<T> = string | ((item: T) => string | guid | number | O
34
34
  export type ItemType<T> = T extends readonly (infer U)[] ? U : never;
35
35
  export type SelectItemKey<T = Record<string, any>> = boolean | null | undefined | string | readonly (string | number)[] | ((item: T, fallback?: any) => any);
36
36
  export type DefinePropTheming = DefineProp<"colorSchemaType", ColorSchemaTypes | ColorSchemaType> & DefineProp<"container", boolean> & DefineProp<"colors", ColorSchemaStoreType>;
37
- export type DefinePropClass = DefineProp<"class", String | String[]>;
38
37
  type BuildVModelName<TName extends string, TPropType, Required extends boolean = false> = Required extends false ? {
39
38
  [key in VModelEmitsInJsxElement<TName>]: {
40
39
  type: PropType<(value: TPropType) => any | void>;
@@ -78,4 +78,4 @@ export { FocusDirective, LinkHandlerDirective } from "./directives";
78
78
  export { VueComponentBase, VueComponentConnect, getVuetifyAppClasses } from "./VueComponentBase";
79
79
  export type { VueComponentBaseEvents, VueComponentBaseProps } from "./VueComponentBase";
80
80
  export { createVueNode, definePropFunctionType, definePropObjectType, defineVue, defineVueComponent, getElementName, isElement, type SetupComponentContext, type ExtractProps, type ExtractEmits, type ExtractSlots, type ConstructComponentProps, type ExtractVModels } from "./InternalDefineComponent";
81
- export { type DefineEmit, type DefineProp, type DefinePropClass, type DefinePropTheming, type DefineSlot, type DefineType, type DefineVModel, type ItemType, type SelectItemKey, type ItemValueType } from "./DefineVueTypings";
81
+ export { type DefineEmit, type DefineProp, type DefinePropTheming, type DefineSlot, type DefineType, type DefineVModel, type ItemType, type SelectItemKey, type ItemValueType } from "./DefineVueTypings";
@@ -1,7 +1,7 @@
1
1
  import { ConfirmDialogDisplay } from "./IConfirmDialog";
2
2
  import { ConfirmDialogOptions, ConfirmDialogResponse } from "./IVueConfirmDialog";
3
3
  import "./ConfirmDialog.css";
4
- import { ButtonModes, ButtonSizes, ButtonTooltipOptions } from "../../models";
4
+ import { ButtonModes, ButtonSizes, ButtonTooltipOptions, IIcon } from "../../models";
5
5
  declare const _default: {
6
6
  new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
7
7
  dialogOptions: {
@@ -50,8 +50,7 @@ declare const _default: {
50
50
  required: false;
51
51
  };
52
52
  icon: {
53
- type: import("vue").PropType<string>;
54
- required: false;
53
+ type: import("vue").PropType<IIcon>;
55
54
  };
56
55
  }>> & {
57
56
  onClose?: (res: ConfirmDialogResponse) => any;
@@ -108,8 +107,7 @@ declare const _default: {
108
107
  required: false;
109
108
  };
110
109
  icon: {
111
- type: import("vue").PropType<string>;
112
- required: false;
110
+ type: import("vue").PropType<IIcon>;
113
111
  };
114
112
  }>> & {
115
113
  onClose?: (res: ConfirmDialogResponse) => any;
@@ -168,8 +166,7 @@ declare const _default: {
168
166
  required: false;
169
167
  };
170
168
  icon: {
171
- type: import("vue").PropType<string>;
172
- required: false;
169
+ type: import("vue").PropType<IIcon>;
173
170
  };
174
171
  }>> & {
175
172
  onClose?: (res: ConfirmDialogResponse) => any;
@@ -225,8 +222,7 @@ declare const _default: {
225
222
  required: false;
226
223
  };
227
224
  icon: {
228
- type: import("vue").PropType<string>;
229
- required: false;
225
+ type: import("vue").PropType<IIcon>;
230
226
  };
231
227
  }>> & {
232
228
  onClose?: (res: ConfirmDialogResponse) => any;
@@ -241,7 +237,7 @@ declare const _default: {
241
237
  flat?: boolean;
242
238
  type?: ConfirmDialogDisplay;
243
239
  text?: string;
244
- icon?: string;
240
+ icon?: IIcon;
245
241
  tooltip?: ButtonTooltipOptions;
246
242
  disabled?: boolean;
247
243
  dialogOptions?: ConfirmDialogOptions;
@@ -1,3 +1,4 @@
1
+ import { IIcon } from "@omnia/fx-models";
1
2
  export declare enum ConfirmDialogResponse {
2
3
  Ok = 1,
3
4
  Cancel = 2
@@ -8,7 +9,7 @@ export interface ConfirmDialogOptions {
8
9
  headerClass?: string;
9
10
  contentClass?: string;
10
11
  buttonClass?: string;
11
- icon?: string;
12
+ icon?: IIcon;
12
13
  variant?: "toolbar";
13
14
  maxWidth?: number;
14
15
  displayMode?: "message" | "confirm";
@@ -1,7 +1,7 @@
1
- import { DefineProp, DefinePropClass, DefinePropTheming, DefineSlot, DefineVModel, EventType } from "@omnia/fx/ux";
1
+ import { DefineProp, DefinePropTheming, DefineSlot, DefineVModel, EventType } from "@omnia/fx/ux";
2
2
  import { VNodeChild } from "vue";
3
3
  declare const defaultWeekDays: number[];
4
- type CalendarProps<T extends EventType> = DefinePropTheming & DefinePropClass & DefineVModel<"", Date[], false, null, false, "The v-model of the component"> & DefineProp<"events", T[], false, null, "Array of events specific to this interval."> & DefineProp<"viewMode", "month" | "day" | "week", false, "month", "The current view mode of the calendar."> & DefineProp<"weekdays", number[], false, typeof defaultWeekDays, "Specifies which days of the week to display.Default is [0, 1, 2, 3, 4, 5, 6]"> & DefineProp<"year", number, false, null, "Specifies the year for the calendar view."> & DefineProp<"month", number, false, null, "Specifies the month for the calendar view."> & DefineProp<"intervalHeight", number, false, null, "Height of the interval in pixels in the calendar view."> & DefineProp<"intervals", number, false, 24, "Total number of intervals in a day view."> & DefineProp<"intervalStart", number, false, 0, "Starting time for this specific interval."> & DefineProp<"max", Date, false, null, "Maximum date or value that can be selected."> & DefineProp<"min", Date, false, null, "Minimum date or value that can be selected."> & DefineProp<"hideWeekNumber", boolean, false, false, "Toggles the display of week numbers in a calendar view."> & DefineProp<"hideDayHeader", boolean, false, false, "Determines whether the day header is visible in the calendar day view."> & DefineProp<"hideHeader", boolean, false, false, "Determines whether the header is hidden in the calendar view."> & DefineProp<"allowedDates", Date[] | ((date: Date) => boolean), false, null, "Determines which dates are selectable."> & DefineSlot<"event", (event: {
4
+ type CalendarProps<T extends EventType> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", Date[], false, null, false, "The v-model of the component"> & DefineProp<"events", T[], false, null, "Array of events specific to this interval."> & DefineProp<"viewMode", "month" | "day" | "week", false, "month", "The current view mode of the calendar."> & DefineProp<"weekdays", number[], false, typeof defaultWeekDays, "Specifies which days of the week to display.Default is [0, 1, 2, 3, 4, 5, 6]"> & DefineProp<"year", number, false, null, "Specifies the year for the calendar view."> & DefineProp<"month", number, false, null, "Specifies the month for the calendar view."> & DefineProp<"intervalHeight", number, false, null, "Height of the interval in pixels in the calendar view."> & DefineProp<"intervals", number, false, 24, "Total number of intervals in a day view."> & DefineProp<"intervalStart", number, false, 0, "Starting time for this specific interval."> & DefineProp<"max", Date, false, null, "Maximum date or value that can be selected."> & DefineProp<"min", Date, false, null, "Minimum date or value that can be selected."> & DefineProp<"hideWeekNumber", boolean, false, false, "Toggles the display of week numbers in a calendar view."> & DefineProp<"hideDayHeader", boolean, false, false, "Determines whether the day header is visible in the calendar day view."> & DefineProp<"hideHeader", boolean, false, false, "Determines whether the header is hidden in the calendar view."> & DefineProp<"allowedDates", Date[] | ((date: Date) => boolean), false, null, "Determines which dates are selectable."> & DefineSlot<"event", (event: {
5
5
  day: Date;
6
6
  allDay: boolean;
7
7
  event: T;
@@ -7,7 +7,7 @@ export interface IDataTableRow<T = any> {
7
7
  Row: RowElement;
8
8
  Cell: CellElement;
9
9
  }
10
- export type DataTablePropsBase<T> = DefinePropTheming & DefineVModel<"expanded", Array<string>, false, null, false, "Whether the item is expanded or not."> & DefineVModel<"sortBy", SortItem[], false, null, false, "Changes which item property (or properties) should be used for sort order."> & DefineProp<"mustSort", boolean, false, false, "If true then one can not disable sorting, it will always switch between ascending and descending."> & DefineProp<"showSelect", boolean, false, false, "Shows a checkbox for each row."> & DefineProp<"itemSelectable", SelectItemKey<T>, false, false, "SProperty on supplied items that indicates whether the item is selectable."> & DefineProp<"height", string | number, false, null, "Sets and explicit height of the tablet."> & DefineProp<"noDataText", string, false, null, "Text shown when no items are provided to the component."> & DefineProp<"itemValue", ItemValueType<T>, false, null, "Property on supplied items that contains its value."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"drag", boolean, false, false, "Enable draggable row."> & DefineProp<"hover", boolean, false, false, "Property on supplied items that contains its value."> & DefineProp<"showExpand", boolean, false, false, "Shows the expand toggle in default rows."> & DefineProp<"headers", DataTableHeader[], false, typeof defaultHeaders, "An array of objects that each describe a header column."> & DefineVModel<"items", T[], false, typeof defaultItems, true, "An array of strings or objects used for automatically generating children components."> & DefineEmit<"update:expanded", (expanded: string[]) => void, "Emits when the expanded property of the options prop is updated."> & DefineEmit<"update:sortBy", (sort: SortItem[]) => void, "Emits when the sortBy property of the options prop is updated."> & DefineEmit<"update:options", (options: {
10
+ export type DataTablePropsBase<T> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"expanded", Array<string>, false, null, false, "Whether the item is expanded or not."> & DefineVModel<"sortBy", SortItem[], false, null, false, "Changes which item property (or properties) should be used for sort order."> & DefineProp<"mustSort", boolean, false, false, "If true then one can not disable sorting, it will always switch between ascending and descending."> & DefineProp<"showSelect", boolean, false, false, "Shows a checkbox for each row."> & DefineProp<"itemSelectable", SelectItemKey<T>, false, false, "SProperty on supplied items that indicates whether the item is selectable."> & DefineProp<"height", string | number, false, null, "Sets and explicit height of the tablet."> & DefineProp<"noDataText", string, false, null, "Text shown when no items are provided to the component."> & DefineProp<"itemValue", ItemValueType<T>, false, null, "Property on supplied items that contains its value."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"drag", boolean, false, false, "Enable draggable row."> & DefineProp<"hover", boolean, false, false, "Property on supplied items that contains its value."> & DefineProp<"showExpand", boolean, false, false, "Shows the expand toggle in default rows."> & DefineProp<"headers", DataTableHeader[], false, typeof defaultHeaders, "An array of objects that each describe a header column."> & DefineVModel<"items", T[], false, typeof defaultItems, true, "An array of strings or objects used for automatically generating children components."> & DefineEmit<"update:expanded", (expanded: string[]) => void, "Emits when the expanded property of the options prop is updated."> & DefineEmit<"update:sortBy", (sort: SortItem[]) => void, "Emits when the sortBy property of the options prop is updated."> & DefineEmit<"update:options", (options: {
11
11
  page: number;
12
12
  itemsPerPage: number;
13
13
  sortBy: SortItem[];
@@ -16,7 +16,9 @@ export type DataTablePropsBase<T> = DefinePropTheming & DefineVModel<"expanded",
16
16
  }) => void>;
17
17
  type DefaultProps = {};
18
18
  type ItemsPerPageProp = DefineProp<"itemsPerPage", number, false, -1, "Changes how many items per page should be visible. If set a paging footer is displayed.">;
19
- type ServerPaginationPageProps = ItemsPerPageProp & DefineProp<"itemsLength", number, true, null, "Number of all items.">;
19
+ type PageProp = DefineProp<"page", number, false, 1, "The current page.">;
20
+ type ClientPaginationPageProps = ItemsPerPageProp & PageProp;
21
+ type ServerPaginationPageProps = ItemsPerPageProp & PageProp & DefineProp<"itemsLength", number, true, null, "Number of all items.">;
20
22
  type CellElement = (props: ConstructComponentProps<Pick<TdHTMLAttributes, "colspan" | "rowspan" | "headers">>) => any;
21
23
  type RowElement = (props: ConstructComponentProps<PublicDataTableRowProps>) => any;
22
24
  declare const defaultHeaders: DataTableHeader[];
@@ -29,6 +31,8 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
29
31
  container?: boolean;
30
32
  } & {
31
33
  colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
34
+ } & {
35
+ class?: String | String[];
32
36
  } & {
33
37
  "v-model:expanded"?: string[];
34
38
  } & {
@@ -77,9 +81,7 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
77
81
  item: T;
78
82
  }) => void> & (TVariant extends "client-pagination-scroll" ? {
79
83
  showLoadMore?: boolean;
80
- } : TVariant extends "client-pagination-page" ? {
81
- itemsPerPage?: number;
82
- } : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
84
+ } : TVariant extends "client-pagination-page" ? ClientPaginationPageProps : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
83
85
  showLoadMore?: boolean;
84
86
  } : DefaultProps)>) => {
85
87
  $: import("vue").ComponentInternalInstance;
@@ -127,6 +129,8 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
127
129
  container?: boolean;
128
130
  } & {
129
131
  colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
132
+ } & {
133
+ class?: String | String[];
130
134
  } & {
131
135
  "v-model:expanded"?: string[];
132
136
  } & {
@@ -175,9 +179,7 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
175
179
  item: T;
176
180
  }) => void> & (TVariant extends "client-pagination-scroll" ? {
177
181
  showLoadMore?: boolean;
178
- } : TVariant extends "client-pagination-page" ? {
179
- itemsPerPage?: number;
180
- } : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
182
+ } : TVariant extends "client-pagination-page" ? ClientPaginationPageProps : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
181
183
  showLoadMore?: boolean;
182
184
  } : DefaultProps)> & {
183
185
  "v-slots"?: ({
@@ -188,6 +190,8 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
188
190
  container?: boolean;
189
191
  } & {
190
192
  colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
193
+ } & {
194
+ class?: String | String[];
191
195
  } & {
192
196
  "v-model:expanded"?: string[];
193
197
  } & {
@@ -236,9 +240,7 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
236
240
  item: T;
237
241
  }) => void> & (TVariant extends "client-pagination-scroll" ? {
238
242
  showLoadMore?: boolean;
239
- } : TVariant extends "client-pagination-page" ? {
240
- itemsPerPage?: number;
241
- } : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
243
+ } : TVariant extends "client-pagination-page" ? ClientPaginationPageProps : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
242
244
  showLoadMore?: boolean;
243
245
  } : DefaultProps) extends infer T_2 ? { [K in keyof T_2 as K extends `slot:${infer N}` ? N : never]: ({
244
246
  variant?: TVariant;
@@ -248,6 +250,8 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
248
250
  container?: boolean;
249
251
  } & {
250
252
  colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
253
+ } & {
254
+ class?: String | String[];
251
255
  } & {
252
256
  "v-model:expanded"?: string[];
253
257
  } & {
@@ -296,9 +300,7 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
296
300
  item: T;
297
301
  }) => void> & (TVariant extends "client-pagination-scroll" ? {
298
302
  showLoadMore?: boolean;
299
- } : TVariant extends "client-pagination-page" ? {
300
- itemsPerPage?: number;
301
- } : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
303
+ } : TVariant extends "client-pagination-page" ? ClientPaginationPageProps : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
302
304
  showLoadMore?: boolean;
303
305
  } : DefaultProps))[K]; } : never) & Omit<{
304
306
  default?: import("vue").Slot;
@@ -310,6 +312,8 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
310
312
  container?: boolean;
311
313
  } & {
312
314
  colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
315
+ } & {
316
+ class?: String | String[];
313
317
  } & {
314
318
  "v-model:expanded"?: string[];
315
319
  } & {
@@ -358,9 +362,7 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
358
362
  item: T;
359
363
  }) => void> & (TVariant extends "client-pagination-scroll" ? {
360
364
  showLoadMore?: boolean;
361
- } : TVariant extends "client-pagination-page" ? {
362
- itemsPerPage?: number;
363
- } : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
365
+ } : TVariant extends "client-pagination-page" ? ClientPaginationPageProps : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
364
366
  showLoadMore?: boolean;
365
367
  } : DefaultProps) extends infer T_3 ? { [K in keyof T_3 as K extends `slot:${infer N}` ? N : never]: ({
366
368
  variant?: TVariant;
@@ -370,6 +372,8 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
370
372
  container?: boolean;
371
373
  } & {
372
374
  colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
375
+ } & {
376
+ class?: String | String[];
373
377
  } & {
374
378
  "v-model:expanded"?: string[];
375
379
  } & {
@@ -418,9 +422,7 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
418
422
  item: T;
419
423
  }) => void> & (TVariant extends "client-pagination-scroll" ? {
420
424
  showLoadMore?: boolean;
421
- } : TVariant extends "client-pagination-page" ? {
422
- itemsPerPage?: number;
423
- } : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
425
+ } : TVariant extends "client-pagination-page" ? ClientPaginationPageProps : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
424
426
  showLoadMore?: boolean;
425
427
  } : DefaultProps))[K]; } : never>>;
426
428
  } & (({
@@ -431,6 +433,8 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
431
433
  container?: boolean;
432
434
  } & {
433
435
  colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
436
+ } & {
437
+ class?: String | String[];
434
438
  } & {
435
439
  "v-model:expanded"?: string[];
436
440
  } & {
@@ -479,9 +483,7 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
479
483
  item: T;
480
484
  }) => void> & (TVariant extends "client-pagination-scroll" ? {
481
485
  showLoadMore?: boolean;
482
- } : TVariant extends "client-pagination-page" ? {
483
- itemsPerPage?: number;
484
- } : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
486
+ } : TVariant extends "client-pagination-page" ? ClientPaginationPageProps : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
485
487
  showLoadMore?: boolean;
486
488
  } : DefaultProps) extends infer T_4 ? { [K_1 in keyof T_4 as K_1 extends `emit:${infer N_1}` ? N_1 : never]: ({
487
489
  variant?: TVariant;
@@ -491,6 +493,8 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
491
493
  container?: boolean;
492
494
  } & {
493
495
  colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
496
+ } & {
497
+ class?: String | String[];
494
498
  } & {
495
499
  "v-model:expanded"?: string[];
496
500
  } & {
@@ -539,9 +543,7 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
539
543
  item: T;
540
544
  }) => void> & (TVariant extends "client-pagination-scroll" ? {
541
545
  showLoadMore?: boolean;
542
- } : TVariant extends "client-pagination-page" ? {
543
- itemsPerPage?: number;
544
- } : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
546
+ } : TVariant extends "client-pagination-page" ? ClientPaginationPageProps : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
545
547
  showLoadMore?: boolean;
546
548
  } : DefaultProps))[K_1]; } : never) extends infer T_5 ? T_5 extends ({
547
549
  variant?: TVariant;
@@ -551,6 +553,8 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
551
553
  container?: boolean;
552
554
  } & {
553
555
  colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
556
+ } & {
557
+ class?: String | String[];
554
558
  } & {
555
559
  "v-model:expanded"?: string[];
556
560
  } & {
@@ -599,9 +603,7 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
599
603
  item: T;
600
604
  }) => void> & (TVariant extends "client-pagination-scroll" ? {
601
605
  showLoadMore?: boolean;
602
- } : TVariant extends "client-pagination-page" ? {
603
- itemsPerPage?: number;
604
- } : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
606
+ } : TVariant extends "client-pagination-page" ? ClientPaginationPageProps : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
605
607
  showLoadMore?: boolean;
606
608
  } : DefaultProps) extends infer T_6 ? { [K_1 in keyof T_6 as K_1 extends `emit:${infer N_1}` ? N_1 : never]: ({
607
609
  variant?: TVariant;
@@ -611,6 +613,8 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
611
613
  container?: boolean;
612
614
  } & {
613
615
  colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
616
+ } & {
617
+ class?: String | String[];
614
618
  } & {
615
619
  "v-model:expanded"?: string[];
616
620
  } & {
@@ -659,9 +663,7 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
659
663
  item: T;
660
664
  }) => void> & (TVariant extends "client-pagination-scroll" ? {
661
665
  showLoadMore?: boolean;
662
- } : TVariant extends "client-pagination-page" ? {
663
- itemsPerPage?: number;
664
- } : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
666
+ } : TVariant extends "client-pagination-page" ? ClientPaginationPageProps : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
665
667
  showLoadMore?: boolean;
666
668
  } : DefaultProps))[K_1]; } : never) ? T_5 extends string[] ? { [K_2 in `on${Capitalize<T_5[number]>}`]?: (...args: any[]) => any; } : T_5 extends import("vue").ObjectEmitsOptions ? { [K_3 in `on${Capitalize<string & keyof T_5>}`]?: K_3 extends `on${infer C}` ? T_5[Uncapitalize<C>] extends null ? (...args: any[]) => any : (...args: T_5[Uncapitalize<C>] extends (...args: infer P) => any ? P : never) => any : never; } : {} : never : never) & Omit<import("@omnia/fx/ux").VueComponentBaseProps, keyof ExtractProps<{
667
669
  variant?: TVariant;
@@ -671,6 +673,8 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
671
673
  container?: boolean;
672
674
  } & {
673
675
  colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
676
+ } & {
677
+ class?: String | String[];
674
678
  } & {
675
679
  "v-model:expanded"?: string[];
676
680
  } & {
@@ -719,9 +723,7 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
719
723
  item: T;
720
724
  }) => void> & (TVariant extends "client-pagination-scroll" ? {
721
725
  showLoadMore?: boolean;
722
- } : TVariant extends "client-pagination-page" ? {
723
- itemsPerPage?: number;
724
- } : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
726
+ } : TVariant extends "client-pagination-page" ? ClientPaginationPageProps : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
725
727
  showLoadMore?: boolean;
726
728
  } : DefaultProps)>>;
727
729
  } & import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -1,6 +1,6 @@
1
1
  import { ButtonIconOptions, OSizeTypes } from "@omnia/fx-models";
2
- import { DefineProp, DefinePropClass, DefinePropTheming, DefineVModel } from "@omnia/fx/ux";
3
- type FabProps = DefinePropTheming & DefinePropClass & DefineVModel<"", boolean, false, true, false, "The v-model of the component"> & DefineProp<"active", boolean, false, true, "Controls the active state of the item. This is typically used to highlight the component."> & DefineProp<"app", boolean, false, false, "If true, attaches to the closest layout and positions according to the value of location."> & DefineProp<"block", boolean, false, false, "Expands the button to 100% of available space."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the component."> & DefineProp<"stacked", boolean, false, false, "Displays the button as a column with the icon on top"> & DefineProp<"text", string, false, null, "Specify content text for the component."> & DefineProp<"size", OSizeTypes, false, "default", "Sets the size of the button."> & DefineProp<"variant", "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain", false, "elevated", "Applies a distinct style to the component."> & DefineProp<"icon", ButtonIconOptions, false, null, "Sets the icon to display on the button. If no text is provided the button will be displayed as an icon button.">;
2
+ import { DefineProp, DefinePropTheming, DefineVModel } from "@omnia/fx/ux";
3
+ type FabProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", boolean, false, true, false, "The v-model of the component"> & DefineProp<"active", boolean, false, true, "Controls the active state of the item. This is typically used to highlight the component."> & DefineProp<"app", boolean, false, false, "If true, attaches to the closest layout and positions according to the value of location."> & DefineProp<"block", boolean, false, false, "Expands the button to 100% of available space."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the component."> & DefineProp<"stacked", boolean, false, false, "Displays the button as a column with the icon on top"> & DefineProp<"text", string, false, null, "Specify content text for the component."> & DefineProp<"size", OSizeTypes, false, "default", "Sets the size of the button."> & DefineProp<"variant", "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain", false, "elevated", "Applies a distinct style to the component."> & DefineProp<"icon", ButtonIconOptions, false, null, "Sets the icon to display on the button. If no text is provided the button will be displayed as an icon button.">;
4
4
  declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<FabProps>) => {
5
5
  $: import("vue").ComponentInternalInstance;
6
6
  $data: {};
@@ -1,11 +1,11 @@
1
- import { DefineEmit, DefineProp, DefinePropClass, DefinePropTheming, DefineSlot, DefineVModel, ExtractProps, ValidationRule } from "@omnia/fx/ux";
1
+ import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot, DefineVModel, ExtractProps, ValidationRule } from "@omnia/fx/ux";
2
2
  import { ColorValue } from "@omnia/fx/models";
3
3
  import { VNodeChild } from "vue";
4
4
  export declare const OTextBoxVariantTypeDefinitions: readonly ["default", "search", "find-slim", "link", "media"];
5
5
  export type OTextBoxVariantTypes = typeof OTextBoxVariantTypeDefinitions[number];
6
6
  export declare const InputTypeDefinitions: readonly ["text", "password", "number"];
7
7
  export type InputTypes = typeof InputTypeDefinitions[number];
8
- type BaseProps = DefinePropTheming & DefinePropClass & DefineProp<"variant", OTextBoxVariantTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"color", ColorValue, false, null, "Define the custom color for text field."> & DefineProp<"readonly", boolean, false, null, "Makes the text field readonly."> & DefineProp<"persistentHint", boolean, false, null, "Forces hint to always be visible."> & DefineProp<"hint", string, false, null, "Sets the hint of the text field. Hint will be displayed below the input when focused."> & DefineProp<"errorMessages", string | string[], false, null, "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the rules prop. This field will not trigger validation."> & DefineProp<"rules", ValidationRule[], false, null, "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message."> & DefineProp<"toned", boolean, false, null, ""> & DefineProp<"label", string, false, null, "The label of the input field."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the input."> & DefineSlot<"append", () => VNodeChild, "Adds an item inside the input and after input content."> & DefineSlot<"append-inner", () => VNodeChild, "Adds an item inside the input content."> & DefineSlot<"prepend", () => VNodeChild, "Adds an item outside the input and before input content."> & DefineSlot<"prepend-inner", () => VNodeChild, "Slot that is prepended to the input."> & DefineSlot<"message", () => VNodeChild, "Slot used to customize the message content."> & DefineEmit<"update:focused", (value: boolean) => void, "Emit when search input field is focused."> & DefineEmit<"click:button", () => void, "Emit when click on icon."> & DefineEmit<"click:clear", () => void, "Emit when search input field is cleared.">;
8
+ type BaseProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"variant", OTextBoxVariantTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"color", ColorValue, false, null, "Define the custom color for text field."> & DefineProp<"readonly", boolean, false, null, "Makes the text field readonly."> & DefineProp<"persistentHint", boolean, false, null, "Forces hint to always be visible."> & DefineProp<"hint", string, false, null, "Sets the hint of the text field. Hint will be displayed below the input when focused."> & DefineProp<"errorMessages", string | string[], false, null, "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the rules prop. This field will not trigger validation."> & DefineProp<"rules", ValidationRule[], false, null, "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message."> & DefineProp<"toned", boolean, false, null, ""> & DefineProp<"label", string, false, null, "The label of the input field."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the input."> & DefineSlot<"append", () => VNodeChild, "Adds an item inside the input and after input content."> & DefineSlot<"append-inner", () => VNodeChild, "Adds an item inside the input content."> & DefineSlot<"prepend", () => VNodeChild, "Adds an item outside the input and before input content."> & DefineSlot<"prepend-inner", () => VNodeChild, "Slot that is prepended to the input."> & DefineSlot<"message", () => VNodeChild, "Slot used to customize the message content."> & DefineEmit<"update:focused", (value: boolean) => void, "Emit when search input field is focused."> & DefineEmit<"click:button", () => void, "Emit when click on icon."> & DefineEmit<"click:clear", () => void, "Emit when search input field is cleared.">;
9
9
  type NumberInputProps = DefineVModel<"", number, false, null, false, "The v-model value of the component."> & DefineProp<"max", number, false, null, "The max value."> & DefineProp<"min", number, false, null, "The min value."> & DefineProp<"step", number, false, null, "incremental steps for adjusting the numeric value."> & BaseProps;
10
10
  type TextInputProps = DefineVModel<"", string, false, null, false, "The v-model value of the component."> & DefineProp<"suffix", string, false, null, "The suffix text of the text field."> & DefineProp<"prefix", string, false, null, "The prefix text of the text field."> & DefineProp<"clearable", boolean, false, false, "Adds a clear button when the text field is not empty."> & DefineProp<"autofocus", boolean, false, false, "Enables autofocus."> & DefineProp<"placeholder", string, false, null, "Sets the input’s placeholder text."> & BaseProps;
11
11
  declare const _default: <TType extends "number" | "text" | "password" = "text">(props: import("@omnia/fx/ux").ConstructComponentProps<{
@@ -1,4 +1,4 @@
1
- import { DefineProp, DefinePropClass, DefinePropTheming, DefineSlot, DefineVModel, ItemValueType } from "@omnia/fx/ux";
1
+ import { DefineProp, DefinePropTheming, DefineSlot, DefineVModel, ItemValueType } from "@omnia/fx/ux";
2
2
  import { ComponentPublicInstance, VNodeChild } from "vue";
3
3
  import { OListLineTypes, OListTypes } from "@omnia/fx-models";
4
4
  export interface IListItem<T> {
@@ -6,7 +6,7 @@ export interface IListItem<T> {
6
6
  index: number;
7
7
  Item: typeof o.list.item;
8
8
  }
9
- export type OListProps<T> = DefinePropTheming & DefinePropClass & DefineVModel<"", T[], false, null, true, "An array of strings or objects used for automatically generating children components."> & DefineProp<"lines", OListLineTypes, false, null, "Designates a minimum-height for all the children o-list-item components. THis props uses line-clamp."> & DefineProp<"nav", boolean, false, false, "An alternative styling that reduces o-list-item width and rounds the corners. Typically used with o-navigation-drawer."> & DefineProp<"toned", boolean, false, false> & DefineProp<"divider", boolean, false, false, "If true, each item will have a bottom divider"> & DefineProp<"variant", OListTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"drag", boolean, false, false, "Enable draggable row."> & DefineProp<"navigation", boolean | ((item: T) => boolean), false, false, "The row navigation."> & DefineProp<"remove", boolean | ((item: T) => boolean), false, false, "Enable removable row."> & DefineProp<"itemValue", ItemValueType<T>, false, null, "Property on supplied items that contains its value."> & DefineSlot<"item", (item: IListItem<T>) => VNodeChild>;
9
+ export type OListProps<T> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", T[], false, null, true, "An array of strings or objects used for automatically generating children components."> & DefineProp<"lines", OListLineTypes, false, null, "Designates a minimum-height for all the children o-list-item components. THis props uses line-clamp."> & DefineProp<"nav", boolean, false, false, "An alternative styling that reduces o-list-item width and rounds the corners. Typically used with o-navigation-drawer."> & DefineProp<"toned", boolean, false, false> & DefineProp<"divider", boolean, false, false, "If true, each item will have a bottom divider"> & DefineProp<"variant", OListTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"drag", boolean, false, false, "Enable draggable row."> & DefineProp<"navigation", boolean | ((item: T) => boolean), false, false, "The row navigation."> & DefineProp<"remove", boolean | ((item: T) => boolean), false, false, "Enable removable row."> & DefineProp<"itemValue", ItemValueType<T>, false, null, "Property on supplied items that contains its value."> & DefineSlot<"item", (item: IListItem<T>) => VNodeChild>;
10
10
  declare const _default: <T extends unknown>(props: import("@omnia/fx/ux").ConstructComponentProps<OListProps<T>>) => {
11
11
  $: import("vue").ComponentInternalInstance;
12
12
  $data: {};
@@ -1,5 +1,5 @@
1
1
  import { ButtonIconOptions, OListItemVariants } from "@omnia/fx/models";
2
- import { DefineEmit, DefineProp, DefinePropClass, DefinePropTheming, DefineSlot } from "@omnia/fx/ux";
2
+ import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot } from "@omnia/fx/ux";
3
3
  import { VNodeChild } from "vue";
4
4
  type ListItemSlot = {
5
5
  isActive: boolean;
@@ -7,7 +7,7 @@ type ListItemSlot = {
7
7
  isIndeterminate: boolean;
8
8
  select: (value: boolean) => void;
9
9
  };
10
- export type OListItemProps = DefinePropTheming & DefinePropClass & DefineProp<"icon", ButtonIconOptions, false, null, "The icon of the component."> & DefineProp<"title", VNodeChild, false, false, "The title of the component."> & DefineProp<"subtitle", VNodeChild, false, false, "Specify a subtitle text for the component."> & DefineProp<"active", boolean, false, false, "Controls the active state of the item. This is typically used to highlight the component."> & DefineProp<"disabled", boolean, false, null, "Removed the ability to interact with the component."> & DefineProp<"variant", OListItemVariants, false, null, "Applies a distinct style to the component."> & DefineSlot<"append", (item: ListItemSlot) => VNodeChild, "Adds an item inside the input and after input content."> & DefineSlot<"prepend", (item: ListItemSlot) => VNodeChild, "Adds an item outside the input and before input content."> & DefineSlot<"default", (item: ListItemSlot) => VNodeChild, "The default Vue slot."> & DefineSlot<"title", (value: {
10
+ export type OListItemProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"icon", ButtonIconOptions, false, null, "The icon of the component."> & DefineProp<"title", VNodeChild, false, false, "The title of the component."> & DefineProp<"subtitle", VNodeChild, false, false, "Specify a subtitle text for the component."> & DefineProp<"active", boolean, false, false, "Controls the active state of the item. This is typically used to highlight the component."> & DefineProp<"disabled", boolean, false, null, "Removed the ability to interact with the component."> & DefineProp<"variant", OListItemVariants, false, null, "Applies a distinct style to the component."> & DefineSlot<"append", (item: ListItemSlot) => VNodeChild, "Adds an item inside the input and after input content."> & DefineSlot<"prepend", (item: ListItemSlot) => VNodeChild, "Adds an item outside the input and before input content."> & DefineSlot<"default", (item: ListItemSlot) => VNodeChild, "The default Vue slot."> & DefineSlot<"title", (value: {
11
11
  title: string | number;
12
12
  }) => VNodeChild, "Slot for the component’s title content."> & DefineSlot<"subtitle", (value: {
13
13
  subtitle: string | number;
@@ -1,7 +1,7 @@
1
1
  import { OPosition } from "@omnia/fx-models";
2
- import { DefineProp, DefinePropClass, DefinePropTheming, DefineSlot, DefineVModel } from "@omnia/fx/ux";
2
+ import { DefineProp, DefinePropTheming, DefineSlot, DefineVModel } from "@omnia/fx/ux";
3
3
  import { VNodeChild } from "vue";
4
- type SpeedDialProps = DefinePropTheming & DefinePropClass & DefineVModel<"", boolean, false, false, false, "The v-model of the component"> & DefineProp<"openOnClick", boolean, false, null, "Activate the component when the activator is clicked."> & DefineProp<"openOnFocus", boolean, false, null, "Activate the component when the activator is focused."> & DefineProp<"openOnHover", boolean, false, false, "Opens speed-dial on hover."> & DefineProp<"persistent", boolean, false, false, "Clicking outside of the element or pressing esc key will not deactivate it."> & DefineProp<"location", OPosition, false, "top center", "Specifies the component's location. Can combine by using a space separated string."> & DefineSlot<"activator", () => VNodeChild>;
4
+ type SpeedDialProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", boolean, false, false, false, "The v-model of the component"> & DefineProp<"openOnClick", boolean, false, null, "Activate the component when the activator is clicked."> & DefineProp<"openOnFocus", boolean, false, null, "Activate the component when the activator is focused."> & DefineProp<"openOnHover", boolean, false, false, "Opens speed-dial on hover."> & DefineProp<"persistent", boolean, false, false, "Clicking outside of the element or pressing esc key will not deactivate it."> & DefineProp<"location", OPosition, false, "top center", "Specifies the component's location. Can combine by using a space separated string."> & DefineSlot<"activator", () => VNodeChild>;
5
5
  declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<SpeedDialProps>) => {
6
6
  $: import("vue").ComponentInternalInstance;
7
7
  $data: {};
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@omnia/fx",
3
3
  "license": "MIT",
4
- "version": "8.0.251-dev",
4
+ "version": "8.0.252-dev",
5
5
  "description": "Provide Omnia Fx typings and tooling for clientside Omnia development.",
6
6
  "scripts": {
7
7
  "test": "echo \"Error: no test specified\" && exit 1",
@@ -20,7 +20,7 @@
20
20
  ],
21
21
  "author": "Precio Fishbone",
22
22
  "dependencies": {
23
- "@omnia/fx-models": "8.0.251-dev",
23
+ "@omnia/fx-models": "8.0.252-dev",
24
24
  "@microsoft/signalr": "6.0.1",
25
25
  "broadcast-channel": "4.8.0",
26
26
  "dayjs": "1.11.7",