@acorex/platform 19.1.1 → 19.1.2

package/layout/builder/lib/builder/widget.types.d.ts

@@ -118,6 +118,7 @@ export interface AXPWidgetTypesMap {
     templateDesigner: 'template-designer';
     cronJob: 'cron-job';
     spacing: 'spacing';
+    border: 'border';
 }
 export interface AXPWidgetNodeToken {
     config: AXPWidgetConfig;

package/layout/entity/lib/entity-master-create.viewmodel.d.ts

@@ -1,6 +1,6 @@
-import { Injector } from "@angular/core";
-import { AXPWidgetNode } from "@acorex/platform/layout/builder";
-import { AXPEntity, AXPGridLayoutOptions, AXPEntityProperty, AXPEntityPropertyCreateView, AXPEntitySectionView } from "@acorex/platform/common";
+import { AXPEntity, AXPEntityProperty, AXPEntityPropertyCreateView, AXPEntitySectionView, AXPGridLayoutOptions } from '@acorex/platform/common';
+import { AXPWidgetNode } from '@acorex/platform/layout/builder';
+import { Injector } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class AXPEntityCreateViewSectionViewModel {
     private entity;

package/layout/entity/lib/entity.viewmodel.d.ts

@@ -9,6 +9,7 @@ export declare class AXPEntityCommandTriggerViewModel {
     name: string;
     separated: boolean;
     scope: AXPEntityCommandScope;
+    options: any;
     constructor(entity: AXPEntity, action: AXPEntityAction);
 }
 export declare class AXPEntityListViewColumnViewModel {

package/layout/setting/lib/setting.viewmodel.d.ts

@@ -27,7 +27,7 @@ export declare class AXPSettingsViewModel {
     initializeService(activatedRoute: ActivatedRoute): Promise<void>;
     private load;
     private updateGroupParam;
-    onChooseGroup(item: AXTreeItemClickBaseEvent): void;
+    handleSelectGroup(item: AXTreeItemClickBaseEvent): void;
     context: import("@angular/core").WritableSignal<Record<any, any>>;
     private previousContext;
     handleContextChanged(e: AXPLayoutContextEvent): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/platform",
-  "version": "19.1.1",
+  "version": "19.1.2",
   "peerDependencies": {
     "@angular/common": ">=19.0.0",
     "@angular/core": ">=19.0.0",
@@ -41,14 +41,14 @@
       "types": "./auth/index.d.ts",
       "default": "./fesm2022/acorex-platform-auth.mjs"
     },
-    "./layouts": {
-      "types": "./layouts/index.d.ts",
-      "default": "./fesm2022/acorex-platform-layouts.mjs"
-    },
     "./native": {
       "types": "./native/index.d.ts",
       "default": "./fesm2022/acorex-platform-native.mjs"
     },
+    "./layouts": {
+      "types": "./layouts/index.d.ts",
+      "default": "./fesm2022/acorex-platform-layouts.mjs"
+    },
     "./common": {
       "types": "./common/index.d.ts",
       "default": "./fesm2022/acorex-platform-common.mjs"

package/themes/default/lib/layouts/base/simple-page/simple-page.layout.d.ts

@@ -1,7 +1,52 @@
-import { AXPThemeLayoutPageHeaderComponent } from '@acorex/platform/themes/shared';
+import { AXPThemeLayoutPageActionsComponent, AXPThemeLayoutPageHeaderComponent, AXPThemeLayoutPageSideComponent } from '@acorex/platform/themes/shared';
 import * as i0 from "@angular/core";
 export declare class AXPSimplePageLayout {
+    protected layoutService: {
+        currentTheme: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeVariant>;
+        systemTheme: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeVariant>;
+        screenSize: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPScreenSize>;
+        deviceType: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPDeviceType>;
+        isTouchDevice: import("@angular/core").Signal<boolean>;
+        overlayLoading: import("@angular/core").Signal<boolean>;
+        navigationLoading: import("@angular/core").Signal<boolean>;
+        overlayLoadingTaskCount: import("@angular/core").Signal<number>;
+        navigationLoadingTaskCount: import("@angular/core").Signal<number>;
+        sideMenuState: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPSideMenuState>;
+        isDarkMode: import("@angular/core").Signal<boolean>;
+        isLightMode: import("@angular/core").Signal<boolean>;
+        isSystemMode: import("@angular/core").Signal<boolean>;
+        isSideMenuOpen: import("@angular/core").Signal<boolean>;
+        isSmall: import("@angular/core").Signal<boolean>;
+        isMedium: import("@angular/core").Signal<boolean>;
+        isLarge: import("@angular/core").Signal<boolean>;
+        isMobileDevice: import("@angular/core").Signal<boolean>;
+        isTabletDevice: import("@angular/core").Signal<boolean>;
+        isDesktopDevice: import("@angular/core").Signal<boolean>;
+        isTouchScreen: import("@angular/core").Signal<boolean>;
+        isOverlayLoading: import("@angular/core").Signal<boolean>;
+        isNavigationLoading: import("@angular/core").Signal<boolean>;
+        changeTheme: (theme: import("@acorex/platform/themes/shared").AXPThemeVariant) => void;
+        openSideMenu: () => void;
+        closeSideMenu: () => void;
+        toggleSideMenu: () => void;
+        setNavigationLoading: (value: boolean) => void;
+        setOverlayLoading: (value: boolean) => void;
+        loadSettings: () => Promise<void>;
+    } & import("@ngrx/signals").StateSource<{
+        currentTheme: import("@acorex/platform/themes/shared").AXPThemeVariant;
+        systemTheme: import("@acorex/platform/themes/shared").AXPThemeVariant;
+        screenSize: import("@acorex/platform/themes/shared").AXPScreenSize;
+        deviceType: import("@acorex/platform/themes/shared").AXPDeviceType;
+        isTouchDevice: boolean;
+        overlayLoading: boolean;
+        navigationLoading: boolean;
+        overlayLoadingTaskCount: number;
+        navigationLoadingTaskCount: number;
+        sideMenuState: import("@acorex/platform/themes/shared").AXPSideMenuState;
+    }>;
     protected headerLayout: import("@angular/core").Signal<AXPThemeLayoutPageHeaderComponent | undefined>;
+    protected pageSideLayout: import("@angular/core").Signal<AXPThemeLayoutPageSideComponent | undefined>;
+    protected pageActionsLayout: import("@angular/core").Signal<AXPThemeLayoutPageActionsComponent | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPSimplePageLayout, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPSimplePageLayout, "axp-layout-simple-page", never, {}, {}, ["headerLayout"], ["axp-page-side", "axp-page-header", "axp-page-content"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPSimplePageLayout, "axp-layout-simple-page", never, {}, {}, ["headerLayout", "pageSideLayout", "pageActionsLayout"], ["axp-page-side", "axp-page-header", "axp-page-content"], true, never>;
 }

package/themes/default/lib/layouts/setting-layout/index.d.ts

@@ -1,2 +1 @@
-export * from './setting-menu/setting-menu.component';
 export * from './setting-view/setting-view.component';

package/themes/default/lib/layouts/setting-layout/setting-page/setting-page.component.d.ts

@@ -1,5 +1,11 @@
+import { Injector } from '@angular/core';
+import { AXPSettingsViewModel } from '@acorex/platform/layout/setting';
 import * as i0 from "@angular/core";
 export declare class AXPSettingPageComponent {
+    protected vm: AXPSettingsViewModel;
+    protected injector: Injector;
+    private activatedRoute;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPSettingPageComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPSettingPageComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/themes/shared/lib/components/layout-elements/index.d.ts

@@ -1,2 +1,4 @@
 export * from './layout-blocks.component';
+export * from './layout-page-actions.component';
+export * from './layout-page-side.component';
 export * from './layout-page-header.component';

package/themes/shared/lib/components/layout-elements/layout-blocks.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class AXPThemeLayoutBlockComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPThemeLayoutBlockComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPThemeLayoutBlockComponent, "    axp-page-content,     axp-page-body,    axp-page-title,     axp-page-description,     axp-page-actions,    axp-page-navbar,    axp-page-side,     axp-page-breadcrumbs    ", never, {}, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPThemeLayoutBlockComponent, "    axp-page-content,     axp-page-body,    axp-page-title,     axp-page-description,     axp-page-navbar,    axp-page-breadcrumbs,    axp-page-side-title    ", never, {}, {}, never, ["*"], true, never>;
 }

package/themes/shared/lib/components/layout-elements/layout-page-actions.component.d.ts

@@ -0,0 +1,20 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class AXPThemeLayoutPagePrimaryActionsComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPThemeLayoutPagePrimaryActionsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPThemeLayoutPagePrimaryActionsComponent, "axp-page-actions-primary", never, {}, {}, never, ["ax-button"], true, never>;
+}
+export declare class AXPThemeLayoutPageSecondaryActionsComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPThemeLayoutPageSecondaryActionsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPThemeLayoutPageSecondaryActionsComponent, "axp-page-actions-secondary", never, {}, {}, never, ["ax-button-item"], true, never>;
+}
+export declare class AXPThemeLayoutPageActionsComponent {
+    readonly primaryTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    private readonly primaryContent;
+    hasPrimary: import("@angular/core").Signal<boolean>;
+    readonly secondaryTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    private readonly secondaryContent;
+    hasSecondary: import("@angular/core").Signal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPThemeLayoutPageActionsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPThemeLayoutPageActionsComponent, "axp-page-actions", never, {}, {}, ["primaryContent", "secondaryContent"], ["axp-page-actions-primary", "axp-page-actions-secondary", "*"], true, never>;
+}

package/themes/shared/lib/components/layout-elements/layout-page-side.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class AXPThemeLayoutPageSideComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPThemeLayoutPageSideComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPThemeLayoutPageSideComponent, "axp-page-side", never, {}, {}, never, ["*"], true, never>;
+}

package/widgets/lib/properties/layout.props.d.ts

@@ -1,6 +1,7 @@
 import { AXPWidgetProperty, AXPWidgetPropertyGroup } from '@acorex/platform/layout/builder';
 export declare const AXP_LAYOUT_GRID_PROPERTY_GROUP: AXPWidgetPropertyGroup;
 export declare const AXP_LAYOUT_FLEX_PROPERTY_GROUP: AXPWidgetPropertyGroup;
+export declare const AXP_BOX_MODEL_PROPERTY_GROUP: AXPWidgetPropertyGroup;
 export declare const AXP_LAYOUT_GAP_PROPERTY: AXPWidgetProperty;
 export declare const AXP_LAYOUT_COL_SPAN_PROPERTY: AXPWidgetProperty;
 export declare const AXP_LAYOUT_COL_START_PROPERTY: AXPWidgetProperty;
@@ -17,3 +18,4 @@ export declare const AXP_LAYOUT_GRID_ROW_PROPERTIES: AXPWidgetProperty[];
 export declare const AXP_LAYOUT_GRID_ITEM_PROPERTIES: AXPWidgetProperty[];
 export declare const AXP_LAYOUT_FLEX_PROPERTIES: AXPWidgetProperty[];
 export declare const AXP_LAYOUT_SPACING_PROPERTY: AXPWidgetProperty;
+export declare const AXP_LAYOUT_BORDER_PROPERTY: AXPWidgetProperty;

package/widgets/lib/widgets/index.d.ts

@@ -21,3 +21,4 @@ export * from './layout/block';
 export * from './layout/page';
 export * from './layout/repeater';
 export * from './property-editors/spacing';
+export * from './property-editors/border';

package/widgets/lib/widgets/property-editors/border/border-widget-editor.component.d.ts

@@ -0,0 +1,11 @@
+import { AXValueChangedEvent } from '@acorex/components/common';
+import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import { AXBorderBox, AXBorderBoxRadiusSide, AXBorderBoxSide } from './border-widget-type';
+import * as i0 from "@angular/core";
+export declare class AXPBorderWidgetEditComponent extends AXPWidgetComponent<AXBorderBox> {
+    isRadiusLinked: import("@angular/core").WritableSignal<boolean>;
+    protected setBorder(e: AXValueChangedEvent, type: keyof AXBorderBox, side: keyof AXBorderBoxRadiusSide | keyof AXBorderBoxSide<number | string>): void;
+    private setSameValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPBorderWidgetEditComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPBorderWidgetEditComponent, "ng-component", never, {}, {}, never, never, true, never>;
+}

package/widgets/lib/widgets/property-editors/border/border-widget-type.d.ts

@@ -0,0 +1,18 @@
+export type AXBorderBoxSide<T> = {
+    top: T;
+    left: T;
+    bottom: T;
+    right: T;
+};
+export type AXBorderBoxRadiusSide = {
+    'top-right': number;
+    'top-left': number;
+    'bottom-right': number;
+    'bottom-left': number;
+};
+export interface AXBorderBox {
+    dimensions: AXBorderBoxSide<number>;
+    radius: AXBorderBoxRadiusSide;
+    colors: AXBorderBoxSide<string>;
+    styles: AXBorderBoxSide<string>;
+}

package/widgets/lib/widgets/property-editors/border/border-widget.config.d.ts

@@ -0,0 +1,7 @@
+import { AXPWidgetConfig } from '@acorex/platform/layout/builder';
+export declare const AXPBorderWidget: AXPWidgetConfig;
+declare module '@acorex/platform/layout/builder' {
+    interface AXPWidgetTypesMap {
+        border: 'border';
+    }
+}

package/widgets/lib/widgets/property-editors/border/index.d.ts

@@ -0,0 +1,2 @@
+export * from './border-widget-editor.component';
+export * from './border-widget.config';

package/widgets/lib/widgets/property-editors/spacing/spacing-widget-editor.component.d.ts

@@ -1,12 +1,11 @@
 import { AXValueChangedEvent } from '@acorex/components/common';
 import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
-import { AXPSpacingBox, AXPSpacingDimention } from './spacing-widget-type';
+import { AXPSpacingBox, AXPSpacingBoxDimention } from './spacing-widget-type';
 import * as i0 from "@angular/core";
 export declare class AXPSpacingWidgetEditComponent extends AXPWidgetComponent<AXPSpacingBox> {
     protected isPaddingLinked: import("@angular/core").WritableSignal<boolean>;
     protected isMarginLinked: import("@angular/core").WritableSignal<boolean>;
-    protected setSpacing(e: AXValueChangedEvent, type: keyof AXPSpacingBox, side: keyof AXPSpacingDimention): void;
-    private syncSpacing;
+    protected setSpacing(e: AXValueChangedEvent, type: keyof AXPSpacingBox, side: keyof AXPSpacingBoxDimention): void;
     private setSameValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPSpacingWidgetEditComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPSpacingWidgetEditComponent, "ng-component", never, {}, {}, never, never, true, never>;

package/widgets/lib/widgets/property-editors/spacing/spacing-widget-type.d.ts

@@ -1,10 +1,10 @@
-export type AXPSpacingDimention = {
+export type AXPSpacingBoxDimention = {
     top: number;
     left: number;
     bottom: number;
     right: number;
 };
 export interface AXPSpacingBox {
-    margin: AXPSpacingDimention;
-    padding: AXPSpacingDimention;
+    margin: AXPSpacingBoxDimention;
+    padding: AXPSpacingBoxDimention;
 }

package/fesm2022/acorex-platform-widgets-checkbox-widget-designer.component-B_Gec5Qf.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"acorex-platform-widgets-checkbox-widget-designer.component-B_Gec5Qf.mjs","sources":["../../../../libs/platform/widgets/src/lib/widgets/editors/checkbox/checkbox-widget-designer.component.ts"],"sourcesContent":["import { AXCheckBoxModule } from '@acorex/components/check-box';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, HostBinding } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXPWidgetComponent } from '@acorex/platform/layout/builder';\nimport { AXLabelModule } from '@acorex/components/label';\n\n@Component({\n    selector: 'axp-checkbox-widget',\n    template: `\n    <ax-check-box [ngModel]=\"this.getValue()\"  [disabled]=\"disabled()\" [readonly]=\"readonly()\"> \n      @if(label())\n      {\n      <ax-label>{{label()}}</ax-label>\n      }\n    </ax-check-box>\n  `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [CommonModule, AXCheckBoxModule, FormsModule, AXLabelModule]\n})\nexport class AXPCheckBoxWidgetDesignerComponent extends AXPWidgetComponent<boolean | null> {\n\n  protected disabled = computed<boolean>(() => this.options()[\"disabled\"] as boolean);\n  protected readonly = computed<boolean>(() => this.options()[\"readonly\"] as boolean);\n  protected label = computed<string>(() => this.options()[\"label\"] as string);\n\n\n  @HostBinding('class')\n  private get __class(): string {\n    const cls: any = {};\n    //\n    cls['ax-inline-block'] = true;\n    return cls;\n  }\n\n}\n"],"names":["i3"],"mappings":";;;;;;;;;;;AAoBM,MAAO,kCAAmC,SAAQ,kBAAkC,CAAA;AAb1F,IAAA,WAAA,GAAA;;AAeY,QAAA,IAAA,CAAA,QAAQ,GAAG,QAAQ,CAAU,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,UAAU,CAAY,CAAC;AACzE,QAAA,IAAA,CAAA,QAAQ,GAAG,QAAQ,CAAU,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,UAAU,CAAY,CAAC;AACzE,QAAA,IAAA,CAAA,KAAK,GAAG,QAAQ,CAAS,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,OAAO,CAAW,CAAC;AAW5E;AARC,IAAA,IACY,OAAO,GAAA;QACjB,MAAM,GAAG,GAAQ,EAAE;;AAEnB,QAAA,GAAG,CAAC,iBAAiB,CAAC,GAAG,IAAI;AAC7B,QAAA,OAAO,GAAG;;8GAZD,kCAAkC,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kCAAkC,EAXjC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,cAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA;;;;;;;AAOX,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAEW,YAAY,EAAE,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,gBAAgB,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,OAAA,EAAA,OAAA,EAAA,MAAA,EAAA,IAAA,EAAA,SAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,SAAA,EAAA,aAAA,EAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,WAAW,8VAAE,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,KAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAE3D,kCAAkC,EAAA,UAAA,EAAA,CAAA;kBAb9C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,QAAQ,EAAE;;;;;;;AAOX,EAAA,CAAA;oBACC,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,OAAO,EAAE,CAAC,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,aAAa;AACvE,iBAAA;8BASa,OAAO,EAAA,CAAA;sBADlB,WAAW;uBAAC,OAAO;;;;;"}

package/themes/default/lib/layouts/setting-layout/setting-menu/setting-menu.component.d.ts

@@ -1,10 +0,0 @@
-import { AXPSettingsViewModel } from '@acorex/platform/layout/setting';
-import { ActivatedRoute } from '@angular/router';
-import * as i0 from "@angular/core";
-export declare class AXPSettingsMenuComponent {
-    settings: AXPSettingsViewModel;
-    activatedRoute: ActivatedRoute;
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXPSettingsMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPSettingsMenuComponent, "ng-component", never, {}, {}, never, never, true, never>;
-}