@acorex/platform 20.8.4 → 21.0.0-beta.0

package/fesm2022/{acorex-platform-layout-components-binding-expression-editor-popup.component-CSxCnzwU.mjs → acorex-platform-layout-components-binding-expression-editor-popup.component-CWV4XD36.mjs}

@@ -1,11 +1,11 @@
 import * as i1$1 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
-import * as i3 from '@acorex/components/code-editor';
+import * as i4 from '@acorex/components/code-editor';
 import { AXCodeEditorModule } from '@acorex/components/code-editor';
 import * as i2 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import { AXBasePageComponent } from '@acorex/components/page';
-import * as i5 from '@acorex/core/translation';
+import * as i3 from '@acorex/core/translation';
 import { AXTranslationModule } from '@acorex/core/translation';
 import * as i1$2 from '@angular/common';
 import { CommonModule } from '@angular/common';
@@ -23,10 +23,10 @@ class AXPBindingExpressionEditorPopupComponent extends AXBasePageComponent {
         super(...arguments);
         //#region ----   Inputs   ----
         /** Use a distinct name to avoid popup 'data.value' overwriting the input signal. */
-        this.initialValue = input.required(...(ngDevMode ? [{ debugName: "initialValue" }] : []));
+        this.initialValue = input.required(...(ngDevMode ? [{ debugName: "initialValue" }] : /* istanbul ignore next */ []));
         //#endregion
         //#region ----   Properties   ----
-        this.currentValue = linkedSignal(() => (this.initialValue() ?? ''), ...(ngDevMode ? [{ debugName: "currentValue" }] : []));
+        this.currentValue = linkedSignal(() => (this.initialValue() ?? ''), ...(ngDevMode ? [{ debugName: "currentValue" }] : /* istanbul ignore next */ []));
     }
     //#endregion
     //#region ----   Event Handlers   ----
@@ -41,16 +41,16 @@ class AXPBindingExpressionEditorPopupComponent extends AXBasePageComponent {
             value: this.currentValue(),
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AXPBindingExpressionEditorPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.19", type: AXPBindingExpressionEditorPopupComponent, isStandalone: true, selector: "axp-binding-expression-editor-popup", inputs: { initialValue: { classPropertyName: "initialValue", publicName: "initialValue", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
-        <div class="ax-flex ax-flex-col ax-h-full ax-overflow-hidden">
-            <div class="ax-flex-1 ax-p-4 ax-overflow-hidden" style="direction: ltr;">
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPBindingExpressionEditorPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: AXPBindingExpressionEditorPopupComponent, isStandalone: true, selector: "axp-binding-expression-editor-popup", inputs: { initialValue: { classPropertyName: "initialValue", publicName: "initialValue", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+        <div class="flex flex-col h-full overflow-hidden">
+            <div class="flex-1 p-4 overflow-hidden" style="direction: ltr;">
                 <ax-code-editor
                     [ngModel]="currentValue()"
                     (ngModelChange)="handleValueChange($event)"
                     language="javascript"
                     [lineNumbers]="true"
-                    class="ax-w-full ax-h-full ax-min-h-96"
+                    class="w-full h-full min-h-96"
                 ></ax-code-editor>
             </div>
         </div>
@@ -70,21 +70,21 @@ class AXPBindingExpressionEditorPopupComponent extends AXBasePageComponent {
                 ></ax-button>
             </ax-suffix>
         </ax-footer>
-    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXCodeEditorModule }, { kind: "component", type: i3.AXCodeEditorComponent, selector: "ax-code-editor", inputs: ["disabled", "value", "state", "name", "id", "language", "readonly", "placeholder", "lineNumbers", "lineWrapping", "tabSize", "indentWithTab", "theme", "extensions", "ariaLabel", "focusOnReady", "formatOnSave", "minRow", "customCompletions"], outputs: ["onValueChanged", "valueChange", "stateChange", "readonlyChange", "disabledChange", "ready", "save"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXCodeEditorModule }, { kind: "component", type: i4.AXCodeEditorComponent, selector: "ax-code-editor", inputs: ["disabled", "value", "state", "name", "id", "language", "readonly", "placeholder", "lineNumbers", "lineWrapping", "tabSize", "indentWithTab", "theme", "extensions", "ariaLabel", "focusOnReady", "formatOnSave", "minRow", "customCompletions"], outputs: ["onValueChanged", "valueChange", "stateChange", "readonlyChange", "disabledChange", "ready", "save"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AXPBindingExpressionEditorPopupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPBindingExpressionEditorPopupComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-binding-expression-editor-popup',
                     template: `
-        <div class="ax-flex ax-flex-col ax-h-full ax-overflow-hidden">
-            <div class="ax-flex-1 ax-p-4 ax-overflow-hidden" style="direction: ltr;">
+        <div class="flex flex-col h-full overflow-hidden">
+            <div class="flex-1 p-4 overflow-hidden" style="direction: ltr;">
                 <ax-code-editor
                     [ngModel]="currentValue()"
                     (ngModelChange)="handleValueChange($event)"
                     language="javascript"
                     [lineNumbers]="true"
-                    class="ax-w-full ax-h-full ax-min-h-96"
+                    class="w-full h-full min-h-96"
                 ></ax-code-editor>
             </div>
         </div>
@@ -118,4 +118,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
         }], propDecorators: { initialValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialValue", required: true }] }] } });
 
 export { AXPBindingExpressionEditorPopupComponent };
-//# sourceMappingURL=acorex-platform-layout-components-binding-expression-editor-popup.component-CSxCnzwU.mjs.map
+//# sourceMappingURL=acorex-platform-layout-components-binding-expression-editor-popup.component-CWV4XD36.mjs.map

package/fesm2022/acorex-platform-layout-components-binding-expression-editor-popup.component-CWV4XD36.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layout-components-binding-expression-editor-popup.component-CWV4XD36.mjs","sources":["../../../../libs/platform/layout/components/src/lib/property-viewer/binding-expression-editor-popup.component.ts"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXCodeEditorModule } from '@acorex/components/code-editor';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXBasePageComponent } from '@acorex/components/page';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { CommonModule } from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    input,\n    linkedSignal,\n    WritableSignal,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\n/**\n * Popup for editing a binding/expression string (e.g. `{{ context.eval('x') }}`).\n * Mirrors the trigger expression editor UX: code editor with Save/Cancel.\n */\n@Component({\n    selector: 'axp-binding-expression-editor-popup',\n    template: `\n        <div class=\"flex flex-col h-full overflow-hidden\">\n            <div class=\"flex-1 p-4 overflow-hidden\" style=\"direction: ltr;\">\n                <ax-code-editor\n                    [ngModel]=\"currentValue()\"\n                    (ngModelChange)=\"handleValueChange($event)\"\n                    language=\"javascript\"\n                    [lineNumbers]=\"true\"\n                    class=\"w-full h-full min-h-96\"\n                ></ax-code-editor>\n            </div>\n        </div>\n\n        <ax-footer>\n            <ax-suffix>\n                <ax-button\n                    look=\"solid\"\n                    [text]=\"'@general:actions.cancel.title' | translate | async\"\n                    (onClick)=\"handleCancelClick()\"\n                ></ax-button>\n                <ax-button\n                    look=\"solid\"\n                    color=\"primary\"\n                    [text]=\"'@general:actions.save.title' | translate | async\"\n                    (onClick)=\"handleSaveClick()\"\n                ></ax-button>\n            </ax-suffix>\n        </ax-footer>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [\n        CommonModule,\n        FormsModule,\n        AXButtonModule,\n        AXCodeEditorModule,\n        AXDecoratorModule,\n        AXTranslationModule,\n    ],\n})\nexport class AXPBindingExpressionEditorPopupComponent extends AXBasePageComponent {\n    //#region ----   Inputs   ----\n\n    /** Use a distinct name to avoid popup 'data.value' overwriting the input signal. */\n    initialValue = input.required<string | null>();\n\n    //#endregion\n\n    //#region ----   Properties   ----\n\n    protected readonly currentValue: WritableSignal<string> = linkedSignal(\n        () => (this.initialValue() ?? '') as string,\n    );\n\n    //#endregion\n\n    //#region ----   Event Handlers   ----\n\n    protected handleValueChange(newValue: string): void {\n        this.currentValue.set(newValue);\n    }\n\n    protected handleCancelClick(): void {\n        this.close();\n    }\n\n    protected handleSaveClick(): void {\n        this.close({\n            value: this.currentValue(),\n        });\n    }\n\n    //#endregion\n}\n"],"names":["i3","i4","i5","i6"],"mappings":"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"}