wuic-framework-lib 1.0.7 → 1.0.9

package/fesm2022/{wuic-framework-lib-chart-list.component-j1eRaGZV.mjs → wuic-framework-lib-chart-list.component-Cjdbe3i0.mjs}

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, ViewChild, Output, Input, Component } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
-import { W as WtoolboxService, M as MetadataProviderService, T as TranslationManagerService, U as UserInfoService, A as ArchetypeConfiguratorComponent } from './wuic-framework-lib-wuic-framework-lib-KFbUlRIT.mjs';
+import { W as WtoolboxService, k as WuicClientException, l as WuicErrorCodes, G as GlobalHandler, M as MetadataProviderService, T as TranslationManagerService, U as UserInfoService, A as ArchetypeConfiguratorComponent } from './wuic-framework-lib-wuic-framework-lib-WQiFu5aA.mjs';
 import * as i5 from 'primeng/chart';
 import { ChartModule } from 'primeng/chart';
 import * as i2 from '@ngx-translate/core';
@@ -408,15 +408,19 @@ class ChartListComponent {
             // forniamo un default minimo con chartDrillDown no-op + log per debug.
             const drillDown = this.metaInfo.tableMetadata.extraProps.archetypes.chart.drillDown;
             const utility = this.resolveDrillDownUtility();
+            // skills/sql-injection-defense + skills/typed-localized-exceptions:
+            // user-supplied JS dal metadata DEVE passare per runUserCallbackSync
+            // → typed `errors.client.user_callback.failed` su throw, niente raw stack.
+            const ctx = { archetype: 'chart', route: this.metaInfo?.tableMetadata?.md_route_name };
             if (typeof drillDown === 'string') {
                 // Iniettiamo `utility` SOLO nel path string-eval (legacy metadata che fanno
                 // riferimento a `utility.chartDrillDown`). Quando drillDown e' gia' una
                 // function ref, il caller ha accesso diretto ai suoi imports/closure →
                 // non serve iniettare utility (evita anche TS2554 su signature 3-args).
-                new Function("clickedItem, chartOptions, data, utility", drillDown)(clicked, this.chartOptions, this.data, utility);
+                WtoolboxService.runUserCallbackSync('archetypes.chart.drillDown', () => new Function("clickedItem, chartOptions, data, utility", drillDown)(clicked, this.chartOptions, this.data, utility), [], ctx);
             }
             else {
-                drillDown(clicked, this.chartOptions, this.data);
+                WtoolboxService.runUserCallbackSync('archetypes.chart.drillDown', () => drillDown(clicked, this.chartOptions, this.data), [], ctx);
             }
         }
     }
@@ -572,10 +576,31 @@ class ChartListComponent {
      * Ricompone le opzioni finali del grafico facendo merge tra base/theme/widget
      * e pianifica un resize del canvas.
      */
+    // Chart.js + PrimeNG controller registry — la lista deve riflettere i
+    // controller registrati di default. Se l'utente configura un type non
+    // presente, falliamo PRIMA del render con typed envelope, invece di
+    // lasciare propagare il "is not a registered controller" raw da PrimeNG.
+    static KNOWN_CHART_TYPES = new Set([
+        'bar', 'line', 'pie', 'doughnut', 'polarArea', 'radar', 'bubble', 'scatter'
+    ]);
     refreshChartOptions() {
         const widgetOptions = this.buildWidgetChartOptions();
         this.chartOptions = this.deepMerge({}, this.basicOptions, widgetOptions);
         this.chartOptions.type = this.selectedChartType || this.chartOptions.type || 'bar';
+        // skills/typed-localized-exceptions: pre-validate type per evitare il
+        // raw stack PrimeNG `Registry._get` quando type=metadata non noto.
+        if (!ChartListComponent.KNOWN_CHART_TYPES.has(this.chartOptions.type)) {
+            const exc = new WuicClientException(WuicErrorCodes.archetypeInitFailed('chart'), {
+                archetype: 'chart',
+                phase: 'refreshChartOptions',
+                route: this.metaInfo?.tableMetadata?.md_route_name,
+                innerName: 'UnknownChartType',
+                innerMessage: `Chart type '${this.chartOptions.type}' is not a registered controller. Known types: ${Array.from(ChartListComponent.KNOWN_CHART_TYPES).join(', ')}`,
+            }, { surface: 'archetype', targetName: 'ChartListComponent.refreshChartOptions' });
+            GlobalHandler.emitClientException(exc);
+            // Fallback al default 'bar' per non rompere il render successivo.
+            this.chartOptions.type = 'bar';
+        }
         this.scheduleChartResize();
     }
     /**
@@ -994,6 +1019,33 @@ class ChartListComponent {
   * @returns Struttura dati prodotta da `parseData` dopo normalizzazione/elaborazione.
   */
     parseData(result, runtimeCutOff) {
+        // skills/typed-localized-exceptions: wrap il lifecycle parseData con
+        // try/catch → typed `errors.client.archetype.chart.init_failed` (al posto
+        // di lasciare propagare uncaught TypeError tipo "datasets.forEach is not
+        // a function" → dialog raw stack).
+        try {
+            return this._parseDataInternal(result, runtimeCutOff);
+        }
+        catch (err) {
+            try {
+                err.__wuicHandled = true;
+            }
+            catch { /* primitive throw */ }
+            const innerMessage = err instanceof Error ? err.message
+                : (err && typeof err === 'object' && typeof err.message === 'string') ? err.message
+                    : String(err);
+            const exc = new WuicClientException(WuicErrorCodes.archetypeInitFailed('chart'), {
+                archetype: 'chart',
+                phase: 'parseData',
+                route: this.metaInfo?.tableMetadata?.md_route_name,
+                innerName: err?.constructor?.name || (typeof err),
+                innerMessage: innerMessage?.slice(0, 500),
+            }, { surface: 'archetype', targetName: 'ChartListComponent.parseData', cause: err });
+            GlobalHandler.emitClientException(exc);
+            return undefined;
+        }
+    }
+    _parseDataInternal(result, runtimeCutOff) {
         var chartData;
         // = {
         //   labels: ['Q1', 'Q2', 'Q3', 'Q4'],
@@ -1265,4 +1317,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
             }] } });
 
 export { ChartListComponent };
-//# sourceMappingURL=wuic-framework-lib-chart-list.component-j1eRaGZV.mjs.map
+//# sourceMappingURL=wuic-framework-lib-chart-list.component-Cjdbe3i0.mjs.map

package/fesm2022/{wuic-framework-lib-code-editor.component-CNREC7r_.mjs → wuic-framework-lib-code-editor.component-xbC6-KoE.mjs}

@@ -6,7 +6,7 @@ import * as i1 from '@materia-ui/ngx-monaco-editor';
 import { MonacoEditorModule } from '@materia-ui/ngx-monaco-editor';
 import { filter, take } from 'rxjs/operators';
 import { Emitter } from 'monaco-editor/esm/vs/base/common/event';
-import { W as WtoolboxService, M as MetadataProviderService, e as MetadatiColonna, k as MetaInfo, U as UserInfoService, f as DataProviderService } from './wuic-framework-lib-wuic-framework-lib-KFbUlRIT.mjs';
+import { W as WtoolboxService, M as MetadataProviderService, e as MetadatiColonna, m as MetaInfo, U as UserInfoService, f as DataProviderService } from './wuic-framework-lib-wuic-framework-lib-WQiFu5aA.mjs';
 import { NgClass, NgStyle } from '@angular/common';
 import * as i13 from 'primeng/contextmenu';
 import { ContextMenuModule } from 'primeng/contextmenu';
@@ -17,7 +17,7 @@ import { HttpHeaders } from '@angular/common/http';
 import { from, combineLatest } from 'rxjs';
 import { parseFragment } from 'parse5';
 import * as i1$2 from '@angular/platform-browser';
-import * as i2 from 'primeng/api';
+import * as i3 from 'primeng/api';
 
 class SqlModel {
     database;
@@ -3892,7 +3892,7 @@ class CodeEditorComponent {
         }));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CodeEditorComponent, deps: [{ token: i1.MonacoEditorLoaderService }, { token: i1$1.HttpClient }, { token: MetadataProviderService }, { token: UserInfoService }, { token: DataProviderService }, { token: WtoolboxService }, { token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: CodeEditorComponent, isStandalone: true, selector: "wuic-code-editor", inputs: { field: "field", record: "record", metaInfo: "metaInfo" }, host: { properties: { "style": "this.style" } }, viewQueries: [{ propertyName: "contextMenuAnchor", first: true, predicate: ["contextMenuAnchor"], descendants: true }, { propertyName: "editorRef", first: true, predicate: ["editorRef"], descendants: true }, { propertyName: "ctxs", first: true, predicate: ["ctxs"], descendants: true }], ngImport: i0, template: "@if (render) {\n<div [ngClass]=\"{'fullscreen': fullscreen, 'no-full-screen': !fullscreen }\">\n  <div\n    [ngStyle]=\"{width: sqlObjView ? '22%' : null, display: sqlObjView ? null : 'none', position: fullscreen ? 'absolute' : null, 'left': fullscreen ? '0px' : null, 'top': fullscreen ? '0px' : null }\"\n    style=\"float: left; height: 100%; overflow: auto; background-color: #1e1e1e; z-index: 2000;\">\n    <p-tree [value]=\"primeTreeNodes\">\n      <ng-template let-node pTemplate=\"default\">\n        <span style=\"-webkit-user-select: none; -ms-user-select: none;  user-select: none;\" draggable=\"true\"\n          (dragstart)=\"onTreeNodeDragStart($event, node.data)\" (click)=\"editorOptions.onNodeClick($event, node.data)\"\n          (dragend)=\"onTreeNodeDragEnd($event, node.data)\">\n          <span>\n            {{ node.label }}\n          </span>\n        </span>\n      </ng-template>\n    </p-tree>\n  </div>\n  <div [ngStyle]=\"{width: sqlObjView ? '78%' : '100%', 'left': fullscreen ? (!sqlObjView ? '0px' : '22%') : null }\"\n    style=\"height: 100%; float: left;\">\n    <ul class=\"editor-btn\">\n      <li>\n        <div (click)=\"setFullScreen($event, this)\">\n          <i\n            [ngClass]=\"{'pi': true, 'pi-window-maximize': fullscreen == false, 'pi-window-minimize': fullscreen == true}\"></i>\n        </div>\n      </li>\n      @if (editorOptions.language == 'sql') {\n      <li>\n        <div (click)=\"toggleSqlObjView($event, this)\">\n          <i [ngClass]=\"{'pi': true, 'pi-server': true}\"></i>\n        </div>\n      </li>\n      }\n      @if (editorOptions.language == 'sql') {\n      <li>\n        <div (click)=\"testSql($event, this)\">\n          <i [ngClass]=\"{'pi': true, 'pi-verified': true}\"></i>\n        </div>\n      </li>\n      }\n      @if (field.mc_suggest_value_callback) {\n      <li>\n        <div (click)=\"suggest($event, this)\">\n          <i [ngClass]=\"{'pi': true, 'pi-question': true}\"></i>\n        </div>\n      </li>\n      }\n      @if (isHtmlEditor) {\n      <li>\n        <div (click)=\"formatHtmlNow($event)\" title=\"Format HTML\">\n          <i [ngClass]=\"{'pi': true, 'pi-align-left': true}\"></i>\n        </div>\n      </li>\n      <li>\n        <div (click)=\"toggleHtmlPreview($event)\" title=\"Toggle HTML preview\">\n          <i [ngClass]=\"{'pi': true, 'pi-eye': showHtmlPreview, 'pi-eye-slash': !showHtmlPreview}\"></i>\n        </div>\n      </li>\n      }\n      @if (isJsonEditor) {\n      <li>\n        <div (click)=\"formatJsonNow($event)\" title=\"Format JSON\">\n          <i [ngClass]=\"{'pi': true, 'pi-code': true}\"></i>\n        </div>\n      </li>\n      }\n    </ul>\n    <div class=\"editor-shell\">\n      <div class=\"editor-pane\" [ngClass]=\"{'editor-pane--with-preview': isHtmlEditor && showHtmlPreview}\">\n        <ngx-monaco-editor #editorRef [options]=\"editorOptions\" [ngModel]=\"editorModelValue\"\n          (ngModelChange)=\"onEditorModelChange($event)\"\n          [ngModelOptions]=\"{standalone: true}\"\n          [ngStyle]=\"{'left': fullscreen ? (!sqlObjView ? '0px' : '22%') : null, width: '100%' }\"\n          style=\"width: 100%; height: 100%;\"\n          (onDropIntoEditor)=\"editorOptions.onDropIntoEditor($event)\"></ngx-monaco-editor>\n      </div>\n      @if (isHtmlEditor && showHtmlPreview) {\n      <div class=\"html-preview-pane\">\n        <div class=\"html-preview-pane__header\">HTML Pseudo-Preview (sanitized)</div>\n        <div class=\"html-preview-pane__body\" [innerHTML]=\"sanitizedHtmlPreview\"></div>\n      </div>\n      }\n    </div>\n  </div>\n</div>\n}\n\n@if (editorRef?.editorContent?.nativeElement) {\n<p-contextMenu [target]=\"editorRef?.editorContent?.nativeElement\" [model]=\"editorOptions.contextMenuItems\"\n  appendTo=\"body\" />\n}\n", styles: [".editor-btn{color:#fff;list-style-type:none;z-index:2001;visibility:visible;position:absolute;right:10px;top:10px;display:flex;gap:8px;margin:0;padding:0}.editor-btn li{list-style:none}.editor-btn li div{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid #334155;border-radius:4px;background:#0f172ad9;cursor:pointer}.fullscreen{position:fixed;inset:16px;z-index:3000;background:#1e1e1e;width:auto;height:auto}.fullscreen .editor-shell{position:absolute;inset:44px 0 0;height:auto}.fullscreen .editor-pane ngx-monaco-editor{position:relative;height:auto!important}.no-full-screen{width:100%;height:200px;position:relative}.editor-container{overflow:visible!important}.editor-shell{display:flex;width:100%;height:100%;min-height:0}.editor-pane{flex:1 1 auto;min-width:0;height:100%}.editor-pane--with-preview{flex:0 0 62%}.html-preview-pane{flex:0 0 38%;min-width:260px;border-left:1px solid #404040;background:#111827;color:#e5e7eb;display:flex;flex-direction:column}.html-preview-pane__header{font-size:12px;letter-spacing:.04em;text-transform:uppercase;padding:10px 12px;border-bottom:1px solid #374151;color:#9ca3af}.html-preview-pane__body{flex:1 1 auto;overflow:auto;padding:12px;background:#fff;color:#111827}:host ::ng-deep .html-preview-pane__body .wuic-preview-component{border:1px solid #cbd5e1;border-left:4px solid #2563eb;border-radius:6px;padding:8px 10px;margin-bottom:10px;background:#f8fafc}:host ::ng-deep .html-preview-pane__body .wuic-preview-component__title{font-weight:600;color:#0f172a;margin-bottom:4px}:host ::ng-deep .html-preview-pane__body .wuic-preview-component__content{margin-top:8px}:host ::ng-deep .html-preview-pane__body .wuic-preview-field__label{display:block;font-size:13px;font-weight:600;color:#0f172a;margin-bottom:6px}:host ::ng-deep .html-preview-pane__body .wuic-preview-field__input{display:block;width:100%;border:1px solid #3b82f6;border-radius:4px;min-height:36px;box-sizing:border-box;background:#fff}:host ::ng-deep .monaco-editor .suggest-widget,:host ::ng-deep .monaco-editor .parameter-hints-widget,:host ::ng-deep .monaco-editor .monaco-hover{z-index:4000!important}:host ::ng-deep .monaco-editor .suggest-widget{height:220px!important;margin-top:-30px!important}:host ::ng-deep .monaco-editor .suggest-widget .tree,:host ::ng-deep .monaco-editor .suggest-widget .monaco-list,:host ::ng-deep .monaco-editor .suggest-widget .monaco-list-rows,:host ::ng-deep .monaco-editor .suggest-widget .monaco-scrollable-element{height:186px!important;max-height:186px!important}:host ::ng-deep .monaco-editor .suggest-widget .monaco-list-rows{box-sizing:border-box;padding-bottom:20px!important}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}::-webkit-scrollbar-thumb{background:#ffffff80;border-radius:10px;visibility:hidden}::-webkit-scrollbar-thumb:hover{visibility:visible}::-webkit-scrollbar-thumb:hover{background:#fffc}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MonacoEditorModule }, { kind: "component", type: i1.MonacoEditorComponent, selector: "ngx-monaco-editor", inputs: ["options", "uri"], outputs: ["init"] }, { kind: "ngmodule", type: ContextMenuModule }, { kind: "component", type: i13.ContextMenu, selector: "p-contextMenu, p-contextmenu, p-context-menu", inputs: ["model", "triggerEvent", "target", "global", "style", "styleClass", "autoZIndex", "baseZIndex", "id", "breakpoint", "ariaLabel", "ariaLabelledBy", "pressDelay", "appendTo", "motionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: TreeModule }, { kind: "component", type: i4.Tree, selector: "p-tree", inputs: ["value", "selectionMode", "loadingMode", "selection", "styleClass", "contextMenu", "contextMenuSelectionMode", "contextMenuSelection", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loading", "loadingIcon", "emptyMessage", "ariaLabel", "togglerAriaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterInputAutoFocus", "filterBy", "filterMode", "filterOptions", "filterPlaceholder", "filteredNodes", "filterLocale", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "indentation", "_templateMap", "trackBy", "highlightOnSelect"], outputs: ["selectionChange", "contextMenuSelectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "onNodeDoubleClick", "onNodeDrop", "onLazyLoad", "onScroll", "onScrollIndexChange", "onFilter"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: CodeEditorComponent, isStandalone: true, selector: "wuic-code-editor", inputs: { field: "field", record: "record", metaInfo: "metaInfo" }, host: { properties: { "style": "this.style" } }, viewQueries: [{ propertyName: "contextMenuAnchor", first: true, predicate: ["contextMenuAnchor"], descendants: true }, { propertyName: "editorRef", first: true, predicate: ["editorRef"], descendants: true }, { propertyName: "ctxs", first: true, predicate: ["ctxs"], descendants: true }], ngImport: i0, template: "@if (render) {\n<div [ngClass]=\"{'fullscreen': fullscreen, 'no-full-screen': !fullscreen }\">\n  <div\n    [ngStyle]=\"{width: sqlObjView ? '22%' : null, display: sqlObjView ? null : 'none', position: fullscreen ? 'absolute' : null, 'left': fullscreen ? '0px' : null, 'top': fullscreen ? '0px' : null }\"\n    style=\"float: left; height: 100%; overflow: auto; background-color: #1e1e1e; z-index: 2000;\">\n    <p-tree [value]=\"primeTreeNodes\">\n      <ng-template let-node pTemplate=\"default\">\n        <span style=\"-webkit-user-select: none; -ms-user-select: none;  user-select: none;\" draggable=\"true\"\n          (dragstart)=\"onTreeNodeDragStart($event, node.data)\" (click)=\"editorOptions.onNodeClick($event, node.data)\"\n          (dragend)=\"onTreeNodeDragEnd($event, node.data)\">\n          <span>\n            {{ node.label }}\n          </span>\n        </span>\n      </ng-template>\n    </p-tree>\n  </div>\n  <div [ngStyle]=\"{width: sqlObjView ? '78%' : '100%', 'left': fullscreen ? (!sqlObjView ? '0px' : '22%') : null }\"\n    style=\"height: 100%; float: left;\">\n    <ul class=\"editor-btn\">\n      <li>\n        <div (click)=\"setFullScreen($event, this)\">\n          <i\n            [ngClass]=\"{'pi': true, 'pi-window-maximize': fullscreen == false, 'pi-window-minimize': fullscreen == true}\"></i>\n        </div>\n      </li>\n      @if (editorOptions.language == 'sql') {\n      <li>\n        <div (click)=\"toggleSqlObjView($event, this)\">\n          <i [ngClass]=\"{'pi': true, 'pi-server': true}\"></i>\n        </div>\n      </li>\n      }\n      @if (editorOptions.language == 'sql') {\n      <li>\n        <div (click)=\"testSql($event, this)\">\n          <i [ngClass]=\"{'pi': true, 'pi-verified': true}\"></i>\n        </div>\n      </li>\n      }\n      @if (field.mc_suggest_value_callback) {\n      <li>\n        <div (click)=\"suggest($event, this)\">\n          <i [ngClass]=\"{'pi': true, 'pi-question': true}\"></i>\n        </div>\n      </li>\n      }\n      @if (isHtmlEditor) {\n      <li>\n        <div (click)=\"formatHtmlNow($event)\" title=\"Format HTML\">\n          <i [ngClass]=\"{'pi': true, 'pi-align-left': true}\"></i>\n        </div>\n      </li>\n      <li>\n        <div (click)=\"toggleHtmlPreview($event)\" title=\"Toggle HTML preview\">\n          <i [ngClass]=\"{'pi': true, 'pi-eye': showHtmlPreview, 'pi-eye-slash': !showHtmlPreview}\"></i>\n        </div>\n      </li>\n      }\n      @if (isJsonEditor) {\n      <li>\n        <div (click)=\"formatJsonNow($event)\" title=\"Format JSON\">\n          <i [ngClass]=\"{'pi': true, 'pi-code': true}\"></i>\n        </div>\n      </li>\n      }\n    </ul>\n    <div class=\"editor-shell\">\n      <div class=\"editor-pane\" [ngClass]=\"{'editor-pane--with-preview': isHtmlEditor && showHtmlPreview}\">\n        <ngx-monaco-editor #editorRef [options]=\"editorOptions\" [ngModel]=\"editorModelValue\"\n          (ngModelChange)=\"onEditorModelChange($event)\"\n          [ngModelOptions]=\"{standalone: true}\"\n          [ngStyle]=\"{'left': fullscreen ? (!sqlObjView ? '0px' : '22%') : null, width: '100%' }\"\n          style=\"width: 100%; height: 100%;\"\n          (onDropIntoEditor)=\"editorOptions.onDropIntoEditor($event)\"></ngx-monaco-editor>\n      </div>\n      @if (isHtmlEditor && showHtmlPreview) {\n      <div class=\"html-preview-pane\">\n        <div class=\"html-preview-pane__header\">HTML Pseudo-Preview (sanitized)</div>\n        <div class=\"html-preview-pane__body\" [innerHTML]=\"sanitizedHtmlPreview\"></div>\n      </div>\n      }\n    </div>\n  </div>\n</div>\n}\n\n@if (editorRef?.editorContent?.nativeElement) {\n<p-contextMenu [target]=\"editorRef?.editorContent?.nativeElement\" [model]=\"editorOptions.contextMenuItems\"\n  appendTo=\"body\" />\n}\n", styles: [".editor-btn{color:#fff;list-style-type:none;z-index:2001;visibility:visible;position:absolute;right:10px;top:10px;display:flex;gap:8px;margin:0;padding:0}.editor-btn li{list-style:none}.editor-btn li div{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid #334155;border-radius:4px;background:#0f172ad9;cursor:pointer}.fullscreen{position:fixed;inset:16px;z-index:3000;background:#1e1e1e;width:auto;height:auto}.fullscreen .editor-shell{position:absolute;inset:44px 0 0;height:auto}.fullscreen .editor-pane ngx-monaco-editor{position:relative;height:auto!important}.no-full-screen{width:100%;height:200px;position:relative}.editor-container{overflow:visible!important}.editor-shell{display:flex;width:100%;height:100%;min-height:0}.editor-pane{flex:1 1 auto;min-width:0;height:100%}.editor-pane--with-preview{flex:0 0 62%}.html-preview-pane{flex:0 0 38%;min-width:260px;border-left:1px solid #404040;background:#111827;color:#e5e7eb;display:flex;flex-direction:column}.html-preview-pane__header{font-size:12px;letter-spacing:.04em;text-transform:uppercase;padding:10px 12px;border-bottom:1px solid #374151;color:#9ca3af}.html-preview-pane__body{flex:1 1 auto;overflow:auto;padding:12px;background:#fff;color:#111827}:host ::ng-deep .html-preview-pane__body .wuic-preview-component{border:1px solid #cbd5e1;border-left:4px solid #2563eb;border-radius:6px;padding:8px 10px;margin-bottom:10px;background:#f8fafc}:host ::ng-deep .html-preview-pane__body .wuic-preview-component__title{font-weight:600;color:#0f172a;margin-bottom:4px}:host ::ng-deep .html-preview-pane__body .wuic-preview-component__content{margin-top:8px}:host ::ng-deep .html-preview-pane__body .wuic-preview-field__label{display:block;font-size:13px;font-weight:600;color:#0f172a;margin-bottom:6px}:host ::ng-deep .html-preview-pane__body .wuic-preview-field__input{display:block;width:100%;border:1px solid #3b82f6;border-radius:4px;min-height:36px;box-sizing:border-box;background:#fff}:host ::ng-deep .monaco-editor .suggest-widget,:host ::ng-deep .monaco-editor .parameter-hints-widget,:host ::ng-deep .monaco-editor .monaco-hover{z-index:4000!important}:host ::ng-deep .monaco-editor .suggest-widget{height:220px!important;margin-top:-30px!important}:host ::ng-deep .monaco-editor .suggest-widget .tree,:host ::ng-deep .monaco-editor .suggest-widget .monaco-list,:host ::ng-deep .monaco-editor .suggest-widget .monaco-list-rows,:host ::ng-deep .monaco-editor .suggest-widget .monaco-scrollable-element{height:186px!important;max-height:186px!important}:host ::ng-deep .monaco-editor .suggest-widget .monaco-list-rows{box-sizing:border-box;padding-bottom:20px!important}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}::-webkit-scrollbar-thumb{background:#ffffff80;border-radius:10px;visibility:hidden}::-webkit-scrollbar-thumb:hover{visibility:visible}::-webkit-scrollbar-thumb:hover{background:#fffc}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MonacoEditorModule }, { kind: "component", type: i1.MonacoEditorComponent, selector: "ngx-monaco-editor", inputs: ["options", "uri"], outputs: ["init"] }, { kind: "ngmodule", type: ContextMenuModule }, { kind: "component", type: i13.ContextMenu, selector: "p-contextMenu, p-contextmenu, p-context-menu", inputs: ["model", "triggerEvent", "target", "global", "style", "styleClass", "autoZIndex", "baseZIndex", "id", "breakpoint", "ariaLabel", "ariaLabelledBy", "pressDelay", "appendTo", "motionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: TreeModule }, { kind: "component", type: i4.Tree, selector: "p-tree", inputs: ["value", "selectionMode", "loadingMode", "selection", "styleClass", "contextMenu", "contextMenuSelectionMode", "contextMenuSelection", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loading", "loadingIcon", "emptyMessage", "ariaLabel", "togglerAriaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterInputAutoFocus", "filterBy", "filterMode", "filterOptions", "filterPlaceholder", "filteredNodes", "filterLocale", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "indentation", "_templateMap", "trackBy", "highlightOnSelect"], outputs: ["selectionChange", "contextMenuSelectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "onNodeDoubleClick", "onNodeDrop", "onLazyLoad", "onScroll", "onScrollIndexChange", "onFilter"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CodeEditorComponent, decorators: [{
             type: Component,
@@ -3918,4 +3918,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
             }] } });
 
 export { CodeEditorComponent };
-//# sourceMappingURL=wuic-framework-lib-code-editor.component-CNREC7r_.mjs.map
+//# sourceMappingURL=wuic-framework-lib-code-editor.component-xbC6-KoE.mjs.map