@ng-doc/app 15.13.0 → 16.0.0-beta.1

package/esm2022/components/playground/playground-property/playground-property.component.mjs

@@ -0,0 +1,63 @@
+import { ChangeDetectionStrategy, Component, HostBinding, Injector, Input, ViewChild, ViewContainerRef, } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { isPlaygroundProperty } from '@ng-doc/app/helpers';
+import * as i0 from "@angular/core";
+import * as i1 from "@ng-doc/ui-kit";
+class NgDocPlaygroundPropertyComponent {
+    constructor(injector) {
+        this.injector = injector;
+        this.name = '';
+    }
+    ngOnChanges({ property, control, typeControl }) {
+        if ((property || control || typeControl) && this.property && this.typeControl) {
+            this.propertyTypeControl?.destroy();
+            this.propertyTypeControl = undefined;
+            if (this.typeControl && this.propertyOutlet) {
+                this.propertyTypeControl = this.propertyOutlet.createComponent(this.typeControl.control);
+                this.propertyTypeControl.instance.name = this.name;
+                this.propertyTypeControl.instance.description = this.tooltipContent;
+                this.propertyTypeControl.instance.options = isPlaygroundProperty(this.property)
+                    ? this.property.options
+                    : undefined;
+                this.propertyTypeControl.instance.default = isPlaygroundProperty(this.property)
+                    ? this.property.default
+                    : undefined;
+                this.propertyTypeControl.instance.writeValue(this.control?.value);
+                this.option = this.typeControl.options;
+            }
+        }
+        if (control) {
+            this.control?.registerOnChange((value) => this.propertyTypeControl?.instance?.writeValue(value));
+            this.propertyTypeControl?.instance.registerOnChange((value) => this.control?.setValue(value));
+            this.propertyTypeControl?.instance.registerOnTouched(() => this.control?.markAsTouched());
+        }
+    }
+    get hasPropertyControl() {
+        return !!this.propertyTypeControl;
+    }
+    get tooltipContent() {
+        return this.property && isPlaygroundProperty(this.property) ? this.property.description ?? '' : '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocPlaygroundPropertyComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocPlaygroundPropertyComponent, selector: "ng-doc-playground-property", inputs: { name: "name", property: "property", typeControl: "typeControl", control: "control" }, host: { properties: { "attr.data-has-property-control": "this.hasPropertyControl" } }, viewQueries: [{ propertyName: "propertyOutlet", first: true, predicate: ["propertyOutlet"], descendants: true, read: ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0, template: "<label [ng-doc-label]=\"option?.hideLabel ? '' : labelContent\">\n\t<ng-template #labelContent>\n\t\t<span\n\t\t\t[ngDocTooltip]=\"tooltipContent\"\n\t\t\t[canOpen]=\"!!tooltipContent\"\n\t\t\t[positions]=\"['left-center', 'top-right', 'bottom-right']\"\n\t\t\t>{{ name }}</span\n\t\t>\n\t</ng-template>\n\t<ng-container #propertyOutlet></ng-container>\n</label>\n", styles: [":host{display:block}:host[data-has-property-control=false]{display:none}\n"], dependencies: [{ kind: "component", type: i1.NgDocLabelComponent, selector: "label[ng-doc-label]", inputs: ["ng-doc-label", "align"] }, { kind: "directive", type: i1.NgDocTooltipDirective, selector: "[ngDocTooltip]", inputs: ["ngDocTooltip", "delay", "displayOrigin", "pointerOrigin", "positions", "canOpen", "panelClass", "minHeight", "maxHeight", "height", "minWidth", "maxWidth", "width"], outputs: ["beforeOpen", "afterOpen", "beforeClose", "afterClose"], exportAs: ["ngDocTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+export { NgDocPlaygroundPropertyComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocPlaygroundPropertyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng-doc-playground-property', changeDetection: ChangeDetectionStrategy.OnPush, template: "<label [ng-doc-label]=\"option?.hideLabel ? '' : labelContent\">\n\t<ng-template #labelContent>\n\t\t<span\n\t\t\t[ngDocTooltip]=\"tooltipContent\"\n\t\t\t[canOpen]=\"!!tooltipContent\"\n\t\t\t[positions]=\"['left-center', 'top-right', 'bottom-right']\"\n\t\t\t>{{ name }}</span\n\t\t>\n\t</ng-template>\n\t<ng-container #propertyOutlet></ng-container>\n</label>\n", styles: [":host{display:block}:host[data-has-property-control=false]{display:none}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.Injector }]; }, propDecorators: { name: [{
+                type: Input
+            }], property: [{
+                type: Input
+            }], typeControl: [{
+                type: Input
+            }], control: [{
+                type: Input
+            }], propertyOutlet: [{
+                type: ViewChild,
+                args: ['propertyOutlet', { read: ViewContainerRef, static: true }]
+            }], hasPropertyControl: [{
+                type: HostBinding,
+                args: ['attr.data-has-property-control']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGxheWdyb3VuZC1wcm9wZXJ0eS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3BsYXlncm91bmQvcGxheWdyb3VuZC1wcm9wZXJ0eS9wbGF5Z3JvdW5kLXByb3BlcnR5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYXBwL2NvbXBvbmVudHMvcGxheWdyb3VuZC9wbGF5Z3JvdW5kLXByb3BlcnR5L3BsYXlncm91bmQtcHJvcGVydHkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNOLHVCQUF1QixFQUN2QixTQUFTLEVBRVQsV0FBVyxFQUNYLFFBQVEsRUFDUixLQUFLLEVBR0wsU0FBUyxFQUNULGdCQUFnQixHQUNoQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsV0FBVyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDM0MsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0scUJBQXFCLENBQUM7OztBQUl6RCxNQU1hLGdDQUFnQztJQW1CNUMsWUFBNkIsUUFBa0I7UUFBbEIsYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQWpCL0MsU0FBSSxHQUFXLEVBQUUsQ0FBQztJQWlCZ0MsQ0FBQztJQUVuRCxXQUFXLENBQUMsRUFBQyxRQUFRLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBZ0I7UUFDMUQsSUFBSSxDQUFDLFFBQVEsSUFBSSxPQUFPLElBQUksV0FBVyxDQUFDLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQzlFLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxPQUFPLEVBQUUsQ0FBQztZQUNwQyxJQUFJLENBQUMsbUJBQW1CLEdBQUcsU0FBUyxDQUFDO1lBRXJDLElBQUksSUFBSSxDQUFDLFdBQVcsSUFBSSxJQUFJLENBQUMsY0FBYyxFQUFFO2dCQUM1QyxJQUFJLENBQUMsbUJBQW1CLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztnQkFDekYsSUFBSSxDQUFDLG1CQUFtQixDQUFDLFFBQVEsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQztnQkFDbkQsSUFBSSxDQUFDLG1CQUFtQixDQUFDLFFBQVEsQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQztnQkFDcEUsSUFBSSxDQUFDLG1CQUFtQixDQUFDLFFBQVEsQ0FBQyxPQUFPLEdBQUcsb0JBQW9CLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztvQkFDOUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTztvQkFDdkIsQ0FBQyxDQUFDLFNBQVMsQ0FBQztnQkFDYixJQUFJLENBQUMsbUJBQW1CLENBQUMsUUFBUSxDQUFDLE9BQU8sR0FBRyxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO29CQUM5RSxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPO29CQUN2QixDQUFDLENBQUMsU0FBUyxDQUFDO2dCQUNiLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxRQUFRLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLENBQUM7Z0JBRWxFLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUM7YUFDdkM7U0FDRDtRQUVELElBQUksT0FBTyxFQUFFO1lBQ1osSUFBSSxDQUFDLE9BQU8sRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDLEtBQWEsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLG1CQUFtQixFQUFFLFFBQVEsRUFBRSxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztZQUN6RyxJQUFJLENBQUMsbUJBQW1CLEVBQUUsUUFBUSxDQUFDLGdCQUFnQixDQUFDLENBQUMsS0FBYyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO1lBQ3ZHLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxRQUFRLENBQUMsaUJBQWlCLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxhQUFhLEVBQUUsQ0FBQyxDQUFDO1NBQzFGO0lBQ0YsQ0FBQztJQUVELElBQ0ksa0JBQWtCO1FBQ3JCLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQztJQUNuQyxDQUFDO0lBRUQsSUFBSSxjQUFjO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLFFBQVEsSUFBSSxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO0lBQ3BHLENBQUM7OEdBeERXLGdDQUFnQztrR0FBaEMsZ0NBQWdDLHNWQWFSLGdCQUFnQixnRUNwQ3JELDhXQVdBOztTRFlhLGdDQUFnQzsyRkFBaEMsZ0NBQWdDO2tCQU41QyxTQUFTOytCQUNDLDRCQUE0QixtQkFHckIsdUJBQXVCLENBQUMsTUFBTTsrRkFJL0MsSUFBSTtzQkFESCxLQUFLO2dCQUlOLFFBQVE7c0JBRFAsS0FBSztnQkFJTixXQUFXO3NCQURWLEtBQUs7Z0JBSU4sT0FBTztzQkFETixLQUFLO2dCQUlOLGNBQWM7c0JBRGIsU0FBUzt1QkFBQyxnQkFBZ0IsRUFBRSxFQUFDLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFDO2dCQXFDL0Qsa0JBQWtCO3NCQURyQixXQUFXO3VCQUFDLGdDQUFnQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG5cdENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuXHRDb21wb25lbnQsXG5cdENvbXBvbmVudFJlZixcblx0SG9zdEJpbmRpbmcsXG5cdEluamVjdG9yLFxuXHRJbnB1dCxcblx0T25DaGFuZ2VzLFxuXHRTaW1wbGVDaGFuZ2VzLFxuXHRWaWV3Q2hpbGQsXG5cdFZpZXdDb250YWluZXJSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtGb3JtQ29udHJvbH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHtpc1BsYXlncm91bmRQcm9wZXJ0eX0gZnJvbSAnQG5nLWRvYy9hcHAvaGVscGVycyc7XG5pbXBvcnQge05nRG9jUHJvdmlkZWRUeXBlQ29udHJvbCwgTmdEb2NUeXBlQ29udHJvbCwgTmdEb2NUeXBlQ29udHJvbFByb3ZpZGVyT3B0aW9uc30gZnJvbSAnQG5nLWRvYy9hcHAvaW50ZXJmYWNlcyc7XG5pbXBvcnQge05nRG9jUGxheWdyb3VuZENvbnRlbnQsIE5nRG9jUGxheWdyb3VuZFByb3BlcnR5fSBmcm9tICdAbmctZG9jL2NvcmUvaW50ZXJmYWNlcyc7XG5cbkBDb21wb25lbnQoe1xuXHRzZWxlY3RvcjogJ25nLWRvYy1wbGF5Z3JvdW5kLXByb3BlcnR5Jyxcblx0dGVtcGxhdGVVcmw6ICcuL3BsYXlncm91bmQtcHJvcGVydHkuY29tcG9uZW50Lmh0bWwnLFxuXHRzdHlsZVVybHM6IFsnLi9wbGF5Z3JvdW5kLXByb3BlcnR5LmNvbXBvbmVudC5zY3NzJ10sXG5cdGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBOZ0RvY1BsYXlncm91bmRQcm9wZXJ0eUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG5cdEBJbnB1dCgpXG5cdG5hbWU6IHN0cmluZyA9ICcnO1xuXG5cdEBJbnB1dCgpXG5cdHByb3BlcnR5PzogTmdEb2NQbGF5Z3JvdW5kUHJvcGVydHkgfCBOZ0RvY1BsYXlncm91bmRDb250ZW50O1xuXG5cdEBJbnB1dCgpXG5cdHR5cGVDb250cm9sPzogTmdEb2NQcm92aWRlZFR5cGVDb250cm9sO1xuXG5cdEBJbnB1dCgpXG5cdGNvbnRyb2w/OiBGb3JtQ29udHJvbDtcblxuXHRAVmlld0NoaWxkKCdwcm9wZXJ0eU91dGxldCcsIHtyZWFkOiBWaWV3Q29udGFpbmVyUmVmLCBzdGF0aWM6IHRydWV9KVxuXHRwcm9wZXJ0eU91dGxldD86IFZpZXdDb250YWluZXJSZWY7XG5cblx0cHJvdGVjdGVkIG9wdGlvbj86IE5nRG9jVHlwZUNvbnRyb2xQcm92aWRlck9wdGlvbnM7XG5cdHByaXZhdGUgcHJvcGVydHlUeXBlQ29udHJvbD86IENvbXBvbmVudFJlZjxOZ0RvY1R5cGVDb250cm9sPjtcblxuXHRjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IGluamVjdG9yOiBJbmplY3Rvcikge31cblxuXHRuZ09uQ2hhbmdlcyh7cHJvcGVydHksIGNvbnRyb2wsIHR5cGVDb250cm9sfTogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuXHRcdGlmICgocHJvcGVydHkgfHwgY29udHJvbCB8fCB0eXBlQ29udHJvbCkgJiYgdGhpcy5wcm9wZXJ0eSAmJiB0aGlzLnR5cGVDb250cm9sKSB7XG5cdFx0XHR0aGlzLnByb3BlcnR5VHlwZUNvbnRyb2w/LmRlc3Ryb3koKTtcblx0XHRcdHRoaXMucHJvcGVydHlUeXBlQ29udHJvbCA9IHVuZGVmaW5lZDtcblxuXHRcdFx0aWYgKHRoaXMudHlwZUNvbnRyb2wgJiYgdGhpcy5wcm9wZXJ0eU91dGxldCkge1xuXHRcdFx0XHR0aGlzLnByb3BlcnR5VHlwZUNvbnRyb2wgPSB0aGlzLnByb3BlcnR5T3V0bGV0LmNyZWF0ZUNvbXBvbmVudCh0aGlzLnR5cGVDb250cm9sLmNvbnRyb2wpO1xuXHRcdFx0XHR0aGlzLnByb3BlcnR5VHlwZUNvbnRyb2wuaW5zdGFuY2UubmFtZSA9IHRoaXMubmFtZTtcblx0XHRcdFx0dGhpcy5wcm9wZXJ0eVR5cGVDb250cm9sLmluc3RhbmNlLmRlc2NyaXB0aW9uID0gdGhpcy50b29sdGlwQ29udGVudDtcblx0XHRcdFx0dGhpcy5wcm9wZXJ0eVR5cGVDb250cm9sLmluc3RhbmNlLm9wdGlvbnMgPSBpc1BsYXlncm91bmRQcm9wZXJ0eSh0aGlzLnByb3BlcnR5KVxuXHRcdFx0XHRcdD8gdGhpcy5wcm9wZXJ0eS5vcHRpb25zXG5cdFx0XHRcdFx0OiB1bmRlZmluZWQ7XG5cdFx0XHRcdHRoaXMucHJvcGVydHlUeXBlQ29udHJvbC5pbnN0YW5jZS5kZWZhdWx0ID0gaXNQbGF5Z3JvdW5kUHJvcGVydHkodGhpcy5wcm9wZXJ0eSlcblx0XHRcdFx0XHQ/IHRoaXMucHJvcGVydHkuZGVmYXVsdFxuXHRcdFx0XHRcdDogdW5kZWZpbmVkO1xuXHRcdFx0XHR0aGlzLnByb3BlcnR5VHlwZUNvbnRyb2wuaW5zdGFuY2Uud3JpdGVWYWx1ZSh0aGlzLmNvbnRyb2w/LnZhbHVlKTtcblxuXHRcdFx0XHR0aGlzLm9wdGlvbiA9IHRoaXMudHlwZUNvbnRyb2wub3B0aW9ucztcblx0XHRcdH1cblx0XHR9XG5cblx0XHRpZiAoY29udHJvbCkge1xuXHRcdFx0dGhpcy5jb250cm9sPy5yZWdpc3Rlck9uQ2hhbmdlKCh2YWx1ZTogc3RyaW5nKSA9PiB0aGlzLnByb3BlcnR5VHlwZUNvbnRyb2w/Lmluc3RhbmNlPy53cml0ZVZhbHVlKHZhbHVlKSk7XG5cdFx0XHR0aGlzLnByb3BlcnR5VHlwZUNvbnRyb2w/Lmluc3RhbmNlLnJlZ2lzdGVyT25DaGFuZ2UoKHZhbHVlOiB1bmtub3duKSA9PiB0aGlzLmNvbnRyb2w/LnNldFZhbHVlKHZhbHVlKSk7XG5cdFx0XHR0aGlzLnByb3BlcnR5VHlwZUNvbnRyb2w/Lmluc3RhbmNlLnJlZ2lzdGVyT25Ub3VjaGVkKCgpID0+IHRoaXMuY29udHJvbD8ubWFya0FzVG91Y2hlZCgpKTtcblx0XHR9XG5cdH1cblxuXHRASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1oYXMtcHJvcGVydHktY29udHJvbCcpXG5cdGdldCBoYXNQcm9wZXJ0eUNvbnRyb2woKTogYm9vbGVhbiB7XG5cdFx0cmV0dXJuICEhdGhpcy5wcm9wZXJ0eVR5cGVDb250cm9sO1xuXHR9XG5cblx0Z2V0IHRvb2x0aXBDb250ZW50KCk6IHN0cmluZyB7XG5cdFx0cmV0dXJuIHRoaXMucHJvcGVydHkgJiYgaXNQbGF5Z3JvdW5kUHJvcGVydHkodGhpcy5wcm9wZXJ0eSkgPyB0aGlzLnByb3BlcnR5LmRlc2NyaXB0aW9uID8/ICcnIDogJyc7XG5cdH1cbn1cbiIsIjxsYWJlbCBbbmctZG9jLWxhYmVsXT1cIm9wdGlvbj8uaGlkZUxhYmVsID8gJycgOiBsYWJlbENvbnRlbnRcIj5cblx0PG5nLXRlbXBsYXRlICNsYWJlbENvbnRlbnQ+XG5cdFx0PHNwYW5cblx0XHRcdFtuZ0RvY1Rvb2x0aXBdPVwidG9vbHRpcENvbnRlbnRcIlxuXHRcdFx0W2Nhbk9wZW5dPVwiISF0b29sdGlwQ29udGVudFwiXG5cdFx0XHRbcG9zaXRpb25zXT1cIlsnbGVmdC1jZW50ZXInLCAndG9wLXJpZ2h0JywgJ2JvdHRvbS1yaWdodCddXCJcblx0XHRcdD57eyBuYW1lIH19PC9zcGFuXG5cdFx0PlxuXHQ8L25nLXRlbXBsYXRlPlxuXHQ8bmctY29udGFpbmVyICNwcm9wZXJ0eU91dGxldD48L25nLWNvbnRhaW5lcj5cbjwvbGFiZWw+XG4iXX0=

package/esm2022/components/playground/playground.component.mjs

@@ -0,0 +1,63 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { FormBuilder } from '@angular/forms';
+import { NgDocRootPage } from '@ng-doc/app/classes/root-page';
+import { extractValue } from '@ng-doc/core/helpers/extract-value';
+import { objectKeys } from '@ng-doc/core/helpers/object-keys';
+import * as i0 from "@angular/core";
+import * as i1 from "@ng-doc/app/classes/root-page";
+import * as i2 from "@angular/forms";
+import * as i3 from "@angular/common";
+import * as i4 from "./playground-properties/playground-properties.component";
+import * as i5 from "./playground-demo/playground-demo.component";
+import * as i6 from "@ng-doc/ui-kit";
+class NgDocPlaygroundComponent {
+    constructor(rootPage, formBuilder) {
+        this.rootPage = rootPage;
+        this.formBuilder = formBuilder;
+        this.id = '';
+        this.selectors = [];
+        this.recreateDemo = false;
+    }
+    ngOnInit() {
+        const propertiesForm = this.formBuilder.group(this.getPropertiesFormValues());
+        const contentForm = this.formBuilder.group(this.getContentFormValues());
+        this.formGroup = this.formBuilder.group({
+            properties: propertiesForm,
+            content: contentForm,
+        });
+    }
+    get configuration() {
+        return this.rootPage.dependencies?.playgrounds?.[this.id];
+    }
+    getPropertiesFormValues() {
+        return objectKeys(this.properties ?? {}).reduce((controls, key) => {
+            if (this.properties) {
+                controls[key] = extractValue(this.properties[key]?.default ?? 'undefined');
+            }
+            return controls;
+        }, {});
+    }
+    getContentFormValues() {
+        return objectKeys(this.configuration?.content ?? {}).reduce((controls, key) => {
+            if (this.configuration?.content) {
+                controls[key] = false;
+            }
+            return controls;
+        }, {});
+        return {};
+    }
+    resetForm() {
+        this.formGroup?.reset({
+            properties: this.getPropertiesFormValues(),
+            content: this.getContentFormValues(),
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocPlaygroundComponent, deps: [{ token: i1.NgDocRootPage }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocPlaygroundComponent, selector: "ng-doc-playground", ngImport: i0, template: "<ng-container *ngIf=\"configuration\">\n\t<ng-doc-playground-properties\n\t\t[form]=\"formGroup\"\n\t\t[properties]=\"properties\"\n\t\t[dynamicContent]=\"configuration.content\"\n\t\t[(recreateDemo)]=\"recreateDemo\"\n\t\t(resetForm)=\"resetForm()\"\n\t>\n\t\t<ng-doc-playground-demo\n\t\t\t*ngFor=\"let selector of configuration.selectors ?? selectors | asArray\"\n\t\t\t[id]=\"id\"\n\t\t\t[selector]=\"selector\"\n\t\t\t[properties]=\"properties\"\n\t\t\t[configuration]=\"configuration\"\n\t\t\t[recreateDemo]=\"recreateDemo\"\n\t\t\t[form]=\"formGroup\"\n\t\t>\n\t\t</ng-doc-playground-demo>\n\t</ng-doc-playground-properties>\n</ng-container>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.NgDocPlaygroundPropertiesComponent, selector: "ng-doc-playground-properties", inputs: ["form", "properties", "dynamicContent", "recreateDemo"], outputs: ["recreateDemoChange", "resetForm"] }, { kind: "component", type: i5.NgDocPlaygroundDemoComponent, selector: "ng-doc-playground-demo", inputs: ["id", "selector", "configuration", "properties", "recreateDemo", "form"] }, { kind: "pipe", type: i6.NgDocAsArrayPipe, name: "asArray" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+export { NgDocPlaygroundComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocPlaygroundComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng-doc-playground', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"configuration\">\n\t<ng-doc-playground-properties\n\t\t[form]=\"formGroup\"\n\t\t[properties]=\"properties\"\n\t\t[dynamicContent]=\"configuration.content\"\n\t\t[(recreateDemo)]=\"recreateDemo\"\n\t\t(resetForm)=\"resetForm()\"\n\t>\n\t\t<ng-doc-playground-demo\n\t\t\t*ngFor=\"let selector of configuration.selectors ?? selectors | asArray\"\n\t\t\t[id]=\"id\"\n\t\t\t[selector]=\"selector\"\n\t\t\t[properties]=\"properties\"\n\t\t\t[configuration]=\"configuration\"\n\t\t\t[recreateDemo]=\"recreateDemo\"\n\t\t\t[form]=\"formGroup\"\n\t\t>\n\t\t</ng-doc-playground-demo>\n\t</ng-doc-playground-properties>\n</ng-container>\n", styles: [":host{display:block}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.NgDocRootPage }, { type: i2.FormBuilder }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGxheWdyb3VuZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3BsYXlncm91bmQvcGxheWdyb3VuZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3BsYXlncm91bmQvcGxheWdyb3VuZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBQ3pFLE9BQU8sRUFBQyxXQUFXLEVBQVksTUFBTSxnQkFBZ0IsQ0FBQztBQUN0RCxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sK0JBQStCLENBQUM7QUFDNUQsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLG9DQUFvQyxDQUFDO0FBQ2hFLE9BQU8sRUFBQyxVQUFVLEVBQUMsTUFBTSxrQ0FBa0MsQ0FBQzs7Ozs7Ozs7QUFNNUQsTUFNYSx3QkFBd0I7SUFTcEMsWUFBNkIsUUFBdUIsRUFBbUIsV0FBd0I7UUFBbEUsYUFBUSxHQUFSLFFBQVEsQ0FBZTtRQUFtQixnQkFBVyxHQUFYLFdBQVcsQ0FBYTtRQU4vRixPQUFFLEdBQVcsRUFBRSxDQUFDO1FBQ2hCLGNBQVMsR0FBYSxFQUFFLENBQUM7UUFHekIsaUJBQVksR0FBWSxLQUFLLENBQUM7SUFFb0UsQ0FBQztJQUVuRyxRQUFRO1FBQ1AsTUFBTSxjQUFjLEdBQWMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLHVCQUF1QixFQUFFLENBQUMsQ0FBQztRQUN6RixNQUFNLFdBQVcsR0FBYyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQyxDQUFDO1FBRW5GLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUM7WUFDdkMsVUFBVSxFQUFFLGNBQWM7WUFDMUIsT0FBTyxFQUFFLFdBQVc7U0FDcEIsQ0FBQyxDQUFDO0lBQ0osQ0FBQztJQUVELElBQUksYUFBYTtRQUNoQixPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsWUFBWSxFQUFFLFdBQVcsRUFBRSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUMzRCxDQUFDO0lBRU8sdUJBQXVCO1FBQzlCLE9BQU8sVUFBVSxDQUFDLElBQUksQ0FBQyxVQUFVLElBQUksRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsUUFBd0MsRUFBRSxHQUFNLEVBQUUsRUFBRTtZQUNwRyxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7Z0JBQ3BCLFFBQVEsQ0FBQyxHQUFHLENBQUMsR0FBRyxZQUFZLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsRUFBRSxPQUFPLElBQUksV0FBVyxDQUFDLENBQUM7YUFDM0U7WUFFRCxPQUFPLFFBQVEsQ0FBQztRQUNqQixDQUFDLEVBQUUsRUFBb0MsQ0FBQyxDQUFDO0lBQzFDLENBQUM7SUFFTyxvQkFBb0I7UUFDM0IsT0FBTyxVQUFVLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxPQUFPLElBQUksRUFBRSxDQUFDLENBQUMsTUFBTSxDQUMxRCxDQUFDLFFBQWlDLEVBQUUsR0FBVyxFQUFFLEVBQUU7WUFDbEQsSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFLE9BQU8sRUFBRTtnQkFDaEMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxHQUFHLEtBQUssQ0FBQzthQUN0QjtZQUVELE9BQU8sUUFBUSxDQUFDO1FBQ2pCLENBQUMsRUFDRCxFQUE4QixDQUM5QixDQUFDO1FBQ0YsT0FBTyxFQUFFLENBQUM7SUFDWCxDQUFDO0lBRUQsU0FBUztRQUNSLElBQUksQ0FBQyxTQUFTLEVBQUUsS0FBSyxDQUFDO1lBQ3JCLFVBQVUsRUFBRSxJQUFJLENBQUMsdUJBQXVCLEVBQUU7WUFDMUMsT0FBTyxFQUFFLElBQUksQ0FBQyxvQkFBb0IsRUFBRTtTQUNwQyxDQUFDLENBQUM7SUFDSixDQUFDOzhHQXREVyx3QkFBd0I7a0dBQXhCLHdCQUF3Qix5RENoQnJDLDRvQkFvQkE7O1NESmEsd0JBQXdCOzJGQUF4Qix3QkFBd0I7a0JBTnBDLFNBQVM7K0JBQ0MsbUJBQW1CLG1CQUdaLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Zvcm1CdWlsZGVyLCBGb3JtR3JvdXB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7TmdEb2NSb290UGFnZX0gZnJvbSAnQG5nLWRvYy9hcHAvY2xhc3Nlcy9yb290LXBhZ2UnO1xuaW1wb3J0IHtleHRyYWN0VmFsdWV9IGZyb20gJ0BuZy1kb2MvY29yZS9oZWxwZXJzL2V4dHJhY3QtdmFsdWUnO1xuaW1wb3J0IHtvYmplY3RLZXlzfSBmcm9tICdAbmctZG9jL2NvcmUvaGVscGVycy9vYmplY3Qta2V5cyc7XG5pbXBvcnQge05nRG9jUGxheWdyb3VuZENvbmZpZywgTmdEb2NQbGF5Z3JvdW5kUHJvcGVydGllc30gZnJvbSAnQG5nLWRvYy9jb3JlL2ludGVyZmFjZXMnO1xuaW1wb3J0IHtOZ0RvY0V4dHJhY3RlZFZhbHVlfSBmcm9tICdAbmctZG9jL2NvcmUvdHlwZXMnO1xuXG5pbXBvcnQge05nRG9jUGxheWdyb3VuZEZvcm19IGZyb20gJy4vcGxheWdyb3VuZC1mb3JtJztcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnbmctZG9jLXBsYXlncm91bmQnLFxuXHR0ZW1wbGF0ZVVybDogJy4vcGxheWdyb3VuZC5jb21wb25lbnQuaHRtbCcsXG5cdHN0eWxlVXJsczogWycuL3BsYXlncm91bmQuY29tcG9uZW50LnNjc3MnXSxcblx0Y2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIE5nRG9jUGxheWdyb3VuZENvbXBvbmVudDxUIGV4dGVuZHMgTmdEb2NQbGF5Z3JvdW5kUHJvcGVydGllcyA9IE5nRG9jUGxheWdyb3VuZFByb3BlcnRpZXM+XG5cdGltcGxlbWVudHMgT25Jbml0XG57XG5cdGlkOiBzdHJpbmcgPSAnJztcblx0c2VsZWN0b3JzOiBzdHJpbmdbXSA9IFtdO1xuXHRwcm9wZXJ0aWVzPzogVDtcblx0Zm9ybUdyb3VwITogRm9ybUdyb3VwPE5nRG9jUGxheWdyb3VuZEZvcm0+O1xuXHRyZWNyZWF0ZURlbW86IGJvb2xlYW4gPSBmYWxzZTtcblxuXHRjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IHJvb3RQYWdlOiBOZ0RvY1Jvb3RQYWdlLCBwcml2YXRlIHJlYWRvbmx5IGZvcm1CdWlsZGVyOiBGb3JtQnVpbGRlcikge31cblxuXHRuZ09uSW5pdCgpOiB2b2lkIHtcblx0XHRjb25zdCBwcm9wZXJ0aWVzRm9ybTogRm9ybUdyb3VwID0gdGhpcy5mb3JtQnVpbGRlci5ncm91cCh0aGlzLmdldFByb3BlcnRpZXNGb3JtVmFsdWVzKCkpO1xuXHRcdGNvbnN0IGNvbnRlbnRGb3JtOiBGb3JtR3JvdXAgPSB0aGlzLmZvcm1CdWlsZGVyLmdyb3VwKHRoaXMuZ2V0Q29udGVudEZvcm1WYWx1ZXMoKSk7XG5cblx0XHR0aGlzLmZvcm1Hcm91cCA9IHRoaXMuZm9ybUJ1aWxkZXIuZ3JvdXAoe1xuXHRcdFx0cHJvcGVydGllczogcHJvcGVydGllc0Zvcm0sXG5cdFx0XHRjb250ZW50OiBjb250ZW50Rm9ybSxcblx0XHR9KTtcblx0fVxuXG5cdGdldCBjb25maWd1cmF0aW9uKCk6IE5nRG9jUGxheWdyb3VuZENvbmZpZyB8IHVuZGVmaW5lZCB7XG5cdFx0cmV0dXJuIHRoaXMucm9vdFBhZ2UuZGVwZW5kZW5jaWVzPy5wbGF5Z3JvdW5kcz8uW3RoaXMuaWRdO1xuXHR9XG5cblx0cHJpdmF0ZSBnZXRQcm9wZXJ0aWVzRm9ybVZhbHVlczxLIGV4dGVuZHMga2V5b2YgVD4oKTogUmVjb3JkPEssIE5nRG9jRXh0cmFjdGVkVmFsdWU+IHtcblx0XHRyZXR1cm4gb2JqZWN0S2V5cyh0aGlzLnByb3BlcnRpZXMgPz8ge30pLnJlZHVjZSgoY29udHJvbHM6IFJlY29yZDxLLCBOZ0RvY0V4dHJhY3RlZFZhbHVlPiwga2V5OiBLKSA9PiB7XG5cdFx0XHRpZiAodGhpcy5wcm9wZXJ0aWVzKSB7XG5cdFx0XHRcdGNvbnRyb2xzW2tleV0gPSBleHRyYWN0VmFsdWUodGhpcy5wcm9wZXJ0aWVzW2tleV0/LmRlZmF1bHQgPz8gJ3VuZGVmaW5lZCcpO1xuXHRcdFx0fVxuXG5cdFx0XHRyZXR1cm4gY29udHJvbHM7XG5cdFx0fSwge30gYXMgUmVjb3JkPEssIE5nRG9jRXh0cmFjdGVkVmFsdWU+KTtcblx0fVxuXG5cdHByaXZhdGUgZ2V0Q29udGVudEZvcm1WYWx1ZXMoKTogUmVjb3JkPHN0cmluZywgYm9vbGVhbj4ge1xuXHRcdHJldHVybiBvYmplY3RLZXlzKHRoaXMuY29uZmlndXJhdGlvbj8uY29udGVudCA/PyB7fSkucmVkdWNlKFxuXHRcdFx0KGNvbnRyb2xzOiBSZWNvcmQ8c3RyaW5nLCBib29sZWFuPiwga2V5OiBzdHJpbmcpID0+IHtcblx0XHRcdFx0aWYgKHRoaXMuY29uZmlndXJhdGlvbj8uY29udGVudCkge1xuXHRcdFx0XHRcdGNvbnRyb2xzW2tleV0gPSBmYWxzZTtcblx0XHRcdFx0fVxuXG5cdFx0XHRcdHJldHVybiBjb250cm9scztcblx0XHRcdH0sXG5cdFx0XHR7fSBhcyBSZWNvcmQ8a2V5b2YgVCwgYm9vbGVhbj4sXG5cdFx0KTtcblx0XHRyZXR1cm4ge307XG5cdH1cblxuXHRyZXNldEZvcm0oKTogdm9pZCB7XG5cdFx0dGhpcy5mb3JtR3JvdXA/LnJlc2V0KHtcblx0XHRcdHByb3BlcnRpZXM6IHRoaXMuZ2V0UHJvcGVydGllc0Zvcm1WYWx1ZXMoKSxcblx0XHRcdGNvbnRlbnQ6IHRoaXMuZ2V0Q29udGVudEZvcm1WYWx1ZXMoKSxcblx0XHR9KTtcblx0fVxufVxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cImNvbmZpZ3VyYXRpb25cIj5cblx0PG5nLWRvYy1wbGF5Z3JvdW5kLXByb3BlcnRpZXNcblx0XHRbZm9ybV09XCJmb3JtR3JvdXBcIlxuXHRcdFtwcm9wZXJ0aWVzXT1cInByb3BlcnRpZXNcIlxuXHRcdFtkeW5hbWljQ29udGVudF09XCJjb25maWd1cmF0aW9uLmNvbnRlbnRcIlxuXHRcdFsocmVjcmVhdGVEZW1vKV09XCJyZWNyZWF0ZURlbW9cIlxuXHRcdChyZXNldEZvcm0pPVwicmVzZXRGb3JtKClcIlxuXHQ+XG5cdFx0PG5nLWRvYy1wbGF5Z3JvdW5kLWRlbW9cblx0XHRcdCpuZ0Zvcj1cImxldCBzZWxlY3RvciBvZiBjb25maWd1cmF0aW9uLnNlbGVjdG9ycyA/PyBzZWxlY3RvcnMgfCBhc0FycmF5XCJcblx0XHRcdFtpZF09XCJpZFwiXG5cdFx0XHRbc2VsZWN0b3JdPVwic2VsZWN0b3JcIlxuXHRcdFx0W3Byb3BlcnRpZXNdPVwicHJvcGVydGllc1wiXG5cdFx0XHRbY29uZmlndXJhdGlvbl09XCJjb25maWd1cmF0aW9uXCJcblx0XHRcdFtyZWNyZWF0ZURlbW9dPVwicmVjcmVhdGVEZW1vXCJcblx0XHRcdFtmb3JtXT1cImZvcm1Hcm91cFwiXG5cdFx0PlxuXHRcdDwvbmctZG9jLXBsYXlncm91bmQtZGVtbz5cblx0PC9uZy1kb2MtcGxheWdyb3VuZC1wcm9wZXJ0aWVzPlxuPC9uZy1jb250YWluZXI+XG4iXX0=

package/esm2022/components/playground/playground.module.mjs

@@ -0,0 +1,86 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { NgDocDemoDisplayerModule } from '@ng-doc/app/components/demo-displayer';
+import { NgDocAsArrayModule, NgDocBindModule, NgDocButtonIconModule, NgDocButtonModule, NgDocCheckboxModule, NgDocIconModule, NgDocLabelModule, NgDocRunModule, NgDocTextModule, NgDocTooltipModule, } from '@ng-doc/ui-kit';
+import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
+import { NgDocPlaygroundComponent } from './playground.component';
+import { NgDocPlaygroundDemoComponent } from './playground-demo/playground-demo.component';
+import { NgDocPlaygroundPropertiesComponent } from './playground-properties/playground-properties.component';
+import { NgDocPlaygroundPropertyComponent } from './playground-property/playground-property.component';
+import * as i0 from "@angular/core";
+class NgDocPlaygroundModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocPlaygroundModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: NgDocPlaygroundModule, declarations: [NgDocPlaygroundComponent,
+            NgDocPlaygroundPropertyComponent,
+            NgDocPlaygroundPropertiesComponent,
+            NgDocPlaygroundDemoComponent], imports: [CommonModule,
+            ReactiveFormsModule,
+            NgDocLabelModule,
+            NgDocTooltipModule,
+            PolymorpheusModule,
+            NgDocAsArrayModule,
+            NgDocButtonIconModule,
+            NgDocIconModule,
+            NgDocTextModule,
+            NgDocCheckboxModule,
+            FormsModule,
+            NgDocButtonModule,
+            NgDocDemoDisplayerModule,
+            NgDocBindModule,
+            NgDocRunModule], exports: [NgDocPlaygroundComponent,
+            NgDocPlaygroundPropertyComponent,
+            NgDocPlaygroundPropertiesComponent,
+            NgDocPlaygroundDemoComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocPlaygroundModule, imports: [CommonModule,
+            ReactiveFormsModule,
+            NgDocLabelModule,
+            NgDocTooltipModule,
+            PolymorpheusModule,
+            NgDocAsArrayModule,
+            NgDocButtonIconModule,
+            NgDocIconModule,
+            NgDocTextModule,
+            NgDocCheckboxModule,
+            FormsModule,
+            NgDocButtonModule,
+            NgDocDemoDisplayerModule,
+            NgDocBindModule,
+            NgDocRunModule] }); }
+}
+export { NgDocPlaygroundModule };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocPlaygroundModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        NgDocPlaygroundComponent,
+                        NgDocPlaygroundPropertyComponent,
+                        NgDocPlaygroundPropertiesComponent,
+                        NgDocPlaygroundDemoComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        NgDocLabelModule,
+                        NgDocTooltipModule,
+                        PolymorpheusModule,
+                        NgDocAsArrayModule,
+                        NgDocButtonIconModule,
+                        NgDocIconModule,
+                        NgDocTextModule,
+                        NgDocCheckboxModule,
+                        FormsModule,
+                        NgDocButtonModule,
+                        NgDocDemoDisplayerModule,
+                        NgDocBindModule,
+                        NgDocRunModule,
+                    ],
+                    exports: [
+                        NgDocPlaygroundComponent,
+                        NgDocPlaygroundPropertyComponent,
+                        NgDocPlaygroundPropertiesComponent,
+                        NgDocPlaygroundDemoComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGxheWdyb3VuZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3BsYXlncm91bmQvcGxheWdyb3VuZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLFdBQVcsRUFBRSxtQkFBbUIsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQ2hFLE9BQU8sRUFBQyx3QkFBd0IsRUFBQyxNQUFNLHVDQUF1QyxDQUFDO0FBQy9FLE9BQU8sRUFDTixrQkFBa0IsRUFBRSxlQUFlLEVBQ25DLHFCQUFxQixFQUNyQixpQkFBaUIsRUFDakIsbUJBQW1CLEVBQ25CLGVBQWUsRUFDZixnQkFBZ0IsRUFBRSxjQUFjLEVBQ2hDLGVBQWUsRUFDZixrQkFBa0IsR0FDbEIsTUFBTSxnQkFBZ0IsQ0FBQztBQUN4QixPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUU1RCxPQUFPLEVBQUMsd0JBQXdCLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUNoRSxPQUFPLEVBQUMsNEJBQTRCLEVBQUMsTUFBTSw2Q0FBNkMsQ0FBQztBQUN6RixPQUFPLEVBQUMsa0NBQWtDLEVBQUMsTUFBTSx5REFBeUQsQ0FBQztBQUMzRyxPQUFPLEVBQUMsZ0NBQWdDLEVBQUMsTUFBTSxxREFBcUQsQ0FBQzs7QUFFckcsTUErQmEscUJBQXFCOzhHQUFyQixxQkFBcUI7K0dBQXJCLHFCQUFxQixpQkE3QmhDLHdCQUF3QjtZQUN4QixnQ0FBZ0M7WUFDaEMsa0NBQWtDO1lBQ2xDLDRCQUE0QixhQUc1QixZQUFZO1lBQ1osbUJBQW1CO1lBQ25CLGdCQUFnQjtZQUNoQixrQkFBa0I7WUFDbEIsa0JBQWtCO1lBQ2xCLGtCQUFrQjtZQUNsQixxQkFBcUI7WUFDckIsZUFBZTtZQUNmLGVBQWU7WUFDZixtQkFBbUI7WUFDbkIsV0FBVztZQUNYLGlCQUFpQjtZQUNqQix3QkFBd0I7WUFDeEIsZUFBZTtZQUNmLGNBQWMsYUFHZCx3QkFBd0I7WUFDeEIsZ0NBQWdDO1lBQ2hDLGtDQUFrQztZQUNsQyw0QkFBNEI7K0dBR2pCLHFCQUFxQixZQXZCaEMsWUFBWTtZQUNaLG1CQUFtQjtZQUNuQixnQkFBZ0I7WUFDaEIsa0JBQWtCO1lBQ2xCLGtCQUFrQjtZQUNsQixrQkFBa0I7WUFDbEIscUJBQXFCO1lBQ3JCLGVBQWU7WUFDZixlQUFlO1lBQ2YsbUJBQW1CO1lBQ25CLFdBQVc7WUFDWCxpQkFBaUI7WUFDakIsd0JBQXdCO1lBQ3hCLGVBQWU7WUFDZixjQUFjOztTQVNILHFCQUFxQjsyRkFBckIscUJBQXFCO2tCQS9CakMsUUFBUTttQkFBQztvQkFDVCxZQUFZLEVBQUU7d0JBQ2Isd0JBQXdCO3dCQUN4QixnQ0FBZ0M7d0JBQ2hDLGtDQUFrQzt3QkFDbEMsNEJBQTRCO3FCQUM1QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1IsWUFBWTt3QkFDWixtQkFBbUI7d0JBQ25CLGdCQUFnQjt3QkFDaEIsa0JBQWtCO3dCQUNsQixrQkFBa0I7d0JBQ2xCLGtCQUFrQjt3QkFDbEIscUJBQXFCO3dCQUNyQixlQUFlO3dCQUNmLGVBQWU7d0JBQ2YsbUJBQW1CO3dCQUNuQixXQUFXO3dCQUNYLGlCQUFpQjt3QkFDakIsd0JBQXdCO3dCQUN4QixlQUFlO3dCQUNmLGNBQWM7cUJBQ2Q7b0JBQ0QsT0FBTyxFQUFFO3dCQUNSLHdCQUF3Qjt3QkFDeEIsZ0NBQWdDO3dCQUNoQyxrQ0FBa0M7d0JBQ2xDLDRCQUE0QjtxQkFDNUI7aUJBQ0QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHtOZ0RvY0RlbW9EaXNwbGF5ZXJNb2R1bGV9IGZyb20gJ0BuZy1kb2MvYXBwL2NvbXBvbmVudHMvZGVtby1kaXNwbGF5ZXInO1xuaW1wb3J0IHtcblx0TmdEb2NBc0FycmF5TW9kdWxlLCBOZ0RvY0JpbmRNb2R1bGUsXG5cdE5nRG9jQnV0dG9uSWNvbk1vZHVsZSxcblx0TmdEb2NCdXR0b25Nb2R1bGUsXG5cdE5nRG9jQ2hlY2tib3hNb2R1bGUsXG5cdE5nRG9jSWNvbk1vZHVsZSxcblx0TmdEb2NMYWJlbE1vZHVsZSwgTmdEb2NSdW5Nb2R1bGUsXG5cdE5nRG9jVGV4dE1vZHVsZSxcblx0TmdEb2NUb29sdGlwTW9kdWxlLFxufSBmcm9tICdAbmctZG9jL3VpLWtpdCc7XG5pbXBvcnQge1BvbHltb3JwaGV1c01vZHVsZX0gZnJvbSAnQHRpbmtvZmYvbmctcG9seW1vcnBoZXVzJztcblxuaW1wb3J0IHtOZ0RvY1BsYXlncm91bmRDb21wb25lbnR9IGZyb20gJy4vcGxheWdyb3VuZC5jb21wb25lbnQnO1xuaW1wb3J0IHtOZ0RvY1BsYXlncm91bmREZW1vQ29tcG9uZW50fSBmcm9tICcuL3BsYXlncm91bmQtZGVtby9wbGF5Z3JvdW5kLWRlbW8uY29tcG9uZW50JztcbmltcG9ydCB7TmdEb2NQbGF5Z3JvdW5kUHJvcGVydGllc0NvbXBvbmVudH0gZnJvbSAnLi9wbGF5Z3JvdW5kLXByb3BlcnRpZXMvcGxheWdyb3VuZC1wcm9wZXJ0aWVzLmNvbXBvbmVudCc7XG5pbXBvcnQge05nRG9jUGxheWdyb3VuZFByb3BlcnR5Q29tcG9uZW50fSBmcm9tICcuL3BsYXlncm91bmQtcHJvcGVydHkvcGxheWdyb3VuZC1wcm9wZXJ0eS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuXHRkZWNsYXJhdGlvbnM6IFtcblx0XHROZ0RvY1BsYXlncm91bmRDb21wb25lbnQsXG5cdFx0TmdEb2NQbGF5Z3JvdW5kUHJvcGVydHlDb21wb25lbnQsXG5cdFx0TmdEb2NQbGF5Z3JvdW5kUHJvcGVydGllc0NvbXBvbmVudCxcblx0XHROZ0RvY1BsYXlncm91bmREZW1vQ29tcG9uZW50LFxuXHRdLFxuXHRpbXBvcnRzOiBbXG5cdFx0Q29tbW9uTW9kdWxlLFxuXHRcdFJlYWN0aXZlRm9ybXNNb2R1bGUsXG5cdFx0TmdEb2NMYWJlbE1vZHVsZSxcblx0XHROZ0RvY1Rvb2x0aXBNb2R1bGUsXG5cdFx0UG9seW1vcnBoZXVzTW9kdWxlLFxuXHRcdE5nRG9jQXNBcnJheU1vZHVsZSxcblx0XHROZ0RvY0J1dHRvbkljb25Nb2R1bGUsXG5cdFx0TmdEb2NJY29uTW9kdWxlLFxuXHRcdE5nRG9jVGV4dE1vZHVsZSxcblx0XHROZ0RvY0NoZWNrYm94TW9kdWxlLFxuXHRcdEZvcm1zTW9kdWxlLFxuXHRcdE5nRG9jQnV0dG9uTW9kdWxlLFxuXHRcdE5nRG9jRGVtb0Rpc3BsYXllck1vZHVsZSxcblx0XHROZ0RvY0JpbmRNb2R1bGUsXG5cdFx0TmdEb2NSdW5Nb2R1bGUsXG5cdF0sXG5cdGV4cG9ydHM6IFtcblx0XHROZ0RvY1BsYXlncm91bmRDb21wb25lbnQsXG5cdFx0TmdEb2NQbGF5Z3JvdW5kUHJvcGVydHlDb21wb25lbnQsXG5cdFx0TmdEb2NQbGF5Z3JvdW5kUHJvcGVydGllc0NvbXBvbmVudCxcblx0XHROZ0RvY1BsYXlncm91bmREZW1vQ29tcG9uZW50LFxuXHRdLFxufSlcbmV4cG9ydCBjbGFzcyBOZ0RvY1BsYXlncm91bmRNb2R1bGUge31cbiJdfQ==

package/esm2022/components/root/root.component.mjs

@@ -0,0 +1,116 @@
+import { __decorate, __metadata } from "tslib";
+import { ChangeDetectionStrategy, Component, Directive, HostBinding, Input, ViewChild, } from '@angular/core';
+import { NgDocSidebarService } from '@ng-doc/app/services/sidebar';
+import { NgDocSidenavComponent } from '@ng-doc/ui-kit';
+import { UntilDestroy } from '@ngneat/until-destroy';
+import { combineLatest, merge, NEVER, of } from 'rxjs';
+import { delay, filter, map, mapTo, startWith } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "@ng-doc/app/services/sidebar";
+import * as i2 from "@angular/common";
+import * as i3 from "@ng-doc/ui-kit";
+import * as i4 from "@tinkoff/ng-polymorpheus";
+/**
+ * Directive uses for providing custom navbar, you should mark element with this directive
+ * and the `NgDocRootComponent` will use it as a navbar
+ *
+ * ```html
+ * <ng-doc-root>
+ *     <my-custom-navbar ngDocCustomNavbar></my-custom-navbar>
+ *
+ *     <ng-doc-sidebar></ng-doc-sidebar>
+ *     <router-outlet></router-outlet>
+ * </ng-doc-root>
+ * ```
+ */
+class NgDocCustomNavbarDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocCustomNavbarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: NgDocCustomNavbarDirective, selector: "[ngDocCustomNavbar]", ngImport: i0 }); }
+}
+export { NgDocCustomNavbarDirective };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocCustomNavbarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngDocCustomNavbar]',
+                }]
+        }] });
+/**
+ * Directive uses for providing custom sidebar, you should mark element with this directive
+ * and the `NgDocRootComponent` will use it as a sidebar
+ *
+ * ```html
+ * <ng-doc-root>
+ *     <ng-doc-navbar></ng-doc-sidebar>
+ *
+ *     <my-custom-sidebar ngDocCustomSidebar></my-custom-sidebar>
+ *     <router-outlet></router-outlet>
+ * </ng-doc-root>
+ * ```
+ */
+class NgDocCustomSidebarDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocCustomSidebarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: NgDocCustomSidebarDirective, selector: "[ngDocCustomSidebar]", ngImport: i0 }); }
+}
+export { NgDocCustomSidebarDirective };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocCustomSidebarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngDocCustomSidebar]',
+                }]
+        }] });
+let NgDocRootComponent = class NgDocRootComponent {
+    constructor(sidebarService) {
+        this.sidebarService = sidebarService;
+        /**
+         * If `true` then the sidebar will be shown
+         * You can use it for example for landing page to hide sidebar
+         */
+        this.sidebar = true;
+        /**
+         * Content for footer
+         */
+        this.footerContent = '';
+        /**
+         * If `true` then page will be shown without width limit.
+         * You can use it for example for landing page
+         */
+        this.noWidthLimit = false;
+        this.sidenavState$ = NEVER;
+    }
+    ngAfterViewInit() {
+        this.sidenavState$ = combineLatest([
+            this.sidebarService.isMobileMode(),
+            this.sidenav
+                ? merge(this.sidenav.beforeOpen.pipe(mapTo(true)), this.sidenav.afterClose.pipe(mapTo(false))).pipe(startWith(false))
+                : of(true),
+        ]).pipe(filter(([isMobile, opened]) => !opened || (opened && !isMobile)), map(([isMobile]) => ({
+            over: isMobile,
+            align: (isMobile ? 'right' : 'left'),
+            hasBackdrop: isMobile,
+        })), delay(0));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocRootComponent, deps: [{ token: i1.NgDocSidebarService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocRootComponent, selector: "ng-doc-root", inputs: { sidebar: "sidebar", footerContent: "footerContent", noWidthLimit: "noWidthLimit" }, host: { properties: { "attr.data-ng-doc-no-width-limit": "this.noWidthLimit" } }, providers: [], viewQueries: [{ propertyName: "sidenav", first: true, predicate: NgDocSidenavComponent, descendants: true }], ngImport: i0, template: "<ng-container *ngDocLet=\"!!(sidebarService.isMobileMode() | async) as isMobileMode\">\n\t<div class=\"ng-doc-root-wrapper\" [class.collapsable]=\"isMobileMode\">\n\t\t<div class=\"ng-doc-header\">\n\t\t\t<ng-content select=\"ng-doc-navbar\"></ng-content>\n\t\t\t<ng-content select=\"[ngDocCustomNavbar]\"></ng-content>\n\t\t</div>\n\t\t<main *ngDocLet=\"sidebar && !!(sidebarService.isExpanded() | async) as opened\">\n\t\t\t<ng-doc-sidenav\n\t\t\t\t*ngDocLet=\"sidenavState$ | async as sidenavState\"\n\t\t\t\t[sidebar]=\"sidebarContent\"\n\t\t\t\t[opened]=\"opened\"\n\t\t\t\t[over]=\"sidenavState?.over ?? false\"\n\t\t\t\t[align]=\"sidenavState?.align ?? 'left'\"\n\t\t\t\t[hasBackdrop]=\"sidenavState?.hasBackdrop ?? false\"\n\t\t\t\t(closeEvent)=\"sidebarService.hide()\"\n\t\t\t>\n\t\t\t\t<ng-template #sidebarContent>\n\t\t\t\t\t<ng-content select=\"ng-doc-sidebar\"></ng-content>\n\t\t\t\t\t<ng-content select=\"[ngDocCustomSidebar]\"></ng-content>\n\t\t\t\t</ng-template>\n\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</ng-doc-sidenav>\n\t\t</main>\n\t\t<footer *ngIf=\"footerContent\">\n\t\t\t<ng-container *polymorpheusOutlet=\"footerContent as text\"> {{ text }} </ng-container>\n\t\t</footer>\n\t</div>\n</ng-container>\n", styles: [":host[data-ng-doc-no-width-limit=true] .ng-doc-root-wrapper main{max-width:none}:host .ng-doc-root-wrapper main{display:flex;width:100%;margin-left:auto;margin-right:auto;max-width:var(--ng-doc-app-max-width);padding:var(--ng-doc-main-padding);--ng-doc-sidenav-top: var(--ng-doc-navbar-height);--ng-doc-sidenav-width: var(--ng-doc-sidebar-width);--ng-doc-sidenav-content-padding: var(--ng-doc-page-padding)}:host .ng-doc-root-wrapper .ng-doc-header{position:fixed;top:0;height:var(--ng-doc-navbar-height);width:100%;z-index:10}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.NgDocSidenavComponent, selector: "ng-doc-sidenav", inputs: ["sidebar", "align", "over", "opened", "hasBackdrop"], outputs: ["openedChange", "closeEvent", "beforeOpen", "beforeClose", "afterOpen", "afterClose"] }, { kind: "directive", type: i3.NgDocLetDirective, selector: "[ngDocLet]", inputs: ["ngDocLet"] }, { kind: "directive", type: i4.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+NgDocRootComponent = __decorate([
+    UntilDestroy(),
+    __metadata("design:paramtypes", [NgDocSidebarService])
+], NgDocRootComponent);
+export { NgDocRootComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocRootComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng-doc-root', providers: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngDocLet=\"!!(sidebarService.isMobileMode() | async) as isMobileMode\">\n\t<div class=\"ng-doc-root-wrapper\" [class.collapsable]=\"isMobileMode\">\n\t\t<div class=\"ng-doc-header\">\n\t\t\t<ng-content select=\"ng-doc-navbar\"></ng-content>\n\t\t\t<ng-content select=\"[ngDocCustomNavbar]\"></ng-content>\n\t\t</div>\n\t\t<main *ngDocLet=\"sidebar && !!(sidebarService.isExpanded() | async) as opened\">\n\t\t\t<ng-doc-sidenav\n\t\t\t\t*ngDocLet=\"sidenavState$ | async as sidenavState\"\n\t\t\t\t[sidebar]=\"sidebarContent\"\n\t\t\t\t[opened]=\"opened\"\n\t\t\t\t[over]=\"sidenavState?.over ?? false\"\n\t\t\t\t[align]=\"sidenavState?.align ?? 'left'\"\n\t\t\t\t[hasBackdrop]=\"sidenavState?.hasBackdrop ?? false\"\n\t\t\t\t(closeEvent)=\"sidebarService.hide()\"\n\t\t\t>\n\t\t\t\t<ng-template #sidebarContent>\n\t\t\t\t\t<ng-content select=\"ng-doc-sidebar\"></ng-content>\n\t\t\t\t\t<ng-content select=\"[ngDocCustomSidebar]\"></ng-content>\n\t\t\t\t</ng-template>\n\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</ng-doc-sidenav>\n\t\t</main>\n\t\t<footer *ngIf=\"footerContent\">\n\t\t\t<ng-container *polymorpheusOutlet=\"footerContent as text\"> {{ text }} </ng-container>\n\t\t</footer>\n\t</div>\n</ng-container>\n", styles: [":host[data-ng-doc-no-width-limit=true] .ng-doc-root-wrapper main{max-width:none}:host .ng-doc-root-wrapper main{display:flex;width:100%;margin-left:auto;margin-right:auto;max-width:var(--ng-doc-app-max-width);padding:var(--ng-doc-main-padding);--ng-doc-sidenav-top: var(--ng-doc-navbar-height);--ng-doc-sidenav-width: var(--ng-doc-sidebar-width);--ng-doc-sidenav-content-padding: var(--ng-doc-page-padding)}:host .ng-doc-root-wrapper .ng-doc-header{position:fixed;top:0;height:var(--ng-doc-navbar-height);width:100%;z-index:10}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.NgDocSidebarService }]; }, propDecorators: { sidebar: [{
+                type: Input
+            }], footerContent: [{
+                type: Input
+            }], noWidthLimit: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-ng-doc-no-width-limit']
+            }], sidenav: [{
+                type: ViewChild,
+                args: [NgDocSidenavComponent]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm9vdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3Jvb3Qvcm9vdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3Jvb3Qvcm9vdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUVOLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsU0FBUyxFQUNULFdBQVcsRUFDWCxLQUFLLEVBQ0wsU0FBUyxHQUNULE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLDhCQUE4QixDQUFDO0FBQ2pFLE9BQU8sRUFBcUMscUJBQXFCLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUN6RixPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0sdUJBQXVCLENBQUM7QUFDbkQsT0FBTyxFQUFDLGFBQWEsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFjLEVBQUUsRUFBQyxNQUFNLE1BQU0sQ0FBQztBQUNqRSxPQUFPLEVBQUMsS0FBSyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBTSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7QUFFekU7Ozs7Ozs7Ozs7OztHQVlHO0FBQ0gsTUFHYSwwQkFBMEI7OEdBQTFCLDBCQUEwQjtrR0FBMUIsMEJBQTBCOztTQUExQiwwQkFBMEI7MkZBQTFCLDBCQUEwQjtrQkFIdEMsU0FBUzttQkFBQztvQkFDVixRQUFRLEVBQUUscUJBQXFCO2lCQUMvQjs7QUFHRDs7Ozs7Ozs7Ozs7O0dBWUc7QUFDSCxNQUdhLDJCQUEyQjs4R0FBM0IsMkJBQTJCO2tHQUEzQiwyQkFBMkI7O1NBQTNCLDJCQUEyQjsyRkFBM0IsMkJBQTJCO2tCQUh2QyxTQUFTO21CQUFDO29CQUNWLFFBQVEsRUFBRSxzQkFBc0I7aUJBQ2hDOztBQUdELElBUWEsa0JBQWtCLEdBUi9CLE1BUWEsa0JBQWtCO0lBK0I5QixZQUErQixjQUFtQztRQUFuQyxtQkFBYyxHQUFkLGNBQWMsQ0FBcUI7UUE5QmxFOzs7V0FHRztRQUVILFlBQU8sR0FBWSxJQUFJLENBQUM7UUFFeEI7O1dBRUc7UUFFSCxrQkFBYSxHQUFpQixFQUFFLENBQUM7UUFFakM7OztXQUdHO1FBR0gsaUJBQVksR0FBWSxLQUFLLENBQUM7UUFLcEIsa0JBQWEsR0FJbEIsS0FBSyxDQUFDO0lBRTBELENBQUM7SUFFdEUsZUFBZTtRQUNkLElBQUksQ0FBQyxhQUFhLEdBQUcsYUFBYSxDQUFDO1lBQ2xDLElBQUksQ0FBQyxjQUFjLENBQUMsWUFBWSxFQUFFO1lBQ2xDLElBQUksQ0FBQyxPQUFPO2dCQUNYLENBQUMsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FDakcsU0FBUyxDQUFDLEtBQUssQ0FBQyxDQUNmO2dCQUNILENBQUMsQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDO1NBQ1gsQ0FBQyxDQUFDLElBQUksQ0FDTixNQUFNLENBQUMsQ0FBQyxDQUFDLFFBQVEsRUFBRSxNQUFNLENBQXFCLEVBQUUsRUFBRSxDQUFDLENBQUMsTUFBTSxJQUFJLENBQUMsTUFBTSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsRUFDcEYsR0FBRyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQXFCLEVBQUUsRUFBRSxDQUFDLENBQUM7WUFDeEMsSUFBSSxFQUFFLFFBQVE7WUFDZCxLQUFLLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUF5QjtZQUM1RCxXQUFXLEVBQUUsUUFBUTtTQUNyQixDQUFDLENBQUMsRUFDSCxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQ1IsQ0FBQztJQUNILENBQUM7OEdBbERXLGtCQUFrQjtrR0FBbEIsa0JBQWtCLHNOQUpuQixFQUFFLG1FQTBCRixxQkFBcUIsZ0RDakZqQyxvdENBNkJBOztBRDhCYSxrQkFBa0I7SUFEOUIsWUFBWSxFQUFFO3FDQWdDaUMsbUJBQW1CO0dBL0J0RCxrQkFBa0IsQ0FtRDlCO1NBbkRZLGtCQUFrQjsyRkFBbEIsa0JBQWtCO2tCQVI5QixTQUFTOytCQUNDLGFBQWEsYUFHWixFQUFFLG1CQUNJLHVCQUF1QixDQUFDLE1BQU07MEdBUy9DLE9BQU87c0JBRE4sS0FBSztnQkFPTixhQUFhO3NCQURaLEtBQUs7Z0JBU04sWUFBWTtzQkFGWCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLGlDQUFpQztnQkFJOUMsT0FBTztzQkFETixTQUFTO3VCQUFDLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG5cdEFmdGVyVmlld0luaXQsXG5cdENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuXHRDb21wb25lbnQsXG5cdERpcmVjdGl2ZSxcblx0SG9zdEJpbmRpbmcsXG5cdElucHV0LFxuXHRWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtOZ0RvY1NpZGViYXJTZXJ2aWNlfSBmcm9tICdAbmctZG9jL2FwcC9zZXJ2aWNlcy9zaWRlYmFyJztcbmltcG9ydCB7TmdEb2NDb250ZW50LCBOZ0RvY0hvcml6b250YWxBbGlnbiwgTmdEb2NTaWRlbmF2Q29tcG9uZW50fSBmcm9tICdAbmctZG9jL3VpLWtpdCc7XG5pbXBvcnQge1VudGlsRGVzdHJveX0gZnJvbSAnQG5nbmVhdC91bnRpbC1kZXN0cm95JztcbmltcG9ydCB7Y29tYmluZUxhdGVzdCwgbWVyZ2UsIE5FVkVSLCBPYnNlcnZhYmxlLCBvZn0gZnJvbSAncnhqcyc7XG5pbXBvcnQge2RlbGF5LCBmaWx0ZXIsIG1hcCwgbWFwVG8sIHN0YXJ0V2l0aCwgdGFwfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbi8qKlxuICogRGlyZWN0aXZlIHVzZXMgZm9yIHByb3ZpZGluZyBjdXN0b20gbmF2YmFyLCB5b3Ugc2hvdWxkIG1hcmsgZWxlbWVudCB3aXRoIHRoaXMgZGlyZWN0aXZlXG4gKiBhbmQgdGhlIGBOZ0RvY1Jvb3RDb21wb25lbnRgIHdpbGwgdXNlIGl0IGFzIGEgbmF2YmFyXG4gKlxuICogYGBgaHRtbFxuICogPG5nLWRvYy1yb290PlxuICogICAgIDxteS1jdXN0b20tbmF2YmFyIG5nRG9jQ3VzdG9tTmF2YmFyPjwvbXktY3VzdG9tLW5hdmJhcj5cbiAqXG4gKiAgICAgPG5nLWRvYy1zaWRlYmFyPjwvbmctZG9jLXNpZGViYXI+XG4gKiAgICAgPHJvdXRlci1vdXRsZXQ+PC9yb3V0ZXItb3V0bGV0PlxuICogPC9uZy1kb2Mtcm9vdD5cbiAqIGBgYFxuICovXG5ARGlyZWN0aXZlKHtcblx0c2VsZWN0b3I6ICdbbmdEb2NDdXN0b21OYXZiYXJdJyxcbn0pXG5leHBvcnQgY2xhc3MgTmdEb2NDdXN0b21OYXZiYXJEaXJlY3RpdmUge31cblxuLyoqXG4gKiBEaXJlY3RpdmUgdXNlcyBmb3IgcHJvdmlkaW5nIGN1c3RvbSBzaWRlYmFyLCB5b3Ugc2hvdWxkIG1hcmsgZWxlbWVudCB3aXRoIHRoaXMgZGlyZWN0aXZlXG4gKiBhbmQgdGhlIGBOZ0RvY1Jvb3RDb21wb25lbnRgIHdpbGwgdXNlIGl0IGFzIGEgc2lkZWJhclxuICpcbiAqIGBgYGh0bWxcbiAqIDxuZy1kb2Mtcm9vdD5cbiAqICAgICA8bmctZG9jLW5hdmJhcj48L25nLWRvYy1zaWRlYmFyPlxuICpcbiAqICAgICA8bXktY3VzdG9tLXNpZGViYXIgbmdEb2NDdXN0b21TaWRlYmFyPjwvbXktY3VzdG9tLXNpZGViYXI+XG4gKiAgICAgPHJvdXRlci1vdXRsZXQ+PC9yb3V0ZXItb3V0bGV0PlxuICogPC9uZy1kb2Mtcm9vdD5cbiAqIGBgYFxuICovXG5ARGlyZWN0aXZlKHtcblx0c2VsZWN0b3I6ICdbbmdEb2NDdXN0b21TaWRlYmFyXScsXG59KVxuZXhwb3J0IGNsYXNzIE5nRG9jQ3VzdG9tU2lkZWJhckRpcmVjdGl2ZSB7fVxuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICduZy1kb2Mtcm9vdCcsXG5cdHRlbXBsYXRlVXJsOiAnLi9yb290LmNvbXBvbmVudC5odG1sJyxcblx0c3R5bGVVcmxzOiBbJy4vcm9vdC5jb21wb25lbnQuc2NzcyddLFxuXHRwcm92aWRlcnM6IFtdLFxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5AVW50aWxEZXN0cm95KClcbmV4cG9ydCBjbGFzcyBOZ0RvY1Jvb3RDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcblx0LyoqXG5cdCAqIElmIGB0cnVlYCB0aGVuIHRoZSBzaWRlYmFyIHdpbGwgYmUgc2hvd25cblx0ICogWW91IGNhbiB1c2UgaXQgZm9yIGV4YW1wbGUgZm9yIGxhbmRpbmcgcGFnZSB0byBoaWRlIHNpZGViYXJcblx0ICovXG5cdEBJbnB1dCgpXG5cdHNpZGViYXI6IGJvb2xlYW4gPSB0cnVlO1xuXG5cdC8qKlxuXHQgKiBDb250ZW50IGZvciBmb290ZXJcblx0ICovXG5cdEBJbnB1dCgpXG5cdGZvb3RlckNvbnRlbnQ6IE5nRG9jQ29udGVudCA9ICcnO1xuXG5cdC8qKlxuXHQgKiBJZiBgdHJ1ZWAgdGhlbiBwYWdlIHdpbGwgYmUgc2hvd24gd2l0aG91dCB3aWR0aCBsaW1pdC5cblx0ICogWW91IGNhbiB1c2UgaXQgZm9yIGV4YW1wbGUgZm9yIGxhbmRpbmcgcGFnZVxuXHQgKi9cblx0QElucHV0KClcblx0QEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtbmctZG9jLW5vLXdpZHRoLWxpbWl0Jylcblx0bm9XaWR0aExpbWl0OiBib29sZWFuID0gZmFsc2U7XG5cblx0QFZpZXdDaGlsZChOZ0RvY1NpZGVuYXZDb21wb25lbnQpXG5cdHNpZGVuYXY/OiBOZ0RvY1NpZGVuYXZDb21wb25lbnQ7XG5cblx0cHJvdGVjdGVkIHNpZGVuYXZTdGF0ZSQ6IE9ic2VydmFibGU8e1xuXHRcdG92ZXI6IGJvb2xlYW47XG5cdFx0YWxpZ246IE5nRG9jSG9yaXpvbnRhbEFsaWduO1xuXHRcdGhhc0JhY2tkcm9wOiBib29sZWFuO1xuXHR9PiA9IE5FVkVSO1xuXG5cdGNvbnN0cnVjdG9yKHByb3RlY3RlZCByZWFkb25seSBzaWRlYmFyU2VydmljZTogTmdEb2NTaWRlYmFyU2VydmljZSkge31cblxuXHRuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG5cdFx0dGhpcy5zaWRlbmF2U3RhdGUkID0gY29tYmluZUxhdGVzdChbXG5cdFx0XHR0aGlzLnNpZGViYXJTZXJ2aWNlLmlzTW9iaWxlTW9kZSgpLFxuXHRcdFx0dGhpcy5zaWRlbmF2XG5cdFx0XHRcdD8gbWVyZ2UodGhpcy5zaWRlbmF2LmJlZm9yZU9wZW4ucGlwZShtYXBUbyh0cnVlKSksIHRoaXMuc2lkZW5hdi5hZnRlckNsb3NlLnBpcGUobWFwVG8oZmFsc2UpKSkucGlwZShcblx0XHRcdFx0XHRcdHN0YXJ0V2l0aChmYWxzZSksXG5cdFx0XHRcdCAgKVxuXHRcdFx0XHQ6IG9mKHRydWUpLFxuXHRcdF0pLnBpcGUoXG5cdFx0XHRmaWx0ZXIoKFtpc01vYmlsZSwgb3BlbmVkXTogW2Jvb2xlYW4sIGJvb2xlYW5dKSA9PiAhb3BlbmVkIHx8IChvcGVuZWQgJiYgIWlzTW9iaWxlKSksXG5cdFx0XHRtYXAoKFtpc01vYmlsZV06IFtib29sZWFuLCBib29sZWFuXSkgPT4gKHtcblx0XHRcdFx0b3ZlcjogaXNNb2JpbGUsXG5cdFx0XHRcdGFsaWduOiAoaXNNb2JpbGUgPyAncmlnaHQnIDogJ2xlZnQnKSBhcyBOZ0RvY0hvcml6b250YWxBbGlnbixcblx0XHRcdFx0aGFzQmFja2Ryb3A6IGlzTW9iaWxlLFxuXHRcdFx0fSkpLFxuXHRcdFx0ZGVsYXkoMCksXG5cdFx0KTtcblx0fVxufVxuIiwiPG5nLWNvbnRhaW5lciAqbmdEb2NMZXQ9XCIhIShzaWRlYmFyU2VydmljZS5pc01vYmlsZU1vZGUoKSB8IGFzeW5jKSBhcyBpc01vYmlsZU1vZGVcIj5cblx0PGRpdiBjbGFzcz1cIm5nLWRvYy1yb290LXdyYXBwZXJcIiBbY2xhc3MuY29sbGFwc2FibGVdPVwiaXNNb2JpbGVNb2RlXCI+XG5cdFx0PGRpdiBjbGFzcz1cIm5nLWRvYy1oZWFkZXJcIj5cblx0XHRcdDxuZy1jb250ZW50IHNlbGVjdD1cIm5nLWRvYy1uYXZiYXJcIj48L25nLWNvbnRlbnQ+XG5cdFx0XHQ8bmctY29udGVudCBzZWxlY3Q9XCJbbmdEb2NDdXN0b21OYXZiYXJdXCI+PC9uZy1jb250ZW50PlxuXHRcdDwvZGl2PlxuXHRcdDxtYWluICpuZ0RvY0xldD1cInNpZGViYXIgJiYgISEoc2lkZWJhclNlcnZpY2UuaXNFeHBhbmRlZCgpIHwgYXN5bmMpIGFzIG9wZW5lZFwiPlxuXHRcdFx0PG5nLWRvYy1zaWRlbmF2XG5cdFx0XHRcdCpuZ0RvY0xldD1cInNpZGVuYXZTdGF0ZSQgfCBhc3luYyBhcyBzaWRlbmF2U3RhdGVcIlxuXHRcdFx0XHRbc2lkZWJhcl09XCJzaWRlYmFyQ29udGVudFwiXG5cdFx0XHRcdFtvcGVuZWRdPVwib3BlbmVkXCJcblx0XHRcdFx0W292ZXJdPVwic2lkZW5hdlN0YXRlPy5vdmVyID8/IGZhbHNlXCJcblx0XHRcdFx0W2FsaWduXT1cInNpZGVuYXZTdGF0ZT8uYWxpZ24gPz8gJ2xlZnQnXCJcblx0XHRcdFx0W2hhc0JhY2tkcm9wXT1cInNpZGVuYXZTdGF0ZT8uaGFzQmFja2Ryb3AgPz8gZmFsc2VcIlxuXHRcdFx0XHQoY2xvc2VFdmVudCk9XCJzaWRlYmFyU2VydmljZS5oaWRlKClcIlxuXHRcdFx0PlxuXHRcdFx0XHQ8bmctdGVtcGxhdGUgI3NpZGViYXJDb250ZW50PlxuXHRcdFx0XHRcdDxuZy1jb250ZW50IHNlbGVjdD1cIm5nLWRvYy1zaWRlYmFyXCI+PC9uZy1jb250ZW50PlxuXHRcdFx0XHRcdDxuZy1jb250ZW50IHNlbGVjdD1cIltuZ0RvY0N1c3RvbVNpZGViYXJdXCI+PC9uZy1jb250ZW50PlxuXHRcdFx0XHQ8L25nLXRlbXBsYXRlPlxuXG5cdFx0XHRcdDxuZy1jb250ZW50PjwvbmctY29udGVudD5cblx0XHRcdDwvbmctZG9jLXNpZGVuYXY+XG5cdFx0PC9tYWluPlxuXHRcdDxmb290ZXIgKm5nSWY9XCJmb290ZXJDb250ZW50XCI+XG5cdFx0XHQ8bmctY29udGFpbmVyICpwb2x5bW9ycGhldXNPdXRsZXQ9XCJmb290ZXJDb250ZW50IGFzIHRleHRcIj4ge3sgdGV4dCB9fSA8L25nLWNvbnRhaW5lcj5cblx0XHQ8L2Zvb3Rlcj5cblx0PC9kaXY+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==

package/esm2022/components/root/root.module.mjs

@@ -0,0 +1,21 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { NgDocLetModule, NgDocMediaQueryModule, NgDocSidenavModule } from '@ng-doc/ui-kit';
+import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
+import { NgDocCustomNavbarDirective, NgDocCustomSidebarDirective, NgDocRootComponent } from './root.component';
+import * as i0 from "@angular/core";
+class NgDocRootModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocRootModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: NgDocRootModule, declarations: [NgDocRootComponent, NgDocCustomNavbarDirective, NgDocCustomSidebarDirective], imports: [CommonModule, NgDocMediaQueryModule, NgDocSidenavModule, NgDocLetModule, PolymorpheusModule], exports: [NgDocRootComponent, NgDocCustomNavbarDirective, NgDocCustomSidebarDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocRootModule, imports: [CommonModule, NgDocMediaQueryModule, NgDocSidenavModule, NgDocLetModule, PolymorpheusModule] }); }
+}
+export { NgDocRootModule };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocRootModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NgDocRootComponent, NgDocCustomNavbarDirective, NgDocCustomSidebarDirective],
+                    imports: [CommonModule, NgDocMediaQueryModule, NgDocSidenavModule, NgDocLetModule, PolymorpheusModule],
+                    exports: [NgDocRootComponent, NgDocCustomNavbarDirective, NgDocCustomSidebarDirective],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm9vdC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3Jvb3Qvcm9vdC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLGNBQWMsRUFBRSxxQkFBcUIsRUFBRSxrQkFBa0IsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQ3pGLE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBRTVELE9BQU8sRUFBQywwQkFBMEIsRUFBRSwyQkFBMkIsRUFBRSxrQkFBa0IsRUFBQyxNQUFNLGtCQUFrQixDQUFDOztBQUU3RyxNQUthLGVBQWU7OEdBQWYsZUFBZTsrR0FBZixlQUFlLGlCQUpaLGtCQUFrQixFQUFFLDBCQUEwQixFQUFFLDJCQUEyQixhQUNoRixZQUFZLEVBQUUscUJBQXFCLEVBQUUsa0JBQWtCLEVBQUUsY0FBYyxFQUFFLGtCQUFrQixhQUMzRixrQkFBa0IsRUFBRSwwQkFBMEIsRUFBRSwyQkFBMkI7K0dBRXpFLGVBQWUsWUFIakIsWUFBWSxFQUFFLHFCQUFxQixFQUFFLGtCQUFrQixFQUFFLGNBQWMsRUFBRSxrQkFBa0I7O1NBR3pGLGVBQWU7MkZBQWYsZUFBZTtrQkFMM0IsUUFBUTttQkFBQztvQkFDVCxZQUFZLEVBQUUsQ0FBQyxrQkFBa0IsRUFBRSwwQkFBMEIsRUFBRSwyQkFBMkIsQ0FBQztvQkFDM0YsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLHFCQUFxQixFQUFFLGtCQUFrQixFQUFFLGNBQWMsRUFBRSxrQkFBa0IsQ0FBQztvQkFDdEcsT0FBTyxFQUFFLENBQUMsa0JBQWtCLEVBQUUsMEJBQTBCLEVBQUUsMkJBQTJCLENBQUM7aUJBQ3RGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TmdEb2NMZXRNb2R1bGUsIE5nRG9jTWVkaWFRdWVyeU1vZHVsZSwgTmdEb2NTaWRlbmF2TW9kdWxlfSBmcm9tICdAbmctZG9jL3VpLWtpdCc7XG5pbXBvcnQge1BvbHltb3JwaGV1c01vZHVsZX0gZnJvbSAnQHRpbmtvZmYvbmctcG9seW1vcnBoZXVzJztcblxuaW1wb3J0IHtOZ0RvY0N1c3RvbU5hdmJhckRpcmVjdGl2ZSwgTmdEb2NDdXN0b21TaWRlYmFyRGlyZWN0aXZlLCBOZ0RvY1Jvb3RDb21wb25lbnR9IGZyb20gJy4vcm9vdC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuXHRkZWNsYXJhdGlvbnM6IFtOZ0RvY1Jvb3RDb21wb25lbnQsIE5nRG9jQ3VzdG9tTmF2YmFyRGlyZWN0aXZlLCBOZ0RvY0N1c3RvbVNpZGViYXJEaXJlY3RpdmVdLFxuXHRpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBOZ0RvY01lZGlhUXVlcnlNb2R1bGUsIE5nRG9jU2lkZW5hdk1vZHVsZSwgTmdEb2NMZXRNb2R1bGUsIFBvbHltb3JwaGV1c01vZHVsZV0sXG5cdGV4cG9ydHM6IFtOZ0RvY1Jvb3RDb21wb25lbnQsIE5nRG9jQ3VzdG9tTmF2YmFyRGlyZWN0aXZlLCBOZ0RvY0N1c3RvbVNpZGViYXJEaXJlY3RpdmVdLFxufSlcbmV4cG9ydCBjbGFzcyBOZ0RvY1Jvb3RNb2R1bGUge31cbiJdfQ==

package/esm2022/components/search/search.component.mjs

@@ -0,0 +1,72 @@
+var NgDocSearchComponent_1;
+import { __decorate, __metadata } from "tslib";
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, HostBinding, Input, Optional, ViewChild, } from '@angular/core';
+import { NgDocSearchEngine } from '@ng-doc/app/classes/search-engine';
+import { observableState } from '@ng-doc/ui-kit';
+import { NgDocListHost } from '@ng-doc/ui-kit/classes';
+import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
+import { BehaviorSubject, NEVER } from 'rxjs';
+import { skip, switchMap } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "@ng-doc/app/classes/search-engine";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/router";
+import * as i5 from "@ng-doc/ui-kit";
+import * as i6 from "@ng-doc/app/pipes";
+let NgDocSearchComponent = NgDocSearchComponent_1 = class NgDocSearchComponent {
+    constructor(elementRef, changeDetectorRef, searchEngine) {
+        this.elementRef = elementRef;
+        this.changeDetectorRef = changeDetectorRef;
+        this.searchEngine = searchEngine;
+        this.mod = 'input';
+        this.searchTerm = '';
+        this.query$ = new BehaviorSubject('');
+        if (!this.searchEngine) {
+            throw new Error(`NgDoc: Search engine is not provided,
+			please check this article: https://ng-doc.com/getting-started/installation#importing-global-modules
+			to learn how to provide it.`);
+        }
+        this.search$ = this.query$.pipe(skip(1), switchMap((term) => this.searchEngine?.search(term).pipe(observableState()) ?? NEVER), untilDestroyed(this));
+    }
+    get listHostOrigin() {
+        return this.inputElement ?? this.elementRef;
+    }
+    getPositions(key, item) {
+        return item.positions[key] ?? [];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocSearchComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.NgDocSearchEngine, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocSearchComponent, selector: "ng-doc-search", inputs: { mod: "mod" }, host: { properties: { "attr.data-ng-doc-mod": "this.mod" } }, providers: [
+            {
+                provide: NgDocListHost,
+                useExisting: NgDocSearchComponent_1,
+            },
+        ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<ng-container *ngDocLet=\"search$ | async as state\">\n\t<ng-container *ngIf=\"mod === 'icon'; else searchInput\">\n\t\t<button ng-doc-button-icon size=\"large\" (click)=\"inputDropdown.toggle()\" ngDocDropdownOrigin>\n\t\t\t<ng-doc-icon icon=\"search\" [size]=\"24\"></ng-doc-icon>\n\n\t\t\t<ng-doc-dropdown\n\t\t\t\t[content]=\"dropdownContent\"\n\t\t\t\tpanelClass=\"ng-doc-search-dropdown\"\n\t\t\t\twidth=\"100%\"\n\t\t\t\theight=\"80vh\"\n\t\t\t\t#inputDropdown\n\t\t\t>\n\t\t\t\t<ng-template #dropdownContent>\n\t\t\t\t\t<div class=\"ng-doc-search-wrapper\">\n\t\t\t\t\t\t<ng-doc-input-wrapper [leftContent]=\"leftContent\" ngDocDropdownOrigin>\n\t\t\t\t\t\t\t<ng-template #leftContent>\n\t\t\t\t\t\t\t\t<ng-doc-icon icon=\"search\"></ng-doc-icon>\n\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\tngDocInputString\n\t\t\t\t\t\t\t\t[(ngModel)]=\"searchTerm\"\n\t\t\t\t\t\t\t\t(ngModelChange)=\"query$.next($event)\"\n\t\t\t\t\t\t\t\tplaceholder=\"Search...\"\n\t\t\t\t\t\t\t\tngDocAutofocus\n\t\t\t\t\t\t\t\t[selectAll]=\"true\"\n\t\t\t\t\t\t\t\t#inputElement\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ng-doc-input-wrapper>\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"searchResults\"></ng-container>\n\t\t\t\t\t</div>\n\t\t\t\t</ng-template>\n\t\t\t</ng-doc-dropdown>\n\t\t</button>\n\t</ng-container>\n\n\t<ng-template #searchInput>\n\t\t<ng-doc-input-wrapper\n\t\t\t[leftContent]=\"leftContent\"\n\t\t\t[rightContent]=\"rightContent\"\n\t\t\tngDocDropdownOrigin\n\t\t\tngDocFocusCatcher\n\t\t\t(focusEvent)=\"inputElement.value ? dropdown.open() : null\"\n\t\t\t(click)=\"inputElement.value ? dropdown.open() : null\"\n\t\t\t#input\n\t\t>\n\t\t\t<ng-template #leftContent>\n\t\t\t\t<ng-doc-icon icon=\"search\"></ng-doc-icon>\n\t\t\t</ng-template>\n\t\t\t<input\n\t\t\t\tngDocInputString\n\t\t\t\t[(ngModel)]=\"searchTerm\"\n\t\t\t\t(ngModelChange)=\"query$.next($event); dropdown.open()\"\n\t\t\t\tplaceholder=\"Search...\"\n\t\t\t\t[ngDocHotkey]=\"{ctrlKey: false, altKey: false, shiftKey: false, code: 'Slash'}\"\n\t\t\t\t(ngDocHotkey)=\"inputElement.focus(); inputElement.select()\"\n\t\t\t\t#inputElement\n\t\t\t/>\n\t\t\t<ng-template #rightContent>\n\t\t\t\t<ng-doc-tag class=\"search-hotkey\">/</ng-doc-tag>\n\t\t\t</ng-template>\n\t\t\t<ng-doc-dropdown\n\t\t\t\t[content]=\"searchResults\"\n\t\t\t\tpositions=\"bottom-right\"\n\t\t\t\t[width]=\"input.elementRef.nativeElement.offsetWidth\"\n\t\t\t\tmaxHeight=\"calc(95vh - var(--ng-doc-navbar-height)\"\n\t\t\t\t#dropdown\n\t\t\t>\n\t\t\t\t<\n\t\t\t</ng-doc-dropdown>\n\t\t</ng-doc-input-wrapper>\n\t</ng-template>\n\n\t<ng-template #searchResults>\n\t\t<div class=\"ng-doc-search-result-content\" [attr.data-ng-doc-mod]=\"mod\">\n\t\t\t<ng-doc-data-list [items]=\"state?.result ?? []\" [itemContent]=\"itemContent\" [emptyContent]=\"emptyContent\">\n\t\t\t\t<ng-template let-item #itemContent>\n\t\t\t\t\t<a class=\"ng-doc-search-option\" [routerLink]=\"item.index.route\" [fragment]=\"item.index.fragment\">\n\t\t\t\t\t\t<div class=\"ng-doc-search-option-header\">\n\t\t\t\t\t\t\t<ng-doc-tag size=\"small\" [attr.data-ng-doc-page-type]=\"item.index.pageType\">\n\t\t\t\t\t\t\t\t{{ item.index.pageType }}\n\t\t\t\t\t\t\t</ng-doc-tag>\n\t\t\t\t\t\t\t<span class=\"ng-doc-search-option-breadcrumbs\" ng-doc-text>\n\t\t\t\t\t\t\t\t<ng-container *ngFor=\"let breadcrum of item.index.breadcrumbs; let i = index\">\n\t\t\t\t\t\t\t\t\t<span>{{ breadcrum }}</span>\n\t\t\t\t\t\t\t\t\t<span class=\"ng-doc-search-option-breadcrumb-divider\" *ngIf=\"i !== item.index.breadcrumbs.length - 1\"\n\t\t\t\t\t\t\t\t\t\t>/</span\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<h5\n\t\t\t\t\t\t\tclass=\"ng-doc-search-section-title\"\n\t\t\t\t\t\t\tng-doc-text\n\t\t\t\t\t\t\t[innerHTML]=\"\n\t\t\t\t\t\t\t\t(item.index.section\n\t\t\t\t\t\t\t\t\t| ngDocHighlighterPipe: (getPositions | ngDocRun: 'section':item)\n\t\t\t\t\t\t\t\t\t| ngDocSanitizeHtml) || item.index.title\n\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t></h5>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t*ngIf=\"item.index.content\"\n\t\t\t\t\t\t\tclass=\"ng-doc-search-content\"\n\t\t\t\t\t\t\t[innerHTML]=\"\n\t\t\t\t\t\t\t\titem.index.content | ngDocHighlighterPipe: (getPositions | ngDocRun: 'content':item) | ngDocSanitizeHtml\n\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\tng-doc-text\n\t\t\t\t\t\t></div>\n\t\t\t\t\t</a>\n\t\t\t\t</ng-template>\n\t\t\t\t<ng-template #emptyContent>\n\t\t\t\t\t<ng-container *ngIf=\"!state?.pending\">\n\t\t\t\t\t\t<div class=\"ng-doc-search-empty\">\n\t\t\t\t\t\t\t<ng-container *ngIf=\"query$.value.length\">Nothing found</ng-container>\n\t\t\t\t\t\t\t<ng-container *ngIf=\"!query$.value.length\">Please enter your search query</ng-container>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</ng-container>\n\t\t\t\t\t<ng-container *ngIf=\"state?.pending\">\n\t\t\t\t\t\t<div class=\"ng-doc-search-progress\">\n\t\t\t\t\t\t\t<ng-doc-spinner size=\"small\"></ng-doc-spinner>\n\t\t\t\t\t\t\tSearching...\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</ng-container>\n\t\t\t\t</ng-template>\n\t\t\t</ng-doc-data-list>\n\t\t</div>\n\t</ng-template>\n</ng-container>\n", styles: [":host{max-width:500px;--ng-doc-floated-border-radius: var(--ng-doc-base-gutter);--ng-doc-input-background-color: var(--ng-doc-base-1);--ng-doc-input-border: none;--ng-doc-input-border-hover: none;--ng-doc-icon-color: var(--ng-doc-base-8)}:host[data-ng-doc-mod=input]{width:480px}.ng-doc-search-result-content{height:100%;overflow:auto;--ng-doc-option-padding: 0}.ng-doc-search-result-content[data-ng-doc-mod=icon] .ng-doc-search-wrapper{padding:calc(var(--ng-doc-base-gutter) * 2) 0}.ng-doc-search-result-content[data-ng-doc-mod=icon] .ng-doc-search-option{padding:12px 16px}.ng-doc-search-wrapper{display:flex;flex-direction:column;height:100%;padding:calc(var(--ng-doc-base-gutter) * 2) 0}.ng-doc-search-wrapper ng-doc-input-wrapper{padding:0 calc(var(--ng-doc-base-gutter) * 2)}.ng-doc-search-wrapper .ng-doc-search-result-content{padding:0;margin-top:calc(var(--ng-doc-base-gutter) * 3)}.search-hotkey{display:flex;align-items:center;justify-content:center;width:calc(var(--ng-doc-base-gutter) * 3);height:calc(var(--ng-doc-base-gutter) * 3);margin-right:var(--ng-doc-base-gutter);--ng-doc-tag-border: 1px solid var(--ng-doc-base-7);--ng-doc-tag-color: var(--ng-doc-base-7);--ng-doc-tag-background: transparent}::ng-deep .ng-doc-search-dropdown{--ng-doc-overlay-border-radius: 0px !important}.ng-doc-search-option{display:block;padding:12px 36px;text-decoration:none}.ng-doc-search-option .ng-doc-search-option-header{display:flex;align-items:center}.ng-doc-search-option .ng-doc-search-option-header ng-doc-tag{text-transform:uppercase;margin-right:calc(var(--ng-doc-base-gutter) / 2);--ng-doc-font-weight: 900}.ng-doc-search-option .ng-doc-search-option-header ng-doc-tag[data-ng-doc-page-type=guide]{--ng-doc-tag-color: var(--ng-doc-guide-tag-color);--ng-doc-tag-background: var(--ng-doc-guide-tag-background)}.ng-doc-search-option .ng-doc-search-option-header ng-doc-tag[data-ng-doc-page-type=api]{--ng-doc-tag-color: var(--ng-doc-api-tag-color);--ng-doc-tag-background: var(--ng-doc-api-tag-background)}.ng-doc-search-option .ng-doc-search-option-header .ng-doc-search-option-breadcrumbs{--ng-doc-text: var(--ng-doc-text-muted);--ng-doc-font-size: 12px;--ng-doc-line-height: 16px;--ng-doc-font-weight: 600}.ng-doc-search-option .ng-doc-search-option-header .ng-doc-search-option-breadcrumbs .ng-doc-search-option-breadcrumb-divider{margin:0 6px}.ng-doc-search-option .ng-doc-search-section-title{display:block;color:var(--ng-doc-search-result-header-color, var(--ng-doc-text));--ng-doc-line-height: 20px;margin:4px 0}.ng-doc-search-option .ng-doc-search-content{display:block;color:var(--ng-doc-search-result-color, var(--ng-doc-text));--ng-doc-font-size: 14px;--ng-doc-line-height: 19px;--ng-doc-font-weight: 600}.ng-doc-search-empty{padding:0 22px}.ng-doc-search-progress{display:flex;align-items:center}.ng-doc-search-progress ng-doc-spinner{margin-right:var(--ng-doc-base-gutter)}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i5.NgDocInputWrapperComponent, selector: "ng-doc-input-wrapper", inputs: ["blurContent", "blurContext", "leftContent", "rightContent", "align"] }, { kind: "directive", type: i5.NgDocInputStringDirective, selector: "input[ngDocInputString]" }, { kind: "component", type: i5.NgDocDropdownComponent, selector: "ng-doc-dropdown", inputs: ["content", "origin", "closeIfOutsideClick", "closeIfInnerClick", "withArrow", "borderOffset", "panelClass", "contactBorder", "hasBackdrop", "positions", "minHeight", "maxHeight", "height", "minWidth", "maxWidth", "width"], outputs: ["beforeOpen", "afterOpen", "beforeClose", "afterClose"] }, { kind: "directive", type: i5.NgDocDropdownOriginDirective, selector: "[ngDocDropdownOrigin]", exportAs: ["ngDocDropdownOrigin"] }, { kind: "directive", type: i5.NgDocFocusCatcherDirective, selector: "[ngDocFocusCatcher]", outputs: ["focusEvent", "blurEvent"], exportAs: ["ngDocFocusCatcher"] }, { kind: "component", type: i5.NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "size"] }, { kind: "component", type: i5.NgDocButtonIconComponent, selector: "button[ng-doc-button-icon], a[ng-doc-button-icon]", inputs: ["size", "rounded"] }, { kind: "directive", type: i5.NgDocAutofocusDirective, selector: "[ngDocAutofocus]", inputs: ["selectAll"] }, { kind: "component", type: i5.NgDocTagComponent, selector: "ng-doc-tag", inputs: ["color", "size", "mod"] }, { kind: "directive", type: i5.NgDocHotkeyDirective, selector: "[ngDocHotkey]", inputs: ["ngDocHotkey"], outputs: ["ngDocHotkey"] }, { kind: "component", type: i5.NgDocDataListComponent, selector: "ng-doc-data-list", inputs: ["autofocus", "items", "itemContent", "emptyContent", "itemDisabledFn", "defineValueFn", "trackByFn"] }, { kind: "component", type: i5.NgDocTextComponent, selector: "[ng-doc-text]", inputs: ["size", "color", "align", "absoluteContent"] }, { kind: "directive", type: i5.NgDocLetDirective, selector: "[ngDocLet]", inputs: ["ngDocLet"] }, { kind: "component", type: i5.NgDocSpinnerComponent, selector: "ng-doc-spinner", inputs: ["size"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.NgDocHighlighterPipe, name: "ngDocHighlighterPipe" }, { kind: "pipe", type: i5.NgDocRunPipe, name: "ngDocRun" }, { kind: "pipe", type: i6.NgDocSanitizeHtmlPipe, name: "ngDocSanitizeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+NgDocSearchComponent = NgDocSearchComponent_1 = __decorate([
+    UntilDestroy(),
+    __metadata("design:paramtypes", [ElementRef,
+        ChangeDetectorRef,
+        NgDocSearchEngine])
+], NgDocSearchComponent);
+export { NgDocSearchComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocSearchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng-doc-search', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NgDocListHost,
+                            useExisting: NgDocSearchComponent,
+                        },
+                    ], template: "<ng-container *ngDocLet=\"search$ | async as state\">\n\t<ng-container *ngIf=\"mod === 'icon'; else searchInput\">\n\t\t<button ng-doc-button-icon size=\"large\" (click)=\"inputDropdown.toggle()\" ngDocDropdownOrigin>\n\t\t\t<ng-doc-icon icon=\"search\" [size]=\"24\"></ng-doc-icon>\n\n\t\t\t<ng-doc-dropdown\n\t\t\t\t[content]=\"dropdownContent\"\n\t\t\t\tpanelClass=\"ng-doc-search-dropdown\"\n\t\t\t\twidth=\"100%\"\n\t\t\t\theight=\"80vh\"\n\t\t\t\t#inputDropdown\n\t\t\t>\n\t\t\t\t<ng-template #dropdownContent>\n\t\t\t\t\t<div class=\"ng-doc-search-wrapper\">\n\t\t\t\t\t\t<ng-doc-input-wrapper [leftContent]=\"leftContent\" ngDocDropdownOrigin>\n\t\t\t\t\t\t\t<ng-template #leftContent>\n\t\t\t\t\t\t\t\t<ng-doc-icon icon=\"search\"></ng-doc-icon>\n\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\tngDocInputString\n\t\t\t\t\t\t\t\t[(ngModel)]=\"searchTerm\"\n\t\t\t\t\t\t\t\t(ngModelChange)=\"query$.next($event)\"\n\t\t\t\t\t\t\t\tplaceholder=\"Search...\"\n\t\t\t\t\t\t\t\tngDocAutofocus\n\t\t\t\t\t\t\t\t[selectAll]=\"true\"\n\t\t\t\t\t\t\t\t#inputElement\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ng-doc-input-wrapper>\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"searchResults\"></ng-container>\n\t\t\t\t\t</div>\n\t\t\t\t</ng-template>\n\t\t\t</ng-doc-dropdown>\n\t\t</button>\n\t</ng-container>\n\n\t<ng-template #searchInput>\n\t\t<ng-doc-input-wrapper\n\t\t\t[leftContent]=\"leftContent\"\n\t\t\t[rightContent]=\"rightContent\"\n\t\t\tngDocDropdownOrigin\n\t\t\tngDocFocusCatcher\n\t\t\t(focusEvent)=\"inputElement.value ? dropdown.open() : null\"\n\t\t\t(click)=\"inputElement.value ? dropdown.open() : null\"\n\t\t\t#input\n\t\t>\n\t\t\t<ng-template #leftContent>\n\t\t\t\t<ng-doc-icon icon=\"search\"></ng-doc-icon>\n\t\t\t</ng-template>\n\t\t\t<input\n\t\t\t\tngDocInputString\n\t\t\t\t[(ngModel)]=\"searchTerm\"\n\t\t\t\t(ngModelChange)=\"query$.next($event); dropdown.open()\"\n\t\t\t\tplaceholder=\"Search...\"\n\t\t\t\t[ngDocHotkey]=\"{ctrlKey: false, altKey: false, shiftKey: false, code: 'Slash'}\"\n\t\t\t\t(ngDocHotkey)=\"inputElement.focus(); inputElement.select()\"\n\t\t\t\t#inputElement\n\t\t\t/>\n\t\t\t<ng-template #rightContent>\n\t\t\t\t<ng-doc-tag class=\"search-hotkey\">/</ng-doc-tag>\n\t\t\t</ng-template>\n\t\t\t<ng-doc-dropdown\n\t\t\t\t[content]=\"searchResults\"\n\t\t\t\tpositions=\"bottom-right\"\n\t\t\t\t[width]=\"input.elementRef.nativeElement.offsetWidth\"\n\t\t\t\tmaxHeight=\"calc(95vh - var(--ng-doc-navbar-height)\"\n\t\t\t\t#dropdown\n\t\t\t>\n\t\t\t\t<\n\t\t\t</ng-doc-dropdown>\n\t\t</ng-doc-input-wrapper>\n\t</ng-template>\n\n\t<ng-template #searchResults>\n\t\t<div class=\"ng-doc-search-result-content\" [attr.data-ng-doc-mod]=\"mod\">\n\t\t\t<ng-doc-data-list [items]=\"state?.result ?? []\" [itemContent]=\"itemContent\" [emptyContent]=\"emptyContent\">\n\t\t\t\t<ng-template let-item #itemContent>\n\t\t\t\t\t<a class=\"ng-doc-search-option\" [routerLink]=\"item.index.route\" [fragment]=\"item.index.fragment\">\n\t\t\t\t\t\t<div class=\"ng-doc-search-option-header\">\n\t\t\t\t\t\t\t<ng-doc-tag size=\"small\" [attr.data-ng-doc-page-type]=\"item.index.pageType\">\n\t\t\t\t\t\t\t\t{{ item.index.pageType }}\n\t\t\t\t\t\t\t</ng-doc-tag>\n\t\t\t\t\t\t\t<span class=\"ng-doc-search-option-breadcrumbs\" ng-doc-text>\n\t\t\t\t\t\t\t\t<ng-container *ngFor=\"let breadcrum of item.index.breadcrumbs; let i = index\">\n\t\t\t\t\t\t\t\t\t<span>{{ breadcrum }}</span>\n\t\t\t\t\t\t\t\t\t<span class=\"ng-doc-search-option-breadcrumb-divider\" *ngIf=\"i !== item.index.breadcrumbs.length - 1\"\n\t\t\t\t\t\t\t\t\t\t>/</span\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<h5\n\t\t\t\t\t\t\tclass=\"ng-doc-search-section-title\"\n\t\t\t\t\t\t\tng-doc-text\n\t\t\t\t\t\t\t[innerHTML]=\"\n\t\t\t\t\t\t\t\t(item.index.section\n\t\t\t\t\t\t\t\t\t| ngDocHighlighterPipe: (getPositions | ngDocRun: 'section':item)\n\t\t\t\t\t\t\t\t\t| ngDocSanitizeHtml) || item.index.title\n\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t></h5>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t*ngIf=\"item.index.content\"\n\t\t\t\t\t\t\tclass=\"ng-doc-search-content\"\n\t\t\t\t\t\t\t[innerHTML]=\"\n\t\t\t\t\t\t\t\titem.index.content | ngDocHighlighterPipe: (getPositions | ngDocRun: 'content':item) | ngDocSanitizeHtml\n\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\tng-doc-text\n\t\t\t\t\t\t></div>\n\t\t\t\t\t</a>\n\t\t\t\t</ng-template>\n\t\t\t\t<ng-template #emptyContent>\n\t\t\t\t\t<ng-container *ngIf=\"!state?.pending\">\n\t\t\t\t\t\t<div class=\"ng-doc-search-empty\">\n\t\t\t\t\t\t\t<ng-container *ngIf=\"query$.value.length\">Nothing found</ng-container>\n\t\t\t\t\t\t\t<ng-container *ngIf=\"!query$.value.length\">Please enter your search query</ng-container>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</ng-container>\n\t\t\t\t\t<ng-container *ngIf=\"state?.pending\">\n\t\t\t\t\t\t<div class=\"ng-doc-search-progress\">\n\t\t\t\t\t\t\t<ng-doc-spinner size=\"small\"></ng-doc-spinner>\n\t\t\t\t\t\t\tSearching...\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</ng-container>\n\t\t\t\t</ng-template>\n\t\t\t</ng-doc-data-list>\n\t\t</div>\n\t</ng-template>\n</ng-container>\n", styles: [":host{max-width:500px;--ng-doc-floated-border-radius: var(--ng-doc-base-gutter);--ng-doc-input-background-color: var(--ng-doc-base-1);--ng-doc-input-border: none;--ng-doc-input-border-hover: none;--ng-doc-icon-color: var(--ng-doc-base-8)}:host[data-ng-doc-mod=input]{width:480px}.ng-doc-search-result-content{height:100%;overflow:auto;--ng-doc-option-padding: 0}.ng-doc-search-result-content[data-ng-doc-mod=icon] .ng-doc-search-wrapper{padding:calc(var(--ng-doc-base-gutter) * 2) 0}.ng-doc-search-result-content[data-ng-doc-mod=icon] .ng-doc-search-option{padding:12px 16px}.ng-doc-search-wrapper{display:flex;flex-direction:column;height:100%;padding:calc(var(--ng-doc-base-gutter) * 2) 0}.ng-doc-search-wrapper ng-doc-input-wrapper{padding:0 calc(var(--ng-doc-base-gutter) * 2)}.ng-doc-search-wrapper .ng-doc-search-result-content{padding:0;margin-top:calc(var(--ng-doc-base-gutter) * 3)}.search-hotkey{display:flex;align-items:center;justify-content:center;width:calc(var(--ng-doc-base-gutter) * 3);height:calc(var(--ng-doc-base-gutter) * 3);margin-right:var(--ng-doc-base-gutter);--ng-doc-tag-border: 1px solid var(--ng-doc-base-7);--ng-doc-tag-color: var(--ng-doc-base-7);--ng-doc-tag-background: transparent}::ng-deep .ng-doc-search-dropdown{--ng-doc-overlay-border-radius: 0px !important}.ng-doc-search-option{display:block;padding:12px 36px;text-decoration:none}.ng-doc-search-option .ng-doc-search-option-header{display:flex;align-items:center}.ng-doc-search-option .ng-doc-search-option-header ng-doc-tag{text-transform:uppercase;margin-right:calc(var(--ng-doc-base-gutter) / 2);--ng-doc-font-weight: 900}.ng-doc-search-option .ng-doc-search-option-header ng-doc-tag[data-ng-doc-page-type=guide]{--ng-doc-tag-color: var(--ng-doc-guide-tag-color);--ng-doc-tag-background: var(--ng-doc-guide-tag-background)}.ng-doc-search-option .ng-doc-search-option-header ng-doc-tag[data-ng-doc-page-type=api]{--ng-doc-tag-color: var(--ng-doc-api-tag-color);--ng-doc-tag-background: var(--ng-doc-api-tag-background)}.ng-doc-search-option .ng-doc-search-option-header .ng-doc-search-option-breadcrumbs{--ng-doc-text: var(--ng-doc-text-muted);--ng-doc-font-size: 12px;--ng-doc-line-height: 16px;--ng-doc-font-weight: 600}.ng-doc-search-option .ng-doc-search-option-header .ng-doc-search-option-breadcrumbs .ng-doc-search-option-breadcrumb-divider{margin:0 6px}.ng-doc-search-option .ng-doc-search-section-title{display:block;color:var(--ng-doc-search-result-header-color, var(--ng-doc-text));--ng-doc-line-height: 20px;margin:4px 0}.ng-doc-search-option .ng-doc-search-content{display:block;color:var(--ng-doc-search-result-color, var(--ng-doc-text));--ng-doc-font-size: 14px;--ng-doc-line-height: 19px;--ng-doc-font-weight: 600}.ng-doc-search-empty{padding:0 22px}.ng-doc-search-progress{display:flex;align-items:center}.ng-doc-search-progress ng-doc-spinner{margin-right:var(--ng-doc-base-gutter)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.NgDocSearchEngine, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { mod: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-ng-doc-mod']
+            }], inputElement: [{
+                type: ViewChild,
+                args: ['inputElement']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYXBwL2NvbXBvbmVudHMvc2VhcmNoL3NlYXJjaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3NlYXJjaC9zZWFyY2guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQ04sdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsVUFBVSxFQUNWLFdBQVcsRUFDWCxLQUFLLEVBQ0wsUUFBUSxFQUNSLFNBQVMsR0FDVCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSxtQ0FBbUMsQ0FBQztBQUdwRSxPQUFPLEVBQXlCLGVBQWUsRUFBbUIsTUFBTSxnQkFBZ0IsQ0FBQztBQUN6RixPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUFDckQsT0FBTyxFQUFDLFlBQVksRUFBRSxjQUFjLEVBQUMsTUFBTSx1QkFBdUIsQ0FBQztBQUNuRSxPQUFPLEVBQUMsZUFBZSxFQUFFLEtBQUssRUFBeUIsTUFBTSxNQUFNLENBQUM7QUFDcEUsT0FBTyxFQUFTLElBQUksRUFBRSxTQUFTLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7Ozs7QUFFdkQsSUFhYSxvQkFBb0IsNEJBYmpDLE1BYWEsb0JBQW9CO0lBYWhDLFlBQ2tCLFVBQW1DLEVBQ25DLGlCQUFvQyxFQUVwQyxZQUFnQztRQUhoQyxlQUFVLEdBQVYsVUFBVSxDQUF5QjtRQUNuQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBRXBDLGlCQUFZLEdBQVosWUFBWSxDQUFvQjtRQWRsRCxRQUFHLEdBQXFCLE9BQU8sQ0FBQztRQUtoQyxlQUFVLEdBQVcsRUFBRSxDQUFDO1FBRWYsV0FBTSxHQUE0QixJQUFJLGVBQWUsQ0FBUyxFQUFFLENBQUMsQ0FBQztRQVMxRSxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRTtZQUN2QixNQUFNLElBQUksS0FBSyxDQUFDOzsrQkFFWSxDQUFDLENBQUM7U0FDOUI7UUFFRCxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUM5QixJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQ1AsU0FBUyxDQUFDLENBQUMsSUFBWSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUMsSUFBSSxLQUFLLENBQUMsRUFDN0YsY0FBYyxDQUFDLElBQUksQ0FBQyxDQUNwQixDQUFDO0lBQ0gsQ0FBQztJQUVELElBQUksY0FBYztRQUNqQixPQUFPLElBQUksQ0FBQyxZQUFZLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUM3QyxDQUFDO0lBRUQsWUFBWSxDQUE4RCxHQUFNLEVBQUUsSUFBTztRQUN4RixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2xDLENBQUM7OEdBdENXLG9CQUFvQjtrR0FBcEIsb0JBQW9CLDhIQVJyQjtZQUNWO2dCQUNDLE9BQU8sRUFBRSxhQUFhO2dCQUN0QixXQUFXLEVBQUUsc0JBQW9CO2FBQ2pDO1NBQ0Qsd0lDN0JGLHNnS0ErSEE7O0FEL0ZhLG9CQUFvQjtJQURoQyxZQUFZLEVBQUU7cUNBZWdCLFVBQVU7UUFDSCxpQkFBaUI7UUFFckIsaUJBQWlCO0dBakJ0QyxvQkFBb0IsQ0F1Q2hDO1NBdkNZLG9CQUFvQjsyRkFBcEIsb0JBQW9CO2tCQWJoQyxTQUFTOytCQUNDLGVBQWUsbUJBR1IsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVjs0QkFDQyxPQUFPLEVBQUUsYUFBYTs0QkFDdEIsV0FBVyxzQkFBc0I7eUJBQ2pDO3FCQUNEOzswQkFtQkMsUUFBUTs0Q0FiVixHQUFHO3NCQUZGLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsc0JBQXNCO2dCQUluQyxZQUFZO3NCQURYLFNBQVM7dUJBQUMsY0FBYyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG5cdENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuXHRDaGFuZ2VEZXRlY3RvclJlZixcblx0Q29tcG9uZW50LFxuXHRFbGVtZW50UmVmLFxuXHRIb3N0QmluZGluZyxcblx0SW5wdXQsXG5cdE9wdGlvbmFsLFxuXHRWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtOZ0RvY1NlYXJjaEVuZ2luZX0gZnJvbSAnQG5nLWRvYy9hcHAvY2xhc3Nlcy9zZWFyY2gtZW5naW5lJztcbmltcG9ydCB7TmdEb2NTZWFyY2hSZXN1bHR9IGZyb20gJ0BuZy1kb2MvYXBwL2ludGVyZmFjZXMnO1xuaW1wb3J0IHtOZ0RvY1BhZ2VUeXBlfSBmcm9tICdAbmctZG9jL2NvcmUnO1xuaW1wb3J0IHtOZ0RvY0hpZ2hsaWdodFBvc2l0aW9uLCBvYnNlcnZhYmxlU3RhdGUsIFN0YXRlZE9ic2VydmFibGV9IGZyb20gJ0BuZy1kb2MvdWkta2l0JztcbmltcG9ydCB7TmdEb2NMaXN0SG9zdH0gZnJvbSAnQG5nLWRvYy91aS1raXQvY2xhc3Nlcyc7XG5pbXBvcnQge1VudGlsRGVzdHJveSwgdW50aWxEZXN0cm95ZWR9IGZyb20gJ0BuZ25lYXQvdW50aWwtZGVzdHJveSc7XG5pbXBvcnQge0JlaGF2aW9yU3ViamVjdCwgTkVWRVIsIFJlcGxheVN1YmplY3QsIFN1YmplY3R9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHtmaWx0ZXIsIHNraXAsIHN3aXRjaE1hcH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICduZy1kb2Mtc2VhcmNoJyxcblx0dGVtcGxhdGVVcmw6ICcuL3NlYXJjaC5jb21wb25lbnQuaHRtbCcsXG5cdHN0eWxlVXJsczogWycuL3NlYXJjaC5jb21wb25lbnQuc2NzcyddLFxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcblx0cHJvdmlkZXJzOiBbXG5cdFx0e1xuXHRcdFx0cHJvdmlkZTogTmdEb2NMaXN0SG9zdCxcblx0XHRcdHVzZUV4aXN0aW5nOiBOZ0RvY1NlYXJjaENvbXBvbmVudCxcblx0XHR9LFxuXHRdLFxufSlcbkBVbnRpbERlc3Ryb3koKVxuZXhwb3J0IGNsYXNzIE5nRG9jU2VhcmNoQ29tcG9uZW50IGltcGxlbWVudHMgTmdEb2NMaXN0SG9zdCB7XG5cdEBJbnB1dCgpXG5cdEBIb3N0QmluZGluZygnYXR0ci5kYXRhLW5nLWRvYy1tb2QnKVxuXHRtb2Q6ICdpbnB1dCcgfCAnaWNvbicgPSAnaW5wdXQnO1xuXG5cdEBWaWV3Q2hpbGQoJ2lucHV0RWxlbWVudCcpXG5cdGlucHV0RWxlbWVudD86IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+O1xuXG5cdHNlYXJjaFRlcm06IHN0cmluZyA9ICcnO1xuXG5cdHJlYWRvbmx5IHF1ZXJ5JDogQmVoYXZpb3JTdWJqZWN0PHN0cmluZz4gPSBuZXcgQmVoYXZpb3JTdWJqZWN0PHN0cmluZz4oJycpO1xuXHRyZWFkb25seSBzZWFyY2gkOiBTdGF0ZWRPYnNlcnZhYmxlPE5nRG9jU2VhcmNoUmVzdWx0W10+O1xuXG5cdGNvbnN0cnVjdG9yKFxuXHRcdHByaXZhdGUgcmVhZG9ubHkgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sXG5cdFx0cHJpdmF0ZSByZWFkb25seSBjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG5cdFx0QE9wdGlvbmFsKClcblx0XHRwcml2YXRlIHJlYWRvbmx5IHNlYXJjaEVuZ2luZT86IE5nRG9jU2VhcmNoRW5naW5lLFxuXHQpIHtcblx0XHRpZiAoIXRoaXMuc2VhcmNoRW5naW5lKSB7XG5cdFx0XHR0aHJvdyBuZXcgRXJyb3IoYE5nRG9jOiBTZWFyY2ggZW5naW5lIGlzIG5vdCBwcm92aWRlZCxcblx0XHRcdHBsZWFzZSBjaGVjayB0aGlzIGFydGljbGU6IGh0dHBzOi8vbmctZG9jLmNvbS9nZXR0aW5nLXN0YXJ0ZWQvaW5zdGFsbGF0aW9uI2ltcG9ydGluZy1nbG9iYWwtbW9kdWxlc1xuXHRcdFx0dG8gbGVhcm4gaG93IHRvIHByb3ZpZGUgaXQuYCk7XG5cdFx0fVxuXG5cdFx0dGhpcy5zZWFyY2gkID0gdGhpcy5xdWVyeSQucGlwZShcblx0XHRcdHNraXAoMSksXG5cdFx0XHRzd2l0Y2hNYXAoKHRlcm06IHN0cmluZykgPT4gdGhpcy5zZWFyY2hFbmdpbmU/LnNlYXJjaCh0ZXJtKS5waXBlKG9ic2VydmFibGVTdGF0ZSgpKSA/PyBORVZFUiksXG5cdFx0XHR1bnRpbERlc3Ryb3llZCh0aGlzKSxcblx0XHQpO1xuXHR9XG5cblx0Z2V0IGxpc3RIb3N0T3JpZ2luKCk6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+IHtcblx0XHRyZXR1cm4gdGhpcy5pbnB1dEVsZW1lbnQgPz8gdGhpcy5lbGVtZW50UmVmO1xuXHR9XG5cblx0Z2V0UG9zaXRpb25zPFQgZXh0ZW5kcyBOZ0RvY1NlYXJjaFJlc3VsdCwgSyBleHRlbmRzIGtleW9mIFRbJ3Bvc2l0aW9ucyddPihrZXk6IEssIGl0ZW06IFQpOiBOZ0RvY0hpZ2hsaWdodFBvc2l0aW9uW10ge1xuXHRcdHJldHVybiBpdGVtLnBvc2l0aW9uc1trZXldID8/IFtdO1xuXHR9XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0RvY0xldD1cInNlYXJjaCQgfCBhc3luYyBhcyBzdGF0ZVwiPlxuXHQ8bmctY29udGFpbmVyICpuZ0lmPVwibW9kID09PSAnaWNvbic7IGVsc2Ugc2VhcmNoSW5wdXRcIj5cblx0XHQ8YnV0dG9uIG5nLWRvYy1idXR0b24taWNvbiBzaXplPVwibGFyZ2VcIiAoY2xpY2spPVwiaW5wdXREcm9wZG93bi50b2dnbGUoKVwiIG5nRG9jRHJvcGRvd25PcmlnaW4+XG5cdFx0XHQ8bmctZG9jLWljb24gaWNvbj1cInNlYXJjaFwiIFtzaXplXT1cIjI0XCI+PC9uZy1kb2MtaWNvbj5cblxuXHRcdFx0PG5nLWRvYy1kcm9wZG93blxuXHRcdFx0XHRbY29udGVudF09XCJkcm9wZG93bkNvbnRlbnRcIlxuXHRcdFx0XHRwYW5lbENsYXNzPVwibmctZG9jLXNlYXJjaC1kcm9wZG93blwiXG5cdFx0XHRcdHdpZHRoPVwiMTAwJVwiXG5cdFx0XHRcdGhlaWdodD1cIjgwdmhcIlxuXHRcdFx0XHQjaW5wdXREcm9wZG93blxuXHRcdFx0PlxuXHRcdFx0XHQ8bmctdGVtcGxhdGUgI2Ryb3Bkb3duQ29udGVudD5cblx0XHRcdFx0XHQ8ZGl2IGNsYXNzPVwibmctZG9jLXNlYXJjaC13cmFwcGVyXCI+XG5cdFx0XHRcdFx0XHQ8bmctZG9jLWlucHV0LXdyYXBwZXIgW2xlZnRDb250ZW50XT1cImxlZnRDb250ZW50XCIgbmdEb2NEcm9wZG93bk9yaWdpbj5cblx0XHRcdFx0XHRcdFx0PG5nLXRlbXBsYXRlICNsZWZ0Q29udGVudD5cblx0XHRcdFx0XHRcdFx0XHQ8bmctZG9jLWljb24gaWNvbj1cInNlYXJjaFwiPjwvbmctZG9jLWljb24+XG5cdFx0XHRcdFx0XHRcdDwvbmctdGVtcGxhdGU+XG5cdFx0XHRcdFx0XHRcdDxpbnB1dFxuXHRcdFx0XHRcdFx0XHRcdG5nRG9jSW5wdXRTdHJpbmdcblx0XHRcdFx0XHRcdFx0XHRbKG5nTW9kZWwpXT1cInNlYXJjaFRlcm1cIlxuXHRcdFx0XHRcdFx0XHRcdChuZ01vZGVsQ2hhbmdlKT1cInF1ZXJ5JC5uZXh0KCRldmVudClcIlxuXHRcdFx0XHRcdFx0XHRcdHBsYWNlaG9sZGVyPVwiU2VhcmNoLi4uXCJcblx0XHRcdFx0XHRcdFx0XHRuZ0RvY0F1dG9mb2N1c1xuXHRcdFx0XHRcdFx0XHRcdFtzZWxlY3RBbGxdPVwidHJ1ZVwiXG5cdFx0XHRcdFx0XHRcdFx0I2lucHV0RWxlbWVudFxuXHRcdFx0XHRcdFx0XHQvPlxuXHRcdFx0XHRcdFx0PC9uZy1kb2MtaW5wdXQtd3JhcHBlcj5cblx0XHRcdFx0XHRcdDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJzZWFyY2hSZXN1bHRzXCI+PC9uZy1jb250YWluZXI+XG5cdFx0XHRcdFx0PC9kaXY+XG5cdFx0XHRcdDwvbmctdGVtcGxhdGU+XG5cdFx0XHQ8L25nLWRvYy1kcm9wZG93bj5cblx0XHQ8L2J1dHRvbj5cblx0PC9uZy1jb250YWluZXI+XG5cblx0PG5nLXRlbXBsYXRlICNzZWFyY2hJbnB1dD5cblx0XHQ8bmctZG9jLWlucHV0LXdyYXBwZXJcblx0XHRcdFtsZWZ0Q29udGVudF09XCJsZWZ0Q29udGVudFwiXG5cdFx0XHRbcmlnaHRDb250ZW50XT1cInJpZ2h0Q29udGVudFwiXG5cdFx0XHRuZ0RvY0Ryb3Bkb3duT3JpZ2luXG5cdFx0XHRuZ0RvY0ZvY3VzQ2F0Y2hlclxuXHRcdFx0KGZvY3VzRXZlbnQpPVwiaW5wdXRFbGVtZW50LnZhbHVlID8gZHJvcGRvd24ub3BlbigpIDogbnVsbFwiXG5cdFx0XHQoY2xpY2spPVwiaW5wdXRFbGVtZW50LnZhbHVlID8gZHJvcGRvd24ub3BlbigpIDogbnVsbFwiXG5cdFx0XHQjaW5wdXRcblx0XHQ+XG5cdFx0XHQ8bmctdGVtcGxhdGUgI2xlZnRDb250ZW50PlxuXHRcdFx0XHQ8bmctZG9jLWljb24gaWNvbj1cInNlYXJjaFwiPjwvbmctZG9jLWljb24+XG5cdFx0XHQ8L25nLXRlbXBsYXRlPlxuXHRcdFx0PGlucHV0XG5cdFx0XHRcdG5nRG9jSW5wdXRTdHJpbmdcblx0XHRcdFx0WyhuZ01vZGVsKV09XCJzZWFyY2hUZXJtXCJcblx0XHRcdFx0KG5nTW9kZWxDaGFuZ2UpPVwicXVlcnkkLm5leHQoJGV2ZW50KTsgZHJvcGRvd24ub3BlbigpXCJcblx0XHRcdFx0cGxhY2Vob2xkZXI9XCJTZWFyY2guLi5cIlxuXHRcdFx0XHRbbmdEb2NIb3RrZXldPVwie2N0cmxLZXk6IGZhbHNlLCBhbHRLZXk6IGZhbHNlLCBzaGlmdEtleTogZmFsc2UsIGNvZGU6ICdTbGFzaCd9XCJcblx0XHRcdFx0KG5nRG9jSG90a2V5KT1cImlucHV0RWxlbWVudC5mb2N1cygpOyBpbnB1dEVsZW1lbnQuc2VsZWN0KClcIlxuXHRcdFx0XHQjaW5wdXRFbGVtZW50XG5cdFx0XHQvPlxuXHRcdFx0PG5nLXRlbXBsYXRlICNyaWdodENvbnRlbnQ+XG5cdFx0XHRcdDxuZy1kb2MtdGFnIGNsYXNzPVwic2VhcmNoLWhvdGtleVwiPi88L25nLWRvYy10YWc+XG5cdFx0XHQ8L25nLXRlbXBsYXRlPlxuXHRcdFx0PG5nLWRvYy1kcm9wZG93blxuXHRcdFx0XHRbY29udGVudF09XCJzZWFyY2hSZXN1bHRzXCJcblx0XHRcdFx0cG9zaXRpb25zPVwiYm90dG9tLXJpZ2h0XCJcblx0XHRcdFx0W3dpZHRoXT1cImlucHV0LmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5vZmZzZXRXaWR0aFwiXG5cdFx0XHRcdG1heEhlaWdodD1cImNhbGMoOTV2aCAtIHZhcigtLW5nLWRvYy1uYXZiYXItaGVpZ2h0KVwiXG5cdFx0XHRcdCNkcm9wZG93blxuXHRcdFx0PlxuXHRcdFx0XHQ8XG5cdFx0XHQ8L25nLWRvYy1kcm9wZG93bj5cblx0XHQ8L25nLWRvYy1pbnB1dC13cmFwcGVyPlxuXHQ8L25nLXRlbXBsYXRlPlxuXG5cdDxuZy10ZW1wbGF0ZSAjc2VhcmNoUmVzdWx0cz5cblx0XHQ8ZGl2IGNsYXNzPVwibmctZG9jLXNlYXJjaC1yZXN1bHQtY29udGVudFwiIFthdHRyLmRhdGEtbmctZG9jLW1vZF09XCJtb2RcIj5cblx0XHRcdDxuZy1kb2MtZGF0YS1saXN0IFtpdGVtc109XCJzdGF0ZT8ucmVzdWx0ID8/IFtdXCIgW2l0ZW1Db250ZW50XT1cIml0ZW1Db250ZW50XCIgW2VtcHR5Q29udGVudF09XCJlbXB0eUNvbnRlbnRcIj5cblx0XHRcdFx0PG5nLXRlbXBsYXRlIGxldC1pdGVtICNpdGVtQ29udGVudD5cblx0XHRcdFx0XHQ8YSBjbGFzcz1cIm5nLWRvYy1zZWFyY2gtb3B0aW9uXCIgW3JvdXRlckxpbmtdPVwiaXRlbS5pbmRleC5yb3V0ZVwiIFtmcmFnbWVudF09XCJpdGVtLmluZGV4LmZyYWdtZW50XCI+XG5cdFx0XHRcdFx0XHQ8ZGl2IGNsYXNzPVwibmctZG9jLXNlYXJjaC1vcHRpb24taGVhZGVyXCI+XG5cdFx0XHRcdFx0XHRcdDxuZy1kb2MtdGFnIHNpemU9XCJzbWFsbFwiIFthdHRyLmRhdGEtbmctZG9jLXBhZ2UtdHlwZV09XCJpdGVtLmluZGV4LnBhZ2VUeXBlXCI+XG5cdFx0XHRcdFx0XHRcdFx0e3sgaXRlbS5pbmRleC5wYWdlVHlwZSB9fVxuXHRcdFx0XHRcdFx0XHQ8L25nLWRvYy10YWc+XG5cdFx0XHRcdFx0XHRcdDxzcGFuIGNsYXNzPVwibmctZG9jLXNlYXJjaC1vcHRpb24tYnJlYWRjcnVtYnNcIiBuZy1kb2MtdGV4dD5cblx0XHRcdFx0XHRcdFx0XHQ8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBicmVhZGNydW0gb2YgaXRlbS5pbmRleC5icmVhZGNydW1iczsgbGV0IGkgPSBpbmRleFwiPlxuXHRcdFx0XHRcdFx0XHRcdFx0PHNwYW4+e3sgYnJlYWRjcnVtIH19PC9zcGFuPlxuXHRcdFx0XHRcdFx0XHRcdFx0PHNwYW4gY2xhc3M9XCJuZy1kb2Mtc2VhcmNoLW9wdGlvbi1icmVhZGNydW1iLWRpdmlkZXJcIiAqbmdJZj1cImkgIT09IGl0ZW0uaW5kZXguYnJlYWRjcnVtYnMubGVuZ3RoIC0gMVwiXG5cdFx0XHRcdFx0XHRcdFx0XHRcdD4vPC9zcGFuXG5cdFx0XHRcdFx0XHRcdFx0XHQ+XG5cdFx0XHRcdFx0XHRcdFx0PC9uZy1jb250YWluZXI+XG5cdFx0XHRcdFx0XHRcdDwvc3Bhbj5cblx0XHRcdFx0XHRcdDwvZGl2PlxuXHRcdFx0XHRcdFx0PGg1XG5cdFx0XHRcdFx0XHRcdGNsYXNzPVwibmctZG9jLXNlYXJjaC1zZWN0aW9uLXRpdGxlXCJcblx0XHRcdFx0XHRcdFx0bmctZG9jLXRleHRcblx0XHRcdFx0XHRcdFx0W2lubmVySFRNTF09XCJcblx0XHRcdFx0XHRcdFx0XHQoaXRlbS5pbmRleC5zZWN0aW9uXG5cdFx0XHRcdFx0XHRcdFx0XHR8IG5nRG9jSGlnaGxpZ2h0ZXJQaXBlOiAoZ2V0UG9zaXRpb25zIHwgbmdEb2NSdW46ICdzZWN0aW9uJzppdGVtKVxuXHRcdFx0XHRcdFx0XHRcdFx0fCBuZ0RvY1Nhbml0aXplSHRtbCkgfHwgaXRlbS5pbmRleC50aXRsZVxuXHRcdFx0XHRcdFx0XHRcIlxuXHRcdFx0XHRcdFx0PjwvaDU+XG5cdFx0XHRcdFx0XHQ8ZGl2XG5cdFx0XHRcdFx0XHRcdCpuZ0lmPVwiaXRlbS5pbmRleC5jb250ZW50XCJcblx0XHRcdFx0XHRcdFx0Y2xhc3M9XCJuZy1kb2Mtc2VhcmNoLWNvbnRlbnRcIlxuXHRcdFx0XHRcdFx0XHRbaW5uZXJIVE1MXT1cIlxuXHRcdFx0XHRcdFx0XHRcdGl0ZW0uaW5kZXguY29udGVudCB8IG5nRG9jSGlnaGxpZ2h0ZXJQaXBlOiAoZ2V0UG9zaXRpb25zIHwgbmdEb2NSdW46ICdjb250ZW50JzppdGVtKSB8IG5nRG9jU2FuaXRpemVIdG1sXG5cdFx0XHRcdFx0XHRcdFwiXG5cdFx0XHRcdFx0XHRcdG5nLWRvYy10ZXh0XG5cdFx0XHRcdFx0XHQ+PC9kaXY+XG5cdFx0XHRcdFx0PC9hPlxuXHRcdFx0XHQ8L25nLXRlbXBsYXRlPlxuXHRcdFx0XHQ8bmctdGVtcGxhdGUgI2VtcHR5Q29udGVudD5cblx0XHRcdFx0XHQ8bmctY29udGFpbmVyICpuZ0lmPVwiIXN0YXRlPy5wZW5kaW5nXCI+XG5cdFx0XHRcdFx0XHQ8ZGl2IGNsYXNzPVwibmctZG9jLXNlYXJjaC1lbXB0eVwiPlxuXHRcdFx0XHRcdFx0XHQ8bmctY29udGFpbmVyICpuZ0lmPVwicXVlcnkkLnZhbHVlLmxlbmd0aFwiPk5vdGhpbmcgZm91bmQ8L25nLWNvbnRhaW5lcj5cblx0XHRcdFx0XHRcdFx0PG5nLWNvbnRhaW5lciAqbmdJZj1cIiFxdWVyeSQudmFsdWUubGVuZ3RoXCI+UGxlYXNlIGVudGVyIHlvdXIgc2VhcmNoIHF1ZXJ5PC9uZy1jb250YWluZXI+XG5cdFx0XHRcdFx0XHQ8L2Rpdj5cblx0XHRcdFx0XHQ8L25nLWNvbnRhaW5lcj5cblx0XHRcdFx0XHQ8bmctY29udGFpbmVyICpuZ0lmPVwic3RhdGU/LnBlbmRpbmdcIj5cblx0XHRcdFx0XHRcdDxkaXYgY2xhc3M9XCJuZy1kb2Mtc2VhcmNoLXByb2dyZXNzXCI+XG5cdFx0XHRcdFx0XHRcdDxuZy1kb2Mtc3Bpbm5lciBzaXplPVwic21hbGxcIj48L25nLWRvYy1zcGlubmVyPlxuXHRcdFx0XHRcdFx0XHRTZWFyY2hpbmcuLi5cblx0XHRcdFx0XHRcdDwvZGl2PlxuXHRcdFx0XHRcdDwvbmctY29udGFpbmVyPlxuXHRcdFx0XHQ8L25nLXRlbXBsYXRlPlxuXHRcdFx0PC9uZy1kb2MtZGF0YS1saXN0PlxuXHRcdDwvZGl2PlxuXHQ8L25nLXRlbXBsYXRlPlxuPC9uZy1jb250YWluZXI+XG4iXX0=