@acorex/platform 18.0.9 → 18.0.11

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

@@ -0,0 +1,67 @@
+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 '@acorex/platform/workflow';
+import '@acorex/components/dialog';
+import 'lodash-es';
+import 'dexie';
+import '@acorex/components/skeleton';
+import '@angular/cdk/portal';
+import '@acorex/components/data-table';
+import '@acorex/core/utils';
+import 'rxjs/operators';
+
+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.2.0", ngImport: i0, type: AXPDateTimeWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", 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.2.0", 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-BkUDt0Kj.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-common-dateTime-widget-column.component-BkUDt0Kj.mjs","sources":["../../../../libs/platform/common/src/lib/schema/widgets/dateTime/dateTime-widget-column.component.ts"],"sourcesContent":["import { AXDateTimeModule } from '@acorex/core/date-time';\nimport { AXFormatModule } from '@acorex/core/format';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { AXPWidgetBase } from '../../widget/widget-base';\n\n@Component({\n  template: ` <span [title]=\"convertedValue\">{{ convertedValue }}</span> `,\n  standalone: true,\n  imports: [AXFormatModule, AXDateTimeModule],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  inputs: ['context', 'value', 'multiple', 'width', 'format', 'allowResizing'],\n})\nexport class AXPDateTimeWidgetColumnComponent extends AXPWidgetBase {\n  protected convertedValue!: string | null;\n  protected multiple!: boolean;\n\n  override render() {\n    const rawValue = this.rawValue;\n    if (rawValue == null) {\n      this.convertedValue = null;\n      return;\n    }\n    if (this.isArray(rawValue)) {\n      this.convertedValue = rawValue.map((item: Date) => this.formatValue(new Date(item))).join(', ');\n    } else {\n      this.convertedValue = this.formatValue(new Date(rawValue));\n    }\n  }\n\n  protected formatValue(value: Date) {\n    if (this.formats?.default) {\n      return this.formatService.format(value, 'datetime', { format: this.formats.default });\n    } else {\n      return value.toISOString();\n    }\n  }\n\n  protected isArray(val: any) {\n    return Array.isArray(val);\n  }\n}\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-DEqsapFH.mjs

@@ -0,0 +1,199 @@
+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 '@acorex/platform/workflow';
+import '@acorex/components/dialog';
+import 'lodash-es';
+import 'dexie';
+import '@acorex/components/skeleton';
+import '@angular/cdk/portal';
+import '@acorex/components/data-table';
+import '@acorex/core/utils';
+import 'rxjs/operators';
+
+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.2.0", ngImport: i0, type: AXPDateTimeWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", 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", "holidayDates", "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", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { 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.2.0", 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-DEqsapFH.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-common-dateTime-widget-edit.component-DEqsapFH.mjs","sources":["../../../../libs/platform/common/src/lib/schema/widgets/dateTime/dateTime-widget-edit.component.ts"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXValueChangedEvent } from '@acorex/components/common';\nimport { AXDateTimeBoxModule } from '@acorex/components/datetime-box';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXFormatModule } from '@acorex/core/format';\nimport { MockDataService } from '@acorex/platform/mocks';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, WritableSignal, effect, inject, signal } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXPWidgetEditBase } from '../../widget/widget-base';\n\n@Component({\n  selector: 'axp-datetime-widget-edit',\n  template: `\n    <div class=\"ax-grid ax-grid-cols-12 ax-gap-4\">\n      @if(multiple){ @for(item of convertedValue();track $index){\n      <ng-container [ngTemplateOutlet]=\"textBoxTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-container>\n      } } @else {\n      <ng-container\n        [ngTemplateOutlet]=\"textBoxTemplate\"\n        [ngTemplateOutletContext]=\"{ $implicit: convertedValue()[0] }\"\n      ></ng-container>\n      }\n      <ng-template #textBoxTemplate let-item>\n        <ax-datetime-box\n          [(ngModel)]=\"item.value\"\n          (onValueChanged)=\"handleValueChange($event, item.id)\"\n          [format]=\"calendarFormat\"\n          [minValue]=\"minValue\"\n          [maxValue]=\"maxValue\"\n          [placeholder]=\"prop.description\"\n          [class]=\"multiple ? 'ax-col-start-1 ax-col-end-11 lg:ax-col-end-12' : 'ax-col-start-1 ax-col-end-13'\"\n        >\n            @for(vl of validations;track $index) {\n            <ax-validation-rule  [rule]=\"vl.rule\" [options]=\"vl.options\"></ax-validation-rule>\n            }\n          <ax-clear-button></ax-clear-button>\n        </ax-datetime-box>\n        @if(multiple){\n        <ax-button\n          look=\"twotone\"\n          color=\"danger\"\n          (onClick)=\"handleRemoveItem(item)\"\n          class=\" ax-col-start-11 lg:ax-col-start-12 ax-col-end-13 ax-justify-self-end\"\n        >\n          <ax-icon icon=\"fa-regular fa-xmark\"></ax-icon>\n        </ax-button>\n        }\n      </ng-template>\n      @if(multiple){\n      <ax-button\n        [text]=\"!convertedValue().length ? 'Add New' : 'Add Another'\"\n        look=\"twotone\"\n        (onClick)=\"handleAddItem()\"\n        class=\"ax-col-start-8 lg:ax-col-start-10 2xl:ax-col-start-10 ax-col-end-13\"\n      >\n        <ax-prefix>\n          <ax-icon class=\"fa-solid fa-add\"></ax-icon>\n        </ax-prefix>\n      </ax-button>\n      }\n    </div>\n  `,\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CommonModule, FormsModule, AXFormatModule, AXDateTimeBoxModule, AXDecoratorModule, AXButtonModule, AXFormModule],\n  inputs: ['multiple'],\n})\nexport class AXPDateTimeWidgetEditComponent extends AXPWidgetEditBase {\n  protected mockerService = inject(MockDataService);\n\n  public multiple!: boolean;\n  public autoSetToday!: boolean;\n\n\n  protected minValue: any;\n  protected maxValue: any;\n  protected format: string = 'dateTime';\n  protected calendarFormat!: string;\n  protected convertedValue: WritableSignal<{ value: Date | null; id: string }[]> = signal([]);\n\n  private changeValueEffect = effect(() => {\n    if (this.multiple) {\n      this.value = this.convertedValue().map((i) => i.value);\n    } else {\n      this.value = this.convertedValue().map((i) => i.value)[0];\n    }\n  });\n\n  ngOnInit(): void {\n    // ****** Set Format ******\n    if (this.format === 'date') this.calendarFormat = 'dd/MM/yyyy';\n    else if (this.format === 'time') this.calendarFormat = 'HH:mm';\n    else this.calendarFormat = 'dd/MM/yyyy HH:mm';\n    // ****** Set Value ******\n    if (!this.value || this.value?.length == 0) {\n      this.convertedValue.set([{ value: this.getInitValue(), id: this.mockerService.uid() }]);\n    } else if (Array.isArray(this.value)) {\n      this.convertedValue.set(this.value.map((item) => ({ value: item ? new Date(item) : this.getInitValue(), id: this.mockerService.uid() })));\n    } else {\n      this.convertedValue.set([{ value: this.value ? new Date(this.value) : this.getInitValue(), id: this.mockerService.uid() }]);\n    }\n  }\n\n  protected handleAddItem() {\n    this.convertedValue.update((prev) => [...prev, { value: this.getInitValue(), id: this.mockerService.uid() }]);\n  }\n\n  protected handleRemoveItem(item: any) {\n    this.convertedValue.update((prev) => prev.filter((c: any) => c != item));\n  }\n  protected handleValueChange(e: AXValueChangedEvent, id: string) {\n    if (e.isUserInteraction) {\n      this.convertedValue.update((prev) => prev.map((i) => (i.id === id ? { value: e.value, id: i.id } : i)));\n    }\n  }\n\n  private getInitValue(): Date | null {\n    return this.autoSetToday ? new Date() : null;\n  }\n}\n"],"names":["i4","i5","i6"],"mappings":"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"}

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

@@ -0,0 +1,234 @@
+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 '@acorex/platform/workflow';
+import '@acorex/components/dialog';
+import 'lodash-es';
+import 'dexie';
+import '@acorex/components/skeleton';
+import '@angular/cdk/portal';
+import '@acorex/components/data-table';
+import '@acorex/core/utils';
+import 'rxjs/operators';
+
+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.2.0", ngImport: i0, type: AXPDateTimeWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", 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", "holidayDates", "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", "textTemplate", "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.2.0", 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-CqddjYjP.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-common-dateTime-widget-filter.component-CqddjYjP.mjs","sources":["../../../../libs/platform/common/src/lib/schema/widgets/dateTime/dateTime-widget-filter.component.ts"],"sourcesContent":["import { AXValueChangedEvent } from '@acorex/components/common';\nimport { AXDateTimeBoxModule } from '@acorex/components/datetime-box';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXSelectBoxModule } from '@acorex/components/select-box';\nimport { AXCalendarService } from '@acorex/core/date-time';\nimport { AXFormatModule } from '@acorex/core/format';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, WritableSignal, effect, inject, signal } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXPWidgetFilterBase } from '../../widget/widget-base';\n\n@Component({\n  selector: 'axp-datetime-widget-filter',\n  template: `\n    <div class=\"ax-flex-1\">\n      <ax-select-box [ngModel]=\"selectedItem()\" placeholder=\"Select ...\" (onValueChanged)=\"changeSelectedItem($event)\" [dataSource]=\"dataSource\">\n      </ax-select-box>\n      @if(selectedItem()==\"Between\"){\n      <div class=\"ax-flex ax-gap-2 ax-mt-2\">\n        <ax-datetime-box\n          placeholder=\"From\"\n          [(ngModel)]=\"value.from\"\n          class=\"ax-col-start-1 ax-col-end-13 lg:ax-col-end-5 xl:ax-col-end-4 2xl:ax-col-end-3\"\n        >\n          <ax-clear-button></ax-clear-button>\n        </ax-datetime-box>\n        <ax-datetime-box\n          placeholder=\"To\"\n          [(ngModel)]=\"value.to\"\n          class=\"ax-col-start-1 ax-col-end-13 lg:ax-col-end-5 xl:ax-col-end-4 2xl:ax-col-end-3\"\n        >\n          <ax-clear-button></ax-clear-button>\n        </ax-datetime-box>\n      </div>\n      } @if(selectedItem()==\"Greater Than\" || selectedItem()==\"Less Than\"){\n      <div class=\"ax-mt-2\">\n        <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\">\n          <ax-clear-button></ax-clear-button>\n        </ax-datetime-box>\n      </div>\n      }\n    </div>\n  `,\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CommonModule, FormsModule, AXFormatModule, AXDateTimeBoxModule, AXDecoratorModule, AXSelectBoxModule],\n  outputs: ['valueChange', 'operatorChange'],\n  inputs: ['value', 'operator'],\n})\nexport class AXPDateTimeWidgetFilterComponent extends AXPWidgetFilterBase {\n  protected selectedItem: WritableSignal<string> = signal('');\n  dataSource: string[] = [];\n\n  private calendarService = inject(AXCalendarService);\n  private changeValueEffect = effect(() => {\n    this.getSelectedItemValue(this.selectedItem());\n  });\n\n  ngOnInit(): void {\n    if (this.operator == 'greaterThan' || this.operator == 'lessThan') {\n      this.selectedItem.set(this.convertToTitleCase(this.operator));\n    } else {\n      this.selectedItem.set(this.convertToTitleCase(this.value));\n    }\n    this.dataSource = [\n      'Today',\n      'This Week',\n      'This Month',\n      'Yesterday',\n      'Last Week',\n      'Last Month',\n      'Tomorrow',\n      'Next Week',\n      'Next Month',\n      'Between',\n      'Greater Than',\n      'Less Than',\n    ];\n  }\n\n  protected changeSelectedItem(e: AXValueChangedEvent) {\n    if (e.isUserInteraction) {\n      this.selectedItem.set(e.value);\n    }\n  }\n\n  protected getSelectedItemValue(itemTitle: string): void {\n    this.operator = 'between';\n    const currentDate = this.calendarService.now().date;\n    const calendar = this.calendarService.calendar;\n    switch (itemTitle) {\n      case 'Today':\n        this.value = {\n          from: calendar.startOf(currentDate, 'day').date,\n          to: calendar.endOf(currentDate, 'day').date,\n        };\n        break;\n      case 'This Week':\n        this.value = {\n          from: calendar.startOf(currentDate, 'week').date,\n          to: calendar.endOf(currentDate, 'week').date,\n        };\n        break;\n      case 'This Month':\n        this.value = {\n          from: calendar.startOf(currentDate, 'month').date,\n          to: calendar.endOf(currentDate, 'month').date,\n        };\n        break;\n      case 'Yesterday':\n        const yesterDay = calendar.add(currentDate, 'day', -1);\n        this.value = {\n          from: yesterDay.startOf('day').date,\n          to: yesterDay.endOf('day').date,\n        };\n        break;\n      case 'Last Week':\n        const lastWeek = calendar.add(currentDate, 'week', -1);\n        this.value = {\n          from: lastWeek.startOf('week').date,\n          to: lastWeek.endOf('week').date,\n        };\n        break;\n      case 'Last Month':\n        const lastMonth = calendar.add(currentDate, 'month', -1);\n        this.value = {\n          from: lastMonth.startOf('month').date,\n          to: lastMonth.endOf('month').date,\n        };\n        break;\n      case 'Tomorrow':\n        const tomorrow = calendar.add(currentDate, 'day', 1);\n        this.value = {\n          from: tomorrow.startOf('day').date,\n          to: tomorrow.endOf('day').date,\n        };\n        break;\n      case 'Next Week':\n        const nextWeek = calendar.add(currentDate, 'week', 1);\n        this.value = {\n          from: nextWeek.startOf('week').date,\n          to: nextWeek.endOf('week').date,\n        };\n        break;\n      case 'Next Month':\n        const nextMonth = calendar.add(currentDate, 'month', -1);\n        this.value = {\n          from: nextMonth.startOf('month').date,\n          to: nextMonth.endOf('month').date,\n        };\n        break;\n      case 'Between':\n        this.value = {\n          from: '',\n          to: '',\n        };\n        break;\n      case 'Greater Than':\n        this.operator = 'greaterThan';\n        break;\n      case 'Less Than':\n        this.operator = 'lessThan';\n        break;\n      default:\n        break;\n    }\n  }\n  protected convertToTitleCase(str: string) {\n    return str\n      .replace(/[A-Z]/g, (match) => ` ${match}`)\n      .trim()\n      .replace(/^\\w/, (match) => match.toUpperCase())\n      .replace(/\\b\\w/g, (match) => match.toUpperCase());\n  }\n}\n"],"names":["i1","i2","i3","i4"],"mappings":"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"}