@ng-doc/builder 15.0.0-beta.27 → 15.0.0-beta.28

package/engine/.cache/apps/ng-doc/src/app/docs/content/guidelines/demo/demos/button-demo/button-demo.component.js

@@ -5,6 +5,7 @@ const tslib_1 = require("tslib");
 const core_1 = require("@angular/core");
 const notify_1 = require("@ng-doc/ui-kit/services/notify");
 let ButtonDemoComponent = class ButtonDemoComponent {
+    notifyService;
     constructor(notifyService) {
         this.notifyService = notifyService;
     }

package/engine/.cache/apps/ng-doc/src/app/docs/content/guidelines/demo/demos/button-inline-demo/button-inline-demo.component.js

@@ -5,6 +5,7 @@ const tslib_1 = require("tslib");
 const core_1 = require("@angular/core");
 const notify_1 = require("@ng-doc/ui-kit/services/notify");
 let ButtonInlineDemoComponent = class ButtonInlineDemoComponent {
+    notifyService;
     /* NgDocCodeSnippetStart(Constructor) */
     constructor(notifyService) {
         this.notifyService = notifyService;

package/engine/.cache/libs/app/classes/search-engine/search-engine.js

@@ -6,6 +6,7 @@ const lunr = require("lunr");
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 class NgDocSearchEngine {
+    index$;
     constructor() {
         this.index$ = (0, rxjs_1.forkJoin)([
             this.request(`assets/ng-doc/indexes.json`).pipe((0, operators_1.map)(this.createIndex)),

package/engine/.cache/libs/app/components/api-list/api-list.component.js

@@ -11,6 +11,15 @@ const decorators_1 = require("@ng-doc/ui-kit/decorators");
 const until_destroy_1 = require("@ngneat/until-destroy");
 const operators_1 = require("rxjs/operators");
 let NgDocApiListComponent = class NgDocApiListComponent {
+    apiList;
+    formBuilder;
+    route;
+    router;
+    /**
+     * My comment
+     */
+    formGroup;
+    api$;
     constructor(apiList, formBuilder, route, router) {
         this.apiList = apiList;
         this.formBuilder = formBuilder;
@@ -32,13 +41,13 @@ let NgDocApiListComponent = class NgDocApiListComponent {
             queryParamsHandling: 'merge',
         }));
         this.api$ = this.formGroup.valueChanges.pipe((0, operators_1.debounceTime)(100), (0, operators_1.startWith)(null), (0, operators_1.map)(() => this.formGroup.value), (0, operators_1.map)((form) => this.apiList
-            .map((api) => (Object.assign(Object.assign({}, api), { items: api.items
-                .filter((item) => {
-                var _a, _b;
-                return item.name.toLowerCase().includes((_b = (_a = form === null || form === void 0 ? void 0 : form.filter) === null || _a === void 0 ? void 0 : _a.toLowerCase()) !== null && _b !== void 0 ? _b : '') &&
-                    (!(form === null || form === void 0 ? void 0 : form.type) || item.type === (form === null || form === void 0 ? void 0 : form.type));
-            })
-                .sort((a, b) => a.type.localeCompare(b.type) - a.name.localeCompare(b.name)) })))
+            .map((api) => ({
+            ...api,
+            items: api.items
+                .filter((item) => item.name.toLowerCase().includes(form?.filter?.toLowerCase() ?? '') &&
+                (!form?.type || item.type === form?.type))
+                .sort((a, b) => a.type.localeCompare(b.type) - a.name.localeCompare(b.name)),
+        }))
             .filter((api) => api.items.length)
             .sort((a, b) => a.title.localeCompare(b.title))), (0, until_destroy_1.untilDestroyed)(this));
     }

package/engine/.cache/libs/app/components/code/code.component.js

@@ -6,33 +6,28 @@ const clipboard_1 = require("@angular/cdk/clipboard");
 const core_1 = require("@angular/core");
 const ui_kit_1 = require("@ng-doc/ui-kit");
 let NgDocCodeComponent = class NgDocCodeComponent {
-    constructor(notifyService, clipboard) {
+    elementRef;
+    notifyService;
+    clipboard;
+    html = '';
+    copyButton = true;
+    standalone = true;
+    htmlContainer;
+    contentContainer;
+    constructor(elementRef, notifyService, clipboard) {
+        this.elementRef = elementRef;
         this.notifyService = notifyService;
         this.clipboard = clipboard;
-        this.code = '';
-        this.html = '';
-        this.language = 'typescript';
-        this.copyButton = true;
-        this.standalone = true;
     }
     copyCode() {
-        var _a, _b;
-        this.clipboard.copy((_b = (_a = this.codeContainer) === null || _a === void 0 ? void 0 : _a.nativeElement.textContent) !== null && _b !== void 0 ? _b : 'Error :(');
+        this.clipboard.copy(this.elementRef.nativeElement.querySelector('code')?.textContent ?? 'Error :(');
         this.notifyService.notify('Copied!');
     }
 };
-tslib_1.__decorate([
-    (0, core_1.Input)(),
-    tslib_1.__metadata("design:type", String)
-], NgDocCodeComponent.prototype, "code", void 0);
 tslib_1.__decorate([
     (0, core_1.Input)(),
     tslib_1.__metadata("design:type", String)
 ], NgDocCodeComponent.prototype, "html", void 0);
-tslib_1.__decorate([
-    (0, core_1.Input)(),
-    tslib_1.__metadata("design:type", String)
-], NgDocCodeComponent.prototype, "language", void 0);
 tslib_1.__decorate([
     (0, core_1.Input)(),
     tslib_1.__metadata("design:type", Boolean)
@@ -43,9 +38,13 @@ tslib_1.__decorate([
     tslib_1.__metadata("design:type", Boolean)
 ], NgDocCodeComponent.prototype, "standalone", void 0);
 tslib_1.__decorate([
-    (0, core_1.ViewChild)('codeContainer', { static: true, read: core_1.ElementRef }),
+    (0, core_1.ViewChild)('htmlContainer', { read: core_1.ElementRef }),
+    tslib_1.__metadata("design:type", core_1.ElementRef)
+], NgDocCodeComponent.prototype, "htmlContainer", void 0);
+tslib_1.__decorate([
+    (0, core_1.ViewChild)('contentContainer', { read: core_1.ElementRef }),
     tslib_1.__metadata("design:type", core_1.ElementRef)
-], NgDocCodeComponent.prototype, "codeContainer", void 0);
+], NgDocCodeComponent.prototype, "contentContainer", void 0);
 NgDocCodeComponent = tslib_1.__decorate([
     (0, core_1.Component)({
         selector: 'ng-doc-code',
@@ -53,6 +52,8 @@ NgDocCodeComponent = tslib_1.__decorate([
         styleUrls: ['./code.component.scss'],
         changeDetection: core_1.ChangeDetectionStrategy.OnPush,
     }),
-    tslib_1.__metadata("design:paramtypes", [ui_kit_1.NgDocNotifyService, clipboard_1.Clipboard])
+    tslib_1.__metadata("design:paramtypes", [core_1.ElementRef,
+        ui_kit_1.NgDocNotifyService,
+        clipboard_1.Clipboard])
 ], NgDocCodeComponent);
 exports.NgDocCodeComponent = NgDocCodeComponent;

package/engine/.cache/libs/app/components/demo/demo.component.js

@@ -4,24 +4,30 @@ exports.NgDocDemoComponent = void 0;
 const tslib_1 = require("tslib");
 const core_1 = require("@angular/core");
 const root_page_1 = require("@ng-doc/app/classes/root-page");
-const decorators_1 = require("@ng-doc/ui-kit/decorators");
 const ng_polymorpheus_1 = require("@tinkoff/ng-polymorpheus");
 let NgDocDemoComponent = class NgDocDemoComponent {
+    rootPage;
+    componentName;
+    container = true;
+    demo;
+    assets = [];
     constructor(rootPage) {
         this.rootPage = rootPage;
-        this.container = true;
     }
-    get demo() {
+    ngOnInit() {
+        this.demo = this.getDemo();
+        this.assets = this.getAssets();
+    }
+    getDemo() {
         if (this.componentName) {
             const component = this.rootPage.demo && this.rootPage.demo[this.componentName];
             return component ? new ng_polymorpheus_1.PolymorpheusComponent(component) : undefined;
         }
         return undefined;
     }
-    get assets() {
-        var _a;
+    getAssets() {
         if (this.componentName) {
-            return (_a = (this.rootPage.demoAssets && this.rootPage.demoAssets[this.componentName])) !== null && _a !== void 0 ? _a : [];
+            return (this.rootPage.demoAssets && this.rootPage.demoAssets[this.componentName]) ?? [];
         }
         return [];
     }
@@ -34,11 +40,6 @@ tslib_1.__decorate([
     (0, core_1.Input)(),
     tslib_1.__metadata("design:type", Boolean)
 ], NgDocDemoComponent.prototype, "container", void 0);
-tslib_1.__decorate([
-    decorators_1.ngDocMakePure,
-    tslib_1.__metadata("design:type", Object),
-    tslib_1.__metadata("design:paramtypes", [])
-], NgDocDemoComponent.prototype, "demo", null);
 NgDocDemoComponent = tslib_1.__decorate([
     (0, core_1.Component)({
         selector: 'ng-doc-demo',

package/engine/.cache/libs/app/components/demo-displayer/demo-displayer.component.js

@@ -6,15 +6,17 @@ const clipboard_1 = require("@angular/cdk/clipboard");
 const core_1 = require("@angular/core");
 const ui_kit_1 = require("@ng-doc/ui-kit");
 let NgDocDemoDisplayerComponent = class NgDocDemoDisplayerComponent {
+    notifyService;
+    clipboard;
+    codeContent = '';
+    code = '';
+    language = 'typescript';
+    container = true;
+    border = true;
+    expanded = false;
     constructor(notifyService, clipboard) {
         this.notifyService = notifyService;
         this.clipboard = clipboard;
-        this.codeContent = '';
-        this.code = '';
-        this.language = 'typescript';
-        this.container = true;
-        this.border = true;
-        this.expanded = false;
     }
     copyCode() {
         this.clipboard.copy(this.code);

package/engine/.cache/libs/app/components/kind-icon/kind-icon.component.js

@@ -4,10 +4,8 @@ exports.NgDocKindIconComponent = void 0;
 const tslib_1 = require("tslib");
 const core_1 = require("@angular/core");
 let NgDocKindIconComponent = class NgDocKindIconComponent {
-    constructor() {
-        this.kind = '';
-        this.type = 'declaration';
-    }
+    kind = '';
+    type = 'declaration';
 };
 tslib_1.__decorate([
     (0, core_1.Input)(),

package/engine/.cache/libs/app/components/link/link.component.js

@@ -4,9 +4,7 @@ exports.NgDocLinkComponent = void 0;
 const tslib_1 = require("tslib");
 const core_1 = require("@angular/core");
 let NgDocLinkComponent = class NgDocLinkComponent {
-    constructor() {
-        this.path = '';
-    }
+    path = '';
 };
 tslib_1.__decorate([
     (0, core_1.Input)(),

package/engine/.cache/libs/app/components/navbar/navbar.component.js

@@ -10,18 +10,22 @@ const until_destroy_1 = require("@ngneat/until-destroy");
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 let NgDocNavbarComponent = class NgDocNavbarComponent {
+    window;
+    ngZone;
+    changeDetectorRef;
+    sidebarService;
+    leftContent = '';
+    centerContent = '';
+    rightContent = '';
+    search = true;
+    hasShadow = false;
     constructor(window, ngZone, changeDetectorRef, sidebarService) {
         this.window = window;
         this.ngZone = ngZone;
         this.changeDetectorRef = changeDetectorRef;
         this.sidebarService = sidebarService;
-        this.leftContent = '';
-        this.centerContent = '';
-        this.rightContent = '';
-        this.search = true;
-        this.hasShadow = false;
         (0, rxjs_1.combineLatest)([
-            (0, rxjs_1.fromEvent)(this.window, 'scroll').pipe((0, operators_1.map)((e) => { var _a, _b, _c; return ((_c = (_b = (_a = e.target) === null || _a === void 0 ? void 0 : _a.scrollingElement) === null || _b === void 0 ? void 0 : _b.scrollTop) !== null && _c !== void 0 ? _c : 0) > 0; }), (0, operators_1.distinctUntilChanged)(), (0, operators_1.startWith)(false)),
+            (0, rxjs_1.fromEvent)(this.window, 'scroll').pipe((0, operators_1.map)((e) => (e.target?.scrollingElement?.scrollTop ?? 0) > 0), (0, operators_1.distinctUntilChanged)(), (0, operators_1.startWith)(false)),
             this.sidebarService.isExpanded(),
         ])
             .pipe((0, operators_1.map)(([scrolled, sidebarVisible]) => scrolled || sidebarVisible), (0, ui_kit_1.ngDocZoneOptimize)(this.ngZone), (0, until_destroy_1.untilDestroyed)(this))

package/engine/.cache/libs/app/components/page/page.component.js

@@ -5,6 +5,7 @@ const tslib_1 = require("tslib");
 const core_1 = require("@angular/core");
 const root_page_1 = require("@ng-doc/app/classes/root-page");
 let NgDocPageComponent = class NgDocPageComponent {
+    rootPage;
     constructor(rootPage) {
         this.rootPage = rootPage;
     }

package/engine/.cache/libs/app/components/page/page.module.js

@@ -23,6 +23,7 @@ NgDocPageModule = tslib_1.__decorate([
             processors_1.NgDocIconProcessorModule,
             page_map_1.NgDocPageMapModule,
             ui_kit_1.NgDocMediaQueryModule,
+            processors_1.NgDocTooltipProcessorModule,
         ],
         exports: [page_component_1.NgDocPageComponent],
     })

package/engine/.cache/libs/app/components/page-map/page-map-element/page-map-element.component.js

@@ -4,11 +4,12 @@ exports.NgDocPageMapElementComponent = void 0;
 const tslib_1 = require("tslib");
 const core_1 = require("@angular/core");
 let NgDocPageMapElementComponent = class NgDocPageMapElementComponent {
+    elementRef;
+    href = '';
+    selected = false;
+    level = 1;
     constructor(elementRef) {
         this.elementRef = elementRef;
-        this.href = '';
-        this.selected = false;
-        this.level = 1;
     }
 };
 tslib_1.__decorate([

package/engine/.cache/libs/app/components/page-map/page-map.component.js

@@ -11,13 +11,20 @@ const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const page_map_element_component_1 = require("./page-map-element/page-map-element.component");
 let NgDocPageMapComponent = class NgDocPageMapComponent {
+    document;
+    ngZone;
+    changeDetectorRef;
+    renderer;
+    pageContainer;
+    selection;
+    elements = new core_1.QueryList();
+    map = [];
+    activeItem;
     constructor(document, ngZone, changeDetectorRef, renderer) {
         this.document = document;
         this.ngZone = ngZone;
         this.changeDetectorRef = changeDetectorRef;
         this.renderer = renderer;
-        this.elements = new core_1.QueryList();
-        this.map = [];
     }
     ngOnChanges() {
         if (this.pageContainer) {
@@ -38,10 +45,9 @@ let NgDocPageMapComponent = class NgDocPageMapComponent {
             .subscribe(this.select.bind(this));
     }
     select(item) {
-        var _a;
         const index = this.map.indexOf(item);
         if (this.selection) {
-            const element = (_a = this.elements.toArray()[index]) === null || _a === void 0 ? void 0 : _a.elementRef.nativeElement;
+            const element = this.elements.toArray()[index]?.elementRef.nativeElement;
             if (element) {
                 this.renderer.setStyle(this.selection.nativeElement, 'top', `${element.offsetTop}px`);
                 this.renderer.setStyle(this.selection.nativeElement, 'height', `${element.offsetHeight}px`);

package/engine/.cache/libs/app/components/playground/playground.component.js

@@ -7,11 +7,16 @@ const forms_1 = require("@angular/forms");
 const classes_1 = require("@ng-doc/app/classes");
 const core_2 = require("@ng-doc/core");
 let NgDocPlaygroundComponent = class NgDocPlaygroundComponent {
+    rootPage;
+    formBuilder;
+    id;
+    selectors = [];
+    properties;
+    formGroup;
+    reinitializeDemo = false;
     constructor(rootPage, formBuilder) {
         this.rootPage = rootPage;
         this.formBuilder = formBuilder;
-        this.selectors = [];
-        this.reinitializeDemo = false;
     }
     ngOnInit() {
         const propertiesForm = this.formBuilder.group(this.getPropertiesFormValues());
@@ -26,28 +31,23 @@ let NgDocPlaygroundComponent = class NgDocPlaygroundComponent {
         return this.id && this.rootPage.playground ? this.rootPage.playground[this.id] : undefined;
     }
     getPropertiesFormValues() {
-        var _a;
-        return (0, core_2.objectKeys)((_a = this.properties) !== null && _a !== void 0 ? _a : {}).reduce((controls, key) => {
-            var _a, _b;
+        return (0, core_2.objectKeys)(this.properties ?? {}).reduce((controls, key) => {
             if (this.properties) {
-                controls[key] = (0, core_2.extractValue)((_b = (_a = this.properties[key]) === null || _a === void 0 ? void 0 : _a.default) !== null && _b !== void 0 ? _b : 'undefined');
+                controls[key] = (0, core_2.extractValue)(this.properties[key]?.default ?? 'undefined');
             }
             return controls;
         }, {});
     }
     getContentFormValues() {
-        var _a, _b;
-        return (0, core_2.objectKeys)((_b = (_a = this.configuration) === null || _a === void 0 ? void 0 : _a.dynamicContent) !== null && _b !== void 0 ? _b : {}).reduce((controls, key) => {
-            var _a;
-            if ((_a = this.configuration) === null || _a === void 0 ? void 0 : _a.dynamicContent) {
+        return (0, core_2.objectKeys)(this.configuration?.dynamicContent ?? {}).reduce((controls, key) => {
+            if (this.configuration?.dynamicContent) {
                 controls[key] = false;
             }
             return controls;
         }, {});
     }
     resetForm() {
-        var _a;
-        (_a = this.formGroup) === null || _a === void 0 ? void 0 : _a.reset({
+        this.formGroup?.reset({
             properties: this.getPropertiesFormValues(),
             content: this.getContentFormValues(),
         });

package/engine/.cache/libs/app/components/playground-demo/playground-demo.component.js

@@ -10,40 +10,48 @@ const until_destroy_1 = require("@ngneat/until-destroy");
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 let NgDocPlaygroundDemoComponent = class NgDocPlaygroundDemoComponent {
+    rootPage;
+    injector;
+    target;
+    selector = '';
+    template = '';
+    properties;
+    dynamicContent;
+    data;
+    reinitializeDemo = false;
+    form;
+    demoOutlet;
+    code = '';
+    demoRef;
+    unsubscribe$ = new rxjs_1.Subject();
     constructor(rootPage, injector) {
         this.rootPage = rootPage;
         this.injector = injector;
-        this.selector = '';
-        this.template = '';
-        this.reinitializeDemo = false;
-        this.code = '';
-        this.unsubscribe$ = new rxjs_1.Subject();
     }
     ngOnChanges({ form }) {
-        var _a, _b;
         if (form) {
             this.unsubscribe$.next();
-            this.renderDemo((_a = this.form) === null || _a === void 0 ? void 0 : _a.value);
+            this.renderDemo(this.form?.value);
             this.updateCodeView();
-            (_b = this.form) === null || _b === void 0 ? void 0 : _b.valueChanges.pipe((0, operators_1.takeUntil)(this.unsubscribe$), (0, until_destroy_1.untilDestroyed)(this)).subscribe((data) => this.updateDemo(data));
+            this.form?.valueChanges
+                .pipe((0, operators_1.takeUntil)(this.unsubscribe$), (0, until_destroy_1.untilDestroyed)(this))
+                .subscribe((data) => this.updateDemo(data));
         }
     }
     updateDemo(data) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
         if (this.reinitializeDemo) {
             this.renderDemo(data);
         }
         else {
-            Object.assign((_b = (_a = this.demoRef) === null || _a === void 0 ? void 0 : _a.instance.demo) !== null && _b !== void 0 ? _b : {}, data.properties);
-            Object.assign((_d = (_c = this.demoRef) === null || _c === void 0 ? void 0 : _c.instance.content) !== null && _d !== void 0 ? _d : {}, data.content);
-            (_h = (_g = (_f = (_e = this.demoRef) === null || _e === void 0 ? void 0 : _e.instance) === null || _f === void 0 ? void 0 : _f.viewContainerRef) === null || _g === void 0 ? void 0 : _g.injector.get(core_1.ChangeDetectorRef)) === null || _h === void 0 ? void 0 : _h.markForCheck();
+            Object.assign(this.demoRef?.instance.demo ?? {}, data.properties);
+            Object.assign(this.demoRef?.instance.content ?? {}, data.content);
+            this.demoRef?.instance?.viewContainerRef?.injector.get(core_1.ChangeDetectorRef)?.markForCheck();
         }
         this.updateCodeView();
     }
     renderDemo(data) {
-        var _a;
         if (this.target && this.properties) {
-            (_a = this.demoRef) === null || _a === void 0 ? void 0 : _a.destroy();
+            this.demoRef?.destroy();
             const template = (0, helpers_1.compileTemplate)(this.template, this.selector, this.properties, data, this.dynamicContent, this.reinitializeDemo ? 'dynamic' : 'compile');
             // const compiledModule: ModuleWithComponentFactories<NgDocBaseDemoComponent> =
             // 	this.compiler.compileModuleAndAllComponentsSync(module);

package/engine/.cache/libs/app/components/playground-properties/playground-properties.component.js

@@ -5,14 +5,14 @@ const tslib_1 = require("tslib");
 const core_1 = require("@angular/core");
 const forms_1 = require("@angular/forms");
 let NgDocPlaygroundPropertiesComponent = class NgDocPlaygroundPropertiesComponent {
-    constructor() {
-        this.reinitializeDemo = false;
-        this.reinitializeDemoChange = new core_1.EventEmitter();
-        this.resetForm = new core_1.EventEmitter();
-    }
+    form;
+    properties;
+    dynamicContent;
+    reinitializeDemo = false;
+    reinitializeDemoChange = new core_1.EventEmitter();
+    resetForm = new core_1.EventEmitter();
     getFormControl(controlType, key) {
-        var _a, _b;
-        return (_b = (_a = this.form) === null || _a === void 0 ? void 0 : _a.get(controlType)) === null || _b === void 0 ? void 0 : _b.get(key);
+        return this.form?.get(controlType)?.get(key);
     }
 };
 tslib_1.__decorate([

package/engine/.cache/libs/app/components/playground-property/playground-property.component.js

@@ -7,17 +7,23 @@ const forms_1 = require("@angular/forms");
 const helpers_1 = require("@ng-doc/app/helpers");
 const core_2 = require("@ng-doc/core");
 let NgDocPlaygroundPropertyComponent = class NgDocPlaygroundPropertyComponent {
+    injector;
+    name = '';
+    property;
+    control;
+    propertyOutlet;
+    option;
+    propertyControl;
     constructor(injector) {
         this.injector = injector;
-        this.name = '';
     }
     ngOnChanges({ property, control }) {
-        var _a, _b, _c, _d, _e, _f;
         if (property && this.property) {
-            (_a = this.propertyControl) === null || _a === void 0 ? void 0 : _a.destroy();
+            this.propertyControl?.destroy();
             this.propertyControl = undefined;
             const type = (0, helpers_1.isPlaygroundProperty)(this.property) ? this.property.type : 'boolean';
-            const typeControl = (_b = this.getControlForType(type)) !== null && _b !== void 0 ? _b : this.getControlForTypeAlias((0, helpers_1.isPlaygroundProperty)(this.property) ? this.property.options : undefined);
+            const typeControl = this.getControlForType(type) ??
+                this.getControlForTypeAlias((0, helpers_1.isPlaygroundProperty)(this.property) ? this.property.options : undefined);
             if (typeControl && this.propertyOutlet) {
                 this.propertyControl = this.propertyOutlet.createComponent(typeControl.control);
                 this.propertyControl.instance.name = this.name;
@@ -28,7 +34,7 @@ let NgDocPlaygroundPropertyComponent = class NgDocPlaygroundPropertyComponent {
                 this.propertyControl.instance.default = (0, helpers_1.isPlaygroundProperty)(this.property)
                     ? this.property.default
                     : undefined;
-                this.propertyControl.instance.writeValue((_c = this.control) === null || _c === void 0 ? void 0 : _c.value);
+                this.propertyControl.instance.writeValue(this.control?.value);
                 this.option = typeControl.options;
             }
             else if ((0, core_1.isDevMode)()) {
@@ -36,17 +42,16 @@ let NgDocPlaygroundPropertyComponent = class NgDocPlaygroundPropertyComponent {
             }
         }
         if (control) {
-            (_d = this.control) === null || _d === void 0 ? void 0 : _d.registerOnChange((value) => { var _a, _b; return (_b = (_a = this.propertyControl) === null || _a === void 0 ? void 0 : _a.instance) === null || _b === void 0 ? void 0 : _b.writeValue(value); });
-            (_e = this.propertyControl) === null || _e === void 0 ? void 0 : _e.instance.registerOnChange((value) => { var _a; return (_a = this.control) === null || _a === void 0 ? void 0 : _a.setValue(value); });
-            (_f = this.propertyControl) === null || _f === void 0 ? void 0 : _f.instance.registerOnTouched(() => { var _a; return (_a = this.control) === null || _a === void 0 ? void 0 : _a.markAsTouched(); });
+            this.control?.registerOnChange((value) => this.propertyControl?.instance?.writeValue(value));
+            this.propertyControl?.instance.registerOnChange((value) => this.control?.setValue(value));
+            this.propertyControl?.instance.registerOnTouched(() => this.control?.markAsTouched());
         }
     }
     get hasPropertyControl() {
         return !!this.propertyControl;
     }
     get tooltipContent() {
-        var _a;
-        return this.property && (0, helpers_1.isPlaygroundProperty)(this.property) ? (_a = this.property.description) !== null && _a !== void 0 ? _a : '' : '';
+        return this.property && (0, helpers_1.isPlaygroundProperty)(this.property) ? this.property.description ?? '' : '';
     }
     getControlForType(type) {
         const token = (0, helpers_1.getTokenForType)(type);
@@ -59,7 +64,7 @@ let NgDocPlaygroundPropertyComponent = class NgDocPlaygroundPropertyComponent {
                 // checking that all values are extractable
                 options.forEach((item) => (0, core_2.extractValueOrThrow)(item));
             }
-            catch (_a) {
+            catch {
                 optionsIsValid = false;
             }
             if (optionsIsValid) {

package/engine/.cache/libs/app/components/root/root.component.js

@@ -14,6 +14,13 @@ const until_destroy_1 = require("@ngneat/until-destroy");
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 let NgDocRootComponent = class NgDocRootComponent {
+    elementRef;
+    ngZone;
+    router;
+    location;
+    breakpointObserver;
+    sidebarService;
+    window;
     constructor(elementRef, ngZone, router, location, breakpointObserver, sidebarService, window) {
         this.elementRef = elementRef;
         this.ngZone = ngZone;
@@ -23,12 +30,11 @@ let NgDocRootComponent = class NgDocRootComponent {
         this.sidebarService = sidebarService;
         this.window = window;
         (0, rxjs_1.fromEvent)(this.elementRef.nativeElement, 'click').pipe((0, until_destroy_1.untilDestroyed)(this), (0, ui_kit_1.ngDocZoneOptimize)(this.ngZone), (0, operators_1.filter)((event) => event instanceof PointerEvent)).subscribe((event) => {
-            var _a, _b, _c;
             const target = event.target;
             if (target instanceof HTMLAnchorElement) {
                 if ((0, is_external_link_1.isExternalLink)(target.href)) {
                     event.preventDefault();
-                    (_a = this.window.open(target.href, '_blank')) === null || _a === void 0 ? void 0 : _a.focus();
+                    this.window.open(target.href, '_blank')?.focus();
                 }
                 else {
                     const hasModifier = event.button !== 0 || event.ctrlKey || event.metaKey;
@@ -36,7 +42,7 @@ let NgDocRootComponent = class NgDocRootComponent {
                     const hasHash = !!target.hash;
                     if (!hasModifier && !isDownloadable && !hasHash) {
                         const { pathname, search } = target;
-                        const isInPageAnchor = (_c = (_b = target.getAttribute('href')) === null || _b === void 0 ? void 0 : _b.startsWith('#')) !== null && _c !== void 0 ? _c : false;
+                        const isInPageAnchor = target.getAttribute('href')?.startsWith('#') ?? false;
                         const correctPathname = isInPageAnchor ? this.location.path() : pathname;
                         const relativeUrl = correctPathname + search;
                         event.preventDefault();

package/engine/.cache/libs/app/components/search/search.component.js

@@ -8,13 +8,15 @@ const until_destroy_1 = require("@ngneat/until-destroy");
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 let NgDocSearchComponent = class NgDocSearchComponent {
+    searchEngine;
+    changeDetectorRef;
+    mod = 'input';
+    searchTerm = '';
+    query$ = new rxjs_1.Subject();
+    queryResult = [];
     constructor(searchEngine, changeDetectorRef) {
         this.searchEngine = searchEngine;
         this.changeDetectorRef = changeDetectorRef;
-        this.mod = 'input';
-        this.searchTerm = '';
-        this.query$ = new rxjs_1.Subject();
-        this.queryResult = [];
         this.query$
             .pipe((0, operators_1.switchMap)((term) => this.searchEngine.search(term)), (0, until_destroy_1.untilDestroyed)(this))
             .subscribe((result) => {

package/engine/.cache/libs/app/components/search-result/search-result.component.js

@@ -4,10 +4,8 @@ exports.NgDocSearchResultComponent = void 0;
 const tslib_1 = require("tslib");
 const core_1 = require("@angular/core");
 let NgDocSearchResultComponent = class NgDocSearchResultComponent {
-    constructor() {
-        this.result = [];
-        this.groupedResult = {};
-    }
+    result = [];
+    groupedResult = {};
     ngOnChanges({ result }) {
         if (result && this.result) {
             this.groupedResult = this.result.reduce((grouped, item) => {