@omnia/fx 8.0.385-dev → 8.0.386-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.
- package/internal-do-not-import-from-here/ux/admin/chrome/DashboardLayout.d.ts +6 -0
- package/internal-do-not-import-from-here/ux/admin/system/loc/localize.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/admin/system/submenu/localizationadmin/EditLocalizationBlade.d.ts +15 -0
- package/internal-do-not-import-from-here/ux/admin/system/submenu/localizationadmin/LocalizationAdmin.d.ts +2 -2
- package/internal-do-not-import-from-here/ux/admin/system/submenu/localizationadmin/stores/LocalizationAdminStore.d.ts +47 -2
- package/internal-do-not-import-from-here/ux/appprovisioning/appinstanceprogressblade/AppInstanceProgressBlade.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/appprovisioning/components/AppInstanceCompletedStepVueComponent.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/aurora/components/backgroundstyle/BackgroundStyleEditor.d.ts +2 -2
- package/internal-do-not-import-from-here/ux/aurora/components/borderpicker/BorderPicker.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/aurora/components/buttonstyle/ButtonBlueprintsViewer.d.ts +2 -2
- package/internal-do-not-import-from-here/ux/aurora/components/colorpickerV2/ColorPicker.css.d.ts +5 -1
- package/internal-do-not-import-from-here/ux/aurora/components/colorpickerV2/ColorPicker.d.ts +26 -16
- package/internal-do-not-import-from-here/ux/aurora/components/colorpickerV2/ColorPickerPreview.css.d.ts +4 -0
- package/internal-do-not-import-from-here/ux/aurora/components/colorpickerV2/ColorPicker_old.d.ts +0 -475
- package/internal-do-not-import-from-here/ux/aurora/components/colorpickerV2/ColorPreview.d.ts +99 -0
- package/internal-do-not-import-from-here/ux/aurora/components/colorpickerV2/renderers/SwatchCardRenderer.d.ts +47 -0
- package/internal-do-not-import-from-here/ux/aurora/components/colorpickerV2/stores/ColorPickerStore.d.ts +29 -8
- package/internal-do-not-import-from-here/ux/aurora/components/colorschemapicker/ColorSchemaPicker.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/aurora/components/containerFillpicker/ContainerBlueprintsViewer.d.ts +2 -2
- package/internal-do-not-import-from-here/ux/aurora/components/fillpicker/FillPicker.css.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/aurora/components/fillpicker/FillPicker.d.ts +3 -3
- package/internal-do-not-import-from-here/ux/aurora/components/fillpicker/FillPicker_old.d.ts +0 -0
- package/internal-do-not-import-from-here/ux/aurora/components/fillpicker/store/FillPickerStore.d.ts +10 -4
- package/internal-do-not-import-from-here/ux/aurora/components/headerpicker/HeaderViewer.d.ts +2 -2
- package/internal-do-not-import-from-here/ux/aurora/components/iconstylepicker/IconStyleEditor.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/aurora/components/iconstylepicker/IconStylePicker.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/aurora/components/input/InputBlueprintsViewer.d.ts +2 -2
- package/internal-do-not-import-from-here/ux/aurora/components/tabs/TabBlueprintsViewer.d.ts +2 -2
- package/internal-do-not-import-from-here/ux/aurora/components/textstylepicker/TextStylePicker.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/aurora/components/typography/TypographyBlueprintsViewer.d.ts +2 -2
- package/internal-do-not-import-from-here/ux/enterpriseproperties/settingpicker/EnterprisePropertySettingPicker.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/journey/JourneyBlade.d.ts +3 -2
- package/internal-do-not-import-from-here/ux/journey/SettingsJourneyMenu.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/journey/models/BladeInstance.d.ts +0 -1
- package/internal-do-not-import-from-here/ux/journey/selection/JourneySelect.d.ts +4 -4
- package/internal-do-not-import-from-here/ux/oxide/actionmenu/ActionMenu.d.ts +30 -0
- package/internal-do-not-import-from-here/ux/oxide/actionmenu/ActionMenu.stylex.d.ts +4 -0
- package/internal-do-not-import-from-here/ux/oxide/datatable/CellRenderer.d.ts +3 -1
- package/internal-do-not-import-from-here/ux/oxide/list/ListItem.d.ts +2 -2
- package/internal-do-not-import-from-here/ux/oxide/picker/Picker.d.ts +2 -2
- package/internal-do-not-import-from-here/ux/oxide/slider/Slider.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/oxide/toolbar/Toolbar.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/oxide/treeview/OTreeViewV3.d.ts +1 -1
- package/internal-do-not-import-from-here/wctypings.d.ts +25 -7
- package/package.json +3 -3
- package/internal-do-not-import-from-here/ux/admin/system/submenu/localizationadmin/LocalizationAdminStyles.css.d.ts +0 -3
- package/internal-do-not-import-from-here/ux/admin/system/submenu/localizationadmin/NodeComponent.d.ts +0 -38
- package/internal-do-not-import-from-here/ux/admin/system/submenu/localizationadmin/ServiceNode.d.ts +0 -17
@@ -3,23 +3,38 @@ export interface swatch {
|
|
3
3
|
color: ColorValue;
|
4
4
|
colorString: string;
|
5
5
|
}
|
6
|
+
export type ColorPickerType = "default" | "base" | "onBase" | "colorSchema";
|
6
7
|
export declare const useColorPickerStore: () => {
|
7
8
|
get: {
|
8
9
|
swatches: {
|
9
10
|
baseColor: (swatchSchema: swatch[], toned: boolean) => string;
|
10
11
|
onBaseColor: (swatchSchema: swatch[], toned: boolean) => string;
|
11
|
-
|
12
|
+
colorSchema: {
|
13
|
+
name: (swatchSchema: swatch[]) => string;
|
14
|
+
formattedName: (swatchSchema: swatch[]) => string;
|
15
|
+
};
|
12
16
|
};
|
13
17
|
};
|
14
18
|
state: {
|
15
|
-
|
16
|
-
|
19
|
+
selection: {
|
20
|
+
currentSelection: ColorValue;
|
21
|
+
themedColorValue: ThemedColorValue;
|
22
|
+
customColor: string;
|
23
|
+
};
|
17
24
|
prevSelectedColorSchemaType: any;
|
18
|
-
customColor: string;
|
19
25
|
opacity: number;
|
20
|
-
|
21
|
-
|
22
|
-
|
26
|
+
settings: {
|
27
|
+
dynamicColor: {
|
28
|
+
show: boolean;
|
29
|
+
enable: boolean;
|
30
|
+
colorShemaType: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
|
31
|
+
};
|
32
|
+
showCustomColorPicker: boolean;
|
33
|
+
showDialog: boolean;
|
34
|
+
pickerType: ColorPickerType;
|
35
|
+
showplaceHolders: boolean;
|
36
|
+
showSystemColors: boolean;
|
37
|
+
};
|
23
38
|
swatches: {
|
24
39
|
dynamic: swatch[];
|
25
40
|
schemas: swatch[][];
|
@@ -27,21 +42,27 @@ export declare const useColorPickerStore: () => {
|
|
27
42
|
};
|
28
43
|
actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
|
29
44
|
toggleColorPicker: () => void;
|
45
|
+
setDynamicColor: (value: any) => void;
|
30
46
|
selectColor: (value: ColorValue) => void;
|
31
47
|
selectCustomColor: (color: string) => void;
|
32
48
|
deleteColor: () => void;
|
33
49
|
setOpacity: (opacity: number) => void;
|
34
|
-
initState: (model: ColorValue, themeContextType: ThemeContextType,
|
50
|
+
initState: (model: ColorValue, themeContextType: ThemeContextType, dynamicColorSchemaType: ColorSchemaType, colorPickerType: ColorPickerType, enableDynamicColor: boolean, showplaceHolders: boolean, showSystemColors: boolean) => void;
|
35
51
|
}>;
|
36
52
|
rules: {
|
37
53
|
selection: {
|
54
|
+
isDynamicColor: () => "" | "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
|
38
55
|
isCustomColor: () => boolean;
|
39
56
|
isCurrentValue: (value: ColorValue) => boolean;
|
40
57
|
};
|
41
58
|
swatches: {
|
59
|
+
isPlaceHolder: (swatchSchema: swatch[]) => boolean;
|
42
60
|
isDynamicColorSchema: (swatchSchema: swatch[]) => boolean;
|
43
61
|
isIncludedInRender: (index: number) => boolean;
|
44
62
|
};
|
63
|
+
colorSchema: {
|
64
|
+
isIncludedInTheme: (colorSchema: ColorSchemaType) => boolean;
|
65
|
+
};
|
45
66
|
};
|
46
67
|
} & {
|
47
68
|
dispose?: () => void;
|
@@ -478,8 +478,8 @@ declare const _default: {
|
|
478
478
|
"v-model"?: "background" | "primary" | "secondary" | "accent1" | ColorSchema | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic" | ColorSchemaTypes;
|
479
479
|
toned?: boolean;
|
480
480
|
placeholder?: string;
|
481
|
-
defaultColorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
|
482
481
|
enableDynamicColor?: boolean;
|
482
|
+
defaultColorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
|
483
483
|
customSchema?: boolean;
|
484
484
|
}>, "onUpdate:modelValue" | "onColor:enter" | "onColor:leave"> & {
|
485
485
|
"onUpdate:modelValue"?: (colorSchemaType: ColorSchema | ColorSchemaTypes) => any;
|
@@ -16,11 +16,11 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
|
16
16
|
defaultColorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
|
17
17
|
} & DefineEmit<"click:select", (variant: BlueprintVariant) => true> & DefineEmit<"click:add", () => true>> & {
|
18
18
|
"onUpdate:modelValue"?: (value: ContainerFillBlueprints) => any;
|
19
|
-
"onClick:add"?: () => any;
|
20
19
|
"onClick:select"?: (variant: BlueprintVariant) => any;
|
20
|
+
"onClick:add"?: () => any;
|
21
21
|
} & {
|
22
22
|
"v-slots"?: {} & Omit<{
|
23
23
|
default?: import("vue").Slot;
|
24
24
|
}, never>;
|
25
|
-
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "editable" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "emit:click:
|
25
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "editable" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "emit:click:select" | "emit:click:add" | "defaultColorSchemaType"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
26
26
|
export default _default;
|
@@ -1,8 +1,8 @@
|
|
1
1
|
import { DefineEmit, DefineSlot } from "@omnia/fx/ux";
|
2
2
|
import { ThemeContextType, FillDefinitionValue } from "@omnia/fx-models";
|
3
3
|
import { VNodeChild } from "vue";
|
4
|
-
export type ColorPickerType = "default" | "
|
5
|
-
type FillPickerVariant = "dialog" | "editor" | "
|
4
|
+
export type ColorPickerType = "default" | "colorSchema" | "onBase" | "base";
|
5
|
+
type FillPickerVariant = "dialog" | "editor" | "journey";
|
6
6
|
declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
7
7
|
"emit:update:modelValue": (value: FillDefinitionValue) => void;
|
8
8
|
} & {
|
@@ -38,5 +38,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
|
38
38
|
} & Omit<{
|
39
39
|
default?: import("vue").Slot;
|
40
40
|
}, "activator">;
|
41
|
-
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "variant" | "label" | "modelValue" | "v-model" | "toned" | "colorType" | "emit:update:modelValue" | "themeType" | "slot:activator" | "
|
41
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "variant" | "label" | "modelValue" | "v-model" | "toned" | "colorType" | "emit:update:modelValue" | "themeType" | "slot:activator" | "enableDynamicColor" | "emit:init:actionButtons" | "defaultColorSchemaType" | "singleColor" | "createNewColorDynamic"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
42
42
|
export default _default;
|
File without changes
|
package/internal-do-not-import-from-here/ux/aurora/components/fillpicker/store/FillPickerStore.d.ts
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
import { ColorSchemaType, ColorValue, FillDefinition, FillDefinitionValue, FilterPickerFilter } from "@omnia/fx-models";
|
1
|
+
import { ColorGradientValue, ColorSchemaType, ColorValue, FillDefinition, FillDefinitionValue, FilterPickerFilter, ThemeContextType } from "@omnia/fx-models";
|
2
2
|
export declare enum ColorMode {
|
3
3
|
colorOnly = "color",
|
4
4
|
linearGradient = "linear",
|
@@ -7,8 +7,12 @@ export declare enum ColorMode {
|
|
7
7
|
export declare const useFillPickerStore: () => {
|
8
8
|
state: {
|
9
9
|
internalModel: FillDefinition;
|
10
|
+
selection: {
|
11
|
+
colorValue: ColorGradientValue;
|
12
|
+
gradient: any[];
|
13
|
+
index: number;
|
14
|
+
};
|
10
15
|
colors: any[];
|
11
|
-
selectedGradient: any[];
|
12
16
|
colorMode: ColorMode;
|
13
17
|
showSettings: boolean;
|
14
18
|
fillOpacity: any;
|
@@ -17,13 +21,15 @@ export declare const useFillPickerStore: () => {
|
|
17
21
|
};
|
18
22
|
actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
|
19
23
|
changeColor: (index: number, color: ColorValue) => void;
|
20
|
-
|
24
|
+
editColor: (color: ColorGradientValue, index: any) => void;
|
25
|
+
addColor: (colorType: string, defaultColorSchemaType: ColorSchemaType, dynamicColor: boolean) => ColorGradientValue;
|
21
26
|
removeColor: (index: number) => void;
|
22
27
|
changeGradientMode: (newVal: any) => void;
|
23
|
-
initState: (fill: FillDefinitionValue) => void;
|
28
|
+
initState: (fill: FillDefinitionValue, themeContextType: ThemeContextType) => void;
|
24
29
|
}>;
|
25
30
|
rules: {
|
26
31
|
hasFillOneColor: () => boolean;
|
32
|
+
canShowGradientRange: () => boolean;
|
27
33
|
};
|
28
34
|
dataTypes: {
|
29
35
|
gradients: FilterPickerFilter[];
|
package/internal-do-not-import-from-here/ux/aurora/components/headerpicker/HeaderViewer.d.ts
CHANGED
@@ -16,11 +16,11 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
|
16
16
|
editable?: boolean;
|
17
17
|
} & DefineEmit<"click:select", (variant: BlueprintVariant) => true> & DefineEmit<"click:add", () => true>> & {
|
18
18
|
"onUpdate:modelValue"?: (value: HeaderBlueprints) => any;
|
19
|
-
"onClick:add"?: () => any;
|
20
19
|
"onClick:select"?: (variant: BlueprintVariant) => any;
|
20
|
+
"onClick:add"?: () => any;
|
21
21
|
} & {
|
22
22
|
"v-slots"?: {} & Omit<{
|
23
23
|
default?: import("vue").Slot;
|
24
24
|
}, never>;
|
25
|
-
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "editable" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "emit:click:
|
25
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "editable" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "emit:click:select" | "emit:click:add" | "selectable"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
26
26
|
export default _default;
|
package/internal-do-not-import-from-here/ux/aurora/components/iconstylepicker/IconStyleEditor.d.ts
CHANGED
@@ -33,5 +33,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
|
33
33
|
} & Omit<{
|
34
34
|
default?: import("vue").Slot;
|
35
35
|
}, "activator">;
|
36
|
-
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "variant" | "label" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "slot:activator" | "
|
36
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "variant" | "label" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "slot:activator" | "enableDynamicColor" | "emit:init:actionButtons" | "defaultColorSchemaType" | "simpleMode"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
37
37
|
export default _default;
|
package/internal-do-not-import-from-here/ux/aurora/components/iconstylepicker/IconStylePicker.d.ts
CHANGED
@@ -30,5 +30,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
|
30
30
|
} & Omit<{
|
31
31
|
default?: import("vue").Slot;
|
32
32
|
}, "activator">;
|
33
|
-
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "variant" | "label" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "slot:activator" | "
|
33
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "variant" | "label" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "slot:activator" | "enableDynamicColor" | "defaultColorSchemaType"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
34
34
|
export default _default;
|
package/internal-do-not-import-from-here/ux/aurora/components/input/InputBlueprintsViewer.d.ts
CHANGED
@@ -18,11 +18,11 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
|
18
18
|
blueprintStrategy?: string;
|
19
19
|
} & DefineEmit<"click:select", (variant: BlueprintVariant) => true> & DefineEmit<"click:add", () => true>> & {
|
20
20
|
"onUpdate:modelValue"?: (value: InputBlueprints) => any;
|
21
|
-
"onClick:add"?: () => any;
|
22
21
|
"onClick:select"?: (variant: BlueprintVariant) => any;
|
22
|
+
"onClick:add"?: () => any;
|
23
23
|
} & {
|
24
24
|
"v-slots"?: {} & Omit<{
|
25
25
|
default?: import("vue").Slot;
|
26
26
|
}, never>;
|
27
|
-
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "editable" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "emit:click:
|
27
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "editable" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "emit:click:select" | "emit:click:add" | "selectable" | "blueprintStrategy"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
28
28
|
export default _default;
|
@@ -18,11 +18,11 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
|
18
18
|
blueprintStrategy?: string;
|
19
19
|
} & DefineEmit<"click:select", (variant: BlueprintVariant) => true> & DefineEmit<"click:add", () => true>> & {
|
20
20
|
"onUpdate:modelValue"?: (value: TabsBlueprints) => any;
|
21
|
-
"onClick:add"?: () => any;
|
22
21
|
"onClick:select"?: (variant: BlueprintVariant) => any;
|
22
|
+
"onClick:add"?: () => any;
|
23
23
|
} & {
|
24
24
|
"v-slots"?: {} & Omit<{
|
25
25
|
default?: import("vue").Slot;
|
26
26
|
}, never>;
|
27
|
-
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "editable" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "emit:click:
|
27
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "editable" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "emit:click:select" | "emit:click:add" | "selectable" | "blueprintStrategy"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
28
28
|
export default _default;
|
package/internal-do-not-import-from-here/ux/aurora/components/textstylepicker/TextStylePicker.d.ts
CHANGED
@@ -32,5 +32,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
|
32
32
|
} & Omit<{
|
33
33
|
default?: import("vue").Slot;
|
34
34
|
}, "activator">;
|
35
|
-
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "variant" | "label" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "slot:activator" | "customTyping" | "
|
35
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "variant" | "label" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "slot:activator" | "customTyping" | "enableDynamicColor" | "defaultColorSchemaType" | "singleColor"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
36
36
|
export default _default;
|
@@ -16,13 +16,13 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
|
16
16
|
themeType?: ThemeContextType;
|
17
17
|
} & DefineEmit<"click:select", (typography: TypographyType, size: TypographySizes) => true> & DefineEmit<"click:selectFill", (variant: BlueprintVariant) => true> & DefineEmit<"click:add", () => true> & DefineEmit<"click:addFill", () => true>> & {
|
18
18
|
"onUpdate:modelValue"?: (value: TypographyBlueprint) => any;
|
19
|
-
"onClick:add"?: () => any;
|
20
19
|
"onClick:select"?: (typography: "title" | "text" | "navigation" | "variants" | "fills", size: TypographySizes) => any;
|
20
|
+
"onClick:add"?: () => any;
|
21
21
|
"onClick:selectFill"?: (variant: BlueprintVariant) => any;
|
22
22
|
"onClick:addFill"?: () => any;
|
23
23
|
} & {
|
24
24
|
"v-slots"?: {} & Omit<{
|
25
25
|
default?: import("vue").Slot;
|
26
26
|
}, never>;
|
27
|
-
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "editable" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "emit:click:
|
27
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "editable" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "emit:click:select" | "emit:click:add" | "sampleText" | "emit:click:selectFill" | "emit:click:addFill"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
28
28
|
export default _default;
|
@@ -15,5 +15,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<EnterprisePr
|
|
15
15
|
} & Omit<{
|
16
16
|
default?: import("vue").Slot;
|
17
17
|
}, "selection">;
|
18
|
-
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "required" | "multiple" | "disabled" | "hideDetails" | "
|
18
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "required" | "multiple" | "disabled" | "hideDetails" | "emit:click:delete" | "slot:selection" | "emit:change" | "excludedPropertyTypeIds" | "preSelectedPropertyInternalName" | "propertyItems" | "externalPropertyItems" | "allowDuplicate"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
19
19
|
export default _default;
|
@@ -1,6 +1,7 @@
|
|
1
1
|
import { guid, IIcon } from "@omnia/fx-models";
|
2
2
|
import { BladeContext, BladeContexts, BladeSizeTypes, BladeVariantTypes, ConfirmDialogOptions, DefineEmit, DefineProp, DefineSlot, useJourneyStore } from "@omnia/fx/ux";
|
3
3
|
import { Ref, VNodeChild } from "vue";
|
4
|
+
import { ActionDefinition } from "../oxide/actionmenu/ActionMenu";
|
4
5
|
export interface SwitchValue {
|
5
6
|
value: boolean;
|
6
7
|
label: string;
|
@@ -11,7 +12,7 @@ export interface DisabledButtonTooltips {
|
|
11
12
|
delete?: string;
|
12
13
|
remove?: string;
|
13
14
|
}
|
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
|
+
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<"actions", ActionDefinition[], false, null, "Specify if the blade should show responsive actions. Useful for both mobile and desktop."> & 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"> & DefineProp<"actionMenuV2", boolean, false, null, "Enable a new responsive action menu in blade. Will be removed in future versions."> & 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
16
|
declare const _default: (props: import("@omnia/fx/ux").ExtractProps<JourneyBladeProps> & {
|
16
17
|
"onClick:cancel"?: (id: guid) => any;
|
17
18
|
"onClick:confirm"?: () => any;
|
@@ -28,5 +29,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<JourneyBlade
|
|
28
29
|
} & Omit<{
|
29
30
|
default?: import("vue").Slot;
|
30
31
|
}, "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" | "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
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "switch" | "icon" | "actions" | "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" | "actionMenuV2" | "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
33
|
export default _default;
|
@@ -21,5 +21,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
|
21
21
|
}> | ((ref: {
|
22
22
|
journeyStore: ReturnType<typeof useJourneyStore>;
|
23
23
|
}) => void);
|
24
|
-
} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "items" | "ref" | "slot:item" | "
|
24
|
+
} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "items" | "ref" | "slot:item" | "slot:append" | "getApi"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
25
25
|
export default _default;
|
@@ -1,14 +1,14 @@
|
|
1
1
|
import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot, DefineVModel, JourneySelectItem, JourneySelectPropertyMapping, useJourneySelectStore } from "@omnia/fx/ux";
|
2
2
|
import { VNodeChild } from "vue";
|
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>;
|
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, index: number) => 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
4
|
declare const _default: (props: import("@omnia/fx/ux").ExtractProps<BaseProps<any>> & {
|
5
5
|
"onUpdate:modelValue"?: (value: any) => any;
|
6
|
+
"onClick:delete"?: (item: any, index: number) => any;
|
6
7
|
"onClick:clear"?: () => any;
|
7
8
|
onSearch?: (searchText: string) => any;
|
8
9
|
"onClick:add"?: (item: any) => any;
|
9
|
-
"onClick:delete"?: (item: any, index: number) => any;
|
10
10
|
onShowAdd?: () => any;
|
11
|
-
onShowEdit?: (item: any) => any;
|
11
|
+
onShowEdit?: (item: any, index: number) => any;
|
12
12
|
"onClick:update"?: (item: any, index: number) => any;
|
13
13
|
} & {
|
14
14
|
"v-slots"?: {
|
@@ -19,5 +19,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<BaseProps<an
|
|
19
19
|
} & Omit<{
|
20
20
|
default?: import("vue").Slot;
|
21
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" | "
|
22
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "list" | "multiple" | "colorSchemaType" | "modelValue" | "items" | "readonly" | "colors" | "v-model" | "toned" | "emit:update:modelValue" | "emit:click:delete" | "getApi" | "emit:click:add" | "emit:search" | "emit:click:clear" | "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;
|
23
23
|
export default _default;
|
@@ -0,0 +1,30 @@
|
|
1
|
+
import { IIcon, Spacing, SpacingValue } from "@omnia/fx-models";
|
2
|
+
import { DefineEmit, DefineSlot } from "@omnia/fx/ux";
|
3
|
+
import { VNodeChild } from "vue";
|
4
|
+
export interface ActionDefinition {
|
5
|
+
title: string;
|
6
|
+
description?: string;
|
7
|
+
separator?: boolean;
|
8
|
+
id?: string;
|
9
|
+
disabled?: boolean;
|
10
|
+
loading?: boolean;
|
11
|
+
icon: IIcon;
|
12
|
+
onClick?: () => void;
|
13
|
+
}
|
14
|
+
declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
15
|
+
items?: ActionDefinition[];
|
16
|
+
} & {
|
17
|
+
padding?: SpacingValue | Spacing;
|
18
|
+
} & {
|
19
|
+
gapX?: SpacingValue;
|
20
|
+
} & DefineEmit<"click:item", (item: ActionDefinition, index: number) => void, "Emits when an item is clicked"> & DefineSlot<"item", (item: ActionDefinition, index: number) => VNodeChild> & DefineSlot<"menuItem", (item: ActionDefinition, index: number) => VNodeChild>> & {
|
21
|
+
"onClick:item"?: (item: ActionDefinition, index: number) => any;
|
22
|
+
} & {
|
23
|
+
"v-slots"?: {
|
24
|
+
item?: (item: ActionDefinition, index: number) => VNodeChild;
|
25
|
+
menuItem?: (item: ActionDefinition, index: number) => VNodeChild;
|
26
|
+
} & Omit<{
|
27
|
+
default?: import("vue").Slot;
|
28
|
+
}, "item" | "menuItem">;
|
29
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "padding" | "items" | "slot:item" | "gapX" | "emit:click:item" | "slot:menuItem"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
30
|
+
export default _default;
|
@@ -1,8 +1,10 @@
|
|
1
1
|
declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
2
2
|
columnName?: string;
|
3
|
+
} & {
|
4
|
+
colspan?: number;
|
3
5
|
}> & {} & {
|
4
6
|
"v-slots"?: {} & Omit<{
|
5
7
|
default?: import("vue").Slot;
|
6
8
|
}, never>;
|
7
|
-
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "columnName"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
9
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "columnName" | "colspan"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
8
10
|
export default _default;
|
@@ -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<"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: {
|
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<"expandableHeight", boolean, false, false, "Makes the height expand if needed. Default it is fixed"> & 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" | "divider" | "
|
34
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "icon" | "variant" | "active" | "class" | "disabled" | "colorSchemaType" | "colors" | "divider" | "subtitle" | "expandableHeight" | "selected" | "slot:append" | "slot:prepend" | "slot:default" | "slot:title" | "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;
|
@@ -3,7 +3,7 @@ import { InputBlueprint, MenuState } from "@omnia/fx/models";
|
|
3
3
|
import { VNodeChild } from "vue";
|
4
4
|
import { PickerVariant } from "./models/SharedSettings";
|
5
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, false, "dropdown"> & 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>;
|
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, false, "dropdown"> & 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<"maxHeight", number, null, null, "Limit the max height of the dropdown"> & 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>;
|
7
7
|
declare const _default: (props: import("@omnia/fx/ux").ExtractProps<PickerProps> & {
|
8
8
|
"onUpdate:modelValue"?: (value: MenuState) => any;
|
9
9
|
"onClick:clear"?: () => any;
|
@@ -15,5 +15,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<PickerProps>
|
|
15
15
|
} & Omit<{
|
16
16
|
default?: import("vue").Slot;
|
17
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" | "
|
18
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "text" | "blueprint" | "grid" | "maxHeight" | "variant" | "class" | "label" | "disabled" | "modelValue" | "v-model" | "toned" | "placeholder" | "emit:update:modelValue" | "slot:activator" | "visibleOnContentClick" | "getApi" | "searchable" | "emit:search" | "emit:click:clear" | "clearable" | "isLoading" | "slot:selectedItemRenderer" | "hasSelection"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
19
19
|
export default _default;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { DefineProp, DefinePropTheming, DefineVModel } from "@omnia/fx/ux";
|
2
2
|
import { ODirectionTypes, OSliderVariants } from "@omnia/fx-models";
|
3
|
-
type SliderProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", any, false, null, true, "The v-model of the component"> & DefineProp<"step", string | number, false, null, "If greater than 0, sets step interval for ticks."> & DefineProp<"min", string | number, false, null, "Sets the minimum value of the slider."> & DefineProp<"max", string | number, false, null, "Sets the maximum value of the slider."> & DefineProp<"label", string, false, null, "Sets the label of the slider."> & DefineProp<"unitLabel", string, false, null, "
|
3
|
+
type SliderProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", any, false, null, true, "The v-model of the component"> & DefineProp<"step", string | number, false, null, "If greater than 0, sets step interval for ticks."> & DefineProp<"min", string | number, false, null, "Sets the minimum value of the slider."> & DefineProp<"max", string | number, false, null, "Sets the maximum value of the slider."> & DefineProp<"label", string, false, null, "Sets the label of the slider."> & DefineProp<"unitLabel", string, false, null, "Sets the unit label of the slider."> & DefineProp<"noThumbLabel", boolean, false, false, "Hides the thumb label."> & DefineProp<"hint", string, false, null, "Sets the hint of the slider. Hint will be displayed below the input when focused."> & DefineProp<"persistentHint", boolean, false, false, "Forces hint to always be visible."> & DefineProp<"direction", ODirectionTypes, false, "horizontal", "Sets the direction of the slider. Default is horizontal."> & DefineProp<"variant", OSliderVariants, false, null, "Sets the variant of the slider. Prominent should only be use when an extra level of emphasis is needed."> & DefineProp<"showTicks", boolean | "always", false, false, "Sets the visibility of the ticks. Default is false."> & DefineProp<"ticks", number[] | Record<number, string>, false, null, "Show track ticks. If true it shows ticks when using slider. If set to 'always' it always shows ticks."> & DefineProp<"toned", boolean, false, false> & DefineProp<"tickSize", number, false, 2, "Sets the size of the ticks. Default is 2.">;
|
4
4
|
declare const _default: (props: import("@omnia/fx/ux").ExtractProps<SliderProps> & {
|
5
5
|
"onUpdate:modelValue"?: (value: any) => any;
|
6
6
|
} & {
|
@@ -12,5 +12,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ToolbarProps
|
|
12
12
|
} & Omit<{
|
13
13
|
default?: import("vue").Slot;
|
14
14
|
}, "title" | "customButtons">;
|
15
|
-
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "icon" | "variant" | "class" | "colorSchemaType" | "closeButton" | "colors" | "toned" | "subTitle" | "backButton" | "emit:click:close" | "divider" | "
|
15
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "icon" | "variant" | "class" | "colorSchemaType" | "closeButton" | "colors" | "toned" | "subTitle" | "backButton" | "emit:click:close" | "divider" | "slot:title" | "emit:click:back" | "slot:customButtons"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
16
16
|
export default _default;
|
@@ -65,5 +65,5 @@ declare const _default: <T extends Object>(props: import("@omnia/fx/ux").Extract
|
|
65
65
|
} & Omit<{
|
66
66
|
default?: import("vue").Slot;
|
67
67
|
}, "title" | "prepend" | "appendInnerItem">;
|
68
|
-
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "padding" | "multiple" | "expanded" | "colorSchemaType" | "modelValue" | "items" | "colors" | "v-model" | "emit:update:modelValue" | "itemValue" | "emit:update:expanded" | "v-model:expanded" | "slot:
|
68
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "padding" | "multiple" | "expanded" | "colorSchemaType" | "modelValue" | "items" | "colors" | "v-model" | "emit:update:modelValue" | "itemValue" | "emit:update:expanded" | "v-model:expanded" | "slot:prepend" | "slot:title" | "itemTitle" | "itemChildren" | "expandOnSelection" | "batchChildrensDisplay" | "itemIcon" | "loadChildren" | "onMoveNode" | "checkNodeToMove" | "indentation" | "slot:appendInnerItem" | "emit:update:active" | "openAll"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
69
69
|
export default _default;
|