@omnia/fx 8.0.375-dev → 8.0.377-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 (89) hide show
  1. package/internal-do-not-import-from-here/manifests/omnia.fx.ux.editor.manifest.json +1 -1
  2. package/internal-do-not-import-from-here/manifests/omnia.fx.ux.manifest.json +1 -1
  3. package/internal-do-not-import-from-here/stores/EnterprisePropertyStore.d.ts +2 -1
  4. package/internal-do-not-import-from-here/ux/UxModels.d.ts +3 -0
  5. package/internal-do-not-import-from-here/ux/analytics/metric/Metric.d.ts +11 -0
  6. package/internal-do-not-import-from-here/ux/app/appinstance/renderer/AppInstanceRollup.d.ts +11 -65
  7. package/internal-do-not-import-from-here/ux/app/appinstance/renderer/AppInstanceRollupRenderer.d.ts +5 -16
  8. package/internal-do-not-import-from-here/ux/app/appinstance/renderer/MainRenderer.d.ts +14 -81
  9. package/internal-do-not-import-from-here/ux/app/appinstance/renderer/metric/MetricDetailsDialogRenderer.d.ts +10 -51
  10. package/internal-do-not-import-from-here/ux/app/appinstance/renderer/metric/MetricRenderer.d.ts +7 -47
  11. package/internal-do-not-import-from-here/ux/app/appinstance/settings/AppInstanceRollupSettings.d.ts +10 -16
  12. package/internal-do-not-import-from-here/ux/app/appinstance/view/BaseView.d.ts +12 -38
  13. package/internal-do-not-import-from-here/ux/app/appinstance/view/MixManager.d.ts +11 -1
  14. package/internal-do-not-import-from-here/ux/app/appinstance/view/card/CardView.d.ts +11 -26
  15. package/internal-do-not-import-from-here/ux/app/appinstance/view/card/CardViewSettings.d.ts +11 -26
  16. package/internal-do-not-import-from-here/ux/app/appinstance/view/listing/ListView.d.ts +11 -22
  17. package/internal-do-not-import-from-here/ux/app/appinstance/view/listing/ListViewSettings.d.ts +11 -28
  18. package/internal-do-not-import-from-here/ux/app/management/api/AppManagementApi.d.ts +1 -0
  19. package/internal-do-not-import-from-here/ux/aurora/components/backgroundstyle/BackgroundStyleEditor.d.ts +1 -1
  20. package/internal-do-not-import-from-here/ux/aurora/components/borderpicker/BorderPicker.d.ts +1 -1
  21. package/internal-do-not-import-from-here/ux/aurora/components/colorpickerV2/ColorPicker.d.ts +10 -0
  22. package/internal-do-not-import-from-here/ux/aurora/components/fillpicker/FillPicker.d.ts +1 -1
  23. package/internal-do-not-import-from-here/ux/datetimefilterquery/DateTimeFilterQuery.d.ts +11 -1
  24. package/internal-do-not-import-from-here/ux/editor/index.d.ts +1 -0
  25. package/internal-do-not-import-from-here/ux/editor/models/SettingsJourneyMenu.d.ts +5 -0
  26. package/internal-do-not-import-from-here/ux/editor/models/index.d.ts +1 -0
  27. package/internal-do-not-import-from-here/ux/editor/settings/DefineJourneyMenuSettings.d.ts +9 -5
  28. package/internal-do-not-import-from-here/ux/editor/stores/JourneyMenuSettingsStore.d.ts +14 -0
  29. package/internal-do-not-import-from-here/ux/editor/stores/index.d.ts +1 -0
  30. package/internal-do-not-import-from-here/ux/enterpriseproperties/edit/tagsproperty/TagsPropertyEdit.d.ts +4 -2
  31. package/internal-do-not-import-from-here/ux/enterpriseproperties/picker/EnterprisePropertyPicker.d.ts +7 -4
  32. package/internal-do-not-import-from-here/ux/enterpriseproperties/picker/EnterprisePropertyPicker_old.d.ts +14 -0
  33. package/internal-do-not-import-from-here/ux/enterpriseproperties/picker/stores/EnterprisePropertyPickerStore.d.ts +40 -0
  34. package/internal-do-not-import-from-here/ux/fieldcontainer/FieldContainer.d.ts +10 -0
  35. package/internal-do-not-import-from-here/ux/iconpicker/IconPicker.d.ts +3 -1
  36. package/internal-do-not-import-from-here/ux/identitypicker/IdentityPickerField.d.ts +4 -2
  37. package/internal-do-not-import-from-here/ux/identitypicker/loc/Localize.d.ts +2 -0
  38. package/internal-do-not-import-from-here/ux/journey/models/JourneySelectItem.d.ts +9 -0
  39. package/internal-do-not-import-from-here/ux/journey/selection/JourneySelect.d.ts +14 -17
  40. package/internal-do-not-import-from-here/ux/journey/selection/JourneySelect.stylex.d.ts +6 -1
  41. package/internal-do-not-import-from-here/ux/journey/selection/JourneySelectedRenderer.d.ts +12 -0
  42. package/internal-do-not-import-from-here/ux/journey/selection/JourneySelectionListRenderer.d.ts +7 -0
  43. package/internal-do-not-import-from-here/ux/journey/selection/JourneySelectionRenderer.d.ts +12 -0
  44. package/internal-do-not-import-from-here/ux/journey/selection/JourneySettingsRenderer.d.ts +11 -0
  45. package/internal-do-not-import-from-here/ux/journey/stores/JourneySelectStore.d.ts +130 -0
  46. package/internal-do-not-import-from-here/ux/journey/stores/index.d.ts +1 -0
  47. package/internal-do-not-import-from-here/ux/languagepicker/LanguagePicker.d.ts +10 -0
  48. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/BlockSettingsPanel.d.ts +2 -2
  49. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/section/items/SectionItemListing.d.ts +5 -5
  50. package/internal-do-not-import-from-here/ux/oxide/divider/Divider.d.ts +2 -2
  51. package/internal-do-not-import-from-here/ux/oxide/divider/Divider.stylex.d.ts +1 -0
  52. package/internal-do-not-import-from-here/ux/oxide/form/Form.d.ts +3 -2
  53. package/internal-do-not-import-from-here/ux/oxide/inputfield/InputField.d.ts +2 -2
  54. package/internal-do-not-import-from-here/ux/oxide/list/ListItem.d.ts +2 -2
  55. package/internal-do-not-import-from-here/ux/oxide/picker/Picker.d.ts +11 -11
  56. package/internal-do-not-import-from-here/ux/oxide/picker/Picker.stylex.d.ts +1 -0
  57. package/internal-do-not-import-from-here/ux/oxide/picker/PickerSelection.d.ts +10 -7
  58. package/internal-do-not-import-from-here/ux/oxide/picker/models/SharedSettings.d.ts +2 -3
  59. package/internal-do-not-import-from-here/ux/oxide/picker/stores/PickerStore.d.ts +35 -0
  60. package/internal-do-not-import-from-here/ux/oxide/slidepanel/SlidePanel.d.ts +3 -2
  61. package/internal-do-not-import-from-here/ux/oxide/switch/Switches.d.ts +7 -0
  62. package/internal-do-not-import-from-here/ux/richtexteditor/extensions/HashTag/HashTagEditorExtension.d.ts +18 -2
  63. package/internal-do-not-import-from-here/ux/richtexteditor/extensions/HashTag/HashTagToolbar.d.ts +21 -16
  64. package/internal-do-not-import-from-here/ux/use/UseIcon.d.ts +1 -0
  65. package/internal-do-not-import-from-here/ux/versionedlayout/editor/VersionedLayoutDefinitionEditorItem.d.ts +1 -0
  66. package/internal-do-not-import-from-here/wctypings.d.ts +84 -0
  67. package/package.json +3 -3
  68. package/internal-do-not-import-from-here/ux/app/appinstance/index.d.ts +0 -1
  69. package/internal-do-not-import-from-here/ux/app/appinstance/renderer/AppInstanceRollup.css.d.ts +0 -1
  70. package/internal-do-not-import-from-here/ux/app/appinstance/settings/IAppInstanceRollupSettings.d.ts +0 -18
  71. package/internal-do-not-import-from-here/ux/app/appinstance/settings/components/DisplayTab.d.ts +0 -30
  72. package/internal-do-not-import-from-here/ux/app/appinstance/settings/components/FilterTab.d.ts +0 -26
  73. package/internal-do-not-import-from-here/ux/app/appinstance/settings/components/GeneralTab.d.ts +0 -16
  74. package/internal-do-not-import-from-here/ux/app/appinstance/settings/components/MetricTab.d.ts +0 -57
  75. package/internal-do-not-import-from-here/ux/app/appinstance/settings/components/QueryTab.d.ts +0 -40
  76. package/internal-do-not-import-from-here/ux/app/appinstance/view/BaseView.css.d.ts +0 -1
  77. package/internal-do-not-import-from-here/ux/app/appinstance/view/card/CardView.css.d.ts +0 -1
  78. package/internal-do-not-import-from-here/ux/app/appinstance/view/card/CardViewSettings.css.d.ts +0 -1
  79. package/internal-do-not-import-from-here/ux/app/appinstance/view/listing/ListView.css.d.ts +0 -1
  80. package/internal-do-not-import-from-here/ux/app/appinstance/view/listing/ListViewSettings.css.d.ts +0 -1
  81. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/_old/LayoutColumn.css.d.ts +0 -0
  82. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/_old/LayoutColumn.d.ts +0 -0
  83. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/_old/LayoutPlaceHolder.d.ts +0 -0
  84. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/_old/LayoutSection.d.ts +0 -0
  85. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/_old/LayoutSectionTab.d.ts +0 -0
  86. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/_old/LayoutTab.d.ts +0 -0
  87. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/_old/LayoutTabRenderer.d.ts +0 -0
  88. /package/internal-do-not-import-from-here/ux/{layoutcanvas/editor/layoutitems/_old/LayoutBlock.css.d.ts → identitypicker/IdentityPickerNew.d.ts} +0 -0
  89. /package/internal-do-not-import-from-here/ux/{layoutcanvas/editor/layoutitems/_old/LayoutBlock.d.ts → identitypicker/stores/IdentityPickerStore.d.ts} +0 -0
@@ -1,8 +1,17 @@
1
1
  import { guid, IIcon } from "@omnia/fx-models";
2
+ export interface JourneySelectPropertyMapping {
3
+ id: string;
4
+ title: string;
5
+ subTitle?: string;
6
+ icon?: string;
7
+ value?: string;
8
+ caption?: string;
9
+ }
2
10
  export interface JourneySelectItem<TValue = any> {
3
11
  id: guid;
4
12
  title: string;
5
13
  subTitle?: string;
14
+ caption?: string;
6
15
  icon?: IIcon;
7
16
  value?: TValue;
8
17
  }
@@ -1,26 +1,23 @@
1
- import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot, DefineVModel } from "@omnia/fx/ux";
1
+ import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot, DefineVModel, JourneySelectItem, JourneySelectPropertyMapping, useJourneySelectStore } from "@omnia/fx/ux";
2
2
  import { VNodeChild } from "vue";
3
- import { JourneySelectItem } from "../models/JourneySelectItem";
4
- export declare const SelectionTypeDefinitions: readonly ["selection", "custom"];
5
- export type SelectionTypes = typeof SelectionTypeDefinitions[number];
6
- type BaseProps = DefinePropTheming & DefineVModel<"", Array<JourneySelectItem>, false, null, false, "The v-model of the component"> & DefineProp<"toned", boolean, false, null, "Sets the component to toned"> & DefineProp<"multiple", boolean, false, null, "If it is allowed to select multiple or single"> & DefineProp<"label", string, null, null, "The label of the component"> & DefineProp<"labelAdd", string, null, null, "The add label of the component"> & DefineProp<"items", Array<JourneySelectItem>, false, null, "Items to select from"> & DefineProp<"searchable", boolean, false, null, "If it is allowed to search"> & DefineProp<"disableSave", boolean, false, null, "If it is allowed save"> & DefineProp<"sortable", boolean, false, null, "If it is allowed to sort"> & DefineProp<"readonly", boolean, false, null, "Disable add and delete"> & DefineProp<"list", boolean, false, null, "Always render the items as a list"> & DefineProp<"confirmDelete", boolean, false, null, "If you confirm before delete from the items"> & DefineProp<"bladeless", boolean, false, null, "If add/edit is not a blade and only fires events"> & DefineProp<"allowDuplicate", boolean, false, false, "Enable to allow the user to select duplicate properties."> & DefineEmit<"search", (searchText: string) => true> & DefineSlot<"selectionItemRender", (item: JourneySelectItem, index: Number, onSave?: (item: JourneySelectItem) => void) => VNodeChild> & DefineSlot<"selectionRender", () => VNodeChild> & DefineSlot<"title", (item: JourneySelectItem) => VNodeChild> & DefineSlot<"settingsRender", (item: JourneySelectItem, index: Number) => VNodeChild> & DefineSlot<"chipRenderer", (item: JourneySelectItem, index: Number) => VNodeChild> & DefineEmit<"showAdd", () => true> & DefineEmit<"showEdit", (item: JourneySelectItem) => true> & DefineEmit<"click:add", () => true> & DefineEmit<"click:update", (item: JourneySelectItem, index: Number) => true> & DefineEmit<"click:delete", (item: JourneySelectItem, index: Number) => true>;
7
- declare const _default: (props: import("@omnia/fx/ux").ExtractProps<BaseProps> & {
8
- "onUpdate:modelValue"?: (value: JourneySelectItem<any>[]) => any;
3
+ type BaseProps<TItem> = DefinePropTheming & DefineVModel<"", Array<any> | any> & DefineProp<"getApi", (store: ReturnType<typeof useJourneySelectStore>) => void, false, null, "callback to get a reference to the store"> & DefineProp<"items", Array<TItem>, false, null, "Items to select from"> & DefineProp<"toned", boolean, false, null, "Sets the component to toned"> & DefineProp<"multiple", boolean, false, null, "If it is allowed to select multiple or single"> & DefineProp<"propertyValueMapping", JourneySelectPropertyMapping, false, null, "Property value mappings"> & DefineProp<"returnSelectionAsObject", boolean, false, null, "Changes the selection behavior to return the object directly rather than the value specified with item-value"> & DefineProp<"label", string, null, null, "The label of the component"> & DefineProp<"labelAdd", string, null, null, "The add label of the component"> & DefineProp<"disableSearch", boolean, false, null, "Disables the automatic search"> & DefineProp<"disableSave", boolean, false, null, "If it is allowed save"> & DefineProp<"sortable", boolean, false, null, "If it is allowed to sort"> & DefineProp<"readonly", boolean, false, null, "Disable add and delete"> & DefineProp<"list", boolean, false, null, "Always render the items as a list"> & DefineProp<"confirmDelete", boolean, false, null, "If you confirm before delete from the items"> & DefineProp<"noAddConfirm", boolean, false, null, "If items are added without a save button"> & DefineProp<"bladeless", boolean, false, null, "If add/edit is not a blade and only fires events"> & DefineSlot<"selectionItemRender", (item: JourneySelectItem<any>, index: number, isSelected: boolean) => VNodeChild> & DefineSlot<"selectionRender", () => VNodeChild> & DefineSlot<"selectedItemRenderer", (item: JourneySelectItem<any>, index: number) => VNodeChild> & DefineSlot<"settingsRender", (item: any, index: number) => VNodeChild> & DefineEmit<"showAdd", () => true> & DefineEmit<"showEdit", (item: TItem) => true> & DefineEmit<"search", (searchText: string) => true> & DefineEmit<"click:clear", () => true> & DefineEmit<"click:add", (item: Array<TItem> | TItem) => true> & DefineEmit<"click:update", (item: TItem, index: number) => true> & DefineEmit<"click:delete", (item: TItem, index: number) => true>;
4
+ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<BaseProps<any>> & {
5
+ "onUpdate:modelValue"?: (value: any) => any;
6
+ "onClick:clear"?: () => any;
9
7
  onSearch?: (searchText: string) => any;
10
- "onClick:add"?: () => any;
11
- "onClick:delete"?: (item: JourneySelectItem<any>, index: Number) => any;
8
+ "onClick:add"?: (item: any) => any;
9
+ "onClick:delete"?: (item: any, index: number) => any;
12
10
  onShowAdd?: () => any;
13
- onShowEdit?: (item: JourneySelectItem<any>) => any;
14
- "onClick:update"?: (item: JourneySelectItem<any>, index: Number) => any;
11
+ onShowEdit?: (item: any) => any;
12
+ "onClick:update"?: (item: any, index: number) => any;
15
13
  } & {
16
14
  "v-slots"?: {
17
- selectionItemRender?: (item: JourneySelectItem, index: Number, onSave?: (item: JourneySelectItem) => void) => VNodeChild;
15
+ selectionItemRender?: (item: JourneySelectItem<any>, index: number, isSelected: boolean) => VNodeChild;
18
16
  selectionRender?: () => VNodeChild;
19
- title?: (item: JourneySelectItem) => VNodeChild;
20
- settingsRender?: (item: JourneySelectItem, index: Number) => VNodeChild;
21
- chipRenderer?: (item: JourneySelectItem, index: Number) => VNodeChild;
17
+ selectedItemRenderer?: (item: JourneySelectItem<any>, index: number) => VNodeChild;
18
+ settingsRender?: (item: any, index: number) => VNodeChild;
22
19
  } & Omit<{
23
20
  default?: import("vue").Slot;
24
- }, "title" | "selectionItemRender" | "selectionRender" | "settingsRender" | "chipRenderer">;
25
- } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "list" | "multiple" | "colorSchemaType" | "modelValue" | "items" | "readonly" | "colors" | "v-model" | "toned" | "emit:update:modelValue" | "searchable" | "emit:click:add" | "emit:search" | "slot:title" | "emit:click:delete" | "sortable" | "allowDuplicate" | "disableSave" | "labelAdd" | "confirmDelete" | "bladeless" | "slot:selectionItemRender" | "slot:selectionRender" | "slot:settingsRender" | "slot:chipRenderer" | "emit:showAdd" | "emit:showEdit" | "emit:click:update"> & import("@omnia/fx/ux").VNodeEvents) => any;
21
+ }, "selectionItemRender" | "selectionRender" | "selectedItemRenderer" | "settingsRender">;
22
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "list" | "multiple" | "colorSchemaType" | "modelValue" | "items" | "readonly" | "colors" | "v-model" | "toned" | "emit:update:modelValue" | "getApi" | "emit:click:add" | "emit:search" | "emit:click:clear" | "emit:click:delete" | "sortable" | "disableSave" | "propertyValueMapping" | "returnSelectionAsObject" | "labelAdd" | "disableSearch" | "confirmDelete" | "noAddConfirm" | "bladeless" | "slot:selectionItemRender" | "slot:selectionRender" | "slot:selectedItemRenderer" | "slot:settingsRender" | "emit:showAdd" | "emit:showEdit" | "emit:click:update"> & import("@omnia/fx/ux").VNodeEvents) => any;
26
23
  export default _default;
@@ -1 +1,6 @@
1
- export declare const JourneySelectStyles: {};
1
+ import { useColorSchemaStore } from "../../aurora";
2
+ export declare const JourneySelectStyles: {
3
+ selectorWrapper: (colors: ReturnType<typeof useColorSchemaStore>) => import("../..").StylexValue;
4
+ containerOverflow: import("../..").StylexValue;
5
+ overlay: (dark: boolean, noHover?: boolean) => string;
6
+ };
@@ -0,0 +1,12 @@
1
+ import { DefineEmit, DefinePropTheming, JourneySelectItem } from "@omnia/fx/ux";
2
+ type BaseProps = DefinePropTheming & DefineEmit<"showAdd", () => true> & DefineEmit<"showEdit", (item: JourneySelectItem) => true> & DefineEmit<"click:delete", (item: JourneySelectItem, index: number) => true>;
3
+ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<BaseProps> & {
4
+ "onClick:delete"?: (item: JourneySelectItem<any>, index: number) => any;
5
+ onShowAdd?: () => any;
6
+ onShowEdit?: (item: JourneySelectItem<any>) => any;
7
+ } & {
8
+ "v-slots"?: {} & Omit<{
9
+ default?: import("vue").Slot;
10
+ }, never>;
11
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "colorSchemaType" | "colors" | "emit:click:delete" | "emit:showAdd" | "emit:showEdit"> & import("@omnia/fx/ux").VNodeEvents) => any;
12
+ export default _default;
@@ -0,0 +1,7 @@
1
+ import { DefinePropTheming } from "@omnia/fx/ux";
2
+ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<DefinePropTheming> & {} & {
3
+ "v-slots"?: {} & Omit<{
4
+ default?: import("vue").Slot;
5
+ }, never>;
6
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "colorSchemaType" | "colors"> & import("@omnia/fx/ux").VNodeEvents) => any;
7
+ export default _default;
@@ -0,0 +1,12 @@
1
+ import { DefineEmit, DefinePropTheming } from "@omnia/fx/ux";
2
+ export declare const SelectionTypeDefinitions: readonly ["selection", "custom"];
3
+ export type SelectionTypes = typeof SelectionTypeDefinitions[number];
4
+ type BaseProps = DefinePropTheming & DefineEmit<"click:add", () => true>;
5
+ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<BaseProps> & {
6
+ "onClick:add"?: () => any;
7
+ } & {
8
+ "v-slots"?: {} & Omit<{
9
+ default?: import("vue").Slot;
10
+ }, never>;
11
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "colorSchemaType" | "colors" | "emit:click:add"> & import("@omnia/fx/ux").VNodeEvents) => any;
12
+ export default _default;
@@ -0,0 +1,11 @@
1
+ import { DefineEmit, DefinePropTheming } from "@omnia/fx/ux";
2
+ type BaseProps = DefinePropTheming & DefineEmit<"click:update", (item: any, index: number) => true> & DefineEmit<"click:delete", (item: any, index: number) => true>;
3
+ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<BaseProps> & {
4
+ "onClick:delete"?: (item: any, index: number) => any;
5
+ "onClick:update"?: (item: any, index: number) => any;
6
+ } & {
7
+ "v-slots"?: {} & Omit<{
8
+ default?: import("vue").Slot;
9
+ }, never>;
10
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "colorSchemaType" | "colors" | "emit:click:delete" | "emit:click:update"> & import("@omnia/fx/ux").VNodeEvents) => any;
11
+ export default _default;
@@ -0,0 +1,130 @@
1
+ import { guid, MenuState } from "@omnia/fx-models";
2
+ import { VNodeChild } from "vue";
3
+ import { JourneySelectItem, JourneySelectPropertyMapping } from "@omnia/fx/ux";
4
+ export declare const useJourneySelectStore: () => {
5
+ readonly settings: {
6
+ multiple: boolean;
7
+ readonly: boolean;
8
+ disableSave: boolean;
9
+ sortable: boolean;
10
+ disableSearch: boolean;
11
+ renderAsList: boolean;
12
+ confirmDelete: boolean;
13
+ noAddConfirm: boolean;
14
+ bladeless: boolean;
15
+ returnSelectionAsObject: boolean;
16
+ propertyValueMapping: JourneySelectPropertyMapping;
17
+ };
18
+ readonly slots: {
19
+ settingsRender: (item: any, index: number) => VNodeChild;
20
+ selectionItemRender: (item: any, index: number, isSelected: boolean) => VNodeChild;
21
+ selectionRender: () => VNodeChild;
22
+ selectedItemRenderer: (item: any, index: number) => VNodeChild;
23
+ };
24
+ rules: {
25
+ externalStateHandling: () => boolean;
26
+ hasSelectionBlade: () => boolean;
27
+ hasSettingsBlade: () => boolean;
28
+ renderAsPicker: () => boolean;
29
+ searchable: () => boolean;
30
+ submitItemsOnSelection: () => boolean;
31
+ canEditItems: () => boolean;
32
+ showBottomAddButton: () => boolean;
33
+ showAddButton: () => boolean;
34
+ renderItemsAsChips: () => boolean;
35
+ hasCustomSelectionBlade: () => boolean;
36
+ };
37
+ state: {
38
+ searchText: string;
39
+ singelSelection: MenuState;
40
+ noSelectionHandling: boolean;
41
+ items: {
42
+ all: JourneySelectItem<any>[];
43
+ filtered: JourneySelectItem<any>[];
44
+ };
45
+ selectedItems: {
46
+ all: JourneySelectItem<any>[];
47
+ inEdit: JourneySelectItem<any>[];
48
+ };
49
+ selectedItem: {
50
+ item: JourneySelectItem<any>;
51
+ index: number;
52
+ };
53
+ isSorting: boolean;
54
+ settings: {
55
+ multiple: boolean;
56
+ readonly: boolean;
57
+ disableSave: boolean;
58
+ sortable: boolean;
59
+ disableSearch: boolean;
60
+ renderAsList: boolean;
61
+ confirmDelete: boolean;
62
+ noAddConfirm: boolean;
63
+ bladeless: boolean;
64
+ returnSelectionAsObject: boolean;
65
+ propertyValueMapping: JourneySelectPropertyMapping;
66
+ };
67
+ };
68
+ events: import("@omnia/fx/stores").StoreEvents<{
69
+ searchText: string;
70
+ singelSelection: MenuState;
71
+ noSelectionHandling: boolean;
72
+ items: {
73
+ all: JourneySelectItem<any>[];
74
+ filtered: JourneySelectItem<any>[];
75
+ };
76
+ selectedItems: {
77
+ all: JourneySelectItem<any>[];
78
+ inEdit: JourneySelectItem<any>[];
79
+ };
80
+ selectedItem: {
81
+ item: JourneySelectItem<any>;
82
+ index: number;
83
+ };
84
+ isSorting: boolean;
85
+ settings: {
86
+ multiple: boolean;
87
+ readonly: boolean;
88
+ disableSave: boolean;
89
+ sortable: boolean;
90
+ disableSearch: boolean;
91
+ renderAsList: boolean;
92
+ confirmDelete: boolean;
93
+ noAddConfirm: boolean;
94
+ bladeless: boolean;
95
+ returnSelectionAsObject: boolean;
96
+ propertyValueMapping: JourneySelectPropertyMapping;
97
+ };
98
+ }, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
99
+ actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
100
+ translateToSelectItem: (item: any) => JourneySelectItem<any>;
101
+ toggleSort: () => void;
102
+ clear: () => void;
103
+ search: (text: string) => void;
104
+ itemSettings: () => {
105
+ show: (item: JourneySelectItem<any>) => void;
106
+ apply: () => void;
107
+ hide: () => void;
108
+ };
109
+ itemSelections: () => {
110
+ set: (items: Array<any> | any) => void;
111
+ show: () => void;
112
+ hide: () => void;
113
+ addItem: (item: JourneySelectItem) => void;
114
+ applySelection: () => void;
115
+ };
116
+ deleteItem(item: JourneySelectItem<any>, index: number): void;
117
+ init(items: Array<any>, externalModel: Array<any> | any, renderingSlots: any): void;
118
+ }>;
119
+ get: {
120
+ readonly displayText: string;
121
+ readonly bladeId: {
122
+ selection: guid;
123
+ settings: guid;
124
+ };
125
+ readonly updatedModelValue: any;
126
+ readonly itemsToAdd: any;
127
+ };
128
+ } & {
129
+ dispose?: () => void;
130
+ };
@@ -1,3 +1,4 @@
1
1
  export * from "./JourneyStore";
2
2
  export * from "./JourneyMenuStore";
3
3
  export * from "./JourneyRouterStore";
4
+ export * from "./JourneySelectStore";
@@ -38,6 +38,9 @@ declare const _default: {
38
38
  disabled: {
39
39
  type: import("vue").PropType<boolean>;
40
40
  };
41
+ variant: {
42
+ type: import("vue").PropType<"dropdown" | "journey">;
43
+ };
41
44
  "onUpdate:modelValue": {
42
45
  type: import("vue").PropType<(value: Language) => any | void>;
43
46
  };
@@ -148,6 +151,9 @@ declare const _default: {
148
151
  disabled: {
149
152
  type: import("vue").PropType<boolean>;
150
153
  };
154
+ variant: {
155
+ type: import("vue").PropType<"dropdown" | "journey">;
156
+ };
151
157
  "onUpdate:modelValue": {
152
158
  type: import("vue").PropType<(value: Language) => any | void>;
153
159
  };
@@ -253,6 +259,9 @@ declare const _default: {
253
259
  disabled: {
254
260
  type: import("vue").PropType<boolean>;
255
261
  };
262
+ variant: {
263
+ type: import("vue").PropType<"dropdown" | "journey">;
264
+ };
256
265
  "onUpdate:modelValue": {
257
266
  type: import("vue").PropType<(value: Language) => any | void>;
258
267
  };
@@ -386,6 +395,7 @@ declare const _default: {
386
395
  };
387
396
  }>;
388
397
  };
398
+ variant?: "dropdown" | "journey";
389
399
  label?: string;
390
400
  required?: boolean;
391
401
  disabled?: boolean;
@@ -1,6 +1,6 @@
1
- declare const _default: (props: import("../../..").ExtractProps<Record<string, any>> & {} & {
1
+ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<Record<string, any>> & {} & {
2
2
  "v-slots"?: {} & Omit<{
3
3
  default?: import("vue").Slot;
4
4
  }, never>;
5
- } & {} & Omit<import("../../..").VueComponentBaseProps, string> & import("../../..").VNodeEvents) => any;
5
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, string> & import("@omnia/fx/ux").VNodeEvents) => any;
6
6
  export default _default;
@@ -27,8 +27,8 @@ declare const _default: {
27
27
  type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
28
28
  };
29
29
  }>> & {
30
- onAddItem?: (e: Event) => any;
31
30
  onDeleteItem?: (e: Event, sectionItem: SectionItem<SectionItemSettings>) => any;
31
+ onAddItem?: (e: Event) => any;
32
32
  }, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
33
33
  addItem: (e: Event) => true;
34
34
  deleteItem: (e: Event, sectionItem: SectionItem) => true;
@@ -53,8 +53,8 @@ declare const _default: {
53
53
  type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
54
54
  };
55
55
  }>> & {
56
- onAddItem?: (e: Event) => any;
57
56
  onDeleteItem?: (e: Event, sectionItem: SectionItem<SectionItemSettings>) => any;
57
+ onAddItem?: (e: Event) => any;
58
58
  }, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}>;
59
59
  __isFragment?: never;
60
60
  __isTeleport?: never;
@@ -73,8 +73,8 @@ declare const _default: {
73
73
  type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
74
74
  };
75
75
  }>> & {
76
- onAddItem?: (e: Event) => any;
77
76
  onDeleteItem?: (e: Event, sectionItem: SectionItem<SectionItemSettings>) => any;
77
+ onAddItem?: (e: Event) => any;
78
78
  }, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
79
79
  addItem: (e: Event) => true;
80
80
  deleteItem: (e: Event, sectionItem: SectionItem) => true;
@@ -84,9 +84,9 @@ declare const _default: {
84
84
  label?: string;
85
85
  itemRenderer?: SectionItemRenderer;
86
86
  addLabel?: string;
87
- }>, "onAddItem" | "onDeleteItem"> & {
88
- onAddItem?: (e: Event) => any;
87
+ }>, "onDeleteItem" | "onAddItem"> & {
89
88
  onDeleteItem?: (e: Event, sectionItem: SectionItem<SectionItemSettings>) => any;
89
+ onAddItem?: (e: Event) => any;
90
90
  };
91
91
  };
92
92
  export default _default;
@@ -1,9 +1,9 @@
1
1
  import { DefineProp } from "@omnia/fx/ux";
2
2
  import { OPageDividerTypes, TypographySize, TypographySizes, TypographyType, TypographyTypes } from "@omnia/fx-models";
3
- type DividerProps = DefineProp<"class", String | String[]> & DefineProp<"variant", OPageDividerTypes, false, null> & DefineProp<"label", string, false, null> & DefineProp<"toned", boolean, false, false> & DefineProp<"labelSize", TypographySize | TypographySizes, false, null, "Specifies the title typography size. Should be used only if the variants size does not match the context."> & DefineProp<"labelType", TypographyType | TypographyTypes, false, null, "Specifies the typography type. Should be used only if the variants size does not match the context.">;
3
+ type DividerProps = DefineProp<"class", String | String[]> & DefineProp<"variant", OPageDividerTypes, false, null> & DefineProp<"label", string, false, null> & DefineProp<"vertical", boolean, false, false> & DefineProp<"toned", boolean, false, false> & DefineProp<"labelSize", TypographySize | TypographySizes, false, null, "Specifies the title typography size. Should be used only if the variants size does not match the context."> & DefineProp<"labelType", TypographyType | TypographyTypes, false, null, "Specifies the typography type. Should be used only if the variants size does not match the context.">;
4
4
  declare const _default: (props: import("@omnia/fx/ux").ExtractProps<DividerProps> & {} & {
5
5
  "v-slots"?: {} & Omit<{
6
6
  default?: import("vue").Slot;
7
7
  }, never>;
8
- } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "variant" | "class" | "label" | "toned" | "labelSize" | "labelType"> & import("@omnia/fx/ux").VNodeEvents) => any;
8
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "variant" | "vertical" | "class" | "label" | "toned" | "labelSize" | "labelType"> & import("@omnia/fx/ux").VNodeEvents) => any;
9
9
  export default _default;
@@ -1,5 +1,6 @@
1
1
  import { OPageDividerTypes } from "@omnia/fx-models";
2
2
  export declare const DividerStyles: {
3
3
  divider: (dark: boolean, variant: OPageDividerTypes) => Readonly<import("@omnia/fx/ux").StylexValue>;
4
+ verticalDivider: (dark: boolean, variant: OPageDividerTypes) => Readonly<import("@omnia/fx/ux").StylexValue>;
4
5
  label: Readonly<import("@omnia/fx/ux").StylexValue>;
5
6
  };
@@ -1,8 +1,9 @@
1
1
  import { DefinePropTheming, DefineProp } from "@omnia/fx/ux";
2
- type FormProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"label", string, false, null> & DefineProp<"toned", boolean, false, null>;
2
+ import { OFormTypes } from "@omnia/fx-models";
3
+ type FormProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"label", string, false, null> & DefineProp<"toned", boolean, false, null> & DefineProp<"variant", OFormTypes, false, null, "Type of the form">;
3
4
  declare const _default: (props: import("@omnia/fx/ux").ExtractProps<FormProps> & {} & {
4
5
  "v-slots"?: {} & Omit<{
5
6
  default?: import("vue").Slot;
6
7
  }, never>;
7
- } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "class" | "label" | "colorSchemaType" | "colors" | "toned"> & import("@omnia/fx/ux").VNodeEvents) => any;
8
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "variant" | "class" | "label" | "colorSchemaType" | "colors" | "toned"> & import("@omnia/fx/ux").VNodeEvents) => any;
8
9
  export default _default;
@@ -6,9 +6,9 @@ export type InputTypes = typeof InputTypeDefinitions[number];
6
6
  export type InputApi = {
7
7
  focus: () => void;
8
8
  };
9
- type BaseProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"variant", OTextFieldTypes, 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<"transparent", boolean, false, null, "Adds transparency to the text field."> & 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."> & DefineProp<"textBlueprint", TextBlueprint, false, null, "Sets a custom blueprint for the text."> & DefineProp<"blueprint", InputBlueprint, false, null, "Sets a custom blueprint for the text."> & DefineProp<"getApi", (api: InputApi) => void, false, null, "Gets the api"> & 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
+ type BaseProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"variant", OTextFieldTypes, 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<"transparent", boolean, false, null, "Adds transparency to the text field."> & 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."> & DefineProp<"textBlueprint", TextBlueprint, false, null, "Sets a custom blueprint for the text."> & DefineProp<"blueprint", InputBlueprint, false, null, "Sets a custom blueprint for the text."> & DefineProp<"getApi", (api: InputApi) => void, false, null, "Gets the api"> & DefineSlot<"append", () => VNodeChild, "Adds an item inside the input and after input content."> & DefineProp<"suffix", string, false, null, "The suffix text of the text field."> & DefineProp<"prefix", string, false, null, "The prefix text of the text field."> & 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.">;
10
10
  type NumberInputProps = DefineVModel<"", number, false, null, true, "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;
11
- type TextInputProps = DefineVModel<"", string, false, null, true, "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
+ type TextInputProps = DefineVModel<"", string, false, null, true, "The v-model value of the component."> & 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;
12
12
  declare const _default: <TType extends "text" | "number" | "password" = "text">(props: ExtractProps<{
13
13
  type?: TType;
14
14
  } & (TType extends "number" ? NumberInputProps : TextInputProps)> & (({
@@ -7,7 +7,7 @@ type ListItemSlot = {
7
7
  isIndeterminate: boolean;
8
8
  select: (value: boolean) => void;
9
9
  };
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<"selected", boolean, null, null, "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<"divider", boolean, false, false, "Adds a divider after the item"> & DefineProp<"active", boolean, false, false, "Controls the active state of the item. This is typically used to highlight the component."> & DefineProp<"selected", boolean, null, null, "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 | VNodeChild;
12
12
  }) => VNodeChild, "Slot for the component’s title content."> & DefineSlot<"subtitle", (value: {
13
13
  subtitle: string | number;
@@ -31,5 +31,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<OListItemPro
31
31
  } & Omit<{
32
32
  default?: import("vue").Slot;
33
33
  }, "title" | "default" | "append" | "prepend" | "subtitle">;
34
- } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "icon" | "variant" | "active" | "class" | "disabled" | "colorSchemaType" | "colors" | "slot:title" | "slot:append" | "slot:prepend" | "subtitle" | "selected" | "slot:default" | "slot:subtitle" | "emit:click:delete" | "emit:click:remove" | "emit:click:navigate" | "emit:click:select"> & import("@omnia/fx/ux").VNodeEvents) => any;
34
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "icon" | "variant" | "active" | "class" | "disabled" | "colorSchemaType" | "colors" | "divider" | "slot:title" | "slot:append" | "slot:prepend" | "subtitle" | "selected" | "slot:default" | "slot:subtitle" | "emit:click:delete" | "emit:click:remove" | "emit:click:navigate" | "emit:click:select"> & import("@omnia/fx/ux").VNodeEvents) => any;
35
35
  export default _default;
@@ -1,19 +1,19 @@
1
- import { DefineProp, DefinePropTheming, DefineSlot, DefineVModel } from "@omnia/fx/ux";
2
- import { InputBlueprint } from "@omnia/fx/models";
1
+ import { DefineEmit, DefineProp, DefineSlot, DefineVModel } from "@omnia/fx/ux";
2
+ import { InputBlueprint, MenuState } from "@omnia/fx/models";
3
3
  import { VNodeChild } from "vue";
4
- type PickerVariant = "dialog" | "picker";
5
- interface menuState {
6
- showMenu: boolean;
7
- }
8
- type PickerProps = DefinePropTheming & DefineVModel<"", menuState, false, null> & DefineProp<"class", String | String[]> & DefineProp<"variant", PickerVariant> & DefineProp<"label", string, false, null, "Sets the text of the component."> & DefineProp<"placeholder", string, false, null, "Sets the placeholder of the component."> & DefineProp<"blueprint", InputBlueprint, false, null, "Sets a custom blueprint for the text."> & DefineProp<"disabled", boolean, false, null, "Sets the component to disabled"> & DefineProp<"toned", boolean, false, null, "Sets the component to disabled"> & DefineProp<"visibleOnContentClick", boolean, false, null, "Sets the component to disabled"> & DefineSlot<"selectionRenderer", () => VNodeChild> & DefineSlot<"activator", () => VNodeChild>;
4
+ import { PickerVariant } from "./models/SharedSettings";
5
+ import { usePickerStore } from "./stores/PickerStore";
6
+ type PickerProps = DefineVModel<"", MenuState> & DefineProp<"getApi", (store: ReturnType<typeof usePickerStore>) => void, false, null, "callback to get a reference to the store"> & DefineProp<"class", String | String[]> & DefineProp<"variant", PickerVariant> & DefineProp<"label", string, false, null, "Sets the label of the component."> & DefineProp<"text", string, false, null, "Sets the text of the component."> & DefineProp<"blueprint", InputBlueprint, false, null, "Sets a custom blueprint for the control."> & DefineProp<"disabled", boolean, false, null, "Sets the component to disabled"> & DefineProp<"toned", boolean, false, null, "Sets the component to disabled"> & DefineProp<"visibleOnContentClick", boolean, false, null, "Sets the component to disabled"> & DefineProp<"grid", boolean, false, null, "Sets the component to disabled"> & DefineProp<"disabled", boolean, false, null, "Sets the component to disabled"> & DefineProp<"clearable", boolean, false, null, "If a clear icon can be shown"> & DefineProp<"searchable", boolean, null, null, "A search box is displayed with the text value"> & DefineProp<"isLoading", boolean, false, null, "Displays a loading indicator"> & DefineProp<"hasSelection", boolean | any, false, null, "If the component has selection or not. If true it will render the selection slot"> & DefineProp<"placeholder", string, false, null, "Sets the placeholder of the component. The placeholder is shown if there is no selection and displays select if empty"> & DefineProp<"toned", boolean, false, null, "Sets the component to disabled"> & DefineEmit<"search", (searchText: string) => true> & DefineEmit<"click:clear", () => void> & DefineSlot<"activator", () => VNodeChild> & DefineSlot<"selectedItemRenderer", () => VNodeChild>;
9
7
  declare const _default: (props: import("@omnia/fx/ux").ExtractProps<PickerProps> & {
10
- "onUpdate:modelValue"?: (value: menuState) => any;
8
+ "onUpdate:modelValue"?: (value: MenuState) => any;
9
+ "onClick:clear"?: () => any;
10
+ onSearch?: (searchText: string) => any;
11
11
  } & {
12
12
  "v-slots"?: {
13
- selectionRenderer?: () => VNodeChild;
14
13
  activator?: () => VNodeChild;
14
+ selectedItemRenderer?: () => VNodeChild;
15
15
  } & Omit<{
16
16
  default?: import("vue").Slot;
17
- }, "activator" | "selectionRenderer">;
18
- } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "blueprint" | "variant" | "class" | "label" | "disabled" | "colorSchemaType" | "modelValue" | "colors" | "v-model" | "toned" | "placeholder" | "emit:update:modelValue" | "slot:activator" | "visibleOnContentClick" | "slot:selectionRenderer"> & import("@omnia/fx/ux").VNodeEvents) => any;
17
+ }, "activator" | "selectedItemRenderer">;
18
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "text" | "blueprint" | "grid" | "variant" | "class" | "label" | "disabled" | "modelValue" | "v-model" | "toned" | "placeholder" | "emit:update:modelValue" | "slot:activator" | "getApi" | "searchable" | "emit:search" | "emit:click:clear" | "clearable" | "visibleOnContentClick" | "isLoading" | "slot:selectedItemRenderer" | "hasSelection"> & import("@omnia/fx/ux").VNodeEvents) => any;
19
19
  export default _default;
@@ -3,6 +3,7 @@ import { useColorSchemaStore, useTypographyBlueprintStore } from "@omnia/fx/ux";
3
3
  export declare const PickerStyles: {
4
4
  textAndFont: (textBlueprint: TextBlueprint, colors: ReturnType<typeof useColorSchemaStore>, typography: ReturnType<typeof useTypographyBlueprintStore>) => string;
5
5
  iconWrapper: string;
6
+ iconJourney: string;
6
7
  iconNotExpanded: string;
7
8
  iconExpanded: string;
8
9
  selectorBackground: string;
@@ -1,12 +1,15 @@
1
- import { DefineEmit, DefineProp, DefinePropTheming, DefineVModel } from "@omnia/fx/ux";
2
- import { InputBlueprint } from "@omnia/fx/models";
3
- type PickerSelectionProps = DefinePropTheming & DefineVModel<"", any, false, null, false, "The v-model of the component"> & DefineProp<"class", String | String[]> & DefineProp<"label", string, false, null, "Sets the text of the component."> & DefineProp<"blueprint", InputBlueprint, false, null, "Sets a custom blueprint for the text."> & DefineProp<"grid", boolean, false, null, "Sets the component to disabled"> & DefineProp<"disabled", boolean, false, null, "Sets the component to disabled"> & DefineProp<"clearable", boolean, false, null, "If a clear icon can be shown"> & DefineProp<"toned", boolean, false, null, "Sets the component to disabled"> & DefineEmit<"click:clear", () => void>;
1
+ import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot } from "@omnia/fx/ux";
2
+ import { VNodeChild } from "vue";
3
+ type PickerSelectionProps = DefinePropTheming & DefineProp<"text", string, false, null, "Sets the text of the component."> & DefineProp<"grid", boolean, false, null, "Sets the component to disabled"> & DefineProp<"disabled", boolean, false, null, "Sets the component to disabled"> & DefineProp<"clearable", boolean, false, null, "If a clear icon can be shown"> & DefineProp<"searchable", boolean, false, null, "A search box is displayed with the text value"> & DefineProp<"isLoading", boolean, false, null, "Displays a loading indicator"> & DefineProp<"hasSelection", boolean | any, false, null, "If the component has selection or not. If true it will render the selection slot and show clear icon"> & DefineProp<"placeholder", string, false, null, "Sets the placeholder of the component. The placeholder is shown if there is no selection and displays select if empty"> & DefineProp<"toned", boolean, false, null, "Sets the component to disabled"> & DefineEmit<"click:clear", () => void> & DefineEmit<"show:selection", () => void> & DefineEmit<"search", (text: string) => void> & DefineSlot<"selectedItemRenderer", () => VNodeChild>;
4
4
  declare const _default: (props: import("@omnia/fx/ux").ExtractProps<PickerSelectionProps> & {
5
- "onUpdate:modelValue"?: (value: any) => any;
6
5
  "onClick:clear"?: () => any;
6
+ onSearch?: (text: string) => any;
7
+ "onShow:selection"?: () => any;
7
8
  } & {
8
- "v-slots"?: {} & Omit<{
9
+ "v-slots"?: {
10
+ selectedItemRenderer?: () => VNodeChild;
11
+ } & Omit<{
9
12
  default?: import("vue").Slot;
10
- }, never>;
11
- } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "blueprint" | "grid" | "class" | "label" | "disabled" | "colorSchemaType" | "modelValue" | "colors" | "v-model" | "toned" | "emit:update:modelValue" | "emit:click:clear" | "clearable"> & import("@omnia/fx/ux").VNodeEvents) => any;
13
+ }, "selectedItemRenderer">;
14
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "text" | "grid" | "disabled" | "colorSchemaType" | "colors" | "toned" | "placeholder" | "searchable" | "emit:search" | "emit:click:clear" | "clearable" | "isLoading" | "slot:selectedItemRenderer" | "hasSelection" | "emit:show:selection"> & import("@omnia/fx/ux").VNodeEvents) => any;
12
15
  export default _default;
@@ -1,3 +1,2 @@
1
- export interface PickerSharedSettings {
2
- showMenu: boolean;
3
- }
1
+ import { OSelectVariants } from "@omnia/fx-models";
2
+ export type PickerVariant = "dialog" | OSelectVariants;
@@ -0,0 +1,35 @@
1
+ import { guid, InputBlueprint, MenuState, OSelectVariants } from "@omnia/fx-models";
2
+ import { VNodeChild } from "vue";
3
+ type PickerVariant = "dialog" | "virtual-list" | OSelectVariants;
4
+ export declare const usePickerStore: () => {
5
+ readonly slots: {
6
+ selectionRender: () => VNodeChild;
7
+ };
8
+ state: {
9
+ searchText: string;
10
+ blueprint: InputBlueprint;
11
+ variant: PickerVariant;
12
+ showMenu: boolean;
13
+ };
14
+ events: import("@omnia/fx/stores").StoreEvents<{
15
+ searchText: string;
16
+ blueprint: InputBlueprint;
17
+ variant: PickerVariant;
18
+ showMenu: boolean;
19
+ }, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
20
+ actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
21
+ itemSelections: () => {
22
+ show: () => void;
23
+ hide: () => void;
24
+ };
25
+ init(externalModel: MenuState, renderingSlots: any, blueprint: InputBlueprint, variant: PickerVariant): void;
26
+ }>;
27
+ get: {
28
+ readonly bladesId: {
29
+ selection: guid;
30
+ };
31
+ };
32
+ } & {
33
+ dispose?: () => void;
34
+ };
35
+ export {};
@@ -1,5 +1,6 @@
1
1
  import { DefineEmit, DefineProp, DefinePropTheming, useSlidePanelStore } from "@omnia/fx/ux";
2
2
  import { Swiper } from "internal/fx/libs/swiper";
3
+ import { SlidePanelSettings } from "@omnia/fx-models";
3
4
  import { Properties } from "csstype";
4
5
  export declare const SlidePanelVariation: readonly ["default", "custom-navigation"];
5
6
  export type SlidePanelVariationType = typeof SlidePanelVariation[number];
@@ -15,7 +16,7 @@ export interface SlidePanelStyleOverrides {
15
16
  * Slide panel component
16
17
  * @remarks - read the docs here of Core API https://swiperjs.com/swiper-api
17
18
  */
18
- type SlidePanelProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"navigation", boolean, false, false, "If navigation arrows should be shown."> & DefineProp<"pagination", boolean, false, false, "If pagination should be shown."> & DefineProp<"autoplay", boolean, false, false, "Autoplay the slides."> & DefineProp<"centeredSlides", boolean, false, false, "Active slide will be centered, not always on the left side."> & DefineProp<"loop", boolean, false, false, "Loops the slides."> & DefineProp<"scrollbar", boolean, false, false, "If scrollbar should be shown."> & DefineProp<"delay", number, false, 5000, "delay in milliseconds between slides for autoplay."> & DefineProp<"speed", number, false, 600, "Sets the transition speed."> & DefineProp<"slidesPerView", number, false, 1, "How many slides to be visible."> & DefineProp<"slideSpacing", number, false, 1, "The spacing between slides."> & DefineProp<"getApi", (store: ReturnType<typeof useSlidePanelStore>) => void, false, null, "callback to get a reference to the slider store. The store is used to interact with the slide panel."> & DefineProp<"contentWrapperClass", String, false, null, "The class to be applied to the content wrapper"> & DefineProp<"variant", SlidePanelVariationType, false, "default", "The variation of the slide panel. If set to custom-navigation, the navigation buttons will be rendered outside the slide panel and component outside has to handle the styles of the navigation buttons."> & DefineProp<"styleOverrides", SlidePanelStyleOverrides, false, null, "Style overrides to different containers"> & DefineEmit<"init", (swiper: typeof Swiper) => void, "Emits when the swiper is initialized"> & DefineEmit<"afterInit", (swiper: typeof Swiper) => void, "Emits after the swiper is initialized">;
19
+ type SlidePanelProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"settings", SlidePanelSettings> & DefineProp<"getApi", (store: ReturnType<typeof useSlidePanelStore>) => void, false, null, "callback to get a reference to the slider store. The store is used to interact with the slide panel."> & DefineProp<"contentWrapperClass", String, false, null, "The class to be applied to the content wrapper"> & DefineProp<"variant", SlidePanelVariationType, false, "default", "The variation of the slide panel. If set to custom-navigation, the navigation buttons will be rendered outside the slide panel and component outside has to handle the styles of the navigation buttons."> & DefineProp<"styleOverrides", SlidePanelStyleOverrides, false, null, "Style overrides to different containers"> & DefineEmit<"init", (swiper: typeof Swiper) => void, "Emits when the swiper is initialized"> & DefineEmit<"afterInit", (swiper: typeof Swiper) => void, "Emits after the swiper is initialized">;
19
20
  declare const _default: (props: import("@omnia/fx/ux").ExtractProps<SlidePanelProps> & {
20
21
  onInit?: (swiper: typeof import("swiper").default) => any;
21
22
  onAfterInit?: (swiper: typeof import("swiper").default) => any;
@@ -23,5 +24,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<SlidePanelPr
23
24
  "v-slots"?: {} & Omit<{
24
25
  default?: import("vue").Slot;
25
26
  }, never>;
26
- } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "navigation" | "variant" | "class" | "scrollbar" | "colorSchemaType" | "colors" | "getApi" | "loop" | "delay" | "autoplay" | "pagination" | "centeredSlides" | "speed" | "slidesPerView" | "slideSpacing" | "contentWrapperClass" | "styleOverrides" | "emit:init" | "emit:afterInit"> & import("@omnia/fx/ux").VNodeEvents) => any;
27
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "variant" | "class" | "colorSchemaType" | "settings" | "colors" | "getApi" | "contentWrapperClass" | "styleOverrides" | "emit:init" | "emit:afterInit"> & import("@omnia/fx/ux").VNodeEvents) => any;
27
28
  export default _default;
@@ -0,0 +1,7 @@
1
+ import { DefinePropTheming } from "@omnia/fx/ux";
2
+ declare const _default: <T extends string | boolean>(props: import("@omnia/fx/ux").ExtractProps<DefinePropTheming> & {} & {
3
+ "v-slots"?: {} & Omit<{
4
+ default?: import("vue").Slot;
5
+ }, never>;
6
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "colorSchemaType" | "colors"> & import("@omnia/fx/ux").VNodeEvents) => any;
7
+ export default _default;