@omnia/velcron 8.0.458-dev → 8.0.460-dev

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

@@ -2,3 +2,8 @@ export declare enum ServiceLocatorUrlType {
     Api = 0,
     Resource = 1
 }
+export declare enum TextAlignment {
+    left = "left",
+    center = "center",
+    right = "right"
+}

package/internal-do-not-import-from-here/shared/models/Enums.js

@@ -1,8 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ServiceLocatorUrlType = void 0;
+exports.TextAlignment = exports.ServiceLocatorUrlType = void 0;
 var ServiceLocatorUrlType;
 (function (ServiceLocatorUrlType) {
     ServiceLocatorUrlType[ServiceLocatorUrlType["Api"] = 0] = "Api";
     ServiceLocatorUrlType[ServiceLocatorUrlType["Resource"] = 1] = "Resource";
 })(ServiceLocatorUrlType || (exports.ServiceLocatorUrlType = ServiceLocatorUrlType = {}));
+var TextAlignment;
+(function (TextAlignment) {
+    TextAlignment["left"] = "left";
+    TextAlignment["center"] = "center";
+    TextAlignment["right"] = "right";
+})(TextAlignment || (exports.TextAlignment = TextAlignment = {}));

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

@@ -1,3 +1,14 @@
 export declare const OIconSizeDefinitions: readonly ["x-large", "large", "default", "x-small", "small"];
 export type OIconSizes = typeof OIconSizeDefinitions[number];
 export declare const OIconSizesName = "OIconSizes";
+export declare const ODividerTypeDefinitions: readonly ["top", "bottom", "left", "right"];
+export type ODividerTypes = typeof ODividerTypeDefinitions[number];
+export declare const ODividerTypesName = "ODividerTypes";
+export type OBorderCombination = `${ODividerTypes}` | `${ODividerTypes} ${ODividerTypes}` | `${ODividerTypes} ${ODividerTypes} ${ODividerTypes}` | `${ODividerTypes} ${ODividerTypes} ${ODividerTypes} ${ODividerTypes}`;
+export declare const DisplayBreakpoints: readonly ["s", "m", "l"];
+export type DisplayBreakpointTypes = typeof DisplayBreakpoints[number];
+export type ContainerBreakpointTypes = "layout" | "column" | "parent";
+/** text */
+export declare const OTextAlignmentDefinitions: readonly ["left", "center", "right"];
+export type OTextAlignmentTypes = typeof OTextAlignmentDefinitions[number];
+export declare const OTextAlignmentTypesName = "OTextAlignmentTypes";

package/internal-do-not-import-from-here/shared/models/OxideTypeDefinitions.js

@@ -1,5 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.OIconSizesName = exports.OIconSizeDefinitions = void 0;
+exports.OTextAlignmentTypesName = exports.OTextAlignmentDefinitions = exports.DisplayBreakpoints = exports.ODividerTypesName = exports.ODividerTypeDefinitions = exports.OIconSizesName = exports.OIconSizeDefinitions = void 0;
 exports.OIconSizeDefinitions = ["x-large", "large", "default", "x-small", "small"];
 exports.OIconSizesName = "OIconSizes";
+exports.ODividerTypeDefinitions = ["top", "bottom", "left", "right"];
+exports.ODividerTypesName = "ODividerTypes";
+exports.DisplayBreakpoints = ["s", "m", "l"];
+/** text */
+exports.OTextAlignmentDefinitions = ["left", "center", "right"];
+exports.OTextAlignmentTypesName = "OTextAlignmentTypes";

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

@@ -3,7 +3,8 @@ import { SpacingDefinition, Spacing, SpacingValue } from "./Spacing";
 import { TypographyFontDefinition, TextStyleValue } from "./Typography";
 import { ThemeBase } from "./ThemeBase";
 import { VelcronRendererResolverReference } from "../velcron";
-import { TextAlignment } from "@omnia/fx-models";
+import { TextAlignment } from "../Enums";
+import { HorizontalAlignments, VerticalAlignments } from "@omnia/fx-models";
 export interface BlueprintStrategy {
     buttons: {
         primary: ButtonBlueprint;
@@ -31,21 +32,28 @@ export interface VariantBlueprints<T> extends Blueprints {
     variant7?: T;
     variant8?: T;
 }
-export interface HeaderIconSettings {
+export interface HeaderIconBlueprint {
     blueprint?: IconBlueprint;
     background?: BackgroundDefinition;
-    spacing?: Spacing;
+    alignX?: HorizontalAlignments;
+    alignY?: VerticalAlignments;
+    backgroundHeight?: number;
+    margin?: Spacing;
 }
 export interface HeaderBlueprint extends Blueprint {
     /**velcron */
     renderer?: VelcronRendererResolverReference;
+    iconMargin?: SpacingValue;
+    noIcon?: boolean;
     state?: any;
     /**Settings */
     background?: BackgroundDefinition;
     textAlign?: TextAlignment;
-    padding?: SpacingValue;
+    upperCase?: boolean;
+    padding?: Spacing;
+    margin?: Spacing;
     text?: TextBlueprint;
-    iconSettings?: HeaderIconSettings;
+    icon?: HeaderIconBlueprint;
 }
 export interface HeaderBlueprints extends Blueprints, VariantBlueprints<HeaderBlueprint>, BlueprintsReference {
     primary?: HeaderBlueprint;
@@ -113,13 +121,16 @@ export interface ButtonBlueprintVariant {
     category: ButtonBlueprintType;
 }
 export interface ButtonBlueprint extends Blueprint {
-    paddingX?: SpacingValue;
-    iconPaddingX?: SpacingValue;
+    padding?: Spacing;
+    iconMargin?: SpacingValue;
     height?: number;
     background?: BackgroundDefinition;
     alterCase?: boolean;
     text?: TextBlueprint;
     icon?: IconBlueprint;
+    iconPosition?: HorizontalAlignments;
+    iconBackground?: BackgroundDefinition;
+    iconBackgroundHeight?: number;
     viewTemplate?: VelcronRendererResolverReference;
 }
 export interface ButtonBlueprints extends Blueprints {

package/models/VelcronDefinitions.d.ts

@@ -5,7 +5,7 @@ import { DynamicState, VelcronDefinition, VelcronEffects } from "..";
 import { guid, PropertyConfiguration, PropertyValue, PropertyDefinition, PropertySetupBase } from "@omnia/velcron/internal-do-not-import-from-here/shared/models";
 import { Properties } from "csstype";
 import type { AnimationOptionsWithOverrides, InViewOptions, VariantDefinition, Variants } from "motion";
-import { useColorSchemaStore, useThemeStore } from "internal/fx/ux/mobile";
+import { useColorSchemaStore } from "internal/fx/ux/mobile";
 export interface ResolvedComponentRenderer {
     component: unknown;
     definition: VelcronDefinition;
@@ -83,7 +83,6 @@ export interface VelcronRenderContext {
     id?: string;
     rootContext: DynamicState;
     currentContext: DynamicState;
-    theming?: ReturnType<typeof useThemeStore>;
     colors?: ReturnType<typeof useColorSchemaStore>;
     actions?: {
         [name: string]: Array<string>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/velcron",
   "license": "MIT",
-  "version": "8.0.458-dev",
+  "version": "8.0.460-dev",
   "description": "Provide Omnia Velcron Stuffs.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/parser/VelcronRenderers.js

@@ -5,6 +5,7 @@ const __1 = require("..");
 //import { ColorSchemaType, InternalColorSchemaStoreType, ServiceContainerContext, useColorSchemaStore, useInject, useThemeStore } from "internal/fx/ux/mobile";
 // import { InternalColorSchemaStoreType, useColorSchemaStore, useThemeStore } from "internal/fx/ux/aurora/shared-mobile";
 const stores_1 = require("internal/fx/shared/aurora/stores");
+const shared_1 = require("internal/fx/shared");
 class VelcronRenderers {
     static { this.components = {}; }
     static { this.referenceResolvers = {}; }
@@ -91,7 +92,6 @@ class VelcronRenderers {
             hooks: currentRenderCtx.hooks,
             computed: currentRenderCtx.computed,
             colors: currentRenderCtx.colors,
-            theming: currentRenderCtx.theming,
             $editmode: currentRenderCtx.$editmode,
             $display: currentRenderCtx.$display,
             $active: currentRenderCtx.$active,
@@ -105,17 +105,18 @@ class VelcronRenderers {
             const colorSchemaType = __1.VelcronDataBinder.bind(currentRenderCtx, definition.colorSchemaType);
             if (colorSchemaType && result.colors.state.colorSchemaType !== colorSchemaType) {
                 const themeStore = (0, stores_1.useThemeStore)();
-                //     const { value, setValue } = themeStore.get.getOrSetColorSchema(colorSchemaType);
-                //     let colorSchemaStoreRef: InternalColorSchemaStoreType;
-                //     if (value) {
-                //         colorSchemaStoreRef = value as InternalColorSchemaStoreType;
-                //     } else {
-                //         colorSchemaStoreRef = useInject(ServiceContainerContext).createInstance(useColorSchemaStore, null, true);
-                //         (colorSchemaStoreRef as InternalColorSchemaStoreType).actions.disableAutoDispose();
-                //         colorSchemaStoreRef.actions.setColorSchema(colorSchemaType);
-                //         setValue(colorSchemaStoreRef);
-                //     }
-                //     result.colors = colorSchemaStoreRef;
+                const { value, setValue } = themeStore.get.getOrSetColorSchema(colorSchemaType);
+                let colorSchemaStoreRef;
+                if (value) {
+                    colorSchemaStoreRef = value;
+                }
+                else {
+                    colorSchemaStoreRef = (0, shared_1.useInject)(shared_1.ServiceContainerContext).createInstance(stores_1.useColorSchemaStore, null, true);
+                    colorSchemaStoreRef.actions.disableAutoDispose();
+                    colorSchemaStoreRef.actions.setColorSchema(colorSchemaType);
+                    setValue(colorSchemaStoreRef);
+                }
+                result.colors = colorSchemaStoreRef;
             }
         }
         return result;

package/parser/VelcronStyles.js

@@ -109,7 +109,7 @@ class VelcronStyles {
         /** Generic styling */
         if (definition.margin) {
             const margin = VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, definition.margin);
-            const spacing = renderCtx.theming.get.spacing();
+            const spacing = renderCtx.colors.get.themeStore.get.spacing();
             if (typeof margin === "object") {
                 styleBase.marginTop = this.unitProvider.formatDimension(__1.SpacingMethods.getSpacingValueFromBlueprint(VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, margin.top), spacing, margin.scale));
                 styleBase.marginRight = this.unitProvider.formatDimension(__1.SpacingMethods.getSpacingValueFromBlueprint(VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, margin.right), spacing, margin.scale));
@@ -126,7 +126,7 @@ class VelcronStyles {
         }
         if (definition.padding) {
             const padding = VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, definition.padding);
-            const spacing = renderCtx.theming.get.spacing();
+            const spacing = renderCtx.colors.get.themeStore.get.spacing();
             if (typeof padding === "object") {
                 styleBase.paddingTop = this.unitProvider.formatDimension(__1.SpacingMethods.getSpacingValueFromBlueprint(VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, padding.top), spacing, padding.scale));
                 styleBase.paddingRight = this.unitProvider.formatDimension(__1.SpacingMethods.getSpacingValueFromBlueprint(VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, padding.right), spacing, padding.scale));
@@ -192,7 +192,7 @@ class VelcronStyles {
         }
         if (definition.type === VelcronConstants_1.VelcronConstants.components.row) {
             const flexDefinition = definition;
-            const spacingBlueprint = renderCtx.theming.get.spacing();
+            const spacingBlueprint = renderCtx.colors.get.themeStore.get.spacing();
             const gapX = flexDefinition.gapX || flexDefinition?.gapX?.toString() === "0"
                 ? __1.SpacingMethods.getSpacingValueFromBlueprint(VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, flexDefinition.gapX), spacingBlueprint)
                 : __1.SpacingMethods.getSpacingValueFromBlueprint(VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, flexDefinition.gapY), spacingBlueprint);
@@ -225,7 +225,7 @@ class VelcronStyles {
                 alignY = "stretch";
             }
             if (flexDefinition.position) {
-                const spacing = renderCtx.theming.get.spacing();
+                const spacing = renderCtx.colors.get.themeStore.get.spacing();
                 this.applySpacingStyles(flexDefinition.position, renderCtx, styleBase, spacing, "", (pos) => (styleBase.position = VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, pos.type)), {
                     position: "type",
                 });
@@ -274,7 +274,7 @@ class VelcronStyles {
             this.insertBackgroundColor(styleBase, flexDefinition, renderCtx);
         }
         if (definition.type === VelcronConstants_1.VelcronConstants.components.grid) {
-            const spacingBlueprint = renderCtx.theming.get.spacing();
+            const spacingBlueprint = renderCtx.colors.get.themeStore.get.spacing();
             const gridDefinition = definition;
             const columns = VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, gridDefinition.columns);
             const minWidth = VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, gridDefinition.minColumnWidth);