@omnia/fx 8.0.6-dev-dev → 8.0.7-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 (9) hide show
  1. package/internal-do-not-import-from-here/ux/InternalDefineComponent.d.ts +1 -1
  2. package/internal-do-not-import-from-here/ux/editorchrome/action_toolbar/ActionToolbar.d.ts +31 -26
  3. package/internal-do-not-import-from-here/ux/editorchrome/action_toolbar/DisplaySettingsToolbar.d.ts +196 -17
  4. package/internal-do-not-import-from-here/ux/editorchrome/chrome/EditorChrome.css.d.ts +2 -17
  5. package/internal-do-not-import-from-here/ux/models/ActionToolbarStyles.d.ts +3 -2
  6. package/internal-do-not-import-from-here/ux/oxide/btn/Button.d.ts +15 -1
  7. package/internal-do-not-import-from-here/ux/use/UseIcon.d.ts +19 -0
  8. package/package.json +2 -2
  9. package/internal-do-not-import-from-here/ux/editorchrome/action_toolbar/ActionToolbar_old.d.ts +0 -26
package/internal-do-not-import-from-here/ux/InternalDefineComponent.d.ts CHANGED
@@ -122,7 +122,7 @@ type SetupContext<ExtractedPropsType, Props, E = EmitsOptions> = E extends any ?
122
122
  computed: typeof computed;
123
123
  watch: typeof watch;
124
124
  watchEffect: typeof watchEffect;
125
- subscriber: SubscriptionHandler;
125
+ subscriptions: SubscriptionHandler;
126
126
  } : never;
127
127
  interface ComponentOptionsBaseExtends<Props, RawBindings, D, C extends ComputedOptions, M extends MethodOptions, Mixin extends ComponentOptionsMixin, Extends extends ComponentOptionsMixin, E extends EmitsOptions, EE extends string = string, Defaults = {}, I extends ComponentInjectOptions = {}, II extends string = string> extends ComponentOptionsBase<ExcludeJsxPropKeys<Props>, RawBindings, D, C, M, Mixin, Extends, E, EE, Defaults, I, II> {
128
128
  setup?: (this: void, ctx: SetupContext<LooseRequired<ExcludeJsxPropKeys<Props> & Prettify<UnwrapMixinsType<IntersectionMixin<Mixin> & IntersectionMixin<Extends>, "P">>>, Props, E>) => Promise<RawBindings> | RawBindings | RenderFunction | void;
package/internal-do-not-import-from-here/ux/editorchrome/action_toolbar/ActionToolbar.d.ts CHANGED
@@ -1,11 +1,10 @@
1
- import { EditorDisplayModes } from "@omnia/fx-models";
2
1
  declare const _default: {
3
2
  new (...args: any[]): {
4
3
  $: import("vue").ComponentInternalInstance;
5
4
  $data: {};
6
5
  $props: {
7
6
  style?: unknown;
8
- class?: unknown;
7
+ class?: String | String[];
9
8
  key?: string | number | symbol;
10
9
  readonly styles?: unknown;
11
10
  ref?: import("vue").VNodeRef;
@@ -50,7 +49,6 @@ declare const _default: {
50
49
  [key: string]: any;
51
50
  }>) => void)[];
52
51
  readonly roles?: string[];
53
- onModeChanged?: (editorDisplayMode: EditorDisplayModes) => any;
54
52
  };
55
53
  $attrs: {
56
54
  [x: string]: unknown;
@@ -63,7 +61,7 @@ declare const _default: {
63
61
  }>;
64
62
  $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
65
63
  $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
66
- $emit: (event: "modeChanged", editorDisplayMode: EditorDisplayModes) => void;
64
+ $emit: (event: string, ...args: any[]) => void;
67
65
  $el: any;
68
66
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
69
67
  styles: {
@@ -76,7 +74,8 @@ declare const _default: {
76
74
  viewButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
77
75
  activeViewButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
78
76
  extendedButtonText: import("@omnia/fx-models").NestedCSSPropertiesExtends;
79
- displayToolbarPositioningBar: (background: import("@omnia/fx-models").Color) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
77
+ displayToolbarWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
78
+ displayToolbarPositioning: (color: import("@omnia/fx-models").ColorDefinition) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
80
79
  displayToolbarButtonGroupWapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
81
80
  mobileButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
82
81
  displayToolbarButtonGroupWapperMedia: import("@omnia/fx-models").NestedCSSPropertiesExtends;
@@ -91,7 +90,8 @@ declare const _default: {
91
90
  viewButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
92
91
  activeViewButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
93
92
  extendedButtonText: import("@omnia/fx-models").NestedCSSPropertiesExtends;
94
- displayToolbarPositioningBar: (background: import("@omnia/fx-models").Color) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
93
+ displayToolbarWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
94
+ displayToolbarPositioning: (color: import("@omnia/fx-models").ColorDefinition) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
95
95
  displayToolbarButtonGroupWapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
96
96
  mobileButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
97
97
  displayToolbarButtonGroupWapperMedia: import("@omnia/fx-models").NestedCSSPropertiesExtends;
@@ -102,11 +102,11 @@ declare const _default: {
102
102
  } & {
103
103
  type: import("vue").PropType<string[]>;
104
104
  };
105
- }>> & {
106
- onModeChanged?: (editorDisplayMode: EditorDisplayModes) => any;
107
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
108
- modeChanged: (editorDisplayMode: EditorDisplayModes) => any;
109
- }, string, {}, {}, string, {}> & {
105
+ class: {
106
+ type: import("vue").PropType<String | String[]>;
107
+ required: boolean;
108
+ };
109
+ }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
110
110
  beforeCreate?: (() => void) | (() => void)[];
111
111
  created?: (() => void) | (() => void)[];
112
112
  beforeMount?: (() => void) | (() => void)[];
@@ -137,7 +137,8 @@ declare const _default: {
137
137
  viewButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
138
138
  activeViewButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
139
139
  extendedButtonText: import("@omnia/fx-models").NestedCSSPropertiesExtends;
140
- displayToolbarPositioningBar: (background: import("@omnia/fx-models").Color) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
140
+ displayToolbarWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
141
+ displayToolbarPositioning: (color: import("@omnia/fx-models").ColorDefinition) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
141
142
  displayToolbarButtonGroupWapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
142
143
  mobileButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
143
144
  displayToolbarButtonGroupWapperMedia: import("@omnia/fx-models").NestedCSSPropertiesExtends;
@@ -152,7 +153,8 @@ declare const _default: {
152
153
  viewButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
153
154
  activeViewButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
154
155
  extendedButtonText: import("@omnia/fx-models").NestedCSSPropertiesExtends;
155
- displayToolbarPositioningBar: (background: import("@omnia/fx-models").Color) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
156
+ displayToolbarWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
157
+ displayToolbarPositioning: (color: import("@omnia/fx-models").ColorDefinition) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
156
158
  displayToolbarButtonGroupWapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
157
159
  mobileButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
158
160
  displayToolbarButtonGroupWapperMedia: import("@omnia/fx-models").NestedCSSPropertiesExtends;
@@ -163,9 +165,11 @@ declare const _default: {
163
165
  } & {
164
166
  type: import("vue").PropType<string[]>;
165
167
  };
166
- }>> & {
167
- onModeChanged?: (editorDisplayMode: EditorDisplayModes) => any;
168
- } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
168
+ class: {
169
+ type: import("vue").PropType<String | String[]>;
170
+ required: boolean;
171
+ };
172
+ }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
169
173
  __isFragment?: never;
170
174
  __isTeleport?: never;
171
175
  __isSuspense?: never;
@@ -180,7 +184,8 @@ declare const _default: {
180
184
  viewButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
181
185
  activeViewButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
182
186
  extendedButtonText: import("@omnia/fx-models").NestedCSSPropertiesExtends;
183
- displayToolbarPositioningBar: (background: import("@omnia/fx-models").Color) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
187
+ displayToolbarWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
188
+ displayToolbarPositioning: (color: import("@omnia/fx-models").ColorDefinition) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
184
189
  displayToolbarButtonGroupWapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
185
190
  mobileButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
186
191
  displayToolbarButtonGroupWapperMedia: import("@omnia/fx-models").NestedCSSPropertiesExtends;
@@ -195,7 +200,8 @@ declare const _default: {
195
200
  viewButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
196
201
  activeViewButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
197
202
  extendedButtonText: import("@omnia/fx-models").NestedCSSPropertiesExtends;
198
- displayToolbarPositioningBar: (background: import("@omnia/fx-models").Color) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
203
+ displayToolbarWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
204
+ displayToolbarPositioning: (color: import("@omnia/fx-models").ColorDefinition) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
199
205
  displayToolbarButtonGroupWapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
200
206
  mobileButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
201
207
  displayToolbarButtonGroupWapperMedia: import("@omnia/fx-models").NestedCSSPropertiesExtends;
@@ -206,16 +212,15 @@ declare const _default: {
206
212
  } & {
207
213
  type: import("vue").PropType<string[]>;
208
214
  };
209
- }>> & {
210
- onModeChanged?: (editorDisplayMode: EditorDisplayModes) => any;
211
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
212
- modeChanged: (editorDisplayMode: EditorDisplayModes) => any;
213
- }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
215
+ class: {
216
+ type: import("vue").PropType<String | String[]>;
217
+ required: boolean;
218
+ };
219
+ }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
214
220
  propsDefinition: Omit<Readonly<{} & {
221
+ class?: String | String[];
215
222
  styles?: unknown;
216
223
  roles?: string[];
217
- }>, "onModeChanged"> & {
218
- onModeChanged?: (editorDisplayMode: EditorDisplayModes) => any;
219
- };
224
+ }>, never>;
220
225
  };
221
226
  export default _default;
package/internal-do-not-import-from-here/ux/editorchrome/action_toolbar/DisplaySettingsToolbar.d.ts CHANGED
@@ -1,17 +1,196 @@
1
- import { VueComponentBase, EditorChromeStore, ActionToolbarStyles } from "@omnia/fx/ux";
2
- import { EditorDisplayModes } from "@omnia/fx-models";
3
- export interface DisplaySettingsActionButtonsProps {
4
- styles?: Partial<typeof ActionToolbarStyles>;
5
- changeMode: (editorDisplayMode: EditorDisplayModes) => void;
6
- }
7
- export declare class DisplaySettingsToolbar extends VueComponentBase<DisplaySettingsActionButtonsProps> {
8
- styles?: Partial<typeof ActionToolbarStyles>;
9
- changeMode: (editorDisplayMode: EditorDisplayModes) => void;
10
- editorStore: EditorChromeStore;
11
- private actionToolbarClasses;
12
- created(): void;
13
- getButtonClass(highlighted: boolean): any;
14
- private renderEditorActionButtonWithPermission;
15
- private renderEditorActionButton;
16
- render(): JSX.Element;
17
- }
1
+ declare const _default: {
2
+ new (...args: any[]): {
3
+ $: import("vue").ComponentInternalInstance;
4
+ $data: {};
5
+ $props: {
6
+ style?: unknown;
7
+ class?: unknown;
8
+ key?: string | number | symbol;
9
+ readonly styles?: unknown;
10
+ ref?: import("vue").VNodeRef;
11
+ ref_for?: boolean;
12
+ ref_key?: string;
13
+ onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
14
+ [key: string]: any;
15
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
16
+ [key: string]: any;
17
+ }>) => void)[];
18
+ onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
19
+ [key: string]: any;
20
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
21
+ [key: string]: any;
22
+ }>) => void)[];
23
+ onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
24
+ [key: string]: any;
25
+ }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
26
+ [key: string]: any;
27
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
28
+ [key: string]: any;
29
+ }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
30
+ [key: string]: any;
31
+ }>) => void)[];
32
+ onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
33
+ [key: string]: any;
34
+ }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
35
+ [key: string]: any;
36
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
37
+ [key: string]: any;
38
+ }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
39
+ [key: string]: any;
40
+ }>) => void)[];
41
+ onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
42
+ [key: string]: any;
43
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
44
+ [key: string]: any;
45
+ }>) => void)[];
46
+ onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
47
+ [key: string]: any;
48
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
49
+ [key: string]: any;
50
+ }>) => void)[];
51
+ };
52
+ $attrs: {
53
+ [x: string]: unknown;
54
+ };
55
+ $refs: {
56
+ [x: string]: unknown;
57
+ };
58
+ $slots: Readonly<{
59
+ [name: string]: import("vue").Slot<any>;
60
+ }>;
61
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
62
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
63
+ $emit: (event: string, ...args: any[]) => void;
64
+ $el: any;
65
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
66
+ styles: {
67
+ type: import("vue").PropType<Partial<{
68
+ loadingIndicatorWrapper?: import("@omnia/fx-models").NestedCSSPropertiesExtends;
69
+ loadingIndicatorPositioning?: import("@omnia/fx-models").NestedCSSPropertiesExtends;
70
+ positioning: (color: import("@omnia/fx-models").ColorDefinition) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
71
+ actionButtons: import("@omnia/fx-models").NestedCSSPropertiesExtends;
72
+ actionButtonsLeft: import("@omnia/fx-models").NestedCSSPropertiesExtends;
73
+ viewButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
74
+ activeViewButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
75
+ extendedButtonText: import("@omnia/fx-models").NestedCSSPropertiesExtends;
76
+ displayToolbarWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
77
+ displayToolbarPositioning: (color: import("@omnia/fx-models").ColorDefinition) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
78
+ displayToolbarButtonGroupWapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
79
+ mobileButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
80
+ displayToolbarButtonGroupWapperMedia: import("@omnia/fx-models").NestedCSSPropertiesExtends;
81
+ }>>;
82
+ } & {
83
+ type: import("vue").PropType<Partial<{
84
+ loadingIndicatorWrapper?: import("@omnia/fx-models").NestedCSSPropertiesExtends;
85
+ loadingIndicatorPositioning?: import("@omnia/fx-models").NestedCSSPropertiesExtends;
86
+ positioning: (color: import("@omnia/fx-models").ColorDefinition) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
87
+ actionButtons: import("@omnia/fx-models").NestedCSSPropertiesExtends;
88
+ actionButtonsLeft: import("@omnia/fx-models").NestedCSSPropertiesExtends;
89
+ viewButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
90
+ activeViewButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
91
+ extendedButtonText: import("@omnia/fx-models").NestedCSSPropertiesExtends;
92
+ displayToolbarWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
93
+ displayToolbarPositioning: (color: import("@omnia/fx-models").ColorDefinition) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
94
+ displayToolbarButtonGroupWapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
95
+ mobileButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
96
+ displayToolbarButtonGroupWapperMedia: import("@omnia/fx-models").NestedCSSPropertiesExtends;
97
+ }>>;
98
+ };
99
+ }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
100
+ beforeCreate?: (() => void) | (() => void)[];
101
+ created?: (() => void) | (() => void)[];
102
+ beforeMount?: (() => void) | (() => void)[];
103
+ mounted?: (() => void) | (() => void)[];
104
+ beforeUpdate?: (() => void) | (() => void)[];
105
+ updated?: (() => void) | (() => void)[];
106
+ activated?: (() => void) | (() => void)[];
107
+ deactivated?: (() => void) | (() => void)[];
108
+ beforeDestroy?: (() => void) | (() => void)[];
109
+ beforeUnmount?: (() => void) | (() => void)[];
110
+ destroyed?: (() => void) | (() => void)[];
111
+ unmounted?: (() => void) | (() => void)[];
112
+ renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
113
+ renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
114
+ 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)[];
115
+ };
116
+ $forceUpdate: () => void;
117
+ $nextTick: typeof import("vue").nextTick;
118
+ $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;
119
+ } & Readonly<import("vue").ExtractPropTypes<{
120
+ styles: {
121
+ type: import("vue").PropType<Partial<{
122
+ loadingIndicatorWrapper?: import("@omnia/fx-models").NestedCSSPropertiesExtends;
123
+ loadingIndicatorPositioning?: import("@omnia/fx-models").NestedCSSPropertiesExtends;
124
+ positioning: (color: import("@omnia/fx-models").ColorDefinition) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
125
+ actionButtons: import("@omnia/fx-models").NestedCSSPropertiesExtends;
126
+ actionButtonsLeft: import("@omnia/fx-models").NestedCSSPropertiesExtends;
127
+ viewButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
128
+ activeViewButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
129
+ extendedButtonText: import("@omnia/fx-models").NestedCSSPropertiesExtends;
130
+ displayToolbarWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
131
+ displayToolbarPositioning: (color: import("@omnia/fx-models").ColorDefinition) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
132
+ displayToolbarButtonGroupWapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
133
+ mobileButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
134
+ displayToolbarButtonGroupWapperMedia: import("@omnia/fx-models").NestedCSSPropertiesExtends;
135
+ }>>;
136
+ } & {
137
+ type: import("vue").PropType<Partial<{
138
+ loadingIndicatorWrapper?: import("@omnia/fx-models").NestedCSSPropertiesExtends;
139
+ loadingIndicatorPositioning?: import("@omnia/fx-models").NestedCSSPropertiesExtends;
140
+ positioning: (color: import("@omnia/fx-models").ColorDefinition) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
141
+ actionButtons: import("@omnia/fx-models").NestedCSSPropertiesExtends;
142
+ actionButtonsLeft: import("@omnia/fx-models").NestedCSSPropertiesExtends;
143
+ viewButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
144
+ activeViewButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
145
+ extendedButtonText: import("@omnia/fx-models").NestedCSSPropertiesExtends;
146
+ displayToolbarWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
147
+ displayToolbarPositioning: (color: import("@omnia/fx-models").ColorDefinition) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
148
+ displayToolbarButtonGroupWapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
149
+ mobileButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
150
+ displayToolbarButtonGroupWapperMedia: import("@omnia/fx-models").NestedCSSPropertiesExtends;
151
+ }>>;
152
+ };
153
+ }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
154
+ __isFragment?: never;
155
+ __isTeleport?: never;
156
+ __isSuspense?: never;
157
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
158
+ styles: {
159
+ type: import("vue").PropType<Partial<{
160
+ loadingIndicatorWrapper?: import("@omnia/fx-models").NestedCSSPropertiesExtends;
161
+ loadingIndicatorPositioning?: import("@omnia/fx-models").NestedCSSPropertiesExtends;
162
+ positioning: (color: import("@omnia/fx-models").ColorDefinition) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
163
+ actionButtons: import("@omnia/fx-models").NestedCSSPropertiesExtends;
164
+ actionButtonsLeft: import("@omnia/fx-models").NestedCSSPropertiesExtends;
165
+ viewButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
166
+ activeViewButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
167
+ extendedButtonText: import("@omnia/fx-models").NestedCSSPropertiesExtends;
168
+ displayToolbarWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
169
+ displayToolbarPositioning: (color: import("@omnia/fx-models").ColorDefinition) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
170
+ displayToolbarButtonGroupWapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
171
+ mobileButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
172
+ displayToolbarButtonGroupWapperMedia: import("@omnia/fx-models").NestedCSSPropertiesExtends;
173
+ }>>;
174
+ } & {
175
+ type: import("vue").PropType<Partial<{
176
+ loadingIndicatorWrapper?: import("@omnia/fx-models").NestedCSSPropertiesExtends;
177
+ loadingIndicatorPositioning?: import("@omnia/fx-models").NestedCSSPropertiesExtends;
178
+ positioning: (color: import("@omnia/fx-models").ColorDefinition) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
179
+ actionButtons: import("@omnia/fx-models").NestedCSSPropertiesExtends;
180
+ actionButtonsLeft: import("@omnia/fx-models").NestedCSSPropertiesExtends;
181
+ viewButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
182
+ activeViewButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
183
+ extendedButtonText: import("@omnia/fx-models").NestedCSSPropertiesExtends;
184
+ displayToolbarWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
185
+ displayToolbarPositioning: (color: import("@omnia/fx-models").ColorDefinition) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
186
+ displayToolbarButtonGroupWapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
187
+ mobileButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
188
+ displayToolbarButtonGroupWapperMedia: import("@omnia/fx-models").NestedCSSPropertiesExtends;
189
+ }>>;
190
+ };
191
+ }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
192
+ propsDefinition: Omit<Readonly<{} & {
193
+ styles?: unknown;
194
+ }>, never>;
195
+ };
196
+ export default _default;
package/internal-do-not-import-from-here/ux/editorchrome/chrome/EditorChrome.css.d.ts CHANGED
@@ -1,33 +1,18 @@
1
- import { Color } from "@omnia/fx-models";
2
1
  import "../action_toolbar/ActionToolbar.css";
3
2
  export declare const EditorChromeStyles: {
4
3
  mobileViewWrapper: string;
5
4
  containerWrapper: string;
6
- container: string;
7
- editorRow: string;
8
- editorCanvas: string;
9
- debugPanel: string;
10
- panelRightActions: string;
11
- panelTopActions: string;
12
5
  panelDevices: string;
13
- leftActions: string;
14
- panelSwitcher: string;
6
+ compensateDrawerLeftToolbar: string;
15
7
  compensateDrawerLeft: string;
16
8
  compensateDrawerLeftSplitPane: string;
17
9
  compensateDrawerRight: string;
18
- fullScreen: string;
19
- drawerRight: {
20
- closeButton: string;
21
- };
22
10
  notificationInEditor: string;
23
- contentnavigation: (background: Color) => string;
24
- vList: (background: Color) => string;
25
11
  tabs: {
26
12
  wrapper: string;
27
13
  };
28
- title: (panelWidth: number) => string;
29
- panelToolbar: string;
30
14
  topToolbar: string;
15
+ navigationDrawerTop: string;
31
16
  };
32
17
  export declare const LayoutEditorChromeStyles: {
33
18
  container: (maxHeight: number | string, hideAppBar: boolean) => string;
package/internal-do-not-import-from-here/ux/models/ActionToolbarStyles.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { Color, ColorDefinition, NestedCSSPropertiesExtends } from "@omnia/fx-models";
1
+ import { ColorDefinition, NestedCSSPropertiesExtends } from "@omnia/fx-models";
2
2
  export declare const ActionToolbarStyles: {
3
3
  loadingIndicatorWrapper?: NestedCSSPropertiesExtends;
4
4
  loadingIndicatorPositioning?: NestedCSSPropertiesExtends;
@@ -8,7 +8,8 @@ export declare const ActionToolbarStyles: {
8
8
  viewButton: NestedCSSPropertiesExtends;
9
9
  activeViewButton: NestedCSSPropertiesExtends;
10
10
  extendedButtonText: NestedCSSPropertiesExtends;
11
- displayToolbarPositioningBar: (background: Color) => NestedCSSPropertiesExtends;
11
+ displayToolbarWrapper: NestedCSSPropertiesExtends;
12
+ displayToolbarPositioning: (color: ColorDefinition) => NestedCSSPropertiesExtends;
12
13
  displayToolbarButtonGroupWapper: NestedCSSPropertiesExtends;
13
14
  mobileButton: NestedCSSPropertiesExtends;
14
15
  displayToolbarButtonGroupWapperMedia: NestedCSSPropertiesExtends;
package/internal-do-not-import-from-here/ux/oxide/btn/Button.d.ts CHANGED
@@ -65,6 +65,7 @@ declare const _default: {
65
65
  readonly grouped?: boolean;
66
66
  readonly toned?: boolean;
67
67
  readonly loading?: boolean;
68
+ readonly stacked?: boolean;
68
69
  readonly overrides?: object;
69
70
  readonly preset?: "cancel" | "close" | "select" | "details" | "delete" | "settings" | "retry" | "remove" | "next" | "save" | "create" | "ok" | "icon-add" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "previous" | "view-more" | "send-request";
70
71
  readonly transparentHover?: boolean;
@@ -83,6 +84,10 @@ declare const _default: {
83
84
  $emit: (event: string, ...args: any[]) => void;
84
85
  $el: any;
85
86
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
87
+ stacked: {
88
+ type: import("vue").PropType<boolean>;
89
+ required: false;
90
+ };
86
91
  block: {
87
92
  type: import("vue").PropType<boolean>;
88
93
  required: false;
@@ -160,11 +165,15 @@ declare const _default: {
160
165
  renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
161
166
  renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
162
167
  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)[];
163
- }; /** Component host provider settings */
168
+ };
164
169
  $forceUpdate: () => void;
165
170
  $nextTick: typeof import("vue").nextTick;
166
171
  $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;
167
172
  } & Readonly<import("vue").ExtractPropTypes<{
173
+ stacked: {
174
+ type: import("vue").PropType<boolean>;
175
+ required: false;
176
+ };
168
177
  block: {
169
178
  type: import("vue").PropType<boolean>;
170
179
  required: false;
@@ -225,6 +234,10 @@ declare const _default: {
225
234
  __isTeleport?: never;
226
235
  __isSuspense?: never;
227
236
  } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
237
+ stacked: {
238
+ type: import("vue").PropType<boolean>;
239
+ required: false;
240
+ };
228
241
  block: {
229
242
  type: import("vue").PropType<boolean>;
230
243
  required: false;
@@ -306,6 +319,7 @@ declare const _default: {
306
319
  grouped?: boolean;
307
320
  toned?: boolean;
308
321
  loading?: boolean;
322
+ stacked?: boolean;
309
323
  overrides?: object;
310
324
  preset?: "cancel" | "close" | "select" | "details" | "delete" | "settings" | "retry" | "remove" | "next" | "save" | "create" | "ok" | "icon-add" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "previous" | "view-more" | "send-request";
311
325
  transparentHover?: boolean;
package/internal-do-not-import-from-here/ux/use/UseIcon.d.ts CHANGED
@@ -9,16 +9,21 @@ export declare function useIcons(): {
9
9
  customIcon: (name: string) => CustomIcon;
10
10
  icon: {
11
11
  add: FontAwesomeIcon;
12
+ approval: FontAwesomeIcon;
13
+ approve: FontAwesomeIcon;
12
14
  adjust: FontAwesomeIcon;
13
15
  back: FontAwesomeIcon;
14
16
  clone: FontAwesomeIcon;
15
17
  clipboard: FontAwesomeIcon;
16
18
  close: FontAwesomeIcon;
19
+ save: FontAwesomeIcon;
20
+ share: FontAwesomeIcon;
17
21
  crop: FontAwesomeIcon;
18
22
  code: FontAwesomeIcon;
19
23
  color: FontAwesomeIcon;
20
24
  copy: FontAwesomeIcon;
21
25
  delete: FontAwesomeIcon;
26
+ discard: FontAwesomeIcon;
22
27
  device: FontAwesomeIcon;
23
28
  drag: FontAwesomeIcon;
24
29
  edit: FontAwesomeIcon;
@@ -28,17 +33,23 @@ export declare function useIcons(): {
28
33
  header: FontAwesomeIcon;
29
34
  info: FontAwesomeIcon;
30
35
  lock: FontAwesomeIcon;
36
+ link: FontAwesomeIcon;
31
37
  lockOpen: FontAwesomeIcon;
32
38
  lockEdit: FontAwesomeIcon;
33
39
  more: MaterialIcon;
34
40
  move: FontAwesomeIcon;
41
+ menu_more: FontAwesomeIcon;
42
+ menu: FontAwesomeIcon;
35
43
  media: FontAwesomeIcon;
36
44
  navigate: FontAwesomeIcon;
45
+ preview: FontAwesomeIcon;
46
+ permissions: FontAwesomeIcon;
37
47
  tag: FontAwesomeIcon;
38
48
  tags: FontAwesomeIcon;
39
49
  targeting: FontAwesomeIcon;
40
50
  redo: FontAwesomeIcon;
41
51
  remove: FontAwesomeIcon;
52
+ reject: FontAwesomeIcon;
42
53
  rotate: FontAwesomeIcon;
43
54
  search: FontAwesomeIcon;
44
55
  settings: FontAwesomeIcon;
@@ -48,6 +59,7 @@ export declare function useIcons(): {
48
59
  template: FontAwesomeIcon;
49
60
  theming: FontAwesomeIcon;
50
61
  velcron: FontAwesomeIcon;
62
+ versionHistory: FontAwesomeIcon;
51
63
  image: FontAwesomeIcon;
52
64
  };
53
65
  system: {
@@ -55,6 +67,13 @@ export declare function useIcons(): {
55
67
  general: FontAwesomeIcon;
56
68
  display: FontAwesomeIcon;
57
69
  };
70
+ actions: {
71
+ takeControl: FontAwesomeIcon;
72
+ discard: FontAwesomeIcon;
73
+ reuse: FontAwesomeIcon;
74
+ moveTo: FontAwesomeIcon;
75
+ publish: FontAwesomeIcon;
76
+ };
58
77
  };
59
78
  presets: {
60
79
  add: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@omnia/fx",
3
3
  "license": "MIT",
4
- "version": "8.0.6-dev-dev",
4
+ "version": "8.0.7-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": "Precio Fishbone",
22
22
  "dependencies": {
23
- "@omnia/fx-models": "8.0.6-dev-dev",
23
+ "@omnia/fx-models": "8.0.7-dev",
24
24
  "@microsoft/signalr": "6.0.1",
25
25
  "broadcast-channel": "4.8.0",
26
26
  "dayjs": "1.10.7",
package/internal-do-not-import-from-here/ux/editorchrome/action_toolbar/ActionToolbar_old.d.ts DELETED
@@ -1,26 +0,0 @@
1
- import { ActionToolbarStyles, EditorChromeStore } from "@omnia/fx/ux";
2
- import { VueComponentBase } from "@omnia/fx/ux";
3
- import { EditorDisplayModes } from "@omnia/fx-models";
4
- export interface IActionToolbar {
5
- styles?: Partial<typeof ActionToolbarStyles>;
6
- changeMode: (editorDisplayMode: EditorDisplayModes) => void;
7
- roles?: string[];
8
- }
9
- export declare class ActionToolbar extends VueComponentBase<IActionToolbar> {
10
- styles?: Partial<typeof ActionToolbarStyles>;
11
- changeMode: (editorDisplayMode: EditorDisplayModes) => void;
12
- roles?: string[];
13
- editorStore: EditorChromeStore;
14
- private actionToolbarClasses;
15
- created(): void;
16
- mounted(): void;
17
- private onActionButtonClick;
18
- private createActionButtons;
19
- private createButton;
20
- private createDefaultButton;
21
- private createGroupButtons;
22
- private createButtonGroup;
23
- private renderToolbarWithButtons;
24
- private renderToolbarWithLoadingIndicator;
25
- render(): JSX.Element;
26
- }