@acorex/platform 18.0.4 → 18.0.5

package/fesm2022/acorex-platform-widgets.mjs

@@ -104,7 +104,6 @@ class AXPDateTimeBoxWidgetViewComponent extends AXPWidgetBase {
         this.internalValue = computed(() => Array.isArray(this.getValue()) ? this.getValue().map((v) => this.handleFormat(v)) : [this.handleFormat(this.getValue())]);
     }
     handleFormat(value) {
-        debugger;
         return value ? this.formatter.format(new Date(value), { format: this.format }) : '---';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPDateTimeBoxWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
@@ -2950,21 +2949,26 @@ class AXPRichTextWidgetViewComponent extends AXPWidgetBase {
     constructor() {
         super(...arguments);
         this.sanitizer = inject(DomSanitizer);
-        this.innerValue = computed(() => this.getValue());
+        this.emptyPlaceHolder = '---';
+        this.innerValue = computed(() => {
+            const value = this.getValue();
+            return value ? this.sanitizer.bypassSecurityTrustHtml(value) : this.emptyPlaceHolder;
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPRichTextWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPRichTextWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-    <div class="ax-border ax-p-3 ax-rounded-lg">
-      <div [innerHTML]="innerValue()"></div>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPRichTextWidgetViewComponent, isStandalone: true, selector: "axp-rich-text-widget", usesInheritance: true, ngImport: i0, template: `
+    <div [ngClass]="{'ax-border ax-p-3 ax-rounded-lg':this.getValue(),'ax-text-gray-300':this.getValue()==null}">
+    <div [innerHTML]="innerValue()"></div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPRichTextWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
+                    selector: 'axp-rich-text-widget',
                     template: `
-    <div class="ax-border ax-p-3 ax-rounded-lg">
-      <div [innerHTML]="innerValue()"></div>
+    <div [ngClass]="{'ax-border ax-p-3 ax-rounded-lg':this.getValue(),'ax-text-gray-300':this.getValue()==null}">
+    <div [innerHTML]="innerValue()"></div>
     </div>
   `,
                     standalone: true,
@@ -3020,7 +3024,7 @@ class AXPRichTextWidgetEditComponent extends AXPWidgetBase {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPRichTextWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPRichTextWidgetEditComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "editorEl", first: true, predicate: ["editor"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPRichTextWidgetEditComponent, isStandalone: true, selector: "axp-rich-text-widget", viewQueries: [{ propertyName: "editorEl", first: true, predicate: ["editor"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
     <div class="ax-h-max">
       <div #editor></div>
     </div>
@@ -3028,7 +3032,7 @@ class AXPRichTextWidgetEditComponent extends AXPWidgetBase {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPRichTextWidgetEditComponent, decorators: [{
             type: Component,
-            args: [{ template: `
+            args: [{ selector: 'axp-rich-text-widget', template: `
     <div class="ax-h-max">
       <div #editor></div>
     </div>
@@ -3396,8 +3400,9 @@ class AXPSelectionListWidgetViewComponent extends AXPWidgetBase {
         return this.items.filter((item) => {
             if (Array.isArray(this.getValue()))
                 return this.getValue().includes(item[this.valueField]);
-            else
+            else {
                 return this.getValue() == item[this.valueField];
+            }
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPSelectionListWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
@@ -3695,7 +3700,7 @@ class AXPSignatureWidgetEditComponent extends AXPWidgetBase {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPSignatureWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPSignatureWidgetEditComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "padCanvas", first: true, predicate: ["padCanvas"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPSignatureWidgetEditComponent, isStandalone: true, selector: "axp-signature-widget", viewQueries: [{ propertyName: "padCanvas", first: true, predicate: ["padCanvas"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
     <div class="ax-flex ax-gap-3">
       @if(editMode()){
       <canvas width="300" class="ax-border ax-rounded-md" #padCanvas></canvas>
@@ -3727,6 +3732,7 @@ class AXPSignatureWidgetEditComponent extends AXPWidgetBase {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPSignatureWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
+                    selector: 'axp-signature-widget',
                     template: `
     <div class="ax-flex ax-gap-3">
       @if(editMode()){
@@ -3816,7 +3822,7 @@ class AXPSignatureWidgetViewComponent extends AXPWidgetBase {
         this.internalValue = computed(() => this.getValue());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPSignatureWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPSignatureWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPSignatureWidgetViewComponent, isStandalone: true, selector: "axp-signature-widget", 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(internalValue()){
       <ax-image [src]="internalValue()"></ax-image>
@@ -3829,6 +3835,7 @@ class AXPSignatureWidgetViewComponent extends AXPWidgetBase {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPSignatureWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
+                    selector: 'axp-signature-widget',
                     template: `
     <div class="ax-w-72 ax-h-36 ax-border ax-rounded-md ax-flex ax-justify-center ax-items-center">
       @if(internalValue()){
@@ -3880,7 +3887,7 @@ class AXPTextBoxWidgetViewComponent extends AXPWidgetBase {
         this.internalValue = computed(() => (Array.isArray(this.getValue()) ? this.getValue() : [this.getValue()]));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPTextBoxWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPTextBoxWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPTextBoxWidgetViewComponent, isStandalone: true, selector: "axp-text-box-widget", usesInheritance: true, ngImport: i0, template: `
     <div>
       @if(multiple){ @for (item of internalValue(); track $index) {
       <p>{{ item }}</p>
@@ -3893,6 +3900,7 @@ class AXPTextBoxWidgetViewComponent extends AXPWidgetBase {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPTextBoxWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
+                    selector: 'axp-text-box-widget',
                     template: `
     <div>
       @if(multiple){ @for (item of internalValue(); track $index) {
@@ -3946,7 +3954,7 @@ class AXPTextBoxWidgetEditComponent extends AXPWidgetBase {
         this.setValue(newValues);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPTextBoxWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPTextBoxWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPTextBoxWidgetEditComponent, isStandalone: true, selector: "axp-text-box-widget", usesInheritance: true, ngImport: i0, template: `
     <div class="ax-grid ax-grid-cols-12 ax-gap-4">
       @for (text of internalValue(); track $index) {
       <ax-text-box class="ax-col-span-12" [ngModel]="text"  [type]="'text'" (onValueChanged)="handleValueChange($event, $index)" [disabled]="disabled" >
@@ -3981,6 +3989,7 @@ class AXPTextBoxWidgetEditComponent extends AXPWidgetBase {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPTextBoxWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
+                    selector: 'axp-text-box-widget',
                     template: `
     <div class="ax-grid ax-grid-cols-12 ax-gap-4">
       @for (text of internalValue(); track $index) {