@acorex/platform 1.0.0

package/fesm2022/acorex-platform-layouts-signature-pad-widget-edit.component-W28Uk9zO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layouts-signature-pad-widget-edit.component-W28Uk9zO.mjs","sources":["../../../../libs/platform/layouts/src/lib/widgets/signature-pad/signature-pad-widget-edit.component.ts"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXImageModule } from '@acorex/components/image';\nimport { AXPWidgetEditBase } from '@acorex/platform/schema';\nimport { CommonModule } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  ViewChild,\n  WritableSignal,\n  effect,\n  signal,\n} from '@angular/core';\nimport SignaturePad from 'signature_pad';\n@Component({\n  template: `\n    <div class=\"ax-flex ax-gap-3\">\n      @if(editMode()){\n      <canvas width=\"300\" class=\"ax-border ax-rounded-md\" #padCanvas></canvas>\n      <div class=\"ax-flex ax-flex-col ax-col-span-1 ax-gap-3\">\n        <ax-button class=\"ax-sm\" (onClick)=\"downloadSVG()\" look=\"outline\" color=\"primary\">\n          <ax-icon class=\"fas fa-download\"></ax-icon>\n        </ax-button>\n        <ax-button class=\"ax-sm\" (onClick)=\"undo()\" look=\"outline\" color=\"primary\">\n          <ax-icon class=\"fas fa-rotate-left\"></ax-icon>\n        </ax-button>\n        <ax-button class=\"ax-sm\" (onClick)=\"clear()\" look=\"outline\" color=\"danger\">\n          <ax-icon class=\"fas fa-trash ax-text-danger\"></ax-icon>\n        </ax-button>\n      </div>\n      }@else{\n      <div class=\"ax-border ax-rounded\">\n        <ax-image [src]=\"value\">\n          <ax-overlay class=\"ax-flex ax-justify-center\">\n            <ax-button look=\"twotone\" color=\"primary\" (onClick)=\"switchEditMode()\">\n              <ax-icon class=\"far fa-edit\"> </ax-icon>\n            </ax-button>\n          </ax-overlay>\n        </ax-image>\n      </div>\n      }\n    </div>\n  `,\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CommonModule, AXButtonModule, AXDecoratorModule, AXImageModule],\n  inputs: [],\n})\nexport class AXPSignaturePadWidgetEditComponent extends AXPWidgetEditBase {\n  @ViewChild('padCanvas') padCanvas!: ElementRef<HTMLCanvasElement>;\n  protected signaturePad!: SignaturePad;\n  protected editMode: WritableSignal<boolean> = signal(false);\n\n  private changeModeEffect = effect(() => {\n    if (this.editMode()) {\n      setTimeout(() => {\n        this.initPad();\n      }, 100);\n    }\n  });\n\n  async ngOnInit() {\n    this.editMode.set(this.value ? false : true);\n  }\n\n  private getDataURL() {\n    return this.signaturePad.toDataURL('image/svg+xml');\n  }\n\n  async initPad() {\n    const pad = await import('signature_pad');\n    this.signaturePad = new pad.default(this.padCanvas.nativeElement, {});\n    this.signaturePad.addEventListener('afterUpdateStroke', () => {\n      this.value = this.getDataURL();\n    });\n  }\n\n  protected clear() {\n    this.signaturePad.clear();\n    this.value = this.getDataURL();\n  }\n\n  protected downloadSVG() {\n    const link = document.createElement('a');\n    link.href = this.getDataURL();\n    link.target = '_blank';\n    link.download = 'download';\n    link.click();\n  }\n\n  protected async switchEditMode() {\n    this.editMode.update((prev) => !prev);\n  }\n\n  protected undo() {\n    let data = this.signaturePad.toData();\n    if (data) {\n      data.pop();\n      this.signaturePad.fromData(data);\n      this.value = this.getDataURL();\n    }\n  }\n}\n"],"names":["i1","i3"],"mappings":"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"}

package/fesm2022/acorex-platform-layouts-signature-pad-widget-view.component-R40Ml757.mjs

@@ -0,0 +1,44 @@
+import * as i2 from '@acorex/components/image';
+import { AXImageModule } from '@acorex/components/image';
+import { AXPWidgetBase } from '@acorex/platform/schema';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+
+class AXPSignaturePadWidgetViewComponent extends AXPWidgetBase {
+    render() {
+        const dataURL = this.context[this.prop.name];
+        this.src = dataURL;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPSignaturePadWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: AXPSignaturePadWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-w-72 ax-h-36 ax-border ax-rounded-md ax-flex ax-justify-center ax-items-center">
+      @if(src){
+      <ax-image [src]="src"></ax-image>
+      }@else{
+      <span>Not Set!</span>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXImageModule }, { kind: "component", type: i2.AXImageComponent, selector: "ax-image", inputs: ["overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPSignaturePadWidgetViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    <div class="ax-w-72 ax-h-36 ax-border ax-rounded-md ax-flex ax-justify-center ax-items-center">
+      @if(src){
+      <ax-image [src]="src"></ax-image>
+      }@else{
+      <span>Not Set!</span>
+      }
+    </div>
+  `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, AXImageModule],
+                    inputs: [],
+                }]
+        }] });
+
+export { AXPSignaturePadWidgetViewComponent };
+//# sourceMappingURL=acorex-platform-layouts-signature-pad-widget-view.component-R40Ml757.mjs.map

package/fesm2022/acorex-platform-layouts-signature-pad-widget-view.component-R40Ml757.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layouts-signature-pad-widget-view.component-R40Ml757.mjs","sources":["../../../../libs/platform/layouts/src/lib/widgets/signature-pad/signature-pad-widget-view.component.ts"],"sourcesContent":["import { AXImageModule } from '@acorex/components/image';\nimport { AXPWidgetBase } from '@acorex/platform/schema';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\n@Component({\n  template: `\n    <div class=\"ax-w-72 ax-h-36 ax-border ax-rounded-md ax-flex ax-justify-center ax-items-center\">\n      @if(src){\n      <ax-image [src]=\"src\"></ax-image>\n      }@else{\n      <span>Not Set!</span>\n      }\n    </div>\n  `,\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CommonModule, AXImageModule],\n  inputs: [],\n})\nexport class AXPSignaturePadWidgetViewComponent extends AXPWidgetBase {\n  protected src: any;\n\n  override render() {\n    const dataURL = this.context[this.prop.name];\n    this.src = dataURL;\n  }\n}\n"],"names":["i1"],"mappings":";;;;;;;AAmBM,MAAO,kCAAmC,SAAQ,aAAa,CAAA;IAG1D,MAAM,GAAA;AACb,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC7C,QAAA,IAAI,CAAC,GAAG,GAAG,OAAO,CAAC;KACpB;8GANU,kCAAkC,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAlC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kCAAkC,EAdnC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;GAQT,EAGS,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,8BAAE,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,KAAA,EAAA,KAAA,EAAA,UAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAG1B,kCAAkC,EAAA,UAAA,EAAA,CAAA;kBAf9C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;AAQT,EAAA,CAAA;AACD,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC;AACtC,oBAAA,MAAM,EAAE,EAAE;AACX,iBAAA,CAAA;;;;;"}

package/fesm2022/acorex-platform-layouts-string-widget-filter.component-4oZ6BVis.mjs

@@ -0,0 +1,128 @@
+import * as i4$1 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i3 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i5 from '@acorex/components/popover';
+import { AXPopoverModule } from '@acorex/components/popover';
+import { AXSelectBoxModule } from '@acorex/components/select-box';
+import * as i4$2 from '@acorex/components/selection-list';
+import { AXSelectionListModule } from '@acorex/components/selection-list';
+import * as i4 from '@acorex/components/text-box';
+import { AXTextBoxModule } from '@acorex/components/text-box';
+import { AXPWidgetFilterBase } from '@acorex/platform/schema';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+
+class AXPStringWidgetFilterComponent extends AXPWidgetFilterBase {
+    constructor() {
+        super(...arguments);
+        this.operations = [];
+    }
+    getOperatorHasValue() {
+        const operator = this.operations.find((op) => op.name == this.operator);
+        return !operator || operator.hasValue ? true : false;
+    }
+    render() {
+        this.operations = this.schema.filterOptions.operators;
+    }
+    ngOnInit() {
+        this.clearValue();
+    }
+    clearValue() {
+        if (!this.getOperatorHasValue())
+            this.value = '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPStringWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: AXPStringWidgetFilterComponent, isStandalone: true, selector: "axp-string-widget-filter", inputs: { value: "value", operator: "operator" }, outputs: { valueChange: "valueChange", operatorChange: "operatorChange" }, usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-flex ax-items-center">
+      <ax-text-box class="ax-flex-1" [disabled]="!this.getOperatorHasValue()" [(ngModel)]="value">
+        <ax-clear-button></ax-clear-button>
+      </ax-text-box>
+      @if(operations.length){
+      <ax-button #changeOperator look="blank" color="default" class="ax-sm">
+        <ax-icon class="fa-solid fa-ellipsis-vertical"></ax-icon>
+      </ax-button>
+      <ax-popover
+        #operatorsPopover
+        [target]="changeOperator"
+        [openOn]="'toggle'"
+        [closeOn]="'clickOut'"
+        [adaptivityEnabled]="true"
+      >
+        <div
+          class="ax-max-h-max ax-overflow-auto ax-bg-surface ax-py-5 ax-px-3 ax-border ax-border-default ax-rounded-md ax-shadow-md ax-w-full ax-min-w-[250px]"
+        >
+          <ax-selection-list
+            class=""
+            [valueField]="'name'"
+            [textField]="'title'"
+            [(ngModel)]="operator"
+            (ngModelChange)="operatorsPopover.close(); clearValue()"
+            [direction]="'vertical'"
+            [items]="operations"
+            [multiple]="false"
+          ></ax-selection-list>
+        </div>
+      </ax-popover>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i4.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { 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: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i4$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i5.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXSelectionListModule }, { kind: "component", type: i4$2.AXSelectionListComponent, selector: "ax-selection-list", inputs: ["id", "name", "disabled", "readonly", "tabIndex", "size", "value", "valueField", "textField", "hintField", "disabledField", "readonlyField", "multiple", "direction", "customTemplate", "showControl", "items", "look"], outputs: ["onValueChanged", "onBlur", "onFocus"] }, { kind: "ngmodule", type: AXSelectBoxModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPStringWidgetFilterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-string-widget-filter',
+                    template: `
+    <div class="ax-flex ax-items-center">
+      <ax-text-box class="ax-flex-1" [disabled]="!this.getOperatorHasValue()" [(ngModel)]="value">
+        <ax-clear-button></ax-clear-button>
+      </ax-text-box>
+      @if(operations.length){
+      <ax-button #changeOperator look="blank" color="default" class="ax-sm">
+        <ax-icon class="fa-solid fa-ellipsis-vertical"></ax-icon>
+      </ax-button>
+      <ax-popover
+        #operatorsPopover
+        [target]="changeOperator"
+        [openOn]="'toggle'"
+        [closeOn]="'clickOut'"
+        [adaptivityEnabled]="true"
+      >
+        <div
+          class="ax-max-h-max ax-overflow-auto ax-bg-surface ax-py-5 ax-px-3 ax-border ax-border-default ax-rounded-md ax-shadow-md ax-w-full ax-min-w-[250px]"
+        >
+          <ax-selection-list
+            class=""
+            [valueField]="'name'"
+            [textField]="'title'"
+            [(ngModel)]="operator"
+            (ngModelChange)="operatorsPopover.close(); clearValue()"
+            [direction]="'vertical'"
+            [items]="operations"
+            [multiple]="false"
+          ></ax-selection-list>
+        </div>
+      </ax-popover>
+      }
+    </div>
+  `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [
+                        AXTextBoxModule,
+                        FormsModule,
+                        AXDecoratorModule,
+                        AXButtonModule,
+                        AXPopoverModule,
+                        AXSelectionListModule,
+                        AXSelectBoxModule,
+                    ],
+                    outputs: ['valueChange', 'operatorChange'],
+                    inputs: ['value', 'operator'],
+                }]
+        }] });
+
+export { AXPStringWidgetFilterComponent };
+//# sourceMappingURL=acorex-platform-layouts-string-widget-filter.component-4oZ6BVis.mjs.map

package/fesm2022/acorex-platform-layouts-string-widget-filter.component-4oZ6BVis.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layouts-string-widget-filter.component-4oZ6BVis.mjs","sources":["../../../../libs/platform/layouts/src/lib/widgets/common-widget-filter/string-widget-filter.component.ts"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXPopoverModule } from '@acorex/components/popover';\nimport { AXSelectBoxModule } from '@acorex/components/select-box';\nimport { AXSelectionListModule } from '@acorex/components/selection-list';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\nimport { AXPFilterOperator, AXPWidgetFilterBase } from '@acorex/platform/schema';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\n@Component({\n  selector: 'axp-string-widget-filter',\n  template: `\n    <div class=\"ax-flex ax-items-center\">\n      <ax-text-box class=\"ax-flex-1\" [disabled]=\"!this.getOperatorHasValue()\" [(ngModel)]=\"value\">\n        <ax-clear-button></ax-clear-button>\n      </ax-text-box>\n      @if(operations.length){\n      <ax-button #changeOperator look=\"blank\" color=\"default\" class=\"ax-sm\">\n        <ax-icon class=\"fa-solid fa-ellipsis-vertical\"></ax-icon>\n      </ax-button>\n      <ax-popover\n        #operatorsPopover\n        [target]=\"changeOperator\"\n        [openOn]=\"'toggle'\"\n        [closeOn]=\"'clickOut'\"\n        [adaptivityEnabled]=\"true\"\n      >\n        <div\n          class=\"ax-max-h-max ax-overflow-auto ax-bg-surface ax-py-5 ax-px-3 ax-border ax-border-default ax-rounded-md ax-shadow-md ax-w-full ax-min-w-[250px]\"\n        >\n          <ax-selection-list\n            class=\"\"\n            [valueField]=\"'name'\"\n            [textField]=\"'title'\"\n            [(ngModel)]=\"operator\"\n            (ngModelChange)=\"operatorsPopover.close(); clearValue()\"\n            [direction]=\"'vertical'\"\n            [items]=\"operations\"\n            [multiple]=\"false\"\n          ></ax-selection-list>\n        </div>\n      </ax-popover>\n      }\n    </div>\n  `,\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    AXTextBoxModule,\n    FormsModule,\n    AXDecoratorModule,\n    AXButtonModule,\n    AXPopoverModule,\n    AXSelectionListModule,\n    AXSelectBoxModule,\n  ],\n  outputs: ['valueChange', 'operatorChange'],\n  inputs: ['value', 'operator'],\n})\nexport class AXPStringWidgetFilterComponent extends AXPWidgetFilterBase<string | boolean> {\n  operations: AXPFilterOperator[] = [];\n\n  protected getOperatorHasValue(): boolean {\n    const operator = this.operations.find((op) => op.name == this.operator);\n    return !operator || operator.hasValue ? true : false;\n  }\n\n  override render() {\n    this.operations = this.schema.filterOptions.operators;\n  }\n\n  ngOnInit(): void {\n    this.clearValue();\n  }\n\n  clearValue() {\n    if (!this.getOperatorHasValue()) this.value = '';\n  }\n}\n"],"names":["i1","i4","i6"],"mappings":"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"}

package/fesm2022/acorex-platform-layouts-text-widget-column.component-qhh6MT79.mjs

@@ -0,0 +1,50 @@
+import { AXPWidgetBase } from '@acorex/platform/schema';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+
+class AXPTextWidgetColumnComponent extends AXPWidgetBase {
+    render() {
+        const rawValue = this.context[this.prop.name];
+        if (rawValue == null) {
+            this.convertedValue = null;
+            return;
+        }
+        if (this.isArray(rawValue)) {
+            if (this.multiple) {
+                this.convertedValue = rawValue.map((value) => this.formatValue(value)).join(',');
+            }
+            else {
+                this.convertedValue = this.formatValue(rawValue[0]);
+            }
+        }
+        else {
+            this.convertedValue = this.formatValue(rawValue);
+        }
+    }
+    formatValue(value) {
+        if (this.formats?.default) {
+            return this.formatService.format(value, this.schema.dataType, this.formats.default);
+        }
+        else {
+            return new String(value).toString();
+        }
+    }
+    isArray(val) {
+        return Array.isArray(val);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPTextWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: AXPTextWidgetColumnComponent, isStandalone: true, selector: "axp-text-widget-column", inputs: { context: "context", value: "value", multiple: "multiple", width: "width" }, usesInheritance: true, ngImport: i0, template: ` <span [title]="convertedValue">{{ convertedValue }}</span> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPTextWidgetColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-text-widget-column',
+                    template: ` <span [title]="convertedValue">{{ convertedValue }}</span> `,
+                    standalone: true,
+                    inputs: ['context', 'value', 'multiple', 'width'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+export { AXPTextWidgetColumnComponent };
+//# sourceMappingURL=acorex-platform-layouts-text-widget-column.component-qhh6MT79.mjs.map

package/fesm2022/acorex-platform-layouts-text-widget-column.component-qhh6MT79.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layouts-text-widget-column.component-qhh6MT79.mjs","sources":["../../../../libs/platform/layouts/src/lib/widgets/text/text-widget-column.component.ts"],"sourcesContent":["import { AXPWidgetBase } from '@acorex/platform/schema';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  selector: 'axp-text-widget-column',\n  template: ` <span [title]=\"convertedValue\">{{ convertedValue }}</span> `,\n  standalone: true,\n  inputs: ['context', 'value', 'multiple', 'width'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXPTextWidgetColumnComponent extends AXPWidgetBase {\n  protected convertedValue!: string | string[] | null;\n  protected multiple!: boolean;\n\n  override render() {\n    const rawValue = this.context[this.prop.name];\n    if (rawValue == null) {\n      this.convertedValue = null;\n      return;\n    }\n    if (this.isArray(rawValue)) {\n      if (this.multiple) {\n        this.convertedValue = rawValue.map((value: string) => this.formatValue(value)).join(',');\n      } else {\n        this.convertedValue = this.formatValue(rawValue[0]);\n      }\n    } else {\n      this.convertedValue = this.formatValue(rawValue);\n    }\n  }\n\n  private formatValue(value: string): string {\n    if (this.formats?.default) {\n      return this.formatService.format(value, this.schema.dataType as any, this.formats.default);\n    } else {\n      return new String(value).toString();\n    }\n  }\n\n  protected isArray(val: any) {\n    return Array.isArray(val);\n  }\n}\n"],"names":[],"mappings":";;;;AAUM,MAAO,4BAA6B,SAAQ,aAAa,CAAA;IAIpD,MAAM,GAAA;AACb,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC9C,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,IAAI,CAAC,QAAQ,EAAE;gBACjB,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAa,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aAC1F;iBAAM;AACL,gBAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;aACrD;SACF;aAAM;YACL,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;SAClD;KACF;AAEO,IAAA,WAAW,CAAC,KAAa,EAAA;AAC/B,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE;YACzB,OAAO,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,QAAe,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;SAC5F;aAAM;YACL,OAAO,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,CAAC;SACrC;KACF;AAES,IAAA,OAAO,CAAC,GAAQ,EAAA;AACxB,QAAA,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;KAC3B;8GA/BU,4BAA4B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,+LAL7B,CAA8D,4DAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAK7D,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAPxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,QAAQ,EAAE,CAA8D,4DAAA,CAAA;AACxE,oBAAA,UAAU,EAAE,IAAI;oBAChB,MAAM,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,CAAC;oBACjD,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA,CAAA;;;;;"}

package/fesm2022/acorex-platform-layouts-text-widget-edit.component-TC127Dq8.mjs

@@ -0,0 +1,165 @@
+import * as i4$1 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i3$1 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i3 from '@acorex/components/form';
+import { AXFormModule } from '@acorex/components/form';
+import * as i4 from '@acorex/components/text-box';
+import { AXTextBoxModule } from '@acorex/components/text-box';
+import { AXValidationService, AXValidationModule } from '@acorex/core/validation';
+import { MockDataService } from '@acorex/platform/mocks';
+import { AXPWidgetEditBase } from '@acorex/platform/schema';
+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';
+
+class AXPTextWidgetEditComponent extends AXPWidgetEditBase {
+    constructor() {
+        super(...arguments);
+        this.validationService = inject(AXValidationService);
+        this.mockerService = inject(MockDataService);
+        this.convertedValue = signal([]);
+        this.changeValueEffect = effect(() => {
+            if (this.multiple) {
+                this.value = this.convertedValue().map((i) => i.text);
+            }
+            else {
+                this.value = this.convertedValue().map((i) => i.text)[0];
+            }
+        });
+    }
+    ngOnInit() {
+        if (!this.value || this.value?.length == 0) {
+            this.convertedValue.set([{ text: '', id: this.mockerService.uid() }]);
+        }
+        if (Array.isArray(this.value)) {
+            this.convertedValue.set(this.value.map((item, index) => ({ text: item, id: this.mockerService.uid() })));
+        }
+        else {
+            this.convertedValue.set([{ text: this.value, id: this.mockerService.uid() }]);
+        }
+    }
+    handleAddItem() {
+        this.convertedValue.update((prev) => [...prev, { text: '', id: this.mockerService.uid() }]);
+    }
+    handleRemoveItem(item) {
+        this.convertedValue.update((prev) => prev.filter((c) => c.id != item.id));
+    }
+    handleValueChange(e, id) {
+        if (e.isUserInteraction) {
+            this.convertedValue.update((prev) => prev.map((i) => (i.id === id ? { text: e.value, id: i.id } : i)));
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPTextWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: AXPTextWidgetEditComponent, isStandalone: true, selector: "axp-text-widget-edit", 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>
+        <div [class]="multiple ? 'ax-col-start-1 ax-col-end-11 lg:ax-col-end-12' : 'ax-col-start-1 ax-col-end-13'">
+            <ax-text-box [(ngModel)]="item.text" (onValueChanged)="handleValueChange($event, item.id)">
+              <ax-clear-button></ax-clear-button>
+              @for(vl of validations;track $index) {
+              <ax-validation-rule  [rule]="vl.rule" [options]="vl.options"></ax-validation-rule>
+              }
+            </ax-text-box>
+        </div>
+        @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: AXTextBoxModule }, { kind: "component", type: i4.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { 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: AXFormModule }, { kind: "directive", type: i3.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }, { 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: AXValidationModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i4$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPTextWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-text-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>
+        <div [class]="multiple ? 'ax-col-start-1 ax-col-end-11 lg:ax-col-end-12' : 'ax-col-start-1 ax-col-end-13'">
+            <ax-text-box [(ngModel)]="item.text" (onValueChanged)="handleValueChange($event, item.id)">
+              <ax-clear-button></ax-clear-button>
+              @for(vl of validations;track $index) {
+              <ax-validation-rule  [rule]="vl.rule" [options]="vl.options"></ax-validation-rule>
+              }
+            </ax-text-box>
+        </div>
+        @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,
+                        AXTextBoxModule,
+                        FormsModule,
+                        AXFormModule,
+                        AXDecoratorModule,
+                        AXValidationModule,
+                        AXButtonModule,
+                    ],
+                }]
+        }] });
+
+export { AXPTextWidgetEditComponent };
+//# sourceMappingURL=acorex-platform-layouts-text-widget-edit.component-TC127Dq8.mjs.map

package/fesm2022/acorex-platform-layouts-text-widget-edit.component-TC127Dq8.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layouts-text-widget-edit.component-TC127Dq8.mjs","sources":["../../../../libs/platform/layouts/src/lib/widgets/text/text-widget-edit.component.ts"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXValueChangedEvent } from '@acorex/components/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\nimport { AXValidationModule, AXValidationService } from '@acorex/core/validation';\nimport { MockDataService } from '@acorex/platform/mocks';\nimport { AXPWidgetEditBase } from '@acorex/platform/schema';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, WritableSignal, effect, inject, signal } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\n@Component({\n  selector: 'axp-text-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        <div [class]=\"multiple ? 'ax-col-start-1 ax-col-end-11 lg:ax-col-end-12' : 'ax-col-start-1 ax-col-end-13'\">\n            <ax-text-box [(ngModel)]=\"item.text\" (onValueChanged)=\"handleValueChange($event, item.id)\">\n              <ax-clear-button></ax-clear-button>\n              @for(vl of validations;track $index) {\n              <ax-validation-rule  [rule]=\"vl.rule\" [options]=\"vl.options\"></ax-validation-rule>\n              }\n            </ax-text-box>\n        </div>\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: [\n    CommonModule,\n    AXTextBoxModule,\n    FormsModule,\n    AXFormModule,\n    AXDecoratorModule,\n    AXValidationModule,\n    AXButtonModule,\n  ],\n})\nexport class AXPTextWidgetEditComponent extends AXPWidgetEditBase {\n  protected validationService = inject(AXValidationService);\n  protected mockerService = inject(MockDataService);\n\n  protected multiple!: boolean;\n  protected validationMessage?: string | null;\n  protected convertedValue: WritableSignal<{ text: string; id: string }[]> = signal([]);\n\n  private changeValueEffect = effect(() => {\n    if (this.multiple) {\n      this.value = this.convertedValue().map((i) => i.text);\n    } else {\n      this.value = this.convertedValue().map((i) => i.text)[0];\n    }\n  });\n\n  ngOnInit(): void {\n    if (!this.value || this.value?.length == 0) {\n      this.convertedValue.set([{ text: '', id: this.mockerService.uid() }]);\n    }\n    if (Array.isArray(this.value)) {\n      this.convertedValue.set(this.value.map((item, index) => ({ text: item, id: this.mockerService.uid() })));\n    } else {\n      this.convertedValue.set([{ text: this.value, id: this.mockerService.uid() }]);\n    }\n  }\n\n  protected handleAddItem() {\n    this.convertedValue.update((prev) => [...prev, { text: '', id: this.mockerService.uid() }]);\n  }\n\n  protected handleRemoveItem(item: any) {\n    this.convertedValue.update((prev) => prev.filter((c: any) => c.id != item.id));\n  }\n\n  protected handleValueChange(e: AXValueChangedEvent, id: string) {\n    if (e.isUserInteraction) {\n      this.convertedValue.update((prev) => prev.map((i) => (i.id === id ? { text: e.value, id: i.id } : i)));\n    }\n  }\n}\n"],"names":["i2","i3","i4","i5","i6"],"mappings":"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"}

package/fesm2022/acorex-platform-layouts-text-widget-view.component-65eOj0qR.mjs

@@ -0,0 +1,69 @@
+import { AXPWidgetBase } from '@acorex/platform/schema';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+
+class AXPTextWidgetViewComponent extends AXPWidgetBase {
+    async render() {
+        const rawValue = this.context[this.prop.name];
+        if (rawValue == null) {
+            this.convertedValue = null;
+            return;
+        }
+        if (this.isArray(rawValue)) {
+            // if (this.multiple) {
+            this.convertedValue = rawValue.map((value) => this.formatValue(value));
+            // } else {
+            //   this.convertedValue = this.formatValue(rawValue[0].text);
+            // }
+        }
+        else {
+            this.convertedValue = this.formatValue(rawValue);
+        }
+    }
+    formatValue(value) {
+        if (this.formats?.default) {
+            return this.formatService.format(value, this.schema.dataType, this.formats.default);
+        }
+        else {
+            return new String(value).toString();
+        }
+    }
+    isArray(val) {
+        return Array.isArray(val);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPTextWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: AXPTextWidgetViewComponent, isStandalone: true, selector: "axp-text-widget-view", inputs: { context: "context", value: "value", multiple: "multiple" }, usesInheritance: true, ngImport: i0, template: `
+    @if(multiple && isArray(convertedValue)){
+    <div class="ax-flex ax-flex-col ax-gap-1">
+      @for(text of convertedValue; track $index){
+      <span>{{ text }}</span>
+      }
+    </div>
+    }@else{
+    <span>{{ convertedValue }}</span>
+    }
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPTextWidgetViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-text-widget-view',
+                    template: `
+    @if(multiple && isArray(convertedValue)){
+    <div class="ax-flex ax-flex-col ax-gap-1">
+      @for(text of convertedValue; track $index){
+      <span>{{ text }}</span>
+      }
+    </div>
+    }@else{
+    <span>{{ convertedValue }}</span>
+    }
+  `,
+                    standalone: true,
+                    inputs: ['context', 'value', 'multiple'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+export { AXPTextWidgetViewComponent };
+//# sourceMappingURL=acorex-platform-layouts-text-widget-view.component-65eOj0qR.mjs.map

package/fesm2022/acorex-platform-layouts-text-widget-view.component-65eOj0qR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layouts-text-widget-view.component-65eOj0qR.mjs","sources":["../../../../libs/platform/layouts/src/lib/widgets/text/text-widget-view.component.ts"],"sourcesContent":["import { AXPWidgetBase } from '@acorex/platform/schema';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  selector: 'axp-text-widget-view',\n  template: `\n    @if(multiple && isArray(convertedValue)){\n    <div class=\"ax-flex ax-flex-col ax-gap-1\">\n      @for(text of convertedValue; track $index){\n      <span>{{ text }}</span>\n      }\n    </div>\n    }@else{\n    <span>{{ convertedValue }}</span>\n    }\n  `,\n  standalone: true,\n  inputs: ['context', 'value', 'multiple'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXPTextWidgetViewComponent extends AXPWidgetBase {\n  protected convertedValue!: string | string[] | null;\n  protected multiple!: boolean;\n\n  override async render() {\n    const rawValue = this.context[this.prop.name];\n    if (rawValue == null) {\n      this.convertedValue = null;\n      return;\n    }\n    if (this.isArray(rawValue)) {\n      // if (this.multiple) {\n      this.convertedValue = rawValue.map((value: string) => this.formatValue(value));\n      // } else {\n      //   this.convertedValue = this.formatValue(rawValue[0].text);\n      // }\n    } else {\n      this.convertedValue = this.formatValue(rawValue);\n    }\n  }\n\n  private formatValue(value: string): string {\n    if (this.formats?.default) {\n      return this.formatService.format(value, this.schema.dataType as any, this.formats.default);\n    } else {\n      return new String(value).toString();\n    }\n  }\n\n  protected isArray(val: any) {\n    return Array.isArray(val);\n  }\n}\n"],"names":[],"mappings":";;;;AAoBM,MAAO,0BAA2B,SAAQ,aAAa,CAAA;AAIlD,IAAA,MAAM,MAAM,GAAA;AACnB,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC9C,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;;AAE1B,YAAA,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAa,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;;;;SAIhF;aAAM;YACL,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;SAClD;KACF;AAEO,IAAA,WAAW,CAAC,KAAa,EAAA;AAC/B,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE;YACzB,OAAO,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,QAAe,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;SAC5F;aAAM;YACL,OAAO,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,CAAC;SACrC;KACF;AAES,IAAA,OAAO,CAAC,GAAQ,EAAA;AACxB,QAAA,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;KAC3B;8GA/BU,0BAA0B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,EAf3B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;AAUT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAKU,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAjBtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;AAUT,EAAA,CAAA;AACD,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,MAAM,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,UAAU,CAAC;oBACxC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA,CAAA;;;;;"}

package/fesm2022/acorex-platform-layouts-toggle-widget-column.component-uxOXR-bL.mjs

@@ -0,0 +1,60 @@
+import * as i1 from '@acorex/components/badge';
+import { AXBadgeModule } from '@acorex/components/badge';
+import * as i3 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXPWidgetBase } from '@acorex/platform/schema';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+
+class AXPToggleWidgetColumnComponent extends AXPWidgetBase {
+    render() {
+        this.value = !!this.context[this.prop.name];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPToggleWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: AXPToggleWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { context: "context", falsyText: "falsyText", trulyText: "trulyText", negative: "negative", width: "width" }, usesInheritance: true, ngImport: i0, template: `
+    <div>
+      @if(value){ @if(trulyText){
+      <ax-badge [text]="trulyText" [color]="negative ? 'danger' : 'success'" [look]="'twotone'"></ax-badge>
+      }@else { @if(negative){
+      <ax-icon class="fa-solid fa-check ax-text-sanger"> </ax-icon>
+      }@else {
+      <ax-icon class="fa-solid fa-check ax-text-success"> </ax-icon>
+      } } }@else { @if(falsyText){
+      <ax-badge [text]="falsyText" [color]="negative ? 'success' : 'danger'" [look]="'twotone'"></ax-badge>
+      }@else { @if(negative){
+      <ax-icon class="fa-solid fa-xmark ax-text-success"> </ax-icon>
+      }@else {
+      <ax-icon class="fa-solid fa-xmark ax-text-danger"> </ax-icon>
+      } } }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPToggleWidgetColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    <div>
+      @if(value){ @if(trulyText){
+      <ax-badge [text]="trulyText" [color]="negative ? 'danger' : 'success'" [look]="'twotone'"></ax-badge>
+      }@else { @if(negative){
+      <ax-icon class="fa-solid fa-check ax-text-sanger"> </ax-icon>
+      }@else {
+      <ax-icon class="fa-solid fa-check ax-text-success"> </ax-icon>
+      } } }@else { @if(falsyText){
+      <ax-badge [text]="falsyText" [color]="negative ? 'success' : 'danger'" [look]="'twotone'"></ax-badge>
+      }@else { @if(negative){
+      <ax-icon class="fa-solid fa-xmark ax-text-success"> </ax-icon>
+      }@else {
+      <ax-icon class="fa-solid fa-xmark ax-text-danger"> </ax-icon>
+      } } }
+    </div>
+  `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [AXBadgeModule, AXDecoratorModule],
+                    inputs: ['context', 'falsyText', 'trulyText', 'negative', 'width'],
+                }]
+        }] });
+
+export { AXPToggleWidgetColumnComponent };
+//# sourceMappingURL=acorex-platform-layouts-toggle-widget-column.component-uxOXR-bL.mjs.map

package/fesm2022/acorex-platform-layouts-toggle-widget-column.component-uxOXR-bL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layouts-toggle-widget-column.component-uxOXR-bL.mjs","sources":["../../../../libs/platform/layouts/src/lib/widgets/toggle/toggle-widget-column.component.ts"],"sourcesContent":["import { AXBadgeModule } from '@acorex/components/badge';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXPWidgetBase } from '@acorex/platform/schema';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\n@Component({\n  template: `\n    <div>\n      @if(value){ @if(trulyText){\n      <ax-badge [text]=\"trulyText\" [color]=\"negative ? 'danger' : 'success'\" [look]=\"'twotone'\"></ax-badge>\n      }@else { @if(negative){\n      <ax-icon class=\"fa-solid fa-check ax-text-sanger\"> </ax-icon>\n      }@else {\n      <ax-icon class=\"fa-solid fa-check ax-text-success\"> </ax-icon>\n      } } }@else { @if(falsyText){\n      <ax-badge [text]=\"falsyText\" [color]=\"negative ? 'success' : 'danger'\" [look]=\"'twotone'\"></ax-badge>\n      }@else { @if(negative){\n      <ax-icon class=\"fa-solid fa-xmark ax-text-success\"> </ax-icon>\n      }@else {\n      <ax-icon class=\"fa-solid fa-xmark ax-text-danger\"> </ax-icon>\n      } } }\n    </div>\n  `,\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AXBadgeModule, AXDecoratorModule],\n  inputs: ['context', 'falsyText', 'trulyText', 'negative', 'width'],\n})\nexport class AXPToggleWidgetColumnComponent extends AXPWidgetBase {\n  protected value!: boolean;\n  protected negative!: boolean;\n  protected falsyText!: string;\n  protected trulyText!: string;\n\n  protected override render(): void {\n    this.value = !!this.context[this.prop.name];\n  }\n}\n"],"names":["i2"],"mappings":";;;;;;;;AA2BM,MAAO,8BAA+B,SAAQ,aAAa,CAAA;IAM5C,MAAM,GAAA;AACvB,QAAA,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC7C;8GARU,8BAA8B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA9B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,8BAA8B,EAtB/B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,SAAA,EAAA,WAAA,EAAA,SAAA,EAAA,WAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;GAgBT,EAGS,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,aAAa,yIAAE,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAG/B,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAvB1C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;;;;;;;AAgBT,EAAA,CAAA;AACD,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,OAAO,EAAE,CAAC,aAAa,EAAE,iBAAiB,CAAC;oBAC3C,MAAM,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,CAAC;AACnE,iBAAA,CAAA;;;;;"}