@omnia/fx 8.0.20-vnext → 8.0.21-vnext

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 (84) hide show
  1. package/internal-do-not-import-from-here/libs/prismjs/index.d.ts +2 -0
  2. package/internal-do-not-import-from-here/manifests/omnia.fx.ux.richtexteditor.manifest.json +1 -1
  3. package/internal-do-not-import-from-here/manifests/omnia.vendor.manifest.json +1 -1
  4. package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.d.ts +2 -2
  5. package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.js +0 -4
  6. package/internal-do-not-import-from-here/shared/models/theming/TypographyDefinition.d.ts +1 -1
  7. package/internal-do-not-import-from-here/shared/models/theming/UseThemeMethods.d.ts +3 -2
  8. package/internal-do-not-import-from-here/shared/models/theming/UseThemeMethods.js +17 -17
  9. package/internal-do-not-import-from-here/stores/DefineStore.d.ts +2 -2
  10. package/internal-do-not-import-from-here/ux/ComponentTypings.d.ts +7 -1
  11. package/internal-do-not-import-from-here/ux/InternalDefineWebComponent.d.ts +2 -0
  12. package/internal-do-not-import-from-here/ux/app/management/tabs/templates/Template.d.ts +1 -1
  13. package/internal-do-not-import-from-here/ux/compositiontests/stores/useNewStoreTest.d.ts +5 -13
  14. package/internal-do-not-import-from-here/ux/datetimezonepicker/DateTimeZonePicker.d.ts +1 -1
  15. package/internal-do-not-import-from-here/ux/datetimezonerenderer/DateTimeZoneRenderer.d.ts +1 -1
  16. package/internal-do-not-import-from-here/ux/docs/Docs.d.ts +40 -4
  17. package/internal-do-not-import-from-here/ux/docs/chrome/DocsChrome.css.d.ts +9 -5
  18. package/internal-do-not-import-from-here/ux/docs/chrome/SampleViewer.css.d.ts +9 -0
  19. package/internal-do-not-import-from-here/ux/docs/chrome/SampleViewer.d.ts +140 -0
  20. package/internal-do-not-import-from-here/ux/docs/services/DocsService.d.ts +6 -0
  21. package/internal-do-not-import-from-here/ux/docs/services/index.d.ts +1 -0
  22. package/internal-do-not-import-from-here/ux/identities/IdentityRenderer.d.ts +1 -1
  23. package/internal-do-not-import-from-here/ux/identitypicker/IdentityPicker.d.ts +1 -1
  24. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutItemselector/LayoutItemSelector.d.ts +23 -10
  25. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitemactiontoolbar/LayoutItemActionToolbar.d.ts +151 -51
  26. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitemactiontoolbar/LayoutItemActionToolbar_old.d.ts +51 -0
  27. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutBlock.css.d.ts +4 -4
  28. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutBlock.d.ts +26 -6
  29. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutColumn.d.ts +27 -7
  30. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutSection.css.d.ts +3 -3
  31. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutSection.d.ts +28 -8
  32. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/SettingsPanel.d.ts +1 -1
  33. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/targetselector/TargetSelector.d.ts +171 -19
  34. package/internal-do-not-import-from-here/ux/layoutcanvas/renderer/LayoutBlockRendererHelper.d.ts +339 -30
  35. package/internal-do-not-import-from-here/ux/layoutcanvas/renderer/LayoutRendererCanvas.d.ts +188 -35
  36. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsdesigner/StepperSectionDesigner.d.ts +100 -49
  37. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsdesigner/index.d.ts +2 -0
  38. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutBlockRenderer.d.ts +200 -68
  39. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutColumnRenderer.d.ts +172 -27
  40. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutSectionRenderer.d.ts +178 -48
  41. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutSectionStepperRenderer.d.ts +150 -11
  42. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutSectionTabRenderer.d.ts +151 -55
  43. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutStepRenderer.d.ts +198 -30
  44. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutTabRenderer.d.ts +198 -30
  45. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/index.d.ts +8 -0
  46. package/internal-do-not-import-from-here/ux/layoutcanvas/stores/LayoutCanvasStore.d.ts +3 -1
  47. package/internal-do-not-import-from-here/ux/oxide/btn/Button.css.d.ts +2 -1
  48. package/internal-do-not-import-from-here/ux/oxide/btn/Button.d.ts +32 -30
  49. package/internal-do-not-import-from-here/ux/oxide/btn/docs/ButtonExamples.d.ts +1 -0
  50. package/internal-do-not-import-from-here/ux/oxide/checkbox/Checkbox.d.ts +1 -1
  51. package/internal-do-not-import-from-here/ux/oxide/dialog/Dialog.css.d.ts +2 -1
  52. package/internal-do-not-import-from-here/ux/oxide/dialog/Dialog.d.ts +32 -31
  53. package/internal-do-not-import-from-here/ux/oxide/dialog/docs/DialogExamples.d.ts +1 -0
  54. package/internal-do-not-import-from-here/ux/oxide/dialog/docs/DialogWithLeftBar.d.ts +46 -0
  55. package/internal-do-not-import-from-here/ux/oxide/dialog/docs/DialogWithNavigation.d.ts +46 -0
  56. package/internal-do-not-import-from-here/ux/oxide/dialog/docs/index.d.ts +1 -0
  57. package/internal-do-not-import-from-here/ux/oxide/expansionpanel/ExpansionPanel.css.d.ts +1 -1
  58. package/internal-do-not-import-from-here/ux/oxide/expansionpanel/ExpansionPanel.d.ts +21 -0
  59. package/internal-do-not-import-from-here/ux/oxide/panel/Panel.css.d.ts +8 -4
  60. package/internal-do-not-import-from-here/ux/oxide/panel/Panel.d.ts +50 -49
  61. package/internal-do-not-import-from-here/ux/oxide/panel/docs/BasicPanelTypes.d.ts +46 -0
  62. package/internal-do-not-import-from-here/ux/oxide/panel/docs/Examples.d.ts +1 -0
  63. package/internal-do-not-import-from-here/ux/oxide/panel/docs/PanelAlignment.d.ts +46 -0
  64. package/internal-do-not-import-from-here/ux/oxide/panel/docs/PanelVariants.d.ts +46 -0
  65. package/internal-do-not-import-from-here/ux/oxide/panel/docs/index.d.ts +1 -0
  66. package/internal-do-not-import-from-here/ux/oxide/radio/Radio.d.ts +1 -1
  67. package/internal-do-not-import-from-here/ux/oxide/table/Table.css.d.ts +4 -1
  68. package/internal-do-not-import-from-here/ux/oxide/table/Table.d.ts +21 -0
  69. package/internal-do-not-import-from-here/ux/oxide/text/Text.d.ts +19 -19
  70. package/internal-do-not-import-from-here/ux/richtexteditor/RichTextEditor.d.ts +1 -1
  71. package/internal-do-not-import-from-here/ux/richtexteditor/RichTextEditorSettings.d.ts +2 -2
  72. package/internal-do-not-import-from-here/ux/richtexteditor/extensions/Doc/DocNode.d.ts +1 -1
  73. package/internal-do-not-import-from-here/ux/theming-v2/ColorSchemaStore.d.ts +31 -11
  74. package/internal-do-not-import-from-here/ux/theming-v2/styling/index.d.ts +0 -1
  75. package/internal-do-not-import-from-here/ux/use/UseColorSchemaSetup.d.ts +63 -0
  76. package/internal-do-not-import-from-here/ux/use/index.d.ts +1 -1
  77. package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronRenderers.d.ts +8 -7
  78. package/internal-do-not-import-from-here/wctypings.d.ts +6 -2
  79. package/package.json +3 -3
  80. package/internal-do-not-import-from-here/ux/layoutcanvas/renderer/ILayoutBlockRendererHelper.d.ts +0 -29
  81. package/internal-do-not-import-from-here/ux/layoutcanvas/renderer/ILayoutRendererCanvas.d.ts +0 -22
  82. package/internal-do-not-import-from-here/ux/theming-v2/styling/UseVuetifyStyling.d.ts +0 -4
  83. package/internal-do-not-import-from-here/ux/use/UseComponentSetup.d.ts +0 -54
  84. /package/internal-do-not-import-from-here/ux/{oxide/btn/docs/ButtonIntro.d.ts → compositiontests/WowComp.d.ts} +0 -0
@@ -0,0 +1,140 @@
1
+ declare const _default: {
2
+ new (...args: any[]): {
3
+ $: import("vue").ComponentInternalInstance;
4
+ $data: {};
5
+ $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
6
+ component: {
7
+ type: import("vue").PropType<any>;
8
+ } & {
9
+ type: import("vue").PropType<any>;
10
+ };
11
+ title: {
12
+ type: import("vue").PropType<string>;
13
+ } & {
14
+ type: import("vue").PropType<string>;
15
+ };
16
+ description: {
17
+ type: import("vue").PropType<string>;
18
+ } & {
19
+ type: import("vue").PropType<string>;
20
+ };
21
+ "relative-url": {
22
+ type: import("vue").PropType<string>;
23
+ };
24
+ relativeUrl: {
25
+ type: import("vue").PropType<string>;
26
+ };
27
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
28
+ $attrs: {
29
+ [x: string]: unknown;
30
+ };
31
+ $refs: {
32
+ [x: string]: unknown;
33
+ };
34
+ $slots: Readonly<{
35
+ [name: string]: import("vue").Slot;
36
+ }>;
37
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
38
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
39
+ $emit: (event: string, ...args: any[]) => void;
40
+ $el: any;
41
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
42
+ component: {
43
+ type: import("vue").PropType<any>;
44
+ } & {
45
+ type: import("vue").PropType<any>;
46
+ };
47
+ title: {
48
+ type: import("vue").PropType<string>;
49
+ } & {
50
+ type: import("vue").PropType<string>;
51
+ };
52
+ description: {
53
+ type: import("vue").PropType<string>;
54
+ } & {
55
+ type: import("vue").PropType<string>;
56
+ };
57
+ "relative-url": {
58
+ type: import("vue").PropType<string>;
59
+ };
60
+ relativeUrl: {
61
+ type: import("vue").PropType<string>;
62
+ };
63
+ }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
64
+ beforeCreate?: (() => void) | (() => void)[];
65
+ created?: (() => void) | (() => void)[];
66
+ beforeMount?: (() => void) | (() => void)[];
67
+ mounted?: (() => void) | (() => void)[];
68
+ beforeUpdate?: (() => void) | (() => void)[];
69
+ updated?: (() => void) | (() => void)[];
70
+ activated?: (() => void) | (() => void)[];
71
+ deactivated?: (() => void) | (() => void)[];
72
+ beforeDestroy?: (() => void) | (() => void)[];
73
+ beforeUnmount?: (() => void) | (() => void)[];
74
+ destroyed?: (() => void) | (() => void)[];
75
+ unmounted?: (() => void) | (() => void)[];
76
+ renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
77
+ renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
78
+ errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
79
+ };
80
+ $forceUpdate: () => void;
81
+ $nextTick: typeof import("vue").nextTick;
82
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
83
+ } & Readonly<import("vue").ExtractPropTypes<{
84
+ component: {
85
+ type: import("vue").PropType<any>;
86
+ } & {
87
+ type: import("vue").PropType<any>;
88
+ };
89
+ title: {
90
+ type: import("vue").PropType<string>;
91
+ } & {
92
+ type: import("vue").PropType<string>;
93
+ };
94
+ description: {
95
+ type: import("vue").PropType<string>;
96
+ } & {
97
+ type: import("vue").PropType<string>;
98
+ };
99
+ "relative-url": {
100
+ type: import("vue").PropType<string>;
101
+ };
102
+ relativeUrl: {
103
+ type: import("vue").PropType<string>;
104
+ };
105
+ }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
106
+ __isFragment?: never;
107
+ __isTeleport?: never;
108
+ __isSuspense?: never;
109
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
110
+ component: {
111
+ type: import("vue").PropType<any>;
112
+ } & {
113
+ type: import("vue").PropType<any>;
114
+ };
115
+ title: {
116
+ type: import("vue").PropType<string>;
117
+ } & {
118
+ type: import("vue").PropType<string>;
119
+ };
120
+ description: {
121
+ type: import("vue").PropType<string>;
122
+ } & {
123
+ type: import("vue").PropType<string>;
124
+ };
125
+ "relative-url": {
126
+ type: import("vue").PropType<string>;
127
+ };
128
+ relativeUrl: {
129
+ type: import("vue").PropType<string>;
130
+ };
131
+ }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
132
+ propsDefinition: Readonly<{} & {
133
+ title?: string;
134
+ description?: string;
135
+ relativeUrl?: string;
136
+ "relative-url"?: string;
137
+ component?: any;
138
+ }>;
139
+ };
140
+ export default _default;
@@ -0,0 +1,6 @@
1
+ import { Bring } from "internal/fx/shared";
2
+ export declare class DocsService {
3
+ http: Bring;
4
+ constructor();
5
+ getExample(relativePath: string): Promise<string>;
6
+ }
@@ -0,0 +1 @@
1
+ export * from "./DocsService";
@@ -294,8 +294,8 @@ declare const _default: {
294
294
  renderSlots: import("vue").Prop<(resolvedIdentity: IResolvedIdentity) => RenderSlotsType, (resolvedIdentity: IResolvedIdentity) => RenderSlotsType>;
295
295
  }>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
296
296
  propsDefinition: Readonly<{} & {
297
- inline?: boolean;
298
297
  size?: number;
298
+ inline?: boolean;
299
299
  valueBind?: Identity[];
300
300
  styles?: {
301
301
  container: {
@@ -160,9 +160,9 @@ declare const _default: {
160
160
  valueBind?: Identity[];
161
161
  description?: string;
162
162
  required?: boolean;
163
+ singleLine?: boolean;
163
164
  ariaDescribedby?: string;
164
165
  ariaInvalid?: boolean;
165
- singleLine?: boolean;
166
166
  providerIds?: GuidValue[];
167
167
  onValueBindChanged?: (values: Identity[]) => void;
168
168
  attachToParent?: boolean;
@@ -4,6 +4,7 @@ declare const _default: {
4
4
  $: import("vue").ComponentInternalInstance;
5
5
  $data: {};
6
6
  $props: Partial<{
7
+ container?: any;
7
8
  colorSchemaType?: any;
8
9
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
9
10
  small: {
@@ -23,13 +24,15 @@ declare const _default: {
23
24
  siblingId: {
24
25
  type: import("vue").PropType<string>;
25
26
  };
26
- container: {
27
+ "parent-container": {
27
28
  type: import("vue").PropType<LayoutItem>;
28
- } & {
29
+ };
30
+ parentContainer: {
29
31
  type: import("vue").PropType<LayoutItem>;
30
32
  };
31
33
  colorSchemaType?: any;
32
- }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "colorSchemaType">;
34
+ container?: any;
35
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "colorSchemaType">;
33
36
  $attrs: {
34
37
  [x: string]: unknown;
35
38
  };
@@ -61,13 +64,16 @@ declare const _default: {
61
64
  siblingId: {
62
65
  type: import("vue").PropType<string>;
63
66
  };
64
- container: {
67
+ "parent-container": {
65
68
  type: import("vue").PropType<LayoutItem>;
66
- } & {
69
+ };
70
+ parentContainer: {
67
71
  type: import("vue").PropType<LayoutItem>;
68
72
  };
69
73
  colorSchemaType?: any;
74
+ container?: any;
70
75
  }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
76
+ container?: any;
71
77
  colorSchemaType?: any;
72
78
  }, {}, string> & {
73
79
  beforeCreate?: (() => void) | (() => void)[];
@@ -107,12 +113,14 @@ declare const _default: {
107
113
  siblingId: {
108
114
  type: import("vue").PropType<string>;
109
115
  };
110
- container: {
116
+ "parent-container": {
111
117
  type: import("vue").PropType<LayoutItem>;
112
- } & {
118
+ };
119
+ parentContainer: {
113
120
  type: import("vue").PropType<LayoutItem>;
114
121
  };
115
122
  colorSchemaType?: any;
123
+ container?: any;
116
124
  }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
117
125
  __isFragment?: never;
118
126
  __isTeleport?: never;
@@ -135,20 +143,25 @@ declare const _default: {
135
143
  siblingId: {
136
144
  type: import("vue").PropType<string>;
137
145
  };
138
- container: {
146
+ "parent-container": {
139
147
  type: import("vue").PropType<LayoutItem>;
140
- } & {
148
+ };
149
+ parentContainer: {
141
150
  type: import("vue").PropType<LayoutItem>;
142
151
  };
143
152
  colorSchemaType?: any;
153
+ container?: any;
144
154
  }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
155
+ container?: any;
145
156
  colorSchemaType?: any;
146
157
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
147
158
  propsDefinition: Readonly<{
159
+ container?: any;
148
160
  colorSchemaType?: any;
149
161
  } & {
150
162
  small?: boolean;
151
- container?: LayoutItem;
163
+ parentContainer?: LayoutItem;
164
+ "parent-container"?: LayoutItem;
152
165
  siblingId?: string;
153
166
  "sibling-id"?: string;
154
167
  postInsert?: boolean;
@@ -1,51 +1,151 @@
1
- import { ClipboardStore } from "@omnia/fx/stores";
2
- import { VueComponentBase, VueComponentBaseProps } from "@omnia/fx/ux";
3
- import { LayoutCanvasStore } from "../..";
4
- import { LayoutItem } from "../../../../models";
5
- export interface ActionToolbarProps extends VueComponentBaseProps {
6
- item: LayoutItem;
7
- parentContainer: LayoutItem;
8
- verticalMenu?: boolean;
9
- useTheme?: boolean;
10
- }
11
- export interface ActionToolbarEvents {
12
- }
13
- export declare class LayoutItemActionToolbar extends VueComponentBase<ActionToolbarProps, ActionToolbarEvents> {
14
- layoutEditorStore: LayoutCanvasStore;
15
- clipboardStore: ClipboardStore;
16
- private omniaUxLoc;
17
- item: LayoutItem;
18
- parentContainer: LayoutItem;
19
- verticalMenu?: boolean;
20
- dark?: boolean;
21
- useTheme?: boolean;
22
- private editorTheme;
23
- private model;
24
- created(): void;
25
- mounted(): void;
26
- /**
27
- * Eventhandler for deleting the item
28
- * */
29
- private onDeleteItem;
30
- /**
31
- * Evenhandler to show toggle action mode
32
- * @param e
33
- */
34
- private onToggleNodeAction;
35
- private toggleOverrideSettings;
36
- /**
37
- * Evenhandler to show section settings
38
- * @param e
39
- */
40
- private onShowSettings;
41
- private renderSettingsButton;
42
- private renderDeleteButton;
43
- private renderCopyButton;
44
- private renderMoveButton;
45
- private renderDeviceSettingsButton;
46
- private renderLockButton;
47
- private renderSectionButtons;
48
- private renderBlockButtons;
49
- private renderBreakPointDialog;
50
- render(): JSX.Element;
51
- }
1
+ import { LayoutItem } from "@omnia/fx/models";
2
+ declare const _default: {
3
+ new (...args: any[]): {
4
+ $: import("vue").ComponentInternalInstance;
5
+ $data: {};
6
+ $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
7
+ "use-theme": {
8
+ type: import("vue").PropType<boolean>;
9
+ };
10
+ useTheme: {
11
+ type: import("vue").PropType<boolean>;
12
+ };
13
+ "vertical-menu": {
14
+ type: import("vue").PropType<boolean>;
15
+ };
16
+ verticalMenu: {
17
+ type: import("vue").PropType<boolean>;
18
+ };
19
+ "parent-container": {
20
+ type: import("vue").PropType<LayoutItem>;
21
+ };
22
+ parentContainer: {
23
+ type: import("vue").PropType<LayoutItem>;
24
+ };
25
+ item: {
26
+ type: import("vue").PropType<LayoutItem>;
27
+ } & {
28
+ type: import("vue").PropType<LayoutItem>;
29
+ };
30
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
31
+ $attrs: {
32
+ [x: string]: unknown;
33
+ };
34
+ $refs: {
35
+ [x: string]: unknown;
36
+ };
37
+ $slots: Readonly<{
38
+ [name: string]: import("vue").Slot;
39
+ }>;
40
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
41
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
42
+ $emit: (event: string, ...args: any[]) => void;
43
+ $el: any;
44
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
45
+ "use-theme": {
46
+ type: import("vue").PropType<boolean>;
47
+ };
48
+ useTheme: {
49
+ type: import("vue").PropType<boolean>;
50
+ };
51
+ "vertical-menu": {
52
+ type: import("vue").PropType<boolean>;
53
+ };
54
+ verticalMenu: {
55
+ type: import("vue").PropType<boolean>;
56
+ };
57
+ "parent-container": {
58
+ type: import("vue").PropType<LayoutItem>;
59
+ };
60
+ parentContainer: {
61
+ type: import("vue").PropType<LayoutItem>;
62
+ };
63
+ item: {
64
+ type: import("vue").PropType<LayoutItem>;
65
+ } & {
66
+ type: import("vue").PropType<LayoutItem>;
67
+ };
68
+ }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
69
+ beforeCreate?: (() => void) | (() => void)[];
70
+ created?: (() => void) | (() => void)[];
71
+ beforeMount?: (() => void) | (() => void)[];
72
+ mounted?: (() => void) | (() => void)[];
73
+ beforeUpdate?: (() => void) | (() => void)[];
74
+ updated?: (() => void) | (() => void)[];
75
+ activated?: (() => void) | (() => void)[];
76
+ deactivated?: (() => void) | (() => void)[];
77
+ beforeDestroy?: (() => void) | (() => void)[];
78
+ beforeUnmount?: (() => void) | (() => void)[];
79
+ destroyed?: (() => void) | (() => void)[];
80
+ unmounted?: (() => void) | (() => void)[];
81
+ renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
82
+ renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
83
+ errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
84
+ };
85
+ $forceUpdate: () => void;
86
+ $nextTick: typeof import("vue").nextTick;
87
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
88
+ } & Readonly<import("vue").ExtractPropTypes<{
89
+ "use-theme": {
90
+ type: import("vue").PropType<boolean>;
91
+ };
92
+ useTheme: {
93
+ type: import("vue").PropType<boolean>;
94
+ };
95
+ "vertical-menu": {
96
+ type: import("vue").PropType<boolean>;
97
+ };
98
+ verticalMenu: {
99
+ type: import("vue").PropType<boolean>;
100
+ };
101
+ "parent-container": {
102
+ type: import("vue").PropType<LayoutItem>;
103
+ };
104
+ parentContainer: {
105
+ type: import("vue").PropType<LayoutItem>;
106
+ };
107
+ item: {
108
+ type: import("vue").PropType<LayoutItem>;
109
+ } & {
110
+ type: import("vue").PropType<LayoutItem>;
111
+ };
112
+ }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
113
+ __isFragment?: never;
114
+ __isTeleport?: never;
115
+ __isSuspense?: never;
116
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
117
+ "use-theme": {
118
+ type: import("vue").PropType<boolean>;
119
+ };
120
+ useTheme: {
121
+ type: import("vue").PropType<boolean>;
122
+ };
123
+ "vertical-menu": {
124
+ type: import("vue").PropType<boolean>;
125
+ };
126
+ verticalMenu: {
127
+ type: import("vue").PropType<boolean>;
128
+ };
129
+ "parent-container": {
130
+ type: import("vue").PropType<LayoutItem>;
131
+ };
132
+ parentContainer: {
133
+ type: import("vue").PropType<LayoutItem>;
134
+ };
135
+ item: {
136
+ type: import("vue").PropType<LayoutItem>;
137
+ } & {
138
+ type: import("vue").PropType<LayoutItem>;
139
+ };
140
+ }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
141
+ propsDefinition: Readonly<{} & {
142
+ item?: LayoutItem;
143
+ parentContainer?: LayoutItem;
144
+ "parent-container"?: LayoutItem;
145
+ verticalMenu?: boolean;
146
+ "vertical-menu"?: boolean;
147
+ useTheme?: boolean;
148
+ "use-theme"?: boolean;
149
+ }>;
150
+ };
151
+ export default _default;
@@ -0,0 +1,51 @@
1
+ import { ClipboardStore } from "@omnia/fx/stores";
2
+ import { VueComponentBase, VueComponentBaseProps } from "@omnia/fx/ux";
3
+ import { LayoutCanvasStore } from "../..";
4
+ import { LayoutItem } from "../../../../models";
5
+ export interface ActionToolbarProps extends VueComponentBaseProps {
6
+ item: LayoutItem;
7
+ parentContainer: LayoutItem;
8
+ verticalMenu?: boolean;
9
+ useTheme?: boolean;
10
+ }
11
+ export interface ActionToolbarEvents {
12
+ }
13
+ export declare class LayoutItemActionToolbar extends VueComponentBase<ActionToolbarProps, ActionToolbarEvents> {
14
+ layoutEditorStore: LayoutCanvasStore;
15
+ clipboardStore: ClipboardStore;
16
+ private omniaUxLoc;
17
+ item: LayoutItem;
18
+ parentContainer: LayoutItem;
19
+ verticalMenu?: boolean;
20
+ dark?: boolean;
21
+ useTheme?: boolean;
22
+ private editorTheme;
23
+ private model;
24
+ created(): void;
25
+ mounted(): void;
26
+ /**
27
+ * Eventhandler for deleting the item
28
+ * */
29
+ private onDeleteItem;
30
+ /**
31
+ * Evenhandler to show toggle action mode
32
+ * @param e
33
+ */
34
+ private onToggleNodeAction;
35
+ private toggleOverrideSettings;
36
+ /**
37
+ * Evenhandler to show section settings
38
+ * @param e
39
+ */
40
+ private onShowSettings;
41
+ private renderSettingsButton;
42
+ private renderDeleteButton;
43
+ private renderCopyButton;
44
+ private renderMoveButton;
45
+ private renderDeviceSettingsButton;
46
+ private renderLockButton;
47
+ private renderSectionButtons;
48
+ private renderBlockButtons;
49
+ private renderBreakPointDialog;
50
+ render(): JSX.Element;
51
+ }
@@ -1,15 +1,15 @@
1
- import { BlockLayoutSettings, ColorSchema, SectionSettings } from "../../../../models";
2
- import { ITheming } from "../../..";
1
+ import { BlockLayoutSettings, ColorDefinition, SectionSettings } from "../../../../models";
2
+ import { useColorSchemaStore } from "../../..";
3
3
  /**
4
4
  * Styles for the LayoutColumnStyles component
5
5
  */
6
6
  export declare const LayoutBlockStyles: {
7
7
  contentMode: {};
8
8
  layoutMode: {
9
- container: (sectionSettings: SectionSettings, blockSettings: BlockLayoutSettings, theme: ITheming) => string;
9
+ container: (sectionSettings: SectionSettings, blockSettings: BlockLayoutSettings, colors: ReturnType<typeof useColorSchemaStore>) => string;
10
10
  general: string;
11
11
  blockPadding: (blockSettings: BlockLayoutSettings) => string;
12
- selectedMarkup: (colorSchema: ColorSchema, blockSettings: BlockLayoutSettings, fixedMargin: boolean) => string;
12
+ selectedMarkup: (baseColor: ColorDefinition, blockSettings: BlockLayoutSettings, fixedMargin: boolean) => string;
13
13
  toolbar: string;
14
14
  positionItemSelectorOnBorderTop: string;
15
15
  positionItemSelectorOnBorderBottom: string;
@@ -10,7 +10,10 @@ declare const _default: {
10
10
  new (...args: any[]): {
11
11
  $: import("vue").ComponentInternalInstance;
12
12
  $data: {};
13
- $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
13
+ $props: Partial<{
14
+ container?: any;
15
+ colorSchemaType?: any;
16
+ }> & Omit<Readonly<import("vue").ExtractPropTypes<{
14
17
  "theme-target-id": {
15
18
  type: import("vue").PropType<string>;
16
19
  };
@@ -38,7 +41,9 @@ declare const _default: {
38
41
  } & {
39
42
  type: import("vue").PropType<Block>;
40
43
  };
41
- }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
44
+ colorSchemaType?: any;
45
+ container?: any;
46
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "colorSchemaType">;
42
47
  $attrs: {
43
48
  [x: string]: unknown;
44
49
  };
@@ -80,7 +85,12 @@ declare const _default: {
80
85
  } & {
81
86
  type: import("vue").PropType<Block>;
82
87
  };
83
- }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
88
+ colorSchemaType?: any;
89
+ container?: any;
90
+ }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
91
+ container?: any;
92
+ colorSchemaType?: any;
93
+ }, {}, string> & {
84
94
  beforeCreate?: (() => void) | (() => void)[];
85
95
  created?: (() => void) | (() => void)[];
86
96
  beforeMount?: (() => void) | (() => void)[];
@@ -128,6 +138,8 @@ declare const _default: {
128
138
  } & {
129
139
  type: import("vue").PropType<Block>;
130
140
  };
141
+ colorSchemaType?: any;
142
+ container?: any;
131
143
  }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
132
144
  __isFragment?: never;
133
145
  __isTeleport?: never;
@@ -160,15 +172,23 @@ declare const _default: {
160
172
  } & {
161
173
  type: import("vue").PropType<Block>;
162
174
  };
163
- }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
164
- propsDefinition: Readonly<{} & {
175
+ colorSchemaType?: any;
176
+ container?: any;
177
+ }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
178
+ container?: any;
179
+ colorSchemaType?: any;
180
+ }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
181
+ propsDefinition: Readonly<{
182
+ container?: any;
183
+ colorSchemaType?: any;
184
+ } & {
165
185
  block?: Block;
166
186
  themeTargetId?: string;
167
187
  "theme-target-id"?: string;
168
188
  settings?: SectionSettings;
169
189
  parentContainer?: LayoutItem;
170
- orphaned?: boolean;
171
190
  "parent-container"?: LayoutItem;
191
+ orphaned?: boolean;
172
192
  }>;
173
193
  };
174
194
  export default _default;