@acorex-platform/framework-client 0.0.38 → 0.0.48

package/fesm2022/{acorex-platform-framework-client-layout-widgets-button-widget-designer.component-BDOdcoyN.mjs → acorex-platform-framework-client-layout-widgets-button-widget-designer.component-BkrPu1wO.mjs}

@@ -5,7 +5,10 @@ import * as i2$1 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import * as i2 from '@acorex/components/loading';
 import { AXLoadingModule } from '@acorex/components/loading';
+import * as i3 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
 import { AXPLayoutBaseWidgetComponent } from '@acorex-platform/framework-client/layout/widget-core';
+import { AsyncPipe } from '@angular/common';
 import * as i0 from '@angular/core';
 import { computed, EventEmitter, HostBinding, ChangeDetectionStrategy, Component } from '@angular/core';
 
@@ -34,7 +37,7 @@ class AXPButtonWidgetDesignerComponent extends AXPLayoutBaseWidgetComponent {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPButtonWidgetDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPButtonWidgetDesignerComponent, isStandalone: true, selector: "axp-button-widget-designer", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
-    <ax-button [disabled]="disabled()" [color]="color()" [look]="look()" [text]="text()">
+    <ax-button [disabled]="disabled()" [color]="color()" [look]="look()" [text]="(text() | translate | async) ?? ''">
       @if (icon() && text()) {
         <ax-prefix
           ><ax-icon> <i class="fa-solid" [class]="icon()"></i> </ax-icon
@@ -46,14 +49,14 @@ class AXPButtonWidgetDesignerComponent extends AXPLayoutBaseWidgetComponent {
         <ax-loading> </ax-loading>
       }
     </ax-button>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.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: AXBadgeModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.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: AXBadgeModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPButtonWidgetDesignerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-button-widget-designer',
                     template: `
-    <ax-button [disabled]="disabled()" [color]="color()" [look]="look()" [text]="text()">
+    <ax-button [disabled]="disabled()" [color]="color()" [look]="look()" [text]="(text() | translate | async) ?? ''">
       @if (icon() && text()) {
         <ax-prefix
           ><ax-icon> <i class="fa-solid" [class]="icon()"></i> </ax-icon
@@ -67,7 +70,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
     </ax-button>
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [AXButtonModule, AXLoadingModule, AXDecoratorModule, AXBadgeModule],
+                    imports: [AXButtonModule, AXLoadingModule, AXDecoratorModule, AXBadgeModule, AXTranslationModule, AsyncPipe],
                 }]
         }], propDecorators: { __class: [{
                 type: HostBinding,
@@ -75,4 +78,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             }] } });
 
 export { AXPButtonWidgetDesignerComponent };
-//# sourceMappingURL=acorex-platform-framework-client-layout-widgets-button-widget-designer.component-BDOdcoyN.mjs.map
+//# sourceMappingURL=acorex-platform-framework-client-layout-widgets-button-widget-designer.component-BkrPu1wO.mjs.map

package/fesm2022/acorex-platform-framework-client-layout-widgets-button-widget-designer.component-BkrPu1wO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-framework-client-layout-widgets-button-widget-designer.component-BkrPu1wO.mjs","sources":["../../../../../libs/framework/client/layout/widgets/src/lib/widgets/actions/button/button-widget-designer.component.ts"],"sourcesContent":["import { AXClickEvent, AXStyleColorType, AXStyleLookType } from '@acorex/cdk/common';\nimport { AXBadgeModule } from '@acorex/components/badge';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXPLayoutBaseWidgetComponent } from '@acorex-platform/framework-client/layout/widget-core';\n\nimport { AsyncPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, EventEmitter, HostBinding } from '@angular/core';\n@Component({\n  selector: 'axp-button-widget-designer',\n  template: `\n    <ax-button [disabled]=\"disabled()\" [color]=\"color()\" [look]=\"look()\" [text]=\"(text() | translate | async) ?? ''\">\n      @if (icon() && text()) {\n        <ax-prefix\n          ><ax-icon> <i class=\"fa-solid\" [class]=\"icon()\"></i> </ax-icon\n        ></ax-prefix>\n      } @else if (icon() && !text()) {\n        <ax-icon> <i class=\"fa-solid\" [class]=\"icon()\"></i> </ax-icon>\n      }\n      @if (loading()) {\n        <ax-loading> </ax-loading>\n      }\n    </ax-button>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AXButtonModule, AXLoadingModule, AXDecoratorModule, AXBadgeModule, AXTranslationModule, AsyncPipe],\n})\nexport class AXPButtonWidgetDesignerComponent extends AXPLayoutBaseWidgetComponent {\n  protected disabled = computed<boolean>(() => this.options()['disabled']);\n  protected color = computed<AXStyleColorType>(() => this.options()['color']?.id ?? 'primary');\n  protected look = computed<AXStyleLookType>(() => this.options()['look']?.id ?? 'solid');\n  protected text = computed<string | undefined>(() => this.options()['text']);\n  protected loading = computed<boolean>(() => this.options()['loading']);\n  protected icon = computed<string | undefined>(() => this.options()['icon']);\n\n  public onClick = new EventEmitter<AXClickEvent>();\n\n  @HostBinding('class')\n  private get __class(): string {\n    const cls: any = {};\n    //\n    cls['inline-block'] = true;\n    return cls;\n  }\n}\n"],"names":["i4"],"mappings":"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"}

package/fesm2022/acorex-platform-framework-client-layout-widgets-code-editor-value.util-Cb7R1qLO.mjs

@@ -0,0 +1,45 @@
+//#region ----- Code editor value coercion -----
+/**
+ * Code-editor widgets bind a string. Catalog fields often store object/array JSON.
+ * Coerce those values so column/view/edit never call string methods on non-strings.
+ */
+function coerceCodeEditorText(value, pretty = false) {
+    if (value == null) {
+        return '';
+    }
+    if (typeof value === 'string') {
+        return value;
+    }
+    if (typeof value === 'number' || typeof value === 'boolean') {
+        return String(value);
+    }
+    try {
+        return JSON.stringify(value, null, pretty ? 2 : 0) ?? '';
+    }
+    catch {
+        return '';
+    }
+}
+/**
+ * Edit mode binds a string. Writing that string over an object/array
+ * (`content`) breaks sibling nested paths such as `content.module`.
+ */
+function restoreCodeEditorBoundValue(text, current) {
+    if (current != null && typeof current === 'object') {
+        const trimmed = text?.trim() ?? '';
+        if (!trimmed) {
+            return current;
+        }
+        try {
+            return JSON.parse(trimmed);
+        }
+        catch {
+            return current;
+        }
+    }
+    return text;
+}
+//#endregion
+
+export { coerceCodeEditorText as c, restoreCodeEditorBoundValue as r };
+//# sourceMappingURL=acorex-platform-framework-client-layout-widgets-code-editor-value.util-Cb7R1qLO.mjs.map

package/fesm2022/acorex-platform-framework-client-layout-widgets-code-editor-value.util-Cb7R1qLO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-framework-client-layout-widgets-code-editor-value.util-Cb7R1qLO.mjs","sources":["../../../../../libs/framework/client/layout/widgets/src/lib/widgets/advance/code-editor/code-editor-value.util.ts"],"sourcesContent":["//#region ----- Code editor value coercion -----\n\n/**\n * Code-editor widgets bind a string. Catalog fields often store object/array JSON.\n * Coerce those values so column/view/edit never call string methods on non-strings.\n */\nexport function coerceCodeEditorText(value: unknown, pretty = false): string {\n  if (value == null) {\n    return '';\n  }\n\n  if (typeof value === 'string') {\n    return value;\n  }\n\n  if (typeof value === 'number' || typeof value === 'boolean') {\n    return String(value);\n  }\n\n  try {\n    return JSON.stringify(value, null, pretty ? 2 : 0) ?? '';\n  } catch {\n    return '';\n  }\n}\n\n/**\n * Edit mode binds a string. Writing that string over an object/array\n * (`content`) breaks sibling nested paths such as `content.module`.\n */\nexport function restoreCodeEditorBoundValue(text: string, current: unknown): unknown {\n  if (current != null && typeof current === 'object') {\n    const trimmed = text?.trim() ?? '';\n    if (!trimmed) {\n      return current;\n    }\n    try {\n      return JSON.parse(trimmed);\n    } catch {\n      return current;\n    }\n  }\n  return text;\n}\n\n//#endregion\n"],"names":[],"mappings":"AAAA;AAEA;;;AAGG;SACa,oBAAoB,CAAC,KAAc,EAAE,MAAM,GAAG,KAAK,EAAA;AACjE,IAAA,IAAI,KAAK,IAAI,IAAI,EAAE;AACjB,QAAA,OAAO,EAAE;IACX;AAEA,IAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AAC7B,QAAA,OAAO,KAAK;IACd;IAEA,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE;AAC3D,QAAA,OAAO,MAAM,CAAC,KAAK,CAAC;IACtB;AAEA,IAAA,IAAI;QACF,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;IAC1D;AAAE,IAAA,MAAM;AACN,QAAA,OAAO,EAAE;IACX;AACF;AAEA;;;AAGG;AACG,SAAU,2BAA2B,CAAC,IAAY,EAAE,OAAgB,EAAA;IACxE,IAAI,OAAO,IAAI,IAAI,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE;QAClD,MAAM,OAAO,GAAG,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE;QAClC,IAAI,CAAC,OAAO,EAAE;AACZ,YAAA,OAAO,OAAO;QAChB;AACA,QAAA,IAAI;AACF,YAAA,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;QAC5B;AAAE,QAAA,MAAM;AACN,YAAA,OAAO,OAAO;QAChB;IACF;AACA,IAAA,OAAO,IAAI;AACb;AAEA;;"}

package/fesm2022/acorex-platform-framework-client-layout-widgets-code-editor-widget-column.component-BL621E1r.mjs

@@ -0,0 +1,68 @@
+import { AXPColumnWidgetComponent } from '@acorex-platform/framework-client/layout/widget-core';
+import * as i0 from '@angular/core';
+import { computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { c as coerceCodeEditorText } from './acorex-platform-framework-client-layout-widgets-code-editor-value.util-Cb7R1qLO.mjs';
+
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Component   ----
+class AXPCodeEditorWidgetColumnComponent extends AXPColumnWidgetComponent {
+    constructor() {
+        super(...arguments);
+        //#region ----   Computed Properties   ----
+        this.fullValue = computed(() => coerceCodeEditorText(this.rawValue), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "fullValue" }] : /* istanbul ignore next */ []));
+        this.displayText = computed(() => {
+            const value = this.fullValue();
+            if (!value) {
+                return '';
+            }
+            const trimmed = value.trim().replace(/\r\n/g, '\n').replace(/\r/g, '\n');
+            // If empty after trimming, return empty
+            if (!trimmed) {
+                return '';
+            }
+            // Get max length from options (default: 100 characters)
+            const options = this.options;
+            const maxLength = options?.['maxLength'] ?? 100;
+            // If value is shorter than max length, return as-is
+            if (trimmed.length <= maxLength) {
+                return trimmed;
+            }
+            // Truncate and add ellipsis
+            return trimmed.substring(0, maxLength) + '...';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "displayText" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPCodeEditorWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPCodeEditorWidgetColumnComponent, isStandalone: true, selector: "axp-code-editor-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `
+    @if (displayText()) {
+      <span [title]="fullValue()" class="text-xs font-mono text-muted">
+        {{ displayText() }}
+      </span>
+    } @else {
+      <span class="text-muted">---</span>
+    }
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPCodeEditorWidgetColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-code-editor-widget-column',
+                    template: `
+    @if (displayText()) {
+      <span [title]="fullValue()" class="text-xs font-mono text-muted">
+        {{ displayText() }}
+      </span>
+    } @else {
+      <span class="text-muted">---</span>
+    }
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [],
+                    inputs: ['rawValue', 'rowData'],
+                }]
+        }] });
+
+export { AXPCodeEditorWidgetColumnComponent };
+//# sourceMappingURL=acorex-platform-framework-client-layout-widgets-code-editor-widget-column.component-BL621E1r.mjs.map

package/fesm2022/acorex-platform-framework-client-layout-widgets-code-editor-widget-column.component-BL621E1r.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-framework-client-layout-widgets-code-editor-widget-column.component-BL621E1r.mjs","sources":["../../../../../libs/framework/client/layout/widgets/src/lib/widgets/advance/code-editor/code-editor-widget-column.component.ts"],"sourcesContent":["//#region ----   Imports   ----\n\nimport { AXPColumnWidgetComponent } from '@acorex-platform/framework-client/layout/widget-core';\nimport { ChangeDetectionStrategy, Component, computed } from '@angular/core';\n\nimport { coerceCodeEditorText } from './code-editor-value.util';\n\n//#endregion\n\n//#region ----   Component   ----\n\n@Component({\n    selector: 'axp-code-editor-widget-column',\n    template: `\n    @if (displayText()) {\n      <span [title]=\"fullValue()\" class=\"text-xs font-mono text-muted\">\n        {{ displayText() }}\n      </span>\n    } @else {\n      <span class=\"text-muted\">---</span>\n    }\n  `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [],\n    inputs: ['rawValue', 'rowData'],\n})\nexport class AXPCodeEditorWidgetColumnComponent extends AXPColumnWidgetComponent<string> {\n    //#region ----   Computed Properties   ----\n\n    protected fullValue = computed(() => coerceCodeEditorText(this.rawValue));\n\n    protected displayText = computed(() => {\n        const value = this.fullValue();\n        if (!value) {\n            return '';\n        }\n\n        const trimmed = value.trim().replace(/\\r\\n/g, '\\n').replace(/\\r/g, '\\n');\n\n        // If empty after trimming, return empty\n        if (!trimmed) {\n            return '';\n        }\n\n        // Get max length from options (default: 100 characters)\n        const options = this.options;\n        const maxLength = (options?.['maxLength'] as number) ?? 100;\n\n        // If value is shorter than max length, return as-is\n        if (trimmed.length <= maxLength) {\n            return trimmed;\n        }\n\n        // Truncate and add ellipsis\n        return trimmed.substring(0, maxLength) + '...';\n    });\n\n    //#endregion\n}\n\n//#endregion\n\n"],"names":[],"mappings":";;;;;AAAA;AAOA;AAEA;AAiBM,MAAO,kCAAmC,SAAQ,wBAAgC,CAAA;AAfxF,IAAA,WAAA,GAAA;;;QAkBc,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,MAAM,oBAAoB,CAAC,IAAI,CAAC,QAAQ,CAAC;sFAAC;AAE/D,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;AAClC,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE;YAC9B,IAAI,CAAC,KAAK,EAAE;AACR,gBAAA,OAAO,EAAE;YACb;YAEA,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC;;YAGxE,IAAI,CAAC,OAAO,EAAE;AACV,gBAAA,OAAO,EAAE;YACb;;AAGA,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO;YAC5B,MAAM,SAAS,GAAI,OAAO,GAAG,WAAW,CAAY,IAAI,GAAG;;AAG3D,YAAA,IAAI,OAAO,CAAC,MAAM,IAAI,SAAS,EAAE;AAC7B,gBAAA,OAAO,OAAO;YAClB;;YAGA,OAAO,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,CAAC,GAAG,KAAK;QAClD,CAAC;wFAAC;AAGL,IAAA;8GAhCY,kCAAkC,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kCAAkC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,+BAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAbjC;;;;;;;;AAQX,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAKU,kCAAkC,EAAA,UAAA,EAAA,CAAA;kBAf9C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,+BAA+B;AACzC,oBAAA,QAAQ,EAAE;;;;;;;;AAQX,EAAA,CAAA;oBACC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,MAAM,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC;AAClC,iBAAA;;;"}

package/fesm2022/acorex-platform-framework-client-layout-widgets-code-editor-widget-edit.component-CVsPKhNl.mjs

@@ -0,0 +1,88 @@
+import * as i1$1 from '@acorex/components/code-editor';
+import { AXCodeEditorModule } from '@acorex/components/code-editor';
+import { AXPValueWidgetComponent } from '@acorex-platform/framework-client/layout/widget-core';
+import { NgClass } from '@angular/common';
+import * as i0 from '@angular/core';
+import { computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { c as coerceCodeEditorText, r as restoreCodeEditorBoundValue } from './acorex-platform-framework-client-layout-widgets-code-editor-value.util-Cb7R1qLO.mjs';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Component   ----
+class AXPCodeEditorWidgetEditComponent extends AXPValueWidgetComponent {
+    constructor() {
+        super(...arguments);
+        //#region ----   Computed Properties   ----
+        this.currentValue = computed(() => coerceCodeEditorText(this.getValue(), true), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "currentValue" }] : /* istanbul ignore next */ []));
+        this.language = computed(() => {
+            const options = this.options();
+            return (options?.['language'] ?? 'javascript');
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "language" }] : /* istanbul ignore next */ []));
+        this.lineNumbers = computed(() => {
+            const options = this.options();
+            return options?.['lineNumbers'] ?? true;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "lineNumbers" }] : /* istanbul ignore next */ []));
+        this.editorHeight = computed(() => {
+            const options = this.options();
+            return options?.['height'] ?? 'h-96';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "editorHeight" }] : /* istanbul ignore next */ []));
+        this.isReadOnly = computed(() => {
+            const options = this.options();
+            return options?.['readOnly'] === true || options?.['readonly'] === true || options?.['disabled'] === true;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isReadOnly" }] : /* istanbul ignore next */ []));
+    }
+    //#endregion
+    //#region ----   Event Handlers   ----
+    handleValueChange(newValue) {
+        if (this.isReadOnly()) {
+            return;
+        }
+        this.setValue(restoreCodeEditorBoundValue(newValue, this.getValue()));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPCodeEditorWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXPCodeEditorWidgetEditComponent, isStandalone: true, selector: "axp-code-editor-widget-edit", host: { classAttribute: "block w-full ltr" }, usesInheritance: true, ngImport: i0, template: `
+    <div class="w-full min-h-0 overflow-auto" [ngClass]="editorHeight()">
+      <ax-code-editor
+        [ngModel]="currentValue()"
+        (ngModelChange)="handleValueChange($event)"
+        [language]="language()"
+        [lineNumbers]="lineNumbers()"
+        [readonly]="isReadOnly()"
+        class="w-full"
+      ></ax-code-editor>
+    </div>
+  `, isInline: true, dependencies: [{ 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: AXCodeEditorModule }, { kind: "component", type: i1$1.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: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPCodeEditorWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-code-editor-widget-edit',
+                    template: `
+    <div class="w-full min-h-0 overflow-auto" [ngClass]="editorHeight()">
+      <ax-code-editor
+        [ngModel]="currentValue()"
+        (ngModelChange)="handleValueChange($event)"
+        [language]="language()"
+        [lineNumbers]="lineNumbers()"
+        [readonly]="isReadOnly()"
+        class="w-full"
+      ></ax-code-editor>
+    </div>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [FormsModule, AXCodeEditorModule, NgClass],
+                    host: {
+                        class: 'block w-full ltr',
+                    },
+                }]
+        }] });
+
+export { AXPCodeEditorWidgetEditComponent };
+//# sourceMappingURL=acorex-platform-framework-client-layout-widgets-code-editor-widget-edit.component-CVsPKhNl.mjs.map

package/fesm2022/acorex-platform-framework-client-layout-widgets-code-editor-widget-edit.component-CVsPKhNl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-framework-client-layout-widgets-code-editor-widget-edit.component-CVsPKhNl.mjs","sources":["../../../../../libs/framework/client/layout/widgets/src/lib/widgets/advance/code-editor/code-editor-widget-edit.component.ts"],"sourcesContent":["//#region ----   Imports   ----\n\nimport { AXCodeEditorDefaultLanguage, AXCodeEditorModule } from '@acorex/components/code-editor';\nimport { AXPValueWidgetComponent } from '@acorex-platform/framework-client/layout/widget-core';\nimport { NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed } from '@angular/core';\n\nimport { coerceCodeEditorText, restoreCodeEditorBoundValue } from './code-editor-value.util';\n\nimport { FormsModule } from '@angular/forms';\n\n//#endregion\n\n//#region ----   Component   ----\n\n@Component({\n  selector: 'axp-code-editor-widget-edit',\n  template: `\n    <div class=\"w-full min-h-0 overflow-auto\" [ngClass]=\"editorHeight()\">\n      <ax-code-editor\n        [ngModel]=\"currentValue()\"\n        (ngModelChange)=\"handleValueChange($event)\"\n        [language]=\"language()\"\n        [lineNumbers]=\"lineNumbers()\"\n        [readonly]=\"isReadOnly()\"\n        class=\"w-full\"\n      ></ax-code-editor>\n    </div>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [FormsModule, AXCodeEditorModule, NgClass],\n  host: {\n    class: 'block w-full ltr',\n  },\n})\nexport class AXPCodeEditorWidgetEditComponent extends AXPValueWidgetComponent<string> {\n  //#region ----   Computed Properties   ----\n\n  protected currentValue = computed(() => coerceCodeEditorText(this.getValue(), true));\n\n  protected language = computed<AXCodeEditorDefaultLanguage>(() => {\n    const options = this.options();\n    return ((options?.['language'] as AXCodeEditorDefaultLanguage) ?? 'javascript');\n  });\n\n  protected lineNumbers = computed(() => {\n    const options = this.options();\n    return (options?.['lineNumbers'] as boolean) ?? true;\n  });\n\n  protected editorHeight = computed(() => {\n    const options = this.options();\n    return (options?.['height'] as string) ?? 'h-96';\n  });\n\n  protected isReadOnly = computed(() => {\n    const options = this.options();\n    return options?.['readOnly'] === true || options?.['readonly'] === true || options?.['disabled'] === true;\n  });\n\n  //#endregion\n\n  //#region ----   Event Handlers   ----\n\n  protected handleValueChange(newValue: string): void {\n    if (this.isReadOnly()) {\n      return;\n    }\n    this.setValue(restoreCodeEditorBoundValue(newValue, this.getValue()) as string);\n  }\n\n  //#endregion\n}\n\n//#endregion\n\n"],"names":["i2"],"mappings":"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"}

package/fesm2022/acorex-platform-framework-client-layout-widgets-code-editor-widget-view.component-BEq4O4al.mjs

@@ -0,0 +1,71 @@
+import * as i1 from '@acorex/components/code-editor';
+import { AXCodeEditorModule } from '@acorex/components/code-editor';
+import { AXPValueWidgetComponent } from '@acorex-platform/framework-client/layout/widget-core';
+import { NgClass } from '@angular/common';
+import * as i0 from '@angular/core';
+import { computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { c as coerceCodeEditorText } from './acorex-platform-framework-client-layout-widgets-code-editor-value.util-Cb7R1qLO.mjs';
+
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Component   ----
+class AXPCodeEditorWidgetViewComponent extends AXPValueWidgetComponent {
+    constructor() {
+        super(...arguments);
+        //#region ----   Computed Properties   ----
+        this.currentValue = computed(() => coerceCodeEditorText(this.getValue(), true), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "currentValue" }] : /* istanbul ignore next */ []));
+        this.language = computed(() => {
+            const options = this.options();
+            return options?.['language'] ?? 'javascript';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "language" }] : /* istanbul ignore next */ []));
+        this.lineNumbers = computed(() => {
+            const options = this.options();
+            return options?.['lineNumbers'] ?? true;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "lineNumbers" }] : /* istanbul ignore next */ []));
+        this.editorHeight = computed(() => {
+            const options = this.options();
+            return options?.['height'] ?? 'h-96';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "editorHeight" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPCodeEditorWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXPCodeEditorWidgetViewComponent, isStandalone: true, selector: "axp-code-editor-widget-view", host: { classAttribute: "block w-full" }, usesInheritance: true, ngImport: i0, template: `
+    <div class="w-full border rounded-md min-h-0 overflow-auto" style="direction: ltr;" [ngClass]="editorHeight()">
+      <ax-code-editor
+        [value]="currentValue()"
+        [readonly]="true"
+        [language]="language()"
+        [lineNumbers]="lineNumbers()"
+        class="w-full"
+      ></ax-code-editor>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXCodeEditorModule }, { kind: "component", type: i1.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: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPCodeEditorWidgetViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-code-editor-widget-view',
+                    template: `
+    <div class="w-full border rounded-md min-h-0 overflow-auto" style="direction: ltr;" [ngClass]="editorHeight()">
+      <ax-code-editor
+        [value]="currentValue()"
+        [readonly]="true"
+        [language]="language()"
+        [lineNumbers]="lineNumbers()"
+        class="w-full"
+      ></ax-code-editor>
+    </div>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [AXCodeEditorModule, NgClass],
+                    host: {
+                        class: 'block w-full',
+                    },
+                }]
+        }] });
+
+export { AXPCodeEditorWidgetViewComponent };
+//# sourceMappingURL=acorex-platform-framework-client-layout-widgets-code-editor-widget-view.component-BEq4O4al.mjs.map

package/fesm2022/acorex-platform-framework-client-layout-widgets-code-editor-widget-view.component-BEq4O4al.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-framework-client-layout-widgets-code-editor-widget-view.component-BEq4O4al.mjs","sources":["../../../../../libs/framework/client/layout/widgets/src/lib/widgets/advance/code-editor/code-editor-widget-view.component.ts"],"sourcesContent":["//#region ----   Imports   ----\n\nimport { AXCodeEditorModule } from '@acorex/components/code-editor';\nimport { AXPValueWidgetComponent } from '@acorex-platform/framework-client/layout/widget-core';\nimport { NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed } from '@angular/core';\n\nimport { coerceCodeEditorText } from './code-editor-value.util';\n\n//#endregion\n\n//#region ----   Component   ----\n\n@Component({\n    selector: 'axp-code-editor-widget-view',\n    template: `\n    <div class=\"w-full border rounded-md min-h-0 overflow-auto\" style=\"direction: ltr;\" [ngClass]=\"editorHeight()\">\n      <ax-code-editor\n        [value]=\"currentValue()\"\n        [readonly]=\"true\"\n        [language]=\"language()\"\n        [lineNumbers]=\"lineNumbers()\"\n        class=\"w-full\"\n      ></ax-code-editor>\n    </div>\n  `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [AXCodeEditorModule, NgClass],\n    host: {\n        class: 'block w-full',\n    },\n})\nexport class AXPCodeEditorWidgetViewComponent extends AXPValueWidgetComponent<string> {\n    //#region ----   Computed Properties   ----\n\n    protected currentValue = computed(() => coerceCodeEditorText(this.getValue(), true));\n\n    protected language = computed(() => {\n        const options = this.options();\n        return (options?.['language'] as any) ?? 'javascript';\n    });\n\n    protected lineNumbers = computed(() => {\n        const options = this.options();\n        return (options?.['lineNumbers'] as boolean) ?? true;\n    });\n\n    protected editorHeight = computed(() => {\n        const options = this.options();\n        return (options?.['height'] as string) ?? 'h-96';\n    });\n\n    //#endregion\n}\n\n//#endregion\n\n"],"names":[],"mappings":";;;;;;;;AAAA;AASA;AAEA;AAqBM,MAAO,gCAAiC,SAAQ,uBAA+B,CAAA;AAnBrF,IAAA,WAAA,GAAA;;;AAsBc,QAAA,IAAA,CAAA,YAAY,GAAG,QAAQ,CAAC,MAAM,oBAAoB,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC;yFAAC;AAE1E,QAAA,IAAA,CAAA,QAAQ,GAAG,QAAQ,CAAC,MAAK;AAC/B,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE;AAC9B,YAAA,OAAQ,OAAO,GAAG,UAAU,CAAS,IAAI,YAAY;QACzD,CAAC;qFAAC;AAEQ,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;AAClC,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE;AAC9B,YAAA,OAAQ,OAAO,GAAG,aAAa,CAAa,IAAI,IAAI;QACxD,CAAC;wFAAC;AAEQ,QAAA,IAAA,CAAA,YAAY,GAAG,QAAQ,CAAC,MAAK;AACnC,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE;AAC9B,YAAA,OAAQ,OAAO,GAAG,QAAQ,CAAY,IAAI,MAAM;QACpD,CAAC;yFAAC;AAGL,IAAA;8GArBY,gCAAgC,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gCAAgC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,6BAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,cAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAjB/B;;;;;;;;;;GAUX,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAEW,kBAAkB,6dAAE,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAK5B,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBAnB5C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,6BAA6B;AACvC,oBAAA,QAAQ,EAAE;;;;;;;;;;AAUX,EAAA,CAAA;oBACC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,OAAO,EAAE,CAAC,kBAAkB,EAAE,OAAO,CAAC;AACtC,oBAAA,IAAI,EAAE;AACF,wBAAA,KAAK,EAAE,cAAc;AACxB,qBAAA;AACJ,iBAAA;;;"}

package/fesm2022/acorex-platform-framework-client-layout-widgets-condition-builder-edit-popup.component-WpiEHusZ.mjs

@@ -0,0 +1,81 @@
+import * as i1 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i2 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXBasePageComponent } from '@acorex/components/page';
+import * as i3 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+import { setupPopupFooterKeyboardShortcuts } from '@acorex-platform/framework-client/core';
+import { AXPConditionBuilderComponent } from '@acorex-platform/framework-client/layout/components';
+import { omitFilterClauseIdentity } from '@acorex-platform/framework-shared/core';
+import { AsyncPipe } from '@angular/common';
+import * as i0 from '@angular/core';
+import { signal, ChangeDetectionStrategy, Component } from '@angular/core';
+import { cloneDeep } from 'lodash-es';
+
+//#region ----- Imports -----
+//#endregion
+//#region ----- Constants -----
+const I18N = {
+    cancel: '@general:actions.cancel.title',
+    save: '@general:actions.save.title',
+};
+//#endregion
+//#region ----- Component -----
+class AXPConditionBuilderEditPopupComponent extends AXBasePageComponent {
+    //#endregion
+    //#region ----- Lifecycle -----
+    constructor() {
+        super();
+        //#region ----- Popup Data -----
+        this.value = { logic: 'and', filters: [] };
+        this.filterDefinitions = [];
+        this.operationsLook = 'select';
+        //#endregion
+        //#region ----- State Signals -----
+        this.draft = signal({ logic: 'and', filters: [] }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "draft" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----- Constants -----
+        this.I18N = I18N;
+        setupPopupFooterKeyboardShortcuts(() => [
+            {
+                title: I18N.cancel,
+                command: 'cancel',
+                handler: () => this.handleCancel(),
+            },
+            {
+                title: I18N.save,
+                command: 'submit',
+                handler: () => this.handleSave(),
+            },
+        ], { id: 'condition-builder-edit-popup' });
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.draft.set(cloneDeep(this.value ?? { logic: 'and', filters: [] }));
+    }
+    //#endregion
+    //#region ----- Event Handlers -----
+    onValueChange(value) {
+        this.draft.set(value);
+    }
+    handleCancel() {
+        this.close();
+    }
+    handleSave() {
+        this.close({
+            saved: true,
+            value: omitFilterClauseIdentity(this.draft()),
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPConditionBuilderEditPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXPConditionBuilderEditPopupComponent, isStandalone: true, selector: "axp-condition-builder-edit-popup", usesInheritance: true, ngImport: i0, template: "<div class=\"axp-condition-builder-edit-popup p-4\">\n  <axp-condition-builder\n    [value]=\"draft()\"\n    [filterDefinitions]=\"filterDefinitions\"\n    [operationsLook]=\"operationsLook\"\n    (valueChange)=\"onValueChange($event)\"\n  />\n</div>\n\n<ax-footer>\n  <ax-suffix>\n    <ax-button look=\"solid\" [text]=\"(I18N.cancel | translate | async) ?? ''\" (onClick)=\"handleCancel()\"></ax-button>\n    <ax-button\n      look=\"solid\"\n      color=\"primary\"\n      [text]=\"(I18N.save | translate | async) ?? ''\"\n      (onClick)=\"handleSave()\"\n    ></ax-button>\n  </ax-suffix>\n</ax-footer>\n", dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { 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: "component", type: AXPConditionBuilderComponent, selector: "axp-condition-builder", inputs: ["value", "filterDefinitions", "showFillByUser", "operationsLook"], outputs: ["valueChange"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPConditionBuilderEditPopupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axp-condition-builder-edit-popup', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AsyncPipe, AXButtonModule, AXDecoratorModule, AXTranslationModule, AXPConditionBuilderComponent], template: "<div class=\"axp-condition-builder-edit-popup p-4\">\n  <axp-condition-builder\n    [value]=\"draft()\"\n    [filterDefinitions]=\"filterDefinitions\"\n    [operationsLook]=\"operationsLook\"\n    (valueChange)=\"onValueChange($event)\"\n  />\n</div>\n\n<ax-footer>\n  <ax-suffix>\n    <ax-button look=\"solid\" [text]=\"(I18N.cancel | translate | async) ?? ''\" (onClick)=\"handleCancel()\"></ax-button>\n    <ax-button\n      look=\"solid\"\n      color=\"primary\"\n      [text]=\"(I18N.save | translate | async) ?? ''\"\n      (onClick)=\"handleSave()\"\n    ></ax-button>\n  </ax-suffix>\n</ax-footer>\n" }]
+        }], ctorParameters: () => [] });
+
+export { AXPConditionBuilderEditPopupComponent };
+//# sourceMappingURL=acorex-platform-framework-client-layout-widgets-condition-builder-edit-popup.component-WpiEHusZ.mjs.map

package/fesm2022/acorex-platform-framework-client-layout-widgets-condition-builder-edit-popup.component-WpiEHusZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-framework-client-layout-widgets-condition-builder-edit-popup.component-WpiEHusZ.mjs","sources":["../../../../../libs/framework/client/layout/widgets/src/lib/widgets/expression-builders/condition-builder/condition-builder-edit-popup.component.ts","../../../../../libs/framework/client/layout/widgets/src/lib/widgets/expression-builders/condition-builder/condition-builder-edit-popup.component.html"],"sourcesContent":["//#region ----- Imports -----\n\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXBasePageComponent } from '@acorex/components/page';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { setupPopupFooterKeyboardShortcuts } from '@acorex-platform/framework-client/core';\nimport { AXPConditionBuilderComponent } from '@acorex-platform/framework-client/layout/components';\nimport { omitFilterClauseIdentity, type AXPFilterClause, type AXPFilterDefinition } from '@acorex-platform/framework-shared/core';\nimport { AsyncPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, signal } from '@angular/core';\nimport { cloneDeep } from 'lodash-es';\n\n//#endregion\n\n//#region ----- Constants -----\n\nconst I18N = {\n  cancel: '@general:actions.cancel.title',\n  save: '@general:actions.save.title',\n} as const;\n\n//#endregion\n\n//#region ----- Component -----\n\n@Component({\n  selector: 'axp-condition-builder-edit-popup',\n  templateUrl: './condition-builder-edit-popup.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AsyncPipe, AXButtonModule, AXDecoratorModule, AXTranslationModule, AXPConditionBuilderComponent],\n})\nexport class AXPConditionBuilderEditPopupComponent extends AXBasePageComponent {\n  //#region ----- Popup Data -----\n\n  value: AXPFilterClause = { logic: 'and', filters: [] };\n  filterDefinitions: AXPFilterDefinition[] = [];\n  operationsLook: 'menu' | 'select' = 'select';\n\n  //#endregion\n\n  //#region ----- State Signals -----\n\n  protected readonly draft = signal<AXPFilterClause>({ logic: 'and', filters: [] });\n\n  //#endregion\n\n  //#region ----- Constants -----\n\n  protected readonly I18N = I18N;\n\n  //#endregion\n\n  //#region ----- Lifecycle -----\n\n  constructor() {\n    super();\n    setupPopupFooterKeyboardShortcuts(\n      () => [\n        {\n          title: I18N.cancel,\n          command: 'cancel',\n          handler: () => this.handleCancel(),\n        },\n        {\n          title: I18N.save,\n          command: 'submit',\n          handler: () => this.handleSave(),\n        },\n      ],\n      { id: 'condition-builder-edit-popup' },\n    );\n  }\n\n  protected override ngOnInit(): void {\n    super.ngOnInit();\n    this.draft.set(cloneDeep(this.value ?? { logic: 'and', filters: [] }));\n  }\n\n  //#endregion\n\n  //#region ----- Event Handlers -----\n\n  protected onValueChange(value: AXPFilterClause): void {\n    this.draft.set(value);\n  }\n\n  protected handleCancel(): void {\n    this.close();\n  }\n\n  protected handleSave(): void {\n    this.close({\n      saved: true,\n      value: omitFilterClauseIdentity(this.draft()),\n    });\n  }\n\n  //#endregion\n}\n\n//#endregion\n","<div class=\"axp-condition-builder-edit-popup p-4\">\n  <axp-condition-builder\n    [value]=\"draft()\"\n    [filterDefinitions]=\"filterDefinitions\"\n    [operationsLook]=\"operationsLook\"\n    (valueChange)=\"onValueChange($event)\"\n  />\n</div>\n\n<ax-footer>\n  <ax-suffix>\n    <ax-button look=\"solid\" [text]=\"(I18N.cancel | translate | async) ?? ''\" (onClick)=\"handleCancel()\"></ax-button>\n    <ax-button\n      look=\"solid\"\n      color=\"primary\"\n      [text]=\"(I18N.save | translate | async) ?? ''\"\n      (onClick)=\"handleSave()\"\n    ></ax-button>\n  </ax-suffix>\n</ax-footer>\n"],"names":[],"mappings":"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"}