@acorex/platform 20.3.0-next.13 → 20.3.0-next.14

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

@@ -91,7 +91,7 @@ import * as i1$e from '@acorex/components/qrcode';
 import { AXQrcodeModule } from '@acorex/components/qrcode';
 import { AXColorUtil } from '@acorex/core/utils';
 import { AXTimeDurationFormatter, AXCalendarService } from '@acorex/core/date-time';
-import * as i2$7 from '@acorex/components/time-duration';
+import * as i3$8 from '@acorex/components/time-duration';
 import { AXTimeDurationModule } from '@acorex/components/time-duration';
 import * as i1$f from '@acorex/components/collapse';
 import { AXCollapseModule } from '@acorex/components/collapse';
@@ -2100,6 +2100,7 @@ class AXPDateTimeBoxWidgetColumnComponent extends AXPColumnWidgetComponent {
         this.settingService = inject(AXPSettingService);
         this.convertedValue = signal(this.rawValue, ...(ngDevMode ? [{ debugName: "convertedValue" }] : []));
         this.multiple = this.options['multiple'] || false;
+        this.dateMode = computed(() => this.options['mode'] || 'short', ...(ngDevMode ? [{ debugName: "dateMode" }] : []));
         this.format = computed(() => {
             const rawValue = this.options['format'];
             if (typeof rawValue == 'string')
@@ -2129,13 +2130,13 @@ class AXPDateTimeBoxWidgetColumnComponent extends AXPColumnWidgetComponent {
     async handleFormat(value) {
         let mode = '';
         if (this.format() == 'date') {
-            mode = await this.settingService.get('regional:short-date');
+            mode = await this.settingService.get(`regional:${this.dateMode()}-date`);
         }
         else if (this.format() == 'time') {
-            mode = await this.settingService.get('regional:short-time');
+            mode = await this.settingService.get(`regional:${this.dateMode()}-time`);
         }
         else if (this.format() == 'datetime') {
-            mode = `${await this.settingService.get('regional:short-date')} ${await this.settingService.get('regional:short-time')}`;
+            mode = `${await this.settingService.get(`regional:${this.dateMode()}-date`)} ${await this.settingService.get(`regional:${this.dateMode()}-time`)}`;
         }
         return value
             ? this.formatter.format(new Date(value), this.format(), {
@@ -2176,6 +2177,7 @@ class AXPDateTimeBoxWidgetEditComponent extends AXPValueWidgetComponent {
         this.settingService = inject(AXPSettingService);
         this.multiple = computed(() => this.options()['multiple'], ...(ngDevMode ? [{ debugName: "multiple" }] : []));
         this.clearButton = computed(() => this.options()['clearButton'], ...(ngDevMode ? [{ debugName: "clearButton" }] : []));
+        this.dateMode = computed(() => this.options()['mode'] || 'short', ...(ngDevMode ? [{ debugName: "dateMode" }] : []));
         this.format = computed(() => {
             const rawValue = this.options()['format'];
             if (typeof rawValue == 'string')
@@ -2195,13 +2197,13 @@ class AXPDateTimeBoxWidgetEditComponent extends AXPValueWidgetComponent {
         this.#effect = effect(async () => {
             let mode = '';
             if (this.format() == 'date') {
-                mode = await this.settingService.get('regional:short-date');
+                mode = await this.settingService.get(`regional:${this.dateMode()}-date`);
             }
             else if (this.format() == 'time') {
-                mode = await this.settingService.get('regional:short-time');
+                mode = await this.settingService.get(`regional:${this.dateMode()}-time`);
             }
             else if (this.format() == 'datetime') {
-                mode = `${await this.settingService.get('regional:short-date')} ${await this.settingService.get('regional:short-time')}`;
+                mode = `${await this.settingService.get(`regional:${this.dateMode()}-date`)} ${await this.settingService.get(`regional:${this.dateMode()}-time`)}`;
             }
             this.calendarFormat.set(mode);
         }, ...(ngDevMode ? [{ debugName: "#effect" }] : []));
@@ -2347,6 +2349,7 @@ class AXPDateTimeBoxWidgetViewComponent extends AXPValueWidgetComponent {
         this.formatter = inject(AXFormatService);
         this.settingService = inject(AXPSettingService);
         this.multiple = computed(() => this.options()['multiple'], ...(ngDevMode ? [{ debugName: "multiple" }] : []));
+        this.dateMode = computed(() => this.options()['mode'] || 'short', ...(ngDevMode ? [{ debugName: "dateMode" }] : []));
         this.convertedValue = signal(null, ...(ngDevMode ? [{ debugName: "convertedValue" }] : []));
         this.format = computed(() => {
             const rawValue = this.options()['format'];
@@ -2377,13 +2380,13 @@ class AXPDateTimeBoxWidgetViewComponent extends AXPValueWidgetComponent {
     async handleFormat(value) {
         let mode = '';
         if (this.format() == 'date') {
-            mode = await this.settingService.get('regional:short-date');
+            mode = await this.settingService.get(`regional:${this.dateMode()}-date`);
         }
         else if (this.format() == 'time') {
-            mode = await this.settingService.get('regional:short-time');
+            mode = await this.settingService.get(`regional:${this.dateMode()}-time`);
         }
         else if (this.format() == 'datetime') {
-            mode = `${await this.settingService.get('regional:short-date')} ${await this.settingService.get('regional:short-time')}`;
+            mode = `${await this.settingService.get(`regional:${this.dateMode()}-date`)} ${await this.settingService.get(`regional:${this.dateMode()}-time`)}`;
         }
         return value
             ? this.formatter.format(new Date(value), this.format(), {
@@ -16481,6 +16484,9 @@ class AXPListToolbarWidgetViewComponent extends AXPValueWidgetComponent {
         this.initialFilters = computed(() => this.getValue()?.filters || [], ...(ngDevMode ? [{ debugName: "initialFilters" }] : []));
         this.initialColumns = computed(() => this.getValue()?.columns ?? [], ...(ngDevMode ? [{ debugName: "initialColumns" }] : []));
         this.initialSorts = computed(() => this.getValue()?.sorts ?? [], ...(ngDevMode ? [{ debugName: "initialSorts" }] : []));
+        this.eff = effect(() => {
+            console.log('options:', this.options());
+        }, ...(ngDevMode ? [{ debugName: "eff" }] : []));
     }
     //actions
     onFiltersChanged(filters) {
@@ -16699,7 +16705,7 @@ class AXPTimerDurationWidgetEditComponent extends AXPValueWidgetComponent {
         this.setValue(e.value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: AXPTimerDurationWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: AXPTimerDurationWidgetEditComponent, isStandalone: true, selector: "axp-time-duration-widget-edit", usesInheritance: true, ngImport: i0, template: `<ax-time-duration
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", type: AXPTimerDurationWidgetEditComponent, isStandalone: true, selector: "axp-time-duration-widget-edit", usesInheritance: true, ngImport: i0, template: `<ax-time-duration
     [ngModel]="getValue()"
     (onValueChanged)="handleChangeValue($event)"
     [valueStart]="from()"
@@ -16707,7 +16713,14 @@ class AXPTimerDurationWidgetEditComponent extends AXPValueWidgetComponent {
     [label]="label()"
     [disabled]="disabled()"
   >
-  </ax-time-duration>`, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXTimeDurationModule }, { kind: "component", type: i2$7.AXTimeDurationComponent, selector: "ax-time-duration", inputs: ["disabled", "tabIndex", "readonly", "look", "valueStart", "valueEnd", "label", "maskDigits"], outputs: ["onValueChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    @for (validation of validationRules(); track $index) {
+      <ax-validation-rule
+        [rule]="validation.rule"
+        [message]="validation.options?.message"
+        [options]="validation.options"
+      ></ax-validation-rule>
+    }
+  </ax-time-duration>`, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i3$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "ngmodule", type: AXTimeDurationModule }, { kind: "component", type: i3$8.AXTimeDurationComponent, selector: "ax-time-duration", inputs: ["disabled", "tabIndex", "readonly", "look", "valueStart", "valueEnd", "label", "maskDigits"], outputs: ["onValueChanged"] }, { kind: "ngmodule", type: AXValidationModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: AXPTimerDurationWidgetEditComponent, decorators: [{
             type: Component,
@@ -16721,9 +16734,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImpor
     [label]="label()"
     [disabled]="disabled()"
   >
+    @for (validation of validationRules(); track $index) {
+      <ax-validation-rule
+        [rule]="validation.rule"
+        [message]="validation.options?.message"
+        [options]="validation.options"
+      ></ax-validation-rule>
+    }
   </ax-time-duration>`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [FormsModule, AXTimeDurationModule],
+                    imports: [FormsModule, AXFormModule, AXTimeDurationModule, AXValidationModule],
                 }]
         }] });
 
@@ -17740,7 +17760,7 @@ var fieldsetWidgetDesigner_component = /*#__PURE__*/Object.freeze({
 class AXPFieldsetWidgetViewComponent extends AXPLayoutBaseWidgetComponent {
     constructor() {
         super(...arguments);
-        this.title = computed(() => this.options()['title'] || 'Fieldset', ...(ngDevMode ? [{ debugName: "title" }] : []));
+        this.title = computed(() => this.options()['title'] || '', ...(ngDevMode ? [{ debugName: "title" }] : []));
         this.description = computed(() => this.options()['description'], ...(ngDevMode ? [{ debugName: "description" }] : []));
         this.icon = computed(() => this.options()['icon'] || '', ...(ngDevMode ? [{ debugName: "icon" }] : []));
         this.collapsible = computed(() => this.options()['collapsible'] || false, ...(ngDevMode ? [{ debugName: "collapsible" }] : []));