@acorex/platform 18.0.10 → 18.0.12

package/fesm2022/{acorex-platform-common-number-widget-filter.component-CFqNphMw.mjs → acorex-platform-common-number-widget-filter.component-BOT9wPJ5.mjs}

@@ -99,7 +99,7 @@ class AXPNumberWidgetFilterComponent extends AXPWidgetFilterBase {
       </ax-popover>
       }
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXNumberBoxModule }, { kind: "component", type: i1.AXNumberBoxComponent, selector: "ax-number-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "thousandsSeparator", "padDecimalZeros", "step", "decimals", "decimalStep", "showSpinButtons", "minValue", "maxValue", "class"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i3$1.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXSelectionListModule }, { kind: "component", type: i4.AXSelectionListComponent, selector: "ax-selection-list", inputs: ["id", "name", "disabled", "readonly", "tabIndex", "size", "value", "valueField", "textField", "hintField", "disabledField", "readonlyField", "multiple", "direction", "customTemplate", "showControl", "items", "look"], outputs: ["onValueChanged", "onBlur", "onFocus"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXNumberBoxModule }, { kind: "component", type: i1.AXNumberBoxComponent, selector: "ax-number-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "hasWheel", "thousandsSeparator", "padDecimalZeros", "step", "decimals", "decimalStep", "showSpinButtons", "minValue", "maxValue", "class"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i3$1.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXSelectionListModule }, { kind: "component", type: i4.AXSelectionListComponent, selector: "ax-selection-list", inputs: ["id", "name", "disabled", "readonly", "tabIndex", "size", "value", "valueField", "textField", "hintField", "disabledField", "readonlyField", "multiple", "direction", "customTemplate", "showControl", "items", "look"], outputs: ["onValueChanged", "onBlur", "onFocus"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPNumberWidgetFilterComponent, decorators: [{
             type: Component,
@@ -155,4 +155,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
         }] });
 
 export { AXPNumberWidgetFilterComponent };
-//# sourceMappingURL=acorex-platform-common-number-widget-filter.component-CFqNphMw.mjs.map
+//# sourceMappingURL=acorex-platform-common-number-widget-filter.component-BOT9wPJ5.mjs.map

package/fesm2022/{acorex-platform-common-number-widget-filter.component-CFqNphMw.mjs.map → acorex-platform-common-number-widget-filter.component-BOT9wPJ5.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-platform-common-number-widget-filter.component-CFqNphMw.mjs","sources":["../../../../libs/platform/common/src/lib/schema/widgets/common-widget-filter/number-widget-filter.component.ts"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXNumberBoxModule } from '@acorex/components/number-box';\nimport { AXPopoverModule } from '@acorex/components/popover';\nimport { AXSelectionListModule } from '@acorex/components/selection-list';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXPWidgetFilterBase } from '../../widget/widget-base';\nimport { AXPFilterOperator } from '../../../app';\n\n@Component({\n  selector: 'axp-number-widget-filter',\n  template: `\n    <div class=\"ax-flex ax-items-center\">\n      @if(operator!==\"between\"){\n      <ax-number-box [disabled]=\"!this.getOperatorHasValue()\" [(ngModel)]=\"value\">\n        <ax-clear-button></ax-clear-button>\n      </ax-number-box>\n      }@else{\n      <div class=\"ax-flex ax-gap-3\">\n        <ax-number-box placeholder=\"from\" [(ngModel)]=\"value.from\">\n          <ax-clear-button></ax-clear-button>\n        </ax-number-box>\n        <ax-number-box placeholder=\"to\" [(ngModel)]=\"value.to\">\n          <ax-clear-button></ax-clear-button>\n        </ax-number-box>\n      </div>\n      } @if(operations.length){\n      <ax-button #changeOperator look=\"blank\" color=\"default\" class=\"ax-sm\">\n        <ax-icon class=\"fa-solid fa-ellipsis-vertical\"></ax-icon>\n      </ax-button>\n      <ax-popover\n        #operatorsPopover\n        [target]=\"changeOperator\"\n        [openOn]=\"'toggle'\"\n        [closeOn]=\"'clickOut'\"\n        [adaptivityEnabled]=\"true\"\n      >\n        <div\n          class=\"ax-bg-surface ax-py-5 ax-px-3 ax-border ax-border-default ax-rounded-md ax-shadow-md ax-w-full ax-min-w-[250px]\"\n        >\n          <ax-selection-list\n            [valueField]=\"'name'\"\n            [textField]=\"'title'\"\n            [(ngModel)]=\"operator\"\n            (ngModelChange)=\"operatorsPopover.close(); updateValueOnOperatorChange()\"\n            [direction]=\"'vertical'\"\n            [items]=\"operations\"\n            [multiple]=\"false\"\n          ></ax-selection-list>\n        </div>\n      </ax-popover>\n      }\n    </div>\n  `,\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AXNumberBoxModule, FormsModule, AXDecoratorModule, AXPopoverModule, AXSelectionListModule, AXButtonModule],\n})\nexport class AXPNumberWidgetFilterComponent extends AXPWidgetFilterBase<any> {\n  operations: AXPFilterOperator[] = [];\n\n  override render(): void {\n    this.operations = this.schema.filterOptions.operators;\n  }\n\n  protected getOperatorHasValue(): boolean {\n    const operator = this.operations.find((op) => op.name == this.operator);\n    return !operator || operator.hasValue ? true : false;\n  }\n\n  ngOnInit(): void {\n    this.updateValueOnOperatorChange();\n  }\n\n  updateValueOnOperatorChange() {\n    if (!this.getOperatorHasValue()) {\n      this.value = null;\n    }\n    if (this.operator === 'between') this.value = { from: this.value?.from || 0, to: this.value?.to || 0 };\n  }\n}\n"],"names":["i4","i5","i6"],"mappings":"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"}
+{"version":3,"file":"acorex-platform-common-number-widget-filter.component-BOT9wPJ5.mjs","sources":["../../../../libs/platform/common/src/lib/schema/widgets/common-widget-filter/number-widget-filter.component.ts"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXNumberBoxModule } from '@acorex/components/number-box';\nimport { AXPopoverModule } from '@acorex/components/popover';\nimport { AXSelectionListModule } from '@acorex/components/selection-list';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXPWidgetFilterBase } from '../../widget/widget-base';\nimport { AXPFilterOperator } from '../../../app';\n\n@Component({\n  selector: 'axp-number-widget-filter',\n  template: `\n    <div class=\"ax-flex ax-items-center\">\n      @if(operator!==\"between\"){\n      <ax-number-box [disabled]=\"!this.getOperatorHasValue()\" [(ngModel)]=\"value\">\n        <ax-clear-button></ax-clear-button>\n      </ax-number-box>\n      }@else{\n      <div class=\"ax-flex ax-gap-3\">\n        <ax-number-box placeholder=\"from\" [(ngModel)]=\"value.from\">\n          <ax-clear-button></ax-clear-button>\n        </ax-number-box>\n        <ax-number-box placeholder=\"to\" [(ngModel)]=\"value.to\">\n          <ax-clear-button></ax-clear-button>\n        </ax-number-box>\n      </div>\n      } @if(operations.length){\n      <ax-button #changeOperator look=\"blank\" color=\"default\" class=\"ax-sm\">\n        <ax-icon class=\"fa-solid fa-ellipsis-vertical\"></ax-icon>\n      </ax-button>\n      <ax-popover\n        #operatorsPopover\n        [target]=\"changeOperator\"\n        [openOn]=\"'toggle'\"\n        [closeOn]=\"'clickOut'\"\n        [adaptivityEnabled]=\"true\"\n      >\n        <div\n          class=\"ax-bg-surface ax-py-5 ax-px-3 ax-border ax-border-default ax-rounded-md ax-shadow-md ax-w-full ax-min-w-[250px]\"\n        >\n          <ax-selection-list\n            [valueField]=\"'name'\"\n            [textField]=\"'title'\"\n            [(ngModel)]=\"operator\"\n            (ngModelChange)=\"operatorsPopover.close(); updateValueOnOperatorChange()\"\n            [direction]=\"'vertical'\"\n            [items]=\"operations\"\n            [multiple]=\"false\"\n          ></ax-selection-list>\n        </div>\n      </ax-popover>\n      }\n    </div>\n  `,\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AXNumberBoxModule, FormsModule, AXDecoratorModule, AXPopoverModule, AXSelectionListModule, AXButtonModule],\n})\nexport class AXPNumberWidgetFilterComponent extends AXPWidgetFilterBase<any> {\n  operations: AXPFilterOperator[] = [];\n\n  override render(): void {\n    this.operations = this.schema.filterOptions.operators;\n  }\n\n  protected getOperatorHasValue(): boolean {\n    const operator = this.operations.find((op) => op.name == this.operator);\n    return !operator || operator.hasValue ? true : false;\n  }\n\n  ngOnInit(): void {\n    this.updateValueOnOperatorChange();\n  }\n\n  updateValueOnOperatorChange() {\n    if (!this.getOperatorHasValue()) {\n      this.value = null;\n    }\n    if (this.operator === 'between') this.value = { from: this.value?.from || 0, to: this.value?.to || 0 };\n  }\n}\n"],"names":["i4","i5","i6"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DM,MAAO,8BAA+B,SAAQ,mBAAwB,CAAA;AAjD5E,IAAA,WAAA,GAAA;;QAkDE,IAAU,CAAA,UAAA,GAAwB,EAAE,CAAC;AAqBtC,KAAA;IAnBU,MAAM,GAAA;QACb,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,CAAC;KACvD;IAES,mBAAmB,GAAA;QAC3B,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC;AACxE,QAAA,OAAO,CAAC,QAAQ,IAAI,QAAQ,CAAC,QAAQ,GAAG,IAAI,GAAG,KAAK,CAAC;KACtD;IAED,QAAQ,GAAA;QACN,IAAI,CAAC,2BAA2B,EAAE,CAAC;KACpC;IAED,2BAA2B,GAAA;AACzB,QAAA,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE,EAAE;AAC/B,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;SACnB;AACD,QAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS;YAAE,IAAI,CAAC,KAAK,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC;KACxG;8GArBU,8BAA8B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA9B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,8BAA8B,EA/C/B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CT,EAGS,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAiB,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,aAAA,EAAA,OAAA,EAAA,OAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,aAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,SAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,WAAW,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAiB,+OAAE,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,QAAA,EAAA,WAAA,EAAA,SAAA,EAAA,QAAA,EAAA,SAAA,EAAA,aAAA,EAAA,WAAA,EAAA,YAAA,EAAA,eAAA,EAAA,mBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,qBAAqB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,IAAA,EAAA,MAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,MAAA,EAAA,OAAA,EAAA,YAAA,EAAA,WAAA,EAAA,WAAA,EAAA,eAAA,EAAA,eAAA,EAAA,UAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,aAAA,EAAA,OAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA,EAAA,UAAA,EAAA,MAAA,EAAA,cAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,oBAAA,EAAA,mBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAExG,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAjD1C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,0BAA0B;AACpC,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CT,EAAA,CAAA;AACD,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,OAAO,EAAE,CAAC,iBAAiB,EAAE,WAAW,EAAE,iBAAiB,EAAE,eAAe,EAAE,qBAAqB,EAAE,cAAc,CAAC;AACrH,iBAAA,CAAA;;;;;"}

package/fesm2022/acorex-platform-common.mjs

@@ -1843,10 +1843,10 @@ class AXPCommonWidgetModule {
                     component: () => import('./acorex-platform-common-number-widget-view.component-CP5aboLU.mjs').then((c) => c.AXPNumberWidgetViewComponent),
                 },
                 filter: {
-                    component: () => import('./acorex-platform-common-number-widget-filter.component-CFqNphMw.mjs').then((c) => c.AXPNumberWidgetFilterComponent),
+                    component: () => import('./acorex-platform-common-number-widget-filter.component-BOT9wPJ5.mjs').then((c) => c.AXPNumberWidgetFilterComponent),
                 },
                 edit: {
-                    component: () => import('./acorex-platform-common-number-widget-edit.component-bTHacO49.mjs').then((c) => c.AXPNumberWidgetEditComponent),
+                    component: () => import('./acorex-platform-common-number-widget-edit.component-XSWI6466.mjs').then((c) => c.AXPNumberWidgetEditComponent),
                 },
                 column: {
                     component: () => import('./acorex-platform-common-number-widget-view.component-CP5aboLU.mjs').then((c) => c.AXPNumberWidgetViewComponent),

package/fesm2022/acorex-platform-core.mjs

@@ -1,4 +1,94 @@
+import { AXCalendarService } from '@acorex/core/date-time';
+import * as i0 from '@angular/core';
+import { inject, signal, Pipe, Injectable } from '@angular/core';
+import { interval } from 'rxjs';
+import { startWith, map } from 'rxjs/operators';
+import { DomSanitizer } from '@angular/platform-browser';
+
+function getNestedKeys(obj, prefix = '') {
+    let keys = [];
+    for (const key in obj) {
+        if (typeof obj[key] === 'object' && obj[key] !== null && !Array.isArray(obj[key])) {
+            keys = [...keys, ...getNestedKeys(obj[key], prefix + key + '.')];
+        }
+        else {
+            keys.push(prefix + key);
+        }
+    }
+    return keys;
+}
+
+class AXPCountdownPipe {
+    constructor() {
+        this.calendarService = inject(AXCalendarService);
+        this.countdownSignal = signal(this.setupTimer());
+        this.targetDate = 0;
+        this.prevValue = 0;
+    }
+    transform(value) {
+        if (this.prevValue != value) {
+            this.prevValue = value;
+            const expireTime = this.calendarService.calendar.add(new Date(), 'second', value).date;
+            this.updateTargetDate(expireTime.toISOString());
+        }
+        return this.countdownSignal();
+    }
+    setupTimer() {
+        return interval(1000).pipe(startWith(0), map(() => {
+            const diff = this.targetDate - new Date().getTime();
+            if (diff < 0) {
+                return "Time's up!";
+            }
+            const times = [86400, 3600, 60, 1].map((seconds) => Math.floor((diff / 1000 / seconds) % (seconds === 1 ? 60 : 24)));
+            const labels = ['d', 'h', 'm', 's'];
+            return times
+                .map((t, i) => (t > 0 || i === 3 ? `${t}${labels[i]}` : ''))
+                .join(' ')
+                .trim();
+        }));
+    }
+    updateTargetDate(value) {
+        this.targetDate = new Date(value).getTime();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPCountdownPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: AXPCountdownPipe, isStandalone: true, name: "countdown", pure: false }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPCountdownPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'countdown',
+                    pure: false,
+                    standalone: true,
+                }]
+        }] });
+
+class AXPHtmlUtils {
+    constructor() {
+        this.sanitizer = inject(DomSanitizer);
+    }
+    getTextFromHTML(html) {
+        if (!html)
+            return '';
+        const tempElement = document.createElement('div');
+        tempElement.innerHTML = html;
+        return tempElement.innerText || tempElement.textContent || '';
+    }
+    getSafeHTMLfromHTML(html) {
+        if (!html)
+            return null;
+        return this.sanitizer.bypassSecurityTrustHtml(html);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPHtmlUtils, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPHtmlUtils, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPHtmlUtils, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 /**
  * Generated bundle index. Do not edit.
  */
+
+export { AXPCountdownPipe, AXPHtmlUtils, getNestedKeys };
 //# sourceMappingURL=acorex-platform-core.mjs.map

package/fesm2022/acorex-platform-core.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-platform-core.mjs","sources":["../../../../libs/platform/core/src/acorex-platform-core.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA;;AAEG"}
+{"version":3,"file":"acorex-platform-core.mjs","sources":["../../../../libs/platform/core/src/lib/types.ts","../../../../libs/platform/core/src/utils/countdown-timer.ts","../../../../libs/platform/core/src/utils/html-utils.ts","../../../../libs/platform/core/src/acorex-platform-core.ts"],"sourcesContent":["export type AXPPartialNested<T> = {\n    [K in keyof T]?: T[K] extends object ? AXPPartialNested<T[K]> : T[K];\n};\n\nexport type AXPMetaData = Record<string, any>;\n\nexport type AXPOptionsData = Record<string, any>;\n\nexport type AXPValidationRule = { rule: string; message?: string; options?: any; disabled?: boolean };\n\nexport type AXPValidationRules = AXPValidationRule[];\n\n\nexport function getNestedKeys(obj: any, prefix: string = ''): string[] {\n    let keys: string[] = [];\n    for (const key in obj) {\n        if (typeof obj[key] === 'object' && obj[key] !== null && !Array.isArray(obj[key])) {\n            keys = [...keys, ...getNestedKeys(obj[key], prefix + key + '.')];\n        } else {\n            keys.push(prefix + key);\n        }\n    }\n    return keys;\n}","import { AXCalendarService } from '@acorex/core/date-time';\nimport { inject, Pipe, PipeTransform, signal } from '@angular/core';\nimport { interval, Observable } from 'rxjs';\nimport { map, startWith } from 'rxjs/operators';\n\n@Pipe({\n  name: 'countdown',\n  pure: false,\n  standalone: true,\n})\nexport class AXPCountdownPipe implements PipeTransform {\n  private calendarService = inject(AXCalendarService);\n\n  private countdownSignal = signal(this.setupTimer());\n\n  private targetDate: number = 0;\n  private prevValue = 0;\n\n  transform(value: number): Observable<string> {\n    if (this.prevValue != value) {\n      this.prevValue = value;\n      const expireTime = this.calendarService.calendar.add(new Date(), 'second', value).date;\n      this.updateTargetDate(expireTime.toISOString());\n    }\n    return this.countdownSignal();\n  }\n\n  private setupTimer() {\n    return interval(1000).pipe(\n      startWith(0),\n      map(() => {\n        const diff = this.targetDate - new Date().getTime();\n        if (diff < 0) {\n          return \"Time's up!\";\n        }\n\n        const times = [86400, 3600, 60, 1].map((seconds) => Math.floor((diff / 1000 / seconds) % (seconds === 1 ? 60 : 24)));\n        const labels = ['d', 'h', 'm', 's'];\n        return times\n          .map((t, i) => (t > 0 || i === 3 ? `${t}${labels[i]}` : ''))\n          .join(' ')\n          .trim();\n      })\n    );\n  }\n\n  private updateTargetDate(value: string) {\n    this.targetDate = new Date(value).getTime();\n  }\n}\n","import { inject, Injectable } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\n\n@Injectable({ providedIn: 'root' })\nexport class AXPHtmlUtils {\n  private sanitizer = inject(DomSanitizer);\n  getTextFromHTML(html: string | undefined | null): string {\n    if (!html) return '';\n    const tempElement = document.createElement('div');\n    tempElement.innerHTML = html;\n    return tempElement.innerText || tempElement.textContent || '';\n  }\n  getSafeHTMLfromHTML(html: string | undefined | null): SafeHtml | null {\n    if (!html) return null;\n    return this.sanitizer.bypassSecurityTrustHtml(html);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-platform-layout-builder.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
-import { signal, Injectable, InjectionToken, inject, ChangeDetectorRef, computed, EventEmitter, Component, ChangeDetectionStrategy, Output, Input, Injector, ViewChild, NgModule, Optional, Inject } from '@angular/core';
-import { set, get, isEqual, clone, merge, cloneDeep, sum } from 'lodash-es';
+import { signal, Injectable, InjectionToken, inject, computed, afterNextRender, EventEmitter, model, effect, Component, ChangeDetectionStrategy, Output, Input, Injector, ChangeDetectorRef, ViewChild, NgModule, Optional, Inject } from '@angular/core';
+import { set, get, isEqual, clone, merge, cloneDeep, isUndefined, sum } from 'lodash-es';
 import { Subject, debounceTime, filter } from 'rxjs';
 import { AXUnsubscriber } from '@acorex/core/utils';
 import * as i2 from '@angular/cdk/portal';
@@ -112,63 +112,58 @@ function cloneProperty(property, values) {
 }
 const AXP_WIDGET_TOKEN = new InjectionToken('AXP_WIDGET_TOKEN');
 const AXP_WIDGET_COLUMN_TOKEN = new InjectionToken('AXP_WIDGET_COLUMN_TOKEN');
-class AXPWidgetBase extends AXPLayoutElement {
+class AXPWidgetComponent extends AXPLayoutElement {
     constructor() {
         super(...arguments);
         this.token = inject(AXP_WIDGET_TOKEN);
-        this.cdr = inject(ChangeDetectorRef);
-        this.path = this.token.path;
-        this.name = this.token.name;
-        this.mode = this.token.mode;
-        this.type = this.token.type;
-        this.children = this.token.children;
+        this.path = this.token.node.path ?? `V${Math.random() * Math.pow(10, 18)}`;
+        this.name = this.token.node.name;
+        this.defaultValue = this.token.node.defaultValue;
+        this._children = signal(this.token.node.children ?? []);
+        this.children = this._children.asReadonly();
         this.config = this.token.config;
+        this._options = signal(this.token.node.options ?? {});
+        this.options = this._options.asReadonly();
         this.contextService = inject(AXPLayoutBuilderService);
         this.rawValue = computed(() => (this._fullPath ? get(this.contextService.context, this._fullPath) : null));
-        // Cached property set
-        this.propsSet = null;
+        this.onReady = new Subject();
+        this.isRendered = false;
+        this.nextRender = afterNextRender(() => {
+            //
+            if (!this.isRendered) {
+                //this.detectFullPath();
+                //
+                this.onReady.next();
+                //
+                this.isRendered = true;
+            }
+        });
     }
     get id() {
         return this._id;
     }
     ngOnInit() {
-        //
+        this.initRender();
+    }
+    initRender() {
         this.detectFullPath();
-        //
-        this.setOptions(this.token.options);
+        if (this.defaultValue != null) {
+            this.setValue(this.defaultValue);
+        }
     }
     getValue() {
         return this.rawValue();
     }
     setValue(value) {
         const oldValue = this.rawValue();
+        value = isUndefined(value) ? null : value;
         if (this._fullPath) {
             this.contextService.setValue(this._fullPath, value);
             this.onValueChanged(oldValue, value);
         }
     }
     setOptions(values) {
-        if (!values) {
-            console.warn('No values provided to setOptions.');
-            return;
-        }
-        // Cache property names if not already cached
-        if (!this.propsSet) {
-            const propsFromConfig = this.config.properties?.map(c => c.name) || [];
-            const propsFromComponents = this.config.components[this.mode]?.properties?.map(c => c.name) || [];
-            this.propsSet = new Set([...propsFromConfig, ...propsFromComponents]);
-        }
-        const keys = Object.keys(values);
-        // Filter invalid property names
-        const invalidKeys = keys.filter(k => !this.propsSet.has(k));
-        if (invalidKeys.length > 0) {
-            console.error(`Invalid property names detected in widget '${this.config.name}' (mode: '${this.mode}'). ` +
-                `Widget ID: '${this.id ?? 'undefined'}' | Full Path: '${this._fullPath ?? 'undefined'}'. ` +
-                `Invalid properties: ${invalidKeys.join(', ')}.`);
-        }
-        // Merge valid values into the current instance
-        merge(this, values);
-        this.cdr.markForCheck();
+        this._options.set({ ...this.options(), ...values });
     }
     call(name, ...args) {
         const fn = get(this, name);
@@ -176,6 +171,9 @@ class AXPWidgetBase extends AXPLayoutElement {
             fn.bind(this)(...args);
         }
     }
+    setChildren(children) {
+        this._children.set([...children]);
+    }
     onValueChanged(oldValue, newValue) { }
     detectFullPath() {
         let sections = [];
@@ -183,7 +181,7 @@ class AXPWidgetBase extends AXPLayoutElement {
         //
         let parent = this;
         //
-        while (parent != null) {
+        while (parent) {
             const path = parent.path ?? parent.name;
             const id = parent.name;
             //
@@ -203,54 +201,51 @@ class AXPWidgetBase extends AXPLayoutElement {
         }
         //
         this._fullPath = sections.reverse().join('.');
-        this._id = (this.name || this.parent) ? ids.reverse().join('_') : null;
+        this._id = this.name || this.parent ? ids.reverse().join('_') : null;
         if (this._id) {
             this.contextService.registerWidget(this._id, this);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPWidgetBase, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPWidgetBase }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPWidgetComponent }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPWidgetComponent, decorators: [{
+            type: Injectable
+        }] });
+class AXPContainerWidgetComponent extends AXPWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.node = this.token.node;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPContainerWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPContainerWidgetComponent }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPWidgetBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPContainerWidgetComponent, decorators: [{
             type: Injectable
         }] });
-class AXPColumnWidgetBase {
+class AXPColumnWidgetComponent {
     constructor() {
         this.token = inject(AXP_WIDGET_COLUMN_TOKEN);
         this.path = this.token.path;
-        this.options = this.token.options;
-    }
-    get rawValue() {
-        return this._rawValue;
+        this.options = this.token.options ?? {};
+        this.rawValue = null;
     }
-    set rawValue(v) {
-        this._rawValue = v;
-    }
-    ngOnInit() {
-        this.setOptions(this.token.options);
-    }
-    setOptions(values) {
-        merge(this, values);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPColumnWidgetBase, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPColumnWidgetBase }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPColumnWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPColumnWidgetComponent }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPColumnWidgetBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPColumnWidgetComponent, decorators: [{
             type: Injectable
         }] });
 
 class AXPWidgetContainerComponent {
     constructor() {
-        this.contextChange = new EventEmitter();
+        this.onChanged = new EventEmitter();
+        this.context = model({});
         this.unsubscriber = inject(AXUnsubscriber);
         this.builderService = inject(AXPLayoutBuilderService);
-    }
-    get context() {
-        return this._context;
-    }
-    set context(v) {
-        this._context = v;
-        this.builderService.initial(this.context);
+        this.ef = effect(() => {
+            this.builderService.initial(this.context());
+        }, { allowSignalWrites: true });
     }
     set variables(v) {
         this.builderService.setVariables(v);
@@ -259,16 +254,16 @@ class AXPWidgetContainerComponent {
         this.builderService.setFunctions(v);
     }
     ngOnInit() {
-        this.builderService.initial(this.context);
         this.builderService
             .onChanged
             .pipe(this.unsubscriber.takeUntilDestroy)
-            .subscribe(ctx => {
-            this.contextChange.emit(cloneDeep(ctx.data));
+            .subscribe(e => {
+            this.context.set(e.data);
+            this.onChanged.emit(e);
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPWidgetContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: { context: "context", variables: "variables", functions: "functions" }, outputs: { contextChange: "contextChange" }, host: { styleAttribute: "display: contents;" }, providers: [AXPLayoutBuilderService, AXUnsubscriber], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.0", type: AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: { context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null }, variables: { classPropertyName: "variables", publicName: "variables", isSignal: false, isRequired: false, transformFunction: null }, functions: { classPropertyName: "functions", publicName: "functions", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onChanged: "onChanged", context: "contextChange" }, host: { styleAttribute: "display: contents;" }, providers: [AXPLayoutBuilderService, AXUnsubscriber], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPWidgetContainerComponent, decorators: [{
             type: Component,
@@ -279,10 +274,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                     host: { style: 'display: contents;' },
                     providers: [AXPLayoutBuilderService, AXUnsubscriber],
                 }]
-        }], propDecorators: { contextChange: [{
+        }], propDecorators: { onChanged: [{
                 type: Output
-            }], context: [{
-                type: Input
             }], variables: [{
                 type: Input
             }], functions: [{
@@ -309,6 +302,9 @@ class AXPWidgetRegistryService {
         }
         return widget;
     }
+    all() {
+        return Array.from(this.types.values());
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPWidgetRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPWidgetRegistryService, providedIn: 'root' }); }
 }
@@ -327,7 +323,14 @@ class AXPWidgetRendererComponent {
         this._node = v;
         this.loadComponent();
     }
+    get mode() {
+        return this._mode;
+    }
+    set mode(v) {
+        this._mode = v;
+    }
     constructor() {
+        this._mode = 'edit';
         this.mergedOptions = signal({});
         this.injector = inject(Injector);
         this.builderService = inject(AXPLayoutBuilderService);
@@ -350,23 +353,20 @@ class AXPWidgetRendererComponent {
         this.isLoading.set(true);
         const widget = this.widgetRegistery.resolve(this.node.type);
         //
-        const props = widget?.components[this.node.mode].properties?.filter(c => c.schema.defaultValue)
-            .map(c => ({ [c.name]: c.schema.defaultValue }))
+        const props = widget?.components[this.mode]?.properties
+            ?.filter((c) => c.schema.defaultValue)
+            .map((c) => ({ [c.name]: c.schema.defaultValue }))
             .reduce((acc, curr) => {
             return { ...acc, ...curr };
         }, {});
         //
-        this.mergedOptions.set(merge(cloneDeep(widget?.defaultOptions), props, this.node.options) || {});
+        this.mergedOptions.set(merge(props, this.node.options) || {});
         this.preprocessAndInitialOptions(cloneDeep(this.node.options));
         await this.updateOptionsBasedOnContext();
         const tokenValue = {
-            name: this.node.name,
-            path: this.node.path,
-            mode: this.node.mode,
-            type: this.node.type,
-            children: this.node.children,
+            node: this.node,
             options: this.mergedOptions(),
-            config: widget
+            config: widget,
         };
         const token = Injector.create({
             parent: this.injector,
@@ -377,7 +377,7 @@ class AXPWidgetRendererComponent {
                 },
             ],
         });
-        var com = await widget?.components[this.node.mode]?.component();
+        var com = await widget?.components[this.mode]?.component();
         this.portal = new ComponentPortal(com, null, token);
         this.isLoading.set(false);
     }
@@ -386,6 +386,7 @@ class AXPWidgetRendererComponent {
         this.instance = portalOutletRef.instance;
         this.instance.parent = this.parentNode;
         this.instance.index = this.index;
+        this.instance.mode = this.mode;
         await this.updateValueBasedOnFormula();
         await this.assignTriggers();
     }
@@ -573,7 +574,7 @@ class AXPWidgetRendererComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPWidgetRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPWidgetRendererComponent, selector: "axp-widget-renderer", inputs: { node: "node", parentNode: "parentNode", index: "index" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPWidgetRendererComponent, selector: "axp-widget-renderer", inputs: { node: "node", mode: "mode", parentNode: "parentNode", index: "index" }, providers: [
             {
                 provide: AXUnsubscriber,
             },
@@ -612,6 +613,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
         }], ctorParameters: () => [], propDecorators: { node: [{
                 type: Input,
                 args: [{ required: true }]
+            }], mode: [{
+                type: Input
             }], parentNode: [{
                 type: Input
             }], index: [{
@@ -652,13 +655,13 @@ class AXPWidgetColumnRendererComponent extends AXDataTableColumnComponent {
         const mode = 'column';
         this.component = await widget?.components[mode]?.component();
         //
-        const props = widget?.components[mode].properties?.filter(c => c.schema.defaultValue)
+        const props = widget?.components[mode]?.properties?.filter(c => c.schema.defaultValue)
             .map(c => ({ [c.name]: c.schema.defaultValue }))
             .reduce((acc, curr) => {
             return { ...acc, ...curr };
         }, {});
         //
-        this.mergedOptions.set(merge(widget?.defaultOptions, props, this.node.options) || {});
+        this.mergedOptions.set(merge(props, this.node.options) || {});
         const tokenValue = {
             path: this.node.path,
             options: this.mergedOptions()
@@ -818,5 +821,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXPColumnWidgetBase, AXPLayoutBuilderModule, AXPLayoutBuilderService, AXPLayoutElement, AXPWidgetBase, AXPWidgetColumnRendererComponent, AXPWidgetContainerComponent, AXPWidgetRegistryService, AXPWidgetRendererComponent, AXP_WIDGET_COLUMN_TOKEN, AXP_WIDGET_TOKEN, cloneProperty };
+export { AXPColumnWidgetComponent, AXPContainerWidgetComponent, AXPLayoutBuilderModule, AXPLayoutBuilderService, AXPLayoutElement, AXPWidgetColumnRendererComponent, AXPWidgetComponent, AXPWidgetContainerComponent, AXPWidgetRegistryService, AXPWidgetRendererComponent, AXP_WIDGET_COLUMN_TOKEN, AXP_WIDGET_TOKEN, cloneProperty };
 //# sourceMappingURL=acorex-platform-layout-builder.mjs.map