@omnia/fx 8.0.405-dev → 8.0.406-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/aurora/admin/blades/typography/store/TypographyEditorStore.d.ts +0 -3
- package/internal-do-not-import-from-here/ux/aurora/components/textstylepicker/TextStylePicker.d.ts +13 -6
- package/internal-do-not-import-from-here/ux/aurora/components/textstylepicker/store/TextStylePickerStore.d.ts +9 -3
- package/internal-do-not-import-from-here/ux/aurora/components/typography/TextStyleEditor.d.ts +29 -370
- package/internal-do-not-import-from-here/ux/aurora/components/typography/TypographyBlueprintsViewer.d.ts +8 -6
- package/internal-do-not-import-from-here/ux/aurora/components/typography/store/TextStyleEditorStore.d.ts +41 -11
- package/internal-do-not-import-from-here/ux/aurora/components/typography/store/TypographyViewerStore.d.ts +6 -1
- package/internal-do-not-import-from-here/ux/aurora/store/TypographyBlueprintManager.d.ts +13 -6
- package/internal-do-not-import-from-here/ux/aurora/store/TypographyBlueprintStore.d.ts +3 -0
- package/internal-do-not-import-from-here/ux/identitypicker/IdentityPicker.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/identitypicker/IdentityPickerDialog.d.ts +3 -1
- package/internal-do-not-import-from-here/ux/identitypicker/IdentityPickerField.d.ts +3 -1
- package/internal-do-not-import-from-here/ux/journey/selection/JourneySelect.d.ts +2 -2
- package/internal-do-not-import-from-here/ux/journey/stores/JourneySelectStore.d.ts +2 -0
- package/internal-do-not-import-from-here/ux/oxide/selection/Selection.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/properties/property-configuration/LabelOptionsRenderer.d.ts +0 -4
- package/package.json +2 -2
@@ -21,7 +21,6 @@ export declare const useTypographyEditorStore: () => {
|
|
21
21
|
type: TextStyleType;
|
22
22
|
size: TextStyleSizes;
|
23
23
|
definition: TextStyleDefinition;
|
24
|
-
typeScaleDefinition: TextStyleDefinition;
|
25
24
|
};
|
26
25
|
breakpoint: BreakpointItem;
|
27
26
|
};
|
@@ -40,7 +39,6 @@ export declare const useTypographyEditorStore: () => {
|
|
40
39
|
type: TextStyleType;
|
41
40
|
size: TextStyleSizes;
|
42
41
|
definition: TextStyleDefinition;
|
43
|
-
typeScaleDefinition: TextStyleDefinition;
|
44
42
|
};
|
45
43
|
breakpoint: BreakpointItem;
|
46
44
|
};
|
@@ -58,7 +56,6 @@ export declare const useTypographyEditorStore: () => {
|
|
58
56
|
ativateBreakpoint(value: boolean): void;
|
59
57
|
};
|
60
58
|
calculate(): {
|
61
|
-
editingDefinitionFromBaseStyles(): void;
|
62
59
|
baseScale(): void;
|
63
60
|
};
|
64
61
|
breakpoint(): {
|
package/internal-do-not-import-from-here/ux/aurora/components/textstylepicker/TextStylePicker.d.ts
CHANGED
@@ -1,22 +1,29 @@
|
|
1
1
|
import { DefineSlot } from "@omnia/fx/ux";
|
2
|
-
import { TextBlueprint, ThemeContextType, TextStyleValue } from "@omnia/fx-models";
|
2
|
+
import { TextBlueprint, ThemeContextType, TextStyleValue, TypographyBlueprint, TextStyleBreakpointType } from "@omnia/fx-models";
|
3
3
|
import { VNode } from "vue";
|
4
4
|
import { PickerVariant } from "internal/fx/ux/oxide/picker/models/SharedSettings";
|
5
|
+
import { ViewTypes } from "./store/TextStylePickerStore";
|
5
6
|
export type TypographyPickerTypes = "default" | "title" | "text" | "variant" | "navigation";
|
6
7
|
declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
7
|
-
"emit:update:modelValue": (value: TextStyleValue) => void;
|
8
|
+
"emit:update:modelValue": (value: number | TextStyleValue) => void;
|
8
9
|
} & {
|
9
|
-
"v-model"?: TextStyleValue;
|
10
|
+
"v-model"?: number | TextStyleValue;
|
10
11
|
} & {
|
11
|
-
modelValue?: TextStyleValue;
|
12
|
+
modelValue?: number | TextStyleValue;
|
12
13
|
} & {
|
13
14
|
customTyping?: boolean;
|
14
15
|
} & {
|
15
16
|
themeType?: ThemeContextType;
|
17
|
+
} & {
|
18
|
+
viewType?: ViewTypes;
|
16
19
|
} & {
|
17
20
|
type?: TypographyPickerTypes;
|
18
21
|
} & {
|
19
22
|
textBlueprint?: TextBlueprint;
|
23
|
+
} & {
|
24
|
+
typographyBlueprint?: TypographyBlueprint;
|
25
|
+
} & {
|
26
|
+
breakpoint?: TextStyleBreakpointType;
|
20
27
|
} & {
|
21
28
|
toned?: boolean;
|
22
29
|
} & {
|
@@ -28,12 +35,12 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
|
28
35
|
} & {
|
29
36
|
sampleText?: string;
|
30
37
|
} & DefineSlot<"activator", () => VNode>> & {
|
31
|
-
"onUpdate:modelValue"?: (value: TextStyleValue) => any;
|
38
|
+
"onUpdate:modelValue"?: (value: number | TextStyleValue) => any;
|
32
39
|
} & {
|
33
40
|
"v-slots"?: {
|
34
41
|
activator?: () => VNode;
|
35
42
|
} & Omit<{
|
36
43
|
default?: import("vue").Slot;
|
37
44
|
}, "activator">;
|
38
|
-
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "type" | "variant" | "modelValue" | "v-model" | "toned" | "placeholder" | "emit:update:modelValue" | "themeType" | "slot:activator" | "textBlueprint" | "customTyping" | "sampleText"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
45
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "type" | "variant" | "modelValue" | "v-model" | "toned" | "placeholder" | "emit:update:modelValue" | "themeType" | "slot:activator" | "textBlueprint" | "customTyping" | "viewType" | "typographyBlueprint" | "breakpoint" | "sampleText"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
39
46
|
export default _default;
|
@@ -1,15 +1,21 @@
|
|
1
|
-
import { ThemeContextType, ThemedTextStyleValue, TextStyleValue as textStyle } from "@omnia/fx-models";
|
1
|
+
import { ThemeContextType, ThemedTextStyleValue, TextStyleValue as textStyle, TypographyBlueprint, TextStyleBreakpointType } from "@omnia/fx-models";
|
2
|
+
export type ViewTypes = "type-scale" | "system-styles" | "custom-styles";
|
2
3
|
export declare const useTextStylePickerStore: () => {
|
3
4
|
state: {
|
4
|
-
internalModel: textStyle;
|
5
|
+
internalModel: number | textStyle;
|
5
6
|
sampleText: string;
|
7
|
+
viewType: ViewTypes;
|
8
|
+
typographyBlueprint: TypographyBlueprint;
|
9
|
+
breakPoint: TextStyleBreakpointType;
|
6
10
|
};
|
7
11
|
actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
|
8
12
|
clear: () => void;
|
13
|
+
setScaleValue(value: number): void;
|
9
14
|
select: (value: textStyle) => void;
|
10
|
-
initState: (model: textStyle, sampleText: string, themeType: ThemeContextType) => void;
|
15
|
+
initState: (model: textStyle | number, sampleText: string, themeType: ThemeContextType, viewType: ViewTypes, typographyBlueprint: TypographyBlueprint, breakpoint: TextStyleBreakpointType) => void;
|
11
16
|
}>;
|
12
17
|
get: {
|
18
|
+
readonly textStyle: textStyle;
|
13
19
|
displayText: (textStyle: ThemedTextStyleValue) => string;
|
14
20
|
displayIcon: (textStyle: ThemedTextStyleValue) => import("@omnia/fx-models").FontAwesomeIcon;
|
15
21
|
};
|
package/internal-do-not-import-from-here/ux/aurora/components/typography/TextStyleEditor.d.ts
CHANGED
@@ -1,375 +1,34 @@
|
|
1
1
|
import { TextStyleDefinition, TypographyBlueprint, TextStyleBreakpointType, TextStyleSizes } from "@omnia/fx-models";
|
2
|
+
import { DefineSlot } from "@omnia/fx/ux";
|
2
3
|
import { VNodeChild } from "vue";
|
3
4
|
type EditorVariant = "default" | "dialog" | "blade-inline";
|
4
|
-
declare const _default: {
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
};
|
29
|
-
variant: {
|
30
|
-
type: import("vue").PropType<EditorVariant>;
|
31
|
-
};
|
32
|
-
"onUpdate:modelValue": {
|
33
|
-
type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
|
34
|
-
};
|
35
|
-
"v-model": {
|
36
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
37
|
-
required: false;
|
38
|
-
};
|
39
|
-
modelValue: {
|
40
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
41
|
-
required: false;
|
42
|
-
};
|
43
|
-
name: <TName extends string>(n?: TName) => { [key in import("../../../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
|
44
|
-
type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
|
45
|
-
}; } & { [key_1 in import("../../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
|
46
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
47
|
-
required: false;
|
48
|
-
}; } & { [key_2 in import("../../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
|
49
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
50
|
-
required: false;
|
51
|
-
}; } & {
|
52
|
-
require(): import("../../../DefineVueTypings").DefinePropModelRequire<TName, TextStyleDefinition, {
|
53
|
-
"onUpdate:modelValue": {
|
54
|
-
type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
|
55
|
-
};
|
56
|
-
} & {
|
57
|
-
"v-model": {
|
58
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
59
|
-
required: false;
|
60
|
-
};
|
61
|
-
} & {
|
62
|
-
modelValue: {
|
63
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
64
|
-
required: false;
|
65
|
-
};
|
66
|
-
}>;
|
67
|
-
defaultValue(value?: TextStyleDefinition): import("../../../DefineVueTypings").DefinePropModelDefaultValue<TName, TextStyleDefinition, {
|
68
|
-
"onUpdate:modelValue": {
|
69
|
-
type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
|
70
|
-
};
|
71
|
-
} & {
|
72
|
-
"v-model": {
|
73
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
74
|
-
required: false;
|
75
|
-
};
|
76
|
-
} & {
|
77
|
-
modelValue: {
|
78
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
79
|
-
required: false;
|
80
|
-
};
|
81
|
-
}, false>;
|
82
|
-
doc$(description?: string): import("../../../DefineVueTypings").DefinePropModelDoc<TName, TextStyleDefinition, {
|
83
|
-
"onUpdate:modelValue": {
|
84
|
-
type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
|
85
|
-
};
|
86
|
-
} & {
|
87
|
-
"v-model": {
|
88
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
89
|
-
required: false;
|
90
|
-
};
|
91
|
-
} & {
|
92
|
-
modelValue: {
|
93
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
94
|
-
required: false;
|
95
|
-
};
|
96
|
-
}>;
|
97
|
-
};
|
98
|
-
}>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
99
|
-
P: {};
|
100
|
-
B: {};
|
101
|
-
D: {};
|
102
|
-
C: {};
|
103
|
-
M: {};
|
104
|
-
Defaults: {};
|
105
|
-
}, Readonly<import("vue").ExtractPropTypes<{
|
106
|
-
"v-slots": import("vue").Prop<{
|
107
|
-
default?: import("../../../DefineVueTypings").Slot;
|
108
|
-
} & {
|
109
|
-
activator?: () => VNodeChild;
|
110
|
-
}>;
|
111
|
-
toolbarCallback: {
|
112
|
-
type: import("vue").PropType<(value: () => VNodeChild) => void>;
|
113
|
-
};
|
114
|
-
sampleText: {
|
115
|
-
type: import("vue").PropType<string>;
|
116
|
-
};
|
117
|
-
breakpoint: {
|
118
|
-
type: import("vue").PropType<TextStyleBreakpointType>;
|
119
|
-
};
|
120
|
-
textStyleSize: {
|
121
|
-
type: import("vue").PropType<TextStyleSizes>;
|
122
|
-
};
|
123
|
-
textStyleType: {
|
124
|
-
type: import("vue").PropType<"display" | "headline" | "title" | "text" | "label" | "variants">;
|
125
|
-
};
|
126
|
-
blueprint: {
|
127
|
-
type: import("vue").PropType<TypographyBlueprint>;
|
128
|
-
};
|
129
|
-
variant: {
|
130
|
-
type: import("vue").PropType<EditorVariant>;
|
131
|
-
};
|
132
|
-
"onUpdate:modelValue": {
|
133
|
-
type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
|
134
|
-
};
|
135
|
-
"v-model": {
|
136
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
137
|
-
required: false;
|
138
|
-
};
|
139
|
-
modelValue: {
|
140
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
141
|
-
required: false;
|
142
|
-
};
|
143
|
-
name: <TName extends string>(n?: TName) => { [key in import("../../../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
|
144
|
-
type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
|
145
|
-
}; } & { [key_1 in import("../../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
|
146
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
147
|
-
required: false;
|
148
|
-
}; } & { [key_2 in import("../../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
|
149
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
150
|
-
required: false;
|
151
|
-
}; } & {
|
152
|
-
require(): import("../../../DefineVueTypings").DefinePropModelRequire<TName, TextStyleDefinition, {
|
153
|
-
"onUpdate:modelValue": {
|
154
|
-
type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
|
155
|
-
};
|
156
|
-
} & {
|
157
|
-
"v-model": {
|
158
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
159
|
-
required: false;
|
160
|
-
};
|
161
|
-
} & {
|
162
|
-
modelValue: {
|
163
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
164
|
-
required: false;
|
165
|
-
};
|
166
|
-
}>;
|
167
|
-
defaultValue(value?: TextStyleDefinition): import("../../../DefineVueTypings").DefinePropModelDefaultValue<TName, TextStyleDefinition, {
|
168
|
-
"onUpdate:modelValue": {
|
169
|
-
type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
|
170
|
-
};
|
171
|
-
} & {
|
172
|
-
"v-model": {
|
173
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
174
|
-
required: false;
|
175
|
-
};
|
176
|
-
} & {
|
177
|
-
modelValue: {
|
178
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
179
|
-
required: false;
|
180
|
-
};
|
181
|
-
}, false>;
|
182
|
-
doc$(description?: string): import("../../../DefineVueTypings").DefinePropModelDoc<TName, TextStyleDefinition, {
|
183
|
-
"onUpdate:modelValue": {
|
184
|
-
type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
|
185
|
-
};
|
186
|
-
} & {
|
187
|
-
"v-model": {
|
188
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
189
|
-
required: false;
|
190
|
-
};
|
191
|
-
} & {
|
192
|
-
modelValue: {
|
193
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
194
|
-
required: false;
|
195
|
-
};
|
196
|
-
}>;
|
197
|
-
};
|
198
|
-
}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}>;
|
199
|
-
__isFragment?: never;
|
200
|
-
__isTeleport?: never;
|
201
|
-
__isSuspense?: never;
|
202
|
-
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
203
|
-
"v-slots": import("vue").Prop<{
|
204
|
-
default?: import("../../../DefineVueTypings").Slot;
|
205
|
-
} & {
|
5
|
+
declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
6
|
+
"emit:update:modelValue": (value: TextStyleDefinition) => void;
|
7
|
+
} & {
|
8
|
+
"v-model"?: TextStyleDefinition;
|
9
|
+
} & {
|
10
|
+
modelValue?: TextStyleDefinition;
|
11
|
+
} & {
|
12
|
+
variant?: EditorVariant;
|
13
|
+
} & {
|
14
|
+
blueprint?: TypographyBlueprint;
|
15
|
+
} & {
|
16
|
+
textStyleType?: "display" | "headline" | "title" | "text" | "label" | "variants";
|
17
|
+
} & {
|
18
|
+
textStyleSize?: TextStyleSizes;
|
19
|
+
} & {
|
20
|
+
breakpoint?: TextStyleBreakpointType;
|
21
|
+
} & {
|
22
|
+
sampleText?: string;
|
23
|
+
} & {
|
24
|
+
toolbarCallback?: (value: () => VNodeChild) => void;
|
25
|
+
} & DefineSlot<"activator", () => VNodeChild>> & {
|
26
|
+
"onUpdate:modelValue"?: (value: TextStyleDefinition) => any;
|
27
|
+
} & {
|
28
|
+
"v-slots"?: {
|
206
29
|
activator?: () => VNodeChild;
|
207
|
-
}
|
208
|
-
|
209
|
-
|
210
|
-
|
211
|
-
sampleText: {
|
212
|
-
type: import("vue").PropType<string>;
|
213
|
-
};
|
214
|
-
breakpoint: {
|
215
|
-
type: import("vue").PropType<TextStyleBreakpointType>;
|
216
|
-
};
|
217
|
-
textStyleSize: {
|
218
|
-
type: import("vue").PropType<TextStyleSizes>;
|
219
|
-
};
|
220
|
-
textStyleType: {
|
221
|
-
type: import("vue").PropType<"display" | "headline" | "title" | "text" | "label" | "variants">;
|
222
|
-
};
|
223
|
-
blueprint: {
|
224
|
-
type: import("vue").PropType<TypographyBlueprint>;
|
225
|
-
};
|
226
|
-
variant: {
|
227
|
-
type: import("vue").PropType<EditorVariant>;
|
228
|
-
};
|
229
|
-
"onUpdate:modelValue": {
|
230
|
-
type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
|
231
|
-
};
|
232
|
-
"v-model": {
|
233
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
234
|
-
required: false;
|
235
|
-
};
|
236
|
-
modelValue: {
|
237
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
238
|
-
required: false;
|
239
|
-
};
|
240
|
-
name: <TName extends string>(n?: TName) => { [key in import("../../../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
|
241
|
-
type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
|
242
|
-
}; } & { [key_1 in import("../../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
|
243
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
244
|
-
required: false;
|
245
|
-
}; } & { [key_2 in import("../../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
|
246
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
247
|
-
required: false;
|
248
|
-
}; } & {
|
249
|
-
require(): import("../../../DefineVueTypings").DefinePropModelRequire<TName, TextStyleDefinition, {
|
250
|
-
"onUpdate:modelValue": {
|
251
|
-
type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
|
252
|
-
};
|
253
|
-
} & {
|
254
|
-
"v-model": {
|
255
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
256
|
-
required: false;
|
257
|
-
};
|
258
|
-
} & {
|
259
|
-
modelValue: {
|
260
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
261
|
-
required: false;
|
262
|
-
};
|
263
|
-
}>;
|
264
|
-
defaultValue(value?: TextStyleDefinition): import("../../../DefineVueTypings").DefinePropModelDefaultValue<TName, TextStyleDefinition, {
|
265
|
-
"onUpdate:modelValue": {
|
266
|
-
type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
|
267
|
-
};
|
268
|
-
} & {
|
269
|
-
"v-model": {
|
270
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
271
|
-
required: false;
|
272
|
-
};
|
273
|
-
} & {
|
274
|
-
modelValue: {
|
275
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
276
|
-
required: false;
|
277
|
-
};
|
278
|
-
}, false>;
|
279
|
-
doc$(description?: string): import("../../../DefineVueTypings").DefinePropModelDoc<TName, TextStyleDefinition, {
|
280
|
-
"onUpdate:modelValue": {
|
281
|
-
type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
|
282
|
-
};
|
283
|
-
} & {
|
284
|
-
"v-model": {
|
285
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
286
|
-
required: false;
|
287
|
-
};
|
288
|
-
} & {
|
289
|
-
modelValue: {
|
290
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
291
|
-
required: false;
|
292
|
-
};
|
293
|
-
}>;
|
294
|
-
};
|
295
|
-
}>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
|
296
|
-
propsDefinition: Omit<Readonly<{} & {
|
297
|
-
name?: {
|
298
|
-
[x: `onUpdate:${string}`]: {
|
299
|
-
type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
|
300
|
-
};
|
301
|
-
} & {
|
302
|
-
[x: `v-model:${string}`]: {
|
303
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
304
|
-
required: false;
|
305
|
-
};
|
306
|
-
} & {
|
307
|
-
[x: string]: {
|
308
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
309
|
-
required: false;
|
310
|
-
};
|
311
|
-
} & {
|
312
|
-
require(): import("../../../DefineVueTypings").DefinePropModelRequire<string, TextStyleDefinition, {
|
313
|
-
"onUpdate:modelValue": {
|
314
|
-
type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
|
315
|
-
};
|
316
|
-
} & {
|
317
|
-
"v-model": {
|
318
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
319
|
-
required: false;
|
320
|
-
};
|
321
|
-
} & {
|
322
|
-
modelValue: {
|
323
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
324
|
-
required: false;
|
325
|
-
};
|
326
|
-
}>;
|
327
|
-
defaultValue(value?: TextStyleDefinition): import("../../../DefineVueTypings").DefinePropModelDefaultValue<string, TextStyleDefinition, {
|
328
|
-
"onUpdate:modelValue": {
|
329
|
-
type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
|
330
|
-
};
|
331
|
-
} & {
|
332
|
-
"v-model": {
|
333
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
334
|
-
required: false;
|
335
|
-
};
|
336
|
-
} & {
|
337
|
-
modelValue: {
|
338
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
339
|
-
required: false;
|
340
|
-
};
|
341
|
-
}, false>;
|
342
|
-
doc$(description?: string): import("../../../DefineVueTypings").DefinePropModelDoc<string, TextStyleDefinition, {
|
343
|
-
"onUpdate:modelValue": {
|
344
|
-
type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
|
345
|
-
};
|
346
|
-
} & {
|
347
|
-
"v-model": {
|
348
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
349
|
-
required: false;
|
350
|
-
};
|
351
|
-
} & {
|
352
|
-
modelValue: {
|
353
|
-
type: import("vue").PropType<TextStyleDefinition>;
|
354
|
-
required: false;
|
355
|
-
};
|
356
|
-
}>;
|
357
|
-
};
|
358
|
-
blueprint?: TypographyBlueprint;
|
359
|
-
variant?: EditorVariant;
|
360
|
-
modelValue?: TextStyleDefinition;
|
361
|
-
"v-slots"?: {
|
362
|
-
default?: import("../../../DefineVueTypings").Slot;
|
363
|
-
} & {
|
364
|
-
activator?: () => VNodeChild;
|
365
|
-
};
|
366
|
-
"onUpdate:modelValue"?: (value: TextStyleDefinition) => any | void;
|
367
|
-
"v-model"?: TextStyleDefinition;
|
368
|
-
sampleText?: string;
|
369
|
-
toolbarCallback?: (value: () => VNodeChild) => void;
|
370
|
-
textStyleType?: "display" | "headline" | "title" | "text" | "label" | "variants";
|
371
|
-
textStyleSize?: TextStyleSizes;
|
372
|
-
breakpoint?: TextStyleBreakpointType;
|
373
|
-
}>, never>;
|
374
|
-
};
|
30
|
+
} & Omit<{
|
31
|
+
default?: import("vue").Slot;
|
32
|
+
}, "activator">;
|
33
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "blueprint" | "variant" | "modelValue" | "v-model" | "emit:update:modelValue" | "slot:activator" | "breakpoint" | "sampleText" | "toolbarCallback" | "textStyleType" | "textStyleSize"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
375
34
|
export default _default;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import {
|
1
|
+
import { ThemeContextType, TypographyBlueprint, TextStyleSizes, TextStyleType, TextStyleBreakpointType } from "@omnia/fx-models";
|
2
2
|
import { DefineEmit } from "@omnia/fx/ux";
|
3
3
|
import { ViewTypes } from "./store/TypographyViewerStore";
|
4
4
|
type Variant = "list" | "picker";
|
@@ -6,6 +6,10 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
|
6
6
|
blueprint?: TypographyBlueprint;
|
7
7
|
} & {
|
8
8
|
toned?: boolean;
|
9
|
+
} & {
|
10
|
+
showActivationStatus?: boolean;
|
11
|
+
} & {
|
12
|
+
activeScale?: number;
|
9
13
|
} & {
|
10
14
|
sampleText?: string;
|
11
15
|
} & {
|
@@ -18,14 +22,12 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
|
18
22
|
editable?: boolean;
|
19
23
|
} & {
|
20
24
|
themeType?: ThemeContextType;
|
21
|
-
} & DefineEmit<"click:select", (typography: TextStyleType, size: TextStyleSizes) => true> & DefineEmit<"click:
|
22
|
-
"onClick:add"?: () => any;
|
25
|
+
} & DefineEmit<"click:select", (typography: TextStyleType, size: TextStyleSizes) => true> & DefineEmit<"click:selectScale", (scale: number) => true>> & {
|
23
26
|
"onClick:select"?: (typography: "display" | "headline" | "title" | "text" | "label" | "variants", size: TextStyleSizes) => any;
|
24
|
-
"onClick:
|
25
|
-
"onClick:addFill"?: () => any;
|
27
|
+
"onClick:selectScale"?: (scale: number) => any;
|
26
28
|
} & {
|
27
29
|
"v-slots"?: {} & Omit<{
|
28
30
|
default?: import("vue").Slot;
|
29
31
|
}, never>;
|
30
|
-
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "blueprint" | "variant" | "editable" | "toned" | "themeType" | "emit:click:
|
32
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "blueprint" | "variant" | "editable" | "toned" | "themeType" | "emit:click:select" | "breakpoint" | "sampleText" | "showActivationStatus" | "activeScale" | "viewtype" | "emit:click:selectScale"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
31
33
|
export default _default;
|
@@ -5,49 +5,79 @@ export interface BreakpointItem {
|
|
5
5
|
active: boolean;
|
6
6
|
breakpoint: TextStyleBreakpointType;
|
7
7
|
}
|
8
|
+
type lineHeightType = "dynamic" | "fixed" | "typescale";
|
9
|
+
type fontSizeType = "custom" | "typescale";
|
10
|
+
interface SettingsOption {
|
11
|
+
text: string;
|
12
|
+
value: string;
|
13
|
+
}
|
8
14
|
export declare const useTextStyleEditorStore: () => {
|
9
15
|
state: {
|
10
16
|
internalModel: TextStyleDefinition;
|
11
17
|
blueprint: TypographyBlueprint;
|
12
18
|
textStyleType: "display" | "headline" | "title" | "text" | "label" | "variants";
|
13
19
|
textStyleSize: TextStyleSizes;
|
20
|
+
lineHeightType: lineHeightType;
|
21
|
+
fontSizeType: fontSizeType;
|
14
22
|
breakpoint: TextStyleBreakpointType;
|
23
|
+
customValues: {
|
24
|
+
lineHeightMultiplier: number;
|
25
|
+
lineHeight: number;
|
26
|
+
fontSize: number;
|
27
|
+
scale: number;
|
28
|
+
};
|
15
29
|
};
|
16
30
|
actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
|
31
|
+
textStyleDefinition: () => {
|
32
|
+
update: () => void;
|
33
|
+
};
|
17
34
|
set: () => {
|
18
35
|
fontSize: {
|
19
|
-
|
20
|
-
|
36
|
+
fontType: (value: fontSizeType) => void;
|
37
|
+
fixedValue(value: number): void;
|
38
|
+
scale(value: number): void;
|
21
39
|
};
|
22
40
|
lineHeight: {
|
23
|
-
|
24
|
-
|
25
|
-
value(value: number): void;
|
41
|
+
lineHeightType: (value: lineHeightType) => void;
|
42
|
+
fixedValue(value: number): void;
|
26
43
|
multiplier: (value: number) => void;
|
27
44
|
};
|
28
45
|
fontWeight: (value: number) => void;
|
29
46
|
letterSpacing: (value: number) => void;
|
30
47
|
};
|
31
|
-
|
32
|
-
|
33
|
-
|
48
|
+
breakpoint: () => {
|
49
|
+
activate: (value: boolean) => void;
|
50
|
+
};
|
51
|
+
init: () => {
|
52
|
+
customValues: () => void;
|
53
|
+
state: (model: TextStyleDefinition, textStyleType: TextStyleType, breakpoint: TextStyleBreakpointType, blueprint: TypographyBlueprint, textStyleSize: TextStyleSizes) => void;
|
54
|
+
};
|
34
55
|
}>;
|
35
56
|
get: {
|
36
57
|
typeScale: {
|
37
58
|
readonly lineHeightMultiplier: number;
|
38
59
|
readonly defaultTextStyle: TextStyleBreakPoint;
|
39
60
|
};
|
40
|
-
readonly
|
61
|
+
readonly breakpoint: {
|
62
|
+
readonly textStyle: TextStyleBreakPoint;
|
63
|
+
};
|
64
|
+
readonly baseStyle: {
|
65
|
+
readonly scale: number;
|
66
|
+
};
|
41
67
|
};
|
42
68
|
rules: {
|
69
|
+
readonly isEnabled: boolean;
|
43
70
|
show: {
|
71
|
+
readonly enableDisableSwitch: boolean;
|
44
72
|
readonly name: boolean;
|
45
|
-
readonly
|
73
|
+
readonly ItalicSettings: boolean;
|
46
74
|
};
|
47
75
|
};
|
48
76
|
dataTypes: {
|
49
|
-
|
77
|
+
lineHeightOptions: SettingsOption[];
|
78
|
+
fontSizeOptions: SettingsOption[];
|
50
79
|
};
|
51
80
|
} & {
|
52
81
|
dispose?: () => void;
|
53
82
|
};
|
83
|
+
export {};
|
@@ -6,13 +6,16 @@ export declare const useTypographyViewerStore: () => {
|
|
6
6
|
viewType: ViewTypes;
|
7
7
|
breakPoint: TextStyleBreakpointType;
|
8
8
|
sampleText: string;
|
9
|
+
settings: {
|
10
|
+
showBreakpiontActivStatues: boolean;
|
11
|
+
};
|
9
12
|
};
|
10
13
|
actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
|
11
14
|
initState: (blueprint: TypographyBlueprint, viewType: ViewTypes, breakPoint: TextStyleBreakpointType, sampleText: string) => void;
|
12
15
|
}>;
|
13
16
|
get: {
|
14
17
|
typeScale: {
|
15
|
-
|
18
|
+
textStyleDefinition: {
|
16
19
|
bySize: (size: any) => {
|
17
20
|
textStyleDefinition: TextStyleDefinition;
|
18
21
|
fontSize: number;
|
@@ -33,6 +36,8 @@ export declare const useTypographyViewerStore: () => {
|
|
33
36
|
isSizeUsed(size: number): boolean;
|
34
37
|
};
|
35
38
|
breakpoint: {
|
39
|
+
isActive(textStyleType: TextStyleType, size: TextStyleSizes): boolean;
|
40
|
+
readonly showActivationStatus: boolean;
|
36
41
|
readonly isCustomBreakpoint: boolean;
|
37
42
|
};
|
38
43
|
variants: {
|
@@ -1,14 +1,21 @@
|
|
1
|
-
import { TextStyleDefinition,
|
1
|
+
import { TextStyleDefinition, TypographyBlueprint } from "@omnia/fx-models";
|
2
|
+
interface BreakpointScale {
|
3
|
+
lg: number;
|
4
|
+
md: number;
|
5
|
+
sm: number;
|
6
|
+
}
|
2
7
|
export declare function useTypographyBlueprintManager(): {
|
3
8
|
typeScale: {
|
4
|
-
|
9
|
+
createTextStyleDefinition: (blueprint: TypographyBlueprint, scaleSlots: BreakpointScale) => TextStyleDefinition;
|
5
10
|
};
|
6
|
-
|
7
|
-
|
8
|
-
|
11
|
+
textStyledefinition: {
|
12
|
+
createAll(blueprint: TypographyBlueprint): TypographyBlueprint;
|
13
|
+
update(definition: TextStyleDefinition, blueprint: TypographyBlueprint): TextStyleDefinition;
|
14
|
+
strip(definition: TextStyleDefinition): TextStyleDefinition;
|
9
15
|
};
|
10
16
|
blueprint: {
|
11
|
-
|
17
|
+
initFromScale(blueprint: TypographyBlueprint): TypographyBlueprint;
|
12
18
|
strip(blueprint: TypographyBlueprint): TypographyBlueprint;
|
13
19
|
};
|
14
20
|
};
|
21
|
+
export {};
|
@@ -11,6 +11,9 @@ export declare const useTypographyBlueprintStore: () => {
|
|
11
11
|
id: guid;
|
12
12
|
availableFonts: TypographyFontDefinition[];
|
13
13
|
}, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
|
14
|
+
rules: {
|
15
|
+
isStyleActive: (textStyleType: TextStyleType, size: TextStyleSizes) => boolean;
|
16
|
+
};
|
14
17
|
actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
|
15
18
|
normalize(blueprint: TypographyBlueprint): TypographyBlueprint;
|
16
19
|
setBlueprint(): void;
|
@@ -323,9 +323,9 @@ declare const _default: {
|
|
323
323
|
hideGroupTypeSelection?: Boolean;
|
324
324
|
hideUserTypeSelection?: Boolean;
|
325
325
|
hideDynamicGroupSelection?: Boolean;
|
326
|
+
displayIdentityType?: Boolean;
|
326
327
|
enableSpecialUser?: ISpecialUserConfiguration;
|
327
328
|
showSelectedIdentities?: Boolean;
|
328
|
-
displayIdentityType?: Boolean;
|
329
329
|
isClosed?: Boolean;
|
330
330
|
}>, "onRemove" | "onDoc$" | "onAdd" | "onCloseDialog"> & {
|
331
331
|
onRemove?: (identity: Identity) => any;
|
@@ -35,6 +35,8 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
|
35
35
|
hideUserTypeSelection?: boolean;
|
36
36
|
} & {
|
37
37
|
hideDynamicGroupSelection?: boolean;
|
38
|
+
} & {
|
39
|
+
displayIdentityType?: boolean;
|
38
40
|
} & {
|
39
41
|
identityStore?: IIdentityPickerStore;
|
40
42
|
} & {
|
@@ -52,5 +54,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
|
52
54
|
"v-slots"?: {} & Omit<{
|
53
55
|
default?: import("vue").Slot;
|
54
56
|
}, never>;
|
55
|
-
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "filter" | "type" | "top" | "identityStore" | "disabled" | "location" | "modelValue" | "v-model" | "emit:update:modelValue" | "providerIds" | "emailEnabled" | "permissionEnabled" | "businessProfileId" | "attachToParent" | "keepSelectionMenu" | "disabledIdentities" | "blockedIdentities" | "hideTab" | "hideGroupTypeSelection" | "hideUserTypeSelection" | "hideDynamicGroupSelection" | "enableSpecialUser" | "emit:identityChanged"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
57
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "filter" | "type" | "top" | "identityStore" | "disabled" | "location" | "modelValue" | "v-model" | "emit:update:modelValue" | "providerIds" | "emailEnabled" | "permissionEnabled" | "businessProfileId" | "attachToParent" | "keepSelectionMenu" | "disabledIdentities" | "blockedIdentities" | "hideTab" | "hideGroupTypeSelection" | "hideUserTypeSelection" | "hideDynamicGroupSelection" | "displayIdentityType" | "enableSpecialUser" | "emit:identityChanged"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
56
58
|
export default _default;
|
@@ -55,6 +55,8 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
|
55
55
|
hideUserTypeSelection?: boolean;
|
56
56
|
} & {
|
57
57
|
hideDynamicGroupSelection?: boolean;
|
58
|
+
} & {
|
59
|
+
displayIdentityType?: boolean;
|
58
60
|
} & {
|
59
61
|
identityStore?: IIdentityPickerStore;
|
60
62
|
} & {
|
@@ -72,5 +74,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
|
72
74
|
"v-slots"?: {} & Omit<{
|
73
75
|
default?: import("vue").Slot;
|
74
76
|
}, never>;
|
75
|
-
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "filter" | "label" | "type" | "top" | "variant" | "identityStore" | "required" | "multiple" | "dense" | "disabled" | "modelValue" | "v-model" | "emit:update:modelValue" | "description" | "ariaInvalid" | "ariaDescribedby" | "providerIds" | "emailEnabled" | "permissionEnabled" | "businessProfileId" | "singleLine" | "attachToParent" | "keepSelectionMenu" | "showCurrentUserOption" | "autoOpenSelection" | "disabledIdentities" | "blockedIdentities" | "emit:menuToggle" | "hideTab" | "hideGroupTypeSelection" | "hideUserTypeSelection" | "hideDynamicGroupSelection" | "enableSpecialUser"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
77
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "filter" | "label" | "type" | "top" | "variant" | "identityStore" | "required" | "multiple" | "dense" | "disabled" | "modelValue" | "v-model" | "emit:update:modelValue" | "description" | "ariaInvalid" | "ariaDescribedby" | "providerIds" | "emailEnabled" | "permissionEnabled" | "businessProfileId" | "singleLine" | "attachToParent" | "keepSelectionMenu" | "showCurrentUserOption" | "autoOpenSelection" | "disabledIdentities" | "blockedIdentities" | "emit:menuToggle" | "hideTab" | "hideGroupTypeSelection" | "hideUserTypeSelection" | "hideDynamicGroupSelection" | "displayIdentityType" | "enableSpecialUser"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
76
78
|
export default _default;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot, DefineVModel, JourneySelectItem, JourneySelectPropertyMapping, useJourneySelectStore } from "@omnia/fx/ux";
|
2
2
|
import { VNodeChild } from "vue";
|
3
3
|
import { ActionDefinition } from "@omnia/fx-models";
|
4
|
-
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<TItem>, 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<"titleAdd", string, null, null, "The add title of the add blade"> & DefineProp<"titleEdit", string, null, null, "The edit title of the edit blade"> & 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<"bladelessAdd", boolean, false, null, "If addis not a blade and only fires events"> & DefineProp<"bladeless", boolean, false, null, "If add/edit is not a blade and only fires events"> & DefineProp<"actions", ActionDefinition[], false, null, "Actions to display in the blade header"> & DefineProp<"itemSettingable", (item: TItem) => boolean, false, null, "Item has settings or not."> & DefineSlot<"selectionItemRender", (item: JourneySelectItem<any>, index: number, isSelected: boolean) => VNodeChild> & DefineSlot<"selectionRender", () => VNodeChild> & DefineSlot<"selectedItemRenderer", (item: JourneySelectItem<any>, index: number) => VNodeChild> & DefineSlot<"settingsRender", (item: JourneySelectItem<any>, index: number) => VNodeChild> & DefineSlot<"actions", () => 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
|
+
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<TItem>, 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<"titleAdd", string, null, null, "The add title of the add blade"> & DefineProp<"titleEdit", string, null, null, "The edit title of the edit blade"> & 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<"bladelessAdd", boolean, false, null, "If addis not a blade and only fires events"> & DefineProp<"bladeless", boolean, false, null, "If add/edit is not a blade and only fires events"> & DefineProp<"actions", ActionDefinition[], false, null, "Actions to display in the blade header of the selection blade"> & DefineProp<"itemSettingable", (item: TItem) => boolean, false, null, "Item has settings or not."> & DefineProp<"itemDeletable", (item: TItem) => boolean, false, null, "Item can be deleted or not."> & DefineSlot<"selectionItemRender", (item: JourneySelectItem<any>, index: number, isSelected: boolean) => VNodeChild> & DefineSlot<"selectionRender", () => VNodeChild> & DefineSlot<"selectedItemRenderer", (item: JourneySelectItem<any>, index: number) => VNodeChild> & DefineSlot<"settingsRender", (item: JourneySelectItem<any>, index: number) => VNodeChild> & DefineSlot<"actions", () => 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>;
|
5
5
|
declare const _default: <TItem extends unknown = any>(props: import("@omnia/fx/ux").ExtractProps<BaseProps<TItem>> & {
|
6
6
|
"onUpdate:modelValue"?: (value: any) => any;
|
7
7
|
"onClick:clear"?: () => any;
|
@@ -21,5 +21,5 @@ declare const _default: <TItem extends unknown = any>(props: import("@omnia/fx/u
|
|
21
21
|
} & Omit<{
|
22
22
|
default?: import("vue").Slot;
|
23
23
|
}, "actions" | "selectionItemRender" | "selectionRender" | "selectedItemRenderer" | "settingsRender">;
|
24
|
-
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "actions" | "list" | "multiple" | "colorSchemaType" | "modelValue" | "items" | "readonly" | "slot:actions" | "colors" | "v-model" | "toned" | "emit:update:modelValue" | "emit:search" | "getApi" | "emit:click:clear" | "emit:click:add" | "emit:click:delete" | "sortable" | "labelAdd" | "propertyValueMapping" | "returnSelectionAsObject" | "titleAdd" | "titleEdit" | "disableSearch" | "disableSave" | "confirmDelete" | "noAddConfirm" | "bladelessAdd" | "bladeless" | "itemSettingable" | "slot:selectionItemRender" | "slot:selectionRender" | "slot:selectedItemRenderer" | "slot:settingsRender" | "emit:showAdd" | "emit:showEdit" | "emit:click:update"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
24
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "actions" | "list" | "multiple" | "colorSchemaType" | "modelValue" | "items" | "readonly" | "slot:actions" | "colors" | "v-model" | "toned" | "emit:update:modelValue" | "emit:search" | "getApi" | "emit:click:clear" | "emit:click:add" | "emit:click:delete" | "sortable" | "labelAdd" | "propertyValueMapping" | "returnSelectionAsObject" | "titleAdd" | "titleEdit" | "disableSearch" | "disableSave" | "confirmDelete" | "noAddConfirm" | "bladelessAdd" | "bladeless" | "itemSettingable" | "itemDeletable" | "slot:selectionItemRender" | "slot:selectionRender" | "slot:selectedItemRenderer" | "slot:settingsRender" | "emit:showAdd" | "emit:showEdit" | "emit:click:update"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
25
25
|
export default _default;
|
@@ -51,6 +51,7 @@ export declare const useJourneySelectStore: () => {
|
|
51
51
|
selectedItems: {
|
52
52
|
all: JourneySelectItem<any>[];
|
53
53
|
inEdit: JourneySelectItem<any>[];
|
54
|
+
isDeletable: (item: any) => boolean;
|
54
55
|
};
|
55
56
|
selectedItem: {
|
56
57
|
item: JourneySelectItem<any>;
|
@@ -92,6 +93,7 @@ export declare const useJourneySelectStore: () => {
|
|
92
93
|
selectedItems: {
|
93
94
|
all: JourneySelectItem<any>[];
|
94
95
|
inEdit: JourneySelectItem<any>[];
|
96
|
+
isDeletable: (item: any) => boolean;
|
95
97
|
};
|
96
98
|
selectedItem: {
|
97
99
|
item: JourneySelectItem<any>;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot, ItemValueType } from "@omnia/fx/ux";
|
2
2
|
import { VNodeChild } from "vue";
|
3
3
|
import { OMultiSelectionStyles } from "@omnia/fx-models";
|
4
|
-
type SelectionVariants = "remove" | "settings";
|
4
|
+
type SelectionVariants = "remove" | "settings" | "readonly";
|
5
5
|
type BaseProps<TItem> = DefinePropTheming & DefineProp<"items", TItem[], false, null, "TItem must be an array of objects or array of strings. When using objects, will look for a title, value and disabled keys. This can be changed using the item-title, item-value and item-disabled props."> & DefineProp<"variant", SelectionVariants, false, null, "The component variants"> & DefineProp<"toned", boolean, false, null, "Sets the component to toned"> & DefineProp<"sorting", boolean, false, null, "Sets the component to sorting mode"> & DefineProp<"itemValue", ItemValueType<TItem>, false, null, "Property on supplied items that contains its value."> & DefineProp<"itemTitle", ItemValueType<TItem>, false, null, "Property on supplied items that contains its title."> & DefineProp<"itemSubtitle", string, false, null, "Property on supplied items that contains its value."> & DefineProp<"itemIcon", string, false, null, "Property on supplied items that contains its value."> & DefineProp<"enableAdd", boolean, false, null, "If add button is shown"> & DefineProp<"selectionStyle", OMultiSelectionStyles, false, null, "The style of multi select"> & DefineProp<"itemSettingable", (item: TItem) => boolean, false, null, "Item has settings or not."> & DefineSlot<"item", (item: TItem, index: Number) => VNodeChild> & DefineEmit<"selectItem", (index: any) => true> & DefineEmit<"sort:update", (items: TItem[]) => true> & DefineEmit<"addItem", () => true>;
|
6
6
|
declare const _default: <TItem extends unknown>(props: import("@omnia/fx/ux").ExtractProps<BaseProps<TItem>> & {
|
7
7
|
onSelectItem?: (index: any) => any;
|
@@ -9,7 +9,6 @@ declare const _default: {
|
|
9
9
|
defaultConfiguration?: import("vue").Prop<PropertyConfiguration<PropertyDefinition<PropertyValue, LockingPropertyDisplaySettings, any, import("@omnia/fx-models").PropertySetupBase>>, PropertyConfiguration<PropertyDefinition<PropertyValue, LockingPropertyDisplaySettings, any, import("@omnia/fx-models").PropertySetupBase>>>;
|
10
10
|
multilingualContext?: import("vue").Prop<import("@omnia/fx/ux").MultilingualContext, import("@omnia/fx/ux").MultilingualContext>;
|
11
11
|
append?: import("vue").Prop<(item?: PropertyConfiguration<PropertyDefinition<PropertyValue, LockingPropertyDisplaySettings, any, import("@omnia/fx-models").PropertySetupBase>>) => import("vue").VNodeChild, (item?: PropertyConfiguration<PropertyDefinition<PropertyValue, LockingPropertyDisplaySettings, any, import("@omnia/fx-models").PropertySetupBase>>) => import("vue").VNodeChild>;
|
12
|
-
prependSetting?: import("vue").Prop<() => import("vue").VNodeChild, () => import("vue").VNodeChild>;
|
13
12
|
"v-model": import("vue").Prop<PropertyConfiguration<PropertyDefinition<PropertyValue, LockingPropertyDisplaySettings, any, import("@omnia/fx-models").PropertySetupBase>>, PropertyConfiguration<PropertyDefinition<PropertyValue, LockingPropertyDisplaySettings, any, import("@omnia/fx-models").PropertySetupBase>>>;
|
14
13
|
onVnodeBeforeMount?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
|
15
14
|
onVnodeMounted?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
|
@@ -32,7 +31,6 @@ declare const _default: {
|
|
32
31
|
defaultConfiguration?: import("vue").Prop<PropertyConfiguration<PropertyDefinition<PropertyValue, LockingPropertyDisplaySettings, any, import("@omnia/fx-models").PropertySetupBase>>, PropertyConfiguration<PropertyDefinition<PropertyValue, LockingPropertyDisplaySettings, any, import("@omnia/fx-models").PropertySetupBase>>>;
|
33
32
|
multilingualContext?: import("vue").Prop<import("@omnia/fx/ux").MultilingualContext, import("@omnia/fx/ux").MultilingualContext>;
|
34
33
|
append?: import("vue").Prop<(item?: PropertyConfiguration<PropertyDefinition<PropertyValue, LockingPropertyDisplaySettings, any, import("@omnia/fx-models").PropertySetupBase>>) => import("vue").VNodeChild, (item?: PropertyConfiguration<PropertyDefinition<PropertyValue, LockingPropertyDisplaySettings, any, import("@omnia/fx-models").PropertySetupBase>>) => import("vue").VNodeChild>;
|
35
|
-
prependSetting?: import("vue").Prop<() => import("vue").VNodeChild, () => import("vue").VNodeChild>;
|
36
34
|
"v-model": import("vue").Prop<PropertyConfiguration<PropertyDefinition<PropertyValue, LockingPropertyDisplaySettings, any, import("@omnia/fx-models").PropertySetupBase>>, PropertyConfiguration<PropertyDefinition<PropertyValue, LockingPropertyDisplaySettings, any, import("@omnia/fx-models").PropertySetupBase>>>;
|
37
35
|
onVnodeBeforeMount?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
|
38
36
|
onVnodeMounted?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
|
@@ -52,7 +50,6 @@ declare const _default: {
|
|
52
50
|
defaultConfiguration?: import("vue").Prop<PropertyConfiguration<PropertyDefinition<PropertyValue, LockingPropertyDisplaySettings, any, import("@omnia/fx-models").PropertySetupBase>>, PropertyConfiguration<PropertyDefinition<PropertyValue, LockingPropertyDisplaySettings, any, import("@omnia/fx-models").PropertySetupBase>>>;
|
53
51
|
multilingualContext?: import("vue").Prop<import("@omnia/fx/ux").MultilingualContext, import("@omnia/fx/ux").MultilingualContext>;
|
54
52
|
append?: import("vue").Prop<(item?: PropertyConfiguration<PropertyDefinition<PropertyValue, LockingPropertyDisplaySettings, any, import("@omnia/fx-models").PropertySetupBase>>) => import("vue").VNodeChild, (item?: PropertyConfiguration<PropertyDefinition<PropertyValue, LockingPropertyDisplaySettings, any, import("@omnia/fx-models").PropertySetupBase>>) => import("vue").VNodeChild>;
|
55
|
-
prependSetting?: import("vue").Prop<() => import("vue").VNodeChild, () => import("vue").VNodeChild>;
|
56
53
|
"v-model": import("vue").Prop<PropertyConfiguration<PropertyDefinition<PropertyValue, LockingPropertyDisplaySettings, any, import("@omnia/fx-models").PropertySetupBase>>, PropertyConfiguration<PropertyDefinition<PropertyValue, LockingPropertyDisplaySettings, any, import("@omnia/fx-models").PropertySetupBase>>>;
|
57
54
|
onVnodeBeforeMount?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
|
58
55
|
onVnodeMounted?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
|
@@ -76,7 +73,6 @@ declare const _default: {
|
|
76
73
|
showLockConfiguration?: boolean;
|
77
74
|
renderEditSettings?: boolean;
|
78
75
|
defaultConfiguration?: PropertyConfiguration<PropertyDefinition<PropertyValue, LockingPropertyDisplaySettings, any, import("@omnia/fx-models").PropertySetupBase>>;
|
79
|
-
prependSetting?: () => import("vue").VNodeChild;
|
80
76
|
}>, never>;
|
81
77
|
};
|
82
78
|
export default _default;
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@omnia/fx",
|
3
3
|
"license": "MIT",
|
4
|
-
"version": "8.0.
|
4
|
+
"version": "8.0.406-dev",
|
5
5
|
"description": "Provide Omnia Fx typings and tooling for clientside Omnia development.",
|
6
6
|
"scripts": {
|
7
7
|
"test": "echo \"Error: no test specified\" && exit 1",
|
@@ -20,7 +20,7 @@
|
|
20
20
|
],
|
21
21
|
"author": "Omnia Digital Workplace AB",
|
22
22
|
"dependencies": {
|
23
|
-
"@omnia/fx-models": "8.0.
|
23
|
+
"@omnia/fx-models": "8.0.406-dev",
|
24
24
|
"@microsoft/signalr": "6.0.1",
|
25
25
|
"broadcast-channel": "4.8.0",
|
26
26
|
"dayjs": "1.11.7",
|