@acorex/platform 20.6.0-next.4 → 20.6.0-next.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/fesm2022/acorex-platform-layout-widgets.mjs +58 -70
  2. package/fesm2022/acorex-platform-layout-widgets.mjs.map +1 -1
  3. package/package.json +1 -1
package/fesm2022/acorex-platform-layout-widgets.mjs CHANGED
@@ -6688,101 +6688,89 @@ class AXPToggleWidgetColumnComponent extends AXPColumnWidgetComponent {
6688
6688
  this.falsyText = this.options['falsyText'];
6689
6689
  }
6690
6690
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AXPToggleWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
6691
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: AXPToggleWidgetColumnComponent, isStandalone: true, selector: "axp-toggle-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `
6692
- @if (value() == null || value() == undefined) {
6693
- <!-- Null/Undefined state -->
6694
- @if (value() != null && value() != undefined) {
6695
- <span>{{ nullText | translate | async }}</span>
6691
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: AXPToggleWidgetColumnComponent, isStandalone: true, selector: "axp-toggle-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: ` <div>
6692
+ @if (this.rawValue === null || this.rawValue === undefined) {
6693
+ @if (nullText) {
6694
+ <span>{{ nullText }}</span>
6696
6695
  } @else {
6697
6696
  <span>---</span>
6698
6697
  }
6699
- } @else {
6700
- <!-- True state -->
6701
- @if (value() == true) {
6702
- @if (trulyText) {
6703
- <ax-badge
6704
- [text]="(trulyText | translate | async)!"
6705
- [color]="negative ? 'danger' : 'success'"
6706
- [look]="'twotone'"
6707
- >
6708
- </ax-badge>
6698
+ } @else if (this.rawValue) {
6699
+ @if (trulyText) {
6700
+ <ax-badge
6701
+ [text]="(trulyText | translate | async)!"
6702
+ [color]="negative ? 'danger' : 'success'"
6703
+ [look]="'twotone'"
6704
+ >
6705
+ </ax-badge>
6706
+ } @else {
6707
+ @if (negative) {
6708
+ <ax-icon class="fa-solid fa-xmark ax-text-danger-500"></ax-icon>
6709
6709
  } @else {
6710
- @if (negative) {
6711
- <ax-icon class="fa-solid fa-xmark ax-text-danger-500"></ax-icon>
6712
- } @else {
6713
- <ax-icon class="fa-solid fa-check ax-text-success"></ax-icon>
6714
- }
6710
+ <ax-icon class="fa-solid fa-check ax-text-success"></ax-icon>
6715
6711
  }
6716
6712
  }
6717
- <!-- False state -->
6718
- @else {
6719
- @if (falsyText) {
6720
- <ax-badge
6721
- [text]="(falsyText | translate | async)!"
6722
- [color]="negative ? 'success' : 'danger'"
6723
- [look]="'twotone'"
6724
- >
6725
- </ax-badge>
6713
+ } @else {
6714
+ @if (falsyText) {
6715
+ <ax-badge
6716
+ [text]="(falsyText | translate | async)!"
6717
+ [color]="negative ? 'success' : 'danger'"
6718
+ [look]="'twotone'"
6719
+ >
6720
+ </ax-badge>
6721
+ } @else {
6722
+ @if (negative) {
6723
+ <ax-icon class="fa-solid fa-check ax-text-success"></ax-icon>
6726
6724
  } @else {
6727
- @if (negative) {
6728
- <ax-icon class="fa-solid fa-check ax-text-success"></ax-icon>
6729
- } @else {
6730
- <ax-icon class="fa-solid fa-xmark ax-text-danger-500"></ax-icon>
6731
- }
6725
+ <ax-icon class="fa-solid fa-xmark ax-text-danger-500"></ax-icon>
6732
6726
  }
6733
6727
  }
6734
6728
  }
6735
- `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1$2.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
6729
+ </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1$2.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
6736
6730
  }
6737
6731
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AXPToggleWidgetColumnComponent, decorators: [{
6738
6732
  type: Component,
6739
6733
  args: [{
6740
6734
  selector: 'axp-toggle-widget-column',
6741
- template: `
6742
- @if (value() == null || value() == undefined) {
6743
- <!-- Null/Undefined state -->
6744
- @if (value() != null && value() != undefined) {
6745
- <span>{{ nullText | translate | async }}</span>
6735
+ template: ` <div>
6736
+ @if (this.rawValue === null || this.rawValue === undefined) {
6737
+ @if (nullText) {
6738
+ <span>{{ nullText }}</span>
6746
6739
  } @else {
6747
6740
  <span>---</span>
6748
6741
  }
6749
- } @else {
6750
- <!-- True state -->
6751
- @if (value() == true) {
6752
- @if (trulyText) {
6753
- <ax-badge
6754
- [text]="(trulyText | translate | async)!"
6755
- [color]="negative ? 'danger' : 'success'"
6756
- [look]="'twotone'"
6757
- >
6758
- </ax-badge>
6742
+ } @else if (this.rawValue) {
6743
+ @if (trulyText) {
6744
+ <ax-badge
6745
+ [text]="(trulyText | translate | async)!"
6746
+ [color]="negative ? 'danger' : 'success'"
6747
+ [look]="'twotone'"
6748
+ >
6749
+ </ax-badge>
6750
+ } @else {
6751
+ @if (negative) {
6752
+ <ax-icon class="fa-solid fa-xmark ax-text-danger-500"></ax-icon>
6759
6753
  } @else {
6760
- @if (negative) {
6761
- <ax-icon class="fa-solid fa-xmark ax-text-danger-500"></ax-icon>
6762
- } @else {
6763
- <ax-icon class="fa-solid fa-check ax-text-success"></ax-icon>
6764
- }
6754
+ <ax-icon class="fa-solid fa-check ax-text-success"></ax-icon>
6765
6755
  }
6766
6756
  }
6767
- <!-- False state -->
6768
- @else {
6769
- @if (falsyText) {
6770
- <ax-badge
6771
- [text]="(falsyText | translate | async)!"
6772
- [color]="negative ? 'success' : 'danger'"
6773
- [look]="'twotone'"
6774
- >
6775
- </ax-badge>
6757
+ } @else {
6758
+ @if (falsyText) {
6759
+ <ax-badge
6760
+ [text]="(falsyText | translate | async)!"
6761
+ [color]="negative ? 'success' : 'danger'"
6762
+ [look]="'twotone'"
6763
+ >
6764
+ </ax-badge>
6765
+ } @else {
6766
+ @if (negative) {
6767
+ <ax-icon class="fa-solid fa-check ax-text-success"></ax-icon>
6776
6768
  } @else {
6777
- @if (negative) {
6778
- <ax-icon class="fa-solid fa-check ax-text-success"></ax-icon>
6779
- } @else {
6780
- <ax-icon class="fa-solid fa-xmark ax-text-danger-500"></ax-icon>
6781
- }
6769
+ <ax-icon class="fa-solid fa-xmark ax-text-danger-500"></ax-icon>
6782
6770
  }
6783
6771
  }
6784
6772
  }
6785
- `,
6773
+ </div>`,
6786
6774
  changeDetection: ChangeDetectionStrategy.OnPush,
6787
6775
  imports: [CommonModule, AXDecoratorModule, AXBadgeModule, AXTranslationModule],
6788
6776
  inputs: ['rawValue', 'rowData'],