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

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

@@ -32,13 +32,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,23 @@ 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) {
+    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 +33,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 +47,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,27 @@ 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 {
     constructor(rootPage) {
         this.rootPage = rootPage;
         this.container = true;
+        this.assets = [];
     }
-    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 +37,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/navbar/navbar.component.js

@@ -21,7 +21,7 @@ let NgDocNavbarComponent = class NgDocNavbarComponent {
         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.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.component.js

@@ -38,10 +38,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

@@ -26,28 +26,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

@@ -20,30 +20,29 @@ let NgDocPlaygroundDemoComponent = class NgDocPlaygroundDemoComponent {
         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

@@ -11,8 +11,7 @@ let NgDocPlaygroundPropertiesComponent = class NgDocPlaygroundPropertiesComponen
         this.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

@@ -12,12 +12,12 @@ let NgDocPlaygroundPropertyComponent = class NgDocPlaygroundPropertyComponent {
         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 +28,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 +36,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 +58,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

@@ -23,12 +23,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 +35,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/sidebar/sidebar-category/sidebar-category.component.js

@@ -20,22 +20,20 @@ let NgDocSidebarCategoryComponent = class NgDocSidebarCategoryComponent {
          * We need to update this component every time a navigation occurs to expand the category if its child node is currently rendered
          */
         this.router.events
-            .pipe((0, operators_1.filter)((event) => event instanceof router_1.NavigationEnd), (0, operators_1.startWith)(null), (0, operators_1.filter)(() => { var _a, _b; return this.router.url.includes((_b = (_a = this.category) === null || _a === void 0 ? void 0 : _a.route) !== null && _b !== void 0 ? _b : '', 0); }), (0, until_destroy_1.untilDestroyed)(this))
+            .pipe((0, operators_1.filter)((event) => event instanceof router_1.NavigationEnd), (0, operators_1.startWith)(null), (0, operators_1.filter)(() => this.router.url.includes(this.category?.route ?? '', 0)), (0, until_destroy_1.untilDestroyed)(this))
             .subscribe(() => this.expand());
     }
     toggle() {
         this.expanded ? this.collapse() : this.expand();
     }
     expand() {
-        var _a;
-        if ((_a = this.category) === null || _a === void 0 ? void 0 : _a.expandable) {
+        if (this.category?.expandable) {
             this.expanded = true;
             this.changeDetectorRef.markForCheck();
         }
     }
     collapse() {
-        var _a;
-        if ((_a = this.category) === null || _a === void 0 ? void 0 : _a.expandable) {
+        if (this.category?.expandable) {
             this.expanded = false;
             this.changeDetectorRef.markForCheck();
         }

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

@@ -16,8 +16,7 @@ let NgDocSidebarComponent = class NgDocSidebarComponent {
      * @returns {NgDocNavigation} - something
      */
     getNavigation(nav) {
-        var _a;
-        return (nav ? (_a = nav.children) !== null && _a !== void 0 ? _a : [] : this.context.navigation).sort((a, b) => {
+        return (nav ? nav.children ?? [] : this.context.navigation).sort((a, b) => {
             if ((0, core_2.isPresent)(a.order) && (0, core_2.isPresent)(b.order)) {
                 return a.order - b.order;
             }

package/engine/.cache/libs/app/directives/code-highlighter/code-highlighter.directive.js

@@ -34,10 +34,9 @@ let NgDocCodeHighlighterDirective = class NgDocCodeHighlighterDirective {
         this.highlightJsClass = true;
     }
     ngOnChanges() {
-        var _a;
         if (this.code) {
             const result = core_2.default.highlight(this.language, this.code);
-            this.elementRef.nativeElement.innerHTML = (_a = result.value) !== null && _a !== void 0 ? _a : this.html;
+            this.elementRef.nativeElement.innerHTML = result.value ?? this.html;
         }
         else {
             this.elementRef.nativeElement.innerHTML = this.html;

package/engine/.cache/libs/app/helpers/generate-page-map/generate-page-map.js

@@ -10,7 +10,6 @@ function generatePageMap(container, headings = ['h1', 'h2', 'h3', 'h4']) {
     const headingElements = Array.from(container.querySelectorAll(headings.join(', ')));
     return headingElements
         .reduce((map, heading, i) => {
-        var _a, _b;
         const headingLevel = levelFromTagName(heading);
         const previousItem = map[i - 1];
         const level = !previousItem
@@ -23,7 +22,7 @@ function generatePageMap(container, headings = ['h1', 'h2', 'h3', 'h4']) {
         const anchor = heading.querySelector('a.ng-doc-header-link');
         if (anchor) {
             map.push({
-                title: (_b = (_a = heading.textContent) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : '',
+                title: heading.textContent?.trim() ?? '',
                 element: heading,
                 path: anchor.pathname + anchor.hash,
                 level,

package/engine/.cache/libs/app/modules/root/ng-doc.module.js

@@ -22,12 +22,12 @@ let NgDocModule = NgDocModule_1 = class NgDocModule {
             providers: [
                 { provide: search_engine_1.NgDocSearchEngine, useValue: new search_engine_1.NgDocSearchEngine() },
                 { provide: tokens_1.NG_DOC_THEME, useValue: constants_1.NG_DOC_NIGHT_THEME, multi: true },
-                ...(0, core_2.asArray)(config === null || config === void 0 ? void 0 : config.themes).map((theme) => ({
+                ...(0, core_2.asArray)(config?.themes).map((theme) => ({
                     provide: tokens_1.NG_DOC_THEME,
                     useValue: theme,
                     multi: true,
                 })),
-                ...(0, core_2.asArray)(config === null || config === void 0 ? void 0 : config.defaultThemeId).map((themeId) => ({
+                ...(0, core_2.asArray)(config?.defaultThemeId).map((themeId) => ({
                     provide: tokens_1.NG_DOC_DEFAULT_THEME_ID,
                     useValue: themeId,
                 })),
@@ -36,7 +36,7 @@ let NgDocModule = NgDocModule_1 = class NgDocModule {
                     useFactory: (themeService, store, defaultThemeId) => {
                         return () => {
                             const themeId = store.get(constants_1.NG_DOC_STORE_THEME_KEY);
-                            return themeService.set(themeId !== null && themeId !== void 0 ? themeId : defaultThemeId);
+                            return themeService.set(themeId ?? defaultThemeId);
                         };
                     },
                     multi: true,

package/engine/.cache/libs/app/pipes/filter-by-text/filter-by-text.pipe.js

@@ -5,8 +5,7 @@ const tslib_1 = require("tslib");
 const core_1 = require("@angular/core");
 let NgDocFilterByTextPipe = class NgDocFilterByTextPipe {
     transform(items, searchTerm, matcher = (item, s) => String(item) === s) {
-        var _a;
-        return (_a = items === null || items === void 0 ? void 0 : items.filter((item) => matcher(item, searchTerm))) !== null && _a !== void 0 ? _a : [];
+        return items?.filter((item) => matcher(item, searchTerm)) ?? [];
     }
 };
 NgDocFilterByTextPipe = tslib_1.__decorate([

package/engine/.cache/libs/app/processors/code-processor/code-processor.directive.js

@@ -12,17 +12,14 @@ let NgDocCodeProcessorDirective = class NgDocCodeProcessorDirective extends html
         this.viewContainerRef = viewContainerRef;
     }
     replaceElement(element) {
-        var _a;
-        return (_a = element.closest('pre')) !== null && _a !== void 0 ? _a : element;
+        return element.closest('pre') ?? element;
     }
     extractComponentOptions(element) {
-        var _a;
         return {
             inputs: {
-                html: (_a = element.innerHTML) !== null && _a !== void 0 ? _a : '',
-                language: element.getAttribute('lang') || 'html',
                 copyButton: element.getAttribute('copyButton') !== 'false',
             },
+            content: [[(element.closest('pre') ?? element).cloneNode(true)]],
         };
     }
 };

package/engine/.cache/libs/app/processors/html-processor/html-processor.directive.js

@@ -17,7 +17,6 @@ let NgDocHtmlProcessor = class NgDocHtmlProcessor {
     ngOnInit() {
         this.elementRef.nativeElement.querySelectorAll(this.selector)
             .forEach((elementNode) => {
-            var _a;
             const options = this.extractComponentOptions(elementNode);
             // create component
             const componentRef = this.viewContainerRef.createComponent(this.component, {
@@ -27,7 +26,7 @@ let NgDocHtmlProcessor = class NgDocHtmlProcessor {
             Object.assign(componentRef.instance, options.inputs);
             // replace element node with component node
             const replaceElement = this.replaceElement(elementNode);
-            (_a = replaceElement.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(componentRef.location.nativeElement, replaceElement);
+            replaceElement.parentNode?.replaceChild(componentRef.location.nativeElement, replaceElement);
             componentRef.changeDetectorRef.markForCheck();
         });
     }

package/engine/.cache/libs/app/processors/icon-processor/icon-processor.directive.js

@@ -12,11 +12,10 @@ let NgDocIconProcessorDirective = class NgDocIconProcessorDirective extends html
         this.viewContainerRef = viewContainerRef;
     }
     extractComponentOptions(element) {
-        var _a, _b;
         return {
             inputs: {
-                icon: (_a = element.getAttribute('icon')) !== null && _a !== void 0 ? _a : '',
-                size: (_b = Number(element.getAttribute('size'))) !== null && _b !== void 0 ? _b : 16,
+                icon: element.getAttribute('icon') ?? '',
+                size: Number(element.getAttribute('size')) ?? 16,
             },
         };
     }

package/engine/.cache/libs/app/processors/index.js

@@ -7,3 +7,4 @@ tslib_1.__exportStar(require("@ng-doc/app/processors/demo-processor"), exports);
 tslib_1.__exportStar(require("@ng-doc/app/processors/html-processor"), exports);
 tslib_1.__exportStar(require("@ng-doc/app/processors/icon-processor"), exports);
 tslib_1.__exportStar(require("@ng-doc/app/processors/playground-processor"), exports);
+tslib_1.__exportStar(require("@ng-doc/app/processors/tooltip-processor"), exports);

package/engine/.cache/libs/app/processors/playground-processor/playground-processor.directive.js

@@ -12,12 +12,11 @@ let NgDocPlaygroundProcessorDirective = class NgDocPlaygroundProcessorDirective
         this.viewContainerRef = viewContainerRef;
     }
     extractComponentOptions(element) {
-        var _a, _b, _c;
         return {
             inputs: {
                 id: element.getAttribute('id') || undefined,
-                properties: JSON.parse((_b = (_a = element.querySelector('#data')) === null || _a === void 0 ? void 0 : _a.textContent) !== null && _b !== void 0 ? _b : '') || undefined,
-                selectors: (((_c = element.querySelector('#selectors')) === null || _c === void 0 ? void 0 : _c.textContent) || '')
+                properties: JSON.parse(element.querySelector('#data')?.textContent ?? '') || undefined,
+                selectors: (element.querySelector('#selectors')?.textContent || '')
                     .split(',')
                     .map((selector) => selector.trim()),
             },

package/engine/.cache/libs/app/processors/tooltip-processor/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./tooltip-processor.directive"), exports);
+tslib_1.__exportStar(require("./tooltip-processor.module"), exports);
+tslib_1.__exportStar(require("./tooltip-wrapper.component"), exports);

package/engine/.cache/libs/app/processors/tooltip-processor/tooltip-processor.directive.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NgDocTooltipProcessorDirective = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+const html_processor_1 = require("@ng-doc/app/processors/html-processor");
+const tooltip_wrapper_component_1 = require("./tooltip-wrapper.component");
+let NgDocTooltipProcessorDirective = class NgDocTooltipProcessorDirective extends html_processor_1.NgDocHtmlProcessor {
+    constructor(elementRef, viewContainerRef) {
+        super(elementRef, viewContainerRef, `[ngDocTooltip]`, tooltip_wrapper_component_1.NgDocTooltipWrapperComponent);
+        this.elementRef = elementRef;
+        this.viewContainerRef = viewContainerRef;
+    }
+    extractComponentOptions(element) {
+        return {
+            inputs: {
+                content: element.getAttribute('ngDocTooltip') ?? '',
+            },
+            content: [[element.cloneNode(true)]],
+        };
+    }
+};
+NgDocTooltipProcessorDirective = tslib_1.__decorate([
+    (0, core_1.Directive)({
+        selector: '[ngDocTooltipProcessor]',
+    }),
+    tslib_1.__metadata("design:paramtypes", [core_1.ElementRef,
+        core_1.ViewContainerRef])
+], NgDocTooltipProcessorDirective);
+exports.NgDocTooltipProcessorDirective = NgDocTooltipProcessorDirective;

package/engine/.cache/libs/app/processors/tooltip-processor/tooltip-processor.module.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NgDocTooltipProcessorModule = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+const ui_kit_1 = require("@ng-doc/ui-kit");
+const tooltip_processor_directive_1 = require("./tooltip-processor.directive");
+const tooltip_wrapper_component_1 = require("./tooltip-wrapper.component");
+let NgDocTooltipProcessorModule = class NgDocTooltipProcessorModule {
+};
+NgDocTooltipProcessorModule = tslib_1.__decorate([
+    (0, core_1.NgModule)({
+        declarations: [tooltip_processor_directive_1.NgDocTooltipProcessorDirective, tooltip_wrapper_component_1.NgDocTooltipWrapperComponent],
+        exports: [tooltip_processor_directive_1.NgDocTooltipProcessorDirective],
+        imports: [ui_kit_1.NgDocTooltipModule],
+    })
+], NgDocTooltipProcessorModule);
+exports.NgDocTooltipProcessorModule = NgDocTooltipProcessorModule;

package/engine/.cache/libs/app/processors/tooltip-processor/tooltip-wrapper.component.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NgDocTooltipWrapperComponent = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+let NgDocTooltipWrapperComponent = class NgDocTooltipWrapperComponent {
+};
+tslib_1.__decorate([
+    (0, core_1.Input)(),
+    tslib_1.__metadata("design:type", String)
+], NgDocTooltipWrapperComponent.prototype, "content", void 0);
+NgDocTooltipWrapperComponent = tslib_1.__decorate([
+    (0, core_1.Component)({
+        selector: 'ng-doc-tooltip-wrapper',
+        template: `
+		<div class="content-projection" [ngDocTooltip]="content">
+			<ng-content></ng-content>
+		</div>
+	`,
+        styles: [
+            `
+			.content-projection {
+				display: unset;
+			}
+		`,
+        ],
+        changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+    })
+], NgDocTooltipWrapperComponent);
+exports.NgDocTooltipWrapperComponent = NgDocTooltipWrapperComponent;

package/engine/.cache/libs/app/services/theme/theme.service.js

@@ -42,9 +42,8 @@ let NgDocThemeService = class NgDocThemeService {
         return Promise.resolve();
     }
     removeLink() {
-        var _a;
         this.theme = undefined;
-        (_a = this.linkElement) === null || _a === void 0 ? void 0 : _a.remove();
+        this.linkElement?.remove();
         this.linkElement = undefined;
     }
     createLinkIfNoExists() {

package/engine/.cache/libs/builder/engine/actions/demo.action.js

@@ -10,9 +10,8 @@ exports.demoAction = void 0;
  */
 function demoAction(componentName, options) {
     return () => {
-        var _a;
         return {
-            output: `<ng-doc-demo componentName="${componentName}" container="${(_a = options === null || options === void 0 ? void 0 : options.container) !== null && _a !== void 0 ? _a : true}"></ng-doc-demo>`,
+            output: `<ng-doc-demo componentName="${componentName}" container="${options?.container ?? true}"></ng-doc-demo>`,
         };
     };
 }