@omnia/fx 8.0.382-dev → 8.0.384-dev

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 (33) hide show
  1. package/internal-do-not-import-from-here/services/SecurityService.d.ts +2 -1
  2. package/internal-do-not-import-from-here/ux/ComponentTypings.d.ts +225 -231
  3. package/internal-do-not-import-from-here/ux/InternalDefineComponent.d.ts +2 -1
  4. package/internal-do-not-import-from-here/ux/admin/system/submenu/customemail/loc/localize.d.ts +4 -0
  5. package/internal-do-not-import-from-here/ux/appprovisioning/components/AppInstanceTemplatePickerVueComponent.d.ts +2 -1
  6. package/internal-do-not-import-from-here/ux/appprovisioning/components/index.d.ts +0 -1
  7. package/internal-do-not-import-from-here/ux/aurora/admin/blades/blueprints/components/store/ButtonsEditorStore.d.ts +4 -4
  8. package/internal-do-not-import-from-here/ux/aurora/admin/blades/blueprints/components/store/ComponentEditorStore.d.ts +3 -3
  9. package/internal-do-not-import-from-here/ux/aurora/components/buttonstyle/ButtonStylePicker.d.ts +3 -1
  10. package/internal-do-not-import-from-here/ux/fileuploader/FileUploader.d.ts +31 -0
  11. package/internal-do-not-import-from-here/ux/identities/IdentityRenderer.d.ts +6 -6
  12. package/internal-do-not-import-from-here/ux/inputtoken/InputToken.d.ts +23 -30
  13. package/internal-do-not-import-from-here/ux/journey/JourneyBlade.css.d.ts +1 -1
  14. package/internal-do-not-import-from-here/ux/journey/JourneyBlade.d.ts +2 -2
  15. package/internal-do-not-import-from-here/ux/journey/SettingsJourneyMenu.d.ts +4 -3
  16. package/internal-do-not-import-from-here/ux/journey/models/SettingsBladeRegistration.d.ts +1 -1
  17. package/internal-do-not-import-from-here/ux/journey/stores/JourneyStore.d.ts +58 -1
  18. package/internal-do-not-import-from-here/ux/optionpicker/OptionPicker.d.ts +27 -79
  19. package/internal-do-not-import-from-here/ux/oxide/avatar/Avatar.d.ts +1 -1
  20. package/internal-do-not-import-from-here/ux/oxide/badge/Badge.d.ts +2 -2
  21. package/internal-do-not-import-from-here/ux/oxide/btn/Button.d.ts +2 -2
  22. package/internal-do-not-import-from-here/ux/oxide/dialog/Dialog.d.ts +4 -3
  23. package/internal-do-not-import-from-here/ux/oxide/scrollcontainer/ScrollContainer.d.ts +1 -1
  24. package/internal-do-not-import-from-here/ux/oxide/select/Select.d.ts +2 -2
  25. package/internal-do-not-import-from-here/ux/oxide/speeddial/SpeedDial.d.ts +2 -2
  26. package/internal-do-not-import-from-here/ux/oxide/treeview/OTreeViewV3.d.ts +1 -1
  27. package/internal-do-not-import-from-here/ux/oxide/treeview/Treeview.d.ts +1 -1
  28. package/internal-do-not-import-from-here/ux/properties/models/PropertyPicker.d.ts +2 -0
  29. package/internal-do-not-import-from-here/ux/properties/property-picker/PropertyPicker.d.ts +1 -1
  30. package/internal-do-not-import-from-here/ux/selection/SelectionComponent.d.ts +21 -21
  31. package/internal-do-not-import-from-here/ux/sitelogoicon/SiteLogoIcon.d.ts +9 -12
  32. package/internal-do-not-import-from-here/wctypings.d.ts +28 -0
  33. package/package.json +3 -3
@@ -29,6 +29,15 @@ declare const _default: {
29
29
  disabled: {
30
30
  type: import("vue").PropType<boolean>;
31
31
  };
32
+ style: {
33
+ type: import("vue").PropType<{
34
+ [key: string]: string;
35
+ }>;
36
+ };
37
+ class: {
38
+ type: import("vue").PropType<String | String[]>;
39
+ required: boolean;
40
+ };
32
41
  }>> & {
33
42
  onDoc$?: (description?: string) => any;
34
43
  onFileChanged?: (allFiles: FileUploaderItemHandler[]) => any;
@@ -71,6 +80,15 @@ declare const _default: {
71
80
  disabled: {
72
81
  type: import("vue").PropType<boolean>;
73
82
  };
83
+ style: {
84
+ type: import("vue").PropType<{
85
+ [key: string]: string;
86
+ }>;
87
+ };
88
+ class: {
89
+ type: import("vue").PropType<String | String[]>;
90
+ required: boolean;
91
+ };
74
92
  }>> & {
75
93
  onDoc$?: (description?: string) => any;
76
94
  onFileChanged?: (allFiles: FileUploaderItemHandler[]) => any;
@@ -105,6 +123,15 @@ declare const _default: {
105
123
  disabled: {
106
124
  type: import("vue").PropType<boolean>;
107
125
  };
126
+ style: {
127
+ type: import("vue").PropType<{
128
+ [key: string]: string;
129
+ }>;
130
+ };
131
+ class: {
132
+ type: import("vue").PropType<String | String[]>;
133
+ required: boolean;
134
+ };
108
135
  }>> & {
109
136
  onDoc$?: (description?: string) => any;
110
137
  onFileChanged?: (allFiles: FileUploaderItemHandler[]) => any;
@@ -115,6 +142,10 @@ declare const _default: {
115
142
  };
116
143
  }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
117
144
  propsDefinition: Omit<Readonly<{} & {
145
+ style?: {
146
+ [key: string]: string;
147
+ };
148
+ class?: String | String[];
118
149
  multiple?: boolean;
119
150
  disabled?: boolean;
120
151
  "v-slots"?: {
@@ -64,11 +64,11 @@ declare const _default: {
64
64
  type: import("vue").PropType<boolean>;
65
65
  required: false;
66
66
  };
67
- hidePresence: {
67
+ imageOnly: {
68
68
  type: import("vue").PropType<boolean>;
69
69
  required: false;
70
70
  };
71
- imageOnly: {
71
+ hidePresence: {
72
72
  type: import("vue").PropType<boolean>;
73
73
  required: false;
74
74
  };
@@ -163,11 +163,11 @@ declare const _default: {
163
163
  type: import("vue").PropType<boolean>;
164
164
  required: false;
165
165
  };
166
- hidePresence: {
166
+ imageOnly: {
167
167
  type: import("vue").PropType<boolean>;
168
168
  required: false;
169
169
  };
170
- imageOnly: {
170
+ hidePresence: {
171
171
  type: import("vue").PropType<boolean>;
172
172
  required: false;
173
173
  };
@@ -259,11 +259,11 @@ declare const _default: {
259
259
  type: import("vue").PropType<boolean>;
260
260
  required: false;
261
261
  };
262
- hidePresence: {
262
+ imageOnly: {
263
263
  type: import("vue").PropType<boolean>;
264
264
  required: false;
265
265
  };
266
- imageOnly: {
266
+ hidePresence: {
267
267
  type: import("vue").PropType<boolean>;
268
268
  required: false;
269
269
  };
@@ -1,32 +1,25 @@
1
- import { VueComponentBase, IInputToken, InputTokenStyles } from "@omnia/fx/ux";
2
1
  import "./InputToken.css";
3
- export declare class InputTokenComponent extends VueComponentBase implements IInputToken {
4
- styles?: typeof InputTokenStyles;
5
- valueBind: string;
6
- onValueChanged?: (model: string) => void;
7
- class?: string[];
8
- label: string;
2
+ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
3
+ styles?: {
4
+ wordBreak?: import("typestyle/lib/types").NestedCSSProperties;
5
+ };
6
+ } & {
7
+ "emit:update:modelValue": (value: string) => void;
8
+ } & {
9
+ "v-model"?: string;
10
+ } & {
11
+ modelValue?: string;
12
+ } & {
13
+ class?: string | string[];
14
+ } & {
15
+ label?: string;
16
+ } & {
9
17
  disabled?: boolean;
10
- dark?: boolean;
11
- filled?: boolean;
12
- private omniaUxLoc;
13
- private localize;
14
- private localizationStore;
15
- private themeStore;
16
- private classes;
17
- private tokens;
18
- private loadingTokens;
19
- private openTokenPicker;
20
- private triggeredLoadTokens;
21
- private headers;
22
- created(): void;
23
- mounted(): void;
24
- beforeDestroy(): void;
25
- private ensureLoadTokens;
26
- private handleChange;
27
- private handleSelectToken;
28
- private handleKeyUp;
29
- private closePicker;
30
- private renderTokenPicker;
31
- render(): import("vue/jsx-runtime").JSX.Element;
32
- }
18
+ }> & {
19
+ "onUpdate:modelValue"?: (value: string) => any;
20
+ } & {
21
+ "v-slots"?: {} & Omit<{
22
+ default?: import("vue").Slot;
23
+ }, never>;
24
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "class" | "label" | "disabled" | "styles" | "modelValue" | "v-model" | "emit:update:modelValue"> & import("@omnia/fx/ux").VNodeEvents) => any;
25
+ export default _default;
@@ -4,7 +4,7 @@ declare const _default: {
4
4
  headerButtons: string;
5
5
  headerIcon: string;
6
6
  switchWrapper: string;
7
- wrapper: (totalWidth: number, dark: boolean, compactMode: boolean) => string;
7
+ wrapper: (totalWidth: number, dark: boolean, compactMode: boolean, compactModeWidth?: number) => string;
8
8
  fullScreenWrapper: string;
9
9
  };
10
10
  export default _default;
@@ -11,7 +11,7 @@ export interface DisabledButtonTooltips {
11
11
  delete?: string;
12
12
  remove?: string;
13
13
  }
14
- export type JourneyBladeProps = DefineProp<"getApi", (store: ReturnType<typeof useJourneyStore>) => void, false, null, "callback to get a reference to the journey store. The store is used to navigate the journey blades."> & DefineProp<"title", string, false, null, "Specify the title of the blade."> & DefineProp<"toned", boolean, false, null, "IF the color is toned"> & DefineProp<"subTitle", string, false, null, "Specify a subtitle for the blade and the title is displayed in a breadcrumb style where the subTittle is prominent."> & DefineProp<"id", guid, true, null, "The id of the blade. Used to identify the blade in the journey store."> & DefineProp<"size", BladeSizeTypes, false, "x-small", "Specify the size of the blade. Small will show the header buttons as icons."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"ok", boolean, false, false, "Specify if the blade should show a ok button. If a ok button is shown, a cancel button will also be shown."> & DefineProp<"save", boolean, false, false, "Specify if the blade should show a save button. If a save button is shown, a cancel button will also be shown."> & DefineProp<"searchable", boolean | Ref<boolean>, false, false, "Specify if the blade should show a search field."> & DefineProp<"delete", boolean, false, false, "Specify if the blade should show a delete button."> & DefineProp<"remove", boolean, false, false, "Specify if the blade should show a remove button."> & DefineProp<"disabled", boolean, false, false, "Specify if the blade should shoud be read only."> & DefineProp<"manageList", boolean | Ref<boolean>, false, false, "Specify if the blade shoud be draggable on items."> & DefineProp<"switch", SwitchValue, false, null, "Specify if the blade should show switch."> & DefineProp<"settings", boolean, false, false, "Specify if the blade should show a settings button."> & DefineProp<"create", boolean, false, false, "Specify if the blade should show a create button."> & DefineProp<"add", boolean, false, false, "Specify if the blade should show a add button."> & DefineProp<"bladeContext", BladeContexts | BladeContext, false, null, "Specify context of the journey."> & DefineProp<"icon", IIcon, false, null, "Specify an icon for the blade header. This should be used to hightlight the blade type such as create blades, edit blades etc."> & DefineProp<"variant", BladeVariantTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"onOk", () => boolean | Promise<boolean>, false, null, "Trigger when user click ok, return true if ok to close the blade."> & DefineProp<"onRemove", () => boolean | Promise<boolean>, false, null, "Trigger when user click remove, return true if ok to close the blade."> & DefineProp<"onSave", () => boolean | Promise<boolean>, false, null, "Trigger when user click save, return true if ok to close the blade."> & DefineProp<"onDelete", () => boolean | Promise<boolean>, false, null, "Trigger when user click delete, return true if ok to close the blade."> & DefineProp<"onSwitch", (value: boolean) => boolean | Promise<boolean>, false, null, "Trigger when user toggle switch, return true if ok to close the blade."> & DefineProp<"confirmDeleteDialogOption", ConfirmDialogOptions, false, null, "Specify a set of options for the confirm dialog shown before deleting."> & DefineProp<"eager", boolean, false, false, "Force the tab content to preload. This is useful if you have content that you want to be preloaded, instead of 'load on click' default behavior."> & DefineProp<"disabledButtonTooltips", DisabledButtonTooltips, false, null, "Specify a set of options for the confirm dialog shown before deleting."> & DefineSlot<"actions", () => VNodeChild> & DefineSlot<"actionsFooter", () => VNodeChild> & DefineEmit<"click:create", (id: guid) => true> & DefineEmit<"click:add", (id: guid) => true> & DefineEmit<"click:back", (id: guid) => true> & DefineEmit<"click:cancel", (id: guid) => true> & DefineEmit<"click:settings", (id: guid) => true> & DefineEmit<"click:confirm", () => true> & DefineEmit<"search", (searchText: string) => true> & DefineEmit<"click:manageList", () => true>;
14
+ export type JourneyBladeProps = DefineProp<"getApi", (store: ReturnType<typeof useJourneyStore>) => void, false, null, "callback to get a reference to the journey store. The store is used to navigate the journey blades."> & DefineProp<"title", string, false, null, "Specify the title of the blade."> & DefineProp<"toned", boolean, false, null, "IF the color is toned"> & DefineProp<"subTitle", string, false, null, "Specify a subtitle for the blade and the title is displayed in a breadcrumb style where the subTittle is prominent."> & DefineProp<"id", guid, true, null, "The id of the blade. Used to identify the blade in the journey store."> & DefineProp<"size", BladeSizeTypes, false, "x-small", "Specify the size of the blade. Small will show the header buttons as icons."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"ok", boolean, false, false, "Specify if the blade should show a ok button. If a ok button is shown, a cancel button will also be shown."> & DefineProp<"save", boolean, false, false, "Specify if the blade should show a save button. If a save button is shown, a cancel button will also be shown."> & DefineProp<"searchable", boolean | Ref<boolean>, false, false, "Specify if the blade should show a search field."> & DefineProp<"delete", boolean, false, false, "Specify if the blade should show a delete button."> & DefineProp<"remove", boolean, false, false, "Specify if the blade should show a remove button."> & DefineProp<"disabled", boolean, false, false, "Specify if the blade should shoud be read only."> & DefineProp<"manageList", boolean | Ref<boolean>, false, false, "Specify if the blade shoud be draggable on items."> & DefineProp<"switch", SwitchValue, false, null, "Specify if the blade should show switch."> & DefineProp<"settings", boolean, false, false, "Specify if the blade should show a settings button."> & DefineProp<"create", boolean, false, false, "Specify if the blade should show a create button."> & DefineProp<"add", boolean, false, false, "Specify if the blade should show a add button."> & DefineProp<"bladeContext", BladeContexts | BladeContext, false, null, "Specify context of the journey."> & DefineProp<"icon", IIcon, false, null, "Specify an icon for the blade header. This should be used to hightlight the blade type such as create blades, edit blades etc."> & DefineProp<"variant", BladeVariantTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"onOk", () => boolean | Promise<boolean>, false, null, "Trigger when user click ok, return true if ok to close the blade."> & DefineProp<"onRemove", () => boolean | Promise<boolean>, false, null, "Trigger when user click remove, return true if ok to close the blade."> & DefineProp<"onSave", () => boolean | Promise<boolean>, false, null, "Trigger when user click save, return true if ok to close the blade."> & DefineProp<"onDelete", () => boolean | Promise<boolean>, false, null, "Trigger when user click delete, return true if ok to close the blade."> & DefineProp<"onSwitch", (value: boolean) => boolean | Promise<boolean>, false, null, "Trigger when user toggle switch, return true if ok to close the blade."> & DefineProp<"confirmDeleteDialogOption", ConfirmDialogOptions, false, null, "Specify a set of options for the confirm dialog shown before deleting."> & DefineProp<"eager", boolean, false, false, "Force the tab content to preload. This is useful if you have content that you want to be preloaded, instead of 'load on click' default behavior."> & DefineProp<"disabledButtonTooltips", DisabledButtonTooltips, false, null, "Specify a set of options for the confirm dialog shown before deleting."> & DefineProp<"sizeOnMobile", BladeSizeTypes, false, null, "Specify the size of the blade on mobile. Default full width on mobile view"> & DefineSlot<"actions", () => VNodeChild> & DefineSlot<"actionsFooter", () => VNodeChild> & DefineEmit<"click:create", (id: guid) => true> & DefineEmit<"click:add", (id: guid) => true> & DefineEmit<"click:back", (id: guid) => true> & DefineEmit<"click:cancel", (id: guid) => true> & DefineEmit<"click:settings", (id: guid) => true> & DefineEmit<"click:confirm", () => true> & DefineEmit<"search", (searchText: string) => true> & DefineEmit<"click:manageList", () => true>;
15
15
  declare const _default: (props: import("@omnia/fx/ux").ExtractProps<JourneyBladeProps> & {
16
16
  "onClick:cancel"?: (id: guid) => any;
17
17
  "onClick:confirm"?: () => any;
@@ -28,5 +28,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<JourneyBlade
28
28
  } & Omit<{
29
29
  default?: import("vue").Slot;
30
30
  }, "actions" | "actionsFooter">;
31
- } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "switch" | "icon" | "variant" | "size" | "add" | "id" | "delete" | "disabled" | "eager" | "settings" | "loading" | "create" | "remove" | "slot:actions" | "ok" | "save" | "toned" | "subTitle" | "emit:click:cancel" | "emit:click:confirm" | "getApi" | "searchable" | "manageList" | "bladeContext" | "onOk" | "onRemove" | "onSave" | "onDelete" | "onSwitch" | "confirmDeleteDialogOption" | "disabledButtonTooltips" | "slot:actionsFooter" | "emit:click:create" | "emit:click:add" | "emit:click:back" | "emit:click:settings" | "emit:search" | "emit:click:manageList"> & import("@omnia/fx/ux").VNodeEvents) => any;
31
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "switch" | "icon" | "variant" | "size" | "add" | "id" | "delete" | "disabled" | "eager" | "settings" | "loading" | "create" | "remove" | "slot:actions" | "ok" | "save" | "toned" | "subTitle" | "emit:click:cancel" | "emit:click:confirm" | "getApi" | "searchable" | "manageList" | "bladeContext" | "onOk" | "onRemove" | "onSave" | "onDelete" | "onSwitch" | "confirmDeleteDialogOption" | "disabledButtonTooltips" | "sizeOnMobile" | "slot:actionsFooter" | "emit:click:create" | "emit:click:add" | "emit:click:back" | "emit:click:settings" | "emit:search" | "emit:click:manageList"> & import("@omnia/fx/ux").VNodeEvents) => any;
32
32
  export default _default;
@@ -4,14 +4,15 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
4
4
  items?: SettingsJourneyMenuItem[] | Ref<SettingsJourneyMenuItem[], SettingsJourneyMenuItem[]>;
5
5
  } & {
6
6
  getApi?: (store: ReturnType<typeof useJourneyStore>) => void;
7
- } & DefineSlot<"append", () => VNodeChild> & DefineRef<{
7
+ } & DefineSlot<"append", () => VNodeChild> & DefineSlot<"item", (item: SettingsJourneyMenuItem, index: Number) => VNodeChild> & DefineRef<{
8
8
  journeyStore: ReturnType<typeof useJourneyStore>;
9
9
  }>> & {} & {
10
10
  "v-slots"?: {
11
11
  append?: () => VNodeChild;
12
+ item?: (item: SettingsJourneyMenuItem, index: Number) => VNodeChild;
12
13
  } & Omit<{
13
14
  default?: import("vue").Slot;
14
- }, "append">;
15
+ }, "item" | "append">;
15
16
  } & {
16
17
  ref?: Ref<{
17
18
  journeyStore: ReturnType<typeof useJourneyStore>;
@@ -20,5 +21,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
20
21
  }> | ((ref: {
21
22
  journeyStore: ReturnType<typeof useJourneyStore>;
22
23
  }) => void);
23
- } & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "items" | "ref" | "getApi" | "slot:append"> & import("@omnia/fx/ux").VNodeEvents) => any;
24
+ } & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "items" | "ref" | "slot:item" | "getApi" | "slot:append"> & import("@omnia/fx/ux").VNodeEvents) => any;
24
25
  export default _default;
@@ -3,7 +3,7 @@ import { VNodeChild } from "vue";
3
3
  export interface SettingsJourneyItem {
4
4
  id: guid;
5
5
  title: string;
6
- icon: IIcon;
6
+ icon?: IIcon;
7
7
  eager?: boolean;
8
8
  }
9
9
  export interface SettingsJourneyMenuItem extends SettingsJourneyItem {
@@ -1,6 +1,6 @@
1
1
  import { guid } from "@omnia/fx-models";
2
2
  import { type StoreEvents, type StoreReturnDefineAction } from "@omnia/fx/stores";
3
- import { BladeInstance, defineBlade } from "@omnia/fx/ux";
3
+ import { BladeInstance, defineBlade, useScrollContainerStore } from "@omnia/fx/ux";
4
4
  import { BladeSizeTypes } from "../models/Constants";
5
5
  import { JourneyVariant } from "../Journey.css";
6
6
  export type JourneyStore = ReturnType<typeof useJourneyStore>;
@@ -48,6 +48,62 @@ export type InternalJourneyStoreType = {
48
48
  };
49
49
  };
50
50
  export declare const useJourneyStore: () => {
51
+ readonly scrollContainer: {
52
+ state: {
53
+ elementRef: HTMLElement;
54
+ elementId: string;
55
+ disableScrolling: boolean;
56
+ height: string;
57
+ width: string;
58
+ scrollingDirection: import("@omnia/fx-models").OScrollTypesCombination;
59
+ coordinates: {
60
+ readonly bottom: number;
61
+ readonly left: number;
62
+ readonly right: number;
63
+ readonly top: number;
64
+ };
65
+ };
66
+ events: StoreEvents<{
67
+ elementRef: HTMLElement;
68
+ elementId: string;
69
+ disableScrolling: boolean;
70
+ height: string;
71
+ width: string;
72
+ scrollingDirection: import("@omnia/fx-models").OScrollTypesCombination;
73
+ coordinates: {
74
+ readonly bottom: number;
75
+ readonly left: number;
76
+ readonly right: number;
77
+ readonly top: number;
78
+ };
79
+ }, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
80
+ actions: StoreReturnDefineAction<{
81
+ scroll: () => void;
82
+ calculateDynamicHeight: () => void;
83
+ setHeight: (height: string) => void;
84
+ setWidth: (width: string) => void;
85
+ setScrolling: (scrolling: import("@omnia/fx-models").OScrollTypesCombination) => void;
86
+ calculateScrollHeight: (referenceElementIds: string[]) => void;
87
+ isElementNameStillInView: (elementName: string) => boolean;
88
+ isElementIdStillInView: (elementId: string) => boolean;
89
+ scrollToStart: () => void;
90
+ scrollToElementId: (elementId: string, anchor?: import("@omnia/fx/ux").AnchorPosition) => void;
91
+ scrollToElementName: (elementName: string, anchor?: import("@omnia/fx/ux").AnchorPosition) => void;
92
+ scrollToElement: (element: HTMLElement, anchor?: import("@omnia/fx/ux").AnchorPosition) => void;
93
+ scrollToSelector: (selector: string, anchor?: import("@omnia/fx/ux").AnchorPosition) => void;
94
+ }>;
95
+ get: {
96
+ readonly coordinates: {
97
+ readonly bottom: number;
98
+ readonly left: number;
99
+ readonly right: number;
100
+ readonly top: number;
101
+ };
102
+ readonly scrollPosition: number;
103
+ };
104
+ } & {
105
+ dispose?: () => void;
106
+ };
51
107
  state: {
52
108
  blades: Array<BladeInstance>;
53
109
  bladeRenderers: Array<BladeRenderRegistration>;
@@ -81,6 +137,7 @@ export declare const useJourneyStore: () => {
81
137
  movePrev(fromBladeId: guid): void;
82
138
  travelTo(fromBladeId: guid, toBladeId: guid): void;
83
139
  setActiveIndex(index: number): void;
140
+ setScrollContainer(store: ReturnType<typeof useScrollContainerStore>): void;
84
141
  }>;
85
142
  } & {
86
143
  dispose?: () => void;
@@ -1,80 +1,28 @@
1
- declare const _default: {
2
- new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
3
- title: import("vue").Prop<string, string>;
4
- multipleChoice: import("vue").Prop<boolean, boolean>;
5
- options: import("vue").Prop<object[], object[]>;
6
- optionValue: import("vue").Prop<string, string>;
7
- optionText: import("vue").Prop<string, string>;
8
- valueBind: import("vue").Prop<any[], any[]>;
9
- onValueChanged: import("vue").Prop<(value: any[]) => void, (value: any[]) => void>;
10
- required: import("vue").Prop<boolean, boolean>;
11
- hideDetails: import("vue").Prop<boolean, boolean>;
12
- onVnodeBeforeMount?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
13
- onVnodeMounted?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
14
- onVnodeBeforeUpdate?: import("vue").Prop<((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]>;
15
- onVnodeUpdated?: import("vue").Prop<((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]>;
16
- onVnodeBeforeUnmount?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
17
- onVnodeUnmounted?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
18
- }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
19
- P: {};
20
- B: {};
21
- D: {};
22
- C: {};
23
- M: {};
24
- Defaults: {};
25
- }, Readonly<import("vue").ExtractPropTypes<{
26
- title: import("vue").Prop<string, string>;
27
- multipleChoice: import("vue").Prop<boolean, boolean>;
28
- options: import("vue").Prop<object[], object[]>;
29
- optionValue: import("vue").Prop<string, string>;
30
- optionText: import("vue").Prop<string, string>;
31
- valueBind: import("vue").Prop<any[], any[]>;
32
- onValueChanged: import("vue").Prop<(value: any[]) => void, (value: any[]) => void>;
33
- required: import("vue").Prop<boolean, boolean>;
34
- hideDetails: import("vue").Prop<boolean, boolean>;
35
- onVnodeBeforeMount?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
36
- onVnodeMounted?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
37
- onVnodeBeforeUpdate?: import("vue").Prop<((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]>;
38
- onVnodeUpdated?: import("vue").Prop<((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]>;
39
- onVnodeBeforeUnmount?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
40
- onVnodeUnmounted?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
41
- }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}>;
42
- __isFragment?: never;
43
- __isTeleport?: never;
44
- __isSuspense?: never;
45
- } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
46
- title: import("vue").Prop<string, string>;
47
- multipleChoice: import("vue").Prop<boolean, boolean>;
48
- options: import("vue").Prop<object[], object[]>;
49
- optionValue: import("vue").Prop<string, string>;
50
- optionText: import("vue").Prop<string, string>;
51
- valueBind: import("vue").Prop<any[], any[]>;
52
- onValueChanged: import("vue").Prop<(value: any[]) => void, (value: any[]) => void>;
53
- required: import("vue").Prop<boolean, boolean>;
54
- hideDetails: import("vue").Prop<boolean, boolean>;
55
- onVnodeBeforeMount?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
56
- onVnodeMounted?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
57
- onVnodeBeforeUpdate?: import("vue").Prop<((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]>;
58
- onVnodeUpdated?: import("vue").Prop<((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]>;
59
- onVnodeBeforeUnmount?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
60
- onVnodeUnmounted?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
61
- }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
62
- propsDefinition: Omit<Readonly<{} & {
63
- title?: string;
64
- options?: object[];
65
- required?: boolean;
66
- valueBind?: any[];
67
- onVnodeBeforeMount?: ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[];
68
- onVnodeMounted?: ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[];
69
- onVnodeBeforeUpdate?: ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[];
70
- onVnodeUpdated?: ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[];
71
- onVnodeBeforeUnmount?: ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[];
72
- onVnodeUnmounted?: ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[];
73
- hideDetails?: boolean;
74
- onValueChanged?: (value: any[]) => void;
75
- multipleChoice?: boolean;
76
- optionValue?: string;
77
- optionText?: string;
78
- }>, never>;
79
- };
1
+ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
2
+ title?: string;
3
+ } & {
4
+ multipleChoice?: boolean;
5
+ } & {
6
+ options?: object[];
7
+ } & {
8
+ optionValue?: string;
9
+ } & {
10
+ optionText?: string;
11
+ } & {
12
+ "emit:update:modelValue": (value: any[]) => void;
13
+ } & {
14
+ "v-model"?: any[];
15
+ } & {
16
+ modelValue?: any[];
17
+ } & {
18
+ required?: boolean;
19
+ } & {
20
+ hideDetails?: boolean;
21
+ }> & {
22
+ "onUpdate:modelValue"?: (value: any[]) => any;
23
+ } & {
24
+ "v-slots"?: {} & Omit<{
25
+ default?: import("vue").Slot;
26
+ }, never>;
27
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "options" | "required" | "modelValue" | "hideDetails" | "v-model" | "emit:update:modelValue" | "multipleChoice" | "optionValue" | "optionText"> & import("@omnia/fx/ux").VNodeEvents) => any;
80
28
  export default _default;
@@ -1,6 +1,6 @@
1
1
  import { DefineProp, DefinePropTheming } from "@omnia/fx/ux";
2
2
  import { ColorType, OSizeTypes } from "@omnia/fx-models";
3
- type AvatarProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"color", string, false, null, "The color of the component."> & DefineProp<"toned", boolean, false, false, "If the toned color should be used."> & DefineProp<"size", OSizeTypes, false, null, "The size of the component."> & DefineProp<"colorType", ColorType, false, null, "Sets the colorType to use for the icons. Default is onBase."> & DefineProp<"gradient", boolean, false, false, "Applies a gradient effect to the component.">;
3
+ type AvatarProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"color", string, false, null, "The color of the component."> & DefineProp<"toned", boolean, false, false, "If the toned color should be used."> & DefineProp<"size", OSizeTypes | number, false, null, "The size of the component."> & DefineProp<"colorType", ColorType, false, null, "Sets the colorType to use for the icons. Default is onBase."> & DefineProp<"gradient", boolean, false, false, "Applies a gradient effect to the component.">;
4
4
  declare const _default: (props: import("@omnia/fx/ux").ExtractProps<AvatarProps> & {} & {
5
5
  "v-slots"?: {} & Omit<{
6
6
  default?: import("vue").Slot;
@@ -1,11 +1,11 @@
1
1
  import { IIcon, OPosition } from "@omnia/fx-models";
2
2
  import { DefineProp, DefinePropTheming, DefineVModel } from "@omnia/fx/ux";
3
- type BadgeProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", boolean, false, null, true, "The v-model of the component"> & DefineProp<"location", OPosition, false, "top end", "Specifies the component’s location. Can combine by using a space separated string."> & DefineProp<"color", string, false, null, "The color of the component."> & DefineProp<"content", string | number, false, "", "Text content to show in the badge."> & DefineProp<"dot", boolean, false, false, "Reduce the size of the badge and hide its contents."> & DefineProp<"inline", boolean, false, false, "Moves the badge to be inline with the wrapping element. Supports the usage of the left prop."> & DefineProp<"icon", IIcon, false, null, "The icon to be displayed.">;
3
+ type BadgeProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", boolean, false, null, true, "The v-model of the component"> & DefineProp<"location", OPosition, false, "top end", "Specifies the component’s location. Can combine by using a space separated string."> & DefineProp<"color", string, false, null, "The color of the component."> & DefineProp<"content", string | number, false, "", "Text content to show in the badge."> & DefineProp<"dot", boolean, false, false, "Reduce the size of the badge and hide its contents."> & DefineProp<"bordered", boolean, false, false, "Applies a 2px by default and 1.5px border around the badge when using the dot property."> & DefineProp<"offsetX", number, false, null, "Offset the badge on the x-axis."> & DefineProp<"offsetY", number, false, null, "Offset the badge on the y-axis."> & DefineProp<"inline", boolean, false, false, "Moves the badge to be inline with the wrapping element. Supports the usage of the left prop."> & DefineProp<"icon", IIcon, false, null, "The icon to be displayed.">;
4
4
  declare const _default: (props: import("@omnia/fx/ux").ExtractProps<BadgeProps> & {
5
5
  "onUpdate:modelValue"?: (value: boolean) => any;
6
6
  } & {
7
7
  "v-slots"?: {} & Omit<{
8
8
  default?: import("vue").Slot;
9
9
  }, never>;
10
- } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "color" | "icon" | "inline" | "content" | "class" | "dot" | "colorSchemaType" | "location" | "modelValue" | "colors" | "v-model" | "emit:update:modelValue"> & import("@omnia/fx/ux").VNodeEvents) => any;
10
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "color" | "icon" | "inline" | "content" | "class" | "dot" | "colorSchemaType" | "location" | "bordered" | "modelValue" | "offsetX" | "offsetY" | "colors" | "v-model" | "emit:update:modelValue"> & import("@omnia/fx/ux").VNodeEvents) => any;
11
11
  export default _default;
@@ -1,6 +1,6 @@
1
- import { ButtonIconOptions, OOxideButtonPresets, ButtonTooltipOptions, OSizeTypes, OIconAnimations, ButtonBlueprint, OButtonVariants } from "@omnia/fx-models";
1
+ import { ButtonIconOptions, OOxideButtonPresets, ButtonTooltipOptions, OSizeTypes, OIconAnimations, ButtonBlueprint, OButtonVariants, ButtonBlueprintVariant } from "@omnia/fx-models";
2
2
  import { DefinePropTheming, DefineProp } from "@omnia/fx/ux";
3
- type ButtonProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"filled", boolean, false, false, "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited."> & DefineProp<"icon", ButtonIconOptions, false, null, "The icon to be displayed."> & DefineProp<"text", string, false, null, "Specifies the text to display on the button."> & DefineProp<"href", string, false, null, "Designates the component as anchor and applies the href attribute."> & DefineProp<"target", "_blank" | "_self" | "_parent" | "_top" | "framename", false, null, "The target attribute specifies where to open the linked document."> & DefineProp<"variant", OButtonVariants, false, null, "Applies a distinct style to the component. Prominent should be used for call to action. Toolbar will create a transparent button to be used in toolbars."> & DefineProp<"overrides", object, false, null, "Sets the icon to display on the button. If no text is provided the button will be displayed as an icon button."> & DefineProp<"preset", OOxideButtonPresets, false, null, "Sets the default values of the button to the specified preset."> & DefineProp<"tooltip", ButtonTooltipOptions, false, null, "Sets tooltip to display when hovering the button."> & DefineProp<"size", OSizeTypes, false, null, "Sets the size of the button."> & DefineProp<"grouped", boolean, false, false, "Adds spacing to the left of the button to group it with other buttons. Should be used when more than one button is displayed."> & DefineProp<"toned", boolean, false, false, "Applies a toned background to the button. Should be used when the button is displayed on a colored background."> & DefineProp<"transparentHover", boolean, false, false, "Makes the button transparent and no hover effect."> & DefineProp<"active", boolean, false, false, "Controls the active state of the item. This is typically used to highlight the component."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the component."> & DefineProp<"block", boolean, false, false, "Block buttons extend the full width of their container. This is useful for creating buttons that span the full width of a card or dialog."> & DefineProp<"stacked", boolean, false, false, "Displays the button as a column with the icon on top."> & DefineProp<"disableBlueprint", boolean, false, false, "Disables the blueprint and use properties instead."> & DefineProp<"animation", OIconAnimations, false, null, "Sets the animation on the icon when hovering the button."> & DefineProp<"blueprint", ButtonBlueprint, false, null, "Sets a custom blueprint for the button.">;
3
+ type ButtonProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"filled", boolean, false, false, "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited."> & DefineProp<"icon", ButtonIconOptions, false, null, "The icon to be displayed."> & DefineProp<"text", string, false, null, "Specifies the text to display on the button."> & DefineProp<"href", string, false, null, "Designates the component as anchor and applies the href attribute."> & DefineProp<"target", "_blank" | "_self" | "_parent" | "_top" | "framename", false, null, "The target attribute specifies where to open the linked document."> & DefineProp<"variant", OButtonVariants, false, null, "Applies a distinct style to the component. Prominent should be used for call to action. Toolbar will create a transparent button to be used in toolbars."> & DefineProp<"overrides", object, false, null, "Sets the icon to display on the button. If no text is provided the button will be displayed as an icon button."> & DefineProp<"preset", OOxideButtonPresets, false, null, "Sets the default values of the button to the specified preset."> & DefineProp<"tooltip", ButtonTooltipOptions, false, null, "Sets tooltip to display when hovering the button."> & DefineProp<"size", OSizeTypes, false, null, "Sets the size of the button."> & DefineProp<"grouped", boolean, false, false, "Adds spacing to the left of the button to group it with other buttons. Should be used when more than one button is displayed."> & DefineProp<"toned", boolean, false, false, "Applies a toned background to the button. Should be used when the button is displayed on a colored background."> & DefineProp<"transparentHover", boolean, false, false, "Makes the button transparent and no hover effect."> & DefineProp<"active", boolean, false, false, "Controls the active state of the item. This is typically used to highlight the component."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the component."> & DefineProp<"block", boolean, false, false, "Block buttons extend the full width of their container. This is useful for creating buttons that span the full width of a card or dialog."> & DefineProp<"stacked", boolean, false, false, "Displays the button as a column with the icon on top."> & DefineProp<"disableBlueprint", boolean, false, false, "Disables the blueprint and use properties instead."> & DefineProp<"animation", OIconAnimations, false, null, "Sets the animation on the icon when hovering the button."> & DefineProp<"blueprint", ButtonBlueprint | ButtonBlueprintVariant, false, null, "Sets a custom blueprint for the button.">;
4
4
  declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ButtonProps> & {} & {
5
5
  "v-slots"?: {} & Omit<{
6
6
  default?: import("vue").Slot;
@@ -3,15 +3,16 @@ import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot, DefineVModel } f
3
3
  import { VNodeChild } from "vue";
4
4
  export * from "./Dialog.stylex";
5
5
  type DialogLocation = "left" | "center" | "right";
6
- type DialogProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"toned", boolean, false, false, "Toned color picker."> & DefineVModel<"", boolean, false, null, false, "The v-model of the component."> & DefineProp<"persistent", boolean, false, false, "Specify if the dialog is closed if clicked outside of the dialog."> & DefineProp<"eager", boolean, false, false, "Forces the component’s content to render when it mounts."> & DefineProp<"title", string, false, null, "Specify the title of the dialog."> & DefineProp<"subTitle", string, false, null, "Specify a subtitle for the dialog and the title is displayed in a breadcrumb style where the subTittle is prominent."> & DefineProp<"icon", IIcon, false, null, "Specify an icon for the dialog. This is almost mandatory and is used to hightlight the dialog context."> & DefineProp<"hiddenCloseButton", boolean, false, false, "Hide the close button of the dialog."> & DefineProp<"backButton", boolean, false, false, "I a back button is displayed to close the dialog."> & DefineProp<"size", ODialogSizes, false, "medium", "Specify the size of the dialog. Default is mediumsize."> & DefineProp<"variant", ODialogTypes, false, "default", "Applies a distinct style to the component."> & DefineProp<"contentHeight", OContentHeight, false, "static", "Sets the content responsive strategy for the dialog . With dynamic it will adapt to the content height. This should only be used with content that does not change size."> & DefineProp<"customScrolling", boolean, false, false, "Disables the default scrolling behavior of the dialog. This should be used when the dialog contains a custom scrollable element such as a o.tab or a component with custom scrollable requirements."> & DefineProp<"horizontalScroll", boolean, false, false, "Adds a horizontal scrollbar to the dialog. This should be used when the dialog contains a custom vertiacl scrollable element such as a <o-journey> or a component with custom scrollable requirements."> & DefineProp<"journey", boolean, false, false, "The dialog is a journey dialog where the header supports navigation."> & DefineProp<"canClose", (request: ODialogBuiltinButtons, buttonInstance: ODialogButtonInstance) => Future<void>, false, null, "Function that can control if the dialog is allowed to be closed. When the promise is resolved the dialog will close. If the promise is rejected the dialog will not close."> & DefineProp<"buttonApi", (confirm: ODialogButtonInstance, cancel: ODialogButtonInstance) => void, false, null, "Function that can get reference to the buttons to control the state of them."> & DefineSlot<"fixedContent", () => VNodeChild> & DefineSlot<"activator", () => VNodeChild> & DefineSlot<"headerButtons", () => VNodeChild> & DefineSlot<"actions", () => VNodeChild> & DefineSlot<"navigation", (apis: {
6
+ type DialogProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"toned", boolean, false, false, "Toned color picker."> & DefineVModel<"", boolean, false, null, false, "The v-model of the component."> & DefineProp<"persistent", boolean, false, false, "Specify if the dialog is closed if clicked outside of the dialog."> & DefineProp<"eager", boolean, false, false, "Forces the component’s content to render when it mounts."> & DefineProp<"title", string, false, null, "Specify the title of the dialog."> & DefineProp<"subTitle", string, false, null, "Specify a subtitle for the dialog and the title is displayed in a breadcrumb style where the subTittle is prominent."> & DefineProp<"icon", IIcon, false, null, "Specify an icon for the dialog. This is almost mandatory and is used to hightlight the dialog context."> & DefineProp<"hiddenCloseButton", boolean, false, false, "Hide the close button of the dialog."> & DefineProp<"backButton", boolean, false, false, "I a back button is displayed to close the dialog."> & DefineProp<"size", ODialogSizes, false, "medium", "Specify the size of the dialog. Default is mediumsize."> & DefineProp<"variant", ODialogTypes, false, "default", "Applies a distinct style to the component."> & DefineProp<"contentHeight", OContentHeight, false, "static", "Sets the content responsive strategy for the dialog . With dynamic it will adapt to the content height. This should only be used with content that does not change size."> & DefineProp<"customScrolling", boolean, false, false, "Disables the default scrolling behavior of the dialog. This should be used when the dialog contains a custom scrollable element such as a o.tab or a component with custom scrollable requirements."> & DefineProp<"horizontalScroll", boolean, false, false, "Adds a horizontal scrollbar to the dialog. This should be used when the dialog contains a custom vertiacl scrollable element such as a <o-journey> or a component with custom scrollable requirements."> & DefineProp<"journey", boolean, false, false, "The dialog is a journey dialog where the header supports navigation."> & DefineProp<"canClose", (request: ODialogBuiltinButtons, buttonInstance: ODialogButtonInstance) => Future<void>, false, null, "Function that can control if the dialog is allowed to be closed. When the promise is resolved the dialog will close. If the promise is rejected the dialog will not close."> & DefineProp<"canBack", (request: ODialogBuiltinButtons, buttonInstance: ODialogButtonInstance) => Future<void>, false, null, "Function that can control if the dialog is allowed to be closed. When the promise is resolved the dialog will close. If the promise is rejected the dialog will not close."> & DefineProp<"buttonApi", (confirm: ODialogButtonInstance, cancel: ODialogButtonInstance) => void, false, null, "Function that can get reference to the buttons to control the state of them."> & DefineSlot<"fixedContent", () => VNodeChild> & DefineSlot<"activator", () => VNodeChild> & DefineSlot<"headerButtons", () => VNodeChild> & DefineSlot<"actions", () => VNodeChild> & DefineSlot<"navigation", (apis: {
7
7
  hideNavigation: () => void;
8
8
  showNavigation: () => void;
9
- }) => VNodeChild> & DefineSlot<"header", () => VNodeChild> & DefineEmit<"click:close", () => void> & DefineEmit<"click:cancel", () => void> & DefineEmit<"click:confirm", () => void> & DefineProp<"location", DialogLocation, false, "center", "Sets location of the dialog.">;
9
+ }) => VNodeChild> & DefineSlot<"header", () => VNodeChild> & DefineEmit<"click:close", () => void> & DefineEmit<"click:cancel", () => void> & DefineEmit<"click:confirm", () => void> & DefineEmit<"click:backButton", () => void> & DefineProp<"location", DialogLocation, false, "center", "Sets location of the dialog.">;
10
10
  declare const _default: (props: import("@omnia/fx/ux").ExtractProps<DialogProps> & {
11
11
  "onUpdate:modelValue"?: (value: boolean) => any;
12
12
  "onClick:close"?: () => any;
13
13
  "onClick:cancel"?: () => any;
14
14
  "onClick:confirm"?: () => any;
15
+ "onClick:backButton"?: () => any;
15
16
  } & {
16
17
  "v-slots"?: {
17
18
  fixedContent?: () => VNodeChild;
@@ -26,5 +27,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<DialogProps>
26
27
  } & Omit<{
27
28
  default?: import("vue").Slot;
28
29
  }, "navigation" | "actions" | "header" | "activator" | "fixedContent" | "headerButtons">;
29
- } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "icon" | "variant" | "size" | "class" | "persistent" | "eager" | "colorSchemaType" | "location" | "modelValue" | "slot:actions" | "colors" | "v-model" | "toned" | "journey" | "emit:update:modelValue" | "subTitle" | "hiddenCloseButton" | "backButton" | "contentHeight" | "customScrolling" | "horizontalScroll" | "canClose" | "buttonApi" | "slot:fixedContent" | "slot:activator" | "slot:headerButtons" | "slot:navigation" | "slot:header" | "emit:click:close" | "emit:click:cancel" | "emit:click:confirm"> & import("@omnia/fx/ux").VNodeEvents) => any;
30
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "icon" | "variant" | "size" | "class" | "persistent" | "eager" | "colorSchemaType" | "location" | "modelValue" | "slot:actions" | "colors" | "v-model" | "toned" | "journey" | "emit:update:modelValue" | "subTitle" | "hiddenCloseButton" | "backButton" | "contentHeight" | "customScrolling" | "horizontalScroll" | "canClose" | "canBack" | "buttonApi" | "slot:fixedContent" | "slot:activator" | "slot:headerButtons" | "slot:navigation" | "slot:header" | "emit:click:close" | "emit:click:cancel" | "emit:click:confirm" | "emit:click:backButton"> & import("@omnia/fx/ux").VNodeEvents) => any;
30
31
  export default _default;
@@ -5,5 +5,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ScrollContai
5
5
  "v-slots"?: {} & Omit<{
6
6
  default?: import("vue").Slot;
7
7
  }, never>;
8
- } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "height" | "width" | "filled" | "class" | "colorSchemaType" | "colors" | "toned" | "getApi" | "disableScrolling" | "compensatScrollbar" | "dynamicHeight" | "scrolling"> & import("@omnia/fx/ux").VNodeEvents) => any;
8
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "height" | "width" | "filled" | "class" | "colorSchemaType" | "colors" | "toned" | "disableScrolling" | "getApi" | "compensatScrollbar" | "dynamicHeight" | "scrolling"> & import("@omnia/fx/ux").VNodeEvents) => any;
9
9
  export default _default;
@@ -13,11 +13,11 @@ export interface OSelectSlots extends Omit<VSelectSlots, "item" | "selection" |
13
13
  declare const defaultRules: ValidationRule[];
14
14
  type SlotsWithReturnObject<TItem> = DefineSlot<"chip", (item: OSelectRenderingItem<ItemType<TItem>>, index: Number) => VNodeChild> & DefineSlot<"selection", (item: OSelectRenderingItem<ItemType<TItem>>, index: Number) => VNodeChild> & DefineSlot<"item", (item: OSelectRenderingItem<ItemType<TItem>>, index: Number) => VNodeChild>;
15
15
  type SlotsWithoutReturnObject = DefineSlot<"chip", (item: OSelectRenderingItem<any>, index: Number) => VNodeChild> & DefineSlot<"selection", (item: OSelectRenderingItem<any>, index: Number) => VNodeChild> & DefineSlot<"item", (item: OSelectRenderingItem<any>, index: Number) => VNodeChild>;
16
- type BaseProps<TItem, TReturnObject extends boolean> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", any, false, null, true, "The v-model of the component"> & DefineProp<"rules", ValidationRule[], false, typeof defaultRules, "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. The input field will enter an error state if a function returns (or any value in the array contains) false or is a string."> & DefineProp<"label", string, false, null, "Sets the label of the component."> & DefineProp<"hint", string, false, null, "Sets the hint of the component."> & DefineProp<"items", TItem, false, null, "TItem must be an array of objects or array of strings. When using objects, will look for a title, value and disabled keys. This can be changed using the item-title, item-value and item-disabled props."> & DefineProp<"itemTitle", ItemValueType<ItemType<TItem>>, false, null, "Property on supplied items that contains its title."> & DefineProp<"itemValue", ItemValueType<ItemType<TItem>>, false, null, "Property on supplied items that contains its value."> & DefineProp<"variant", OSelectTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"returnObject", TReturnObject, false, null, "Changes the selection behavior to return the object directly rather than the value specified with item-value."> & DefineProp<"clearable", boolean, false, null, "Allows for the component to be cleared."> & DefineProp<"searchable", boolean, false, null, "Allows to searching when user typing."> & DefineProp<"blueprint", InputBlueprint, false, null, "Sets a custom blueprint for the text."> & DefineProp<"toned", boolean> & DefineProp<"chips", boolean, false, false, "Puts input in readonly state."> & DefineProp<"readonly", boolean, false, null, "Puts input in readonly state."> & DefineProp<"multiple", boolean, false, false, "Multiple selection."> & DefineProp<"hideNoData", boolean, false, false, "Hidden no data message."> & DefineProp<"menuIcon", IIcon, false, null, "Custom menu icon."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the input."> & DefineProp<"persistentHint", boolean, false, null, "Forces hint to always be visible."> & DefineProp<"hideSelected", boolean, false, null, "Hide selected items from all items list."> & DefineEmit<"click:button", (value: any) => void, "Emit a click event."> & DefineProp<"errorMessages", string | readonly 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<"error", boolean, false, false, "Puts the input in a manual error state."> & DefineEmit<"update:search", (value: string) => void, "Emit when search input value is changed. Only works when searchable prop is true."> & DefineEmit<"update:focused", (value: boolean) => void, "Emit when search input field is focused."> & DefineSlot<"append-item", () => VNodeChild> & DefineSlot<"prepend-inner", () => VNodeChild> & DefineSlot<"append-inner", () => VNodeChild> & DefineProp<"maxHeight", number, false, 300> & DefineProp<"itemHeight", number, false, 40>;
16
+ type BaseProps<TItem, TReturnObject extends boolean> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", any, false, null, true, "The v-model of the component"> & DefineProp<"rules", ValidationRule[], false, typeof defaultRules, "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. The input field will enter an error state if a function returns (or any value in the array contains) false or is a string."> & DefineProp<"label", string, false, null, "Sets the label of the component."> & DefineProp<"hint", string, false, null, "Sets the hint of the component."> & DefineProp<"items", TItem, false, null, "TItem must be an array of objects or array of strings. When using objects, will look for a title, value and disabled keys. This can be changed using the item-title, item-value and item-disabled props."> & DefineProp<"itemTitle", ItemValueType<ItemType<TItem>>, false, null, "Property on supplied items that contains its title."> & DefineProp<"itemValue", ItemValueType<ItemType<TItem>>, false, null, "Property on supplied items that contains its value."> & DefineProp<"variant", OSelectTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"returnObject", TReturnObject, false, null, "Changes the selection behavior to return the object directly rather than the value specified with item-value."> & DefineProp<"clearable", boolean, false, null, "Allows for the component to be cleared."> & DefineProp<"searchable", boolean, false, null, "Allows to searching when user typing."> & DefineProp<"blueprint", InputBlueprint, false, null, "Sets a custom blueprint for the text."> & DefineProp<"toned", boolean> & DefineProp<"chips", boolean, false, false, "Puts input in readonly state."> & DefineProp<"readonly", boolean, false, null, "Puts input in readonly state."> & DefineProp<"multiple", boolean, false, false, "Multiple selection."> & DefineProp<"hideNoData", boolean, false, false, "Hidden no data message."> & DefineProp<"hideDetails", boolean, false, false, "Hides hint and validation errors. When set to auto messages will be rendered only if there’s a message (hint, error message, counter value etc) to display."> & DefineProp<"menuIcon", IIcon, false, null, "Custom menu icon."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the input."> & DefineProp<"persistentHint", boolean, false, null, "Forces hint to always be visible."> & DefineProp<"hideSelected", boolean, false, null, "Hide selected items from all items list."> & DefineEmit<"click:button", (value: any) => void, "Emit a click event."> & DefineProp<"errorMessages", string | readonly 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<"error", boolean, false, false, "Puts the input in a manual error state."> & DefineEmit<"update:search", (value: string) => void, "Emit when search input value is changed. Only works when searchable prop is true."> & DefineEmit<"update:focused", (value: boolean) => void, "Emit when search input field is focused."> & DefineSlot<"append-item", () => VNodeChild> & DefineSlot<"prepend-inner", () => VNodeChild> & DefineSlot<"append-inner", () => VNodeChild> & DefineProp<"maxHeight", number, false, 300> & DefineProp<"itemHeight", number, false, 40>;
17
17
  export type OSelectProps<TItem, TReturnObject extends boolean> = BaseProps<TItem, TReturnObject> & DefineType<TReturnObject extends true ? SlotsWithReturnObject<TItem> : SlotsWithoutReturnObject>;
18
18
  declare const _default: <TItem extends readonly any[], TReturnObject extends boolean>(props: ExtractProps<OSelectProps<TItem, TReturnObject>> & ((OSelectProps<TItem, TReturnObject> extends infer T ? { [K in keyof T as K extends `emit:${infer N}` ? N : never]: OSelectProps<TItem, TReturnObject>[K]; } : never) extends infer T_1 ? T_1 extends (OSelectProps<TItem, TReturnObject> extends infer T_2 ? { [K in keyof T_2 as K extends `emit:${infer N}` ? N : never]: OSelectProps<TItem, TReturnObject>[K]; } : never) ? T_1 extends string[] ? { [K_1 in `on${Capitalize<T_1[number]>}`]?: (...args: any[]) => any; } : T_1 extends import("vue").ObjectEmitsOptions ? { [K_2 in `on${Capitalize<string & keyof T_1>}`]?: K_2 extends `on${infer C}` ? T_1[Uncapitalize<C>] extends null ? (...args: any[]) => any : (...args: T_1[Uncapitalize<C>] extends (...args: infer P) => any ? P : never) => any : never; } : {} : never : never) & {
19
19
  "v-slots"?: (OSelectProps<TItem, TReturnObject> extends infer T_3 ? { [K_3 in keyof T_3 as K_3 extends `slot:${infer N_1}` ? N_1 : never]: OSelectProps<TItem, TReturnObject>[K_3]; } : never) & Omit<{
20
20
  default?: import("vue").Slot;
21
21
  }, keyof (OSelectProps<TItem, TReturnObject> extends infer T_4 ? { [K_3 in keyof T_4 as K_3 extends `slot:${infer N_1}` ? N_1 : never]: OSelectProps<TItem, TReturnObject>[K_3]; } : never)>;
22
- } & (OSelectProps<TItem, TReturnObject> extends infer T_5 ? { [K_4 in keyof T_5 as K_4 extends "ref" ? "ref" : never]: import("vue").Ref<OSelectProps<TItem, TReturnObject>[K_4], OSelectProps<TItem, TReturnObject>[K_4]> | ((ref: OSelectProps<TItem, TReturnObject>[K_4]) => void); } : never) & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "blueprint" | "maxHeight" | "variant" | "error" | "class" | "label" | "multiple" | "disabled" | "colorSchemaType" | "modelValue" | "items" | "itemHeight" | "loading" | "readonly" | "errorMessages" | "rules" | "hint" | "persistentHint" | "colors" | "v-model" | "toned" | "emit:update:modelValue" | "itemValue" | "searchable" | "slot:append-inner" | "slot:prepend-inner" | "emit:update:focused" | "emit:click:button" | "clearable" | "hideSelected" | "itemTitle" | "returnObject" | "chips" | "hideNoData" | "menuIcon" | "emit:update:search" | "slot:append-item" | keyof (TReturnObject extends true ? SlotsWithReturnObject<TItem> : SlotsWithoutReturnObject)> & import("@omnia/fx/ux").VNodeEvents) => any;
22
+ } & (OSelectProps<TItem, TReturnObject> extends infer T_5 ? { [K_4 in keyof T_5 as K_4 extends "ref" ? "ref" : never]: import("vue").Ref<OSelectProps<TItem, TReturnObject>[K_4], OSelectProps<TItem, TReturnObject>[K_4]> | ((ref: OSelectProps<TItem, TReturnObject>[K_4]) => void); } : never) & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "blueprint" | "maxHeight" | "variant" | "error" | "class" | "label" | "multiple" | "disabled" | "colorSchemaType" | "modelValue" | "items" | "itemHeight" | "loading" | "readonly" | "errorMessages" | "rules" | "hideDetails" | "hint" | "persistentHint" | "colors" | "v-model" | "toned" | "emit:update:modelValue" | "itemValue" | "searchable" | "slot:append-inner" | "slot:prepend-inner" | "emit:update:focused" | "emit:click:button" | "clearable" | "hideSelected" | "itemTitle" | "returnObject" | "chips" | "hideNoData" | "menuIcon" | "emit:update:search" | "slot:append-item" | keyof (TReturnObject extends true ? SlotsWithReturnObject<TItem> : SlotsWithoutReturnObject)> & import("@omnia/fx/ux").VNodeEvents) => any;
23
23
  export default _default;