@acorex/platform 19.1.3 → 19.1.5

package/widgets/lib/widgets/advance/map/map-box-widget-edit.component.d.ts

@@ -1,17 +1,21 @@
-import { AXMapLocation } from '@acorex/components/map';
+import { AXMapData } from '@acorex/components/map';
 import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
 import { ChangeDetectorRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class AXPMapBoxWidgetEditComponent extends AXPWidgetComponent<AXMapLocation[]> {
+export declare class AXPMapBoxWidgetEditComponent extends AXPWidgetComponent<AXMapData | undefined> {
     cdr: ChangeDetectorRef;
-    markers: import("@angular/core").Signal<AXMapLocation[]>;
+    markers: import("@angular/core").Signal<import("@acorex/components/map").AXMapMarker[]>;
+    polygons: import("@angular/core").Signal<import("@acorex/components/map").AXMapPolygon[]>;
     hasDraw: import("@angular/core").Signal<boolean>;
     hasLocate: import("@angular/core").Signal<boolean>;
     maxMarker: import("@angular/core").Signal<number>;
+    maxPolygon: import("@angular/core").Signal<number>;
     zoomLevel: import("@angular/core").Signal<number>;
+    latitude: import("@angular/core").Signal<number>;
+    longitude: import("@angular/core").Signal<number>;
     height: import("@angular/core").Signal<number>;
-    initialLocation: import("@angular/core").Signal<AXMapLocation>;
-    onMarkerChanged(event: AXMapLocation[]): void;
+    onMarkerChanged($event: import('@acorex/components/map').AXMapMarker[]): void;
+    onPolygonChanged($event: import('@acorex/components/map').AXMapPolygon[]): void;
     private get __class();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPMapBoxWidgetEditComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPMapBoxWidgetEditComponent, "ng-component", never, {}, {}, never, never, true, never>;

package/widgets/lib/widgets/advance/map/map-box-widget-view.component.d.ts

@@ -1,11 +1,13 @@
-import { AXMapLocation } from '@acorex/components/map';
+import { AXMapData } from '@acorex/components/map';
 import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
 import * as i0 from "@angular/core";
-export declare class AXPMapBoxWidgetViewComponent extends AXPWidgetComponent<AXMapLocation[]> {
-    markers: import("@angular/core").Signal<AXMapLocation[]>;
+export declare class AXPMapBoxWidgetViewComponent extends AXPWidgetComponent<AXMapData | undefined> {
+    markers: import("@angular/core").Signal<import("@acorex/components/map").AXMapMarker[]>;
+    polygons: import("@angular/core").Signal<import("@acorex/components/map").AXMapPolygon[]>;
     height: import("@angular/core").Signal<number>;
     zoomLevel: import("@angular/core").Signal<number>;
-    initialLocation: import("@angular/core").Signal<AXMapLocation>;
+    latitude: import("@angular/core").Signal<number>;
+    longitude: import("@angular/core").Signal<number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPMapBoxWidgetViewComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPMapBoxWidgetViewComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/widgets/lib/widgets/editors/number/number-box-widget-edit.component.d.ts

@@ -1,5 +1,4 @@
 import { AXValueChangedEvent } from '@acorex/components/common';
-import { AXValidationService } from '@acorex/core/validation';
 import { AXPValidationRules } from '@acorex/platform/core';
 import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
 import { Signal } from '@angular/core';
@@ -13,13 +12,8 @@ export declare class AXPNumberBoxWidgetEditComponent extends AXPWidgetComponent<
     protected maxValue: Signal<number>;
     protected seprator: Signal<string>;
     protected placeholder: Signal<string>;
-    protected validationService: AXValidationService;
-    protected validationRules: AXPValidationRules;
+    protected validationRules: Signal<AXPValidationRules>;
     protected internalValue: Signal<number[]>;
-    protected validateFn: (value: any, options: any) => Promise<{
-        result: boolean;
-        message: string | null | undefined;
-    }>;
     protected handleValueChange(e: AXValueChangedEvent, i: number): void;
     protected addItem(): void;
     protected deleteItem(i: number): void;

package/widgets/lib/widgets/editors/select/select-box-widget-edit.component.d.ts

@@ -4,8 +4,8 @@ import { AXPDataListWidgetComponent } from '@acorex/platform/layout/builder';
 import * as i0 from "@angular/core";
 export declare class AXPSelectBoxWidgetEditComponent extends AXPDataListWidgetComponent {
     private selectbox;
-    protected multiple: import("@angular/core").Signal<boolean>;
     protected validationRules: import("@angular/core").Signal<AXPValidationRules>;
+    protected multiple: import("@angular/core").Signal<boolean>;
     protected disabled: import("@angular/core").Signal<boolean>;
     protected placeholder: import("@angular/core").Signal<string>;
     protected hasClearButton: import("@angular/core").Signal<boolean>;

package/widgets/lib/widgets/editors/toggle/toggle-widget-edit.component.d.ts

@@ -1,12 +1,10 @@
 import { AXStyleColorType } from '@acorex/components/common';
-import { AXPValidationRules } from '@acorex/platform/core';
 import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
 import * as i0 from "@angular/core";
 export declare class AXPToggleWidgetEditComponent extends AXPWidgetComponent<any> {
     protected disabled: import("@angular/core").Signal<boolean>;
     protected readonly: import("@angular/core").Signal<boolean>;
     protected label: import("@angular/core").Signal<string>;
-    protected validationRules: import("@angular/core").Signal<AXPValidationRules>;
     protected color: import("@angular/core").Signal<AXStyleColorType>;
     private get __class();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPToggleWidgetEditComponent, never>;

package/widgets/lib/widgets/filters/boolean-filter/boolean-filter-widget-edit.component.d.ts

@@ -0,0 +1,18 @@
+import { AXValueChangedEvent } from '@acorex/components/common';
+import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import * as i0 from "@angular/core";
+export declare class AXPBooleanFilterWidgetEditComponent extends AXPWidgetComponent<any> {
+    #private;
+    protected operation: import("@angular/core").Signal<any>;
+    protected value: import("@angular/core").Signal<any>;
+    protected trulyText: import("@angular/core").Signal<any>;
+    protected falsyText: import("@angular/core").Signal<any>;
+    protected items: {
+        text: string;
+        value: boolean;
+    }[];
+    protected handleValueChange(e: AXValueChangedEvent): void;
+    protected dataSource: any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPBooleanFilterWidgetEditComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPBooleanFilterWidgetEditComponent, "ng-component", never, {}, {}, never, never, true, never>;
+}

package/widgets/lib/widgets/filters/boolean-filter/boolean-filter-widget.config.d.ts

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

package/widgets/lib/widgets/filters/boolean-filter/index.d.ts

@@ -0,0 +1,2 @@
+export * from './boolean-filter-widget-edit.component';
+export * from './boolean-filter-widget.config';

package/widgets/lib/widgets/filters/date-time-filter/date-time-filter-widget-edit.component.d.ts

@@ -0,0 +1,20 @@
+import { AXValueChangedEvent } from '@acorex/components/common';
+import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import { Signal, WritableSignal } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class AXPDateTimeFilterWidgetEditComponent extends AXPWidgetComponent<any> {
+    #private;
+    private formatCamelCaseToUpper;
+    protected mounted: WritableSignal<boolean>;
+    private calendarService;
+    protected value: Signal<any>;
+    protected operation: Signal<any>;
+    protected filterTypeSelectedItem: WritableSignal<string>;
+    filterTypeDataSource: string[];
+    private convertISODateToDate;
+    protected handleFilterTypeSelectedItemChange(e: AXValueChangedEvent): void;
+    protected setDateValue(): void;
+    protected handleValueChange(e: AXValueChangedEvent, type: 'from' | 'to' | 'self'): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPDateTimeFilterWidgetEditComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPDateTimeFilterWidgetEditComponent, "ng-component", never, {}, {}, never, never, true, never>;
+}

package/widgets/lib/widgets/filters/date-time-filter/date-time-filter-widget.config.d.ts

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

package/widgets/lib/widgets/filters/date-time-filter/index.d.ts

@@ -0,0 +1,2 @@
+export * from './date-time-filter-widget-edit.component';
+export * from './date-time-filter-widget.config';

package/widgets/lib/widgets/filters/number-filter/index.d.ts

@@ -0,0 +1,2 @@
+export * from './number-filter-widget-edit.component';
+export * from './number-filter-widget.config';

package/widgets/lib/widgets/filters/number-filter/number-filter-widget-edit.component.d.ts

@@ -0,0 +1,12 @@
+import { AXValueChangedEvent } from '@acorex/components/common';
+import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import * as i0 from "@angular/core";
+export declare class AXPNumberFilterWidgetEditComponent extends AXPWidgetComponent<any> {
+    protected value: import("@angular/core").Signal<any>;
+    protected operation: import("@angular/core").Signal<any>;
+    protected placeholder: import("@angular/core").Signal<any>;
+    handleValueChange(e: AXValueChangedEvent, type: 'self' | 'from' | 'to'): void;
+    handleOperationChange(e: unknown): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPNumberFilterWidgetEditComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPNumberFilterWidgetEditComponent, "ng-component", never, {}, {}, never, never, true, never>;
+}

package/widgets/lib/widgets/filters/number-filter/number-filter-widget.config.d.ts

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

package/widgets/lib/widgets/filters/operations/operations.component.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class AXPFilterOperationsComponent {
+    selectedOperation: import("@angular/core").ModelSignal<unknown>;
+    type: import("@angular/core").InputSignal<"string" | "number" | "boolean" | "datetime">;
+    protected operations: import("@angular/core").Signal<import("@acorex/platform/common").AXPFilterOperator[]>;
+    protected getOperations(): import("@acorex/platform/common").AXPFilterOperator[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPFilterOperationsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPFilterOperationsComponent, "axp-filter-operations", never, { "selectedOperation": { "alias": "selectedOperation"; "required": true; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, { "selectedOperation": "selectedOperationChange"; }, never, never, true, never>;
+}

package/widgets/lib/widgets/filters/select-filter/index.d.ts

@@ -0,0 +1,2 @@
+export * from './select-filter-widget-edit.component';
+export * from './select-filter-widget.config';

package/widgets/lib/widgets/filters/select-filter/select-filter-widget-edit.component.d.ts

@@ -0,0 +1,16 @@
+import { AXValueChangedEvent } from '@acorex/components/common';
+import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import * as i0 from "@angular/core";
+export declare class AXPSelectFilterWidgetEditComponent extends AXPWidgetComponent<any> {
+    protected value: import("@angular/core").Signal<any>;
+    protected operation: import("@angular/core").Signal<any>;
+    protected dataSource: import("@angular/core").Signal<any>;
+    protected textField: import("@angular/core").Signal<any>;
+    protected valueField: import("@angular/core").Signal<any>;
+    protected multiple: import("@angular/core").Signal<any>;
+    protected allowSearch: import("@angular/core").Signal<any>;
+    protected placeholder: import("@angular/core").Signal<any>;
+    handleValueChange(e: AXValueChangedEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPSelectFilterWidgetEditComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPSelectFilterWidgetEditComponent, "ng-component", never, {}, {}, never, never, true, never>;
+}

package/widgets/lib/widgets/filters/select-filter/select-filter-widget.config.d.ts

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

package/widgets/lib/widgets/filters/string-filter/index.d.ts

@@ -0,0 +1,2 @@
+export * from './string-filter-widget-edit.component';
+export * from './string-filter-widget.config';

package/widgets/lib/widgets/filters/string-filter/string-filter-widget-edit.component.d.ts

@@ -0,0 +1,12 @@
+import { AXValueChangedEvent } from '@acorex/components/common';
+import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import * as i0 from "@angular/core";
+export declare class AXPStringWidgetFilterComponent extends AXPWidgetComponent<any> {
+    protected operation: import("@angular/core").Signal<any>;
+    protected value: import("@angular/core").Signal<any>;
+    protected placeholder: import("@angular/core").Signal<any>;
+    handleValueChange(e: AXValueChangedEvent): void;
+    handleOperationChanged(e: unknown): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPStringWidgetFilterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPStringWidgetFilterComponent, "ng-component", never, {}, {}, never, never, true, never>;
+}

package/widgets/lib/widgets/filters/string-filter/string-filter-widget.config.d.ts

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

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

@@ -13,6 +13,7 @@ export * from './editors/select';
 export * from './editors/selection-list';
 export * from './editors/text';
 export * from './editors/toggle';
+export * from './advance/avatar';
 export * from './advance/file';
 export * from './advance/gallery';
 export * from './advance/map';
@@ -20,5 +21,8 @@ export * from './advance/signature';
 export * from './layout/block';
 export * from './layout/page';
 export * from './layout/repeater';
-export * from './property-editors/spacing';
 export * from './property-editors/border';
+export * from './property-editors/flex-options';
+export * from './property-editors/property-editor-helper';
+export * from './property-editors/property-editor.type';
+export * from './property-editors/spacing';

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

@@ -1,12 +1,34 @@
-import { AXValueChangedEvent } from '@acorex/components/common';
 import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
-import { AXBorderBox, AXBorderBoxRadiusSide, AXBorderBoxSide } from './border-widget-type';
+import { AXPBorderBox, AXPBorderBoxString, AXPPropertyEditorCornerValues, AXPPropertyEditorSideValues } from '../property-editor.type';
 import * as i0 from "@angular/core";
-export declare class AXPBorderWidgetEditComponent extends AXPWidgetComponent<AXBorderBox> {
-    isRadiusLinked: import("@angular/core").WritableSignal<boolean>;
-    setRadiusLinked(): void;
-    protected setBorder(e: AXValueChangedEvent, type: keyof AXBorderBox, side: keyof AXBorderBoxRadiusSide | keyof AXBorderBoxSide<number | string>): void;
-    private setSameValue;
+export declare class AXPBorderWidgetEditComponent extends AXPWidgetComponent<AXPBorderBoxString> {
+    private el;
+    private allwidth;
+    private allcolor;
+    private allstyle;
+    protected allRadius: import("@angular/core").WritableSignal<number>;
+    private units;
+    private lastRadius;
+    protected rendered: import("@angular/core").WritableSignal<boolean>;
+    protected currentActiveSide: import("@angular/core").WritableSignal<AXPPropertyEditorSideValues | "all">;
+    protected currentActiveRadiusSide: import("@angular/core").WritableSignal<AXPPropertyEditorCornerValues | "all" | "sides">;
+    private allBorderEl;
+    private allRadiusEl;
+    private currentActiveBorderEl?;
+    private currentActiveRadiusEl?;
+    protected calculatedValues: import("@angular/core").WritableSignal<AXPBorderBox<string | number>>;
+    protected setBorder(value: number | [number, number] | string, type: keyof AXPBorderBox, side: AXPPropertyEditorCornerValues | AXPPropertyEditorSideValues | 'all'): void;
+    private updateAllValues;
+    private getUpdatedAllValues;
+    protected shownWidth: import("@angular/core").Signal<number>;
+    protected shownColor: import("@angular/core").Signal<string>;
+    protected shownStyle: import("@angular/core").Signal<string>;
+    protected handleActiveBorderSide(event: PointerEvent): void;
+    protected handleActiveRadiusSide(event: PointerEvent): void;
+    private afterRender;
+    private initializeBorder;
+    private initializeRadius;
+    private createUniformValues;
     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/index.d.ts

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

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

@@ -0,0 +1,36 @@
+import { AXDataSource, AXValueChangedEvent } from '@acorex/components/common';
+import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import { AXPFlexBoxAlignmentOption, AXPFlexBoxOption, AXPFlexBoxValues } from './flex-options-widget.type';
+import * as i0 from "@angular/core";
+export declare class AXPFlexOptionsWidgetEditComponent extends AXPWidgetComponent<AXPFlexBoxValues> {
+    #private;
+    protected flexSides: AXPFlexBoxAlignmentOption[];
+    protected flexDirection: import("@angular/core").WritableSignal<"row" | "row-reverse" | "column" | "column-reverse">;
+    protected flexWrap: import("@angular/core").WritableSignal<"nowrap" | "wrap" | "wrap-reverse">;
+    protected flexDirectionIsColumn: import("@angular/core").Signal<boolean>;
+    protected gapMode: import("@angular/core").WritableSignal<"single" | "dual">;
+    protected gapUnit: import("@angular/core").WritableSignal<Record<"both" | "x" | "y", string>>;
+    protected gap: import("@angular/core").WritableSignal<Record<"both" | "x" | "y", number>>;
+    protected selectedJustify: import("@angular/core").WritableSignal<AXPFlexBoxOption>;
+    protected selectedAlign: import("@angular/core").WritableSignal<AXPFlexBoxOption>;
+    protected hoveredAlign: import("@angular/core").WritableSignal<"center" | "flex-start" | "flex-end" | "stretch" | "baseline" | null>;
+    protected hoveredJustify: import("@angular/core").WritableSignal<"center" | "flex-start" | "flex-end" | "space-between" | "space-around" | null>;
+    protected clickedAlign: import("@angular/core").WritableSignal<"center" | "flex-start" | "flex-end" | "stretch" | "baseline">;
+    protected clickedJustify: import("@angular/core").WritableSignal<"center" | "flex-start" | "flex-end" | "space-between" | "space-around">;
+    protected setFlexMode(): void;
+    protected setFlexDirection(type: AXPFlexBoxValues['flexDirection']): void;
+    protected setGap(size: number, side: 'both' | 'x' | 'y'): void;
+    protected onClick(data: AXPFlexBoxAlignmentOption): void;
+    protected onHover(data: AXPFlexBoxAlignmentOption): void;
+    protected onHoverLeave(): void;
+    protected onJustifyChange(event: AXValueChangedEvent<any>): void;
+    protected onAlignChange(event: AXValueChangedEvent<any>): void;
+    protected justifyDataSource: AXDataSource<AXPFlexBoxOption>;
+    protected alignDataSource: AXDataSource<AXPFlexBoxOption>;
+    private findAlignNameById;
+    private findJustifyNameById;
+    protected shouldRenderPoint(side: AXPFlexBoxAlignmentOption): boolean;
+    private saveValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPFlexOptionsWidgetEditComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPFlexOptionsWidgetEditComponent, "ng-component", never, {}, {}, never, never, true, never>;
+}

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

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

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

@@ -0,0 +1,18 @@
+export interface AXPFlexBoxValues {
+    flexDirection: 'row' | 'row-reverse' | 'column' | 'column-reverse';
+    flexWrap: 'nowrap' | 'wrap' | 'wrap-reverse';
+    justifyContent: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around';
+    alignItems: 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline';
+    gap: string;
+}
+export interface AXPFlexBoxOption {
+    value: string;
+    label: string;
+}
+export interface AXPFlexBoxAlignmentOption extends AXPFlexBoxOption {
+    alignItems: AXPFlexBoxValues['alignItems'];
+    justifyContent: AXPFlexBoxValues['justifyContent'];
+}
+export declare const AXP_Flex_Box_Alignments: AXPFlexBoxAlignmentOption[];
+export declare const AXP_Flex_Box_Justify_Options: AXPFlexBoxOption[];
+export declare const AXP_Flex_Box_Align_Options: AXPFlexBoxOption[];

package/widgets/lib/widgets/property-editors/flex-options/index.d.ts

@@ -0,0 +1,3 @@
+export * from './flex-options-widget-editor.component';
+export * from './flex-options-widget.config';
+export * from './flex-options-widget.type';

package/widgets/lib/widgets/property-editors/property-editor-helper.d.ts

@@ -0,0 +1,82 @@
+import { AXPBorderBox, AXPBorderBoxString, AXPSpacingBox, AXPSpacingBoxString } from './property-editor.type';
+/**
+ * Utility class for parsing and handling property editor values like borders, spacing, and units.
+ */
+export declare class AXPPropertyEditorHelper {
+    /**
+     * Expands shorthand input values into full sets for sides or corners.
+     * @param values - Array of input values.
+     * @returns Expanded array of values.
+     */
+    private static expandShorthand;
+    /**
+     * @param values An array of four values to condense.
+     * @returns A condensed string representation of the values.
+     */
+    private static condenseShorthand;
+    /**
+     * Parses sides (top, left, bottom, right) from a string.
+     * @param input - Input string.
+     * @returns Parsed sides object.
+     */
+    private static parseSides;
+    private static parseSidesWithUnits;
+    /**
+     * Parses corners (top-left, top-right, bottom-left, bottom-right) from a string.
+     * @param input - Input string.
+     * @returns Parsed corners object.
+     */
+    private static parseCorners;
+    /**
+     * Parses a spacing box from strings for margin and padding.
+     * @param input - Spacing box string input.
+     * @returns Parsed spacing box.
+     */
+    static parseSpacingBox(input: AXPSpacingBoxString): AXPSpacingBox<number>;
+    /**
+     * Parses a border box from strings for width, radius, color, and style.
+     * @param input - Border box string input.
+     * @returns Parsed border box.
+     */
+    static parseBorderBox(input: AXPBorderBoxString): AXPBorderBox<number | string>;
+    /**
+     * Reverses a spacing box object into a string representation.
+     * @param input - Spacing box object.
+     * @param units - Units for margin and padding.
+     * @returns String representation of the spacing box.
+     */
+    static parseSpacingBoxReverse(input: AXPSpacingBox<number>, units: AXPSpacingBox<string>): AXPSpacingBoxString;
+    /**
+     * Reverses a border box object into a string representation.
+     * @param input - Border box object.
+     * @param units - Units for width, radius, color, and style.
+     * @returns String representation of the border box.
+     */
+    static parseBorderBoxReverse(input: AXPBorderBox<number | string>, units: AXPBorderBox<string>): AXPBorderBoxString;
+    /**
+     * Parses a value with a unit (e.g., "20px") and returns its numeric value and unit.
+     * @param input - Input string or number.
+     * @returns Object with value and unit.
+     */
+    static getValueWithUnit(input: string | number): {
+        value: number;
+        unit: string;
+    };
+    /**
+     * Reverses a numeric value and unit into a single string.
+     * @param value - Numeric value.
+     * @param unit - Unit string.
+     * @returns Combined string.
+     */
+    static getValueFromUnit(value: number, unit: string): string;
+    /**
+     * Parses a flex gap string and returns an object with values and units.
+     *
+     * @param gapString - The gap string to parse (e.g., "10px", "10px 20%").
+     * @returns An object containing the gap values and their respective units.
+     */
+    static parseGap(gapString: string): {
+        units: Record<'both' | 'x' | 'y', string>;
+        values: Record<'both' | 'x' | 'y', number>;
+    };
+}

package/widgets/lib/widgets/property-editors/property-editor.type.d.ts

@@ -0,0 +1,35 @@
+export type AXPPropertyEditorSideValues = 'top' | 'left' | 'bottom' | 'right';
+export type AXPPropertyEditorCornerValues = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export type AXPPropertyEditorSideGeneric<T extends string, U extends string | number = string> = Record<T, U>;
+export type AXPPropertySides<T extends string | number = string> = AXPPropertyEditorSideGeneric<AXPPropertyEditorSideValues, T>;
+export type AXPPropertyCorners<T extends string | number = string> = AXPPropertyEditorSideGeneric<AXPPropertyEditorCornerValues, T>;
+export interface AXPSpacingBox<T extends string | number = string> {
+    margin: AXPPropertySides<T>;
+    padding: AXPPropertySides<T>;
+}
+export interface AXPBorderBox<T extends string | number = string> {
+    width: AXPPropertySides<T>;
+    radius: AXPPropertyCorners<T>;
+    color: AXPPropertySides<T>;
+    style: AXPPropertySides<T>;
+}
+export interface AXPSpacingBoxString {
+    margin: string;
+    padding: string;
+}
+export interface AXPBorderBoxString {
+    width: string;
+    radius: string;
+    color: string;
+    style: string;
+}
+export interface AXPSpacingBoxDefaultValues {
+    label: string;
+    value: number;
+    colspan?: number;
+    rowspan?: number;
+}
+export declare const AXP_default_Border_Box_Value: AXPBorderBox<string | number>;
+export declare const AXP_default_Border_Box_Units: AXPBorderBox<string>;
+export declare const AXP_default_Spacing_Box_Value: AXPSpacingBox<number>;
+export declare const AXP_default_Spacing_Box_Units: AXPSpacingBox<string>;

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

@@ -1,3 +1,2 @@
 export * from './spacing-widget-editor.component';
-export * from './spacing-widget-type';
 export * from './spacing-widget.config';

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

@@ -1,23 +1,25 @@
 import { AXPopoverComponent } from '@acorex/components/popover';
 import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
-import { AXPSpacingBox, AXPSpacingBoxDefaultValues, AXPSpacingBoxDimention } from './spacing-widget-type';
+import { AXPPropertyEditorSideValues, AXPSpacingBox, AXPSpacingBoxDefaultValues, AXPSpacingBoxString } from '../property-editor.type';
 import * as i0 from "@angular/core";
-export declare class AXPSpacingWidgetEditComponent extends AXPWidgetComponent<AXPSpacingBox> {
+export declare class AXPSpacingWidgetEditComponent extends AXPWidgetComponent<AXPSpacingBoxString> {
     private ngZone;
-    protected isPaddingLinked: import("@angular/core").WritableSignal<boolean>;
-    protected isMarginLinked: import("@angular/core").WritableSignal<boolean>;
+    private rendered;
+    protected calculatedValues: import("@angular/core").WritableSignal<AXPSpacingBox<number>>;
+    protected originalValues: import("@angular/core").WritableSignal<AXPSpacingBox<number>>;
+    protected units: import("@angular/core").WritableSignal<AXPSpacingBox<string>>;
     protected current: import("@angular/core").WritableSignal<{
         type: keyof AXPSpacingBox;
-        side: keyof AXPSpacingBoxDimention;
+        side: AXPPropertyEditorSideValues;
         el?: HTMLElement | null;
     }>;
     protected FixedValues: AXPSpacingBoxDefaultValues[];
     protected popover: import("@angular/core").Signal<AXPopoverComponent>;
-    protected setSpacing(input: number | Event, type: keyof AXPSpacingBox, side: keyof AXPSpacingBoxDimention): void;
-    private setSameValue;
-    protected openPopUp(event: Event, type: keyof AXPSpacingBox, side: keyof AXPSpacingBoxDimention): void;
-    protected listenToMove(event: Event, type: keyof AXPSpacingBox, side: keyof AXPSpacingBoxDimention): void;
+    protected setSpacing(input: number | Event, type: keyof AXPSpacingBox, side: AXPPropertyEditorSideValues): void;
+    protected openPopUp(event: Event, type: keyof AXPSpacingBox, side: AXPPropertyEditorSideValues): void;
+    protected listenToMove(event: Event, type: keyof AXPSpacingBox, side: AXPPropertyEditorSideValues): void;
     private getClientCoordinates;
+    private afterRender;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPSpacingWidgetEditComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPSpacingWidgetEditComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }