@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.
Files changed (17) hide show
  1. package/internal-do-not-import-from-here/ux/aurora/admin/blades/typography/store/TypographyEditorStore.d.ts +0 -3
  2. package/internal-do-not-import-from-here/ux/aurora/components/textstylepicker/TextStylePicker.d.ts +13 -6
  3. package/internal-do-not-import-from-here/ux/aurora/components/textstylepicker/store/TextStylePickerStore.d.ts +9 -3
  4. package/internal-do-not-import-from-here/ux/aurora/components/typography/TextStyleEditor.d.ts +29 -370
  5. package/internal-do-not-import-from-here/ux/aurora/components/typography/TypographyBlueprintsViewer.d.ts +8 -6
  6. package/internal-do-not-import-from-here/ux/aurora/components/typography/store/TextStyleEditorStore.d.ts +41 -11
  7. package/internal-do-not-import-from-here/ux/aurora/components/typography/store/TypographyViewerStore.d.ts +6 -1
  8. package/internal-do-not-import-from-here/ux/aurora/store/TypographyBlueprintManager.d.ts +13 -6
  9. package/internal-do-not-import-from-here/ux/aurora/store/TypographyBlueprintStore.d.ts +3 -0
  10. package/internal-do-not-import-from-here/ux/identitypicker/IdentityPicker.d.ts +1 -1
  11. package/internal-do-not-import-from-here/ux/identitypicker/IdentityPickerDialog.d.ts +3 -1
  12. package/internal-do-not-import-from-here/ux/identitypicker/IdentityPickerField.d.ts +3 -1
  13. package/internal-do-not-import-from-here/ux/journey/selection/JourneySelect.d.ts +2 -2
  14. package/internal-do-not-import-from-here/ux/journey/stores/JourneySelectStore.d.ts +2 -0
  15. package/internal-do-not-import-from-here/ux/oxide/selection/Selection.d.ts +1 -1
  16. package/internal-do-not-import-from-here/ux/properties/property-configuration/LabelOptionsRenderer.d.ts +0 -4
  17. 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(): {
@@ -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
  };
@@ -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
- new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
6
- "v-slots": import("vue").Prop<{
7
- default?: import("../../../DefineVueTypings").Slot;
8
- } & {
9
- activator?: () => VNodeChild;
10
- }>;
11
- toolbarCallback: {
12
- type: import("vue").PropType<(value: () => VNodeChild) => void>;
13
- };
14
- sampleText: {
15
- type: import("vue").PropType<string>;
16
- };
17
- breakpoint: {
18
- type: import("vue").PropType<TextStyleBreakpointType>;
19
- };
20
- textStyleSize: {
21
- type: import("vue").PropType<TextStyleSizes>;
22
- };
23
- textStyleType: {
24
- type: import("vue").PropType<"display" | "headline" | "title" | "text" | "label" | "variants">;
25
- };
26
- blueprint: {
27
- type: import("vue").PropType<TypographyBlueprint>;
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
- toolbarCallback: {
209
- type: import("vue").PropType<(value: () => VNodeChild) => void>;
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 { BlueprintVariant, ThemeContextType, TypographyBlueprint, TextStyleSizes, TextStyleType, TextStyleBreakpointType } from "@omnia/fx-models";
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:selectFill", (variant: BlueprintVariant) => true> & DefineEmit<"click:add", () => true> & DefineEmit<"click:addFill", () => true>> & {
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:selectFill"?: (variant: BlueprintVariant) => any;
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:add" | "emit:click:select" | "sampleText" | "breakpoint" | "viewtype" | "emit:click:selectFill" | "emit:click:addFill"> & import("@omnia/fx/ux").VNodeEvents) => any;
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
- activateCustom: (value: boolean) => void;
20
- value(value: number): void;
36
+ fontType: (value: fontSizeType) => void;
37
+ fixedValue(value: number): void;
38
+ scale(value: number): void;
21
39
  };
22
40
  lineHeight: {
23
- readonly calculate: void;
24
- activateCustom: (value: boolean) => void;
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
- cleanBreakpoint: () => void;
32
- ensureBreakpoint: () => void;
33
- initState: (model: TextStyleDefinition, textStyleType: TextStyleType, breakpoint: TextStyleBreakpointType, blueprint: TypographyBlueprint, textStyleSize: TextStyleSizes) => void;
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 textDefinition: TextStyleBreakPoint;
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 upperCaseAndItalicSettings: boolean;
73
+ readonly ItalicSettings: boolean;
46
74
  };
47
75
  };
48
76
  dataTypes: {
49
- breakpoints: BreakpointItem[];
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
- definition: {
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, TextStyleSizes, TextStyleType, TypographyBlueprint } from "@omnia/fx-models";
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
- createDefinition: (blueprint: TypographyBlueprint, scaleSlot: number) => TextStyleDefinition;
9
+ createTextStyleDefinition: (blueprint: TypographyBlueprint, scaleSlots: BreakpointScale) => TextStyleDefinition;
5
10
  };
6
- definition: {
7
- updateAllFromTypeScale(blueprint: TypographyBlueprint): TypographyBlueprint;
8
- updateFromBaseStyles(definition: TextStyleDefinition, type: TextStyleType, size: TextStyleSizes, blueprint: TypographyBlueprint): TextStyleDefinition;
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
- initScale(blueprint: TypographyBlueprint): TypographyBlueprint;
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.405-dev",
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.405-dev",
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",