@aquera/ngx-smart-table 0.0.2-alpha

package/README.md

@@ -0,0 +1,152 @@
+# NgxSmartTable
+
+A powerful, feature-rich Angular smart table library with inline editing, validation, sorting, pagination, filtering, sticky columns, keyboard navigation, and more.
+
+## Features
+
+- ✅ **Inline Cell Editing** - Click to edit with multiple editor types
+- ✅ **Column-Level Filtering** - Multiple operators and custom dropdown filters
+- ✅ **Sorting & Pagination** - Server-side and client-side support
+- ✅ **Sticky/Pinned Columns** - Pin columns left or right with user controls
+- ✅ **Column Management** - Resize, reorder, show/hide, and pin columns
+- ✅ **Keyboard Navigation** - Excel-like arrow key navigation and editing
+- ✅ **Virtual Scrolling** - Handle millions of rows efficiently
+- ✅ **Configuration Builder** - Visual UI for building table configurations
+- ✅ **Type-Safe** - Full TypeScript support with comprehensive interfaces
+- ✅ **Reactive** - Event-driven architecture with RxJS
+
+## Installation
+
+```bash
+npm install @your-org/ngx-smart-table
+```
+
+## Quick Start
+
+```typescript
+import { Component } from '@angular/core';
+import { TableConfig } from '@your-org/ngx-smart-table';
+
+@Component({
+  selector: 'app-my-table',
+  template: `
+    <st-table [config]="tableConfig" [data]="data"></st-table>
+  `
+})
+export class MyTableComponent {
+  tableConfig: TableConfig = {
+    columns: [
+      { key: 'id', header: 'ID', width: 80 },
+      { key: 'name', header: 'Name', sortable: true, filterable: true },
+      { key: 'email', header: 'Email', filterable: true }
+    ],
+    pagination: { enabled: true, pageSize: 25 },
+    sorting: { enabled: true, mode: 'server' },
+    features: {
+      keyboardNavigation: { enabled: true }
+    }
+  };
+
+  data = [
+    { id: 1, name: 'John Doe', email: 'john@example.com' },
+    { id: 2, name: 'Jane Smith', email: 'jane@example.com' }
+  ];
+}
+```
+
+## Documentation
+
+For complete documentation, see the [documentation folder](../../docs/README.md):
+
+- [Column Configuration Guide](../../docs/COLUMN_CONFIG.md) - All column properties and features
+- [Table Configuration Guide](../../docs/TABLE_CONFIG.md) - Table-level settings
+- [Keyboard Navigation Guide](../../docs/KEYBOARD_NAVIGATION.md) - Excel-like navigation
+- [Architecture Overview](../../docs/ARCHITECTURE.md) - System design and patterns
+
+## Column Configuration
+
+### New Features
+
+- **`movable`**: Control if column can be reordered (default: `true`)
+- **`pinnable`**: Control if column can be pinned/unpinned (default: `true`)
+- **`enableMenu`**: Control if column menu button appears (default: `true`)
+
+### Example
+
+```typescript
+const columns = [
+  {
+    key: 'id',
+    header: 'ID',
+    width: 80,
+    sticky: 'left',        // Pin to left
+    movable: false,        // Cannot reorder
+    pinnable: false,       // Cannot unpin
+    enableMenu: false      // No menu button
+  },
+  {
+    key: 'name',
+    header: 'Name',
+    sortable: true,
+    filterable: true,
+    movable: true,         // Can reorder
+    pinnable: true         // Can pin/unpin
+  },
+  {
+    key: 'actions',
+    header: 'Actions',
+    width: 100,
+    sticky: 'right',       // Pin to right
+    sortable: false,
+    enableMenu: false
+  }
+];
+```
+
+## Keyboard Navigation
+
+Enable Excel-like keyboard navigation:
+
+```typescript
+{
+  features: {
+    keyboardNavigation: {
+      enabled: true
+    }
+  }
+}
+```
+
+**Keyboard Shortcuts:**
+- Arrow keys: Navigate cells
+- Tab/Shift+Tab: Move between cells
+- Enter: Edit/save and move down
+- Escape: Cancel editing
+- Alphanumeric keys: Start editing
+
+## Column Menu
+
+The column menu (⋮) provides quick access to:
+- Sort ascending/descending
+- Clear sort
+- Filter (with multiple operators)
+- Pin left/right
+- Unpin
+- Move left/right
+
+Menu options automatically show/hide based on column configuration.
+
+## License
+
+MIT
+
+## Links
+
+- [GitHub Repository](https://github.com/your-org/ngx-smart-table)
+- [Documentation](../../docs/README.md)
+- [Demo Application](../../projects/demo)
+
+---
+
+**Built with ❤️ using Angular and TypeScript**
+

package/aquera-ngx-smart-table.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@aquera/ngx-smart-table" />
+export * from './public-api';

package/esm2020/aquera-ngx-smart-table.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXF1ZXJhLW5neC1zbWFydC10YWJsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3NtYXJ0LXRhYmxlL3NyYy9hcXVlcmEtbmd4LXNtYXJ0LXRhYmxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=

package/esm2020/lib/builder/components/builder-preview/builder-preview.component.mjs

@@ -0,0 +1,63 @@
+/**
+ * Builder Preview Component
+ * Live preview of table using st-table component
+ */
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/sample-data-generator.service";
+import * as i2 from "../../../renderer/components/st-table/st-table.component";
+import * as i3 from "@angular/common";
+export class BuilderPreviewComponent {
+    constructor(sampleDataGenerator) {
+        this.sampleDataGenerator = sampleDataGenerator;
+        this.sampleData = [];
+        this.isLoading = false;
+    }
+    ngOnInit() {
+        this.generatePreviewData();
+    }
+    ngOnChanges(changes) {
+        if (changes['tableConfig'] && !changes['tableConfig'].firstChange) {
+            this.generatePreviewData();
+        }
+    }
+    /**
+     * Generate sample data for preview
+     */
+    generatePreviewData() {
+        if (!this.tableConfig || !this.tableConfig?.columns || this.tableConfig?.columns.length === 0) {
+            this.sampleData = [];
+            return;
+        }
+        this.isLoading = true;
+        // Generate sample data based on columns
+        setTimeout(() => {
+            this.sampleData = this.sampleDataGenerator.generateSampleData(this.tableConfig.columns, 5 // Generate 5 sample rows
+            );
+            this.isLoading = false;
+        }, 100);
+    }
+    /**
+     * Refresh preview
+     */
+    refreshPreview() {
+        this.generatePreviewData();
+    }
+    /**
+     * Handle state change from preview table
+     */
+    onStateChange(event) {
+        // Preview is read-only, so we don't need to handle state changes
+        // But we can log them for debugging
+        console.log('Preview state change:', event);
+    }
+}
+BuilderPreviewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BuilderPreviewComponent, deps: [{ token: i1.SampleDataGeneratorService }], target: i0.ɵɵFactoryTarget.Component });
+BuilderPreviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: BuilderPreviewComponent, selector: "st-builder-preview", inputs: { tableConfig: "tableConfig" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"builder-preview\">\n  <div class=\"preview-header\">\n    <h3>Live Preview</h3>\n    <button class=\"refresh-btn\" (click)=\"refreshPreview()\" title=\"Refresh Preview\">\n      \u21BB Refresh\n    </button>\n  </div>\n\n  <div class=\"preview-content\">\n    <div *ngIf=\"isLoading\" class=\"loading\">\n      <p>Generating preview...</p>\n    </div>\n\n    <div *ngIf=\"!isLoading && tableConfig?.columns?.length === 0\" class=\"empty-state\">\n      <p>Add columns to see preview</p>\n    </div>\n    <ng-container *ngIf=\"tableConfig\">\n      <st-table\n        *ngIf=\"!isLoading && tableConfig!.columns!.length > 0\"\n        [tableConfig]=\"tableConfig\"\n        [data]=\"sampleData\"\n        (stateChange)=\"onStateChange($event)\">\n      </st-table>\n    </ng-container>\n\n  </div>\n</div>\n\n", styles: [".builder-preview{height:100%}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e0e0e0;background-color:#f8f8f8}.preview-header h3{margin:0;font-size:1rem;font-weight:600;color:#333}.refresh-btn{padding:.5rem 1rem;border:1px solid #d0d0d0;border-radius:4px;background-color:#fff;color:#333;cursor:pointer;font-size:.875rem;transition:all .2s}.refresh-btn:hover{background-color:#f5f5f5}.preview-content{overflow:auto}.loading,.empty-state{display:flex;align-items:center;justify-content:center;height:200px;color:#999;font-size:.875rem}\n"], components: [{ type: i2.StTableComponent, selector: "st-table", inputs: ["tableConfig", "data", "data$", "tableState", "enableSorting", "enableFiltering", "validateConfig"], outputs: ["stateChange", "dataChange", "cellEdit", "cellSave", "cellCancel", "cellChange", "columnResized", "columnMoved", "configValidationErrors", "columnAdded", "rowAction", "validationStateChange"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BuilderPreviewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'st-builder-preview', template: "<div class=\"builder-preview\">\n  <div class=\"preview-header\">\n    <h3>Live Preview</h3>\n    <button class=\"refresh-btn\" (click)=\"refreshPreview()\" title=\"Refresh Preview\">\n      \u21BB Refresh\n    </button>\n  </div>\n\n  <div class=\"preview-content\">\n    <div *ngIf=\"isLoading\" class=\"loading\">\n      <p>Generating preview...</p>\n    </div>\n\n    <div *ngIf=\"!isLoading && tableConfig?.columns?.length === 0\" class=\"empty-state\">\n      <p>Add columns to see preview</p>\n    </div>\n    <ng-container *ngIf=\"tableConfig\">\n      <st-table\n        *ngIf=\"!isLoading && tableConfig!.columns!.length > 0\"\n        [tableConfig]=\"tableConfig\"\n        [data]=\"sampleData\"\n        (stateChange)=\"onStateChange($event)\">\n      </st-table>\n    </ng-container>\n\n  </div>\n</div>\n\n", styles: [".builder-preview{height:100%}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e0e0e0;background-color:#f8f8f8}.preview-header h3{margin:0;font-size:1rem;font-weight:600;color:#333}.refresh-btn{padding:.5rem 1rem;border:1px solid #d0d0d0;border-radius:4px;background-color:#fff;color:#333;cursor:pointer;font-size:.875rem;transition:all .2s}.refresh-btn:hover{background-color:#f5f5f5}.preview-content{overflow:auto}.loading,.empty-state{display:flex;align-items:center;justify-content:center;height:200px;color:#999;font-size:.875rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.SampleDataGeneratorService }]; }, propDecorators: { tableConfig: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnVpbGRlci1wcmV2aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NtYXJ0LXRhYmxlL3NyYy9saWIvYnVpbGRlci9jb21wb25lbnRzL2J1aWxkZXItcHJldmlldy9idWlsZGVyLXByZXZpZXcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc21hcnQtdGFibGUvc3JjL2xpYi9idWlsZGVyL2NvbXBvbmVudHMvYnVpbGRlci1wcmV2aWV3L2J1aWxkZXItcHJldmlldy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFFSCxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBb0MsTUFBTSxlQUFlLENBQUM7Ozs7O0FBU25GLE1BQU0sT0FBTyx1QkFBdUI7SUFNbEMsWUFDVSxtQkFBK0M7UUFBL0Msd0JBQW1CLEdBQW5CLG1CQUFtQixDQUE0QjtRQUp6RCxlQUFVLEdBQVUsRUFBRSxDQUFDO1FBQ3ZCLGNBQVMsR0FBRyxLQUFLLENBQUM7SUFJZixDQUFDO0lBRUosUUFBUTtRQUNOLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxPQUFPLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLENBQUMsV0FBVyxFQUFFO1lBQ2pFLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO1NBQzVCO0lBQ0gsQ0FBQztJQUVEOztPQUVHO0lBQ0ssbUJBQW1CO1FBQ3pCLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxPQUFPLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRSxPQUFPLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRTtZQUM3RixJQUFJLENBQUMsVUFBVSxHQUFHLEVBQUUsQ0FBQztZQUNyQixPQUFPO1NBQ1I7UUFFRCxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztRQUV0Qix3Q0FBd0M7UUFDeEMsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGtCQUFrQixDQUMzRCxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sRUFDeEIsQ0FBQyxDQUFDLHlCQUF5QjthQUM1QixDQUFDO1lBQ0YsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7UUFDekIsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQ1YsQ0FBQztJQUVEOztPQUVHO0lBQ0gsY0FBYztRQUNaLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFRDs7T0FFRztJQUNILGFBQWEsQ0FBQyxLQUFVO1FBQ3RCLGlFQUFpRTtRQUNqRSxvQ0FBb0M7UUFDcEMsT0FBTyxDQUFDLEdBQUcsQ0FBQyx1QkFBdUIsRUFBRSxLQUFLLENBQUMsQ0FBQztJQUM5QyxDQUFDOztvSEF2RFUsdUJBQXVCO3dHQUF2Qix1QkFBdUIsdUhDZHBDLHN6QkE0QkE7MkZEZGEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLG9CQUFvQjtpSEFLckIsV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQnVpbGRlciBQcmV2aWV3IENvbXBvbmVudFxuICogTGl2ZSBwcmV2aWV3IG9mIHRhYmxlIHVzaW5nIHN0LXRhYmxlIGNvbXBvbmVudFxuICovXG5cbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgT25DaGFuZ2VzLCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUYWJsZUNvbmZpZyB9IGZyb20gJy4uLy4uLy4uL21vZGVscy90YWJsZS1jb25maWcuaW50ZXJmYWNlJztcbmltcG9ydCB7IFNhbXBsZURhdGFHZW5lcmF0b3JTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvc2FtcGxlLWRhdGEtZ2VuZXJhdG9yLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdC1idWlsZGVyLXByZXZpZXcnLFxuICB0ZW1wbGF0ZVVybDogJy4vYnVpbGRlci1wcmV2aWV3LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnVpbGRlci1wcmV2aWV3LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQnVpbGRlclByZXZpZXdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XG4gIEBJbnB1dCgpIHRhYmxlQ29uZmlnITogVGFibGVDb25maWc7XG5cbiAgc2FtcGxlRGF0YTogYW55W10gPSBbXTtcbiAgaXNMb2FkaW5nID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBzYW1wbGVEYXRhR2VuZXJhdG9yOiBTYW1wbGVEYXRhR2VuZXJhdG9yU2VydmljZSxcbiAgKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuZ2VuZXJhdGVQcmV2aWV3RGF0YSgpO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIGlmIChjaGFuZ2VzWyd0YWJsZUNvbmZpZyddICYmICFjaGFuZ2VzWyd0YWJsZUNvbmZpZyddLmZpcnN0Q2hhbmdlKSB7XG4gICAgICB0aGlzLmdlbmVyYXRlUHJldmlld0RhdGEoKTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogR2VuZXJhdGUgc2FtcGxlIGRhdGEgZm9yIHByZXZpZXdcbiAgICovXG4gIHByaXZhdGUgZ2VuZXJhdGVQcmV2aWV3RGF0YSgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMudGFibGVDb25maWcgfHwgIXRoaXMudGFibGVDb25maWc/LmNvbHVtbnMgfHwgdGhpcy50YWJsZUNvbmZpZz8uY29sdW1ucy5sZW5ndGggPT09IDApIHtcbiAgICAgIHRoaXMuc2FtcGxlRGF0YSA9IFtdO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRoaXMuaXNMb2FkaW5nID0gdHJ1ZTtcbiAgICBcbiAgICAvLyBHZW5lcmF0ZSBzYW1wbGUgZGF0YSBiYXNlZCBvbiBjb2x1bW5zXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLnNhbXBsZURhdGEgPSB0aGlzLnNhbXBsZURhdGFHZW5lcmF0b3IuZ2VuZXJhdGVTYW1wbGVEYXRhKFxuICAgICAgICB0aGlzLnRhYmxlQ29uZmlnLmNvbHVtbnMsXG4gICAgICAgIDUgLy8gR2VuZXJhdGUgNSBzYW1wbGUgcm93c1xuICAgICAgKTtcbiAgICAgIHRoaXMuaXNMb2FkaW5nID0gZmFsc2U7XG4gICAgfSwgMTAwKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBSZWZyZXNoIHByZXZpZXdcbiAgICovXG4gIHJlZnJlc2hQcmV2aWV3KCk6IHZvaWQge1xuICAgIHRoaXMuZ2VuZXJhdGVQcmV2aWV3RGF0YSgpO1xuICB9XG5cbiAgLyoqXG4gICAqIEhhbmRsZSBzdGF0ZSBjaGFuZ2UgZnJvbSBwcmV2aWV3IHRhYmxlXG4gICAqL1xuICBvblN0YXRlQ2hhbmdlKGV2ZW50OiBhbnkpOiB2b2lkIHtcbiAgICAvLyBQcmV2aWV3IGlzIHJlYWQtb25seSwgc28gd2UgZG9uJ3QgbmVlZCB0byBoYW5kbGUgc3RhdGUgY2hhbmdlc1xuICAgIC8vIEJ1dCB3ZSBjYW4gbG9nIHRoZW0gZm9yIGRlYnVnZ2luZ1xuICAgIGNvbnNvbGUubG9nKCdQcmV2aWV3IHN0YXRlIGNoYW5nZTonLCBldmVudCk7XG4gIH1cbn1cblxuIiwiPGRpdiBjbGFzcz1cImJ1aWxkZXItcHJldmlld1wiPlxuICA8ZGl2IGNsYXNzPVwicHJldmlldy1oZWFkZXJcIj5cbiAgICA8aDM+TGl2ZSBQcmV2aWV3PC9oMz5cbiAgICA8YnV0dG9uIGNsYXNzPVwicmVmcmVzaC1idG5cIiAoY2xpY2spPVwicmVmcmVzaFByZXZpZXcoKVwiIHRpdGxlPVwiUmVmcmVzaCBQcmV2aWV3XCI+XG4gICAgICDihrsgUmVmcmVzaFxuICAgIDwvYnV0dG9uPlxuICA8L2Rpdj5cblxuICA8ZGl2IGNsYXNzPVwicHJldmlldy1jb250ZW50XCI+XG4gICAgPGRpdiAqbmdJZj1cImlzTG9hZGluZ1wiIGNsYXNzPVwibG9hZGluZ1wiPlxuICAgICAgPHA+R2VuZXJhdGluZyBwcmV2aWV3Li4uPC9wPlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiAqbmdJZj1cIiFpc0xvYWRpbmcgJiYgdGFibGVDb25maWc/LmNvbHVtbnM/Lmxlbmd0aCA9PT0gMFwiIGNsYXNzPVwiZW1wdHktc3RhdGVcIj5cbiAgICAgIDxwPkFkZCBjb2x1bW5zIHRvIHNlZSBwcmV2aWV3PC9wPlxuICAgIDwvZGl2PlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ0YWJsZUNvbmZpZ1wiPlxuICAgICAgPHN0LXRhYmxlXG4gICAgICAgICpuZ0lmPVwiIWlzTG9hZGluZyAmJiB0YWJsZUNvbmZpZyEuY29sdW1ucyEubGVuZ3RoID4gMFwiXG4gICAgICAgIFt0YWJsZUNvbmZpZ109XCJ0YWJsZUNvbmZpZ1wiXG4gICAgICAgIFtkYXRhXT1cInNhbXBsZURhdGFcIlxuICAgICAgICAoc3RhdGVDaGFuZ2UpPVwib25TdGF0ZUNoYW5nZSgkZXZlbnQpXCI+XG4gICAgICA8L3N0LXRhYmxlPlxuICAgIDwvbmctY29udGFpbmVyPlxuXG4gIDwvZGl2PlxuPC9kaXY+XG5cbiJdfQ==

package/esm2020/lib/builder/components/builder-toolbar/builder-toolbar.component.mjs

@@ -0,0 +1,115 @@
+/**
+ * Builder Toolbar Component
+ * Handles file operations and actions
+ */
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/definition-builder.service";
+import * as i2 from "../../services/definition-export.service";
+import * as i3 from "../../services/definition-import.service";
+import * as i4 from "@angular/common";
+export class BuilderToolbarComponent {
+    constructor(builderService, exportService, importService) {
+        this.builderService = builderService;
+        this.exportService = exportService;
+        this.importService = importService;
+        this.hasUnsavedChanges = false;
+        this.newDefinition = new EventEmitter();
+        this.saved = new EventEmitter();
+        this.previewToggled = new EventEmitter();
+    }
+    /**
+     * Handle new definition button click
+     */
+    onNewDefinition() {
+        this.newDefinition.emit();
+    }
+    /**
+     * Handle open file button click
+     */
+    onOpenFile() {
+        const input = document.createElement('input');
+        input.type = 'file';
+        input.accept = '.json';
+        input.onchange = (event) => {
+            const file = event.target.files[0];
+            if (file) {
+                this.importService.importFromFile(file).then(result => {
+                    if (result.success && result.tableConfig) {
+                        this.builderService.initialize(result.tableConfig);
+                        this.saved.emit();
+                    }
+                    else {
+                        alert(`Failed to import: ${result.error}`);
+                    }
+                });
+            }
+        };
+        input.click();
+    }
+    /**
+     * Handle save button click
+     */
+    onSave() {
+        const state = this.builderService.getState();
+        this.exportService.saveToLocalStorage(state.tableConfig);
+        this.saved.emit();
+    }
+    /**
+     * Handle load from localStorage button click
+     */
+    onLoad() {
+        const config = this.exportService.loadFromLocalStorage();
+        if (config) {
+            this.builderService.initialize(config);
+            this.saved.emit();
+        }
+        else {
+            alert('No saved configuration found');
+        }
+    }
+    /**
+     * Handle export JSON button click
+     */
+    onExportJSON() {
+        const state = this.builderService.getState();
+        this.exportService.downloadAsJSON(state.tableConfig);
+    }
+    /**
+     * Handle export TypeScript button click
+     */
+    onExportTypeScript() {
+        const state = this.builderService.getState();
+        this.exportService.downloadAsTypeScript(state.tableConfig, 'table-config', {
+            includeComments: true,
+            variableName: 'tableConfig'
+        });
+    }
+    /**
+     * Handle import JSON button click
+     */
+    onImportJSON() {
+        this.onOpenFile();
+    }
+    /**
+     * Handle preview toggle button click
+     */
+    onTogglePreview() {
+        this.previewToggled.emit();
+    }
+}
+BuilderToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BuilderToolbarComponent, deps: [{ token: i1.DefinitionBuilderService }, { token: i2.DefinitionExportService }, { token: i3.DefinitionImportService }], target: i0.ɵɵFactoryTarget.Component });
+BuilderToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: BuilderToolbarComponent, selector: "st-builder-toolbar", inputs: { hasUnsavedChanges: "hasUnsavedChanges" }, outputs: { newDefinition: "newDefinition", saved: "saved", previewToggled: "previewToggled" }, ngImport: i0, template: "<div class=\"builder-toolbar\">\n  <div class=\"toolbar-section\">\n    <button class=\"toolbar-btn\" (click)=\"onNewDefinition()\" title=\"New Definition\">\n      <span>New</span>\n    </button>\n    <button class=\"toolbar-btn\" (click)=\"onOpenFile()\" title=\"Open File\">\n      <span>Open</span>\n    </button>\n    <button class=\"toolbar-btn\" (click)=\"onSave()\" title=\"Save to LocalStorage\" [class.has-changes]=\"hasUnsavedChanges\">\n      <span>Save</span>\n      <span *ngIf=\"hasUnsavedChanges\" class=\"unsaved-indicator\">\u25CF</span>\n    </button>\n    <button class=\"toolbar-btn\" (click)=\"onLoad()\" title=\"Load from LocalStorage\">\n      <span>Load</span>\n    </button>\n  </div>\n\n  <div class=\"toolbar-section\">\n    <button class=\"toolbar-btn\" (click)=\"onImportJSON()\" title=\"Import JSON\">\n      <span>Import JSON</span>\n    </button>\n    <button class=\"toolbar-btn\" (click)=\"onExportJSON()\" title=\"Export JSON\">\n      <span>Export JSON</span>\n    </button>\n    <button class=\"toolbar-btn\" (click)=\"onExportTypeScript()\" title=\"Export TypeScript\">\n      <span>Export TS</span>\n    </button>\n  </div>\n\n  <div class=\"toolbar-section\">\n    <button class=\"toolbar-btn\" (click)=\"onTogglePreview()\" title=\"Toggle Preview\">\n      <span>Preview</span>\n    </button>\n  </div>\n</div>\n\n", styles: [".builder-toolbar{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d}.toolbar-section{display:flex;align-items:center;gap:.5rem}.toolbar-section:not(:last-child):after{content:\"\";width:1px;height:24px;background-color:#e0e0e0;margin-left:.5rem}.toolbar-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;border:1px solid #d0d0d0;border-radius:4px;background-color:#fff;color:#333;cursor:pointer;font-size:.875rem;transition:all .2s}.toolbar-btn:hover{background-color:#f5f5f5;border-color:#b0b0b0}.toolbar-btn:active{background-color:#e8e8e8}.toolbar-btn.has-changes{border-color:#ff9800;background-color:#fff3e0}.toolbar-btn .unsaved-indicator{color:#ff9800;font-size:.75rem;margin-left:.25rem}\n"], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BuilderToolbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'st-builder-toolbar', template: "<div class=\"builder-toolbar\">\n  <div class=\"toolbar-section\">\n    <button class=\"toolbar-btn\" (click)=\"onNewDefinition()\" title=\"New Definition\">\n      <span>New</span>\n    </button>\n    <button class=\"toolbar-btn\" (click)=\"onOpenFile()\" title=\"Open File\">\n      <span>Open</span>\n    </button>\n    <button class=\"toolbar-btn\" (click)=\"onSave()\" title=\"Save to LocalStorage\" [class.has-changes]=\"hasUnsavedChanges\">\n      <span>Save</span>\n      <span *ngIf=\"hasUnsavedChanges\" class=\"unsaved-indicator\">\u25CF</span>\n    </button>\n    <button class=\"toolbar-btn\" (click)=\"onLoad()\" title=\"Load from LocalStorage\">\n      <span>Load</span>\n    </button>\n  </div>\n\n  <div class=\"toolbar-section\">\n    <button class=\"toolbar-btn\" (click)=\"onImportJSON()\" title=\"Import JSON\">\n      <span>Import JSON</span>\n    </button>\n    <button class=\"toolbar-btn\" (click)=\"onExportJSON()\" title=\"Export JSON\">\n      <span>Export JSON</span>\n    </button>\n    <button class=\"toolbar-btn\" (click)=\"onExportTypeScript()\" title=\"Export TypeScript\">\n      <span>Export TS</span>\n    </button>\n  </div>\n\n  <div class=\"toolbar-section\">\n    <button class=\"toolbar-btn\" (click)=\"onTogglePreview()\" title=\"Toggle Preview\">\n      <span>Preview</span>\n    </button>\n  </div>\n</div>\n\n", styles: [".builder-toolbar{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d}.toolbar-section{display:flex;align-items:center;gap:.5rem}.toolbar-section:not(:last-child):after{content:\"\";width:1px;height:24px;background-color:#e0e0e0;margin-left:.5rem}.toolbar-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;border:1px solid #d0d0d0;border-radius:4px;background-color:#fff;color:#333;cursor:pointer;font-size:.875rem;transition:all .2s}.toolbar-btn:hover{background-color:#f5f5f5;border-color:#b0b0b0}.toolbar-btn:active{background-color:#e8e8e8}.toolbar-btn.has-changes{border-color:#ff9800;background-color:#fff3e0}.toolbar-btn .unsaved-indicator{color:#ff9800;font-size:.75rem;margin-left:.25rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.DefinitionBuilderService }, { type: i2.DefinitionExportService }, { type: i3.DefinitionImportService }]; }, propDecorators: { hasUnsavedChanges: [{
+                type: Input
+            }], newDefinition: [{
+                type: Output
+            }], saved: [{
+                type: Output
+            }], previewToggled: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnVpbGRlci10b29sYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NtYXJ0LXRhYmxlL3NyYy9saWIvYnVpbGRlci9jb21wb25lbnRzL2J1aWxkZXItdG9vbGJhci9idWlsZGVyLXRvb2xiYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc21hcnQtdGFibGUvc3JjL2xpYi9idWlsZGVyL2NvbXBvbmVudHMvYnVpbGRlci10b29sYmFyL2J1aWxkZXItdG9vbGJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFFSCxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFVdkUsTUFBTSxPQUFPLHVCQUF1QjtJQU9sQyxZQUNVLGNBQXdDLEVBQ3hDLGFBQXNDLEVBQ3RDLGFBQXNDO1FBRnRDLG1CQUFjLEdBQWQsY0FBYyxDQUEwQjtRQUN4QyxrQkFBYSxHQUFiLGFBQWEsQ0FBeUI7UUFDdEMsa0JBQWEsR0FBYixhQUFhLENBQXlCO1FBVHZDLHNCQUFpQixHQUFZLEtBQUssQ0FBQztRQUVsQyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDekMsVUFBSyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDakMsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBTWpELENBQUM7SUFFSjs7T0FFRztJQUNILGVBQWU7UUFDYixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFRDs7T0FFRztJQUNILFVBQVU7UUFDUixNQUFNLEtBQUssR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQzlDLEtBQUssQ0FBQyxJQUFJLEdBQUcsTUFBTSxDQUFDO1FBQ3BCLEtBQUssQ0FBQyxNQUFNLEdBQUcsT0FBTyxDQUFDO1FBQ3ZCLEtBQUssQ0FBQyxRQUFRLEdBQUcsQ0FBQyxLQUFVLEVBQUUsRUFBRTtZQUM5QixNQUFNLElBQUksR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUNuQyxJQUFJLElBQUksRUFBRTtnQkFDUixJQUFJLENBQUMsYUFBYSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLEVBQUU7b0JBQ3BELElBQUksTUFBTSxDQUFDLE9BQU8sSUFBSSxNQUFNLENBQUMsV0FBVyxFQUFFO3dCQUN4QyxJQUFJLENBQUMsY0FBYyxDQUFDLFVBQVUsQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDLENBQUM7d0JBQ25ELElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUM7cUJBQ25CO3lCQUFNO3dCQUNMLEtBQUssQ0FBQyxxQkFBcUIsTUFBTSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUM7cUJBQzVDO2dCQUNILENBQUMsQ0FBQyxDQUFDO2FBQ0o7UUFDSCxDQUFDLENBQUM7UUFDRixLQUFLLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDaEIsQ0FBQztJQUVEOztPQUVHO0lBQ0gsTUFBTTtRQUNKLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDN0MsSUFBSSxDQUFDLGFBQWEsQ0FBQyxrQkFBa0IsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDekQsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBRUQ7O09BRUc7SUFDSCxNQUFNO1FBQ0osTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO1FBQ3pELElBQUksTUFBTSxFQUFFO1lBQ1YsSUFBSSxDQUFDLGNBQWMsQ0FBQyxVQUFVLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDdkMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUNuQjthQUFNO1lBQ0wsS0FBSyxDQUFDLDhCQUE4QixDQUFDLENBQUM7U0FDdkM7SUFDSCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxZQUFZO1FBQ1YsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUM3QyxJQUFJLENBQUMsYUFBYSxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDdkQsQ0FBQztJQUVEOztPQUVHO0lBQ0gsa0JBQWtCO1FBQ2hCLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDN0MsSUFBSSxDQUFDLGFBQWEsQ0FBQyxvQkFBb0IsQ0FBQyxLQUFLLENBQUMsV0FBVyxFQUFFLGNBQWMsRUFBRTtZQUN6RSxlQUFlLEVBQUUsSUFBSTtZQUNyQixZQUFZLEVBQUUsYUFBYTtTQUM1QixDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxZQUFZO1FBQ1YsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRDs7T0FFRztJQUNILGVBQWU7UUFDYixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzdCLENBQUM7O29IQWhHVSx1QkFBdUI7d0dBQXZCLHVCQUF1Qiw2TUNmcEMsODBDQW9DQTsyRkRyQmEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLG9CQUFvQjsyTEFLckIsaUJBQWlCO3NCQUF6QixLQUFLO2dCQUVJLGFBQWE7c0JBQXRCLE1BQU07Z0JBQ0csS0FBSztzQkFBZCxNQUFNO2dCQUNHLGNBQWM7c0JBQXZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEJ1aWxkZXIgVG9vbGJhciBDb21wb25lbnRcbiAqIEhhbmRsZXMgZmlsZSBvcGVyYXRpb25zIGFuZCBhY3Rpb25zXG4gKi9cblxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERlZmluaXRpb25CdWlsZGVyU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2RlZmluaXRpb24tYnVpbGRlci5zZXJ2aWNlJztcbmltcG9ydCB7IERlZmluaXRpb25FeHBvcnRTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvZGVmaW5pdGlvbi1leHBvcnQuc2VydmljZSc7XG5pbXBvcnQgeyBEZWZpbml0aW9uSW1wb3J0U2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2RlZmluaXRpb24taW1wb3J0LnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdC1idWlsZGVyLXRvb2xiYXInLFxuICB0ZW1wbGF0ZVVybDogJy4vYnVpbGRlci10b29sYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnVpbGRlci10b29sYmFyLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQnVpbGRlclRvb2xiYXJDb21wb25lbnQge1xuICBASW5wdXQoKSBoYXNVbnNhdmVkQ2hhbmdlczogYm9vbGVhbiA9IGZhbHNlO1xuICBcbiAgQE91dHB1dCgpIG5ld0RlZmluaXRpb24gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBzYXZlZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIHByZXZpZXdUb2dnbGVkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgYnVpbGRlclNlcnZpY2U6IERlZmluaXRpb25CdWlsZGVyU2VydmljZSxcbiAgICBwcml2YXRlIGV4cG9ydFNlcnZpY2U6IERlZmluaXRpb25FeHBvcnRTZXJ2aWNlLFxuICAgIHByaXZhdGUgaW1wb3J0U2VydmljZTogRGVmaW5pdGlvbkltcG9ydFNlcnZpY2VcbiAgKSB7fVxuXG4gIC8qKlxuICAgKiBIYW5kbGUgbmV3IGRlZmluaXRpb24gYnV0dG9uIGNsaWNrXG4gICAqL1xuICBvbk5ld0RlZmluaXRpb24oKTogdm9pZCB7XG4gICAgdGhpcy5uZXdEZWZpbml0aW9uLmVtaXQoKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBIYW5kbGUgb3BlbiBmaWxlIGJ1dHRvbiBjbGlja1xuICAgKi9cbiAgb25PcGVuRmlsZSgpOiB2b2lkIHtcbiAgICBjb25zdCBpbnB1dCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2lucHV0Jyk7XG4gICAgaW5wdXQudHlwZSA9ICdmaWxlJztcbiAgICBpbnB1dC5hY2NlcHQgPSAnLmpzb24nO1xuICAgIGlucHV0Lm9uY2hhbmdlID0gKGV2ZW50OiBhbnkpID0+IHtcbiAgICAgIGNvbnN0IGZpbGUgPSBldmVudC50YXJnZXQuZmlsZXNbMF07XG4gICAgICBpZiAoZmlsZSkge1xuICAgICAgICB0aGlzLmltcG9ydFNlcnZpY2UuaW1wb3J0RnJvbUZpbGUoZmlsZSkudGhlbihyZXN1bHQgPT4ge1xuICAgICAgICAgIGlmIChyZXN1bHQuc3VjY2VzcyAmJiByZXN1bHQudGFibGVDb25maWcpIHtcbiAgICAgICAgICAgIHRoaXMuYnVpbGRlclNlcnZpY2UuaW5pdGlhbGl6ZShyZXN1bHQudGFibGVDb25maWcpO1xuICAgICAgICAgICAgdGhpcy5zYXZlZC5lbWl0KCk7XG4gICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIGFsZXJ0KGBGYWlsZWQgdG8gaW1wb3J0OiAke3Jlc3VsdC5lcnJvcn1gKTtcbiAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgICAgfVxuICAgIH07XG4gICAgaW5wdXQuY2xpY2soKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBIYW5kbGUgc2F2ZSBidXR0b24gY2xpY2tcbiAgICovXG4gIG9uU2F2ZSgpOiB2b2lkIHtcbiAgICBjb25zdCBzdGF0ZSA9IHRoaXMuYnVpbGRlclNlcnZpY2UuZ2V0U3RhdGUoKTtcbiAgICB0aGlzLmV4cG9ydFNlcnZpY2Uuc2F2ZVRvTG9jYWxTdG9yYWdlKHN0YXRlLnRhYmxlQ29uZmlnKTtcbiAgICB0aGlzLnNhdmVkLmVtaXQoKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBIYW5kbGUgbG9hZCBmcm9tIGxvY2FsU3RvcmFnZSBidXR0b24gY2xpY2tcbiAgICovXG4gIG9uTG9hZCgpOiB2b2lkIHtcbiAgICBjb25zdCBjb25maWcgPSB0aGlzLmV4cG9ydFNlcnZpY2UubG9hZEZyb21Mb2NhbFN0b3JhZ2UoKTtcbiAgICBpZiAoY29uZmlnKSB7XG4gICAgICB0aGlzLmJ1aWxkZXJTZXJ2aWNlLmluaXRpYWxpemUoY29uZmlnKTtcbiAgICAgIHRoaXMuc2F2ZWQuZW1pdCgpO1xuICAgIH0gZWxzZSB7XG4gICAgICBhbGVydCgnTm8gc2F2ZWQgY29uZmlndXJhdGlvbiBmb3VuZCcpO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBIYW5kbGUgZXhwb3J0IEpTT04gYnV0dG9uIGNsaWNrXG4gICAqL1xuICBvbkV4cG9ydEpTT04oKTogdm9pZCB7XG4gICAgY29uc3Qgc3RhdGUgPSB0aGlzLmJ1aWxkZXJTZXJ2aWNlLmdldFN0YXRlKCk7XG4gICAgdGhpcy5leHBvcnRTZXJ2aWNlLmRvd25sb2FkQXNKU09OKHN0YXRlLnRhYmxlQ29uZmlnKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBIYW5kbGUgZXhwb3J0IFR5cGVTY3JpcHQgYnV0dG9uIGNsaWNrXG4gICAqL1xuICBvbkV4cG9ydFR5cGVTY3JpcHQoKTogdm9pZCB7XG4gICAgY29uc3Qgc3RhdGUgPSB0aGlzLmJ1aWxkZXJTZXJ2aWNlLmdldFN0YXRlKCk7XG4gICAgdGhpcy5leHBvcnRTZXJ2aWNlLmRvd25sb2FkQXNUeXBlU2NyaXB0KHN0YXRlLnRhYmxlQ29uZmlnLCAndGFibGUtY29uZmlnJywge1xuICAgICAgaW5jbHVkZUNvbW1lbnRzOiB0cnVlLFxuICAgICAgdmFyaWFibGVOYW1lOiAndGFibGVDb25maWcnXG4gICAgfSk7XG4gIH1cblxuICAvKipcbiAgICogSGFuZGxlIGltcG9ydCBKU09OIGJ1dHRvbiBjbGlja1xuICAgKi9cbiAgb25JbXBvcnRKU09OKCk6IHZvaWQge1xuICAgIHRoaXMub25PcGVuRmlsZSgpO1xuICB9XG5cbiAgLyoqXG4gICAqIEhhbmRsZSBwcmV2aWV3IHRvZ2dsZSBidXR0b24gY2xpY2tcbiAgICovXG4gIG9uVG9nZ2xlUHJldmlldygpOiB2b2lkIHtcbiAgICB0aGlzLnByZXZpZXdUb2dnbGVkLmVtaXQoKTtcbiAgfVxufVxuXG4iLCI8ZGl2IGNsYXNzPVwiYnVpbGRlci10b29sYmFyXCI+XG4gIDxkaXYgY2xhc3M9XCJ0b29sYmFyLXNlY3Rpb25cIj5cbiAgICA8YnV0dG9uIGNsYXNzPVwidG9vbGJhci1idG5cIiAoY2xpY2spPVwib25OZXdEZWZpbml0aW9uKClcIiB0aXRsZT1cIk5ldyBEZWZpbml0aW9uXCI+XG4gICAgICA8c3Bhbj5OZXc8L3NwYW4+XG4gICAgPC9idXR0b24+XG4gICAgPGJ1dHRvbiBjbGFzcz1cInRvb2xiYXItYnRuXCIgKGNsaWNrKT1cIm9uT3BlbkZpbGUoKVwiIHRpdGxlPVwiT3BlbiBGaWxlXCI+XG4gICAgICA8c3Bhbj5PcGVuPC9zcGFuPlxuICAgIDwvYnV0dG9uPlxuICAgIDxidXR0b24gY2xhc3M9XCJ0b29sYmFyLWJ0blwiIChjbGljayk9XCJvblNhdmUoKVwiIHRpdGxlPVwiU2F2ZSB0byBMb2NhbFN0b3JhZ2VcIiBbY2xhc3MuaGFzLWNoYW5nZXNdPVwiaGFzVW5zYXZlZENoYW5nZXNcIj5cbiAgICAgIDxzcGFuPlNhdmU8L3NwYW4+XG4gICAgICA8c3BhbiAqbmdJZj1cImhhc1Vuc2F2ZWRDaGFuZ2VzXCIgY2xhc3M9XCJ1bnNhdmVkLWluZGljYXRvclwiPuKXjzwvc3Bhbj5cbiAgICA8L2J1dHRvbj5cbiAgICA8YnV0dG9uIGNsYXNzPVwidG9vbGJhci1idG5cIiAoY2xpY2spPVwib25Mb2FkKClcIiB0aXRsZT1cIkxvYWQgZnJvbSBMb2NhbFN0b3JhZ2VcIj5cbiAgICAgIDxzcGFuPkxvYWQ8L3NwYW4+XG4gICAgPC9idXR0b24+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJ0b29sYmFyLXNlY3Rpb25cIj5cbiAgICA8YnV0dG9uIGNsYXNzPVwidG9vbGJhci1idG5cIiAoY2xpY2spPVwib25JbXBvcnRKU09OKClcIiB0aXRsZT1cIkltcG9ydCBKU09OXCI+XG4gICAgICA8c3Bhbj5JbXBvcnQgSlNPTjwvc3Bhbj5cbiAgICA8L2J1dHRvbj5cbiAgICA8YnV0dG9uIGNsYXNzPVwidG9vbGJhci1idG5cIiAoY2xpY2spPVwib25FeHBvcnRKU09OKClcIiB0aXRsZT1cIkV4cG9ydCBKU09OXCI+XG4gICAgICA8c3Bhbj5FeHBvcnQgSlNPTjwvc3Bhbj5cbiAgICA8L2J1dHRvbj5cbiAgICA8YnV0dG9uIGNsYXNzPVwidG9vbGJhci1idG5cIiAoY2xpY2spPVwib25FeHBvcnRUeXBlU2NyaXB0KClcIiB0aXRsZT1cIkV4cG9ydCBUeXBlU2NyaXB0XCI+XG4gICAgICA8c3Bhbj5FeHBvcnQgVFM8L3NwYW4+XG4gICAgPC9idXR0b24+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJ0b29sYmFyLXNlY3Rpb25cIj5cbiAgICA8YnV0dG9uIGNsYXNzPVwidG9vbGJhci1idG5cIiAoY2xpY2spPVwib25Ub2dnbGVQcmV2aWV3KClcIiB0aXRsZT1cIlRvZ2dsZSBQcmV2aWV3XCI+XG4gICAgICA8c3Bhbj5QcmV2aWV3PC9zcGFuPlxuICAgIDwvYnV0dG9uPlxuICA8L2Rpdj5cbjwvZGl2PlxuXG4iXX0=