@acorex/platform 1.0.6 → 18.0.1

package/fesm2022/acorex-platform-common-checkbox-widget-edit.component-BVG9_XXh.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-common-checkbox-widget-edit.component-BVG9_XXh.mjs","sources":["../../../../libs/platform/common/src/lib/schema/widgets/checkbox/checkbox-widget-edit.component.ts"],"sourcesContent":["import { AXCheckBoxModule } from '@acorex/components/check-box';\r\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { AXPWidgetEditBase } from '../../widget/widget-base';\r\n\r\n@Component({\r\n  template: `<ax-check-box [(ngModel)]=\"value\"></ax-check-box>`,\r\n  standalone: true,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [AXCheckBoxModule, FormsModule],\r\n  inputs: [],\r\n})\r\nexport class AXPCheckboxWidgetEditComponent extends AXPWidgetEditBase { }\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYM,MAAO,8BAA+B,SAAQ,iBAAiB,CAAA;8GAAxD,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,EAN/B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,iDAAA,CAAmD,EAGnD,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,gBAAgB,+QAAE,WAAW,EAAA,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,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAG5B,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAP1C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,CAAmD,iDAAA,CAAA;AAC7D,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,OAAO,EAAE,CAAC,gBAAgB,EAAE,WAAW,CAAC;AACxC,oBAAA,MAAM,EAAE,EAAE;AACX,iBAAA,CAAA;;;;;"}

package/fesm2022/acorex-platform-common-checkbox-widget-view.component-CfGkMcDi.mjs

@@ -0,0 +1,70 @@
+import * as i3 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { AXPWidgetBase } from './acorex-platform-common.mjs';
+import '@acorex/components/popup';
+import '@acorex/core/date-time';
+import '@angular/router';
+import '@ngrx/effects';
+import '@ngrx/store';
+import 'rxjs';
+import '@acorex/components/image';
+import '@angular/common';
+import '@acorex/components/button';
+import '@acorex/core/platform';
+import '@acorex/components/toast';
+import 'lodash-es';
+import '@acorex/components/skeleton';
+import '@angular/cdk/portal';
+import '@acorex/components/data-table';
+import '@acorex/core/utils';
+import '@acorex/core/format';
+import 'rxjs/operators';
+import '@acorex/components/dialog';
+import '@acorex/platform/workflow';
+
+class AXPCheckboxWidgetViewComponent extends AXPWidgetBase {
+    render() {
+        this.value = !!this.rawValue;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPCheckboxWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPCheckboxWidgetViewComponent, isStandalone: true, selector: "ng-component", inputs: { trulyText: "trulyText", falsyText: "falsyText", negative: "negative" }, usesInheritance: true, ngImport: i0, template: ` <div>
+    @if(value){ @if(trulyText){
+    <span [class]="negative ? 'ax-text-danger' : 'ax-text-success'">{{ trulyText }}</span>
+    }@else {
+
+    <ax-icon class="fa-solid fa-check ax-text-success"> </ax-icon>
+    } }@else { @if(falsyText){
+    <span [class]="negative ? 'ax-text-success' : 'ax-text-danger'">{{ falsyText }}</span>
+    }@else {
+
+    <ax-icon class="fa-solid fa-xmark ax-text-danger"> </ax-icon>
+    } }
+  </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPCheckboxWidgetViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ` <div>
+    @if(value){ @if(trulyText){
+    <span [class]="negative ? 'ax-text-danger' : 'ax-text-success'">{{ trulyText }}</span>
+    }@else {
+
+    <ax-icon class="fa-solid fa-check ax-text-success"> </ax-icon>
+    } }@else { @if(falsyText){
+    <span [class]="negative ? 'ax-text-success' : 'ax-text-danger'">{{ falsyText }}</span>
+    }@else {
+
+    <ax-icon class="fa-solid fa-xmark ax-text-danger"> </ax-icon>
+    } }
+  </div>`,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [AXDecoratorModule],
+                    inputs: ['trulyText', 'falsyText', 'negative'],
+                }]
+        }] });
+
+export { AXPCheckboxWidgetViewComponent };
+//# sourceMappingURL=acorex-platform-common-checkbox-widget-view.component-CfGkMcDi.mjs.map

package/fesm2022/acorex-platform-common-checkbox-widget-view.component-CfGkMcDi.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-common-checkbox-widget-view.component-CfGkMcDi.mjs","sources":["../../../../libs/platform/common/src/lib/schema/widgets/checkbox/checkbox-widget-view.component.ts"],"sourcesContent":["import { AXDecoratorModule } from '@acorex/components/decorators';\r\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\r\nimport { AXPWidgetBase } from '../../widget/widget-base';\r\n@Component({\r\n  template: ` <div>\r\n    @if(value){ @if(trulyText){\r\n    <span [class]=\"negative ? 'ax-text-danger' : 'ax-text-success'\">{{ trulyText }}</span>\r\n    }@else {\r\n\r\n    <ax-icon class=\"fa-solid fa-check ax-text-success\"> </ax-icon>\r\n    } }@else { @if(falsyText){\r\n    <span [class]=\"negative ? 'ax-text-success' : 'ax-text-danger'\">{{ falsyText }}</span>\r\n    }@else {\r\n\r\n    <ax-icon class=\"fa-solid fa-xmark ax-text-danger\"> </ax-icon>\r\n    } }\r\n  </div>`,\r\n  standalone: true,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [AXDecoratorModule],\r\n  inputs: ['trulyText', 'falsyText', 'negative'],\r\n})\r\nexport class AXPCheckboxWidgetViewComponent extends AXPWidgetBase {\r\n  protected value!: boolean;\r\n  protected negative!: boolean;\r\n  protected trulyText!: boolean;\r\n  protected falsyText!: boolean;\r\n\r\n  protected override render(): void {\r\n    this.value = !!this.rawValue;\r\n  }\r\n}\r\n"],"names":["i1"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAsBM,MAAO,8BAA+B,SAAQ,aAAa,CAAA;IAM5C,MAAM,GAAA;QACvB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC;KAC9B;8GARU,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,EAlB/B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,SAAA,EAAA,WAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;AAYH,QAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAGG,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAGhB,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAnB1C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;;;AAYH,QAAA,CAAA;AACP,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,OAAO,EAAE,CAAC,iBAAiB,CAAC;AAC5B,oBAAA,MAAM,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,UAAU,CAAC;AAC/C,iBAAA,CAAA;;;;;"}

package/fesm2022/acorex-platform-common-dateTime-widget-column.component-BlXTU887.mjs

@@ -0,0 +1,66 @@
+import { AXDateTimeModule } from '@acorex/core/date-time';
+import { AXFormatModule } from '@acorex/core/format';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { AXPWidgetBase } from './acorex-platform-common.mjs';
+import '@acorex/components/popup';
+import '@angular/router';
+import '@ngrx/effects';
+import '@ngrx/store';
+import 'rxjs';
+import '@acorex/components/decorators';
+import '@acorex/components/image';
+import '@angular/common';
+import '@acorex/components/button';
+import '@acorex/core/platform';
+import '@acorex/components/toast';
+import 'lodash-es';
+import '@acorex/components/skeleton';
+import '@angular/cdk/portal';
+import '@acorex/components/data-table';
+import '@acorex/core/utils';
+import 'rxjs/operators';
+import '@acorex/components/dialog';
+import '@acorex/platform/workflow';
+
+class AXPDateTimeWidgetColumnComponent extends AXPWidgetBase {
+    render() {
+        const rawValue = this.rawValue;
+        if (rawValue == null) {
+            this.convertedValue = null;
+            return;
+        }
+        if (this.isArray(rawValue)) {
+            this.convertedValue = rawValue.map((item) => this.formatValue(new Date(item))).join(', ');
+        }
+        else {
+            this.convertedValue = this.formatValue(new Date(rawValue));
+        }
+    }
+    formatValue(value) {
+        if (this.formats?.default) {
+            return this.formatService.format(value, 'datetime', { format: this.formats.default });
+        }
+        else {
+            return value.toISOString();
+        }
+    }
+    isArray(val) {
+        return Array.isArray(val);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPDateTimeWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPDateTimeWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { context: "context", value: "value", multiple: "multiple", width: "width", format: "format", allowResizing: "allowResizing" }, usesInheritance: true, ngImport: i0, template: ` <span [title]="convertedValue">{{ convertedValue }}</span> `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXDateTimeModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPDateTimeWidgetColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ` <span [title]="convertedValue">{{ convertedValue }}</span> `,
+                    standalone: true,
+                    imports: [AXFormatModule, AXDateTimeModule],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    inputs: ['context', 'value', 'multiple', 'width', 'format', 'allowResizing'],
+                }]
+        }] });
+
+export { AXPDateTimeWidgetColumnComponent };
+//# sourceMappingURL=acorex-platform-common-dateTime-widget-column.component-BlXTU887.mjs.map

package/fesm2022/acorex-platform-common-dateTime-widget-column.component-BlXTU887.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-common-dateTime-widget-column.component-BlXTU887.mjs","sources":["../../../../libs/platform/common/src/lib/schema/widgets/dateTime/dateTime-widget-column.component.ts"],"sourcesContent":["import { AXDateTimeModule } from '@acorex/core/date-time';\r\nimport { AXFormatModule } from '@acorex/core/format';\r\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\r\nimport { AXPWidgetBase } from '../../widget/widget-base';\r\n\r\n@Component({\r\n  template: ` <span [title]=\"convertedValue\">{{ convertedValue }}</span> `,\r\n  standalone: true,\r\n  imports: [AXFormatModule, AXDateTimeModule],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  inputs: ['context', 'value', 'multiple', 'width', 'format', 'allowResizing'],\r\n})\r\nexport class AXPDateTimeWidgetColumnComponent extends AXPWidgetBase {\r\n  protected convertedValue!: string | null;\r\n  protected multiple!: boolean;\r\n\r\n  override render() {\r\n    const rawValue = this.rawValue;\r\n    if (rawValue == null) {\r\n      this.convertedValue = null;\r\n      return;\r\n    }\r\n    if (this.isArray(rawValue)) {\r\n      this.convertedValue = rawValue.map((item: Date) => this.formatValue(new Date(item))).join(', ');\r\n    } else {\r\n      this.convertedValue = this.formatValue(new Date(rawValue));\r\n    }\r\n  }\r\n\r\n  protected formatValue(value: Date) {\r\n    if (this.formats?.default) {\r\n      return this.formatService.format(value, 'datetime', { format: this.formats.default });\r\n    } else {\r\n      return value.toISOString();\r\n    }\r\n  }\r\n\r\n  protected isArray(val: any) {\r\n    return Array.isArray(val);\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAYM,MAAO,gCAAiC,SAAQ,aAAa,CAAA;IAIxD,MAAM,GAAA;AACb,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;AAC/B,QAAA,IAAI,QAAQ,IAAI,IAAI,EAAE;AACpB,YAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;YAC3B,OAAO;SACR;AACD,QAAA,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;AAC1B,YAAA,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAU,KAAK,IAAI,CAAC,WAAW,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACjG;aAAM;AACL,YAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;SAC5D;KACF;AAES,IAAA,WAAW,CAAC,KAAW,EAAA;AAC/B,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE;YACzB,OAAO,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;SACvF;aAAM;AACL,YAAA,OAAO,KAAK,CAAC,WAAW,EAAE,CAAC;SAC5B;KACF;AAES,IAAA,OAAO,CAAC,GAAQ,EAAA;AACxB,QAAA,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;KAC3B;8GA3BU,gCAAgC,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAhC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gCAAgC,EANjC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,4DAAA,CAA8D,EAE9D,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,cAAc,8BAAE,gBAAgB,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAI/B,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBAP5C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,CAA8D,4DAAA,CAAA;AACxE,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,OAAO,EAAE,CAAC,cAAc,EAAE,gBAAgB,CAAC;oBAC3C,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,MAAM,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,eAAe,CAAC;AAC7E,iBAAA,CAAA;;;;;"}

package/fesm2022/acorex-platform-common-dateTime-widget-edit.component-B0s6FN-g.mjs

@@ -0,0 +1,198 @@
+import * as i2$1 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i3 from '@acorex/components/datetime-box';
+import { AXDateTimeBoxModule } from '@acorex/components/datetime-box';
+import * as i3$1 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i3$2 from '@acorex/components/form';
+import { AXFormModule } from '@acorex/components/form';
+import { AXFormatModule } from '@acorex/core/format';
+import { MockDataService } from '@acorex/platform/mocks';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, signal, effect, Component, ChangeDetectionStrategy } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { AXPWidgetEditBase } from './acorex-platform-common.mjs';
+import '@acorex/components/popup';
+import '@acorex/core/date-time';
+import '@angular/router';
+import '@ngrx/effects';
+import '@ngrx/store';
+import 'rxjs';
+import '@acorex/components/image';
+import '@acorex/core/platform';
+import '@acorex/components/toast';
+import 'lodash-es';
+import '@acorex/components/skeleton';
+import '@angular/cdk/portal';
+import '@acorex/components/data-table';
+import '@acorex/core/utils';
+import 'rxjs/operators';
+import '@acorex/components/dialog';
+import '@acorex/platform/workflow';
+
+class AXPDateTimeWidgetEditComponent extends AXPWidgetEditBase {
+    constructor() {
+        super(...arguments);
+        this.mockerService = inject(MockDataService);
+        this.format = 'dateTime';
+        this.convertedValue = signal([]);
+        this.changeValueEffect = effect(() => {
+            if (this.multiple) {
+                this.value = this.convertedValue().map((i) => i.value);
+            }
+            else {
+                this.value = this.convertedValue().map((i) => i.value)[0];
+            }
+        });
+    }
+    ngOnInit() {
+        // ****** Set Format ******
+        if (this.format === 'date')
+            this.calendarFormat = 'dd/MM/yyyy';
+        else if (this.format === 'time')
+            this.calendarFormat = 'HH:mm';
+        else
+            this.calendarFormat = 'dd/MM/yyyy HH:mm';
+        // ****** Set Value ******
+        if (!this.value || this.value?.length == 0) {
+            this.convertedValue.set([{ value: this.getInitValue(), id: this.mockerService.uid() }]);
+        }
+        else if (Array.isArray(this.value)) {
+            this.convertedValue.set(this.value.map((item) => ({ value: item ? new Date(item) : this.getInitValue(), id: this.mockerService.uid() })));
+        }
+        else {
+            this.convertedValue.set([{ value: this.value ? new Date(this.value) : this.getInitValue(), id: this.mockerService.uid() }]);
+        }
+    }
+    handleAddItem() {
+        this.convertedValue.update((prev) => [...prev, { value: this.getInitValue(), id: this.mockerService.uid() }]);
+    }
+    handleRemoveItem(item) {
+        this.convertedValue.update((prev) => prev.filter((c) => c != item));
+    }
+    handleValueChange(e, id) {
+        if (e.isUserInteraction) {
+            this.convertedValue.update((prev) => prev.map((i) => (i.id === id ? { value: e.value, id: i.id } : i)));
+        }
+    }
+    getInitValue() {
+        return this.autoSetToday ? new Date() : null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPDateTimeWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPDateTimeWidgetEditComponent, isStandalone: true, selector: "axp-datetime-widget-edit", inputs: { multiple: "multiple" }, usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
+      @if(multiple){ @for(item of convertedValue();track $index){
+      <ng-container [ngTemplateOutlet]="textBoxTemplate" [ngTemplateOutletContext]="{ $implicit: item }"></ng-container>
+      } } @else {
+      <ng-container
+        [ngTemplateOutlet]="textBoxTemplate"
+        [ngTemplateOutletContext]="{ $implicit: convertedValue()[0] }"
+      ></ng-container>
+      }
+      <ng-template #textBoxTemplate let-item>
+        <ax-datetime-box
+          [(ngModel)]="item.value"
+          (onValueChanged)="handleValueChange($event, item.id)"
+          [format]="calendarFormat"
+          [minValue]="minValue"
+          [maxValue]="maxValue"
+          [placeholder]="prop.description"
+          [class]="multiple ? 'ax-col-start-1 ax-col-end-11 lg:ax-col-end-12' : 'ax-col-start-1 ax-col-end-13'"
+        >
+            @for(vl of validations;track $index) {
+            <ax-validation-rule  [rule]="vl.rule" [options]="vl.options"></ax-validation-rule>
+            }
+          <ax-clear-button></ax-clear-button>
+        </ax-datetime-box>
+        @if(multiple){
+        <ax-button
+          look="twotone"
+          color="danger"
+          (onClick)="handleRemoveItem(item)"
+          class=" ax-col-start-11 lg:ax-col-start-12 ax-col-end-13 ax-justify-self-end"
+        >
+          <ax-icon icon="fa-regular fa-xmark"></ax-icon>
+        </ax-button>
+        }
+      </ng-template>
+      @if(multiple){
+      <ax-button
+        [text]="!convertedValue().length ? 'Add New' : 'Add Another'"
+        look="twotone"
+        (onClick)="handleAddItem()"
+        class="ax-col-start-8 lg:ax-col-start-10 2xl:ax-col-start-10 ax-col-end-13"
+      >
+        <ax-prefix>
+          <ax-icon class="fa-solid fa-add"></ax-icon>
+        </ax-prefix>
+      </ax-button>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: AXFormatModule }, { kind: "ngmodule", type: AXDateTimeBoxModule }, { kind: "component", type: i3.AXDateTimeBoxComponent, selector: "ax-datetime-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "depth", "id", "type", "look", "allowTyping", "format"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "onOpened", "onClosed", "readonlyChange", "disabledChange", "formatChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i3$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i3$2.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPDateTimeWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-datetime-widget-edit',
+                    template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
+      @if(multiple){ @for(item of convertedValue();track $index){
+      <ng-container [ngTemplateOutlet]="textBoxTemplate" [ngTemplateOutletContext]="{ $implicit: item }"></ng-container>
+      } } @else {
+      <ng-container
+        [ngTemplateOutlet]="textBoxTemplate"
+        [ngTemplateOutletContext]="{ $implicit: convertedValue()[0] }"
+      ></ng-container>
+      }
+      <ng-template #textBoxTemplate let-item>
+        <ax-datetime-box
+          [(ngModel)]="item.value"
+          (onValueChanged)="handleValueChange($event, item.id)"
+          [format]="calendarFormat"
+          [minValue]="minValue"
+          [maxValue]="maxValue"
+          [placeholder]="prop.description"
+          [class]="multiple ? 'ax-col-start-1 ax-col-end-11 lg:ax-col-end-12' : 'ax-col-start-1 ax-col-end-13'"
+        >
+            @for(vl of validations;track $index) {
+            <ax-validation-rule  [rule]="vl.rule" [options]="vl.options"></ax-validation-rule>
+            }
+          <ax-clear-button></ax-clear-button>
+        </ax-datetime-box>
+        @if(multiple){
+        <ax-button
+          look="twotone"
+          color="danger"
+          (onClick)="handleRemoveItem(item)"
+          class=" ax-col-start-11 lg:ax-col-start-12 ax-col-end-13 ax-justify-self-end"
+        >
+          <ax-icon icon="fa-regular fa-xmark"></ax-icon>
+        </ax-button>
+        }
+      </ng-template>
+      @if(multiple){
+      <ax-button
+        [text]="!convertedValue().length ? 'Add New' : 'Add Another'"
+        look="twotone"
+        (onClick)="handleAddItem()"
+        class="ax-col-start-8 lg:ax-col-start-10 2xl:ax-col-start-10 ax-col-end-13"
+      >
+        <ax-prefix>
+          <ax-icon class="fa-solid fa-add"></ax-icon>
+        </ax-prefix>
+      </ax-button>
+      }
+    </div>
+  `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, FormsModule, AXFormatModule, AXDateTimeBoxModule, AXDecoratorModule, AXButtonModule, AXFormModule],
+                    inputs: ['multiple'],
+                }]
+        }] });
+
+export { AXPDateTimeWidgetEditComponent };
+//# sourceMappingURL=acorex-platform-common-dateTime-widget-edit.component-B0s6FN-g.mjs.map

package/fesm2022/acorex-platform-common-dateTime-widget-edit.component-B0s6FN-g.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-common-dateTime-widget-edit.component-B0s6FN-g.mjs","sources":["../../../../libs/platform/common/src/lib/schema/widgets/dateTime/dateTime-widget-edit.component.ts"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\r\nimport { AXValueChangedEvent } from '@acorex/components/common';\r\nimport { AXDateTimeBoxModule } from '@acorex/components/datetime-box';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\nimport { AXFormModule } from '@acorex/components/form';\r\nimport { AXFormatModule } from '@acorex/core/format';\r\nimport { MockDataService } from '@acorex/platform/mocks';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, WritableSignal, effect, inject, signal } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { AXPWidgetEditBase } from '../../widget/widget-base';\r\n\r\n@Component({\r\n  selector: 'axp-datetime-widget-edit',\r\n  template: `\r\n    <div class=\"ax-grid ax-grid-cols-12 ax-gap-4\">\r\n      @if(multiple){ @for(item of convertedValue();track $index){\r\n      <ng-container [ngTemplateOutlet]=\"textBoxTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-container>\r\n      } } @else {\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"textBoxTemplate\"\r\n        [ngTemplateOutletContext]=\"{ $implicit: convertedValue()[0] }\"\r\n      ></ng-container>\r\n      }\r\n      <ng-template #textBoxTemplate let-item>\r\n        <ax-datetime-box\r\n          [(ngModel)]=\"item.value\"\r\n          (onValueChanged)=\"handleValueChange($event, item.id)\"\r\n          [format]=\"calendarFormat\"\r\n          [minValue]=\"minValue\"\r\n          [maxValue]=\"maxValue\"\r\n          [placeholder]=\"prop.description\"\r\n          [class]=\"multiple ? 'ax-col-start-1 ax-col-end-11 lg:ax-col-end-12' : 'ax-col-start-1 ax-col-end-13'\"\r\n        >\r\n            @for(vl of validations;track $index) {\r\n            <ax-validation-rule  [rule]=\"vl.rule\" [options]=\"vl.options\"></ax-validation-rule>\r\n            }\r\n          <ax-clear-button></ax-clear-button>\r\n        </ax-datetime-box>\r\n        @if(multiple){\r\n        <ax-button\r\n          look=\"twotone\"\r\n          color=\"danger\"\r\n          (onClick)=\"handleRemoveItem(item)\"\r\n          class=\" ax-col-start-11 lg:ax-col-start-12 ax-col-end-13 ax-justify-self-end\"\r\n        >\r\n          <ax-icon icon=\"fa-regular fa-xmark\"></ax-icon>\r\n        </ax-button>\r\n        }\r\n      </ng-template>\r\n      @if(multiple){\r\n      <ax-button\r\n        [text]=\"!convertedValue().length ? 'Add New' : 'Add Another'\"\r\n        look=\"twotone\"\r\n        (onClick)=\"handleAddItem()\"\r\n        class=\"ax-col-start-8 lg:ax-col-start-10 2xl:ax-col-start-10 ax-col-end-13\"\r\n      >\r\n        <ax-prefix>\r\n          <ax-icon class=\"fa-solid fa-add\"></ax-icon>\r\n        </ax-prefix>\r\n      </ax-button>\r\n      }\r\n    </div>\r\n  `,\r\n  standalone: true,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [CommonModule, FormsModule, AXFormatModule, AXDateTimeBoxModule, AXDecoratorModule, AXButtonModule, AXFormModule],\r\n  inputs: ['multiple'],\r\n})\r\nexport class AXPDateTimeWidgetEditComponent extends AXPWidgetEditBase {\r\n  protected mockerService = inject(MockDataService);\r\n\r\n  public multiple!: boolean;\r\n  public autoSetToday!: boolean;\r\n\r\n\r\n  protected minValue: any;\r\n  protected maxValue: any;\r\n  protected format: string = 'dateTime';\r\n  protected calendarFormat!: string;\r\n  protected convertedValue: WritableSignal<{ value: Date | null; id: string }[]> = signal([]);\r\n\r\n  private changeValueEffect = effect(() => {\r\n    if (this.multiple) {\r\n      this.value = this.convertedValue().map((i) => i.value);\r\n    } else {\r\n      this.value = this.convertedValue().map((i) => i.value)[0];\r\n    }\r\n  });\r\n\r\n  ngOnInit(): void {\r\n    // ****** Set Format ******\r\n    if (this.format === 'date') this.calendarFormat = 'dd/MM/yyyy';\r\n    else if (this.format === 'time') this.calendarFormat = 'HH:mm';\r\n    else this.calendarFormat = 'dd/MM/yyyy HH:mm';\r\n    // ****** Set Value ******\r\n    if (!this.value || this.value?.length == 0) {\r\n      this.convertedValue.set([{ value: this.getInitValue(), id: this.mockerService.uid() }]);\r\n    } else if (Array.isArray(this.value)) {\r\n      this.convertedValue.set(this.value.map((item) => ({ value: item ? new Date(item) : this.getInitValue(), id: this.mockerService.uid() })));\r\n    } else {\r\n      this.convertedValue.set([{ value: this.value ? new Date(this.value) : this.getInitValue(), id: this.mockerService.uid() }]);\r\n    }\r\n  }\r\n\r\n  protected handleAddItem() {\r\n    this.convertedValue.update((prev) => [...prev, { value: this.getInitValue(), id: this.mockerService.uid() }]);\r\n  }\r\n\r\n  protected handleRemoveItem(item: any) {\r\n    this.convertedValue.update((prev) => prev.filter((c: any) => c != item));\r\n  }\r\n  protected handleValueChange(e: AXValueChangedEvent, id: string) {\r\n    if (e.isUserInteraction) {\r\n      this.convertedValue.update((prev) => prev.map((i) => (i.id === id ? { value: e.value, id: i.id } : i)));\r\n    }\r\n  }\r\n\r\n  private getInitValue(): Date | null {\r\n    return this.autoSetToday ? new Date() : null;\r\n  }\r\n}\r\n"],"names":["i4","i5","i6"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqEM,MAAO,8BAA+B,SAAQ,iBAAiB,CAAA;AAzDrE,IAAA,WAAA,GAAA;;AA0DY,QAAA,IAAA,CAAA,aAAa,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;QAQxC,IAAM,CAAA,MAAA,GAAW,UAAU,CAAC;AAE5B,QAAA,IAAA,CAAA,cAAc,GAAyD,MAAM,CAAC,EAAE,CAAC,CAAC;AAEpF,QAAA,IAAA,CAAA,iBAAiB,GAAG,MAAM,CAAC,MAAK;AACtC,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,gBAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC;aACxD;iBAAM;gBACL,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;aAC3D;AACH,SAAC,CAAC,CAAC;AAiCJ,KAAA;IA/BC,QAAQ,GAAA;;AAEN,QAAA,IAAI,IAAI,CAAC,MAAM,KAAK,MAAM;AAAE,YAAA,IAAI,CAAC,cAAc,GAAG,YAAY,CAAC;AAC1D,aAAA,IAAI,IAAI,CAAC,MAAM,KAAK,MAAM;AAAE,YAAA,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC;;AAC1D,YAAA,IAAI,CAAC,cAAc,GAAG,kBAAkB,CAAC;;AAE9C,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC,EAAE;YAC1C,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;SACzF;aAAM,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;YACpC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,MAAM,EAAE,KAAK,EAAE,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,YAAY,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;SAC3I;aAAM;AACL,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,YAAY,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;SAC7H;KACF;IAES,aAAa,GAAA;AACrB,QAAA,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;KAC/G;AAES,IAAA,gBAAgB,CAAC,IAAS,EAAA;QAClC,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,CAAM,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC;KAC1E;IACS,iBAAiB,CAAC,CAAsB,EAAE,EAAU,EAAA;AAC5D,QAAA,IAAI,CAAC,CAAC,iBAAiB,EAAE;YACvB,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;SACzG;KACF;IAEO,YAAY,GAAA;AAClB,QAAA,OAAO,IAAI,CAAC,YAAY,GAAG,IAAI,IAAI,EAAE,GAAG,IAAI,CAAC;KAC9C;8GAnDU,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,EAvD/B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAGS,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,WAAW,EAAA,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,EAAE,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,aAAA,EAAA,UAAA,EAAA,UAAA,EAAA,OAAA,EAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,aAAA,EAAA,QAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,SAAA,EAAA,UAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,gBAAA,EAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,+BAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,+IAAA,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,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,aAAA,EAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAG9G,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAzD1C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,0BAA0B;AACpC,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDT,EAAA,CAAA;AACD,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,cAAc,EAAE,YAAY,CAAC;oBAC1H,MAAM,EAAE,CAAC,UAAU,CAAC;AACrB,iBAAA,CAAA;;;;;"}

package/fesm2022/acorex-platform-common-dateTime-widget-filter.component-B7KBCsUt.mjs

@@ -0,0 +1,233 @@
+import * as i3 from '@acorex/components/datetime-box';
+import { AXDateTimeBoxModule } from '@acorex/components/datetime-box';
+import * as i3$1 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i6 from '@acorex/components/select-box';
+import { AXSelectBoxModule } from '@acorex/components/select-box';
+import { AXCalendarService } from '@acorex/core/date-time';
+import { AXFormatModule } from '@acorex/core/format';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { signal, inject, effect, Component, ChangeDetectionStrategy } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { AXPWidgetFilterBase } from './acorex-platform-common.mjs';
+import '@acorex/components/popup';
+import '@angular/router';
+import '@ngrx/effects';
+import '@ngrx/store';
+import 'rxjs';
+import '@acorex/components/image';
+import '@acorex/components/button';
+import '@acorex/core/platform';
+import '@acorex/components/toast';
+import 'lodash-es';
+import '@acorex/components/skeleton';
+import '@angular/cdk/portal';
+import '@acorex/components/data-table';
+import '@acorex/core/utils';
+import 'rxjs/operators';
+import '@acorex/components/dialog';
+import '@acorex/platform/workflow';
+
+class AXPDateTimeWidgetFilterComponent extends AXPWidgetFilterBase {
+    constructor() {
+        super(...arguments);
+        this.selectedItem = signal('');
+        this.dataSource = [];
+        this.calendarService = inject(AXCalendarService);
+        this.changeValueEffect = effect(() => {
+            this.getSelectedItemValue(this.selectedItem());
+        });
+    }
+    ngOnInit() {
+        if (this.operator == 'greaterThan' || this.operator == 'lessThan') {
+            this.selectedItem.set(this.convertToTitleCase(this.operator));
+        }
+        else {
+            this.selectedItem.set(this.convertToTitleCase(this.value));
+        }
+        this.dataSource = [
+            'Today',
+            'This Week',
+            'This Month',
+            'Yesterday',
+            'Last Week',
+            'Last Month',
+            'Tomorrow',
+            'Next Week',
+            'Next Month',
+            'Between',
+            'Greater Than',
+            'Less Than',
+        ];
+    }
+    changeSelectedItem(e) {
+        if (e.isUserInteraction) {
+            this.selectedItem.set(e.value);
+        }
+    }
+    getSelectedItemValue(itemTitle) {
+        this.operator = 'between';
+        const currentDate = this.calendarService.now().date;
+        const calendar = this.calendarService.calendar;
+        switch (itemTitle) {
+            case 'Today':
+                this.value = {
+                    from: calendar.startOf(currentDate, 'day').date,
+                    to: calendar.endOf(currentDate, 'day').date,
+                };
+                break;
+            case 'This Week':
+                this.value = {
+                    from: calendar.startOf(currentDate, 'week').date,
+                    to: calendar.endOf(currentDate, 'week').date,
+                };
+                break;
+            case 'This Month':
+                this.value = {
+                    from: calendar.startOf(currentDate, 'month').date,
+                    to: calendar.endOf(currentDate, 'month').date,
+                };
+                break;
+            case 'Yesterday':
+                const yesterDay = calendar.add(currentDate, 'day', -1);
+                this.value = {
+                    from: yesterDay.startOf('day').date,
+                    to: yesterDay.endOf('day').date,
+                };
+                break;
+            case 'Last Week':
+                const lastWeek = calendar.add(currentDate, 'week', -1);
+                this.value = {
+                    from: lastWeek.startOf('week').date,
+                    to: lastWeek.endOf('week').date,
+                };
+                break;
+            case 'Last Month':
+                const lastMonth = calendar.add(currentDate, 'month', -1);
+                this.value = {
+                    from: lastMonth.startOf('month').date,
+                    to: lastMonth.endOf('month').date,
+                };
+                break;
+            case 'Tomorrow':
+                const tomorrow = calendar.add(currentDate, 'day', 1);
+                this.value = {
+                    from: tomorrow.startOf('day').date,
+                    to: tomorrow.endOf('day').date,
+                };
+                break;
+            case 'Next Week':
+                const nextWeek = calendar.add(currentDate, 'week', 1);
+                this.value = {
+                    from: nextWeek.startOf('week').date,
+                    to: nextWeek.endOf('week').date,
+                };
+                break;
+            case 'Next Month':
+                const nextMonth = calendar.add(currentDate, 'month', -1);
+                this.value = {
+                    from: nextMonth.startOf('month').date,
+                    to: nextMonth.endOf('month').date,
+                };
+                break;
+            case 'Between':
+                this.value = {
+                    from: '',
+                    to: '',
+                };
+                break;
+            case 'Greater Than':
+                this.operator = 'greaterThan';
+                break;
+            case 'Less Than':
+                this.operator = 'lessThan';
+                break;
+            default:
+                break;
+        }
+    }
+    convertToTitleCase(str) {
+        return str
+            .replace(/[A-Z]/g, (match) => ` ${match}`)
+            .trim()
+            .replace(/^\w/, (match) => match.toUpperCase())
+            .replace(/\b\w/g, (match) => match.toUpperCase());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPDateTimeWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPDateTimeWidgetFilterComponent, isStandalone: true, selector: "axp-datetime-widget-filter", inputs: { value: "value", operator: "operator" }, outputs: { valueChange: "valueChange", operatorChange: "operatorChange" }, usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-flex-1">
+      <ax-select-box [ngModel]="selectedItem()" placeholder="Select ..." (onValueChanged)="changeSelectedItem($event)" [dataSource]="dataSource">
+      </ax-select-box>
+      @if(selectedItem()=="Between"){
+      <div class="ax-flex ax-gap-2 ax-mt-2">
+        <ax-datetime-box
+          placeholder="From"
+          [(ngModel)]="value.from"
+          class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-5 xl:ax-col-end-4 2xl:ax-col-end-3"
+        >
+          <ax-clear-button></ax-clear-button>
+        </ax-datetime-box>
+        <ax-datetime-box
+          placeholder="To"
+          [(ngModel)]="value.to"
+          class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-5 xl:ax-col-end-4 2xl:ax-col-end-3"
+        >
+          <ax-clear-button></ax-clear-button>
+        </ax-datetime-box>
+      </div>
+      } @if(selectedItem()=="Greater Than" || selectedItem()=="Less Than"){
+      <div class="ax-mt-2">
+        <ax-datetime-box [(ngModel)]="value" class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-5 xl:ax-col-end-4 2xl:ax-col-end-3">
+          <ax-clear-button></ax-clear-button>
+        </ax-datetime-box>
+      </div>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: AXFormatModule }, { kind: "ngmodule", type: AXDateTimeBoxModule }, { kind: "component", type: i3.AXDateTimeBoxComponent, selector: "ax-datetime-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "depth", "id", "type", "look", "allowTyping", "format"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "onOpened", "onClosed", "readonlyChange", "disabledChange", "formatChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i6.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "dataSource", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPDateTimeWidgetFilterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-datetime-widget-filter',
+                    template: `
+    <div class="ax-flex-1">
+      <ax-select-box [ngModel]="selectedItem()" placeholder="Select ..." (onValueChanged)="changeSelectedItem($event)" [dataSource]="dataSource">
+      </ax-select-box>
+      @if(selectedItem()=="Between"){
+      <div class="ax-flex ax-gap-2 ax-mt-2">
+        <ax-datetime-box
+          placeholder="From"
+          [(ngModel)]="value.from"
+          class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-5 xl:ax-col-end-4 2xl:ax-col-end-3"
+        >
+          <ax-clear-button></ax-clear-button>
+        </ax-datetime-box>
+        <ax-datetime-box
+          placeholder="To"
+          [(ngModel)]="value.to"
+          class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-5 xl:ax-col-end-4 2xl:ax-col-end-3"
+        >
+          <ax-clear-button></ax-clear-button>
+        </ax-datetime-box>
+      </div>
+      } @if(selectedItem()=="Greater Than" || selectedItem()=="Less Than"){
+      <div class="ax-mt-2">
+        <ax-datetime-box [(ngModel)]="value" class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-5 xl:ax-col-end-4 2xl:ax-col-end-3">
+          <ax-clear-button></ax-clear-button>
+        </ax-datetime-box>
+      </div>
+      }
+    </div>
+  `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, FormsModule, AXFormatModule, AXDateTimeBoxModule, AXDecoratorModule, AXSelectBoxModule],
+                    outputs: ['valueChange', 'operatorChange'],
+                    inputs: ['value', 'operator'],
+                }]
+        }] });
+
+export { AXPDateTimeWidgetFilterComponent };
+//# sourceMappingURL=acorex-platform-common-dateTime-widget-filter.component-B7KBCsUt.mjs.map