@omnia/fx-models 8.0.106-vnext → 8.0.107-dev

package/properties/values/EmailPropertyValue.d.ts

@@ -2,4 +2,5 @@ import { PropertyValue } from "../PropertyValue";
 export declare class EmailPropertyValue extends PropertyValue {
     email: string;
     constructor(email: string);
+    getValue: () => string;
 }

package/properties/values/EmailPropertyValue.js

@@ -6,6 +6,9 @@ class EmailPropertyValue extends PropertyValue_1.PropertyValue {
     constructor(email) {
         super();
         this.email = email;
+        this.getValue = () => {
+            return this.email;
+        };
     }
 }
 exports.EmailPropertyValue = EmailPropertyValue;

package/properties/values/HtmlPropertyValue.d.ts

@@ -2,4 +2,5 @@ import { PropertyValue } from "../PropertyValue";
 export declare class HtmlPropertyValue extends PropertyValue {
     html: string;
     constructor(html: string);
+    getValue: () => string;
 }

package/properties/values/HtmlPropertyValue.js

@@ -6,6 +6,9 @@ class HtmlPropertyValue extends PropertyValue_1.PropertyValue {
     constructor(html) {
         super();
         this.html = html;
+        this.getValue = () => {
+            return this.html;
+        };
     }
 }
 exports.HtmlPropertyValue = HtmlPropertyValue;

package/properties/values/IdentityPropertyValue.d.ts

@@ -3,4 +3,5 @@ import { PropertyValue } from "../PropertyValue";
 export declare class IdentityPropertyValue extends PropertyValue {
     identities: Identity[];
     constructor(identities: Identity[]);
+    getValue(): Identity[];
 }

package/properties/values/IdentityPropertyValue.js

@@ -7,5 +7,8 @@ class IdentityPropertyValue extends PropertyValue_1.PropertyValue {
         super();
         this.identities = identities;
     }
+    getValue() {
+        return this.identities;
+    }
 }
 exports.IdentityPropertyValue = IdentityPropertyValue;

package/properties/values/ImagePropertyValue.d.ts

@@ -4,4 +4,5 @@ export declare class ImagePropertyValue extends PropertyValue {
     image: MediaPickerImage;
     queryValue: number;
     constructor(image: MediaPickerImage);
+    getValue: () => MediaPickerImage;
 }

package/properties/values/ImagePropertyValue.js

@@ -6,7 +6,9 @@ class ImagePropertyValue extends PropertyValue_1.PropertyValue {
     constructor(image) {
         super();
         this.image = image;
-        this.queryValue = this.image?.omniaImageId;
+        this.getValue = () => {
+            return this.image;
+        };
     }
 }
 exports.ImagePropertyValue = ImagePropertyValue;

package/properties/values/IntegerPropertyValue.d.ts

@@ -2,4 +2,5 @@ import { PropertyValue } from "../PropertyValue";
 export declare class IntegerPropertyValue extends PropertyValue {
     integer: number;
     constructor(integer: number);
+    getValue: () => number;
 }

package/properties/values/IntegerPropertyValue.js

@@ -6,6 +6,9 @@ class IntegerPropertyValue extends PropertyValue_1.PropertyValue {
     constructor(integer) {
         super();
         this.integer = integer;
+        this.getValue = () => {
+            return this.integer;
+        };
     }
 }
 exports.IntegerPropertyValue = IntegerPropertyValue;

package/properties/values/LanguagePropertyValue.d.ts

@@ -3,4 +3,5 @@ import { PropertyValue } from "../PropertyValue";
 export declare class LanguagePropertyValue extends PropertyValue {
     language: LanguageTags;
     constructor(language: LanguageTags);
+    getValue: () => LanguageTags;
 }

package/properties/values/LanguagePropertyValue.js

@@ -6,6 +6,9 @@ class LanguagePropertyValue extends PropertyValue_1.PropertyValue {
     constructor(language) {
         super();
         this.language = language;
+        this.getValue = () => {
+            return this.language;
+        };
     }
 }
 exports.LanguagePropertyValue = LanguagePropertyValue;

package/properties/values/LinkPropertyValue.d.ts

@@ -2,4 +2,5 @@ import { PropertyValue } from "../PropertyValue";
 export declare class LinkPropertyValue extends PropertyValue {
     link: string;
     constructor(link: string);
+    getValue: () => string;
 }

package/properties/values/LinkPropertyValue.js

@@ -6,6 +6,9 @@ class LinkPropertyValue extends PropertyValue_1.PropertyValue {
     constructor(link) {
         super();
         this.link = link;
+        this.getValue = () => {
+            return this.link;
+        };
     }
 }
 exports.LinkPropertyValue = LinkPropertyValue;

package/properties/values/TagsPropertyValue.d.ts

@@ -0,0 +1,7 @@
+import { Tag } from "../../Tags";
+import { PropertyValue } from "../PropertyValue";
+export declare class TagsPropertyValue extends PropertyValue {
+    tags: Array<Tag>;
+    constructor(tags: Array<Tag>);
+    getValue: () => Tag[];
+}

package/properties/values/TagsPropertyValue.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TagsPropertyValue = void 0;
+const PropertyValue_1 = require("../PropertyValue");
+class TagsPropertyValue extends PropertyValue_1.PropertyValue {
+    constructor(tags) {
+        super();
+        this.tags = tags;
+        this.getValue = () => {
+            return this.tags;
+        };
+    }
+}
+exports.TagsPropertyValue = TagsPropertyValue;

package/properties/values/TextPropertyValue.d.ts

@@ -2,4 +2,5 @@ import { PropertyValue } from "../PropertyValue";
 export declare class TextPropertyValue extends PropertyValue {
     text: string;
     constructor(text: string);
+    getValue: () => string;
 }

package/properties/values/TextPropertyValue.js

@@ -6,6 +6,9 @@ class TextPropertyValue extends PropertyValue_1.PropertyValue {
     constructor(text) {
         super();
         this.text = text;
+        this.getValue = () => {
+            return this.text;
+        };
     }
 }
 exports.TextPropertyValue = TextPropertyValue;

package/properties/values/UserTypePropertyValue.d.ts

@@ -0,0 +1,6 @@
+import { Guid } from "@omnia/fx-models";
+import { PropertyValue } from "../PropertyValue";
+export declare class UserTypePropertyValue extends PropertyValue {
+    id: Guid;
+    constructor(id: Guid);
+}

package/properties/values/UserTypePropertyValue.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserTypePropertyValue = void 0;
+const PropertyValue_1 = require("../PropertyValue");
+class UserTypePropertyValue extends PropertyValue_1.PropertyValue {
+    constructor(id) {
+        super();
+        this.id = id;
+    }
+}
+exports.UserTypePropertyValue = UserTypePropertyValue;

package/properties/values/index.d.ts

@@ -15,3 +15,6 @@ export * from "./LinkPropertyValue";
 export * from "./TimePropertyValue";
 export * from "./IntegerPropertyValue";
 export * from "./MediaPropertyValue";
+export * from "./TagsPropertyValue";
+export * from "./UserTypePropertyValue";
+export * from "./BusinessProfilePropertyValue";

package/properties/values/index.js

@@ -18,3 +18,6 @@ tslib_1.__exportStar(require("./LinkPropertyValue"), exports);
 tslib_1.__exportStar(require("./TimePropertyValue"), exports);
 tslib_1.__exportStar(require("./IntegerPropertyValue"), exports);
 tslib_1.__exportStar(require("./MediaPropertyValue"), exports);
+tslib_1.__exportStar(require("./TagsPropertyValue"), exports);
+tslib_1.__exportStar(require("./UserTypePropertyValue"), exports);
+tslib_1.__exportStar(require("./BusinessProfilePropertyValue"), exports);

package/richtext-editor-extensions/HeadingExtension.js

@@ -8,7 +8,7 @@ var FontStyleTypes;
 (function (FontStyleTypes) {
     FontStyleTypes["Inherit"] = "IInheritFontStyle";
     FontStyleTypes["Custom"] = "ICustomFontStyle";
-})(FontStyleTypes = exports.FontStyleTypes || (exports.FontStyleTypes = {}));
+})(FontStyleTypes || (exports.FontStyleTypes = FontStyleTypes = {}));
 class InheritFontStyle {
     constructor() {
         this.fontStyleType = FontStyleTypes.Inherit;
@@ -31,7 +31,7 @@ var FontColorTypes;
 (function (FontColorTypes) {
     FontColorTypes["Inherit"] = "IInheritFontColor";
     FontColorTypes["Custom"] = "ICustomFontColor";
-})(FontColorTypes = exports.FontColorTypes || (exports.FontColorTypes = {}));
+})(FontColorTypes || (exports.FontColorTypes = FontColorTypes = {}));
 class InheritFontColor {
     constructor() {
         this.fontColorType = FontColorTypes.Inherit;
@@ -52,7 +52,7 @@ var FontSizeTypes;
 (function (FontSizeTypes) {
     FontSizeTypes["Inherit"] = "IInheritFontSize";
     FontSizeTypes["Custom"] = "ICustomFontSize";
-})(FontSizeTypes = exports.FontSizeTypes || (exports.FontSizeTypes = {}));
+})(FontSizeTypes || (exports.FontSizeTypes = FontSizeTypes = {}));
 class InheritFontSize {
     constructor() {
         this.fontSizeType = FontSizeTypes.Inherit;
@@ -73,7 +73,7 @@ var LineHeightTypes;
 (function (LineHeightTypes) {
     LineHeightTypes["Inherit"] = "IInheritLineHeight";
     LineHeightTypes["Custom"] = "ICustomLineHeight";
-})(LineHeightTypes = exports.LineHeightTypes || (exports.LineHeightTypes = {}));
+})(LineHeightTypes || (exports.LineHeightTypes = LineHeightTypes = {}));
 class InheritLineHeight {
     constructor() {
         this.lineHeightType = LineHeightTypes.Inherit;
@@ -94,7 +94,7 @@ var FontFamilyTypes;
 (function (FontFamilyTypes) {
     FontFamilyTypes["Inherit"] = "IInheritFontFamily";
     FontFamilyTypes["Custom"] = "ICustomFontFamily";
-})(FontFamilyTypes = exports.FontFamilyTypes || (exports.FontFamilyTypes = {}));
+})(FontFamilyTypes || (exports.FontFamilyTypes = FontFamilyTypes = {}));
 class InheritFontFamily {
     constructor() {
         this.fontFamilyType = FontFamilyTypes.Inherit;

package/richtext-editor-extensions/MediaPickerExtension.js

@@ -6,4 +6,4 @@ var MediaAlignment;
     MediaAlignment[MediaAlignment["Left"] = 0] = "Left";
     MediaAlignment[MediaAlignment["Center"] = 1] = "Center";
     MediaAlignment[MediaAlignment["Right"] = 2] = "Right";
-})(MediaAlignment = exports.MediaAlignment || (exports.MediaAlignment = {}));
+})(MediaAlignment || (exports.MediaAlignment = MediaAlignment = {}));

package/richtext-editor-extensions/TextCompletionExtension.d.ts

@@ -5,6 +5,7 @@ export interface TextCompletionCommand extends EditorCommand {
     insertText?: (option: {
         text: string;
     }) => void;
+    selectAll?: () => void;
 }
 export interface TextCompletionMenuBar extends EditorMenuBar<TextCompletionCommand> {
 }

package/sidepanel/Shared.js

@@ -5,7 +5,7 @@ var SidePanelPosition;
 (function (SidePanelPosition) {
     SidePanelPosition[SidePanelPosition["Right"] = 0] = "Right";
     SidePanelPosition[SidePanelPosition["Left"] = 1] = "Left";
-})(SidePanelPosition = exports.SidePanelPosition || (exports.SidePanelPosition = {}));
+})(SidePanelPosition || (exports.SidePanelPosition = SidePanelPosition = {}));
 exports.SmallScreenBreakpoint = 800;
 /**
  * Assuming that we won't have this many instances at the same time

package/statuscodelayout/StatusCodeLayoutProvider.d.ts

@@ -0,0 +1,8 @@
+export interface IStatusCodeLayoutProvider {
+    httpcodelayout: string;
+}
+export declare const StatusCodeProvider: IStatusCodeLayoutProvider;
+declare module "@omnia/fx-models" {
+    interface ILayoutDependencyProvider extends IStatusCodeLayoutProvider {
+    }
+}

package/statuscodelayout/StatusCodeLayoutProvider.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusCodeProvider = void 0;
+exports.StatusCodeProvider = {
+    httpcodelayout: "httpcodelayout"
+};

package/statuscodelayout/StatusCodeLayoutSettings.d.ts

@@ -0,0 +1,20 @@
+import { Layout } from "../Layout";
+import { IEditorItem } from "../editor-chrome";
+export interface IStatusCodeLayoutItem extends IEditorItem {
+    layout: any;
+    onSave<ItemType>(): Promise<ItemType>;
+    onEdit<ItemType>(): Promise<ItemType>;
+    onCancel<ItemType>(): Promise<ItemType>;
+}
+export interface TenantStatusCodeLayoutSettings {
+    unauthorizedLayout: Layout;
+    notFoundLayout: Layout;
+}
+export interface TenantSystemLayoutSettings {
+    unauthorizedVersionedLayoutId: number;
+    notFoundVersionedLayoutId: number;
+    authenticationVersionedLayoutId: number;
+}
+export interface BusinessProfileSystemLayoutSettings extends TenantSystemLayoutSettings {
+    inherit: boolean;
+}

package/statuscodelayout/StatusCodeLayoutSettings.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/statuscodelayout/SystemLayout.d.ts

@@ -0,0 +1,4 @@
+import { VersionedLayoutDefinition } from "../versionedlayout";
+export declare class SystemLayoutDefinition extends VersionedLayoutDefinition {
+    constructor();
+}

package/statuscodelayout/SystemLayout.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SystemLayoutDefinition = void 0;
+const versionedlayout_1 = require("../versionedlayout");
+class SystemLayoutDefinition extends versionedlayout_1.VersionedLayoutDefinition {
+    constructor() {
+        super("2cf7033c-0f65-4a65-9ce7-489b00835361");
+    }
+}
+exports.SystemLayoutDefinition = SystemLayoutDefinition;

package/statuscodelayout/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./StatusCodeLayoutProvider";
+export * from "./StatusCodeLayoutSettings";
+export * from "./SystemLayout";

package/statuscodelayout/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./StatusCodeLayoutProvider"), exports);
+tslib_1.__exportStar(require("./StatusCodeLayoutSettings"), exports);
+tslib_1.__exportStar(require("./SystemLayout"), exports);

package/ux/AdminApi.d.ts

@@ -1,5 +1,6 @@
-import { NavigationNode, NavigationNodeInitializeMessage } from "../admin";
-import { ApiPath } from "../Extends";
+import { Guid, GuidValue } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
+import { AdminNavigationNode, NavigationNode, NavigationNodeInitializeMessage } from "../admin";
+import { ApiPath, IExtendApiManifestWithConfiguration } from "../Extends";
 import { IMessageBusTopicPublishSubscriber, NavigationMenuNode } from "../Messaging";
 export interface IRegisterAdminNavigationNode {
     registerNavigationNode: (nodes: NavigationNode | NavigationNode[]) => void;
@@ -7,6 +8,12 @@ export interface IRegisterAdminNavigationNode {
 export interface IRegisterAdminNavigationMenuNode {
     registerNavigationMenuNode: (nodes: NavigationMenuNode | NavigationMenuNode[]) => void;
 }
+export interface INavigationRootNodeRegistration {
+    register(node: AdminNavigationNode, category: string, weight?: number): void;
+}
+export interface INavigationSubNodeRegistration {
+    register(node: AdminNavigationNode, parentNodeId: Guid, weight?: number): void;
+}
 export interface IAdminApi {
     registration: {
         navigationNode: Promise<IRegisterAdminNavigationNode>;
@@ -15,6 +22,14 @@ export interface IAdminApi {
     events: {
         initializeNavigationNode: Promise<IMessageBusTopicPublishSubscriber<NavigationNodeInitializeMessage>>;
     };
+    navigations: {
+        rootNodes: {
+            registrations: Promise<INavigationRootNodeRegistration>;
+        };
+        subNodes: {
+            registrations: Promise<INavigationSubNodeRegistration>;
+        };
+    };
 }
 declare module "./UxApi" {
     interface IOmniaUxApi {
@@ -29,6 +44,18 @@ declare module "./UxApi" {
             events: {
                 initializeNavigationNode: ApiPath;
             };
+            navigations: {
+                rootNodes: {
+                    registrations: IExtendApiManifestWithConfiguration<{
+                        category: string;
+                    }>;
+                };
+                subNodes: {
+                    registrations: IExtendApiManifestWithConfiguration<{
+                        parentNodeId: GuidValue;
+                    }>;
+                };
+            };
         };
     }
 }

package/ux/Directive.d.ts

@@ -0,0 +1,27 @@
+import { DirectiveBinding, VNode } from "vue";
+import { IExtendApiManifestWithConfiguration } from "../Extends";
+export type DirectiveDefinition<T = void> = () => {
+    mounted: (el: any, binding: DirectiveBinding<T>, vnode: VNode, prevVnode: VNode) => void;
+    unmounted: (el: any, binding: DirectiveBinding<T>, vnode: VNode, prevVnode: VNode) => void;
+    updated: (el: any, binding: DirectiveBinding<T>, vnode: VNode, prevVnode: VNode) => void;
+};
+export interface Directives {
+}
+export interface IDirectiveRegistration {
+    register<T = void>(name: string, directive: DirectiveDefinition<T>): any;
+}
+export interface IInternalDirectiveRegistration extends IDirectiveRegistration {
+    getDirective<T = void>(name: string): Promise<DirectiveDefinition<T>>;
+}
+declare module "./UxApi" {
+    interface IOmniaUxApi {
+        directives: {
+            registrations: Promise<IDirectiveRegistration>;
+        };
+    }
+    interface IOmniaUxExtendApiManifest {
+        directives: {
+            registrations: IExtendApiManifestWithConfiguration<string>;
+        };
+    }
+}

package/ux/Directive.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/ux/EnterprisePropertyToPropertySettingMappingApi.d.ts

@@ -0,0 +1,18 @@
+import { ApiPath, EnterprisePropertyDataTypeIds, EnterprisePropertyToPropertySettingsMap, IExtendApiManifestWithConfiguration, PropertyDefinition, PropertySetting } from "@omnia/fx-models";
+export interface IEnterprisePropertyToPropertySettingMappingApi {
+    getEnterprisePropertySetting: (enterprisePropertyDataTypeId: string) => Promise<EnterprisePropertyToPropertySettingsMap>;
+    registerEnterprisePropertyToPropertySettingMap: (propDefinitionCtor: new () => PropertyDefinition<any, any, any>, enterprisePropertyDataTypeId: EnterprisePropertyDataTypeIds, propSettingCtor?: new () => PropertySetting<any>) => void;
+}
+declare module "./UxApi" {
+    interface IOmniaUxApi {
+        enterprisePropertyDefinitionMapping: {
+            registration: Promise<IEnterprisePropertyToPropertySettingMappingApi>;
+        };
+    }
+    interface IOmniaUxExtendApiManifest {
+        enterprisePropertyDefinitionMapping: {
+            registration: ApiPath;
+            mappings: IExtendApiManifestWithConfiguration<EnterprisePropertyDataTypeIds>;
+        };
+    }
+}

package/ux/EnterprisePropertyToPropertySettingMappingApi.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/ux/FeatureManagementApi.d.ts

@@ -14,7 +14,7 @@ export interface IAppScopedFeatureValidator extends IFeatureValidator {
     checkAvailable: (featureDefinition: Feature, appDefinition: AppDefinition, appTemplate: AppTemplate, appInstance?: AppInstance) => Promise<boolean>;
 }
 export interface IFeatureManagementUsageApi {
-    loadValidator: (serviceContainerContext: ServiceContainerContext, featureDefinition: Feature) => Promise<IFeatureValidator>;
+    loadValidators: (serviceContainerContext: ServiceContainerContext, featureDefinition: Feature) => Promise<IFeatureValidator[]>;
 }
 export interface IFeatureManagementRegistrationApi {
     registerValidator: (appDefinitionId: GuidValue, handler: new () => IFeatureValidator) => void;

package/ux/InternalAdminApi.d.ts

@@ -1,9 +1,32 @@
-import { NavigationNode } from "../admin";
+import { GuidValue } from "@omnia/fx-models";
+import { AdminNavigationNode, NavigationNode } from "../admin";
 import { NavigationMenuNode, IMessageBusTopicSubscription } from "../Messaging";
-import { IRegisterAdminNavigationNode, IRegisterAdminNavigationMenuNode } from "./AdminApi";
+import { IRegisterAdminNavigationNode, IRegisterAdminNavigationMenuNode, INavigationRootNodeRegistration, INavigationSubNodeRegistration } from "./AdminApi";
+export interface AdminNavigationNodeRegistration {
+    node: AdminNavigationNode;
+    /**
+     * This influence the order of the navigation nodes, be nice, use ordering with gap -100, 0, 100, 200
+     So other extensions etc can inject between
+    */
+    weight: number;
+}
 export interface IInternalAdminApi extends IRegisterAdminNavigationNode, IRegisterAdminNavigationMenuNode {
     getNavigationNodes: () => NavigationNode[];
     getNavigationMenuNodes: () => NavigationMenuNode[];
     onNavigationNodesChange: () => IMessageBusTopicSubscription<NavigationNode[]>;
     onNavigationMenuNodesChange: () => IMessageBusTopicSubscription<NavigationMenuNode[]>;
 }
+export interface IInternalNavigationRootNodeApi extends INavigationRootNodeRegistration {
+    getRegistrations(category: string): Promise<AdminNavigationNodeRegistration[]>;
+    onRegistrationsChanged: () => IMessageBusTopicSubscription<{
+        category: string;
+        nodes: AdminNavigationNodeRegistration[];
+    }>;
+}
+export interface IInternalNavigationSubNodeApi extends INavigationSubNodeRegistration {
+    getRegistrations(parentNodeId: GuidValue): Promise<AdminNavigationNodeRegistration[]>;
+    onRegistrationsChanged: () => IMessageBusTopicSubscription<{
+        parentNodeId: GuidValue;
+        nodes: AdminNavigationNodeRegistration[];
+    }>;
+}

package/ux/LayoutCanvasApi.d.ts

@@ -1,23 +1,54 @@
-import { ApiPath } from "../Extends";
-import { LayoutTemplateRegistration } from "../Layout";
+import { VNode, h } from "vue";
+import { GuidValue } from "../Exposes";
+import { ApiPath, IExtendApiManifestWithConfiguration } from "../Extends";
+import { LayoutPlaceHolderRegistration, LayoutTemplateRegistration } from "../Layout";
 import { IMessageBusTopicSubscription } from "../Messaging";
-export interface IInternalRegistrationLayoutTemplate extends IRegistrationLayoutTemplate {
+export interface IInternalLayoutTemplateRegistration extends ILayoutTemplateRegistration {
     getAllLayoutTemplates: () => LayoutTemplateRegistration[];
     onLayoutTemplateRegistrationChange: () => IMessageBusTopicSubscription<LayoutTemplateRegistration[]>;
 }
-export interface IRegistrationLayoutTemplate {
+export interface ILayoutTemplateRegistration {
     registerLayoutTemplates: (items: LayoutTemplateRegistration | LayoutTemplateRegistration[]) => void;
 }
-export interface ILayoutCanvasApi {
-    registration: Promise<IRegistrationLayoutTemplate>;
+export interface IInternalPlaceHolderLayoutRegistration extends IPlaceHolderLayoutRegistration {
+    getRegistrations: () => LayoutPlaceHolderRegistration[];
+}
+export interface IPlaceHolderLayoutRegistration {
+    register: (placeHolder: LayoutPlaceHolderRegistration) => void;
+}
+export interface IPlaceHolderLayoutHandler {
+    register(layoutPlaceHolderRegistrationId: GuidValue, cb: (createVueNode: typeof h) => VNode | void): {
+        unregister(): void;
+    };
+}
+export interface IInternalPlaceHolderLayoutHandler extends IPlaceHolderLayoutHandler {
+    getHandlers(placeHolderLayoutRegistrationId: GuidValue): Promise<Array<(createVueNode: typeof h) => VNode | void>>;
+    onHandlerChanged(): IMessageBusTopicSubscription<void>;
 }
 declare module "./UxApi" {
     interface IOmniaUxApi {
-        layoutCanvas: ILayoutCanvasApi;
+        layoutCanvas: {
+            placeHolders: {
+                registrations: Promise<IPlaceHolderLayoutRegistration>;
+                hanlders: Promise<IPlaceHolderLayoutHandler>;
+            };
+            templates: {
+                registrations: Promise<ILayoutTemplateRegistration>;
+            };
+        };
     }
     interface IOmniaUxExtendApiManifest {
         layoutCanvas: {
-            registration: ApiPath;
+            placeHolders: {
+                registrations: ApiPath;
+                /**
+                 *  Require PlaceHolderLayoutRegistrationId
+                 */
+                hanlders: IExtendApiManifestWithConfiguration<GuidValue>;
+            };
+            templates: {
+                registrations: ApiPath;
+            };
         };
     }
 }

package/ux/LayoutEditorCanvas.d.ts

@@ -3,7 +3,9 @@ import { NestedCSSPropertiesExtends } from "./StyleFlow";
  * Styles for the LayoutEditorCanvas component
  */
 export declare const LayoutEditorCanvasStyles: {
-    container: (isEditMode: boolean) => NestedCSSPropertiesExtends;
+    canvasWrapper: NestedCSSPropertiesExtends;
+    contentContainer: (isEditMode: boolean) => NestedCSSPropertiesExtends;
+    containerVerticalAlign: (isAlignVertical: boolean) => NestedCSSPropertiesExtends;
     layoutItemSelectorPosition: NestedCSSPropertiesExtends;
     buttomSpacer: NestedCSSPropertiesExtends;
     orphanedBlockContainer: NestedCSSPropertiesExtends;
@@ -12,9 +14,10 @@ export declare const LayoutEditorCanvasStyles: {
     settingsPanelWrapper: (backgroundColor: string) => NestedCSSPropertiesExtends;
     drawerPanel: NestedCSSPropertiesExtends;
     developerDialog: NestedCSSPropertiesExtends;
-    drawerToolbar: NestedCSSPropertiesExtends;
-    drawerToolbarWrapper: (dark: boolean) => NestedCSSPropertiesExtends;
+    drawerToolbar: (dark: boolean, backgroundColor: string) => NestedCSSPropertiesExtends;
+    drawerToolbarWrapper: (dark: boolean, expandedPadding: string) => NestedCSSPropertiesExtends;
     settingsWrapper: NestedCSSPropertiesExtends;
+    settingsDrawer: NestedCSSPropertiesExtends;
     closeButton: NestedCSSPropertiesExtends;
     rightResizer: (backgroundColor: string) => NestedCSSPropertiesExtends;
 };
@@ -23,4 +26,5 @@ export declare const LayoutEditorCanvasStyles: {
  */
 export declare const LayoutRendererCanvasStyles: {
     container: NestedCSSPropertiesExtends;
+    containerVerticalAlign: (isAlignVertical: boolean) => NestedCSSPropertiesExtends;
 };

package/ux/MediaGalleryApi.d.ts

@@ -0,0 +1,21 @@
+import { ApiPath } from "../Extends";
+import { MediaGalleryDialogProvider, MediaGalleryDisplayProvider } from "../media-gallery";
+export interface IGalleryDisplayProvider {
+    registerDisplayProviders: (...provider: MediaGalleryDisplayProvider[]) => void;
+}
+export interface IGalleryDialogProvider {
+    registerDialogProviders: (...provider: MediaGalleryDialogProvider[]) => void;
+}
+declare module "./UxApi" {
+    interface IOmniaUxApi {
+        mediaGallery: {
+            galleryDisplayProviderRegistration: Promise<IGalleryDisplayProvider>;
+            galleryDialogProviderRegistration: Promise<IGalleryDialogProvider>;
+        };
+    }
+    interface IOmniaUxExtendApiManifest {
+        mediaGallery: {
+            registration: ApiPath;
+        };
+    }
+}

package/ux/MediaGalleryApi.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/ux/MediaPickerApi.d.ts

@@ -1,5 +1,5 @@
+import { MediaPickerProvider } from "@omnia/fx-models";
 import { ApiPath } from "../Extends";
-import { MediaPickerProvider } from "../media-picker";
 export interface IMediaPickerApi {
     registration: Promise<IMediaPickerProviderRegistrationApi>;
 }