@omnia/fx-models 8.0.151-dev → 8.0.153-dev

package/Layout.d.ts

@@ -115,8 +115,7 @@ export declare enum SectionTypes {
     Tab = 2,
     Accordion = 3,
     Stepper = 4,
-    PlaceHolder = 5,
-    Slider = 6
+    Slider = 5
 }
 export interface Section<T extends SectionSettings = SectionSettings> extends LayoutItem {
     name?: string;
@@ -201,19 +200,6 @@ export interface AccordionedSectionSettings extends SectionSettings {
     flatHeader: boolean;
     singleSelect: boolean;
 }
-export interface PlaceHolderLayoutRegistration {
-    id: GuidValue;
-    title: string;
-}
-export interface PlaceHolderSectionSettings extends SectionSettings {
-    placeHolderLayoutRegistrationId: GuidValue;
-}
-export interface PlaceHolderSectionItemSettings extends SectionItemSettings {
-    type: SectionTypes.PlaceHolder;
-    size: string;
-    minWidth: number;
-    chrome: string;
-}
 export interface StepperSectionSettings extends SectionSettings {
     type: SectionTypes.Stepper;
     vertical: boolean;

package/Layout.js

@@ -7,8 +7,7 @@ var SectionTypes;
     SectionTypes[SectionTypes["Tab"] = 2] = "Tab";
     SectionTypes[SectionTypes["Accordion"] = 3] = "Accordion";
     SectionTypes[SectionTypes["Stepper"] = 4] = "Stepper";
-    SectionTypes[SectionTypes["PlaceHolder"] = 5] = "PlaceHolder";
-    SectionTypes[SectionTypes["Slider"] = 6] = "Slider";
+    SectionTypes[SectionTypes["Slider"] = 5] = "Slider";
 })(SectionTypes || (exports.SectionTypes = SectionTypes = {}));
 var JsonNullValueHandling;
 (function (JsonNullValueHandling) {

package/ManifestIds.d.ts

@@ -19,7 +19,7 @@ export declare class OmniaResourceManifests {
     static get LayoutCanvasShared(): Guid;
     static get AwesomeProFont(): Guid;
     static get FxUxVuetifyShared(): Guid;
-    static get LayoutCanvasPlaceHolderApis(): Guid;
+    static get DynamicPlaceholderApis(): Guid;
     static get AppPlaceHolderApis(): Guid;
     static get FxUxVuetifyCommon(): Guid;
     static get FxUxMonacoEditor(): Guid;

package/ManifestIds.js

@@ -55,7 +55,7 @@ class OmniaResourceManifests {
     static get FxUxVuetifyShared() {
         return new models_1.Guid("8769dc42-712d-4ce2-8d32-4b8604b92ae6");
     }
-    static get LayoutCanvasPlaceHolderApis() {
+    static get DynamicPlaceholderApis() {
         return new models_1.Guid("9f2c7a3b-c455-461a-b9e6-b05dcdf37aa1");
     }
     static get AppPlaceHolderApis() {

package/chromeprovider/ChromeProvider.d.ts

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

package/chromeprovider/ChromeProvider.js

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

package/chromeprovider/index.d.ts

@@ -0,0 +1 @@
+export * from "./ChromeProvider";

package/chromeprovider/index.js

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

package/internal-do-not-import-from-here/shared/models/theming/Blueprints.d.ts

@@ -1,4 +1,4 @@
-import { BackgroundDefinition, BlueprintsReference, ColorSchemaType, ColorValue, FillDefinition } from "./ThemeDefinitionV2";
+import { BackgroundDefinition, BlueprintsReference, ColorSchemaType, ColorValue, FillDefinition, FillDefinitionValue } from "./ThemeDefinitionV2";
 import { SpacingDefinition, Spacing } from "./Spacing";
 import { TypographyValue } from "./Typography";
 export interface BoxDimensions extends Spacing {
@@ -130,7 +130,7 @@ export interface TabsBlueprint extends Blueprint {
     };
 }
 export interface TextBlueprint extends Blueprint {
-    color?: FillDefinition;
+    color?: FillDefinitionValue;
     typography?: TypographyValue;
 }
 export interface IconBlueprint extends Blueprint {

package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.d.ts

@@ -135,6 +135,8 @@ export interface FillDefinition {
     acrylic?: boolean;
     opacity?: number;
 }
+export type FillVariant = "variant1" | "variant2" | "variant3";
+export type FillDefinitionValue = FillVariant | FillDefinition | ColorValue;
 export interface LinearGradientFillDefinition extends FillDefinition {
     degrees: number;
 }

package/internal-do-not-import-from-here/shared/models/theming/Typography.d.ts

@@ -1,4 +1,5 @@
 import { GuidValue } from "../Guid";
+import { FillDefinition } from "./ThemeDefinitionV2";
 export interface TypographyBlueprint {
     name: string;
     font?: {
@@ -6,25 +7,50 @@ export interface TypographyBlueprint {
         family: string;
         cdn?: string;
     };
+    fills?: {
+        variant1?: FillDefinition;
+        variant2?: FillDefinition;
+        variant3?: FillDefinition;
+    };
     title: {
         xl: TypographyDefinition;
         l: TypographyDefinition;
         m: TypographyDefinition;
         s: TypographyDefinition;
         xs: TypographyDefinition;
+        font?: {
+            id: GuidValue;
+            family: string;
+            cdn?: string;
+        };
     };
     text: {
         l: TypographyDefinition;
         m: TypographyDefinition;
         s: TypographyDefinition;
         xs: TypographyDefinition;
+        font?: {
+            id: GuidValue;
+            family: string;
+            cdn?: string;
+        };
     };
     navigation: {
         l: TypographyDefinition;
         m: TypographyDefinition;
+        font?: {
+            id: GuidValue;
+            family: string;
+            cdn?: string;
+        };
     };
     link: {
         m: TypographyDefinition;
+        font?: {
+            id: GuidValue;
+            family: string;
+            cdn?: string;
+        };
     };
 }
 export interface TypographyDefinition {

package/internal-do-not-import-from-here/shared/models/velcron/VelcronDefinition.d.ts

@@ -1,3 +1,4 @@
+import { IFontAwesomeIcon } from "@omnia/fx-models";
 import { DynamicState } from "../DynamicState";
 import { VelcronEvent, VelcronOnEditModeEvent, VelcronOnLoadEvent, VelcronOnPersistingStateEvent, VelcronOnSavingEvent } from "./VelcronEvents";
 /**
@@ -57,9 +58,10 @@ export interface VelcronComponentDefinition extends VelcronDefinition {
     icon?: any;
 }
 export type VelcronCustomComponentDefinition = VelcronComponentDefinition;
-export type BuiltInPropertyEditorType = "text" | "slider" | "switch" | "alignment" | "color" | "markdown" | "icon" | "image" | "typography" | "color-schema-type" | "spacing";
-export interface VelcronPropertyEditor<TSettings = any> {
+export type BuiltInPropertyEditorType = "text" | "slider" | "switch" | "alignment" | "color" | "markdown" | "icon" | "image" | "typography" | "spacing" | "color-schema-type" | "reference";
+export interface VelcronStateEditor<TSettings = any> {
     name?: string;
+    icon?: IFontAwesomeIcon;
     category?: string;
     type: BuiltInPropertyEditorType | string;
     settings?: TSettings;
@@ -78,7 +80,7 @@ export interface VelcronAppDefinition<TState extends DynamicState = DynamicState
         [name: string]: Array<string>;
     };
     components?: Array<VelcronCustomComponentDefinition>;
-    propEditors?: Array<VelcronPropertyEditor>;
+    editors?: Array<VelcronStateEditor>;
     state?: TState;
     computed?: {
         [name: string]: Array<string>;

package/internal-do-not-import-from-here/velcron/core/models/VelcronDefinitions.d.ts

@@ -34,6 +34,7 @@ export interface BuiltInComponentRenderers {
     "radio": unknown;
     "rive": unknown;
     "lottie": unknown;
+    "slide-panel": unknown;
 }
 export interface ColorSchemaReference {
     name: string;
@@ -248,9 +249,9 @@ export interface VelcronIconDefinition extends VelcronDefinition, VelcronColorSt
 }
 export interface VelcronMarkdownDefinition extends VelcronDefinitionWithEditMode, VelcronColorStyling, VelcronTextStyling {
     type: "markdown";
-    value: VelcronBindableProp<string>;
-    placeholder: VelcronBindableProp<string>;
-    events: VelcronOnUpdatedEvent;
+    value?: VelcronBindableProp<string>;
+    placeholder?: VelcronBindableProp<string>;
+    events?: VelcronOnUpdatedEvent;
 }
 export interface VelcronRiveDefinition extends VelcronDefinition {
     type: "rive";
@@ -270,6 +271,17 @@ export interface VelcronLottieDefinition extends VelcronDefinition {
     direction?: VelcronBindableProp<"normal" | "reverse">;
     hover?: VelcronBindableProp<boolean>;
 }
+export interface VelcronSlidePanelDefinition extends VelcronDefinition {
+    type: "slide-panel";
+    slidesPerView?: VelcronBindableProp<number>;
+    pagination?: VelcronBindableProp<boolean>;
+    navigation?: VelcronBindableProp<boolean>;
+    scrollbar?: VelcronBindableProp<boolean>;
+    autoplay?: VelcronBindableProp<boolean>;
+    loop?: VelcronBindableProp<boolean>;
+    style?: VelcronCardStyling;
+    events?: VelcronOnPressEvent;
+}
 export interface VelcronDimensions {
     top: number | string;
     right: number | string;

package/internal-do-not-import-from-here/velcron/core/models/VelcronPropertyEditorDefinitions.d.ts

@@ -1,34 +1,10 @@
-import { TypographySize, TypographyType, VelcronImageRatios, VelcronPropertyEditor, VelcronSpacing } from "@omnia/fx-models";
+import { TypographySize, TypographyType, VelcronImageRatios, VelcronStateEditor, VelcronSpacing, BuiltInPropertyEditorType } from "@omnia/fx-models";
 export interface ResolvedPropertyEditor {
-    editor: VelcronPropertyEditor;
-}
-export interface BuiltInPropertyEditors {
-    text: unknown;
-    slider: unknown;
-    switch: unknown;
-    alignment: unknown;
-    color: unknown;
-    markdown: unknown;
-    icon: unknown;
-    image: unknown;
-    typography: unknown;
-    spacing: unknown;
-    "color-schema-type": unknown;
-    reference: unknown;
-}
-export declare enum BuiltInPropertyEditorTypes {
-    text = "text",
-    slider = "slider",
-    switch = "switch",
-    alignment = "alignment",
-    color = "color",
-    markdown = "markdown",
-    icon = "icon",
-    image = "image",
-    typography = "typography",
-    spacing = "spacing",
-    "color-schema-type" = "color-schema-type"
+    editor: VelcronStateEditor;
 }
+export type BuiltInPropertyEditorMap = {
+    [key in BuiltInPropertyEditorType]: unknown;
+};
 export interface VelcronSliderPropertyEditorSettings {
     min: number;
     max: number;
@@ -47,43 +23,43 @@ export interface VelcronTextEditorSettings {
     type: TypographyType;
     placeholder: string;
 }
-export interface VelcronSliderPropertyEditor extends VelcronPropertyEditor<VelcronSliderPropertyEditorSettings> {
+export interface VelcronSliderPropertyEditor extends VelcronStateEditor<VelcronSliderPropertyEditorSettings> {
     type: "slider";
 }
-export interface VelcronTextPropertyEditor extends VelcronPropertyEditor<VelcronTextEditorSettings> {
+export interface VelcronTextPropertyEditor extends VelcronStateEditor<VelcronTextEditorSettings> {
     type: "text";
 }
-export interface VelcronEnterprisePropertyEditor extends VelcronPropertyEditor<any> {
+export interface VelcronEnterprisePropertyEditor extends VelcronStateEditor<any> {
     type: "enterprise-property";
 }
-export interface VelcronTypographyPropertyEditor extends VelcronPropertyEditor<VelcronTypographyEditorSettings> {
+export interface VelcronTypographyPropertyEditor extends VelcronStateEditor<VelcronTypographyEditorSettings> {
     type: "typography";
 }
-export interface VelcronSwitchPropertyEditor extends VelcronPropertyEditor<any> {
+export interface VelcronSwitchPropertyEditor extends VelcronStateEditor<any> {
     type: "switch";
 }
-export interface VelcronAlignmentPropertyEditor extends VelcronPropertyEditor<any> {
+export interface VelcronAlignmentPropertyEditor extends VelcronStateEditor<any> {
     type: "alignment";
 }
-export interface VelcronColorPropertyEditor extends VelcronPropertyEditor<any> {
+export interface VelcronColorPropertyEditor extends VelcronStateEditor<any> {
     type: "color";
 }
-export interface VelcronColorSchemaPropertyEditor extends VelcronPropertyEditor<any> {
+export interface VelcronColorSchemaPropertyEditor extends VelcronStateEditor<any> {
     type: "color-schema-type";
 }
-export interface VelcronIconPropertyEditor extends VelcronPropertyEditor<any> {
+export interface VelcronIconPropertyEditor extends VelcronStateEditor<any> {
     type: "icon";
 }
-export interface VelcronMarkdownPropertyEditor extends VelcronPropertyEditor<VelcronMarkdownEditorSettings> {
+export interface VelcronMarkdownPropertyEditor extends VelcronStateEditor<VelcronMarkdownEditorSettings> {
     type: "markdown";
 }
-export interface VelcronImagePropertyEditor extends VelcronPropertyEditor<any> {
+export interface VelcronImagePropertyEditor extends VelcronStateEditor<any> {
     type: "image";
 }
-export interface VelcronSpacingPropertyEditor extends VelcronPropertyEditor<VelcronSpacingEditorSettings> {
+export interface VelcronSpacingPropertyEditor extends VelcronStateEditor<VelcronSpacingEditorSettings> {
     type: "spacing";
 }
-export interface VelcronReferencePropertyEditor extends VelcronPropertyEditor<any> {
+export interface VelcronReferencePropertyEditor extends VelcronStateEditor<any> {
     type: "reference";
 }
 export interface VelcronState {

package/internal-do-not-import-from-here/velcron/core/models/VelcronPropertyEditorDefinitions.js

@@ -1,21 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VelcronStateBinding = exports.VelcronSpacingStateBinding = exports.VelcronColorSchemasStateBinding = exports.VelcronContentStateBinding = exports.VelcronHeaderStateBinding = exports.VelcronImagesStateBinding = exports.BuiltInPropertyEditorTypes = void 0;
-// export type BuiltInPropertyEditorType = "text" | "slider" | "switch" | "alignment" | "color" | "markdown" | "icon" | "image" | "typography" | "color-schema-type" | "spacing" ;
-var BuiltInPropertyEditorTypes;
-(function (BuiltInPropertyEditorTypes) {
-    BuiltInPropertyEditorTypes["text"] = "text";
-    BuiltInPropertyEditorTypes["slider"] = "slider";
-    BuiltInPropertyEditorTypes["switch"] = "switch";
-    BuiltInPropertyEditorTypes["alignment"] = "alignment";
-    BuiltInPropertyEditorTypes["color"] = "color";
-    BuiltInPropertyEditorTypes["markdown"] = "markdown";
-    BuiltInPropertyEditorTypes["icon"] = "icon";
-    BuiltInPropertyEditorTypes["image"] = "image";
-    BuiltInPropertyEditorTypes["typography"] = "typography";
-    BuiltInPropertyEditorTypes["spacing"] = "spacing";
-    BuiltInPropertyEditorTypes["color-schema-type"] = "color-schema-type";
-})(BuiltInPropertyEditorTypes || (exports.BuiltInPropertyEditorTypes = BuiltInPropertyEditorTypes = {}));
+exports.VelcronStateBinding = exports.VelcronSpacingStateBinding = exports.VelcronColorSchemasStateBinding = exports.VelcronContentStateBinding = exports.VelcronHeaderStateBinding = exports.VelcronImagesStateBinding = void 0;
+const builtInPropertyEditors = {
+    text: undefined,
+    slider: undefined,
+    switch: undefined,
+    alignment: undefined,
+    color: undefined,
+    markdown: undefined,
+    icon: undefined,
+    image: undefined,
+    typography: undefined,
+    spacing: undefined,
+    "color-schema-type": undefined,
+    reference: undefined,
+};
 exports.VelcronImagesStateBinding = {
     main: {
         editor: "{{images.main.url}}",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx-models",
   "license": "MIT",
-  "version": "8.0.151-dev",
+  "version": "8.0.153-dev",
   "description": "Provide Omnia Fx Models Stuffs.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/ux/DynamicPlaceholderApi.d.ts

@@ -0,0 +1,37 @@
+import { VNode, h } from "vue";
+import { GuidValue } from "../Exposes";
+import { ApiPath, IExtendApiManifestWithConfiguration } from "../Extends";
+import { LayoutPlaceHolderRegistration } from "../Layout";
+import { IMessageBusTopicSubscription } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
+export interface IInternalDynamicPlaceHolderLayoutRegistration extends IDynamicPlaceHolderLayoutRegistration {
+    getRegistrations: () => LayoutPlaceHolderRegistration[];
+}
+export interface IDynamicPlaceHolderLayoutRegistration {
+    register: (placeHolder: LayoutPlaceHolderRegistration) => void;
+}
+export interface IDynamicPlaceHolderLayoutHandler {
+    register(layoutPlaceHolderRegistrationId: GuidValue, cb: (createVueNode: typeof h) => VNode | void): {
+        unregister(): void;
+    };
+}
+export interface IInternalDynamicPlaceHolderLayoutHandler extends IDynamicPlaceHolderLayoutHandler {
+    getHandlers(placeHolderLayoutRegistrationId: GuidValue): Promise<Array<(createVueNode: typeof h) => VNode | void>>;
+    onHandlerChanged(): IMessageBusTopicSubscription<void>;
+}
+declare module "./UxApi" {
+    interface IOmniaUxApi {
+        dynamicPlaceHolder: {
+            registrations: Promise<IDynamicPlaceHolderLayoutRegistration>;
+            handlers: Promise<IDynamicPlaceHolderLayoutHandler>;
+        };
+    }
+    interface IOmniaUxExtendApiManifest {
+        dynamicPlaceHolder: {
+            registrations: ApiPath;
+            /**
+                 *  Require PlaceHolderLayoutRegistrationId
+                 */
+            handlers: IExtendApiManifestWithConfiguration<GuidValue>;
+        };
+    }
+}

package/ux/DynamicPlaceholderApi.js

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

package/ux/LayoutCanvasApi.d.ts

@@ -1,7 +1,5 @@
-import { VNode, h } from "vue";
-import { GuidValue } from "../Exposes";
-import { ApiPath, IExtendApiManifestWithConfiguration } from "../Extends";
-import { LayoutPlaceHolderRegistration, LayoutTemplateRegistration } from "../Layout";
+import { ApiPath } from "../Extends";
+import { LayoutTemplateRegistration } from "../Layout";
 import { IMessageBusTopicSubscription } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
 export interface IInternalLayoutTemplateRegistration extends ILayoutTemplateRegistration {
     getAllLayoutTemplates: () => LayoutTemplateRegistration[];
@@ -10,28 +8,9 @@ export interface IInternalLayoutTemplateRegistration extends ILayoutTemplateRegi
 export interface ILayoutTemplateRegistration {
     registerLayoutTemplates: (items: LayoutTemplateRegistration | LayoutTemplateRegistration[]) => void;
 }
-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: {
-            placeHolders: {
-                registrations: Promise<IPlaceHolderLayoutRegistration>;
-                hanlders: Promise<IPlaceHolderLayoutHandler>;
-            };
             templates: {
                 registrations: Promise<ILayoutTemplateRegistration>;
             };
@@ -39,13 +18,6 @@ declare module "./UxApi" {
     }
     interface IOmniaUxExtendApiManifest {
         layoutCanvas: {
-            placeHolders: {
-                registrations: ApiPath;
-                /**
-                 *  Require PlaceHolderLayoutRegistrationId
-                 */
-                hanlders: IExtendApiManifestWithConfiguration<GuidValue>;
-            };
             templates: {
                 registrations: ApiPath;
             };

package/ux/index.d.ts

@@ -19,4 +19,5 @@ export * from "./VelcronDefinitionApi";
 export * from "./ThemingApi";
 export * from "./EnterprisePropertyToPropertySettingMappingApi";
 export * from "./MediaGalleryApi";
+export * from "./DynamicPlaceholderApi";
 export { type Directives, type DirectiveDefinition, type IInternalDirectiveRegistration } from "./Directive";

package/ux/index.js

@@ -22,3 +22,4 @@ tslib_1.__exportStar(require("./VelcronDefinitionApi"), exports);
 tslib_1.__exportStar(require("./ThemingApi"), exports);
 tslib_1.__exportStar(require("./EnterprisePropertyToPropertySettingMappingApi"), exports);
 tslib_1.__exportStar(require("./MediaGalleryApi"), exports);
+tslib_1.__exportStar(require("./DynamicPlaceholderApi"), exports);