@en-solutions/tgm-client-sdk 1.6.21

package/esm2022/lib/components/database-manager/object-browser/object-browser.component.mjs

@@ -0,0 +1,98 @@
+import { Component, EventEmitter, Input, Output, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "../services/entity-schema.service";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+export class ObjectBrowserComponent {
+    entitySchema;
+    // ── Data ──
+    config;
+    selectedEntity;
+    // ── Labels ──
+    searchPlaceholder = 'Search entities...';
+    groupLabels;
+    // ── Custom templates ──
+    entityTemplate;
+    groupTemplate;
+    // ── Events ──
+    selectEntity = new EventEmitter();
+    doubleClickEntity = new EventEmitter();
+    searchTerm = '';
+    groups = [];
+    filteredGroups = [];
+    constructor(entitySchema) {
+        this.entitySchema = entitySchema;
+    }
+    ngOnChanges(changes) {
+        if (changes['config'] || changes['groupLabels']) {
+            this.loadGroups();
+        }
+    }
+    onSearch() {
+        this.filterGroups();
+    }
+    toggleGroup(group) {
+        group.expanded = !group.expanded;
+    }
+    onSelectEntity(entity) {
+        this.selectEntity.emit(entity);
+    }
+    onDoubleClick(entity) {
+        this.doubleClickEntity.emit(entity);
+    }
+    isSelected(entity) {
+        return this.selectedEntity?.key === entity.key;
+    }
+    trackByCode(_index, group) {
+        return group.code;
+    }
+    trackByKey(_index, entity) {
+        return entity.key;
+    }
+    loadGroups() {
+        this.groups = this.entitySchema.getEntityGroups(this.config, this.groupLabels).map(g => ({
+            ...g,
+            expanded: true,
+        }));
+        this.filterGroups();
+    }
+    filterGroups() {
+        const term = this.searchTerm.toLowerCase().trim();
+        if (!term) {
+            this.filteredGroups = this.groups;
+            return;
+        }
+        this.filteredGroups = this.groups
+            .map(group => ({
+            ...group,
+            expanded: true,
+            entities: group.entities.filter(e => e.name.toLowerCase().includes(term) || e.key.toLowerCase().includes(term)),
+        }))
+            .filter(g => g.entities.length > 0);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ObjectBrowserComponent, deps: [{ token: i1.EntitySchemaService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ObjectBrowserComponent, isStandalone: true, selector: "tgm-object-browser", inputs: { config: "config", selectedEntity: "selectedEntity", searchPlaceholder: "searchPlaceholder", groupLabels: "groupLabels", entityTemplate: "entityTemplate", groupTemplate: "groupTemplate" }, outputs: { selectEntity: "selectEntity", doubleClickEntity: "doubleClickEntity" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"tgm-object-browser\">\n  <!-- Search -->\n  <div class=\"tgm-object-browser__search\">\n    <input\n      type=\"text\"\n      class=\"tgm-object-browser__input\"\n      [placeholder]=\"searchPlaceholder\"\n      [(ngModel)]=\"searchTerm\"\n      (ngModelChange)=\"onSearch()\"\n    />\n  </div>\n\n  <!-- Tree -->\n  <div class=\"tgm-object-browser__tree\">\n    <ng-container *ngFor=\"let group of filteredGroups; trackBy: trackByCode\">\n      <!-- Custom group template -->\n      <ng-container *ngIf=\"groupTemplate; else defaultGroup\">\n        <ng-container *ngTemplateOutlet=\"groupTemplate; context: { $implicit: group }\"></ng-container>\n      </ng-container>\n\n      <ng-template #defaultGroup>\n        <div class=\"tgm-object-browser__group\">\n          <div\n            class=\"tgm-object-browser__group-header\"\n            (click)=\"toggleGroup(group)\"\n          >\n            <span class=\"tgm-object-browser__arrow\" [class.tgm-object-browser__arrow--expanded]=\"group.expanded\">\n              &#9654;\n            </span>\n            <span class=\"tgm-object-browser__group-label\">{{ group.label }}</span>\n            <span class=\"tgm-object-browser__group-count\">{{ group.entities.length }}</span>\n          </div>\n\n          <div class=\"tgm-object-browser__entities\" *ngIf=\"group.expanded\">\n            <ng-container *ngFor=\"let entity of group.entities; trackBy: trackByKey\">\n              <!-- Custom entity template -->\n              <ng-container *ngIf=\"entityTemplate; else defaultEntity\">\n                <ng-container *ngTemplateOutlet=\"entityTemplate; context: { $implicit: entity }\"></ng-container>\n              </ng-container>\n\n              <ng-template #defaultEntity>\n                <div\n                  class=\"tgm-object-browser__entity\"\n                  [class.tgm-object-browser__entity--selected]=\"isSelected(entity)\"\n                  (click)=\"onSelectEntity(entity)\"\n                  (dblclick)=\"onDoubleClick(entity)\"\n                  [title]=\"entity.description || entity.name\"\n                >\n                  <span class=\"tgm-object-browser__entity-icon\">&#9635;</span>\n                  <span class=\"tgm-object-browser__entity-name\">{{ entity.name }}</span>\n                </div>\n              </ng-template>\n            </ng-container>\n          </div>\n        </div>\n      </ng-template>\n    </ng-container>\n\n    <!-- Empty state -->\n    <div class=\"tgm-object-browser__empty\" *ngIf=\"filteredGroups.length === 0\">\n      <p>No entities found.</p>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block;height:100%;overflow:hidden}.tgm-object-browser{display:flex;flex-direction:column;height:100%}.tgm-object-browser__search{padding:var(--tgm-db-spacing-sm, 8px);border-bottom:1px solid var(--tgm-db-border, rgba(255, 255, 255, .1))}.tgm-object-browser__input{width:100%;padding:6px 10px;background:var(--tgm-db-bg-secondary, rgba(255, 255, 255, .05));border:1px solid var(--tgm-db-border, rgba(255, 255, 255, .1));border-radius:var(--tgm-db-radius-sm, 4px);color:var(--tgm-db-text, #e5e7eb);font-size:13px;font-family:var(--tgm-db-font-family, inherit);outline:none;box-sizing:border-box}.tgm-object-browser__input::placeholder{color:var(--tgm-db-text-muted, #6b7280)}.tgm-object-browser__input:focus{border-color:var(--tgm-db-primary, #3b82f6)}.tgm-object-browser__tree{flex:1;overflow-y:auto;padding:var(--tgm-db-spacing-sm, 8px) 0}.tgm-object-browser__group{margin-bottom:2px}.tgm-object-browser__group-header{display:flex;align-items:center;gap:6px;padding:4px var(--tgm-db-spacing-sm, 8px);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:600;color:var(--tgm-db-text-secondary, #9ca3af);text-transform:uppercase;letter-spacing:.5px}.tgm-object-browser__group-header:hover{color:var(--tgm-db-text, #e5e7eb)}.tgm-object-browser__arrow{font-size:8px;transition:transform .15s;display:inline-block}.tgm-object-browser__arrow--expanded{transform:rotate(90deg)}.tgm-object-browser__group-label{flex:1}.tgm-object-browser__group-count{font-size:11px;color:var(--tgm-db-text-muted, #6b7280);font-weight:400}.tgm-object-browser__entities{padding-left:8px}.tgm-object-browser__entity{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 16px;cursor:pointer;font-size:13px;color:var(--tgm-db-text, #e5e7eb);border-radius:var(--tgm-db-radius-sm, 4px);transition:background .1s}.tgm-object-browser__entity:hover{background:var(--tgm-db-bg-hover, rgba(255, 255, 255, .08))}.tgm-object-browser__entity--selected{background:var(--tgm-db-bg-active, rgba(59, 130, 246, .15));color:var(--tgm-db-primary, #3b82f6)}.tgm-object-browser__entity-icon{font-size:12px;opacity:.6}.tgm-object-browser__entity-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tgm-object-browser__empty{display:flex;align-items:center;justify-content:center;padding:24px;color:var(--tgm-db-text-muted, #6b7280);font-size:13px}.tgm-object-browser__empty p{margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ObjectBrowserComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tgm-object-browser', standalone: true, imports: [CommonModule, FormsModule], template: "<div class=\"tgm-object-browser\">\n  <!-- Search -->\n  <div class=\"tgm-object-browser__search\">\n    <input\n      type=\"text\"\n      class=\"tgm-object-browser__input\"\n      [placeholder]=\"searchPlaceholder\"\n      [(ngModel)]=\"searchTerm\"\n      (ngModelChange)=\"onSearch()\"\n    />\n  </div>\n\n  <!-- Tree -->\n  <div class=\"tgm-object-browser__tree\">\n    <ng-container *ngFor=\"let group of filteredGroups; trackBy: trackByCode\">\n      <!-- Custom group template -->\n      <ng-container *ngIf=\"groupTemplate; else defaultGroup\">\n        <ng-container *ngTemplateOutlet=\"groupTemplate; context: { $implicit: group }\"></ng-container>\n      </ng-container>\n\n      <ng-template #defaultGroup>\n        <div class=\"tgm-object-browser__group\">\n          <div\n            class=\"tgm-object-browser__group-header\"\n            (click)=\"toggleGroup(group)\"\n          >\n            <span class=\"tgm-object-browser__arrow\" [class.tgm-object-browser__arrow--expanded]=\"group.expanded\">\n              &#9654;\n            </span>\n            <span class=\"tgm-object-browser__group-label\">{{ group.label }}</span>\n            <span class=\"tgm-object-browser__group-count\">{{ group.entities.length }}</span>\n          </div>\n\n          <div class=\"tgm-object-browser__entities\" *ngIf=\"group.expanded\">\n            <ng-container *ngFor=\"let entity of group.entities; trackBy: trackByKey\">\n              <!-- Custom entity template -->\n              <ng-container *ngIf=\"entityTemplate; else defaultEntity\">\n                <ng-container *ngTemplateOutlet=\"entityTemplate; context: { $implicit: entity }\"></ng-container>\n              </ng-container>\n\n              <ng-template #defaultEntity>\n                <div\n                  class=\"tgm-object-browser__entity\"\n                  [class.tgm-object-browser__entity--selected]=\"isSelected(entity)\"\n                  (click)=\"onSelectEntity(entity)\"\n                  (dblclick)=\"onDoubleClick(entity)\"\n                  [title]=\"entity.description || entity.name\"\n                >\n                  <span class=\"tgm-object-browser__entity-icon\">&#9635;</span>\n                  <span class=\"tgm-object-browser__entity-name\">{{ entity.name }}</span>\n                </div>\n              </ng-template>\n            </ng-container>\n          </div>\n        </div>\n      </ng-template>\n    </ng-container>\n\n    <!-- Empty state -->\n    <div class=\"tgm-object-browser__empty\" *ngIf=\"filteredGroups.length === 0\">\n      <p>No entities found.</p>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block;height:100%;overflow:hidden}.tgm-object-browser{display:flex;flex-direction:column;height:100%}.tgm-object-browser__search{padding:var(--tgm-db-spacing-sm, 8px);border-bottom:1px solid var(--tgm-db-border, rgba(255, 255, 255, .1))}.tgm-object-browser__input{width:100%;padding:6px 10px;background:var(--tgm-db-bg-secondary, rgba(255, 255, 255, .05));border:1px solid var(--tgm-db-border, rgba(255, 255, 255, .1));border-radius:var(--tgm-db-radius-sm, 4px);color:var(--tgm-db-text, #e5e7eb);font-size:13px;font-family:var(--tgm-db-font-family, inherit);outline:none;box-sizing:border-box}.tgm-object-browser__input::placeholder{color:var(--tgm-db-text-muted, #6b7280)}.tgm-object-browser__input:focus{border-color:var(--tgm-db-primary, #3b82f6)}.tgm-object-browser__tree{flex:1;overflow-y:auto;padding:var(--tgm-db-spacing-sm, 8px) 0}.tgm-object-browser__group{margin-bottom:2px}.tgm-object-browser__group-header{display:flex;align-items:center;gap:6px;padding:4px var(--tgm-db-spacing-sm, 8px);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:600;color:var(--tgm-db-text-secondary, #9ca3af);text-transform:uppercase;letter-spacing:.5px}.tgm-object-browser__group-header:hover{color:var(--tgm-db-text, #e5e7eb)}.tgm-object-browser__arrow{font-size:8px;transition:transform .15s;display:inline-block}.tgm-object-browser__arrow--expanded{transform:rotate(90deg)}.tgm-object-browser__group-label{flex:1}.tgm-object-browser__group-count{font-size:11px;color:var(--tgm-db-text-muted, #6b7280);font-weight:400}.tgm-object-browser__entities{padding-left:8px}.tgm-object-browser__entity{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 16px;cursor:pointer;font-size:13px;color:var(--tgm-db-text, #e5e7eb);border-radius:var(--tgm-db-radius-sm, 4px);transition:background .1s}.tgm-object-browser__entity:hover{background:var(--tgm-db-bg-hover, rgba(255, 255, 255, .08))}.tgm-object-browser__entity--selected{background:var(--tgm-db-bg-active, rgba(59, 130, 246, .15));color:var(--tgm-db-primary, #3b82f6)}.tgm-object-browser__entity-icon{font-size:12px;opacity:.6}.tgm-object-browser__entity-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tgm-object-browser__empty{display:flex;align-items:center;justify-content:center;padding:24px;color:var(--tgm-db-text-muted, #6b7280);font-size:13px}.tgm-object-browser__empty p{margin:0}\n"] }]
+        }], ctorParameters: () => [{ type: i1.EntitySchemaService }], propDecorators: { config: [{
+                type: Input
+            }], selectedEntity: [{
+                type: Input
+            }], searchPlaceholder: [{
+                type: Input
+            }], groupLabels: [{
+                type: Input
+            }], entityTemplate: [{
+                type: Input
+            }], groupTemplate: [{
+                type: Input
+            }], selectEntity: [{
+                type: Output
+            }], doubleClickEntity: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2JqZWN0LWJyb3dzZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2RhdGFiYXNlLW1hbmFnZXIvb2JqZWN0LWJyb3dzZXIvb2JqZWN0LWJyb3dzZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2RhdGFiYXNlLW1hbmFnZXIvb2JqZWN0LWJyb3dzZXIvb2JqZWN0LWJyb3dzZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sR0FHUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7OztBQVc3QyxNQUFNLE9BQU8sc0JBQXNCO0lBcUJiO0lBcEJwQixhQUFhO0lBQ0osTUFBTSxDQUF5QjtJQUMvQixjQUFjLENBQXVCO0lBRTlDLGVBQWU7SUFDTixpQkFBaUIsR0FBRyxvQkFBb0IsQ0FBQztJQUN6QyxXQUFXLENBQTBCO0lBRTlDLHlCQUF5QjtJQUNoQixjQUFjLENBQW1EO0lBQ2pFLGFBQWEsQ0FBaUQ7SUFFdkUsZUFBZTtJQUNMLFlBQVksR0FBRyxJQUFJLFlBQVksRUFBdUIsQ0FBQztJQUN2RCxpQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBdUIsQ0FBQztJQUV0RSxVQUFVLEdBQUcsRUFBRSxDQUFDO0lBQ2hCLE1BQU0sR0FBd0IsRUFBRSxDQUFDO0lBQ2pDLGNBQWMsR0FBd0IsRUFBRSxDQUFDO0lBRXpDLFlBQW9CLFlBQWlDO1FBQWpDLGlCQUFZLEdBQVosWUFBWSxDQUFxQjtJQUFHLENBQUM7SUFFekQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksT0FBTyxD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QTFCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgT3V0cHV0LFxuICBTaW1wbGVDaGFuZ2VzLFxuICBUZW1wbGF0ZVJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBFbnRpdHlSZWdpc3RyeUVudHJ5LCBFbnRpdHlNb2R1bGVHcm91cCwgRGF0YWJhc2VNYW5hZ2VyQ29uZmlnIH0gZnJvbSAnLi4vdHlwZXMvZGF0YWJhc2UtbWFuYWdlci50eXBlcyc7XG5pbXBvcnQgeyBFbnRpdHlTY2hlbWFTZXJ2aWNlIH0gZnJvbSAnLi4vc2VydmljZXMvZW50aXR5LXNjaGVtYS5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGdtLW9iamVjdC1icm93c2VyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgRm9ybXNNb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vb2JqZWN0LWJyb3dzZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9vYmplY3QtYnJvd3Nlci5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBPYmplY3RCcm93c2VyQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgLy8g4pSA4pSAIERhdGEg4pSA4pSAXG4gIEBJbnB1dCgpIGNvbmZpZz86IERhdGFiYXNlTWFuYWdlckNvbmZpZztcbiAgQElucHV0KCkgc2VsZWN0ZWRFbnRpdHk/OiBFbnRpdHlSZWdpc3RyeUVudHJ5O1xuXG4gIC8vIOKUgOKUgCBMYWJlbHMg4pSA4pSAXG4gIEBJbnB1dCgpIHNlYXJjaFBsYWNlaG9sZGVyID0gJ1NlYXJjaCBlbnRpdGllcy4uLic7XG4gIEBJbnB1dCgpIGdyb3VwTGFiZWxzPzogUmVjb3JkPHN0cmluZywgc3RyaW5nPjtcblxuICAvLyDilIDilIAgQ3VzdG9tIHRlbXBsYXRlcyDilIDilIBcbiAgQElucHV0KCkgZW50aXR5VGVtcGxhdGU/OiBUZW1wbGF0ZVJlZjx7ICRpbXBsaWNpdDogRW50aXR5UmVnaXN0cnlFbnRyeSB9PjtcbiAgQElucHV0KCkgZ3JvdXBUZW1wbGF0ZT86IFRlbXBsYXRlUmVmPHsgJGltcGxpY2l0OiBFbnRpdHlNb2R1bGVHcm91cCB9PjtcblxuICAvLyDilIDilIAgRXZlbnRzIOKUgOKUgFxuICBAT3V0cHV0KCkgc2VsZWN0RW50aXR5ID0gbmV3IEV2ZW50RW1pdHRlcjxFbnRpdHlSZWdpc3RyeUVudHJ5PigpO1xuICBAT3V0cHV0KCkgZG91YmxlQ2xpY2tFbnRpdHkgPSBuZXcgRXZlbnRFbWl0dGVyPEVudGl0eVJlZ2lzdHJ5RW50cnk+KCk7XG5cbiAgc2VhcmNoVGVybSA9ICcnO1xuICBncm91cHM6IEVudGl0eU1vZHVsZUdyb3VwW10gPSBbXTtcbiAgZmlsdGVyZWRHcm91cHM6IEVudGl0eU1vZHVsZUdyb3VwW10gPSBbXTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVudGl0eVNjaGVtYTogRW50aXR5U2NoZW1hU2VydmljZSkge31cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYgKGNoYW5nZXNbJ2NvbmZpZyddIHx8IGNoYW5nZXNbJ2dyb3VwTGFiZWxzJ10pIHtcbiAgICAgIHRoaXMubG9hZEdyb3VwcygpO1xuICAgIH1cbiAgfVxuXG4gIG9uU2VhcmNoKCk6IHZvaWQge1xuICAgIHRoaXMuZmlsdGVyR3JvdXBzKCk7XG4gIH1cblxuICB0b2dnbGVHcm91cChncm91cDogRW50aXR5TW9kdWxlR3JvdXApOiB2b2lkIHtcbiAgICBncm91cC5leHBhbmRlZCA9ICFncm91cC5leHBhbmRlZDtcbiAgfVxuXG4gIG9uU2VsZWN0RW50aXR5KGVudGl0eTogRW50aXR5UmVnaXN0cnlFbnRyeSk6IHZvaWQge1xuICAgIHRoaXMuc2VsZWN0RW50aXR5LmVtaXQoZW50aXR5KTtcbiAgfVxuXG4gIG9uRG91YmxlQ2xpY2soZW50aXR5OiBFbnRpdHlSZWdpc3RyeUVudHJ5KTogdm9pZCB7XG4gICAgdGhpcy5kb3VibGVDbGlja0VudGl0eS5lbWl0KGVudGl0eSk7XG4gIH1cblxuICBpc1NlbGVjdGVkKGVudGl0eTogRW50aXR5UmVnaXN0cnlFbnRyeSk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLnNlbGVjdGVkRW50aXR5Py5rZXkgPT09IGVudGl0eS5rZXk7XG4gIH1cblxuICB0cmFja0J5Q29kZShfaW5kZXg6IG51bWJlciwgZ3JvdXA6IEVudGl0eU1vZHVsZUdyb3VwKTogc3RyaW5nIHtcbiAgICByZXR1cm4gZ3JvdXAuY29kZTtcbiAgfVxuXG4gIHRyYWNrQnlLZXkoX2luZGV4OiBudW1iZXIsIGVudGl0eTogRW50aXR5UmVnaXN0cnlFbnRyeSk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGVudGl0eS5rZXk7XG4gIH1cblxuICBwcml2YXRlIGxvYWRHcm91cHMoKTogdm9pZCB7XG4gICAgdGhpcy5ncm91cHMgPSB0aGlzLmVudGl0eVNjaGVtYS5nZXRFbnRpdHlHcm91cHModGhpcy5jb25maWcsIHRoaXMuZ3JvdXBMYWJlbHMpLm1hcChnID0+ICh7XG4gICAgICAuLi5nLFxuICAgICAgZXhwYW5kZWQ6IHRydWUsXG4gICAgfSkpO1xuICAgIHRoaXMuZmlsdGVyR3JvdXBzKCk7XG4gIH1cblxuICBwcml2YXRlIGZpbHRlckdyb3VwcygpOiB2b2lkIHtcbiAgICBjb25zdCB0ZXJtID0gdGhpcy5zZWFyY2hUZXJtLnRvTG93ZXJDYXNlKCkudHJpbSgpO1xuICAgIGlmICghdGVybSkge1xuICAgICAgdGhpcy5maWx0ZXJlZEdyb3VwcyA9IHRoaXMuZ3JvdXBzO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRoaXMuZmlsdGVyZWRHcm91cHMgPSB0aGlzLmdyb3Vwc1xuICAgICAgLm1hcChncm91cCA9PiAoe1xuICAgICAgICAuLi5ncm91cCxcbiAgICAgICAgZXhwYW5kZWQ6IHRydWUsXG4gICAgICAgIGVudGl0aWVzOiBncm91cC5lbnRpdGllcy5maWx0ZXIoXG4gICAgICAgICAgZSA9PiBlLm5hbWUudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyh0ZXJtKSB8fCBlLmtleS50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKHRlcm0pLFxuICAgICAgICApLFxuICAgICAgfSkpXG4gICAgICAuZmlsdGVyKGcgPT4gZy5lbnRpdGllcy5sZW5ndGggPiAwKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInRnbS1vYmplY3QtYnJvd3NlclwiPlxuICA8IS0tIFNlYXJjaCAtLT5cbiAgPGRpdiBjbGFzcz1cInRnbS1vYmplY3QtYnJvd3Nlcl9fc2VhcmNoXCI+XG4gICAgPGlucHV0XG4gICAgICB0eXBlPVwidGV4dFwiXG4gICAgICBjbGFzcz1cInRnbS1vYmplY3QtYnJvd3Nlcl9faW5wdXRcIlxuICAgICAgW3BsYWNlaG9sZGVyXT1cInNlYXJjaFBsYWNlaG9sZGVyXCJcbiAgICAgIFsobmdNb2RlbCldPVwic2VhcmNoVGVybVwiXG4gICAgICAobmdNb2RlbENoYW5nZSk9XCJvblNlYXJjaCgpXCJcbiAgICAvPlxuICA8L2Rpdj5cblxuICA8IS0tIFRyZWUgLS0+XG4gIDxkaXYgY2xhc3M9XCJ0Z20tb2JqZWN0LWJyb3dzZXJfX3RyZWVcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBncm91cCBvZiBmaWx0ZXJlZEdyb3VwczsgdHJhY2tCeTogdHJhY2tCeUNvZGVcIj5cbiAgICAgIDwhLS0gQ3VzdG9tIGdyb3VwIHRlbXBsYXRlIC0tPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImdyb3VwVGVtcGxhdGU7IGVsc2UgZGVmYXVsdEdyb3VwXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJncm91cFRlbXBsYXRlOyBjb250ZXh0OiB7ICRpbXBsaWNpdDogZ3JvdXAgfVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgIDxuZy10ZW1wbGF0ZSAjZGVmYXVsdEdyb3VwPlxuICAgICAgICA8ZGl2IGNsYXNzPVwidGdtLW9iamVjdC1icm93c2VyX19ncm91cFwiPlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNsYXNzPVwidGdtLW9iamVjdC1icm93c2VyX19ncm91cC1oZWFkZXJcIlxuICAgICAgICAgICAgKGNsaWNrKT1cInRvZ2dsZUdyb3VwKGdyb3VwKVwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ0Z20tb2JqZWN0LWJyb3dzZXJfX2Fycm93XCIgW2NsYXNzLnRnbS1vYmplY3QtYnJvd3Nlcl9fYXJyb3ctLWV4cGFuZGVkXT1cImdyb3VwLmV4cGFuZGVkXCI+XG4gICAgICAgICAgICAgICYjOTY1NDtcbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidGdtLW9iamVjdC1icm93c2VyX19ncm91cC1sYWJlbFwiPnt7IGdyb3VwLmxhYmVsIH19PC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ0Z20tb2JqZWN0LWJyb3dzZXJfX2dyb3VwLWNvdW50XCI+e3sgZ3JvdXAuZW50aXRpZXMubGVuZ3RoIH19PC9zcGFuPlxuICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInRnbS1vYmplY3QtYnJvd3Nlcl9fZW50aXRpZXNcIiAqbmdJZj1cImdyb3VwLmV4cGFuZGVkXCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBlbnRpdHkgb2YgZ3JvdXAuZW50aXRpZXM7IHRyYWNrQnk6IHRyYWNrQnlLZXlcIj5cbiAgICAgICAgICAgICAgPCEtLSBDdXN0b20gZW50aXR5IHRlbXBsYXRlIC0tPlxuICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZW50aXR5VGVtcGxhdGU7IGVsc2UgZGVmYXVsdEVudGl0eVwiPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJlbnRpdHlUZW1wbGF0ZTsgY29udGV4dDogeyAkaW1wbGljaXQ6IGVudGl0eSB9XCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjZGVmYXVsdEVudGl0eT5cbiAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICBjbGFzcz1cInRnbS1vYmplY3QtYnJvd3Nlcl9fZW50aXR5XCJcbiAgICAgICAgICAgICAgICAgIFtjbGFzcy50Z20tb2JqZWN0LWJyb3dzZXJfX2VudGl0eS0tc2VsZWN0ZWRdPVwiaXNTZWxlY3RlZChlbnRpdHkpXCJcbiAgICAgICAgICAgICAgICAgIChjbGljayk9XCJvblNlbGVjdEVudGl0eShlbnRpdHkpXCJcbiAgICAgICAgICAgICAgICAgIChkYmxjbGljayk9XCJvbkRvdWJsZUNsaWNrKGVudGl0eSlcIlxuICAgICAgICAgICAgICAgICAgW3RpdGxlXT1cImVudGl0eS5kZXNjcmlwdGlvbiB8fCBlbnRpdHkubmFtZVwiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ0Z20tb2JqZWN0LWJyb3dzZXJfX2VudGl0eS1pY29uXCI+JiM5NjM1Ozwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidGdtLW9iamVjdC1icm93c2VyX19lbnRpdHktbmFtZVwiPnt7IGVudGl0eS5uYW1lIH19PC9zcGFuPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgIDwhLS0gRW1wdHkgc3RhdGUgLS0+XG4gICAgPGRpdiBjbGFzcz1cInRnbS1vYmplY3QtYnJvd3Nlcl9fZW1wdHlcIiAqbmdJZj1cImZpbHRlcmVkR3JvdXBzLmxlbmd0aCA9PT0gMFwiPlxuICAgICAgPHA+Tm8gZW50aXRpZXMgZm91bmQuPC9wPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2022/lib/components/database-manager/query-editor/query-editor.component.mjs

@@ -0,0 +1,196 @@
+import { Component, EventEmitter, Input, Output, ViewChild, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { ENTITY_REGISTRY } from '../registry/entity-registry';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class QueryEditorComponent {
+    // ── Data ──
+    value = '';
+    entitySchema;
+    enableMonaco = true;
+    monacoOptions;
+    // ── Labels ──
+    placeholder = '{ "entity": "inspections", "filters": { "status": "PENDING" }, "sort": "createdAt", "order": "DESC" }';
+    editorClass = '';
+    // ── Events ──
+    valueChange = new EventEmitter();
+    execute = new EventEmitter();
+    monacoContainer;
+    textareaEl;
+    monacoAvailable = false;
+    monacoEditor = null;
+    completionDisposable = null;
+    ngOnInit() {
+        this.monacoAvailable = this.enableMonaco && typeof monaco !== 'undefined';
+    }
+    ngOnChanges(changes) {
+        if (changes['value'] && this.monacoEditor) {
+            const currentVal = this.monacoEditor.getValue();
+            if (currentVal !== this.value) {
+                this.monacoEditor.setValue(this.value);
+            }
+        }
+    }
+    ngOnDestroy() {
+        this.completionDisposable?.dispose();
+        this.monacoEditor?.dispose();
+    }
+    onMonacoInit() {
+        if (!this.monacoAvailable || !this.monacoContainer)
+            return;
+        const defaultOptions = {
+            value: this.value,
+            language: 'json',
+            theme: 'vs-dark',
+            minimap: { enabled: false },
+            lineNumbers: 'on',
+            scrollBeyondLastLine: false,
+            automaticLayout: true,
+            fontSize: 14,
+            fontFamily: 'var(--tgm-db-font-mono)',
+            tabSize: 2,
+            wordWrap: 'on',
+            padding: { top: 8 },
+        };
+        const opts = { ...defaultOptions, ...this.monacoOptions };
+        try {
+            this.monacoEditor = monaco.editor.create(this.monacoContainer.nativeElement, opts);
+            // Listen for changes
+            this.monacoEditor.onDidChangeModelContent(() => {
+                const val = this.monacoEditor.getValue();
+                this.value = val;
+                this.valueChange.emit(val);
+            });
+            // Ctrl+Enter → execute
+            this.monacoEditor.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyCode.Enter, () => this.execute.emit(this.monacoEditor.getValue()));
+            // Register auto-completion
+            this.registerCompletionProvider();
+        }
+        catch {
+            this.monacoAvailable = false;
+        }
+    }
+    onTextareaInput(event) {
+        const val = event.target.value;
+        this.value = val;
+        this.valueChange.emit(val);
+    }
+    onTextareaKeydown(event) {
+        if ((event.ctrlKey || event.metaKey) && event.key === 'Enter') {
+            event.preventDefault();
+            this.execute.emit(this.value);
+        }
+    }
+    /**
+     * Called after view init if Monaco is available.
+     */
+    ngAfterViewInit() {
+        if (this.monacoAvailable) {
+            // Small delay to ensure the container is rendered
+            setTimeout(() => this.onMonacoInit(), 50);
+        }
+    }
+    registerCompletionProvider() {
+        if (!monaco?.languages)
+            return;
+        this.completionDisposable = monaco.languages.registerCompletionItemProvider('json', {
+            provideCompletionItems: (model, position) => {
+                const textUntilPosition = model.getValueInRange({
+                    startLineNumber: 1,
+                    startColumn: 1,
+                    endLineNumber: position.lineNumber,
+                    endColumn: position.column,
+                });
+                const suggestions = [];
+                const word = model.getWordUntilPosition(position);
+                const range = {
+                    startLineNumber: position.lineNumber,
+                    endLineNumber: position.lineNumber,
+                    startColumn: word.startColumn,
+                    endColumn: word.endColumn,
+                };
+                // Suggest entity names after "entity":
+                if (/"entity"\s*:\s*"[^"]*$/.test(textUntilPosition)) {
+                    for (const entry of ENTITY_REGISTRY) {
+                        suggestions.push({
+                            label: entry.key,
+                            kind: monaco.languages.CompletionItemKind.Value,
+                            insertText: entry.key,
+                            detail: entry.name,
+                            documentation: entry.description,
+                            range,
+                        });
+                    }
+                }
+                // Suggest top-level keys
+                else if (/{\s*("[^"]*"\s*:\s*[^,]*,\s*)*"?[^"]*$/.test(textUntilPosition) && !/"filters"\s*:\s*\{/.test(textUntilPosition.slice(-100))) {
+                    const keys = ['entity', 'select', 'filters', 'sort', 'order', 'page', 'pageSize'];
+                    for (const key of keys) {
+                        suggestions.push({
+                            label: key,
+                            kind: monaco.languages.CompletionItemKind.Property,
+                            insertText: `"${key}"`,
+                            range,
+                        });
+                    }
+                }
+                // Suggest sort order values
+                else if (/"order"\s*:\s*"[^"]*$/.test(textUntilPosition)) {
+                    for (const val of ['ASC', 'DESC']) {
+                        suggestions.push({
+                            label: val,
+                            kind: monaco.languages.CompletionItemKind.Value,
+                            insertText: val,
+                            range,
+                        });
+                    }
+                }
+                // Suggest field names for filters/sort
+                else if (this.entitySchema) {
+                    const fields = this.entitySchema.fields;
+                    for (const field of fields) {
+                        suggestions.push({
+                            label: field.name,
+                            kind: monaco.languages.CompletionItemKind.Field,
+                            insertText: field.type === 'enum' || field.type === 'string' ? `"${field.name}"` : `"${field.name}"`,
+                            detail: `${field.type}${field.enumValues ? ` (${field.enumValues.length} values)` : ''}`,
+                            documentation: field.description || field.label,
+                            range,
+                        });
+                    }
+                }
+                return { suggestions };
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: QueryEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: QueryEditorComponent, isStandalone: true, selector: "tgm-query-editor", inputs: { value: "value", entitySchema: "entitySchema", enableMonaco: "enableMonaco", monacoOptions: "monacoOptions", placeholder: "placeholder", editorClass: "editorClass" }, outputs: { valueChange: "valueChange", execute: "execute" }, viewQueries: [{ propertyName: "monacoContainer", first: true, predicate: ["monacoContainer"], descendants: true }, { propertyName: "textareaEl", first: true, predicate: ["textareaEl"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"tgm-query-editor\" [ngClass]=\"editorClass\">\n  <!-- Monaco Editor -->\n  <div\n    *ngIf=\"monacoAvailable\"\n    #monacoContainer\n    class=\"tgm-query-editor__monaco\"\n  ></div>\n\n  <!-- Textarea Fallback -->\n  <textarea\n    *ngIf=\"!monacoAvailable\"\n    #textareaEl\n    class=\"tgm-query-editor__textarea\"\n    [value]=\"value\"\n    [placeholder]=\"placeholder\"\n    (input)=\"onTextareaInput($event)\"\n    (keydown)=\"onTextareaKeydown($event)\"\n    spellcheck=\"false\"\n    autocomplete=\"off\"\n  ></textarea>\n\n  <div class=\"tgm-query-editor__hint\">\n    Press <kbd>Ctrl</kbd>+<kbd>Enter</kbd> to execute\n  </div>\n</div>\n", styles: [":host{display:block}.tgm-query-editor{position:relative;display:flex;flex-direction:column;height:var(--tgm-db-editor-height, 200px);background:var(--tgm-db-bg, #1e1e2e);border-bottom:1px solid var(--tgm-db-border, rgba(255, 255, 255, .1))}.tgm-query-editor__monaco{flex:1;min-height:0}.tgm-query-editor__textarea{flex:1;width:100%;padding:12px;background:var(--tgm-db-bg, #1e1e2e);border:none;color:var(--tgm-db-text, #e5e7eb);font-family:var(--tgm-db-font-mono, monospace);font-size:var(--tgm-db-font-size, 14px);line-height:1.6;resize:none;outline:none;box-sizing:border-box;overflow-y:auto}.tgm-query-editor__textarea::placeholder{color:var(--tgm-db-text-muted, #6b7280)}.tgm-query-editor__hint{position:absolute;bottom:4px;right:8px;font-size:11px;color:var(--tgm-db-text-muted, #6b7280);pointer-events:none}.tgm-query-editor__hint kbd{display:inline-block;padding:1px 4px;font-size:10px;font-family:var(--tgm-db-font-mono, monospace);background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:3px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: QueryEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tgm-query-editor', standalone: true, imports: [CommonModule, FormsModule], template: "<div class=\"tgm-query-editor\" [ngClass]=\"editorClass\">\n  <!-- Monaco Editor -->\n  <div\n    *ngIf=\"monacoAvailable\"\n    #monacoContainer\n    class=\"tgm-query-editor__monaco\"\n  ></div>\n\n  <!-- Textarea Fallback -->\n  <textarea\n    *ngIf=\"!monacoAvailable\"\n    #textareaEl\n    class=\"tgm-query-editor__textarea\"\n    [value]=\"value\"\n    [placeholder]=\"placeholder\"\n    (input)=\"onTextareaInput($event)\"\n    (keydown)=\"onTextareaKeydown($event)\"\n    spellcheck=\"false\"\n    autocomplete=\"off\"\n  ></textarea>\n\n  <div class=\"tgm-query-editor__hint\">\n    Press <kbd>Ctrl</kbd>+<kbd>Enter</kbd> to execute\n  </div>\n</div>\n", styles: [":host{display:block}.tgm-query-editor{position:relative;display:flex;flex-direction:column;height:var(--tgm-db-editor-height, 200px);background:var(--tgm-db-bg, #1e1e2e);border-bottom:1px solid var(--tgm-db-border, rgba(255, 255, 255, .1))}.tgm-query-editor__monaco{flex:1;min-height:0}.tgm-query-editor__textarea{flex:1;width:100%;padding:12px;background:var(--tgm-db-bg, #1e1e2e);border:none;color:var(--tgm-db-text, #e5e7eb);font-family:var(--tgm-db-font-mono, monospace);font-size:var(--tgm-db-font-size, 14px);line-height:1.6;resize:none;outline:none;box-sizing:border-box;overflow-y:auto}.tgm-query-editor__textarea::placeholder{color:var(--tgm-db-text-muted, #6b7280)}.tgm-query-editor__hint{position:absolute;bottom:4px;right:8px;font-size:11px;color:var(--tgm-db-text-muted, #6b7280);pointer-events:none}.tgm-query-editor__hint kbd{display:inline-block;padding:1px 4px;font-size:10px;font-family:var(--tgm-db-font-mono, monospace);background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:3px}\n"] }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], entitySchema: [{
+                type: Input
+            }], enableMonaco: [{
+                type: Input
+            }], monacoOptions: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], editorClass: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], execute: [{
+                type: Output
+            }], monacoContainer: [{
+                type: ViewChild,
+                args: ['monacoContainer', { static: false }]
+            }], textareaEl: [{
+                type: ViewChild,
+                args: ['textareaEl', { static: false }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXVlcnktZWRpdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9kYXRhYmFzZS1tYW5hZ2VyL3F1ZXJ5LWVkaXRvci9xdWVyeS1lZGl0b3IuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2RhdGFiYXNlLW1hbmFnZXIvcXVlcnktZWRpdG9yL3F1ZXJ5LWVkaXRvci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEVBSUwsTUFBTSxFQUVOLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRTdDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7O0FBVzlELE1BQU0sT0FBTyxvQkFBb0I7SUFDL0IsYUFBYTtJQUNKLEtBQUssR0FBRyxFQUFFLENBQUM7SUFDWCxZQUFZLENBQXVCO0lBQ25DLFlBQVksR0FBRyxJQUFJLENBQUM7SUFDcEIsYUFBYSxDQUFPO0lBRTdCLGVBQWU7SUFDTixXQUFXLEdBQUcsdUdBQXVHLENBQUM7SUFDdEgsV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUUxQixlQUFlO0lBQ0wsV0FBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFDekMsT0FBTyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFFRSxlQUFlLENBQWM7SUFDbEMsVUFBVSxDQUFjO0lBRXBFLGVBQWUsR0FBRyxLQUFLLENBQUM7SUFDaEIsWUFBWSxHQUFRLElBQUksQ0FBQztJQUN6QixvQkFBb0IsR0FBUSxJQUFJLENBQUM7SUFFekMsUUFBUTtRQUNOLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLFlBQVksSUFBSSxPQUFPLE1BQU0sS0FBSyxXQUFXLENBQUM7SUFDNUUsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxPQUFPLENBQUMsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDMUMsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNoRCxJQUFJLFVBQVUsS0FBSyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7Z0JBQzlCLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUN6QyxDQUFDO1FBQ0gsQ0FBQztJQUNILENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLG9CQUFvQixFQUFFLE9BQU8sRUFBRSxDQUFDO1FBQ3JDLElBQUksQ0FBQyxZQUFZLEVBQUUsT0FBTyxFQUFFLENBQUM7SUFDL0IsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLENBQUMsSUFBSSxDQUFDLGVBQWUsSUFBSSxDQUFDLElBQUksQ0FBQyxlQUFlO1lBQUUsT0FBTztRQUUzRCxNQUFNLGNBQWMsR0FBRztZQUNyQixLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUs7WUFDakIsUUFBUSxFQUFFLE1BQU07WUFDaEIsS0FBSyxFQUFFLFNBQVM7WUFDaEIsT0FBTyxFQUFFLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRTtZQUMzQixXQUFXLEVBQUUsSUFBYTtZQUMxQixvQkFBb0IsRUFBRSxLQUFLO1lBQzNCLGVBQWUsRUFBRSxJQUFJO1lBQ3JCLFFBQVEsRUFBRSxFQUFFO1lBQ1osVUFBVSxFQUFFLHlCQUF5QjtZQUNyQyxPQUFPLEVBQUUsQ0FBQztZQUNWLFFBQVEsRUFBRSxJQUFhO1lBQ3ZCLE9BQU8sRUFBRSxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUU7U0FDcEIsQ0FBQztRQUVGLE1BQU0sSUFBSSxHQUFHLEVBQUUsR0FBRyxjQUFjLEVBQUUsR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7UUFFMUQsSUFBSSxDQUFDO1lBQ0gsSUFBSSxDQUFDLFlBQVksR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLGFBQWEsRUFBRSxJQUFJLENBQUMsQ0FBQztZQUVuRixxQkFBcUI7WUFDckIsSUFBSSxDQUFDLFlBQVksQ0FBQyx1QkFBdUIsQ0FBQyxHQUFHLEVBQUU7Z0JBQzdDLE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxFQUFFLENBQUM7Z0JBQ3pDLElBQUksQ0FBQyxLQUFLLEdBQUcsR0FBRyxDQUFDO2dCQUNqQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUM3QixDQUFDLENBQUMsQ0FBQztZQUVILHVCQUF1QjtZQUN2QixJQUFJLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FDMUIsTUFBTSxDQUFDLE1BQU0sQ0FBQyxPQUFPLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQyxLQUFLLEVBQzVDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FDdEQsQ0FBQztZQUVGLDJCQUEyQjtZQUMzQixJQUFJLENBQUMsMEJBQTBCLEVBQUUsQ0FBQztRQUNwQyxDQUFDO1FBQUMsTUFBTSxDQUFDO1lBQ1AsSUFBSSxDQUFDLGVBQWUsR0FBRyxLQUFLLENBQUM7UUFDL0IsQ0FBQztJQUNILENBQUM7SUFFRCxlQUFlLENBQUMsS0FBWTtRQUMxQixNQUFNLEdBQUcsR0FBSSxLQUFLLENBQUMsTUFBOEIsQ0FBQyxLQUFLLENBQUM7UUFDeEQsSUFBSSxDQUFDLEtBQUssR0FBRyxHQUFHLENBQUM7UUFDakIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDN0IsQ0FBQztJQUVELGlCQUFpQixDQUFDLEtBQW9CO1FBQ3BDLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxLQUFLLENBQUMsR0FBRyxLQUFLLE9BQU8sRUFBRSxDQUFDO1lBQzlELEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUN2QixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDaEMsQ0FBQztJQUNILENBQUM7SUFFRDs7T0FFRztJQUNILGVBQWU7UUFDYixJQUFJLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztZQUN6QixrREFBa0Q7WUFDbEQsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUM1QyxDQUFDO0lBQ0gsQ0FBQztJQUVPLDBCQUEwQjtRQUNoQyxJQUFJLENBQUMsTUFBTSxFQUFFLFNBQVM7WUFBRSxPQUFPO1FBRS9CLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxNQUFNLENBQUMsU0FBUyxDQUFDLDhCQUE4QixDQUFDLE1BQU0sRUFBRTtZQUNsRixzQkFBc0IsRUFBRSxDQUFDLEtBQVUsRUFBRSxRQUFhLEVBQUUsRUFBRTtnQkFDcEQsTUFBTSxpQkFBaUIsR0FBRyxLQUFLLENBQUMsZUFBZSxDQUFDO29CQUM5QyxlQUFlLEVBQUUsQ0FBQztvQkFDbEIsV0FBVyxFQUFFLENBQUM7b0JBQ2QsYUFBYSxFQUFFLFFBQVEsQ0FBQyxVQUFVO29CQUNsQyxTQUFTLEVBQUUsUUFBUSxDQUFDLE1BQU07aUJBQzNCLENBQUMsQ0FBQztnQkFFSCxNQUFNLFdBQVcsR0FBVSxFQUFFLENBQUM7Z0JBQzlCLE1BQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxvQkFBb0IsQ0FBQyxRQUFRLENBQUMsQ0FBQztnQkFDbEQsTUFBTSxLQUFLLEdBQUc7b0JBQ1osZUFBZSxFQUFFLFFBQVEsQ0FBQyxVQUFVO29CQUNwQyxhQUFhLEVBQUUsUUFBUSxDQUFDLFVBQVU7b0JBQ2xDLFdBQVcsRUFBRSxJQUFJLENBQUMsV0FBVztvQkFDN0IsU0FBUyxFQUFFLElBQUksQ0FBQyxTQUFTO2lCQUMxQixDQUFDO2dCQUVGLHVDQUF1QztnQkFDdkMsSUFBSSx3QkFBd0IsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsRUFBRSxDQUFDO29CQUNyRCxLQUFLLE1BQU0sS0FBSyxJQUFJLGVBQWUsRUFBRSxDQUFDO3dCQUNwQyxXQUFXLENBQUMsSUFBSSxDQUFDOzRCQUNmLEtBQUssRUFBRSxLQUFLLENBQUMsR0FBRzs0QkFDaEIsSUFBSSxFQUFFLE1BQU0sQ0FBQyxTQUFTLENBQUMsa0JBQWtCLENBQUMsS0FBSzs0QkFDL0MsVUFBVSxFQUFFLEtBQUssQ0FBQyxHQUFHOzRCQUNyQixNQUFNLEVBQUUsS0FBSyxDQUFDLElBQUk7NEJBQ2xCLGFBQWEsRUFBRSxLQUFLLENBQUMsV0FBVzs0QkFDaEMsS0FBSzt5QkFDTixDQUFDLENBQUM7b0JBQ0wsQ0FBQztnQkFDSCxDQUFDO2dCQUNELHlCQUF5QjtxQkFDcEIsSUFBSSx3Q0FBd0MsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLG9CQUFvQixDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFLENBQUM7b0JBQ3ZJLE1BQU0sSUFBSSxHQUFHLENBQUMsUUFBUSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsVUFBVSxDQUFDLENBQUM7b0JBQ2xGLEtBQUssTUFBTSxHQUFHLElBQUksSUFBSSxFQUFFLENBQUM7d0JBQ3ZCLFdBQVcsQ0FBQyxJQUFJLENBQUM7NEJBQ2YsS0FBSyxFQUFFLEdBQUc7NEJBQ1YsSUFBSSxFQUFFLE1BQU0sQ0FBQyxTQUFTLENBQUMsa0JBQWtCLENBQUMsUUFBUTs0QkFDbEQsVUFBVSxFQUFFLElBQUksR0FBRyxHQUFHOzRCQUN0QixLQUFLO3lCQUNOLENBQUMsQ0FBQztvQkFDTCxDQUFDO2dCQUNILENBQUM7Z0JBQ0QsNEJBQTRCO3FCQUN2QixJQUFJLHVCQUF1QixDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxFQUFFLENBQUM7b0JBQ3pELEtBQUssTUFBTSxHQUFHLElBQUksQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLEVBQUUsQ0FBQzt3QkFDbEMsV0FBVyxDQUFDLElBQUksQ0FBQzs0QkFDZixLQUFLLEVBQUUsR0FBRzs0QkFDVixJQUFJLEVBQUUsTUFBTSxDQUFDLFNBQVMsQ0FBQyxrQkFBa0IsQ0FBQyxLQUFLOzRCQUMvQyxVQUFVLEVBQUUsR0FBRzs0QkFDZixLQUFLO3lCQUNOLENBQUMsQ0FBQztvQkFDTCxDQUFDO2dCQUNILENBQUM7Z0JBQ0QsdUNBQXVDO3FCQUNsQyxJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztvQkFDM0IsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUM7b0JBQ3hDLEtBQUssTUFBTSxLQUFLLElBQUksTUFBTSxFQUFFLENBQUM7d0JBQzNCLFdBQVcsQ0FBQyxJQUFJLENBQUM7NEJBQ2YsS0FBSyxFQUFFLEtBQUssQ0FBQyxJQUFJOzRCQUNqQixJQUFJLEVBQUUsTUFBTSxDQUFDLFNBQVMsQ0FBQyxrQkFBa0IsQ0FBQyxLQUFLOzRCQUMvQyxVQUFVLEVBQUUsS0FBSyxDQUFDLElBQUksS0FBSyxNQUFNLElBQUksS0FBSyxDQUFDLElBQUksS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksS0FBSyxDQUFDLElBQUksR0FBRyxDQUFDLENBQUMsQ0FBQyxJQUFJLEtBQUssQ0FBQyxJQUFJLEdBQUc7NEJBQ3BHLE1BQU0sRUFBRSxHQUFHLEtBQUssQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsS0FBSyxLQUFLLENBQUMsVUFBVSxDQUFDLE1BQU0sVUFBVSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUU7NEJBQ3hGLGFBQWEsRUFBRSxLQUFLLENBQUMsV0FBVyxJQUFJLEtBQUssQ0FBQyxLQUFLOzRCQUMvQyxLQUFLO3lCQUNOLENBQUMsQ0FBQztvQkFDTCxDQUFDO2dCQUNILENBQUM7Z0JBRUQsT0FBTyxFQUFFLFdBQVcsRUFBRSxDQUFDO1lBQ3pCLENBQUM7U0FDRixDQUFDLENBQUM7SUFDTCxDQUFDO3dHQXJMVSxvQkFBb0I7NEZBQXBCLG9CQUFvQiw2aEJDM0JqQyx5cEJBeUJBLHFqQ0RGWSxZQUFZLGdPQUFFLFdBQVc7OzRGQUl4QixvQkFBb0I7a0JBUGhDLFNBQVM7K0JBQ0Usa0JBQWtCLGNBQ2hCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxXQUFXLENBQUM7OEJBTTNCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFHRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBR0ksV0FBVztzQkFBcEIsTUFBTTtnQkFDRyxPQUFPO3NCQUFoQixNQUFNO2dCQUUwQyxlQUFlO3NCQUEvRCxTQUFTO3VCQUFDLGlCQUFpQixFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTtnQkFDSCxVQUFVO3NCQUFyRCxTQUFTO3VCQUFDLFlBQVksRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgT25EZXN0cm95LFxuICBPbkluaXQsXG4gIE91dHB1dCxcbiAgU2ltcGxlQ2hhbmdlcyxcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEVudGl0eVJlZ2lzdHJ5RW50cnkgfSBmcm9tICcuLi90eXBlcy9kYXRhYmFzZS1tYW5hZ2VyLnR5cGVzJztcbmltcG9ydCB7IEVOVElUWV9SRUdJU1RSWSB9IGZyb20gJy4uL3JlZ2lzdHJ5L2VudGl0eS1yZWdpc3RyeSc7XG5cbmRlY2xhcmUgY29uc3QgbW9uYWNvOiBhbnk7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RnbS1xdWVyeS1lZGl0b3InLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBGb3Jtc01vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9xdWVyeS1lZGl0b3IuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9xdWVyeS1lZGl0b3IuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgUXVlcnlFZGl0b3JDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcywgT25EZXN0cm95LCBBZnRlclZpZXdJbml0IHtcbiAgLy8g4pSA4pSAIERhdGEg4pSA4pSAXG4gIEBJbnB1dCgpIHZhbHVlID0gJyc7XG4gIEBJbnB1dCgpIGVudGl0eVNjaGVtYT86IEVudGl0eVJlZ2lzdHJ5RW50cnk7XG4gIEBJbnB1dCgpIGVuYWJsZU1vbmFjbyA9IHRydWU7XG4gIEBJbnB1dCgpIG1vbmFjb09wdGlvbnM/OiBhbnk7XG5cbiAgLy8g4pSA4pSAIExhYmVscyDilIDilIBcbiAgQElucHV0KCkgcGxhY2Vob2xkZXIgPSAneyBcImVudGl0eVwiOiBcImluc3BlY3Rpb25zXCIsIFwiZmlsdGVyc1wiOiB7IFwic3RhdHVzXCI6IFwiUEVORElOR1wiIH0sIFwic29ydFwiOiBcImNyZWF0ZWRBdFwiLCBcIm9yZGVyXCI6IFwiREVTQ1wiIH0nO1xuICBASW5wdXQoKSBlZGl0b3JDbGFzcyA9ICcnO1xuXG4gIC8vIOKUgOKUgCBFdmVudHMg4pSA4pSAXG4gIEBPdXRwdXQoKSB2YWx1ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBAT3V0cHV0KCkgZXhlY3V0ZSA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIEBWaWV3Q2hpbGQoJ21vbmFjb0NvbnRhaW5lcicsIHsgc3RhdGljOiBmYWxzZSB9KSBtb25hY29Db250YWluZXI/OiBFbGVtZW50UmVmO1xuICBAVmlld0NoaWxkKCd0ZXh0YXJlYUVsJywgeyBzdGF0aWM6IGZhbHNlIH0pIHRleHRhcmVhRWw/OiBFbGVtZW50UmVmO1xuXG4gIG1vbmFjb0F2YWlsYWJsZSA9IGZhbHNlO1xuICBwcml2YXRlIG1vbmFjb0VkaXRvcjogYW55ID0gbnVsbDtcbiAgcHJpdmF0ZSBjb21wbGV0aW9uRGlzcG9zYWJsZTogYW55ID0gbnVsbDtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLm1vbmFjb0F2YWlsYWJsZSA9IHRoaXMuZW5hYmxlTW9uYWNvICYmIHR5cGVvZiBtb25hY28gIT09ICd1bmRlZmluZWQnO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIGlmIChjaGFuZ2VzWyd2YWx1ZSddICYmIHRoaXMubW9uYWNvRWRpdG9yKSB7XG4gICAgICBjb25zdCBjdXJyZW50VmFsID0gdGhpcy5tb25hY29FZGl0b3IuZ2V0VmFsdWUoKTtcbiAgICAgIGlmIChjdXJyZW50VmFsICE9PSB0aGlzLnZhbHVlKSB7XG4gICAgICAgIHRoaXMubW9uYWNvRWRpdG9yLnNldFZhbHVlKHRoaXMudmFsdWUpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuY29tcGxldGlvbkRpc3Bvc2FibGU/LmRpc3Bvc2UoKTtcbiAgICB0aGlzLm1vbmFjb0VkaXRvcj8uZGlzcG9zZSgpO1xuICB9XG5cbiAgb25Nb25hY29Jbml0KCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5tb25hY29BdmFpbGFibGUgfHwgIXRoaXMubW9uYWNvQ29udGFpbmVyKSByZXR1cm47XG5cbiAgICBjb25zdCBkZWZhdWx0T3B0aW9ucyA9IHtcbiAgICAgIHZhbHVlOiB0aGlzLnZhbHVlLFxuICAgICAgbGFuZ3VhZ2U6ICdqc29uJyxcbiAgICAgIHRoZW1lOiAndnMtZGFyaycsXG4gICAgICBtaW5pbWFwOiB7IGVuYWJsZWQ6IGZhbHNlIH0sXG4gICAgICBsaW5lTnVtYmVyczogJ29uJyBhcyBjb25zdCxcbiAgICAgIHNjcm9sbEJleW9uZExhc3RMaW5lOiBmYWxzZSxcbiAgICAgIGF1dG9tYXRpY0xheW91dDogdHJ1ZSxcbiAgICAgIGZvbnRTaXplOiAxNCxcbiAgICAgIGZvbnRGYW1pbHk6ICd2YXIoLS10Z20tZGItZm9udC1tb25vKScsXG4gICAgICB0YWJTaXplOiAyLFxuICAgICAgd29yZFdyYXA6ICdvbicgYXMgY29uc3QsXG4gICAgICBwYWRkaW5nOiB7IHRvcDogOCB9LFxuICAgIH07XG5cbiAgICBjb25zdCBvcHRzID0geyAuLi5kZWZhdWx0T3B0aW9ucywgLi4udGhpcy5tb25hY29PcHRpb25zIH07XG5cbiAgICB0cnkge1xuICAgICAgdGhpcy5tb25hY29FZGl0b3IgPSBtb25hY28uZWRpdG9yLmNyZWF0ZSh0aGlzLm1vbmFjb0NvbnRhaW5lci5uYXRpdmVFbGVtZW50LCBvcHRzKTtcblxuICAgICAgLy8gTGlzdGVuIGZvciBjaGFuZ2VzXG4gICAgICB0aGlzLm1vbmFjb0VkaXRvci5vbkRpZENoYW5nZU1vZGVsQ29udGVudCgoKSA9PiB7XG4gICAgICAgIGNvbnN0IHZhbCA9IHRoaXMubW9uYWNvRWRpdG9yLmdldFZhbHVlKCk7XG4gICAgICAgIHRoaXMudmFsdWUgPSB2YWw7XG4gICAgICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCh2YWwpO1xuICAgICAgfSk7XG5cbiAgICAgIC8vIEN0cmwrRW50ZXIg4oaSIGV4ZWN1dGVcbiAgICAgIHRoaXMubW9uYWNvRWRpdG9yLmFkZENvbW1hbmQoXG4gICAgICAgIG1vbmFjby5LZXlNb2QuQ3RybENtZCB8IG1vbmFjby5LZXlDb2RlLkVudGVyLFxuICAgICAgICAoKSA9PiB0aGlzLmV4ZWN1dGUuZW1pdCh0aGlzLm1vbmFjb0VkaXRvci5nZXRWYWx1ZSgpKSxcbiAgICAgICk7XG5cbiAgICAgIC8vIFJlZ2lzdGVyIGF1dG8tY29tcGxldGlvblxuICAgICAgdGhpcy5yZWdpc3RlckNvbXBsZXRpb25Qcm92aWRlcigpO1xuICAgIH0gY2F0Y2gge1xuICAgICAgdGhpcy5tb25hY29BdmFpbGFibGUgPSBmYWxzZTtcbiAgICB9XG4gIH1cblxuICBvblRleHRhcmVhSW5wdXQoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgdmFsID0gKGV2ZW50LnRhcmdldCBhcyBIVE1MVGV4dEFyZWFFbGVtZW50KS52YWx1ZTtcbiAgICB0aGlzLnZhbHVlID0gdmFsO1xuICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCh2YWwpO1xuICB9XG5cbiAgb25UZXh0YXJlYUtleWRvd24oZXZlbnQ6IEtleWJvYXJkRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAoKGV2ZW50LmN0cmxLZXkgfHwgZXZlbnQubWV0YUtleSkgJiYgZXZlbnQua2V5ID09PSAnRW50ZXInKSB7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgdGhpcy5leGVjdXRlLmVtaXQodGhpcy52YWx1ZSk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIENhbGxlZCBhZnRlciB2aWV3IGluaXQgaWYgTW9uYWNvIGlzIGF2YWlsYWJsZS5cbiAgICovXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5tb25hY29BdmFpbGFibGUpIHtcbiAgICAgIC8vIFNtYWxsIGRlbGF5IHRvIGVuc3VyZSB0aGUgY29udGFpbmVyIGlzIHJlbmRlcmVkXG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMub25Nb25hY29Jbml0KCksIDUwKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIHJlZ2lzdGVyQ29tcGxldGlvblByb3ZpZGVyKCk6IHZvaWQge1xuICAgIGlmICghbW9uYWNvPy5sYW5ndWFnZXMpIHJldHVybjtcblxuICAgIHRoaXMuY29tcGxldGlvbkRpc3Bvc2FibGUgPSBtb25hY28ubGFuZ3VhZ2VzLnJlZ2lzdGVyQ29tcGxldGlvbkl0ZW1Qcm92aWRlcignanNvbicsIHtcbiAgICAgIHByb3ZpZGVDb21wbGV0aW9uSXRlbXM6IChtb2RlbDogYW55LCBwb3NpdGlvbjogYW55KSA9PiB7XG4gICAgICAgIGNvbnN0IHRleHRVbnRpbFBvc2l0aW9uID0gbW9kZWwuZ2V0VmFsdWVJblJhbmdlKHtcbiAgICAgICAgICBzdGFydExpbmVOdW1iZXI6IDEsXG4gICAgICAgICAgc3RhcnRDb2x1bW46IDEsXG4gICAgICAgICAgZW5kTGluZU51bWJlcjogcG9zaXRpb24ubGluZU51bWJlcixcbiAgICAgICAgICBlbmRDb2x1bW46IHBvc2l0aW9uLmNvbHVtbixcbiAgICAgICAgfSk7XG5cbiAgICAgICAgY29uc3Qgc3VnZ2VzdGlvbnM6IGFueVtdID0gW107XG4gICAgICAgIGNvbnN0IHdvcmQgPSBtb2RlbC5nZXRXb3JkVW50aWxQb3NpdGlvbihwb3NpdGlvbik7XG4gICAgICAgIGNvbnN0IHJhbmdlID0ge1xuICAgICAgICAgIHN0YXJ0TGluZU51bWJlcjogcG9zaXRpb24ubGluZU51bWJlcixcbiAgICAgICAgICBlbmRMaW5lTnVtYmVyOiBwb3NpdGlvbi5saW5lTnVtYmVyLFxuICAgICAgICAgIHN0YXJ0Q29sdW1uOiB3b3JkLnN0YXJ0Q29sdW1uLFxuICAgICAgICAgIGVuZENvbHVtbjogd29yZC5lbmRDb2x1bW4sXG4gICAgICAgIH07XG5cbiAgICAgICAgLy8gU3VnZ2VzdCBlbnRpdHkgbmFtZXMgYWZ0ZXIgXCJlbnRpdHlcIjpcbiAgICAgICAgaWYgKC9cImVudGl0eVwiXFxzKjpcXHMqXCJbXlwiXSokLy50ZXN0KHRleHRVbnRpbFBvc2l0aW9uKSkge1xuICAgICAgICAgIGZvciAoY29uc3QgZW50cnkgb2YgRU5USVRZX1JFR0lTVFJZKSB7XG4gICAgICAgICAgICBzdWdnZXN0aW9ucy5wdXNoKHtcbiAgICAgICAgICAgICAgbGFiZWw6IGVudHJ5LmtleSxcbiAgICAgICAgICAgICAga2luZDogbW9uYWNvLmxhbmd1YWdlcy5Db21wbGV0aW9uSXRlbUtpbmQuVmFsdWUsXG4gICAgICAgICAgICAgIGluc2VydFRleHQ6IGVudHJ5LmtleSxcbiAgICAgICAgICAgICAgZGV0YWlsOiBlbnRyeS5uYW1lLFxuICAgICAgICAgICAgICBkb2N1bWVudGF0aW9uOiBlbnRyeS5kZXNjcmlwdGlvbixcbiAgICAgICAgICAgICAgcmFuZ2UsXG4gICAgICAgICAgICB9KTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgLy8gU3VnZ2VzdCB0b3AtbGV2ZWwga2V5c1xuICAgICAgICBlbHNlIGlmICgve1xccyooXCJbXlwiXSpcIlxccyo6XFxzKlteLF0qLFxccyopKlwiP1teXCJdKiQvLnRlc3QodGV4dFVudGlsUG9zaXRpb24pICYmICEvXCJmaWx0ZXJzXCJcXHMqOlxccypcXHsvLnRlc3QodGV4dFVudGlsUG9zaXRpb24uc2xpY2UoLTEwMCkpKSB7XG4gICAgICAgICAgY29uc3Qga2V5cyA9IFsnZW50aXR5JywgJ3NlbGVjdCcsICdmaWx0ZXJzJywgJ3NvcnQnLCAnb3JkZXInLCAncGFnZScsICdwYWdlU2l6ZSddO1xuICAgICAgICAgIGZvciAoY29uc3Qga2V5IG9mIGtleXMpIHtcbiAgICAgICAgICAgIHN1Z2dlc3Rpb25zLnB1c2goe1xuICAgICAgICAgICAgICBsYWJlbDoga2V5LFxuICAgICAgICAgICAgICBraW5kOiBtb25hY28ubGFuZ3VhZ2VzLkNvbXBsZXRpb25JdGVtS2luZC5Qcm9wZXJ0eSxcbiAgICAgICAgICAgICAgaW5zZXJ0VGV4dDogYFwiJHtrZXl9XCJgLFxuICAgICAgICAgICAgICByYW5nZSxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICAvLyBTdWdnZXN0IHNvcnQgb3JkZXIgdmFsdWVzXG4gICAgICAgIGVsc2UgaWYgKC9cIm9yZGVyXCJcXHMqOlxccypcIlteXCJdKiQvLnRlc3QodGV4dFVudGlsUG9zaXRpb24pKSB7XG4gICAgICAgICAgZm9yIChjb25zdCB2YWwgb2YgWydBU0MnLCAnREVTQyddKSB7XG4gICAgICAgICAgICBzdWdnZXN0aW9ucy5wdXNoKHtcbiAgICAgICAgICAgICAgbGFiZWw6IHZhbCxcbiAgICAgICAgICAgICAga2luZDogbW9uYWNvLmxhbmd1YWdlcy5Db21wbGV0aW9uSXRlbUtpbmQuVmFsdWUsXG4gICAgICAgICAgICAgIGluc2VydFRleHQ6IHZhbCxcbiAgICAgICAgICAgICAgcmFuZ2UsXG4gICAgICAgICAgICB9KTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgLy8gU3VnZ2VzdCBmaWVsZCBuYW1lcyBmb3IgZmlsdGVycy9zb3J0XG4gICAgICAgIGVsc2UgaWYgKHRoaXMuZW50aXR5U2NoZW1hKSB7XG4gICAgICAgICAgY29uc3QgZmllbGRzID0gdGhpcy5lbnRpdHlTY2hlbWEuZmllbGRzO1xuICAgICAgICAgIGZvciAoY29uc3QgZmllbGQgb2YgZmllbGRzKSB7XG4gICAgICAgICAgICBzdWdnZXN0aW9ucy5wdXNoKHtcbiAgICAgICAgICAgICAgbGFiZWw6IGZpZWxkLm5hbWUsXG4gICAgICAgICAgICAgIGtpbmQ6IG1vbmFjby5sYW5ndWFnZXMuQ29tcGxldGlvbkl0ZW1LaW5kLkZpZWxkLFxuICAgICAgICAgICAgICBpbnNlcnRUZXh0OiBmaWVsZC50eXBlID09PSAnZW51bScgfHwgZmllbGQudHlwZSA9PT0gJ3N0cmluZycgPyBgXCIke2ZpZWxkLm5hbWV9XCJgIDogYFwiJHtmaWVsZC5uYW1lfVwiYCxcbiAgICAgICAgICAgICAgZGV0YWlsOiBgJHtmaWVsZC50eXBlfSR7ZmllbGQuZW51bVZhbHVlcyA/IGAgKCR7ZmllbGQuZW51bVZhbHVlcy5sZW5ndGh9IHZhbHVlcylgIDogJyd9YCxcbiAgICAgICAgICAgICAgZG9jdW1lbnRhdGlvbjogZmllbGQuZGVzY3JpcHRpb24gfHwgZmllbGQubGFiZWwsXG4gICAgICAgICAgICAgIHJhbmdlLFxuICAgICAgICAgICAgfSk7XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIHsgc3VnZ2VzdGlvbnMgfTtcbiAgICAgIH0sXG4gICAgfSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJ0Z20tcXVlcnktZWRpdG9yXCIgW25nQ2xhc3NdPVwiZWRpdG9yQ2xhc3NcIj5cbiAgPCEtLSBNb25hY28gRWRpdG9yIC0tPlxuICA8ZGl2XG4gICAgKm5nSWY9XCJtb25hY29BdmFpbGFibGVcIlxuICAgICNtb25hY29Db250YWluZXJcbiAgICBjbGFzcz1cInRnbS1xdWVyeS1lZGl0b3JfX21vbmFjb1wiXG4gID48L2Rpdj5cblxuICA8IS0tIFRleHRhcmVhIEZhbGxiYWNrIC0tPlxuICA8dGV4dGFyZWFcbiAgICAqbmdJZj1cIiFtb25hY29BdmFpbGFibGVcIlxuICAgICN0ZXh0YXJlYUVsXG4gICAgY2xhc3M9XCJ0Z20tcXVlcnktZWRpdG9yX190ZXh0YXJlYVwiXG4gICAgW3ZhbHVlXT1cInZhbHVlXCJcbiAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICAgIChpbnB1dCk9XCJvblRleHRhcmVhSW5wdXQoJGV2ZW50KVwiXG4gICAgKGtleWRvd24pPVwib25UZXh0YXJlYUtleWRvd24oJGV2ZW50KVwiXG4gICAgc3BlbGxjaGVjaz1cImZhbHNlXCJcbiAgICBhdXRvY29tcGxldGU9XCJvZmZcIlxuICA+PC90ZXh0YXJlYT5cblxuICA8ZGl2IGNsYXNzPVwidGdtLXF1ZXJ5LWVkaXRvcl9faGludFwiPlxuICAgIFByZXNzIDxrYmQ+Q3RybDwva2JkPis8a2JkPkVudGVyPC9rYmQ+IHRvIGV4ZWN1dGVcbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/components/database-manager/query-toolbar/query-toolbar.component.mjs

@@ -0,0 +1,70 @@
+import { Component, EventEmitter, Input, Output, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class QueryToolbarComponent {
+    // ── State ──
+    executing = false;
+    disabled = false;
+    showHistory = true;
+    showFormat = true;
+    // ── Labels ──
+    executeLabel = 'Execute';
+    formatLabel = 'Format';
+    clearLabel = 'Clear';
+    historyLabel = 'History';
+    // ── Custom templates ──
+    toolbarTemplate;
+    // ── Events ──
+    execute = new EventEmitter();
+    format = new EventEmitter();
+    clear = new EventEmitter();
+    toggleHistory = new EventEmitter();
+    onExecute() {
+        if (!this.executing && !this.disabled) {
+            this.execute.emit();
+        }
+    }
+    onFormat() {
+        this.format.emit();
+    }
+    onClear() {
+        this.clear.emit();
+    }
+    onToggleHistory() {
+        this.toggleHistory.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: QueryToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: QueryToolbarComponent, isStandalone: true, selector: "tgm-query-toolbar", inputs: { executing: "executing", disabled: "disabled", showHistory: "showHistory", showFormat: "showFormat", executeLabel: "executeLabel", formatLabel: "formatLabel", clearLabel: "clearLabel", historyLabel: "historyLabel", toolbarTemplate: "toolbarTemplate" }, outputs: { execute: "execute", format: "format", clear: "clear", toggleHistory: "toggleHistory" }, ngImport: i0, template: "<div class=\"tgm-query-toolbar\">\n  <ng-container *ngIf=\"toolbarTemplate; else defaultToolbar\">\n    <ng-container *ngTemplateOutlet=\"toolbarTemplate\"></ng-container>\n  </ng-container>\n\n  <ng-template #defaultToolbar>\n    <div class=\"tgm-query-toolbar__left\">\n      <button\n        class=\"tgm-db-btn tgm-db-btn--primary\"\n        [disabled]=\"executing || disabled\"\n        (click)=\"onExecute()\"\n      >\n        <span class=\"tgm-db-btn__icon\" *ngIf=\"!executing\">&#9654;</span>\n        <span class=\"tgm-db-spinner--sm\" *ngIf=\"executing\"></span>\n        {{ executeLabel }}\n      </button>\n\n      <button\n        *ngIf=\"showFormat\"\n        class=\"tgm-db-btn tgm-db-btn--ghost\"\n        [disabled]=\"disabled\"\n        (click)=\"onFormat()\"\n      >\n        {{ formatLabel }}\n      </button>\n\n      <button\n        class=\"tgm-db-btn tgm-db-btn--ghost\"\n        [disabled]=\"disabled\"\n        (click)=\"onClear()\"\n      >\n        {{ clearLabel }}\n      </button>\n    </div>\n\n    <div class=\"tgm-query-toolbar__right\">\n      <button\n        *ngIf=\"showHistory\"\n        class=\"tgm-db-btn tgm-db-btn--ghost\"\n        (click)=\"onToggleHistory()\"\n      >\n        {{ historyLabel }}\n      </button>\n    </div>\n  </ng-template>\n</div>\n", styles: [":host{display:block}.tgm-query-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--tgm-db-spacing-sm, 8px);background:var(--tgm-db-bg-secondary, rgba(255, 255, 255, .05));border-bottom:1px solid var(--tgm-db-border, rgba(255, 255, 255, .1))}.tgm-query-toolbar__left,.tgm-query-toolbar__right{display:flex;align-items:center;gap:6px}.tgm-db-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 12px;font-size:13px;font-weight:500;border:none;border-radius:var(--tgm-db-radius-sm, 4px);cursor:pointer;transition:background .15s,opacity .15s;font-family:var(--tgm-db-font-family, inherit);white-space:nowrap}.tgm-db-btn--primary{background:var(--tgm-db-primary, #3b82f6);color:#fff}.tgm-db-btn--primary:hover:not(:disabled){background:var(--tgm-db-primary-hover, #2563eb)}.tgm-db-btn--ghost{background:transparent;color:var(--tgm-db-text-secondary, #9ca3af)}.tgm-db-btn--ghost:hover:not(:disabled){background:var(--tgm-db-bg-hover, rgba(255, 255, 255, .08));color:var(--tgm-db-text, #e5e7eb)}.tgm-db-btn:disabled{opacity:.5;cursor:not-allowed}.tgm-db-btn__icon{font-size:10px}.tgm-db-spinner--sm{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:tgm-db-spin .6s linear infinite}@keyframes tgm-db-spin{to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: QueryToolbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tgm-query-toolbar', standalone: true, imports: [CommonModule], template: "<div class=\"tgm-query-toolbar\">\n  <ng-container *ngIf=\"toolbarTemplate; else defaultToolbar\">\n    <ng-container *ngTemplateOutlet=\"toolbarTemplate\"></ng-container>\n  </ng-container>\n\n  <ng-template #defaultToolbar>\n    <div class=\"tgm-query-toolbar__left\">\n      <button\n        class=\"tgm-db-btn tgm-db-btn--primary\"\n        [disabled]=\"executing || disabled\"\n        (click)=\"onExecute()\"\n      >\n        <span class=\"tgm-db-btn__icon\" *ngIf=\"!executing\">&#9654;</span>\n        <span class=\"tgm-db-spinner--sm\" *ngIf=\"executing\"></span>\n        {{ executeLabel }}\n      </button>\n\n      <button\n        *ngIf=\"showFormat\"\n        class=\"tgm-db-btn tgm-db-btn--ghost\"\n        [disabled]=\"disabled\"\n        (click)=\"onFormat()\"\n      >\n        {{ formatLabel }}\n      </button>\n\n      <button\n        class=\"tgm-db-btn tgm-db-btn--ghost\"\n        [disabled]=\"disabled\"\n        (click)=\"onClear()\"\n      >\n        {{ clearLabel }}\n      </button>\n    </div>\n\n    <div class=\"tgm-query-toolbar__right\">\n      <button\n        *ngIf=\"showHistory\"\n        class=\"tgm-db-btn tgm-db-btn--ghost\"\n        (click)=\"onToggleHistory()\"\n      >\n        {{ historyLabel }}\n      </button>\n    </div>\n  </ng-template>\n</div>\n", styles: [":host{display:block}.tgm-query-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--tgm-db-spacing-sm, 8px);background:var(--tgm-db-bg-secondary, rgba(255, 255, 255, .05));border-bottom:1px solid var(--tgm-db-border, rgba(255, 255, 255, .1))}.tgm-query-toolbar__left,.tgm-query-toolbar__right{display:flex;align-items:center;gap:6px}.tgm-db-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 12px;font-size:13px;font-weight:500;border:none;border-radius:var(--tgm-db-radius-sm, 4px);cursor:pointer;transition:background .15s,opacity .15s;font-family:var(--tgm-db-font-family, inherit);white-space:nowrap}.tgm-db-btn--primary{background:var(--tgm-db-primary, #3b82f6);color:#fff}.tgm-db-btn--primary:hover:not(:disabled){background:var(--tgm-db-primary-hover, #2563eb)}.tgm-db-btn--ghost{background:transparent;color:var(--tgm-db-text-secondary, #9ca3af)}.tgm-db-btn--ghost:hover:not(:disabled){background:var(--tgm-db-bg-hover, rgba(255, 255, 255, .08));color:var(--tgm-db-text, #e5e7eb)}.tgm-db-btn:disabled{opacity:.5;cursor:not-allowed}.tgm-db-btn__icon{font-size:10px}.tgm-db-spinner--sm{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:tgm-db-spin .6s linear infinite}@keyframes tgm-db-spin{to{transform:rotate(360deg)}}\n"] }]
+        }], propDecorators: { executing: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], showHistory: [{
+                type: Input
+            }], showFormat: [{
+                type: Input
+            }], executeLabel: [{
+                type: Input
+            }], formatLabel: [{
+                type: Input
+            }], clearLabel: [{
+                type: Input
+            }], historyLabel: [{
+                type: Input
+            }], toolbarTemplate: [{
+                type: Input
+            }], execute: [{
+                type: Output
+            }], format: [{
+                type: Output
+            }], clear: [{
+                type: Output
+            }], toggleHistory: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXVlcnktdG9vbGJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZGF0YWJhc2UtbWFuYWdlci9xdWVyeS10b29sYmFyL3F1ZXJ5LXRvb2xiYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2RhdGFiYXNlLW1hbmFnZXIvcXVlcnktdG9vbGJhci9xdWVyeS10b29sYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEdBRVAsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7QUFTL0MsTUFBTSxPQUFPLHFCQUFxQjtJQUNoQyxjQUFjO0lBQ0wsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUNsQixRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ2pCLFdBQVcsR0FBRyxJQUFJLENBQUM7SUFDbkIsVUFBVSxHQUFHLElBQUksQ0FBQztJQUUzQixlQUFlO0lBQ04sWUFBWSxHQUFHLFNBQVMsQ0FBQztJQUN6QixXQUFXLEdBQUcsUUFBUSxDQUFDO0lBQ3ZCLFVBQVUsR0FBRyxPQUFPLENBQUM7SUFDckIsWUFBWSxHQUFHLFNBQVMsQ0FBQztJQUVsQyx5QkFBeUI7SUFDaEIsZUFBZSxDQUFxQjtJQUU3QyxlQUFlO0lBQ0wsT0FBTyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7SUFDbkMsTUFBTSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7SUFDbEMsS0FBSyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7SUFDakMsYUFBYSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7SUFFbkQsU0FBUztRQUNQLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ3RDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDdEIsQ0FBQztJQUNILENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzVCLENBQUM7d0dBdENVLHFCQUFxQjs0RkFBckIscUJBQXFCLHNiQ2hCbEMscXhDQThDQSx5NUNEbENZLFlBQVk7OzRGQUlYLHFCQUFxQjtrQkFQakMsU0FBUzsrQkFDRSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDOzhCQU1kLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBR0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFHRyxlQUFlO3NCQUF2QixLQUFLO2dCQUdJLE9BQU87c0JBQWhCLE1BQU07Z0JBQ0csTUFBTTtzQkFBZixNQUFNO2dCQUNHLEtBQUs7c0JBQWQsTUFBTTtnQkFDRyxhQUFhO3NCQUF0QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFRlbXBsYXRlUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RnbS1xdWVyeS10b29sYmFyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9xdWVyeS10b29sYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcXVlcnktdG9vbGJhci5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBRdWVyeVRvb2xiYXJDb21wb25lbnQge1xuICAvLyDilIDilIAgU3RhdGUg4pSA4pSAXG4gIEBJbnB1dCgpIGV4ZWN1dGluZyA9IGZhbHNlO1xuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuICBASW5wdXQoKSBzaG93SGlzdG9yeSA9IHRydWU7XG4gIEBJbnB1dCgpIHNob3dGb3JtYXQgPSB0cnVlO1xuXG4gIC8vIOKUgOKUgCBMYWJlbHMg4pSA4pSAXG4gIEBJbnB1dCgpIGV4ZWN1dGVMYWJlbCA9ICdFeGVjdXRlJztcbiAgQElucHV0KCkgZm9ybWF0TGFiZWwgPSAnRm9ybWF0JztcbiAgQElucHV0KCkgY2xlYXJMYWJlbCA9ICdDbGVhcic7XG4gIEBJbnB1dCgpIGhpc3RvcnlMYWJlbCA9ICdIaXN0b3J5JztcblxuICAvLyDilIDilIAgQ3VzdG9tIHRlbXBsYXRlcyDilIDilIBcbiAgQElucHV0KCkgdG9vbGJhclRlbXBsYXRlPzogVGVtcGxhdGVSZWY8dm9pZD47XG5cbiAgLy8g4pSA4pSAIEV2ZW50cyDilIDilIBcbiAgQE91dHB1dCgpIGV4ZWN1dGUgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBmb3JtYXQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBjbGVhciA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIHRvZ2dsZUhpc3RvcnkgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgb25FeGVjdXRlKCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5leGVjdXRpbmcgJiYgIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIHRoaXMuZXhlY3V0ZS5lbWl0KCk7XG4gICAgfVxuICB9XG5cbiAgb25Gb3JtYXQoKTogdm9pZCB7XG4gICAgdGhpcy5mb3JtYXQuZW1pdCgpO1xuICB9XG5cbiAgb25DbGVhcigpOiB2b2lkIHtcbiAgICB0aGlzLmNsZWFyLmVtaXQoKTtcbiAgfVxuXG4gIG9uVG9nZ2xlSGlzdG9yeSgpOiB2b2lkIHtcbiAgICB0aGlzLnRvZ2dsZUhpc3RvcnkuZW1pdCgpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwidGdtLXF1ZXJ5LXRvb2xiYXJcIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInRvb2xiYXJUZW1wbGF0ZTsgZWxzZSBkZWZhdWx0VG9vbGJhclwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0b29sYmFyVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9uZy1jb250YWluZXI+XG5cbiAgPG5nLXRlbXBsYXRlICNkZWZhdWx0VG9vbGJhcj5cbiAgICA8ZGl2IGNsYXNzPVwidGdtLXF1ZXJ5LXRvb2xiYXJfX2xlZnRcIj5cbiAgICAgIDxidXR0b25cbiAgICAgICAgY2xhc3M9XCJ0Z20tZGItYnRuIHRnbS1kYi1idG4tLXByaW1hcnlcIlxuICAgICAgICBbZGlzYWJsZWRdPVwiZXhlY3V0aW5nIHx8IGRpc2FibGVkXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uRXhlY3V0ZSgpXCJcbiAgICAgID5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJ0Z20tZGItYnRuX19pY29uXCIgKm5nSWY9XCIhZXhlY3V0aW5nXCI+JiM5NjU0Ozwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJ0Z20tZGItc3Bpbm5lci0tc21cIiAqbmdJZj1cImV4ZWN1dGluZ1wiPjwvc3Bhbj5cbiAgICAgICAge3sgZXhlY3V0ZUxhYmVsIH19XG4gICAgICA8L2J1dHRvbj5cblxuICAgICAgPGJ1dHRvblxuICAgICAgICAqbmdJZj1cInNob3dGb3JtYXRcIlxuICAgICAgICBjbGFzcz1cInRnbS1kYi1idG4gdGdtLWRiLWJ0bi0tZ2hvc3RcIlxuICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgICAoY2xpY2spPVwib25Gb3JtYXQoKVwiXG4gICAgICA+XG4gICAgICAgIHt7IGZvcm1hdExhYmVsIH19XG4gICAgICA8L2J1dHRvbj5cblxuICAgICAgPGJ1dHRvblxuICAgICAgICBjbGFzcz1cInRnbS1kYi1idG4gdGdtLWRiLWJ0bi0tZ2hvc3RcIlxuICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgICAoY2xpY2spPVwib25DbGVhcigpXCJcbiAgICAgID5cbiAgICAgICAge3sgY2xlYXJMYWJlbCB9fVxuICAgICAgPC9idXR0b24+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IGNsYXNzPVwidGdtLXF1ZXJ5LXRvb2xiYXJfX3JpZ2h0XCI+XG4gICAgICA8YnV0dG9uXG4gICAgICAgICpuZ0lmPVwic2hvd0hpc3RvcnlcIlxuICAgICAgICBjbGFzcz1cInRnbS1kYi1idG4gdGdtLWRiLWJ0bi0tZ2hvc3RcIlxuICAgICAgICAoY2xpY2spPVwib25Ub2dnbGVIaXN0b3J5KClcIlxuICAgICAgPlxuICAgICAgICB7eyBoaXN0b3J5TGFiZWwgfX1cbiAgICAgIDwvYnV0dG9uPlxuICAgIDwvZGl2PlxuICA8L25nLXRlbXBsYXRlPlxuPC9kaXY+XG4iXX0=