@acorex-platform/framework-client 2.0.0-next.35 → 2.0.0-next.37

package/fesm2022/acorex-platform-framework-client-layout-widget-core.mjs

@@ -2868,7 +2868,7 @@ class AXPWidgetColumnRendererComponent extends AXDataTableColumnComponent {
     </ng-template>
     <ng-template #cell let-row>
       @if (expandHandler) {
-        <div class="ax-data-table-nested-indent w-full" [attr.data-level]="row.data?.__meta__?.level || 0">
+        <div class="ax-data-table-nested-indent flex h-full min-h-full w-full items-center" [attr.data-level]="row.data?.__meta__?.level || 0">
           @if (hasExpandableRow(row)) {
             <div (click)="handleExpandRow(row, $event)" class="ax-expand-handler" id="ax-expand-handler-container">
               @if (loadingRow() === row) {
@@ -2889,7 +2889,10 @@ class AXPWidgetColumnRendererComponent extends AXDataTableColumnComponent {
           }
         </div>
       } @else {
-        <div class="w-full min-w-0 max-w-full" [class.flex]="getCellUseFlexLayout()" [class.items-center]="getCellUseFlexLayout()" [style.justify-content]="getCellJustifyContent()">
+        <div
+          class="box-border flex h-full min-h-full w-full min-w-0 max-w-full items-center"
+          [style.justify-content]="getCellJustifyContent() ?? 'flex-start'"
+        >
           @if (component && row?.data) {
             <ng-container *ngComponentOutlet="component; injector: getRowInjector(row.data); inputs: getInputs(row.data)"></ng-container>
           }
@@ -2935,7 +2938,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
     </ng-template>
     <ng-template #cell let-row>
       @if (expandHandler) {
-        <div class="ax-data-table-nested-indent w-full" [attr.data-level]="row.data?.__meta__?.level || 0">
+        <div class="ax-data-table-nested-indent flex h-full min-h-full w-full items-center" [attr.data-level]="row.data?.__meta__?.level || 0">
           @if (hasExpandableRow(row)) {
             <div (click)="handleExpandRow(row, $event)" class="ax-expand-handler" id="ax-expand-handler-container">
               @if (loadingRow() === row) {
@@ -2956,7 +2959,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
           }
         </div>
       } @else {
-        <div class="w-full min-w-0 max-w-full" [class.flex]="getCellUseFlexLayout()" [class.items-center]="getCellUseFlexLayout()" [style.justify-content]="getCellJustifyContent()">
+        <div
+          class="box-border flex h-full min-h-full w-full min-w-0 max-w-full items-center"
+          [style.justify-content]="getCellJustifyContent() ?? 'flex-start'"
+        >
           @if (component && row?.data) {
             <ng-container *ngComponentOutlet="component; injector: getRowInjector(row.data); inputs: getInputs(row.data)"></ng-container>
           }
@@ -4728,10 +4734,10 @@ class AXPColumnTruncatedTextComponent {
         ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPColumnTruncatedTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPColumnTruncatedTextComponent, isStandalone: true, selector: "axp-column-truncated-text", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, emptyPlaceholder: { classPropertyName: "emptyPlaceholder", publicName: "emptyPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, showEmptyPlaceholder: { classPropertyName: "showEmptyPlaceholder", publicName: "showEmptyPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, showTooltip: { classPropertyName: "showTooltip", publicName: "showTooltip", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "block min-w-0 max-w-full" }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPColumnTruncatedTextComponent, isStandalone: true, selector: "axp-column-truncated-text", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, emptyPlaceholder: { classPropertyName: "emptyPlaceholder", publicName: "emptyPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, showEmptyPlaceholder: { classPropertyName: "showEmptyPlaceholder", publicName: "showEmptyPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, showTooltip: { classPropertyName: "showTooltip", publicName: "showTooltip", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "block h-full min-h-full min-w-0 w-full max-w-full flex-1" }, ngImport: i0, template: `
     @if (text(); as value) {
       <span
-        class="block min-w-0 max-w-full truncate"
+        class="block h-full min-h-full min-w-0 w-full max-w-full truncate"
         [class.text-end]="align() === 'end'"
         [class.text-center]="align() === 'center'"
         [attr.title]="showTooltip() ? value : null"
@@ -4747,12 +4753,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                     selector: 'axp-column-truncated-text',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     host: {
-                        class: 'block min-w-0 max-w-full',
+                        class: 'block h-full min-h-full min-w-0 w-full max-w-full flex-1',
                     },
                     template: `
     @if (text(); as value) {
       <span
-        class="block min-w-0 max-w-full truncate"
+        class="block h-full min-h-full min-w-0 w-full max-w-full truncate"
         [class.text-end]="align() === 'end'"
         [class.text-center]="align() === 'center'"
         [attr.title]="showTooltip() ? value : null"