@acorex/platform 18.0.0 → 18.0.2

package/esm2022/themes/default/lib/layouts/entity-layouts/entity-master-create-view/entity-master-create-view.component.mjs

@@ -0,0 +1,93 @@
+import { AXButtonModule } from '@acorex/components/button';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXDialogModule } from '@acorex/components/dialog';
+import { AXDropdownButtonModule } from '@acorex/components/dropdown-button';
+import { AXFormModule } from '@acorex/components/form';
+import { AXLabelModule } from '@acorex/components/label';
+import { AXLoadingModule } from '@acorex/components/loading';
+import { AXBasePageComponent } from '@acorex/components/page';
+import { AXTabsModule } from '@acorex/components/tabs';
+import { AXTooltipModule } from '@acorex/components/tooltip';
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { AXValidationModule } from '@acorex/core/validation';
+import { AXDropdownModule } from '@acorex/components/dropdown';
+import { AXPGridLayoutDirective, AXPStickyDirective } from '@acorex/platform/common';
+import { AXPWorkflowService } from '@acorex/platform/workflow';
+import { AXPLayoutBuilderModule } from '@acorex/platform/layout/builder';
+import { AXPWidgetsModule } from '@acorex/platform/widgets';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@acorex/components/form";
+import * as i3 from "@acorex/components/decorators";
+import * as i4 from "@acorex/components/button";
+import * as i5 from "@acorex/components/loading";
+import * as i6 from "@acorex/components/label";
+import * as i7 from "@acorex/components/dropdown-button";
+import * as i8 from "@acorex/platform/layout/builder";
+export class AXPEntityMasterCreateViewComponent extends AXBasePageComponent {
+    constructor() {
+        super(...arguments);
+        this.workflow = inject(AXPWorkflowService);
+    }
+    handleCloseClick() {
+        this.close();
+    }
+    async handleBackClick() {
+        //await this.vm.executeCommand('back');
+    }
+    async handleNextClick(form) {
+        // const formResult = await form.validate();
+        // if (formResult.result) {
+        //   await this.vm.executeCommand('next');
+        // }
+    }
+    async handleSaveClick(form) {
+        const formResult = await form.validate();
+        if (formResult.result) {
+            const record = await this.vm.save();
+            this.close({ save: true, recordId: record.id, redirect: true });
+        }
+    }
+    async handleSaveAndNewClick(form) {
+        const formResult = await form.validate();
+        if (formResult.result) {
+            const record = await this.vm.save();
+            this.close({ save: true, recordId: record.id, redirect: false });
+            await this.vm.createNewOne();
+        }
+    }
+    async handleContextChange(data) {
+        this.vm.context.set(data);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPEntityMasterCreateViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPEntityMasterCreateViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div>\r\n  <axp-widgets-container [context]=\"vm.context()\" (contextChange)=\"handleContextChange($event)\">\r\n    <ax-form class=\"ax-flex ax-flex-col ax-gap-6 ax-p-4 ax-pb-8\" #form [messageStyle]=\"'bottom'\" [updateOn]=\"'blur'\">\r\n      <!-- Begin Sections -->\r\n      <div class=\"ax-grid  ax-grid-cols-12  ax-gap-4\">\r\n        @for(section of vm.sections(); track section.name()) {\r\n        <div class=\"ax-col-span-12\">\r\n          <ax-form #form>\r\n            <div class=\"ax-pb-4\">\r\n              <span class=\"ax-font-bold ax-text-xl\">{{ section.title() }}</span>\r\n              @if(section.description()) {\r\n              <p class=\"ax-text-sm ax-text-gray-500\">{{ section.description() }}</p>\r\n              }\r\n            </div>\r\n            <div class=\"ax-card-body !ax-grid  !ax-grid-cols-12  !ax-gap-4\">\r\n              @for(attr of section.elements(); track $index) {\r\n              <ax-form-field class=\"ax-flex ax-flex-col ax-gap-1\" [gridLayout]=\"attr.layout()\">\r\n                <ax-label class=\"ax-font-semibold ax-text-sm\" [required]=\"attr.isRequired()\">{{ attr.title()\r\n                  }}</ax-label>\r\n                <axp-widget-renderer [node]=\"attr.node()\"> </axp-widget-renderer>\r\n              </ax-form-field>\r\n              }\r\n            </div>\r\n\r\n          </ax-form>\r\n        </div>\r\n        }\r\n      </div>\r\n      <!-- Finish Sections  -->\r\n    </ax-form>\r\n  </axp-widgets-container>\r\n  <ax-footer>\r\n    <ax-suffix>\r\n      <ax-button look=\"solid\" color=\"ghost\" text=\"Cancel\" (onClick)=\"handleCloseClick()\"> </ax-button>\r\n      <ax-dropdown-button [disabled]=\"vm.isInProgress()\" color=\"primary\" text=\"Save\" look=\"solid\"\r\n        (onClick)=\"handleSaveClick(form)\">\r\n        <ax-loading *ngIf=\"vm.isInProgress()\"></ax-loading>\r\n        <ax-button-item-list>\r\n          <ax-button-item text=\"Save & Create New\" (onClick)=\"handleSaveAndNewClick(form)\"> </ax-button-item>\r\n        </ax-button-item-list>\r\n      </ax-dropdown-button>\r\n    </ax-suffix>\r\n  </ax-footer>\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i2.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i2.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i4.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "component", type: i4.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i4.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDialogModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i5.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXTabsModule }, { kind: "ngmodule", type: AXTooltipModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i6.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "component", type: i7.AXDropdownButtonComponent, selector: "ax-dropdown-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "type", "mode"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "ngmodule", type: 
+                //
+                AXPLayoutBuilderModule }, { kind: "component", type: i8.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "variables", "functions"], outputs: ["contextChange"] }, { kind: "component", type: i8.AXPWidgetRendererComponent, selector: "axp-widget-renderer", inputs: ["node"] }, { kind: "ngmodule", type: AXPWidgetsModule }, { kind: "directive", type: AXPGridLayoutDirective, selector: "[gridLayout]", inputs: ["gridLayout"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPEntityMasterCreateViewComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        CommonModule,
+                        FormsModule,
+                        AXFormModule,
+                        AXDecoratorModule,
+                        CommonModule,
+                        AXButtonModule,
+                        AXDialogModule,
+                        AXLoadingModule,
+                        AXTabsModule,
+                        AXTooltipModule,
+                        AXValidationModule,
+                        AXLabelModule,
+                        AXDropdownModule,
+                        AXDropdownButtonModule,
+                        //
+                        AXPLayoutBuilderModule,
+                        AXPWidgetsModule,
+                        AXPStickyDirective,
+                        AXPGridLayoutDirective
+                    ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div>\r\n  <axp-widgets-container [context]=\"vm.context()\" (contextChange)=\"handleContextChange($event)\">\r\n    <ax-form class=\"ax-flex ax-flex-col ax-gap-6 ax-p-4 ax-pb-8\" #form [messageStyle]=\"'bottom'\" [updateOn]=\"'blur'\">\r\n      <!-- Begin Sections -->\r\n      <div class=\"ax-grid  ax-grid-cols-12  ax-gap-4\">\r\n        @for(section of vm.sections(); track section.name()) {\r\n        <div class=\"ax-col-span-12\">\r\n          <ax-form #form>\r\n            <div class=\"ax-pb-4\">\r\n              <span class=\"ax-font-bold ax-text-xl\">{{ section.title() }}</span>\r\n              @if(section.description()) {\r\n              <p class=\"ax-text-sm ax-text-gray-500\">{{ section.description() }}</p>\r\n              }\r\n            </div>\r\n            <div class=\"ax-card-body !ax-grid  !ax-grid-cols-12  !ax-gap-4\">\r\n              @for(attr of section.elements(); track $index) {\r\n              <ax-form-field class=\"ax-flex ax-flex-col ax-gap-1\" [gridLayout]=\"attr.layout()\">\r\n                <ax-label class=\"ax-font-semibold ax-text-sm\" [required]=\"attr.isRequired()\">{{ attr.title()\r\n                  }}</ax-label>\r\n                <axp-widget-renderer [node]=\"attr.node()\"> </axp-widget-renderer>\r\n              </ax-form-field>\r\n              }\r\n            </div>\r\n\r\n          </ax-form>\r\n        </div>\r\n        }\r\n      </div>\r\n      <!-- Finish Sections  -->\r\n    </ax-form>\r\n  </axp-widgets-container>\r\n  <ax-footer>\r\n    <ax-suffix>\r\n      <ax-button look=\"solid\" color=\"ghost\" text=\"Cancel\" (onClick)=\"handleCloseClick()\"> </ax-button>\r\n      <ax-dropdown-button [disabled]=\"vm.isInProgress()\" color=\"primary\" text=\"Save\" look=\"solid\"\r\n        (onClick)=\"handleSaveClick(form)\">\r\n        <ax-loading *ngIf=\"vm.isInProgress()\"></ax-loading>\r\n        <ax-button-item-list>\r\n          <ax-button-item text=\"Save & Create New\" (onClick)=\"handleSaveAndNewClick(form)\"> </ax-button-item>\r\n        </ax-button-item-list>\r\n      </ax-dropdown-button>\r\n    </ax-suffix>\r\n  </ax-footer>\r\n</div>" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW50aXR5LW1hc3Rlci1jcmVhdGUtdmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3BsYXRmb3JtL3RoZW1lcy9kZWZhdWx0L3NyYy9saWIvbGF5b3V0cy9lbnRpdHktbGF5b3V0cy9lbnRpdHktbWFzdGVyLWNyZWF0ZS12aWV3L2VudGl0eS1tYXN0ZXItY3JlYXRlLXZpZXcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS90aGVtZXMvZGVmYXVsdC9zcmMvbGliL2xheW91dHMvZW50aXR5LWxheW91dHMvZW50aXR5LW1hc3Rlci1jcmVhdGUtdmlldy9lbnRpdHktbWFzdGVyLWNyZWF0ZS12aWV3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDM0QsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDNUUsT0FBTyxFQUFtQixZQUFZLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN4RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDekQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzdELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzlELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDN0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFp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LFlBQVk7d0JBQ1osY0FBYzt3QkFDZCxjQUFjO3dCQUNkLGVBQWU7d0JBQ2YsWUFBWTt3QkFDWixlQUFlO3dCQUNmLGtCQUFrQjt3QkFDbEIsYUFBYTt3QkFDYixnQkFBZ0I7d0JBQ2hCLHNCQUFzQjt3QkFDdEIsRUFBRTt3QkFDRixzQkFBc0I7d0JBQ3RCLGdCQUFnQjt3QkFDaEIsa0JBQWtCO3dCQUNsQixzQkFBc0I7cUJBQ3ZCLGNBQ1csSUFBSSxtQkFDQyx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhCdXR0b25Nb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvYnV0dG9uJztcclxuaW1wb3J0IHsgQVhEZWNvcmF0b3JNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvZGVjb3JhdG9ycyc7XHJcbmltcG9ydCB7IEFYRGlhbG9nTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2RpYWxvZyc7XHJcbmltcG9ydCB7IEFYRHJvcGRvd25CdXR0b25Nb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvZHJvcGRvd24tYnV0dG9uJztcclxuaW1wb3J0IHsgQVhGb3JtQ29tcG9uZW50LCBBWEZvcm1Nb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvZm9ybSc7XHJcbmltcG9ydCB7IEFYTGFiZWxNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvbGFiZWwnO1xyXG5pbXBvcnQgeyBBWExvYWRpbmdNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvbG9hZGluZyc7XHJcbmltcG9ydCB7IEFYQmFzZVBhZ2VDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvcGFnZSc7XHJcbmltcG9ydCB7IEFYVGFic01vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy90YWJzJztcclxuaW1wb3J0IHsgQVhUb29sdGlwTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL3Rvb2x0aXAnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBXcml0YWJsZVNpZ25hbCwgaW5qZWN0LCBzaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcblxyXG5pbXBvcnQgeyBBWFZhbGlkYXRpb25Nb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvcmUvdmFsaWRhdGlvbic7XHJcblxyXG5pbXBvcnQgeyBBWERyb3Bkb3duTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2Ryb3Bkb3duJztcclxuaW1wb3J0IHsgQVhQR3JpZExheW91dERpcmVjdGl2ZSwgQVhQU3RpY2t5RGlyZWN0aXZlIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9jb21tb24nO1xyXG5pbXBvcnQgeyBBWFBXb3JrZmxvd1NlcnZpY2UgfSBmcm9tICdAYWNvcmV4L3BsYXRmb3JtL3dvcmtmbG93JztcclxuaW1wb3J0IHsgQVhQTGF5b3V0QnVpbGRlck1vZHVsZSB9IGZyb20gJ0BhY29yZXgvcGxhdGZvcm0vbGF5b3V0L2J1aWxkZXInO1xyXG5pbXBvcnQgeyBBWFBXaWRnZXRzTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS93aWRnZXRzJztcclxuaW1wb3J0IHsgQVhQRW50aXR5TWFzdGVyQ3JlYXRlVmlld01vZGVsIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9sYXlvdXQvZW50aXR5JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHRlbXBsYXRlVXJsOiAnLi9lbnRpdHktbWFzdGVyLWNyZWF0ZS12aWV3LmNvbXBvbmVudC5odG1sJyxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBGb3Jtc01vZHVsZSxcclxuICAgIEFYRm9ybU1vZHVsZSxcclxuICAgIEFYRGVjb3JhdG9yTW9kdWxlLFxyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgQVhCdXR0b25Nb2R1bGUsXHJcbiAgICBBWERpYWxvZ01vZHVsZSxcclxuICAgIEFYTG9hZGluZ01vZHVsZSxcclxuICAgIEFYVGFic01vZHVsZSxcclxuICAgIEFYVG9vbHRpcE1vZHVsZSxcclxuICAgIEFYVmFsaWRhdGlvbk1vZHVsZSxcclxuICAgIEFYTGFiZWxNb2R1bGUsXHJcbiAgICBBWERyb3Bkb3duTW9kdWxlLFxyXG4gICAgQVhEcm9wZG93bkJ1dHRvbk1vZHVsZSxcclxuICAgIC8vXHJcbiAgICBBWFBMYXlvdXRCdWlsZGVyTW9kdWxlLFxyXG4gICAgQVhQV2lkZ2V0c01vZHVsZSxcclxuICAgIEFYUFN0aWNreURpcmVjdGl2ZSxcclxuICAgIEFYUEdyaWRMYXlvdXREaXJlY3RpdmVcclxuICBdLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBWFBFbnRpdHlNYXN0ZXJDcmVhdGVWaWV3Q29tcG9uZW50IGV4dGVuZHMgQVhCYXNlUGFnZUNvbXBvbmVudCB7XHJcbiAgcHJvdGVjdGVkIHZtITogQVhQRW50aXR5TWFzdGVyQ3JlYXRlVmlld01vZGVsO1xyXG5cclxuICBwcm90ZWN0ZWQgd29ya2Zsb3cgPSBpbmplY3QoQVhQV29ya2Zsb3dTZXJ2aWNlKTtcclxuXHJcbiAgcHJvdGVjdGVkIGhhbmRsZUNsb3NlQ2xpY2soKSB7XHJcbiAgICB0aGlzLmNsb3NlKCk7XHJcbiAgfVxyXG5cclxuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlQmFja0NsaWNrKCkge1xyXG4gICAgLy9hd2FpdCB0aGlzLnZtLmV4ZWN1dGVDb21tYW5kKCdiYWNrJyk7XHJcbiAgfVxyXG5cclxuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlTmV4dENsaWNrKGZvcm06IEFYRm9ybUNvbXBvbmVudCkge1xyXG4gICAgLy8gY29uc3QgZm9ybVJlc3VsdCA9IGF3YWl0IGZvcm0udmFsaWRhdGUoKTtcclxuICAgIC8vIGlmIChmb3JtUmVzdWx0LnJlc3VsdCkge1xyXG4gICAgLy8gICBhd2FpdCB0aGlzLnZtLmV4ZWN1dGVDb21tYW5kKCduZXh0Jyk7XHJcbiAgICAvLyB9XHJcbiAgfVxyXG5cclxuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlU2F2ZUNsaWNrKGZvcm06IEFYRm9ybUNvbXBvbmVudCkge1xyXG4gICAgY29uc3QgZm9ybVJlc3VsdCA9IGF3YWl0IGZvcm0udmFsaWRhdGUoKTtcclxuICAgIGlmIChmb3JtUmVzdWx0LnJlc3VsdCkge1xyXG4gICAgICBjb25zdCByZWNvcmQgPSBhd2FpdCB0aGlzLnZtLnNhdmUoKTtcclxuICAgICAgdGhpcy5jbG9zZSh7IHNhdmU6IHRydWUsIHJlY29yZElkOiByZWNvcmQuaWQsIHJlZGlyZWN0OiB0cnVlIH0pO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJvdGVjdGVkIGFzeW5jIGhhbmRsZVNhdmVBbmROZXdDbGljayhmb3JtOiBBWEZvcm1Db21wb25lbnQpIHtcclxuICAgIGNvbnN0IGZvcm1SZXN1bHQgPSBhd2FpdCBmb3JtLnZhbGlkYXRlKCk7XHJcbiAgICBpZiAoZm9ybVJlc3VsdC5yZXN1bHQpIHtcclxuICAgICAgY29uc3QgcmVjb3JkID0gYXdhaXQgdGhpcy52bS5zYXZlKCk7XHJcbiAgICAgIHRoaXMuY2xvc2UoeyBzYXZlOiB0cnVlLCByZWNvcmRJZDogcmVjb3JkLmlkLCByZWRpcmVjdDogZmFsc2UgfSk7XHJcbiAgICAgIGF3YWl0IHRoaXMudm0uY3JlYXRlTmV3T25lKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlQ29udGV4dENoYW5nZShkYXRhOiBhbnkpIHtcclxuICAgIHRoaXMudm0uY29udGV4dC5zZXQoZGF0YSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXY+XHJcbiAgPGF4cC13aWRnZXRzLWNvbnRhaW5lciBbY29udGV4dF09XCJ2bS5jb250ZXh0KClcIiAoY29udGV4dENoYW5nZSk9XCJoYW5kbGVDb250ZXh0Q2hhbmdlKCRldmVudClcIj5cclxuICAgIDxheC1mb3JtIGNsYXNzPVwiYXgtZmxleCBheC1mbGV4LWNvbCBheC1nYXAtNiBheC1wLTQgYXgtcGItOFwiICNmb3JtIFttZXNzYWdlU3R5bGVdPVwiJ2JvdHRvbSdcIiBbdXBkYXRlT25dPVwiJ2JsdXInXCI+XHJcbiAgICAgIDwhLS0gQmVnaW4gU2VjdGlvbnMgLS0+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJheC1ncmlkICBheC1ncmlkLWNvbHMtMTIgIGF4LWdhcC00XCI+XHJcbiAgICAgICAgQGZvcihzZWN0aW9uIG9mIHZtLnNlY3Rpb25zKCk7IHRyYWNrIHNlY3Rpb24ubmFtZSgpKSB7XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImF4LWNvbC1zcGFuLTEyXCI+XHJcbiAgICAgICAgICA8YXgtZm9ybSAjZm9ybT5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImF4LXBiLTRcIj5cclxuICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImF4LWZvbnQtYm9sZCBheC10ZXh0LXhsXCI+e3sgc2VjdGlvbi50aXRsZSgpIH19PC9zcGFuPlxyXG4gICAgICAgICAgICAgIEBpZihzZWN0aW9uLmRlc2NyaXB0aW9uKCkpIHtcclxuICAgICAgICAgICAgICA8cCBjbGFzcz1cImF4LXRleHQtc20gYXgtdGV4dC1ncmF5LTUwMFwiPnt7IHNlY3Rpb24uZGVzY3JpcHRpb24oKSB9fTwvcD5cclxuICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXgtY2FyZC1ib2R5ICFheC1ncmlkICAhYXgtZ3JpZC1jb2xzLTEyICAhYXgtZ2FwLTRcIj5cclxuICAgICAgICAgICAgICBAZm9yKGF0dHIgb2Ygc2VjdGlvbi5lbGVtZW50cygpOyB0cmFjayAkaW5kZXgpIHtcclxuICAgICAgICAgICAgICA8YXgtZm9ybS1maWVsZCBjbGFzcz1cImF4LWZsZXggYXgtZmxleC1jb2wgYXgtZ2FwLTFcIiBbZ3JpZExheW91dF09XCJhdHRyLmxheW91dCgpXCI+XHJcbiAgICAgICAgICAgICAgICA8YXgtbGFiZWwgY2xhc3M9XCJheC1mb250LXNlbWlib2xkIGF4LXRleHQtc21cIiBbcmVxdWlyZWRdPVwiYXR0ci5pc1JlcXVpcmVkKClcIj57eyBhdHRyLnRpdGxlKClcclxuICAgICAgICAgICAgICAgICAgfX08L2F4LWxhYmVsPlxyXG4gICAgICAgICAgICAgICAgPGF4cC13aWRnZXQtcmVuZGVyZXIgW25vZGVdPVwiYXR0ci5ub2RlKClcIj4gPC9heHAtd2lkZ2V0LXJlbmRlcmVyPlxyXG4gICAgICAgICAgICAgIDwvYXgtZm9ybS1maWVsZD5cclxuICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICAgIDwvYXgtZm9ybT5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICB9XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8IS0tIEZpbmlzaCBTZWN0aW9ucyAgLS0+XHJcbiAgICA8L2F4LWZvcm0+XHJcbiAgPC9heHAtd2lkZ2V0cy1jb250YWluZXI+XHJcbiAgPGF4LWZvb3Rlcj5cclxuICAgIDxheC1zdWZmaXg+XHJcbiAgICAgIDxheC1idXR0b24gbG9vaz1cInNvbGlkXCIgY29sb3I9XCJnaG9zdFwiIHRleHQ9XCJDYW5jZWxcIiAob25DbGljayk9XCJoYW5kbGVDbG9zZUNsaWNrKClcIj4gPC9heC1idXR0b24+XHJcbiAgICAgIDxheC1kcm9wZG93bi1idXR0b24gW2Rpc2FibGVkXT1cInZtLmlzSW5Qcm9ncmVzcygpXCIgY29sb3I9XCJwcmltYXJ5XCIgdGV4dD1cIlNhdmVcIiBsb29rPVwic29saWRcIlxyXG4gICAgICAgIChvbkNsaWNrKT1cImhhbmRsZVNhdmVDbGljayhmb3JtKVwiPlxyXG4gICAgICAgIDxheC1sb2FkaW5nICpuZ0lmPVwidm0uaXNJblByb2dyZXNzKClcIj48L2F4LWxvYWRpbmc+XHJcbiAgICAgICAgPGF4LWJ1dHRvbi1pdGVtLWxpc3Q+XHJcbiAgICAgICAgICA8YXgtYnV0dG9uLWl0ZW0gdGV4dD1cIlNhdmUgJiBDcmVhdGUgTmV3XCIgKG9uQ2xpY2spPVwiaGFuZGxlU2F2ZUFuZE5ld0NsaWNrKGZvcm0pXCI+IDwvYXgtYnV0dG9uLWl0ZW0+XHJcbiAgICAgICAgPC9heC1idXR0b24taXRlbS1saXN0PlxyXG4gICAgICA8L2F4LWRyb3Bkb3duLWJ1dHRvbj5cclxuICAgIDwvYXgtc3VmZml4PlxyXG4gIDwvYXgtZm9vdGVyPlxyXG48L2Rpdj4iXX0=

package/esm2022/themes/default/lib/layouts/entity-layouts/entity-master-list-view/entity-list-view.component.mjs

@@ -0,0 +1,157 @@
+import { AXActionSheetModule, AXActionSheetService } from '@acorex/components/action-sheet';
+import { AXDataTableComponent, AXDataTableModule } from '@acorex/components/data-table';
+import { AXDrawerModule } from '@acorex/components/drawer';
+import { AXPlatform } from '@acorex/core/platform';
+import { ChangeDetectionStrategy, Component, ViewChild, ViewEncapsulation, effect, inject } from '@angular/core';
+import { ActivatedRoute, RouterModule } from '@angular/router';
+import { Store } from '@ngrx/store';
+import { AXPGridLayoutDirective, AXPLayoutService, AXPStickyDirective, getChildDrawer, isSmallScreen } from '@acorex/platform/common';
+import { AXBadgeModule } from '@acorex/components/badge';
+import { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';
+import { AXButtonModule } from '@acorex/components/button';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXDialogModule } from '@acorex/components/dialog';
+import { AXDropdownModule } from '@acorex/components/dropdown';
+import { AXFormModule } from '@acorex/components/form';
+import { AXLoadingModule } from '@acorex/components/loading';
+import { AXPopoverModule } from '@acorex/components/popover';
+import { AXTabsModule } from '@acorex/components/tabs';
+import { AXTooltipModule } from '@acorex/components/tooltip';
+import { AXPLayoutBuilderModule } from '@acorex/platform/layout/builder';
+import { AXPWidgetsModule } from '@acorex/platform/widgets';
+import { CommonModule } from '@angular/common';
+import { AXSearchBoxModule } from '@acorex/components/search-box';
+import { FormsModule } from '@angular/forms';
+import { AXPAuthModule } from '@acorex/platform/auth';
+import { AXPListViewOptionsColumnsComponent } from './list-view-option-columns/list-view-option-columns.component';
+import { AXPListViewOptionSortingComponent } from './list-view-option-sorting/list-view-option-sorting.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@acorex/components/action-sheet";
+import * as i2 from "@acorex/core/platform";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/router";
+import * as i5 from "@acorex/components/button";
+import * as i6 from "@acorex/components/decorators";
+import * as i7 from "@acorex/components/badge";
+import * as i8 from "@acorex/components/dropdown";
+import * as i9 from "@acorex/components/drawer";
+import * as i10 from "@acorex/components/breadcrumbs";
+import * as i11 from "@acorex/components/search-box";
+import * as i12 from "@acorex/components/data-table";
+import * as i13 from "@acorex/platform/layout/builder";
+import * as i14 from "@acorex/platform/auth";
+export class AXPEntityMasterListViewComponent {
+    constructor(actionSheetService, platform) {
+        this.actionSheetService = actionSheetService;
+        this.platform = platform;
+        this.layout = inject(AXPLayoutService);
+        this.activeRoute = inject(ActivatedRoute);
+        this.vm = this.activeRoute.snapshot.data['vm'];
+        //
+        this.store = inject((Store));
+        this.isSM = this.store.select(isSmallScreen());
+        this.isOpen = this.store.select(getChildDrawer());
+        this.dropdownRowItems = [
+            {
+                text: 'Details',
+                icon: 'fa-solid fa-eye',
+                name: 'open-entity',
+                divided: true,
+            },
+            {
+                text: 'Delete',
+                icon: 'fa-solid fa-trash-can',
+                name: 'delete-entity',
+                color: 'danger',
+                disabled: true,
+            },
+        ];
+        this.getDropdownRowItems = (rowData) => {
+            return Promise.resolve(this.dropdownRowItems);
+        };
+        effect(() => {
+            this.grid.selectedRows = this.vm.selectedItems();
+        }, { allowSignalWrites: true });
+    }
+    ngAfterViewInit() {
+        this.vm.setView();
+    }
+    closeDrawer(name, collapsed) {
+        if (collapsed) {
+            switch (name) {
+                case 'conditions':
+                    //this.loader.resetConditions();
+                    break;
+                case 'columns':
+                    this.vm.applyColumns();
+                    break;
+                case 'sorts':
+                    this.vm.applySorts();
+                    break;
+                default:
+                    break;
+            }
+        }
+    }
+    handleChangeSearchValue(e) {
+        if (e.isUserInteraction) {
+            this.vm.applyInlineFilter(e.value);
+        }
+    }
+    handleRowDbClick(e) {
+        const d = {
+            component: e.component,
+            name: this.dropdownRowItems[0].name,
+            data: e.data,
+        };
+        this.handleRowCommandClick(d);
+    }
+    async handleRowCommandClick(e) {
+        this.vm.executeCommand(e.name, e.data);
+    }
+    async handleSelectedRowsChange(rows) {
+        this.vm.selectedItems.set(rows);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPEntityMasterListViewComponent, deps: [{ token: i1.AXActionSheetService }, { token: i2.AXPlatform }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPEntityMasterListViewComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "grid", first: true, predicate: ["grid"], descendants: true }], ngImport: i0, template: "<ax-drawer-container>\r\n  <ax-content class=\"ax-flex ax-flex-col ax-overflow-hidden\" #content>\r\n    <div\r\n      class=\"ax-flex ax-flex-col ax-gap-4 ax-px-4 ax-pb-4 md:ax-px-6 ax-bg-surface   ax-border-b md:ax-border-0 md:ax-bg-default\">\r\n      <div class=\"ax-flex ax-flex-col ax-pt-4 ax-gap-4 ax-sticky ax-top-0 ax-z-10 ax-transition-all\" #sticky=\"axpSticky\"\r\n        [axpSticky]=\"'ax-bg-surface ax-px-6 ax-py-3 -ax-mx-6 ax-shadow-xl'\" [stickyParent]=\"content.getHostElement()\">\r\n        <!-------- Begin Toolbar  -------->\r\n        <!-------- Begin Line 1  -------->\r\n        <div class=\"ax-flex ax-justify-between ax-items-center\">\r\n          <!-------- Begin Title  -------->\r\n          <div class=\"ax-flex ax-gap-1 ax-items-center\">\r\n            <div class=\"ax-flex ax-flex-col ax-gap-2 ax-transition\">\r\n              <div class=\"ax-text-xl md:ax-text-3xl ax-font-bold\">{{ vm.title()}}</div>\r\n              @if(vm.description())\r\n              {\r\n              <div class=\"ax-text-sm ax-text-neutral-600\" [class.ax-hidden]=\"sticky.isSticky\">{{\r\n                vm.description() }}</div>\r\n              }\r\n              <ax-breadcrumbs class=\"child:ax-font-normal child:ax-text-neutral-400\" [class.ax-hidden]=\"isSM | async\">\r\n                <ng-template #divider>\r\n                  <i class=\"fa-solid fa-chevron-right ax-text-xs ax-mx-2\"></i>\r\n                </ng-template>\r\n                @for(b of vm.beardcrumbs();track $index;let last=$last)\r\n                {\r\n                <ax-breadcrumbs-item [active]=\"last\" [class.!ax-font-semibold]=\"last\"\r\n                  [class.!ax-text-neutral-600]=\"last\" [routerLink]=\"b.url\">\r\n                  @if(b.icon)\r\n                  {\r\n                  <i [class]=\"b.icon\"></i>\r\n                  }\r\n                  {{b.title}}\r\n                </ax-breadcrumbs-item>\r\n                }\r\n              </ax-breadcrumbs>\r\n            </div>\r\n          </div>\r\n          <!-------- Finish Title  -------->\r\n          <!--------------------------------------------------------------->\r\n          <!-- Begin Action Menu  -->\r\n          <div class=\"ax-flex ax-items-center ax-gap-3\">\r\n            @for(tr of vm.primaryActions();track $index)\r\n            {\r\n            <ax-button [text]=\"tr.title\" [color]=\"tr.color\" (onClick)=\"vm.executeCommand(tr.name)\">\r\n              <ax-prefix>\r\n                <ax-icon [icon]=\"tr.icon\"> </ax-icon>\r\n              </ax-prefix>\r\n            </ax-button>\r\n            }\r\n            @if(vm.secondaryActions().length) {\r\n            <ax-button [text]=\"(isSM | async) ? null : 'Actions'\" color=\"ghost\">\r\n              <ax-prefix>\r\n                <i class=\"fa-solid fa-ellipsis-vertical\"></i>\r\n              </ax-prefix>\r\n              <ax-dropdown-panel>\r\n                <ax-button-item-list>\r\n                  @for(tr of vm.secondaryActions();track $index;let first=$first)\r\n                  {\r\n                  <ng-container>\r\n                    @if(tr.separated && !$first)\r\n                    {\r\n                    <ax-divider></ax-divider>\r\n                    }\r\n                    <ax-button-item [text]=\"tr.title\" class=\"ax-font-semibold ax-text-{{tr.color}}\"\r\n                      (onClick)=\"vm.executeCommand(tr.name)\">\r\n                      <ax-prefix>\r\n                        <ax-icon [icon]=\"tr.icon\"> </ax-icon>\r\n                      </ax-prefix>\r\n                    </ax-button-item>\r\n                  </ng-container>\r\n                  }\r\n                </ax-button-item-list>\r\n              </ax-dropdown-panel>\r\n            </ax-button>\r\n            }\r\n          </div>\r\n          <!-- Finish Action Menu  -->\r\n        </div>\r\n\r\n        <!-------- Finish Line 1  -------->\r\n\r\n        <!-------- Begin Line 2 -------->\r\n        <div class=\"ax-flex ax-justify-between ax-items-center\">\r\n          <div class=\"ax-flex ax-justify-start ax-items-center ax-gap-4\">\r\n            <!-------- Begin Selection  -------->\r\n\r\n            @if(vm.hasSelectedItems())\r\n            {\r\n            <div class=\"ax-flex ax-gap-3 ax-items-center ax-h-10\">\r\n              <span class=\"ax-text-xl ax-font-bold\"> {{ vm.selectedItems().length }} Items Selected </span>\r\n              <span (click)=\"vm.clearSelection()\"\r\n                class=\"ax-text-sm ax-text-primary dark:ax-text-primary-300 ax-underline ax-cursor-pointer\">Clear\r\n                Items</span>\r\n            </div>\r\n\r\n            <!-------- Finish Selection  -------->\r\n\r\n            } @else {\r\n\r\n            <!-------- Begin View  -------->\r\n\r\n            <ax-button [text]=\"vm.view().title\" #views color=\"ghost\">\r\n              <ax-prefix>\r\n                <i class=\"fa-solid fa-eye\"></i>\r\n              </ax-prefix>\r\n              <ax-suffix>\r\n                <i class=\"fa-solid fa-caret-down\"></i>\r\n              </ax-suffix>\r\n              <ax-dropdown-panel [adaptivityEnabled]=\"true\">\r\n                <ax-button-item-list class=\"ax-bg-surface\">\r\n                  <ax-title class=\"ax-font-bold ax-opacity-100\">Public Views</ax-title>\r\n                  <ax-button-item *ngFor=\"let v of vm.views()\" [text]=\"v.title\" [class.ax-bg-on-surface]=\"vm.view()==v\"\r\n                    (onClick)=\"vm.setView(v.name)\"></ax-button-item>\r\n                  <!-- <ax-title class=\"ax-font-bold ax-opacity-100\" *ngIf=\"hasCustomViews$ | async\">Created by me</ax-title>\r\n                <ax-button-item class=\"ax-pe-4 ax-flex ax-justify-between\" *ngFor=\"let v of customViews$ | async\"\r\n                  [text]=\"v.title\" [class.ax-bg-on-surface]=\"(view$ | async) == v\" (onClick)=\"loader.setView(v.name)\">\r\n                  <ax-suffix>\r\n                    <ax-button (onClick)=\"updateViewPopup($event, v)\" class=\"ax-xs\" look=\"none\">\r\n                      <ax-icon class=\"far fa-edit\"> </ax-icon>\r\n                    </ax-button>\r\n                  </ax-suffix>\r\n                </ax-button-item> -->\r\n                  <!-- <ng-container *feature=\"'axp-entity-list-custom-view'\">\r\n                  <ax-divider></ax-divider>\r\n                  <ax-button-item text=\"Add Custom View\" (onClick)=\"addCustomViewPopup()\"\r\n                    class=\"ax-font-semibold ax-text-primary\"></ax-button-item>\r\n                </ng-container> -->\r\n                </ax-button-item-list>\r\n              </ax-dropdown-panel>\r\n            </ax-button>\r\n            <!-------- Finish View  -------->\r\n\r\n            <!-------- Begin Inline Search   -------->\r\n\r\n            @if(vm.hasInlineFilters())\r\n            {\r\n            <div class=\"ax-w-72\" *feature=\"'axp-entity-list-inline-filter'\">\r\n              <ax-search-box [placeholder]=\"'Search on '+vm.inlineFiltersPlaceholders().join(', ')\"\r\n                (onValueChanged)=\"handleChangeSearchValue($event)\"><ax-clear-button></ax-clear-button></ax-search-box>\r\n            </div>\r\n            }\r\n            }\r\n            <!-------- Finish Inline Search -------->\r\n          </div>\r\n\r\n          <!-- Begin View Action Menu  -->\r\n          @if(!vm.hasSelectedItems())\r\n          {\r\n          <div class=\"ax-flex ax-gap-3\">\r\n            <ax-button text=\"Columns\" color=\"ghost\" (onClick)=\"columnsDrawer.open()\">\r\n              <ax-prefix>\r\n                <i class=\"fa-solid fa-bars\"></i>\r\n              </ax-prefix>\r\n              <ax-suffix>\r\n                <ax-badge [text]=\"vm.visibleColumnCount().toString()\" color=\"primary\"></ax-badge>\r\n              </ax-suffix>\r\n            </ax-button>\r\n            <ax-button text=\"Filters\" color=\"ghost\" (onClick)=\"conditionsDrawer.open()\"\r\n              *feature=\"'axp-entity-list-advance-filter'\">\r\n              <ax-prefix>\r\n                <i class=\"fa-solid fa-sliders\"></i>\r\n              </ax-prefix>\r\n              <ax-suffix>\r\n                <ax-badge text=\"3\" color=\"primary\"></ax-badge>\r\n              </ax-suffix>\r\n            </ax-button>\r\n            @if(vm.canSort())\r\n            {\r\n            <ax-button text=\"Sort\" color=\"ghost\" (onClick)=\"sortsDrawer.open()\">\r\n              <ax-prefix>\r\n                <i class=\"fa-solid fa-bars-sort\"></i>\r\n              </ax-prefix>\r\n              @if(vm.sortedCount())\r\n              {\r\n              <ax-suffix>\r\n                <ax-badge [text]=\"vm.sortedCount().toString()\" color=\"primary\"></ax-badge>\r\n              </ax-suffix>\r\n              }\r\n            </ax-button>\r\n            }\r\n          </div>\r\n          }\r\n          <!-- Finish View Action Menu  -->\r\n        </div>\r\n        <!-------- Finish Line 2  -------->\r\n\r\n        <!----- Finish Toolbar  ----->\r\n\r\n      </div>\r\n    </div>\r\n    <!----- Begin DataTable  ----->\r\n    <div class=\"ax-flex ax-flex-1 ax-px-6 ax-py-4  ax-overflow-auto\">\r\n      <ax-data-table #grid [showFooter]=\"false\" class=\"ax-flex-1\" [paging]=\"true\" [fetchDataMode]=\"'manual'\"\r\n        [loading]=\"{ enabled: true, animation: true }\" [dataSource]=\"vm.dataSource\"\r\n        (selectedRowsChange)=\"handleSelectedRowsChange($event)\" (onRowDbClick)=\"handleRowDbClick($event)\">\r\n        <ax-select-column fixed=\"start\" [width]=\"'50px'\"></ax-select-column>\r\n        @for(col of vm.columns();track col.name) {\r\n        @if(col.visible)\r\n        {\r\n        <axp-widget-column-renderer [caption]=\"col.title\" [node]=\"col.node()\"></axp-widget-column-renderer>\r\n        }\r\n        }\r\n        <ax-dropdown-command-column fixed=\"end\" [width]=\"'60px'\" [items]=\"getDropdownRowItems\"\r\n          (onItemClick)=\"handleRowCommandClick($event)\"></ax-dropdown-command-column>\r\n      </ax-data-table>\r\n    </div>\r\n    <!----- Finish DataTable  ----->\r\n  </ax-content>\r\n\r\n  <ax-drawer (collapsedChange)=\"closeDrawer('columns', $event)\" #columnsDrawer location=\"end\" [mode]=\"'overlay'\">\r\n    <ax-content class=\"ax-w-[85vw] md:ax-w-[45vw] lg:ax-w-[35vw] 2xl:ax-w-[20vw] ax-border-e\">\r\n      <axp-list-view-option-columns [viewModel]=\"vm\" (onClosed)=\"columnsDrawer.close()\"></axp-list-view-option-columns>\r\n    </ax-content>\r\n  </ax-drawer>\r\n  <ax-drawer (collapsedChange)=\"closeDrawer('conditions', $event)\" #conditionsDrawer location=\"end\" [mode]=\"'overlay'\">\r\n    <ax-content class=\"ax-w-[85vw] md:ax-w-[45vw] lg:ax-w-[35vw] 2xl:ax-w-[25vw] ax-border-e\">\r\n      <!-- <axp-list-view-option-conditions [loader]=\"loader\"\r\n        (onClosed)=\"conditionsDrawer.close()\"></axp-list-view-option-conditions> -->\r\n    </ax-content>\r\n  </ax-drawer>\r\n  <ax-drawer (collapsedChange)=\"closeDrawer('sorts', $event)\" #sortsDrawer location=\"end\" [mode]=\"'overlay'\">\r\n    <ax-content class=\"ax-w-[85vw] md:ax-w-[45vw] lg:ax-w-[35vw] 2xl:ax-w-[20vw] ax-border-e\">\r\n      <axp-list-view-option-sorting (onClosed)=\"sortsDrawer.close()\" [viewModel]=\"vm\"></axp-list-view-option-sorting>\r\n    </ax-content>\r\n  </ax-drawer>\r\n</ax-drawer-container>", styles: [".cdk-drag-preview{border-radius:.375rem;border-width:1px;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);background:rgba(var(--ax-color-on-surface));padding:.5rem;height:max-content!important}.collapsed-search-box{margin-top:0;height:0px;opacity:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i5.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "component", type: i5.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i5.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i6.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i6.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i6.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i7.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i8.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXActionSheetModule }, { kind: "ngmodule", type: AXDrawerModule }, { kind: "component", type: i9.AXDrawerComponent, selector: "ax-drawer", inputs: ["location", "showBackdrop", "mode", "collapsed"], outputs: ["locationChange", "modeChange", "collapsedChange"] }, { kind: "component", type: i9.AXDrawerContainerComponent, selector: "ax-drawer-container" }, { kind: "ngmodule", type: AXDialogModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXTabsModule }, { kind: "ngmodule", type: AXTooltipModule }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "component", type: i10.AXBreadCrumbsComponent, selector: "ax-breadcrumbs" }, { kind: "component", type: i10.AXBreadCrumbsItemComponent, selector: "ax-breadcrumbs-item", inputs: ["disabled", "active"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i11.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "delayTime"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i12.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "rowTemplate", "emptyTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged"] }, { kind: "component", type: i12.AXRowSelectColumnComponent, selector: "ax-select-column", inputs: ["width", "caption", "fixed"] }, { kind: "component", type: i12.AXRowDropdownCommandColumnComponent, selector: "ax-dropdown-command-column", inputs: ["width", "caption", "fixed", "footerTemplate", "items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: 
+                //
+                AXPLayoutBuilderModule }, { kind: "component", type: i13.AXPWidgetColumnRendererComponent, selector: "axp-widget-column-renderer", inputs: ["caption", "node", "footerTemplate", "cellTemplate", "headerTemplate"] }, { kind: "ngmodule", type: AXPWidgetsModule }, { kind: "directive", type: AXPStickyDirective, selector: "[axpSticky]", inputs: ["axpSticky", "stickyOffset", "stickyParent", "stickyTarget"], outputs: ["isStickyChange"], exportAs: ["axpSticky"] }, { kind: "ngmodule", type: AXPAuthModule }, { kind: "directive", type: i14.AXPFeatureDirective, selector: "[feature]", inputs: ["feature", "featureElse"] }, { kind: "component", type: 
+                //
+                AXPListViewOptionsColumnsComponent, selector: "axp-list-view-option-columns", inputs: ["viewModel"], outputs: ["onClosed"] }, { kind: "component", type: AXPListViewOptionSortingComponent, selector: "axp-list-view-option-sorting", inputs: ["viewModel"], outputs: ["onClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPEntityMasterListViewComponent, decorators: [{
+            type: Component,
+            args: [{ encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        FormsModule,
+                        RouterModule,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        AXBadgeModule,
+                        AXDropdownModule,
+                        AXPopoverModule,
+                        AXFormModule,
+                        AXActionSheetModule,
+                        AXDrawerModule,
+                        AXDialogModule,
+                        AXLoadingModule,
+                        AXTabsModule,
+                        AXTooltipModule,
+                        AXBreadcrumbsModule,
+                        AXSearchBoxModule,
+                        AXDataTableModule,
+                        //
+                        AXPLayoutBuilderModule,
+                        AXPWidgetsModule,
+                        AXPStickyDirective,
+                        AXPGridLayoutDirective,
+                        AXPAuthModule,
+                        //
+                        AXPListViewOptionsColumnsComponent,
+                        AXPListViewOptionSortingComponent
+                    ], standalone: true, template: "<ax-drawer-container>\r\n  <ax-content class=\"ax-flex ax-flex-col ax-overflow-hidden\" #content>\r\n    <div\r\n      class=\"ax-flex ax-flex-col ax-gap-4 ax-px-4 ax-pb-4 md:ax-px-6 ax-bg-surface   ax-border-b md:ax-border-0 md:ax-bg-default\">\r\n      <div class=\"ax-flex ax-flex-col ax-pt-4 ax-gap-4 ax-sticky ax-top-0 ax-z-10 ax-transition-all\" #sticky=\"axpSticky\"\r\n        [axpSticky]=\"'ax-bg-surface ax-px-6 ax-py-3 -ax-mx-6 ax-shadow-xl'\" [stickyParent]=\"content.getHostElement()\">\r\n        <!-------- Begin Toolbar  -------->\r\n        <!-------- Begin Line 1  -------->\r\n        <div class=\"ax-flex ax-justify-between ax-items-center\">\r\n          <!-------- Begin Title  -------->\r\n          <div class=\"ax-flex ax-gap-1 ax-items-center\">\r\n            <div class=\"ax-flex ax-flex-col ax-gap-2 ax-transition\">\r\n              <div class=\"ax-text-xl md:ax-text-3xl ax-font-bold\">{{ vm.title()}}</div>\r\n              @if(vm.description())\r\n              {\r\n              <div class=\"ax-text-sm ax-text-neutral-600\" [class.ax-hidden]=\"sticky.isSticky\">{{\r\n                vm.description() }}</div>\r\n              }\r\n              <ax-breadcrumbs class=\"child:ax-font-normal child:ax-text-neutral-400\" [class.ax-hidden]=\"isSM | async\">\r\n                <ng-template #divider>\r\n                  <i class=\"fa-solid fa-chevron-right ax-text-xs ax-mx-2\"></i>\r\n                </ng-template>\r\n                @for(b of vm.beardcrumbs();track $index;let last=$last)\r\n                {\r\n                <ax-breadcrumbs-item [active]=\"last\" [class.!ax-font-semibold]=\"last\"\r\n                  [class.!ax-text-neutral-600]=\"last\" [routerLink]=\"b.url\">\r\n                  @if(b.icon)\r\n                  {\r\n                  <i [class]=\"b.icon\"></i>\r\n                  }\r\n                  {{b.title}}\r\n                </ax-breadcrumbs-item>\r\n                }\r\n              </ax-breadcrumbs>\r\n            </div>\r\n          </div>\r\n          <!-------- Finish Title  -------->\r\n          <!--------------------------------------------------------------->\r\n          <!-- Begin Action Menu  -->\r\n          <div class=\"ax-flex ax-items-center ax-gap-3\">\r\n            @for(tr of vm.primaryActions();track $index)\r\n            {\r\n            <ax-button [text]=\"tr.title\" [color]=\"tr.color\" (onClick)=\"vm.executeCommand(tr.name)\">\r\n              <ax-prefix>\r\n                <ax-icon [icon]=\"tr.icon\"> </ax-icon>\r\n              </ax-prefix>\r\n            </ax-button>\r\n            }\r\n            @if(vm.secondaryActions().length) {\r\n            <ax-button [text]=\"(isSM | async) ? null : 'Actions'\" color=\"ghost\">\r\n              <ax-prefix>\r\n                <i class=\"fa-solid fa-ellipsis-vertical\"></i>\r\n              </ax-prefix>\r\n              <ax-dropdown-panel>\r\n                <ax-button-item-list>\r\n                  @for(tr of vm.secondaryActions();track $index;let first=$first)\r\n                  {\r\n                  <ng-container>\r\n                    @if(tr.separated && !$first)\r\n                    {\r\n                    <ax-divider></ax-divider>\r\n                    }\r\n                    <ax-button-item [text]=\"tr.title\" class=\"ax-font-semibold ax-text-{{tr.color}}\"\r\n                      (onClick)=\"vm.executeCommand(tr.name)\">\r\n                      <ax-prefix>\r\n                        <ax-icon [icon]=\"tr.icon\"> </ax-icon>\r\n                      </ax-prefix>\r\n                    </ax-button-item>\r\n                  </ng-container>\r\n                  }\r\n                </ax-button-item-list>\r\n              </ax-dropdown-panel>\r\n            </ax-button>\r\n            }\r\n          </div>\r\n          <!-- Finish Action Menu  -->\r\n        </div>\r\n\r\n        <!-------- Finish Line 1  -------->\r\n\r\n        <!-------- Begin Line 2 -------->\r\n        <div class=\"ax-flex ax-justify-between ax-items-center\">\r\n          <div class=\"ax-flex ax-justify-start ax-items-center ax-gap-4\">\r\n            <!-------- Begin Selection  -------->\r\n\r\n            @if(vm.hasSelectedItems())\r\n            {\r\n            <div class=\"ax-flex ax-gap-3 ax-items-center ax-h-10\">\r\n              <span class=\"ax-text-xl ax-font-bold\"> {{ vm.selectedItems().length }} Items Selected </span>\r\n              <span (click)=\"vm.clearSelection()\"\r\n                class=\"ax-text-sm ax-text-primary dark:ax-text-primary-300 ax-underline ax-cursor-pointer\">Clear\r\n                Items</span>\r\n            </div>\r\n\r\n            <!-------- Finish Selection  -------->\r\n\r\n            } @else {\r\n\r\n            <!-------- Begin View  -------->\r\n\r\n            <ax-button [text]=\"vm.view().title\" #views color=\"ghost\">\r\n              <ax-prefix>\r\n                <i class=\"fa-solid fa-eye\"></i>\r\n              </ax-prefix>\r\n              <ax-suffix>\r\n                <i class=\"fa-solid fa-caret-down\"></i>\r\n              </ax-suffix>\r\n              <ax-dropdown-panel [adaptivityEnabled]=\"true\">\r\n                <ax-button-item-list class=\"ax-bg-surface\">\r\n                  <ax-title class=\"ax-font-bold ax-opacity-100\">Public Views</ax-title>\r\n                  <ax-button-item *ngFor=\"let v of vm.views()\" [text]=\"v.title\" [class.ax-bg-on-surface]=\"vm.view()==v\"\r\n                    (onClick)=\"vm.setView(v.name)\"></ax-button-item>\r\n                  <!-- <ax-title class=\"ax-font-bold ax-opacity-100\" *ngIf=\"hasCustomViews$ | async\">Created by me</ax-title>\r\n                <ax-button-item class=\"ax-pe-4 ax-flex ax-justify-between\" *ngFor=\"let v of customViews$ | async\"\r\n                  [text]=\"v.title\" [class.ax-bg-on-surface]=\"(view$ | async) == v\" (onClick)=\"loader.setView(v.name)\">\r\n                  <ax-suffix>\r\n                    <ax-button (onClick)=\"updateViewPopup($event, v)\" class=\"ax-xs\" look=\"none\">\r\n                      <ax-icon class=\"far fa-edit\"> </ax-icon>\r\n                    </ax-button>\r\n                  </ax-suffix>\r\n                </ax-button-item> -->\r\n                  <!-- <ng-container *feature=\"'axp-entity-list-custom-view'\">\r\n                  <ax-divider></ax-divider>\r\n                  <ax-button-item text=\"Add Custom View\" (onClick)=\"addCustomViewPopup()\"\r\n                    class=\"ax-font-semibold ax-text-primary\"></ax-button-item>\r\n                </ng-container> -->\r\n                </ax-button-item-list>\r\n              </ax-dropdown-panel>\r\n            </ax-button>\r\n            <!-------- Finish View  -------->\r\n\r\n            <!-------- Begin Inline Search   -------->\r\n\r\n            @if(vm.hasInlineFilters())\r\n            {\r\n            <div class=\"ax-w-72\" *feature=\"'axp-entity-list-inline-filter'\">\r\n              <ax-search-box [placeholder]=\"'Search on '+vm.inlineFiltersPlaceholders().join(', ')\"\r\n                (onValueChanged)=\"handleChangeSearchValue($event)\"><ax-clear-button></ax-clear-button></ax-search-box>\r\n            </div>\r\n            }\r\n            }\r\n            <!-------- Finish Inline Search -------->\r\n          </div>\r\n\r\n          <!-- Begin View Action Menu  -->\r\n          @if(!vm.hasSelectedItems())\r\n          {\r\n          <div class=\"ax-flex ax-gap-3\">\r\n            <ax-button text=\"Columns\" color=\"ghost\" (onClick)=\"columnsDrawer.open()\">\r\n              <ax-prefix>\r\n                <i class=\"fa-solid fa-bars\"></i>\r\n              </ax-prefix>\r\n              <ax-suffix>\r\n                <ax-badge [text]=\"vm.visibleColumnCount().toString()\" color=\"primary\"></ax-badge>\r\n              </ax-suffix>\r\n            </ax-button>\r\n            <ax-button text=\"Filters\" color=\"ghost\" (onClick)=\"conditionsDrawer.open()\"\r\n              *feature=\"'axp-entity-list-advance-filter'\">\r\n              <ax-prefix>\r\n                <i class=\"fa-solid fa-sliders\"></i>\r\n              </ax-prefix>\r\n              <ax-suffix>\r\n                <ax-badge text=\"3\" color=\"primary\"></ax-badge>\r\n              </ax-suffix>\r\n            </ax-button>\r\n            @if(vm.canSort())\r\n            {\r\n            <ax-button text=\"Sort\" color=\"ghost\" (onClick)=\"sortsDrawer.open()\">\r\n              <ax-prefix>\r\n                <i class=\"fa-solid fa-bars-sort\"></i>\r\n              </ax-prefix>\r\n              @if(vm.sortedCount())\r\n              {\r\n              <ax-suffix>\r\n                <ax-badge [text]=\"vm.sortedCount().toString()\" color=\"primary\"></ax-badge>\r\n              </ax-suffix>\r\n              }\r\n            </ax-button>\r\n            }\r\n          </div>\r\n          }\r\n          <!-- Finish View Action Menu  -->\r\n        </div>\r\n        <!-------- Finish Line 2  -------->\r\n\r\n        <!----- Finish Toolbar  ----->\r\n\r\n      </div>\r\n    </div>\r\n    <!----- Begin DataTable  ----->\r\n    <div class=\"ax-flex ax-flex-1 ax-px-6 ax-py-4  ax-overflow-auto\">\r\n      <ax-data-table #grid [showFooter]=\"false\" class=\"ax-flex-1\" [paging]=\"true\" [fetchDataMode]=\"'manual'\"\r\n        [loading]=\"{ enabled: true, animation: true }\" [dataSource]=\"vm.dataSource\"\r\n        (selectedRowsChange)=\"handleSelectedRowsChange($event)\" (onRowDbClick)=\"handleRowDbClick($event)\">\r\n        <ax-select-column fixed=\"start\" [width]=\"'50px'\"></ax-select-column>\r\n        @for(col of vm.columns();track col.name) {\r\n        @if(col.visible)\r\n        {\r\n        <axp-widget-column-renderer [caption]=\"col.title\" [node]=\"col.node()\"></axp-widget-column-renderer>\r\n        }\r\n        }\r\n        <ax-dropdown-command-column fixed=\"end\" [width]=\"'60px'\" [items]=\"getDropdownRowItems\"\r\n          (onItemClick)=\"handleRowCommandClick($event)\"></ax-dropdown-command-column>\r\n      </ax-data-table>\r\n    </div>\r\n    <!----- Finish DataTable  ----->\r\n  </ax-content>\r\n\r\n  <ax-drawer (collapsedChange)=\"closeDrawer('columns', $event)\" #columnsDrawer location=\"end\" [mode]=\"'overlay'\">\r\n    <ax-content class=\"ax-w-[85vw] md:ax-w-[45vw] lg:ax-w-[35vw] 2xl:ax-w-[20vw] ax-border-e\">\r\n      <axp-list-view-option-columns [viewModel]=\"vm\" (onClosed)=\"columnsDrawer.close()\"></axp-list-view-option-columns>\r\n    </ax-content>\r\n  </ax-drawer>\r\n  <ax-drawer (collapsedChange)=\"closeDrawer('conditions', $event)\" #conditionsDrawer location=\"end\" [mode]=\"'overlay'\">\r\n    <ax-content class=\"ax-w-[85vw] md:ax-w-[45vw] lg:ax-w-[35vw] 2xl:ax-w-[25vw] ax-border-e\">\r\n      <!-- <axp-list-view-option-conditions [loader]=\"loader\"\r\n        (onClosed)=\"conditionsDrawer.close()\"></axp-list-view-option-conditions> -->\r\n    </ax-content>\r\n  </ax-drawer>\r\n  <ax-drawer (collapsedChange)=\"closeDrawer('sorts', $event)\" #sortsDrawer location=\"end\" [mode]=\"'overlay'\">\r\n    <ax-content class=\"ax-w-[85vw] md:ax-w-[45vw] lg:ax-w-[35vw] 2xl:ax-w-[20vw] ax-border-e\">\r\n      <axp-list-view-option-sorting (onClosed)=\"sortsDrawer.close()\" [viewModel]=\"vm\"></axp-list-view-option-sorting>\r\n    </ax-content>\r\n  </ax-drawer>\r\n</ax-drawer-container>", styles: [".cdk-drag-preview{border-radius:.375rem;border-width:1px;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);background:rgba(var(--ax-color-on-surface));padding:.5rem;height:max-content!important}.collapsed-search-box{margin-top:0;height:0px;opacity:0}\n"] }]
+        }], ctorParameters: () => [{ type: i1.AXActionSheetService }, { type: i2.AXPlatform }], propDecorators: { grid: [{
+                type: ViewChild,
+                args: ['grid']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW50aXR5LWxpc3Qtdmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3BsYXRmb3JtL3RoZW1lcy9kZWZhdWx0L3NyYy9saWIvbGF5b3V0cy9lbnRpdHktbGF5b3V0cy9lbnRpdHktbWFzdGVyLWxpc3Qtdmlldy9lbnRpdHktbGlzdC12aWV3LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcGxhdGZvcm0vdGhlbWVzL2RlZmF1bHQvc3JjL2xpYi9sYXlvdXRzL2VudGl0eS1sYXlvdXRzL2VudGl0eS1tYXN0ZXItbGlzdC12aWV3L2VudGl0eS1saXN0LXZpZXcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLG1CQUFtQixFQUFFLG9CQUFvQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDNUYsT0FBTyxFQUFFLG9CQUFvQixFQUFFLGlCQUFpQixFQUF1RSxNQUFNLCtCQUErQixDQUFDO0FBQzdKLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDbkQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqSCxPQUFPLEVBQUUsY0FBYyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9ELE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFFcEMsT0FBTyxFQUF1QixzQkFBc0IsRUFBRSxnQkFBZ0IsRUFBRSxrQkFBa0IsRUFBRSxjQUFjLEVBQUUsYUFBYSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDM0osT0FBTyxFQUFFLGFBQWEsRUFB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QVM7dUJBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYQWN0aW9uU2hlZXRNb2R1bGUsIEFYQWN0aW9uU2hlZXRTZXJ2aWNlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2FjdGlvbi1zaGVldCc7XHJcbmltcG9ydCB7IEFYRGF0YVRhYmxlQ29tcG9uZW50LCBBWERhdGFUYWJsZU1vZHVsZSwgQVhEYXRhVGFibGVSb3dEYkNsaWNrLCBBWFJvd0NvbW1hbmRJdGVtLCBBWFJvd0NvbW1hbmRJdGVtQ2xpY2tFdmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9kYXRhLXRhYmxlJztcclxuaW1wb3J0IHsgQVhEcmF3ZXJNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvZHJhd2VyJztcclxuaW1wb3J0IHsgQVhQbGF0Zm9ybSB9IGZyb20gJ0BhY29yZXgvY29yZS9wbGF0Zm9ybSc7XHJcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIFZpZXdDaGlsZCwgVmlld0VuY2Fwc3VsYXRpb24sIGVmZmVjdCwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFjdGl2YXRlZFJvdXRlLCBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgeyBTdG9yZSB9IGZyb20gJ0BuZ3J4L3N0b3JlJztcclxuXHJcbmltcG9ydCB7IEFYUEFkbWluTGF5b3V0U3RhdGUsIEFYUEdyaWRMYXlvdXREaXJlY3RpdmUsIEFYUExheW91dFNlcnZpY2UsIEFYUFN0aWNreURpcmVjdGl2ZSwgZ2V0Q2hpbGREcmF3ZXIsIGlzU21hbGxTY3JlZW4gfSBmcm9tICdAYWNvcmV4L3BsYXRmb3JtL2NvbW1vbic7XHJcbmltcG9ydCB7IEFYQmFkZ2VNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvYmFkZ2UnO1xyXG5pbXBvcnQgeyBBWEJyZWFkY3J1bWJzTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2JyZWFkY3J1bWJzJztcclxuaW1wb3J0IHsgQVhCdXR0b25Nb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvYnV0dG9uJztcclxuaW1wb3J0IHsgQVhEZWNvcmF0b3JNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvZGVjb3JhdG9ycyc7XHJcbmltcG9ydCB7IEFYRGlhbG9nTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2RpYWxvZyc7XHJcbmltcG9ydCB7IEFYRHJvcGRvd25Nb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvZHJvcGRvd24nO1xyXG5pbXBvcnQgeyBBWEZvcm1Nb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvZm9ybSc7XHJcbmltcG9ydCB7IEFYTG9hZGluZ01vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9sb2FkaW5nJztcclxuaW1wb3J0IHsgQVhQb3BvdmVyTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL3BvcG92ZXInO1xyXG5pbXBvcnQgeyBBWFRhYnNNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvdGFicyc7XHJcbmltcG9ydCB7IEFYVG9vbHRpcE1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy90b29sdGlwJztcclxuaW1wb3J0IHsgQVhQTGF5b3V0QnVpbGRlck1vZHVsZSB9IGZyb20gJ0BhY29yZXgvcGxhdGZvcm0vbGF5b3V0L2J1aWxkZXInO1xyXG5pbXBvcnQgeyBBWFBXaWRnZXRzTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS93aWRnZXRzJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQVhTZWFyY2hCb3hNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvc2VhcmNoLWJveCc7XHJcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBBWFBBdXRoTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9hdXRoJztcclxuaW1wb3J0IHsgQVhQTGlzdFZpZXdPcHRpb25zQ29sdW1uc0NvbXBvbmVudCB9IGZyb20gJy4vbGlzdC12aWV3LW9wdGlvbi1jb2x1bW5zL2xpc3Qtdmlldy1vcHRpb24tY29sdW1ucy5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBBWFBMaXN0Vmlld09wdGlvblNvcnRpbmdDb21wb25lbnQgfSBmcm9tICcuL2xpc3Qtdmlldy1vcHRpb24tc29ydGluZy9saXN0LXZpZXctb3B0aW9uLXNvcnRpbmcuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQVhWYWx1ZUNoYW5nZWRFdmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9jb21tb24nO1xyXG5pbXBvcnQgeyBBWFBFbnRpdHlNYXN0ZXJMaXN0Vmlld01vZGVsIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9sYXlvdXQvZW50aXR5JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHRlbXBsYXRlVXJsOiAnZW50aXR5LWxpc3Qtdmlldy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJ2VudGl0eS1saXN0LXZpZXcuY29tcG9uZW50LnNjc3MnXSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIEZvcm1zTW9kdWxlLFxyXG4gICAgUm91dGVyTW9kdWxlLFxyXG4gICAgQVhCdXR0b25Nb2R1bGUsXHJcbiAgICBBWERlY29yYXRvck1vZHVsZSxcclxuICAgIEFYQmFkZ2VNb2R1bGUsXHJcbiAgICBBWERyb3Bkb3duTW9kdWxlLFxyXG4gICAgQVhQb3BvdmVyTW9kdWxlLFxyXG4gICAgQVhGb3JtTW9kdWxlLFxyXG4gICAgQVhBY3Rpb25TaGVldE1vZHVsZSxcclxuICAgIEFYRHJhd2VyTW9kdWxlLFxyXG4gICAgQVhEaWFsb2dNb2R1bGUsXHJcbiAgICBBWExvYWRpbmdNb2R1bGUsXHJcbiAgICBBWFRhYnNNb2R1bGUsXHJcbiAgICBBWFRvb2x0aXBNb2R1bGUsXHJcbiAgICBBWEJyZWFkY3J1bWJzTW9kdWxlLFxyXG4gICAgQVhTZWFyY2hCb3hNb2R1bGUsXHJcbiAgICBBWERhdGFUYWJsZU1vZHVsZSxcclxuICAgIC8vXHJcbiAgICBBWFBMYXlvdXRCdWlsZGVyTW9kdWxlLFxyXG4gICAgQVhQV2lkZ2V0c01vZHVsZSxcclxuICAgIEFYUFN0aWNreURpcmVjdGl2ZSxcclxuICAgIEFYUEdyaWRMYXlvdXREaXJlY3RpdmUsXHJcbiAgICBBWFBBdXRoTW9kdWxlLFxyXG4gICAgLy9cclxuICAgIEFYUExpc3RWaWV3T3B0aW9uc0NvbHVtbnNDb21wb25lbnQsXHJcbiAgICBBWFBMaXN0Vmlld09wdGlvblNvcnRpbmdDb21wb25lbnRcclxuXHJcbiAgXSxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQVhQRW50aXR5TWFzdGVyTGlzdFZpZXdDb21wb25lbnQge1xyXG5cclxuICBwcml2YXRlIGxheW91dCA9IGluamVjdChBWFBMYXlvdXRTZXJ2aWNlKTtcclxuICBwcml2YXRlIGFjdGl2ZVJvdXRlID0gaW5qZWN0KEFjdGl2YXRlZFJvdXRlKTtcclxuXHJcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IHZtID0gdGhpcy5hY3RpdmVSb3V0ZS5zbmFwc2hvdC5kYXRhWyd2bSddIGFzIEFYUEVudGl0eU1hc3Rlckxpc3RWaWV3TW9kZWw7XHJcblxyXG4gIC8vXHJcbiAgcHJpdmF0ZSBzdG9yZSA9IGluamVjdChTdG9yZTxBWFBBZG1pbkxheW91dFN0YXRlPik7XHJcbiAgcHJvdGVjdGVkIGlzU00gPSB0aGlzLnN0b3JlLnNlbGVjdChpc1NtYWxsU2NyZWVuKCkpO1xyXG4gIHByb3RlY3RlZCBpc09wZW4gPSB0aGlzLnN0b3JlLnNlbGVjdChnZXRDaGlsZERyYXdlcigpKTtcclxuICAvL1xyXG4gIHByb3RlY3RlZCBmb2N1c2VkUm93OiBhbnk7XHJcbiAgLy9cclxuICBAVmlld0NoaWxkKCdncmlkJykgZ3JpZCE6IEFYRGF0YVRhYmxlQ29tcG9uZW50O1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgYWN0aW9uU2hlZXRTZXJ2aWNlOiBBWEFjdGlvblNoZWV0U2VydmljZSxcclxuICAgIHByb3RlY3RlZCBwbGF0Zm9ybTogQVhQbGF0Zm9ybSxcclxuICApIHtcclxuICAgIGVmZmVjdCgoKSA9PiB7XHJcbiAgICAgIHRoaXMuZ3JpZC5zZWxlY3RlZFJvd3MgPSB0aGlzLnZtLnNlbGVjdGVkSXRlbXMoKTtcclxuICAgIH0sIHsgYWxsb3dTaWduYWxXcml0ZXM6IHRydWUgfSlcclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcclxuICAgIHRoaXMudm0uc2V0VmlldygpO1xyXG4gIH1cclxuXHJcbiAgcHJvdGVjdGVkIGNsb3NlRHJhd2VyKG5hbWU6IHN0cmluZywgY29sbGFwc2VkOiBib29sZWFuKSB7XHJcbiAgICBpZiAoY29sbGFwc2VkKSB7XHJcbiAgICAgIHN3aXRjaCAobmFtZSkge1xyXG4gICAgICAgIGNhc2UgJ2NvbmRpdGlvbnMnOlxyXG4gICAgICAgICAgLy90aGlzLmxvYWRlci5yZXNldENvbmRpdGlvbnMoKTtcclxuICAgICAgICAgIGJyZWFrO1xyXG4gICAgICAgIGNhc2UgJ2NvbHVtbnMnOlxyXG4gICAgICAgICAgdGhpcy52bS5hcHBseUNvbHVtbnMoKVxyXG4gICAgICAgICAgYnJlYWs7XHJcbiAgICAgICAgY2FzZSAnc29ydHMnOlxyXG4gICAgICAgICAgdGhpcy52bS5hcHBseVNvcnRzKCk7XHJcbiAgICAgICAgICBicmVhaztcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgYnJlYWs7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcblxyXG4gIGhhbmRsZUNoYW5nZVNlYXJjaFZhbHVlKGU6IEFYVmFsdWVDaGFuZ2VkRXZlbnQpIHtcclxuICAgIGlmIChlLmlzVXNlckludGVyYWN0aW9uKSB7XHJcbiAgICAgIHRoaXMudm0uYXBwbHlJbmxpbmVGaWx0ZXIoZS52YWx1ZSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGRyb3Bkb3duUm93SXRlbXM6IEFYUm93Q29tbWFuZEl0ZW1bXSA9IFtcclxuICAgIHtcclxuICAgICAgdGV4dDogJ0RldGFpbHMnLFxyXG4gICAgICBpY29uOiAnZmEtc29saWQgZmEtZXllJyxcclxuICAgICAgbmFtZTogJ29wZW4tZW50aXR5JyxcclxuICAgICAgZGl2aWRlZDogdHJ1ZSxcclxuICAgIH0sXHJcbiAgICB7XHJcbiAgICAgIHRleHQ6ICdEZWxldGUnLFxyXG4gICAgICBpY29uOiAnZmEtc29saWQgZmEtdHJhc2gtY2FuJyxcclxuICAgICAgbmFtZTogJ2RlbGV0ZS1lbnRpdHknLFxyXG4gICAgICBjb2xvcjogJ2RhbmdlcicsXHJcbiAgICAgIGRpc2FibGVkOiB0cnVlLFxyXG4gICAgfSxcclxuICBdO1xyXG5cclxuICBwcm90ZWN0ZWQgaGFuZGxlUm93RGJDbGljayhlOiBBWERhdGFUYWJsZVJvd0RiQ2xpY2spIHtcclxuICAgIGNvbnN0IGQ6IEFYUm93Q29tbWFuZEl0ZW1DbGlja0V2ZW50ID0ge1xyXG4gICAgICBjb21wb25lbnQ6IGUuY29tcG9uZW50LFxyXG4gICAgICBuYW1lOiB0aGlzLmRyb3Bkb3duUm93SXRlbXNbMF0ubmFtZSxcclxuICAgICAgZGF0YTogZS5kYXRhLFxyXG4gICAgfTtcclxuICAgIHRoaXMuaGFuZGxlUm93Q29tbWFuZENsaWNrKGQpO1xyXG4gIH1cclxuXHJcbiAgcHJvdGVjdGVkIGdldERyb3Bkb3duUm93SXRlbXMgPSAocm93RGF0YTogdW5rbm93bik6IFByb21pc2U8QVhSb3dDb21tYW5kSXRlbVtdPiA9PiB7XHJcbiAgICByZXR1cm4gUHJvbWlzZS5yZXNvbHZlKHRoaXMuZHJvcGRvd25Sb3dJdGVtcyk7XHJcbiAgfTtcclxuXHJcbiAgcHJvdGVjdGVkIGFzeW5jIGhhbmRsZVJvd0NvbW1hbmRDbGljayhlOiBBWFJvd0NvbW1hbmRJdGVtQ2xpY2tFdmVudCkge1xyXG4gICAgdGhpcy52bS5leGVjdXRlQ29tbWFuZChlLm5hbWUsIGUuZGF0YSk7XHJcbiAgfVxyXG5cclxuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlU2VsZWN0ZWRSb3dzQ2hhbmdlKHJvd3M6IHVua25vd25bXSkge1xyXG4gICAgdGhpcy52bS5zZWxlY3RlZEl0ZW1zLnNldChyb3dzKTtcclxuICB9XHJcblxyXG59XHJcbiIsIjxheC1kcmF3ZXItY29udGFpbmVyPlxyXG4gIDxheC1jb250ZW50IGNsYXNzPVwiYXgtZmxleCBheC1mbGV4LWNvbCBheC1vdmVyZmxvdy1oaWRkZW5cIiAjY29udGVudD5cclxuICAgIDxkaXZcclxuICAgICAgY2xhc3M9XCJheC1mbGV4IGF4LWZsZXgtY29sIGF4LWdhcC00IGF4LXB4LTQgYXgtcGItNCBtZDpheC1weC02IGF4LWJnLXN1cmZhY2UgICBheC1ib3JkZXItYiBtZDpheC1ib3JkZXItMCBtZDpheC1iZy1kZWZhdWx0XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJheC1mbGV4IGF4LWZsZXgtY29sIGF4LXB0LTQgYXgtZ2FwLTQgYXgtc3RpY2t5IGF4LXRvcC0wIGF4LXotMTAgYXgtdHJhbnNpdGlvbi1hbGxcIiAjc3RpY2t5PVwiYXhwU3RpY2t5XCJcclxuICAgICAgICBbYXhwU3RpY2t5XT1cIidheC1iZy1zdXJmYWNlIGF4LXB4LTYgYXgtcHktMyAtYXgtbXgtNiBheC1zaGFkb3cteGwnXCIgW3N0aWNreVBhcmVudF09XCJjb250ZW50LmdldEhvc3RFbGVtZW50KClcIj5cclxuICAgICAgICA8IS0tLS0tLS0tIEJlZ2luIFRvb2xiYXIgIC0tLS0tLS0tPlxyXG4gICAgICAgIDwhLS0tLS0tLS0gQmVnaW4gTGluZSAxICAtLS0tLS0tLT5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYXgtZmxleCBheC1qdXN0aWZ5LWJldHdlZW4gYXgtaXRlbXMtY2VudGVyXCI+XHJcbiAgICAgICAgICA8IS0tLS0tLS0tIEJlZ2luIFRpdGxlICAtLS0tLS0tLT5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJheC1mbGV4IGF4LWdhcC0xIGF4LWl0ZW1zLWNlbnRlclwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXgtZmxleCBheC1mbGV4LWNvbCBheC1nYXAtMiBheC10cmFuc2l0aW9uXCI+XHJcbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImF4LXRleHQteGwgbWQ6YXgtdGV4dC0zeGwgYXgtZm9udC1ib2xkXCI+e3sgdm0udGl0bGUoKX19PC9kaXY+XHJcbiAgICAgICAgICAgICAgQGlmKHZtLmRlc2NyaXB0aW9uKCkpXHJcbiAgICAgICAgICAgICAge1xyXG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJheC10ZXh0LXNtIGF4LXRleHQtbmV1dHJhbC02MDBcIiBbY2xhc3MuYXgtaGlkZGVuXT1cInN0aWNreS5pc1N0aWNreVwiPnt7XHJcbiAgICAgICAgICAgICAgICB2bS5kZXNjcmlwdGlvbigpIH19PC9kaXY+XHJcbiAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgIDxheC1icmVhZGNydW1icyBjbGFzcz1cImNoaWxkOmF4LWZvbnQtbm9ybWFsIGNoaWxkOmF4LXRleHQtbmV1dHJhbC00MDBcIiBbY2xhc3MuYXgtaGlkZGVuXT1cImlzU00gfCBhc3luY1wiPlxyXG4gICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlICNkaXZpZGVyPlxyXG4gICAgICAgICAgICAgICAgICA8aSBjbGFzcz1cImZhLXNvbGlkIGZhLWNoZXZyb24tcmlnaHQgYXgtdGV4dC14cyBheC1teC0yXCI+PC9pPlxyXG4gICAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICAgICAgICAgIEBmb3IoYiBvZiB2bS5iZWFyZGNydW1icygpO3RyYWNrICRpbmRleDtsZXQgbGFzdD0kbGFzdClcclxuICAgICAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICAgIDxheC1icmVhZGNydW1icy1pdGVtIFthY3RpdmVdPVwibGFzdFwiIFtjbGFzcy4hYXgtZm9udC1zZW1pYm9sZF09XCJsYXN0XCJcclxuICAgICAgICAgICAgICAgICAgW2NsYXNzLiFheC10ZXh0LW5ldXRyYWwtNjAwXT1cImxhc3RcIiBbcm91dGVyTGlua109XCJiLnVybFwiPlxyXG4gICAgICAgICAgICAgICAgICBAaWYoYi5pY29uKVxyXG4gICAgICAgICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgICAgIDxpIFtjbGFzc109XCJiLmljb25cIj48L2k+XHJcbiAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAge3tiLnRpdGxlfX1cclxuICAgICAgICAgICAgICAgIDwvYXgtYnJlYWRjcnVtYnMtaXRlbT5cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICA8L2F4LWJyZWFkY3J1bWJzPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPCEtLS0tLS0tLSBGaW5pc2ggVGl0bGUgIC0tLS0tLS0tPlxyXG4gICAgICAgICAgPCEtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0+XHJcbiAgICAgICAgICA8IS0tIEJlZ2luIEFjdGlvbiBNZW51ICAtLT5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJheC1mbGV4IGF4LWl0ZW1zLWNlbnRlciBheC1nYXAtM1wiPlxyXG4gICAgICAgICAgICBAZm9yKHRyIG9mIHZtLnByaW1hcnlBY3Rpb25zKCk7dHJhY2sgJGluZGV4KVxyXG4gICAgICAgICAgICB7XHJcbiAgICAgICAgICAgIDxheC1idXR0b24gW3RleHRdPVwidHIudGl0bGVcIiBbY29sb3JdPVwidHIuY29sb3JcIiAob25DbGljayk9XCJ2bS5leGVjdXRlQ29tbWFuZCh0ci5uYW1lKVwiPlxyXG4gICAgICAgICAgICAgIDxheC1wcmVmaXg+XHJcbiAgICAgICAgICAgICAgICA8YXgtaWNvbiBbaWNvbl09XCJ0ci5pY29uXCI+IDwvYXgtaWNvbj5cclxuICAgICAgICAgICAgICA8L2F4LXByZWZpeD5cclxuICAgICAgICAgICAgPC9heC1idXR0b24+XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgQGlmKHZtLnNlY29uZGFyeUFjdGlvbnMoKS5sZW5ndGgpIHtcclxuICAgICAgICAgICAgPGF4LWJ1dHRvbiBbdGV4dF09XCIoaXNTTSB8IGFzeW5jKSA/IG51bGwgOiAnQWN0aW9ucydcIiBjb2xvcj1cImdob3N0XCI+XHJcbiAgICAgICAgICAgICAgPGF4LXByZWZpeD5cclxuICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiZmEtc29saWQgZmEtZWxsaXBzaXMtdmVydGljYWxcIj48L2k+XHJcbiAgICAgICAgICAgICAgPC9heC1wcmVmaXg+XHJcbiAgICAgICAgICAgICAgPGF4LWRyb3Bkb3duLXBhbmVsPlxyXG4gICAgICAgICAgICAgICAgPGF4LWJ1dHRvbi1pdGVtLWxpc3Q+XHJcbiAgICAgICAgICAgICAgICAgIEBmb3IodHIgb2Ygdm0uc2Vjb25kYXJ5QWN0aW9ucygpO3RyYWNrICRpbmRleDtsZXQgZmlyc3Q9JGZpcnN0KVxyXG4gICAgICAgICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICAgICAgQGlmKHRyLnNlcGFyYXRlZCAmJiAhJGZpcnN0KVxyXG4gICAgICAgICAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICAgICAgICA8YXgtZGl2aWRlcj48L2F4LWRpdmlkZXI+XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIDxheC1idXR0b24taXRlbSBbdGV4dF09XCJ0ci50aXRsZVwiIGNsYXNzPVwiYXgtZm9udC1zZW1pYm9sZCBheC10ZXh0LXt7dHIuY29sb3J9fVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAob25DbGljayk9XCJ2bS5leGVjdXRlQ29tbWFuZCh0ci5uYW1lKVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgPGF4LXByZWZpeD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGF4LWljb24gW2ljb25dPVwidHIuaWNvblwiPiA8L2F4LWljb24+XHJcbiAgICAgICAgICAgICAgICAgICAgICA8L2F4LXByZWZpeD5cclxuICAgICAgICAgICAgICAgICAgICA8L2F4LWJ1dHRvbi1pdGVtPlxyXG4gICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgPC9heC1idXR0b24taXRlbS1saXN0PlxyXG4gICAgICAgICAgICAgIDwvYXgtZHJvcGRvd24tcGFuZWw+XHJcbiAgICAgICAgICAgIDwvYXgtYnV0dG9uPlxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDwhLS0gRmluaXNoIEFjdGlvbiBNZW51ICAtLT5cclxuICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgPCEtLS0tLS0tLSBGaW5pc2ggTGluZSAxICAtLS0tLS0tLT5cclxuXHJcbiAgICAgICAgPCEtLS0tLS0tLSBCZWdpbiBMaW5lIDIgLS0tLS0tLS0+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImF4LWZsZXggYXgtanVzdGlmeS1iZXR3ZWVuIGF4LWl0ZW1zLWNlbnRlclwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImF4LWZsZXggYXgtanVzdGlmeS1zdGFydCBheC1pdGVtcy1jZW50ZXIgYXgtZ2FwLTRcIj5cclxuICAgICAgICAgICAgPCEtLS0tLS0tLSBCZWdpbiBTZWxlY3Rpb24gIC0tLS0tLS0tPlxyXG5cclxuICAgICAgICAgICAgQGlmKHZtLmhhc1NlbGVjdGVkSXRlbXMoKSlcclxuICAgICAgICAgICAge1xyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXgtZmxleCBheC1nYXAtMyBheC1pdGVtcy1jZW50ZXIgYXgtaC0xMFwiPlxyXG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYXgtdGV4dC14bCBheC1mb250LWJvbGRcIj4ge3sgdm0uc2VsZWN0ZWRJdGVtcygpLmxlbmd0aCB9fSBJdGVtcyBTZWxlY3RlZCA8L3NwYW4+XHJcbiAgICAgICAgICAgICAgPHNwYW4gKGNsaWNrKT1cInZtLmNsZWFyU2VsZWN0aW9uKClcIlxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJheC10ZXh0LXNtIGF4LXRleHQtcHJpbWFyeSBkYXJrOmF4LXRleHQtcHJpbWFyeS0zMDAgYXgtdW5kZXJsaW5lIGF4LWN1cnNvci1wb2ludGVyXCI+Q2xlYXJcclxuICAgICAgICAgICAgICAgIEl0ZW1zPC9zcGFuPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgICAgIDwhLS0tLS0tLS0gRmluaXNoIFNlbGVjdGlvbiAgLS0tLS0tLS0+XHJcblxyXG4gICAgICAgICAgICB9IEBlbHNlIHtcclxuXHJcbiAgICAgICAgICAgIDwhLS0tLS0tLS0gQmVnaW4gVmlldyAgLS0tLS0tLS0+XHJcblxyXG4gICAgICAgICAgICA8YXgtYnV0dG9uIFt0ZXh0XT1cInZtLnZpZXcoKS50aXRsZVwiICN2aWV3cyBjb2xvcj1cImdob3N0XCI+XHJcbiAgICAgICAgICAgICAgPGF4LXByZWZpeD5cclxuICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiZmEtc29saWQgZmEtZXllXCI+PC9pPlxyXG4gICAgICAgICAgICAgIDwvYXgtcHJlZml4PlxyXG4gICAgICAgICAgICAgIDxheC1zdWZmaXg+XHJcbiAgICAgICAgICAgICAgICA8aSBjbGFzcz1cImZhLXNvbGlkIGZhLWNhcmV0LWRvd25cIj48L2k+XHJcbiAgICAgICAgICAgICAgPC9heC1zdWZmaXg+XHJcbiAgICAgICAgICAgICAgPGF4LWRyb3Bkb3duLXBhbmVsIFthZGFwdGl2aXR5RW5hYmxlZF09XCJ0cnVlXCI+XHJcbiAgICAgICAgICAgICAgICA8YXgtYnV0dG9uLWl0ZW0tbGlzdCBjbGFzcz1cImF4LWJnLXN1cmZhY2VcIj5cclxuICAgICAgICAgICAgICAgICAgPGF4LXRpdGxlIGNsYXNzPVwiYXgtZm9udC1ib2xkIGF4LW9wYWNpdHktMTAwXCI+UHVibGljIFZpZXdzPC9heC10aXRsZT5cclxuICAgICAgICAgICAgICAgICAgPGF4LWJ1dHRvbi1pdGVtICpuZ0Zvcj1cImxldCB2IG9mIHZtLnZpZXdzKClcIiBbdGV4dF09XCJ2LnRpdGxlXCIgW2NsYXNzLmF4LWJnLW9uLXN1cmZhY2VdPVwidm0udmlldygpPT12XCJcclxuICAgICAgICAgICAgICAgICAgICAob25DbGljayk9XCJ2bS5zZXRWaWV3KHYubmFtZSlcIj48L2F4LWJ1dHRvbi1pdGVtPlxyXG4gICAgICAgICAgICAgICAgICA8IS0tIDxheC10aXRsZSBjbGFzcz1cImF4LWZvbnQtYm9sZCBheC1vcGFjaXR5LTEwMFwiICpuZ0lmPVwiaGFzQ3VzdG9tVmlld3MkIHwgYXN5bmNcIj5DcmVhdGVkIGJ5IG1lPC9heC10aXRsZT5cclxuICAgICAgICAgICAgICAgIDxheC1idXR0b24taXRlbSBjbGFzcz1cImF4LXBlLTQgYXgtZmxleCBheC1qdXN0aWZ5LWJldHdlZW5cIiAqbmdGb3I9XCJsZXQgdiBvZiBjdXN0b21WaWV3cyQgfCBhc3luY1wiXHJcbiAgICAgICAgICAgICAgICAgIFt0ZXh0XT1cInYudGl0bGVcIiBbY2xhc3MuYXgtYmctb24tc3VyZmFjZV09XCIodmlldyQgfCBhc3luYykgPT0gdlwiIChvbkNsaWNrKT1cImxvYWRlci5zZXRWaWV3KHYubmFtZSlcIj5cclxuICAgICAgICAgICAgICAgICAgPGF4LXN1ZmZpeD5cclxuICAgICAgICAgICAgICAgICAgICA8YXgtYnV0dG9uIChvbkNsaWNrKT1cInVwZGF0ZVZpZXdQb3B1cCgkZXZlbnQsIHYpXCIgY2xhc3M9XCJheC14c1wiIGxvb2s9XCJub25lXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICA8YXgtaWNvbiBjbGFzcz1cImZhciBmYS1lZGl0XCI+IDwvYXgtaWNvbj5cclxuICAgICAgICAgICAgICAgICAgICA8L2F4LWJ1dHRvbj5cclxuICAgICAgICAgICAgICAgICAgPC9heC1zdWZmaXg+XHJcbiAgICAgICAgICAgICAgICA8L2F4LWJ1dHRvbi1pdGVtPiAtLT5cclxuICAgICAgICAgICAgICAgICAgPCEtLSA8bmctY29udGFpbmVyICpmZWF0dXJlPVwiJ2F4cC1lbnRpdHktbGlzdC1jdXN0b20tdmlldydcIj5cclxuICAgICAgICAgICAgICAgICAgPGF4LWRpdmlkZXI+PC9heC1kaXZpZGVyPlxyXG4gICAgICAgICAgICAgICAgICA8YXgtYnV0dG9uLWl0ZW0gdGV4dD1cIkFkZCBDdXN0b20gVmlld1wiIChvbkNsaWNrKT1cImFkZEN1c3RvbVZpZXdQb3B1cCgpXCJcclxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImF4LWZvbnQtc2VtaWJvbGQgYXgtdGV4dC1wcmltYXJ5XCI+PC9heC1idXR0b24taXRlbT5cclxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPiAtLT5cclxuICAgICAgICAgICAgICAgIDwvYXgtYnV0dG9uLWl0ZW0tbGlzdD5cclxuICAgICAgICAgICAgICA8L2F4LWRyb3Bkb3duLXBhbmVsPlxyXG4gICAgICAgICAgICA8L2F4LWJ1dHRvbj5cclxuICAgICAgICAgICAgPCEtLS0tLS0tLSBGaW5pc2ggVmlldyAgLS0tLS0tLS0+XHJcblxyXG4gICAgICAgICAgICA8IS0tLS0tLS0tIEJlZ2luIElubGluZSBTZWFyY2ggICAtLS0tLS0tLT5cclxuXHJcbiAgICAgICAgICAgIEBpZih2bS5oYXNJbmxpbmVGaWx0ZXJzKCkpXHJcbiAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImF4LXctNzJcIiAqZmVhdHVyZT1cIidheHAtZW50aXR5LWxpc3QtaW5saW5lLWZpbHRlcidcIj5cclxuICAgICAgICAgICAgICA8YXgtc2VhcmNoLWJveCBbcGxhY2Vob2xkZXJdPVwiJ1NlYXJjaCBvbiAnK3ZtLmlubGluZUZpbHRlcnNQbGFjZWhvbGRlcnMoKS5qb2luKCcsICcpXCJcclxuICAgICAgICAgICAgICAgIChvblZhbHVlQ2hhbmdlZCk9XCJoYW5kbGVDaGFuZ2VTZWFyY2hWYWx1ZSgkZXZlbnQpXCI+PGF4LWNsZWFyLWJ1dHRvbj48L2F4LWNsZWFyLWJ1dHRvbj48L2F4LXNlYXJjaC1ib3g+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgPCEtLS0tLS0tLSBGaW5pc2ggSW5saW5lIFNlYXJjaCAtLS0tLS0tLT5cclxuICAgICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICAgIDwhLS0gQmVnaW4gVmlldyBBY3Rpb24gTWVudSAgLS0+XHJcbiAgICAgICAgICBAaWYoIXZtLmhhc1NlbGVjdGVkSXRlbXMoKSlcclxuICAgICAgICAgIHtcclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJheC1mbGV4IGF4LWdhcC0zXCI+XHJcbiAgICAgICAgICAgIDxheC1idXR0b24gdGV4dD1cIkNvbHVtbnNcIiBjb2xvcj1cImdob3N0XCIgKG9uQ2xpY2spPVwiY29sdW1uc0RyYXdlci5vcGVuKClcIj5cclxuICAgICAgICAgICAgICA8YXgtcHJlZml4PlxyXG4gICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJmYS1zb2xpZCBmYS1iYXJzXCI+PC9pPlxyXG4gICAgICAgICAgICAgIDwvYXgtcHJlZml4PlxyXG4gICAgICAgICAgICAgIDxheC1zdWZmaXg+XHJcbiAgICAgICAgICAgICAgICA8YXgtYmFkZ2UgW3RleHRdPVwidm0udmlzaWJsZUNvbHVtbkNvdW50KCkudG9TdHJpbmcoKVwiIGNvbG9yPVwicHJpbWFyeVwiPjwvYXgtYmFkZ2U+XHJcbiAgICAgICAgICAgICAgPC9heC1zdWZmaXg+XHJcbiAgICAgICAgICAgIDwvYXgtYnV0dG9uPlxyXG4gICAgICAgICAgICA8YXgtYnV0dG9uIHRleHQ9XCJGaWx0ZXJzXCIgY29sb3I9XCJnaG9zdFwiIChvbkNsaWNrKT1cImNvbmRpdGlvbnNEcmF3ZXIub3BlbigpXCJcclxuICAgICAgICAgICAgICAqZmVhdHVyZT1cIidheHAtZW50aXR5LWxpc3QtYWR2YW5jZS1maWx0ZXInXCI+XHJcbiAgICAgICAgICAgICAgPGF4LXByZWZpeD5cclxuICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiZmEtc29saWQgZmEtc2xpZGVyc1wiPjwvaT5cclxuICAgICAgICAgICAgICA8L2F4LXByZWZpeD5cclxuICAgICAgICAgICAgICA8YXgtc3VmZml4PlxyXG4gICAgICAgICAgICAgICAgPGF4LWJhZGdlIHRleHQ9XCIzXCIgY29sb3I9XCJwcmltYXJ5XCI+PC9heC1iYWRnZT5cclxuICAgICAgICAgICAgICA8L2F4LXN1ZmZpeD5cclxuICAgICAgICAgICAgPC9heC1idXR0b24+XHJcbiAgICAgICAgICAgIEBpZih2bS5jYW5Tb3J0KCkpXHJcbiAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgPGF4LWJ1dHRvbiB0ZXh0PVwiU29ydFwiIGNvbG9yPVwiZ2hvc3RcIiAob25DbGljayk9XCJzb3J0c0RyYXdlci5vcGVuKClcIj5cclxuICAgICAgICAgICAgICA8YXgtcHJlZml4PlxyXG4gICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJmYS1zb2xpZCBmYS1iYXJzLXNvcnRcIj48L2k+XHJcbiAgICAgICAgICAgICAgPC9heC1wcmVmaXg+XHJcbiAgICAgICAgICAgICAgQGlmKHZtLnNvcnRlZENvdW50KCkpXHJcbiAgICAgICAgICAgICAge1xyXG4gICAgICAgICAgICAgIDxheC1zdWZmaXg+XHJcbiAgICAgICAgICAgICAgICA8YXgtYmFkZ2UgW3RleHRdPVwidm0uc29ydGVkQ291bnQoKS50b1N0cmluZygpXCIgY29sb3I9XCJwcmltYXJ5XCI+PC9heC1iYWRnZT5cclxuICAgICAgICAgICAgICA8L2F4LXN1ZmZpeD5cclxuICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIDwvYXgtYnV0dG9uPlxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIH1cclxuICAgICAgICAgIDwhLS0gRmluaXNoIFZpZXcgQWN0aW9uIE1lbnUgIC0tPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwhLS0tLS0tLS0gRmluaXNoIExpbmUgMiAgLS0tLS0tLS0+XHJcblxyXG4gICAgICAgIDwhLS0tLS0gRmluaXNoIFRvb2xiYXIgIC0tLS0tPlxyXG5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDwhLS0tLS0gQmVnaW4gRGF0YVRhYmxlICAtLS0tLT5cclxuICAgIDxkaXYgY2xhc3M9XCJheC1mbGV4IGF4LWZsZXgtMSBheC1weC02IGF4LXB5LTQgIGF4LW92ZXJmbG93LWF1dG9cIj5cclxuICAgICAgPGF4LWRhdGEtdGFibGUgI2dyaWQgW3Nob3dGb290ZXJdPVwiZmFsc2VcIiBjbGFzcz1cImF4LWZsZXgtMVwiIFtwYWdpbmddPVwidHJ1ZVwiIFtmZXRjaERhdGFNb2RlXT1cIidtYW51YWwnXCJcclxuICAgICAgICBbbG9hZGluZ109XCJ7IGVuYWJsZWQ6IHRydWUsIGFuaW1hdGlvbjogdHJ1ZSB9XCIgW2RhdGFTb3VyY2VdPVwidm0uZGF0YVNvdXJjZVwiXHJcbiAgICAgICAgKHNlbGVjdGVkUm93c0NoYW5nZSk9XCJoYW5kbGVTZWxlY3RlZFJvd3NDaGFuZ2UoJGV2ZW50KVwiIChvblJvd0RiQ2xpY2spPVwiaGFuZGxlUm93RGJDbGljaygkZXZlbnQpXCI+XHJcbiAgICAgICAgPGF4LXNlbGVjdC1jb2x1bW4gZml4ZWQ9XCJzdGFydFwiIFt3aWR0aF09XCInNTBweCdcIj48L2F4LXNlbGVjdC1jb2x1bW4+XHJcbiAgICAgICAgQGZvcihjb2wgb2Ygdm0uY29sdW1ucygpO3RyYWNrIGNvbC5uYW1lKSB7XHJcbiAgICAgICAgQGlmKGNvbC52aXNpYmxlKVxyXG4gICAgICAgIHtcclxuICAgICAgICA8YXhwLXdpZGdldC1jb2x1bW4tcmVuZGVyZXIgW2NhcHRpb25dPVwiY29sLnRpdGxlXCIgW25vZGVdPVwiY29sLm5vZGUoKVwiPjwvYXhwLXdpZGdldC1jb2x1bW4tcmVuZGVyZXI+XHJcbiAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICA8YXgtZHJvcGRvd24tY29tbWFuZC1jb2x1bW4gZml4ZWQ9XCJlbmRcIiBbd2lkdGhdPVwiJzYwcHgnXCIgW2l0ZW1zXT1cImdldERyb3Bkb3duUm93SXRlbXNcIlxyXG4gICAgICAgICAgKG9uSXRlbUNsaWNrKT1cImhhbmRsZVJvd0NvbW1hbmRDbGljaygkZXZlbnQpXCI+PC9heC1kcm9wZG93bi1jb21tYW5kLWNvbHVtbj5cclxuICAgICAgPC9heC1kYXRhLXRhYmxlPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8IS0tLS0tIEZpbmlzaCBEYXRhVGFibGUgIC0tLS0tPlxyXG4gIDwvYXgtY29udGVudD5cclxuXHJcbiAgPGF4LWRyYXdlciAoY29sbGFwc2VkQ2hhbmdlKT1cImNsb3NlRHJhd2VyKCdjb2x1bW5zJywgJGV2ZW50KVwiICNjb2x1bW5zRHJhd2VyIGxvY2F0aW9uPVwiZW5kXCIgW21vZGVdPVwiJ292ZXJsYXknXCI+XHJcbiAgICA8YXgtY29udGVudCBjbGFzcz1cImF4LXctWzg1dnddIG1kOmF4LXctWzQ1dnddIGxnOmF4LXctWzM1dnddIDJ4bDpheC13LVsyMHZ3XSBheC1ib3JkZXItZVwiPlxyXG4gICAgICA8YXhwLWxpc3Qtdmlldy1vcHRpb24tY29sdW1ucyBbdmlld01vZGVsXT1cInZtXCIgKG9uQ2xvc2VkKT1cImNvbHVtbnNEcmF3ZXIuY2xvc2UoKVwiPjwvYXhwLWxpc3Qtdmlldy1vcHRpb24tY29sdW1ucz5cclxuICAgIDwvYXgtY29udGVudD5cclxuICA8L2F4LWRyYXdlcj5cclxuICA8YXgtZHJhd2VyIChjb2xsYXBzZWRDaGFuZ2UpPVwiY2xvc2VEcmF3ZXIoJ2NvbmRpdGlvbnMnLCAkZXZlbnQpXCIgI2NvbmRpdGlvbnNEcmF3ZXIgbG9jYXRpb249XCJlbmRcIiBbbW9kZV09XCInb3ZlcmxheSdcIj5cclxuICAgIDxheC1jb250ZW50IGNsYXNzPVwiYXgtdy1bODV2d10gbWQ6YXgtdy1bNDV2d10gbGc6YXgtdy1bMzV2d10gMnhsOmF4LXctWzI1dnddIGF4LWJvcmRlci1lXCI+XHJcbiAgICAgIDwhLS0gPGF4cC1saXN0LXZpZXctb3B0aW9uLWNvbmRpdGlvbnMgW2xvYWRlcl09XCJsb2FkZXJcIlxyXG4gICAgICAgIChvbkNsb3NlZCk9XCJjb25kaXRpb25zRHJhd2VyLmNsb3NlKClcIj48L2F4cC1saXN0LXZpZXctb3B0aW9uLWNvbmRpdGlvbnM+IC0tPlxyXG4gICAgPC9heC1jb250ZW50PlxyXG4gIDwvYXgtZHJhd2VyPlxyXG4gIDxheC1kcmF3ZXIgKGNvbGxhcHNlZENoYW5nZSk9XCJjbG9zZURyYXdlcignc29ydHMnLCAkZXZlbnQpXCIgI3NvcnRzRHJhd2VyIGxvY2F0aW9uPVwiZW5kXCIgW21vZGVdPVwiJ292ZXJsYXknXCI+XHJcbiAgICA8YXgtY29udGVudCBjbGFzcz1cImF4LXctWzg1dnddIG1kOmF4LXctWzQ1dnddIGxnOmF4LXctWzM1dnddIDJ4bDpheC13LVsyMHZ3XSBheC1ib3JkZXItZVwiPlxyXG4gICAgICA8YXhwLWxpc3Qtdmlldy1vcHRpb24tc29ydGluZyAob25DbG9zZWQpPVwic29ydHNEcmF3ZXIuY2xvc2UoKVwiIFt2aWV3TW9kZWxdPVwidm1cIj48L2F4cC1saXN0LXZpZXctb3B0aW9uLXNvcnRpbmc+XHJcbiAgICA8L2F4LWNvbnRlbnQ+XHJcbiAgPC9heC1kcmF3ZXI+XHJcbjwvYXgtZHJhd2VyLWNvbnRhaW5lcj4iXX0=

package/esm2022/themes/default/lib/layouts/entity-layouts/entity-master-list-view/list-view-option-columns/list-view-option-columns.component.mjs

@@ -0,0 +1,64 @@
+import { CdkDrag, CdkDragHandle, CdkDragPlaceholder, CdkDropList, moveItemInArray } from '@angular/cdk/drag-drop';
+import { Component, EventEmitter, Input, Output, inject } from '@angular/core';
+import { Store } from '@ngrx/store';
+import { isSmallScreen } from '@acorex/platform/common';
+import { AXButtonModule } from '@acorex/components/button';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXSwitchModule } from '@acorex/components/switch';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { AXPEntityMasterListViewModel } from '@acorex/platform/layout/entity';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@acorex/components/button";
+import * as i3 from "@acorex/components/decorators";
+import * as i4 from "@acorex/components/switch";
+export class AXPListViewOptionsColumnsComponent {
+    constructor() {
+        this.store = inject((Store));
+        this.isSM = this.store.select(isSmallScreen());
+        this.onClosed = new EventEmitter();
+    }
+    handleVisibilityChange(e, name) {
+        if (e.isUserInteraction) {
+            const col = this.vm.columns().find(c => c.name == name);
+            if (col) {
+                col.visible = e.value ?? true;
+            }
+        }
+    }
+    drop(event) {
+        moveItemInArray(this.vm.columns(), event.previousIndex, event.currentIndex);
+    }
+    handleClose() {
+        this.onClosed.emit();
+    }
+    handleResetClick() {
+        this.vm.resetColumns();
+    }
+    handleApplyClick() {
+        this.onClosed.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPListViewOptionsColumnsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPListViewOptionsColumnsComponent, isStandalone: true, selector: "axp-list-view-option-columns", inputs: { vm: ["viewModel", "vm"] }, outputs: { onClosed: "onClosed" }, ngImport: i0, template: "<ax-header class=\"ax-flex ax-items-center\">\r\n  <h2 class=\"ax-text-xl ax-font-bold\">Columns</h2>\r\n  <ax-button (onClick)=\"handleClose()\" [look]=\"'blank'\">\r\n    <ax-icon class=\"fa-solid fa-close ax-text-neutral-400 ax-text-xl\"> </ax-icon>\r\n  </ax-button>\r\n</ax-header>\r\n<div class=\"ax-flex ax-flex-col ax-gap-4 ax-p-4 ax-select-none\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\r\n  <div class=\"ax-flex ax-flex-col ax-gap-3 ax-w-full ax-sorted-list ax-max-h-[calc(100vh-280px)] ax-overflow-auto\">\r\n    @for(item of vm.columns();track item.name)\r\n    {\r\n    <div class=\"ax-flex ax-py-1 ax-items-center ax-justify-between\" cdkDrag cdkDragBoundary=\".ax-sorted-list\">\r\n      <div class=\"ax-flex ax-items-center ax-gap-3\" cdkDragHandle>\r\n        <ax-icon class=\"fa-solid fa-grip-dots-vertical ax-cursor-move\"></ax-icon>\r\n        <p class=\"ax-font-medium ax-text-sm\">{{ item.title }}</p>\r\n      </div>\r\n      <ax-switch class=\"ax-sm\" [ngModel]=\"item.visible\"\r\n        (onValueChanged)=\"handleVisibilityChange($event, item.name)\"></ax-switch>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n<ax-footer class=\"!ax-justify-start ax-absolute ax-bottom-0 ax-w-full\">\r\n  <ax-button text=\"Apply\" color=\"primary\" (onClick)=\"handleApplyClick()\"></ax-button>\r\n  <ax-button text=\"Reset\" color=\"ghost\" (onClick)=\"handleResetClick()\"></ax-button>\r\n</ax-footer>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXSwitchModule }, { kind: "component", type: i4.AXSwitchComponent, selector: "ax-switch", inputs: ["disabled", "readonly", "color", "tabIndex", "value", "name", "isLoading"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged", "readonlyChange", "disabledChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPListViewOptionsColumnsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axp-list-view-option-columns', imports: [
+                        CommonModule,
+                        FormsModule,
+                        CdkDropList,
+                        CdkDrag,
+                        CdkDragPlaceholder,
+                        CdkDragHandle,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        AXSwitchModule,
+                    ], standalone: true, template: "<ax-header class=\"ax-flex ax-items-center\">\r\n  <h2 class=\"ax-text-xl ax-font-bold\">Columns</h2>\r\n  <ax-button (onClick)=\"handleClose()\" [look]=\"'blank'\">\r\n    <ax-icon class=\"fa-solid fa-close ax-text-neutral-400 ax-text-xl\"> </ax-icon>\r\n  </ax-button>\r\n</ax-header>\r\n<div class=\"ax-flex ax-flex-col ax-gap-4 ax-p-4 ax-select-none\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\r\n  <div class=\"ax-flex ax-flex-col ax-gap-3 ax-w-full ax-sorted-list ax-max-h-[calc(100vh-280px)] ax-overflow-auto\">\r\n    @for(item of vm.columns();track item.name)\r\n    {\r\n    <div class=\"ax-flex ax-py-1 ax-items-center ax-justify-between\" cdkDrag cdkDragBoundary=\".ax-sorted-list\">\r\n      <div class=\"ax-flex ax-items-center ax-gap-3\" cdkDragHandle>\r\n        <ax-icon class=\"fa-solid fa-grip-dots-vertical ax-cursor-move\"></ax-icon>\r\n        <p class=\"ax-font-medium ax-text-sm\">{{ item.title }}</p>\r\n      </div>\r\n      <ax-switch class=\"ax-sm\" [ngModel]=\"item.visible\"\r\n        (onValueChanged)=\"handleVisibilityChange($event, item.name)\"></ax-switch>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n<ax-footer class=\"!ax-justify-start ax-absolute ax-bottom-0 ax-w-full\">\r\n  <ax-button text=\"Apply\" color=\"primary\" (onClick)=\"handleApplyClick()\"></ax-button>\r\n  <ax-button text=\"Reset\" color=\"ghost\" (onClick)=\"handleResetClick()\"></ax-button>\r\n</ax-footer>" }]
+        }], propDecorators: { vm: [{
+                type: Input,
+                args: ['viewModel']
+            }], onClosed: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC12aWV3LW9wdGlvbi1jb2x1bW5zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcGxhdGZvcm0vdGhlbWVzL2RlZmF1bHQvc3JjL2xpYi9sYXlvdXRzL2VudGl0eS1sYXlvdXRzL2VudGl0eS1tYXN0ZXItbGlzdC12aWV3L2xpc3Qtdmlldy1vcHRpb24tY29sdW1ucy9saXN0LXZpZXctb3B0aW9uLWNvbHVtbnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS90aGVtZXMvZGVmYXVsdC9zcmMvbGliL2xheW91dHMvZW50aXR5LWxheW91dHMvZW50aXR5LW1hc3Rlci1saXN0LXZpZXcvbGlzdC12aWV3LW9wdGlvbi1jb2x1bW5zL2xpc3Qtdmlldy1vcHRpb24tY29sdW1ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsT0FBTyxFQUFlLGFBQWEsRUFBRSxrQkFBa0IsRUFBRSxXQUFXLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDL0gsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUNwQyxPQUFPLEVBQXVCLGFBQWEsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzdFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDM0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7Ozs7O0FBa0I5RSxNQUFNLE9BQU8sa0NBQWtDO0lBaEIvQztRQWlCVSxVQUFLLEdBQUcsTUFBTSxDQUFDLENBQUEsS0FBMEIsQ0FBQSxDQUFDLENBQUM7UUFJekMsU0FBSSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLGFBQWEsRUFBRSxDQUFDLENBQUM7UUFHN0MsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7S0E0QjVDO0lBdkJDLHNCQUFzQixDQUFDLENBQStCLEVBQUUsSUFBWTtRQUNsRSxJQUFJLENBQUMsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1lBQ3hCLE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUMsT0FBTyxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksSUFBSSxJQUFJLENBQUMsQ0FBQztZQUN4RCxJQUFJLEdBQUcsRUFBRSxDQUFDO2dCQUNSLEdBQUcsQ0FBQyxPQUFPLEdBQUcsQ0FBQyxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUM7WUFDaEMsQ0FBQztRQUNILENBQUM7SUFDSCxDQUFDO0lBRVMsSUFBSSxDQUFDLEtBQTZCO1FBQzFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLE9BQU8sRUFBRSxFQUFFLEtBQUssQ0FBQyxhQUFhLEVBQUUsS0FBSyxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQzlFLENBQUM7SUFFUyxXQUFXO1FBQ25CLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUNTLGdCQUFnQjtRQUN4QixJQUFJLENBQUMsRUFBRSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFUyxnQkFBZ0I7UUFDeEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDOzhHQW5DVSxrQ0FBa0M7a0dBQWxDLGtDQUFrQyxnS0M1Qi9DLG81Q0F3QlksMkNEUlIsWUFBWSw4QkFDWixXQUFXLCtWQUNYLFdBQVcsK2RBQ1gsT0FBTyx3YkFFUCxhQUFhLDhGQUNiLGNBQWMsNlVBQ2QsaUJBQWlCLHVWQUNqQixjQUFjOzsyRkFJTCxrQ0FBa0M7a0JBaEI5QyxTQUFTOytCQUNFLDhCQUE4QixXQUUvQjt3QkFDUCxZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsV0FBVzt3QkFDWCxPQUFPO3dCQUNQLGtCQUFrQjt3QkFDbEIsYUFBYTt3QkFDYixjQUFjO3dCQUNkLGlCQUFpQjt3QkFDakIsY0FBYztxQkFDZixjQUNXLElBQUk7OEJBTVQsRUFBRTtzQkFEUixLQUFLO3VCQUFDLFdBQVc7Z0JBS1gsUUFBUTtzQkFEZCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhWYWx1ZUNoYW5nZWRFdmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9jb21tb24nO1xyXG5pbXBvcnQgeyBDZGtEcmFnLCBDZGtEcmFnRHJvcCwgQ2RrRHJhZ0hhbmRsZSwgQ2RrRHJhZ1BsYWNlaG9sZGVyLCBDZGtEcm9wTGlzdCwgbW92ZUl0ZW1JbkFycmF5IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2RyYWctZHJvcCc7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU3RvcmUgfSBmcm9tICdAbmdyeC9zdG9yZSc7XHJcbmltcG9ydCB7IEFYUEFkbWluTGF5b3V0U3RhdGUsIGlzU21hbGxTY3JlZW4gfSBmcm9tICdAYWNvcmV4L3BsYXRmb3JtL2NvbW1vbic7XHJcbmltcG9ydCB7IEFYQnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2J1dHRvbic7XHJcbmltcG9ydCB7IEFYRGVjb3JhdG9yTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2RlY29yYXRvcnMnO1xyXG5pbXBvcnQgeyBBWFN3aXRjaE1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9zd2l0Y2gnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgQVhQRW50aXR5TWFzdGVyTGlzdFZpZXdNb2RlbCB9IGZyb20gJ0BhY29yZXgvcGxhdGZvcm0vbGF5b3V0L2VudGl0eSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2F4cC1saXN0LXZpZXctb3B0aW9uLWNvbHVtbnMnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9saXN0LXZpZXctb3B0aW9uLWNvbHVtbnMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIEZvcm1zTW9kdWxlLFxyXG4gICAgQ2RrRHJvcExpc3QsXHJcbiAgICBDZGtEcmFnLFxyXG4gICAgQ2RrRHJhZ1BsYWNlaG9sZGVyLFxyXG4gICAgQ2RrRHJhZ0hhbmRsZSxcclxuICAgIEFYQnV0dG9uTW9kdWxlLFxyXG4gICAgQVhEZWNvcmF0b3JNb2R1bGUsXHJcbiAgICBBWFN3aXRjaE1vZHVsZSxcclxuICBdLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBWFBMaXN0Vmlld09wdGlvbnNDb2x1bW5zQ29tcG9uZW50IHtcclxuICBwcml2YXRlIHN0b3JlID0gaW5qZWN0KFN0b3JlPEFYUEFkbWluTGF5b3V0U3RhdGU+KTtcclxuXHJcbiAgQElucHV0KCd2aWV3TW9kZWwnKVxyXG4gIHB1YmxpYyB2bSE6IEFYUEVudGl0eU1hc3Rlckxpc3RWaWV3TW9kZWw7XHJcbiAgcHJvdGVjdGVkIGlzU00gPSB0aGlzLnN0b3JlLnNlbGVjdChpc1NtYWxsU2NyZWVuKCkpO1xyXG5cclxuICBAT3V0cHV0KClcclxuICBwdWJsaWMgb25DbG9zZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcblxyXG5cclxuXHJcblxyXG4gIGhhbmRsZVZpc2liaWxpdHlDaGFuZ2UoZTogQVhWYWx1ZUNoYW5nZWRFdmVudDxib29sZWFuPiwgbmFtZTogc3RyaW5nKSB7XHJcbiAgICBpZiAoZS5pc1VzZXJJbnRlcmFjdGlvbikge1xyXG4gICAgICBjb25zdCBjb2wgPSB0aGlzLnZtLmNvbHVtbnMoKS5maW5kKGMgPT4gYy5uYW1lID09IG5hbWUpO1xyXG4gICAgICBpZiAoY29sKSB7XHJcbiAgICAgICAgY29sLnZpc2libGUgPSBlLnZhbHVlID8/IHRydWU7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcblxyXG4gIHByb3RlY3RlZCBkcm9wKGV2ZW50OiBDZGtEcmFnRHJvcDx1bmtub3duW10+KSB7XHJcbiAgICBtb3ZlSXRlbUluQXJyYXkodGhpcy52bS5jb2x1bW5zKCksIGV2ZW50LnByZXZpb3VzSW5kZXgsIGV2ZW50LmN1cnJlbnRJbmRleCk7XHJcbiAgfVxyXG5cclxuICBwcm90ZWN0ZWQgaGFuZGxlQ2xvc2UoKSB7XHJcbiAgICB0aGlzLm9uQ2xvc2VkLmVtaXQoKTtcclxuICB9XHJcbiAgcHJvdGVjdGVkIGhhbmRsZVJlc2V0Q2xpY2soKSB7XHJcbiAgICB0aGlzLnZtLnJlc2V0Q29sdW1ucygpO1xyXG4gIH1cclxuXHJcbiAgcHJvdGVjdGVkIGhhbmRsZUFwcGx5Q2xpY2soKSB7XHJcbiAgICB0aGlzLm9uQ2xvc2VkLmVtaXQoKTtcclxuICB9XHJcbn1cclxuIiwiPGF4LWhlYWRlciBjbGFzcz1cImF4LWZsZXggYXgtaXRlbXMtY2VudGVyXCI+XHJcbiAgPGgyIGNsYXNzPVwiYXgtdGV4dC14bCBheC1mb250LWJvbGRcIj5Db2x1bW5zPC9oMj5cclxuICA8YXgtYnV0dG9uIChvbkNsaWNrKT1cImhhbmRsZUNsb3NlKClcIiBbbG9va109XCInYmxhbmsnXCI+XHJcbiAgICA8YXgtaWNvbiBjbGFzcz1cImZhLXNvbGlkIGZhLWNsb3NlIGF4LXRleHQtbmV1dHJhbC00MDAgYXgtdGV4dC14bFwiPiA8L2F4LWljb24+XHJcbiAgPC9heC1idXR0b24+XHJcbjwvYXgtaGVhZGVyPlxyXG48ZGl2IGNsYXNzPVwiYXgtZmxleCBheC1mbGV4LWNvbCBheC1nYXAtNCBheC1wLTQgYXgtc2VsZWN0LW5vbmVcIiBjZGtEcm9wTGlzdCAoY2RrRHJvcExpc3REcm9wcGVkKT1cImRyb3AoJGV2ZW50KVwiPlxyXG4gIDxkaXYgY2xhc3M9XCJheC1mbGV4IGF4LWZsZXgtY29sIGF4LWdhcC0zIGF4LXctZnVsbCBheC1zb3J0ZWQtbGlzdCBheC1tYXgtaC1bY2FsYygxMDB2aC0yODBweCldIGF4LW92ZXJmbG93LWF1dG9cIj5cclxuICAgIEBmb3IoaXRlbSBvZiB2bS5jb2x1bW5zKCk7dHJhY2sgaXRlbS5uYW1lKVxyXG4gICAge1xyXG4gICAgPGRpdiBjbGFzcz1cImF4LWZsZXggYXgtcHktMSBheC1pdGVtcy1jZW50ZXIgYXgtanVzdGlmeS1iZXR3ZWVuXCIgY2RrRHJhZyBjZGtEcmFnQm91bmRhcnk9XCIuYXgtc29ydGVkLWxpc3RcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImF4LWZsZXggYXgtaXRlbXMtY2VudGVyIGF4LWdhcC0zXCIgY2RrRHJhZ0hhbmRsZT5cclxuICAgICAgICA8YXgtaWNvbiBjbGFzcz1cImZhLXNvbGlkIGZhLWdyaXAtZG90cy12ZXJ0aWNhbCBheC1jdXJzb3ItbW92ZVwiPjwvYXgtaWNvbj5cclxuICAgICAgICA8cCBjbGFzcz1cImF4LWZvbnQtbWVkaXVtIGF4LXRleHQtc21cIj57eyBpdGVtLnRpdGxlIH19PC9wPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGF4LXN3aXRjaCBjbGFzcz1cImF4LXNtXCIgW25nTW9kZWxdPVwiaXRlbS52aXNpYmxlXCJcclxuICAgICAgICAob25WYWx1ZUNoYW5nZWQpPVwiaGFuZGxlVmlzaWJpbGl0eUNoYW5nZSgkZXZlbnQsIGl0ZW0ubmFtZSlcIj48L2F4LXN3aXRjaD5cclxuICAgIDwvZGl2PlxyXG4gICAgfVxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuPGF4LWZvb3RlciBjbGFzcz1cIiFheC1qdXN0aWZ5LXN0YXJ0IGF4LWFic29sdXRlIGF4LWJvdHRvbS0wIGF4LXctZnVsbFwiPlxyXG4gIDxheC1idXR0b24gdGV4dD1cIkFwcGx5XCIgY29sb3I9XCJwcmltYXJ5XCIgKG9uQ2xpY2spPVwiaGFuZGxlQXBwbHlDbGljaygpXCI+PC9heC1idXR0b24+XHJcbiAgPGF4LWJ1dHRvbiB0ZXh0PVwiUmVzZXRcIiBjb2xvcj1cImdob3N0XCIgKG9uQ2xpY2spPVwiaGFuZGxlUmVzZXRDbGljaygpXCI+PC9heC1idXR0b24+XHJcbjwvYXgtZm9vdGVyPiJdfQ==