@acorex/platform 21.0.0-next.3 → 21.0.0-next.5

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

@@ -22396,10 +22396,12 @@ class AXPTimeDurationWidgetColumnComponent extends AXPColumnWidgetComponent {
         this.timeDurationFormatter = inject(AXTimeDurationFormatter);
         this.from = this.options['from'].title;
         this.to = this.options['to'].title;
+        this.label = this.options['label'];
+        this.maskDigits = this.options['maskDigits'];
         this.internalValue = signal('', ...(ngDevMode ? [{ debugName: "internalValue" }] : []));
     }
     async ngAfterViewInit() {
-        this.internalValue.set(await this.timeDurationFormatter.millisecondsToMask(this.rawValue, this.from, this.to, false, '00:00:00:00:00:00:00:000', true));
+        this.internalValue.set(await this.timeDurationFormatter.millisecondsToMask(this.rawValue, this.from, this.to, this.label, this.maskDigits || '00:00:00:00:00:00:00:000', true));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPTimeDurationWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: AXPTimeDurationWidgetColumnComponent, isStandalone: true, selector: "axp-time-duration-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `{{ internalValue() }}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -22428,6 +22430,7 @@ class AXPTimerDurationWidgetEditComponent extends AXPValueWidgetComponent {
         this.to = computed(() => this.options()['to'].title, ...(ngDevMode ? [{ debugName: "to" }] : []));
         this.minValue = computed(() => this.options()['minValue'], ...(ngDevMode ? [{ debugName: "minValue" }] : []));
         this.maxValue = computed(() => this.options()['maxValue'], ...(ngDevMode ? [{ debugName: "maxValue" }] : []));
+        this.maskDigits = computed(() => this.options()['maskDigits'], ...(ngDevMode ? [{ debugName: "maskDigits" }] : []));
         this.label = computed(() => this.options()['label'] ?? false, ...(ngDevMode ? [{ debugName: "label" }] : []));
     }
     handleChangeValue(e) {
@@ -22444,6 +22447,7 @@ class AXPTimerDurationWidgetEditComponent extends AXPValueWidgetComponent {
     [minValue]="minValue()"
     [maxValue]="maxValue()"
     [disabled]="disabled()"
+    [maskDigits]="maskDigits()"
   >
     @for (validation of validationRules(); track $index) {
       <ax-validation-rule
@@ -22467,6 +22471,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
     [minValue]="minValue()"
     [maxValue]="maxValue()"
     [disabled]="disabled()"
+    [maskDigits]="maskDigits()"
   >
     @for (validation of validationRules(); track $index) {
       <ax-validation-rule
@@ -22494,7 +22499,8 @@ class AXPTimerDurationWidgetViewComponent extends AXPValueWidgetComponent {
         this.from = computed(() => this.options()['from'].title, ...(ngDevMode ? [{ debugName: "from" }] : []));
         this.to = computed(() => this.options()['to'].title, ...(ngDevMode ? [{ debugName: "to" }] : []));
         this.label = computed(() => this.options()['label'] ?? false, ...(ngDevMode ? [{ debugName: "label" }] : []));
-        this.internalValue = computed(() => this.timeDurationFormatter.millisecondsToMask(this.getValue(), this.from(), this.to(), this.label(), '00:00:00:00:00:00:00:000', true), ...(ngDevMode ? [{ debugName: "internalValue" }] : []));
+        this.maskDigits = computed(() => this.options()['maskDigits'], ...(ngDevMode ? [{ debugName: "maskDigits" }] : []));
+        this.internalValue = computed(() => this.timeDurationFormatter.millisecondsToMask(this.getValue(), this.from(), this.to(), this.label(), this.maskDigits() || '00:00:00:00:00:00:00:000', true), ...(ngDevMode ? [{ debugName: "internalValue" }] : []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPTimerDurationWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: AXPTimerDurationWidgetViewComponent, isStandalone: true, selector: "axp-time-duration-widget-view", usesInheritance: true, ngImport: i0, template: `<p class="ax-text-muted">{{ internalValue() | async }}</p>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -23727,12 +23733,12 @@ class AXPFormFieldWidgetViewComponent extends AXPGridItemBaseLayoutWidgetCompone
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPFormFieldWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: AXPFormFieldWidgetViewComponent, isStandalone: true, selector: "axp-form-field-widget-view", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
     <ax-form-field>
-      <div class="ax-flex ax-gap-1">
+      <div class="ax-flex ax-gap-1 ax-items-center">
         @if (showLabel()) {
           <ax-label [required]="isRequired()">{{ label() | translate | async }}</ax-label>
         }
         @if (badge()) {
-          <ax-badge [text]="badge()"></ax-badge>
+          <ax-badge [text]="badge()" color="primary"></ax-badge>
         }
       </div>
       @for (node of children(); track $index) {
@@ -23748,12 +23754,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
                     selector: 'axp-form-field-widget-view',
                     template: `
     <ax-form-field>
-      <div class="ax-flex ax-gap-1">
+      <div class="ax-flex ax-gap-1 ax-items-center">
         @if (showLabel()) {
           <ax-label [required]="isRequired()">{{ label() | translate | async }}</ax-label>
         }
         @if (badge()) {
-          <ax-badge [text]="badge()"></ax-badge>
+          <ax-badge [text]="badge()" color="primary"></ax-badge>
         }
       </div>
       @for (node of children(); track $index) {