npm - @ng-doc/ui-kit - Versions diffs - 17.6.16 → 18.0.0-beta.2 - Mend

@ng-doc/ui-kit 17.6.16 → 18.0.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (237) hide show

package/fesm2022/ng-doc-ui-kit-components-sidenav.mjs CHANGED Viewed

@@ -1,7 +1,8 @@
-import { trigger, state, style, transition, animate } from '@angular/animations';
-import { NgIf } from '@angular/common';
+import { trigger, transition, style, animate } from '@angular/animations';
+import { NgIf, AsyncPipe } from '@angular/common';
 import * as i0 from '@angular/core';
 import { EventEmitter, Component, ChangeDetectionStrategy, Input, HostBinding, Output } from '@angular/core';
+import { NgDocLetDirective } from '@ng-doc/ui-kit/directives';
 import * as i1 from '@tinkoff/ng-polymorpheus';
 import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
@@ -11,15 +12,6 @@ class NgDocSidenavComponent {
          * Content of the sidenav.
          */
         this.sidebar = '';
-        /**
-         * Align of the sidenav.
-         */
-        this.align = 'left';
-        /**
-         * Indicates whether the sidenav is over the page content or not.
-         * Which means that the sidenav is not part of the page content.
-         */
-        this.over = false;
         /**
          * Indicates whether the sidenav is opened or not.
          * This is used to trigger the animation.
@@ -29,64 +21,10 @@ class NgDocSidenavComponent {
          * Indicates whether the sidenav has a backdrop or not.
          */
         this.hasBackdrop = true;
-        this.openedChange = new EventEmitter();
         this.closeEvent = new EventEmitter();
-        this.beforeOpen = new EventEmitter();
-        this.beforeClose = new EventEmitter();
-        this.afterOpen = new EventEmitter();
-        this.afterClose = new EventEmitter();
     }
-    get backdrop() {
-        return this.over && this.opened && this.hasBackdrop;
-    }
-    animationStart(event) {
-        !!event.toState ? this.beforeOpen.emit() : this.beforeClose.emit();
-    }
-    animationDone(event) {
-        !!event.toState ? this.afterOpen.emit() : this.afterClose.emit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocSidenavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: NgDocSidenavComponent, isStandalone: true, selector: "ng-doc-sidenav", inputs: { sidebar: "sidebar", align: "align", over: "over", opened: "opened", hasBackdrop: "hasBackdrop" }, outputs: { openedChange: "openedChange", closeEvent: "closeEvent", beforeOpen: "beforeOpen", beforeClose: "beforeClose", afterOpen: "afterOpen", afterClose: "afterClose" }, host: { properties: { "attr.data-ng-doc-align": "this.align", "attr.data-ng-doc-over": "this.over", "attr.data-ng-doc-opened": "this.opened" } }, ngImport: i0, template: "<div class=\"ng-doc-sidenav-wrapper\">\n\t<div\n\t\tclass=\"ng-doc-sidenav\"\n\t\t[@sidenavAnimation]=\"opened ? align : false\"\n\t\t(@sidenavAnimation.start)=\"animationStart($event)\"\n\t\t(@sidenavAnimation.done)=\"animationDone($event)\">\n\t\t<ng-container *polymorpheusOutlet=\"sidebar\"></ng-container>\n\t</div>\n\t<div class=\"ng-doc-sidenav-content\" [@sidenavContentAnimation]=\"!over ? opened : false\">\n\t\t<div class=\"ng-doc-backdrop\" @backdropFade *ngIf=\"backdrop\" (click)=\"closeEvent.emit()\"></div>\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n", styles: [":host{width:100%}:host[data-ng-doc-align=right] .ng-doc-sidenav-wrapper{flex-direction:row-reverse}:host[data-ng-doc-over=true] .ng-doc-sidenav-content{min-width:100%}:host[data-ng-doc-over=true][data-ng-doc-align=left] .ng-doc-sidenav{--ng-doc-sidebar-shadow: var(--ng-doc-shadow-color) -5px 5px 20px -5px}:host[data-ng-doc-over=true][data-ng-doc-align=right] .ng-doc-sidenav{--ng-doc-sidebar-shadow: var(--ng-doc-shadow-color) 0px 5px 20px -5px}:host .ng-doc-sidenav-wrapper{position:relative;display:flex;width:100%}:host .ng-doc-sidenav{position:fixed;top:var(--ng-doc-sidenav-top, 0);width:var(--ng-doc-sidenav-width);flex-shrink:0;z-index:5;transition:box-shadow var(--ng-doc-transition)}:host .ng-doc-sidenav-content{width:100%;padding:var(--ng-doc-sidenav-content-padding)}:host .ng-doc-backdrop{position:fixed!important;left:0;top:0;width:100%;height:100%;z-index:1}:host .ng-doc-backdrop:not(nothing){-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}:host .ng-doc-backdrop:not(nothing){position:relative}:host .ng-doc-backdrop:not(nothing):before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0003;opacity:.6;border-radius:inherit;overflow:hidden;pointer-events:none}@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)){:host .ng-doc-backdrop{background-color:#0003}}:host .ng-doc-backdropnothing{background-color:#0003}\n"], dependencies: [{ kind: "ngmodule", type: PolymorpheusModule }, { kind: "directive", type: i1.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
-            trigger('sidenavAnimation', [
-                state('false', style({ display: 'none' })),
-                transition('left => false', [
-                    style({ transform: 'translateX(0)', opacity: 1 }),
-                    animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({
-                        transform: 'translateX(-100%)',
-                        opacity: 0,
-                    })),
-                ]),
-                transition('false => left', [
-                    style({ transform: 'translateX(-100%)', opacity: 0, display: 'block' }),
-                    animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({
-                        transform: 'translateX(0)',
-                        opacity: 1,
-                    })),
-                ]),
-                transition('right => false', [
-                    style({ transform: 'translateX(0)', opacity: 1 }),
-                    animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({
-                        transform: 'translateX(100%)',
-                        opacity: 0,
-                    })),
-                ]),
-                transition('false => right', [
-                    style({ transform: 'translateX(100%)', opacity: 0, display: 'block' }),
-                    animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({
-                        transform: 'translateX(0)',
-                        opacity: 1,
-                    })),
-                ]),
-            ]),
-            trigger('sidenavContentAnimation', [
-                state('true', style({
-                    'margin-left': 'var(--ng-doc-sidenav-width)',
-                    width: 'calc(100% - var(--ng-doc-sidenav-width))',
-                })),
-                state('false', style({ 'margin-left': '0', width: '100%' })),
-                transition('true => false', animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)')),
-                transition('false => true', animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)')),
-            ]),
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocSidenavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: NgDocSidenavComponent, isStandalone: true, selector: "ng-doc-sidenav", inputs: { sidebar: "sidebar", opened: "opened", hasBackdrop: "hasBackdrop" }, outputs: { closeEvent: "closeEvent" }, host: { properties: { "attr.data-ng-doc-sidebar": "!!sidebar", "attr.data-ng-doc-opened": "this.opened" } }, ngImport: i0, template: "<div class=\"ng-doc-sidenav-wrapper\">\n  <div class=\"ng-doc-sidenav\">\n    <ng-container *polymorpheusOutlet=\"sidebar\"></ng-container>\n  </div>\n  <div class=\"ng-doc-sidenav-content\">\n    @if (opened && hasBackdrop) {\n      <div class=\"ng-doc-backdrop\" @backdropFade (click)=\"closeEvent.emit()\"></div>\n    }\n\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{width:100%}:host[data-ng-doc-sidebar=false] .ng-doc-sidenav-content{margin-left:0;width:100%}:host .ng-doc-sidenav-wrapper{position:relative;display:flex;width:100%}:host .ng-doc-sidenav{position:fixed;top:var(--ng-doc-navbar-height);width:var(--ng-doc-sidenav-width);flex-shrink:0;z-index:10;transition:left var(--ng-doc-transition)}:host .ng-doc-sidenav-content{margin-left:var(--ng-doc-sidenav-width);width:calc(100% - var(--ng-doc-sidenav-width));padding:var(--ng-doc-sidenav-content-padding);transition:margin-left var(--ng-doc-transition)}:host .ng-doc-backdrop{position:fixed!important;left:0;top:0;width:100%;height:100%;z-index:9}:host .ng-doc-backdrop:not(nothing){background:color-mix(in srgb,rgba(0,0,0,.2) 60%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)){:host .ng-doc-backdrop{background-color:#0003}}:host .ng-doc-backdropnothing{background-color:#0003}@media (max-width: 1024px){:host[data-ng-doc-opened=true] .ng-doc-sidenav{right:0;transition:right var(--ng-doc-transition);--ng-doc-sidebar-shadow: var(--ng-doc-shadow-color) -5px 5px 20px -5px}:host .ng-doc-sidenav{transition:unset;left:unset;right:calc(var(--ng-doc-sidenav-width) * -1);top:var(--ng-doc-navbar-height)}:host .ng-doc-sidenav-content{margin-left:0;width:100%}}\n"], dependencies: [{ kind: "ngmodule", type: PolymorpheusModule }, { kind: "directive", type: i1.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], animations: [
             trigger('backdropFade', [
                 transition(':enter', [
                     style({ opacity: 0 }),
@@ -95,68 +33,20 @@ class NgDocSidenavComponent {
             ]),
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocSidenavComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocSidenavComponent, decorators: [{
             type: Component,
             args: [{ animations: [
-                        trigger('sidenavAnimation', [
-                            state('false', style({ display: 'none' })),
-                            transition('left => false', [
-                                style({ transform: 'translateX(0)', opacity: 1 }),
-                                animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({
-                                    transform: 'translateX(-100%)',
-                                    opacity: 0,
-                                })),
-                            ]),
-                            transition('false => left', [
-                                style({ transform: 'translateX(-100%)', opacity: 0, display: 'block' }),
-                                animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({
-                                    transform: 'translateX(0)',
-                                    opacity: 1,
-                                })),
-                            ]),
-                            transition('right => false', [
-                                style({ transform: 'translateX(0)', opacity: 1 }),
-                                animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({
-                                    transform: 'translateX(100%)',
-                                    opacity: 0,
-                                })),
-                            ]),
-                            transition('false => right', [
-                                style({ transform: 'translateX(100%)', opacity: 0, display: 'block' }),
-                                animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({
-                                    transform: 'translateX(0)',
-                                    opacity: 1,
-                                })),
-                            ]),
-                        ]),
-                        trigger('sidenavContentAnimation', [
-                            state('true', style({
-                                'margin-left': 'var(--ng-doc-sidenav-width)',
-                                width: 'calc(100% - var(--ng-doc-sidenav-width))',
-                            })),
-                            state('false', style({ 'margin-left': '0', width: '100%' })),
-                            transition('true => false', animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)')),
-                            transition('false => true', animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)')),
-                        ]),
                         trigger('backdropFade', [
                             transition(':enter', [
                                 style({ opacity: 0 }),
                                 animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ opacity: 1 })),
                             ]),
                         ]),
-                    ], selector: 'ng-doc-sidenav', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [PolymorpheusModule, NgIf], template: "<div class=\"ng-doc-sidenav-wrapper\">\n\t<div\n\t\tclass=\"ng-doc-sidenav\"\n\t\t[@sidenavAnimation]=\"opened ? align : false\"\n\t\t(@sidenavAnimation.start)=\"animationStart($event)\"\n\t\t(@sidenavAnimation.done)=\"animationDone($event)\">\n\t\t<ng-container *polymorpheusOutlet=\"sidebar\"></ng-container>\n\t</div>\n\t<div class=\"ng-doc-sidenav-content\" [@sidenavContentAnimation]=\"!over ? opened : false\">\n\t\t<div class=\"ng-doc-backdrop\" @backdropFade *ngIf=\"backdrop\" (click)=\"closeEvent.emit()\"></div>\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n", styles: [":host{width:100%}:host[data-ng-doc-align=right] .ng-doc-sidenav-wrapper{flex-direction:row-reverse}:host[data-ng-doc-over=true] .ng-doc-sidenav-content{min-width:100%}:host[data-ng-doc-over=true][data-ng-doc-align=left] .ng-doc-sidenav{--ng-doc-sidebar-shadow: var(--ng-doc-shadow-color) -5px 5px 20px -5px}:host[data-ng-doc-over=true][data-ng-doc-align=right] .ng-doc-sidenav{--ng-doc-sidebar-shadow: var(--ng-doc-shadow-color) 0px 5px 20px -5px}:host .ng-doc-sidenav-wrapper{position:relative;display:flex;width:100%}:host .ng-doc-sidenav{position:fixed;top:var(--ng-doc-sidenav-top, 0);width:var(--ng-doc-sidenav-width);flex-shrink:0;z-index:5;transition:box-shadow var(--ng-doc-transition)}:host .ng-doc-sidenav-content{width:100%;padding:var(--ng-doc-sidenav-content-padding)}:host .ng-doc-backdrop{position:fixed!important;left:0;top:0;width:100%;height:100%;z-index:1}:host .ng-doc-backdrop:not(nothing){-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}:host .ng-doc-backdrop:not(nothing){position:relative}:host .ng-doc-backdrop:not(nothing):before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0003;opacity:.6;border-radius:inherit;overflow:hidden;pointer-events:none}@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)){:host .ng-doc-backdrop{background-color:#0003}}:host .ng-doc-backdropnothing{background-color:#0003}\n"] }]
+                    ], selector: 'ng-doc-sidenav', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [PolymorpheusModule, NgIf, AsyncPipe, NgDocLetDirective], host: {
+                        '[attr.data-ng-doc-sidebar]': '!!sidebar',
+                    }, template: "<div class=\"ng-doc-sidenav-wrapper\">\n  <div class=\"ng-doc-sidenav\">\n    <ng-container *polymorpheusOutlet=\"sidebar\"></ng-container>\n  </div>\n  <div class=\"ng-doc-sidenav-content\">\n    @if (opened && hasBackdrop) {\n      <div class=\"ng-doc-backdrop\" @backdropFade (click)=\"closeEvent.emit()\"></div>\n    }\n\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{width:100%}:host[data-ng-doc-sidebar=false] .ng-doc-sidenav-content{margin-left:0;width:100%}:host .ng-doc-sidenav-wrapper{position:relative;display:flex;width:100%}:host .ng-doc-sidenav{position:fixed;top:var(--ng-doc-navbar-height);width:var(--ng-doc-sidenav-width);flex-shrink:0;z-index:10;transition:left var(--ng-doc-transition)}:host .ng-doc-sidenav-content{margin-left:var(--ng-doc-sidenav-width);width:calc(100% - var(--ng-doc-sidenav-width));padding:var(--ng-doc-sidenav-content-padding);transition:margin-left var(--ng-doc-transition)}:host .ng-doc-backdrop{position:fixed!important;left:0;top:0;width:100%;height:100%;z-index:9}:host .ng-doc-backdrop:not(nothing){background:color-mix(in srgb,rgba(0,0,0,.2) 60%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)){:host .ng-doc-backdrop{background-color:#0003}}:host .ng-doc-backdropnothing{background-color:#0003}@media (max-width: 1024px){:host[data-ng-doc-opened=true] .ng-doc-sidenav{right:0;transition:right var(--ng-doc-transition);--ng-doc-sidebar-shadow: var(--ng-doc-shadow-color) -5px 5px 20px -5px}:host .ng-doc-sidenav{transition:unset;left:unset;right:calc(var(--ng-doc-sidenav-width) * -1);top:var(--ng-doc-navbar-height)}:host .ng-doc-sidenav-content{margin-left:0;width:100%}}\n"] }]
         }], propDecorators: { sidebar: [{
                 type: Input
-            }], align: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['attr.data-ng-doc-align']
-            }], over: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['attr.data-ng-doc-over']
             }], opened: [{
                 type: Input
             }, {
@@ -164,18 +54,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
                 args: ['attr.data-ng-doc-opened']
             }], hasBackdrop: [{
                 type: Input
-            }], openedChange: [{
-                type: Output
             }], closeEvent: [{
                 type: Output
-            }], beforeOpen: [{
-                type: Output
-            }], beforeClose: [{
-                type: Output
-            }], afterOpen: [{
-                type: Output
-            }], afterClose: [{
-                type: Output
             }] } });
 /**

package/fesm2022/ng-doc-ui-kit-components-sidenav.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-doc-ui-kit-components-sidenav.mjs","sources":["../../../../libs/ui-kit/components/sidenav/sidenav.component.ts","../../../../libs/ui-kit/components/sidenav/sidenav.component.html","../../../../libs/ui-kit/components/sidenav/ng-doc-ui-kit-components-sidenav.ts"],"sourcesContent":["import { animate, AnimationEvent, state, style, transition, trigger } from '@angular/animations';\nimport { NgIf } from '@angular/common';\nimport {\n\tChangeDetectionStrategy,\n\tComponent,\n\tEventEmitter,\n\tHostBinding,\n\tInput,\n\tOutput,\n} from '@angular/core';\nimport { NgDocContent, NgDocHorizontalAlign } from '@ng-doc/ui-kit/types';\nimport { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';\n\n@Component({\n\tanimations: [\n\t\ttrigger('sidenavAnimation', [\n\t\t\tstate('false', style({ display: 'none' })),\n\t\t\ttransition('left => false', [\n\t\t\t\tstyle({ transform: 'translateX(0)', opacity: 1 }),\n\t\t\t\tanimate(\n\t\t\t\t\t'220ms cubic-bezier(0.25, 0.8, 0.25, 1)',\n\t\t\t\t\tstyle({\n\t\t\t\t\t\ttransform: 'translateX(-100%)',\n\t\t\t\t\t\topacity: 0,\n\t\t\t\t\t}),\n\t\t\t\t),\n\t\t\t]),\n\t\t\ttransition('false => left', [\n\t\t\t\tstyle({ transform: 'translateX(-100%)', opacity: 0, display: 'block' }),\n\t\t\t\tanimate(\n\t\t\t\t\t'220ms cubic-bezier(0.25, 0.8, 0.25, 1)',\n\t\t\t\t\tstyle({\n\t\t\t\t\t\ttransform: 'translateX(0)',\n\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t}),\n\t\t\t\t),\n\t\t\t]),\n\t\t\ttransition('right => false', [\n\t\t\t\tstyle({ transform: 'translateX(0)', opacity: 1 }),\n\t\t\t\tanimate(\n\t\t\t\t\t'220ms cubic-bezier(0.25, 0.8, 0.25, 1)',\n\t\t\t\t\tstyle({\n\t\t\t\t\t\ttransform: 'translateX(100%)',\n\t\t\t\t\t\topacity: 0,\n\t\t\t\t\t}),\n\t\t\t\t),\n\t\t\t]),\n\t\t\ttransition('false => right', [\n\t\t\t\tstyle({ transform: 'translateX(100%)', opacity: 0, display: 'block' }),\n\t\t\t\tanimate(\n\t\t\t\t\t'220ms cubic-bezier(0.25, 0.8, 0.25, 1)',\n\t\t\t\t\tstyle({\n\t\t\t\t\t\ttransform: 'translateX(0)',\n\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t}),\n\t\t\t\t),\n\t\t\t]),\n\t\t]),\n\t\ttrigger('sidenavContentAnimation', [\n\t\t\tstate(\n\t\t\t\t'true',\n\t\t\t\tstyle({\n\t\t\t\t\t'margin-left': 'var(--ng-doc-sidenav-width)',\n\t\t\t\t\twidth: 'calc(100% - var(--ng-doc-sidenav-width))',\n\t\t\t\t}),\n\t\t\t),\n\t\t\tstate('false', style({ 'margin-left': '0', width: '100%' })),\n\t\t\ttransition('true => false', animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)')),\n\t\t\ttransition('false => true', animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)')),\n\t\t]),\n\t\ttrigger('backdropFade', [\n\t\t\ttransition(':enter', [\n\t\t\t\tstyle({ opacity: 0 }),\n\t\t\t\tanimate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ opacity: 1 })),\n\t\t\t]),\n\t\t]),\n\t],\n\tselector: 'ng-doc-sidenav',\n\ttemplateUrl: './sidenav.component.html',\n\tstyleUrls: ['./sidenav.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [PolymorpheusModule, NgIf],\n})\nexport class NgDocSidenavComponent {\n\t/*\n\t Content of the sidenav.\n\t /\n\t@Input()\n\tsidebar: NgDocContent = '';\n\n\t/\n\t Align of the sidenav.\n\t /\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-align')\n\talign: NgDocHorizontalAlign = 'left';\n\n\t/\n\t Indicates whether the sidenav is over the page content or not.\n\t * Which means that the sidenav is not part of the page content.\n\t /\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-over')\n\tover: boolean = false;\n\n\t/\n\t Indicates whether the sidenav is opened or not.\n\t * This is used to trigger the animation.\n\t /\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-opened')\n\topened: boolean = true;\n\n\t/\n\t Indicates whether the sidenav has a backdrop or not.\n\t /\n\t@Input()\n\thasBackdrop: boolean = true;\n\n\t@Output()\n\topenedChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n\t@Output()\n\tcloseEvent: EventEmitter<void> = new EventEmitter<void>();\n\n\t@Output()\n\tbeforeOpen: EventEmitter<void> = new EventEmitter<void>();\n\n\t@Output()\n\tbeforeClose: EventEmitter<void> = new EventEmitter<void>();\n\n\t@Output()\n\tafterOpen: EventEmitter<void> = new EventEmitter<void>();\n\n\t@Output()\n\tafterClose: EventEmitter<void> = new EventEmitter<void>();\n\n\tprotected get backdrop(): boolean {\n\t\treturn this.over && this.opened && this.hasBackdrop;\n\t}\n\n\tprotected animationStart(event: AnimationEvent): void {\n\t\t(!!event.toState as unknown as boolean) ? this.beforeOpen.emit() : this.beforeClose.emit();\n\t}\n\n\tprotected animationDone(event: AnimationEvent): void {\n\t\t(!!event.toState as unknown as boolean) ? this.afterOpen.emit() : this.afterClose.emit();\n\t}\n}\n","<div class=\"ng-doc-sidenav-wrapper\">\n\t<div\n\t\tclass=\"ng-doc-sidenav\"\n\t\t[@sidenavAnimation]=\"opened ? align : false\"\n\t\t(@sidenavAnimation.start)=\"animationStart($event)\"\n\t\t(@sidenavAnimation.done)=\"animationDone($event)\">\n\t\t<ng-container polymorpheusOutlet=\"sidebar\"></ng-container>\n\t</div>\n\t<div class=\"ng-doc-sidenav-content\" [@sidenavContentAnimation]=\"!over ? opened : false\">\n\t\t<div class=\"ng-doc-backdrop\" @backdropFade ngIf=\"backdrop\" (click)=\"closeEvent.emit()\"></div>\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ng-doc-ui-kit-components-sidenav.mjs","sources":["../../../../libs/ui-kit/components/sidenav/sidenav.component.ts","../../../../libs/ui-kit/components/sidenav/sidenav.component.html","../../../../libs/ui-kit/components/sidenav/ng-doc-ui-kit-components-sidenav.ts"],"sourcesContent":["import { animate, style, transition, trigger } from '@angular/animations';\nimport { AsyncPipe, NgIf } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n HostBinding,\n Input,\n Output,\n} from '@angular/core';\nimport { NgDocLetDirective } from '@ng-doc/ui-kit/directives';\nimport { NgDocContent } from '@ng-doc/ui-kit/types';\nimport { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';\n\n@Component({\n animations: [\n trigger('backdropFade', [\n transition(':enter', [\n style({ opacity: 0 }),\n animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ opacity: 1 })),\n ]),\n ]),\n ],\n selector: 'ng-doc-sidenav',\n templateUrl: './sidenav.component.html',\n styleUrls: ['./sidenav.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [PolymorpheusModule, NgIf, AsyncPipe, NgDocLetDirective],\n host: {\n '[attr.data-ng-doc-sidebar]': '!!sidebar',\n },\n})\nexport class NgDocSidenavComponent {\n /*\n Content of the sidenav.\n /\n @Input()\n sidebar: NgDocContent = '';\n\n /\n Indicates whether the sidenav is opened or not.\n * This is used to trigger the animation.\n /\n @Input()\n @HostBinding('attr.data-ng-doc-opened')\n opened: boolean = true;\n\n /\n Indicates whether the sidenav has a backdrop or not.\n /\n @Input()\n hasBackdrop: boolean = true;\n\n @Output()\n closeEvent: EventEmitter<void> = new EventEmitter<void>();\n}\n","<div class=\"ng-doc-sidenav-wrapper\">\n <div class=\"ng-doc-sidenav\">\n <ng-container polymorpheusOutlet=\"sidebar\"></ng-container>\n </div>\n <div class=\"ng-doc-sidenav-content\">\n @if (opened && hasBackdrop) {\n <div class=\"ng-doc-backdrop\" @backdropFade (click)=\"closeEvent.emit()\"></div>\n }\n\n <ng-content></ng-content>\n </div>\n</div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;MAiCa,qBAAqB,CAAA;AAnBlC,IAAA,WAAA,GAAA;AAoBE;;AAEG;QAEH,IAAO,CAAA,OAAA,GAAiB,EAAE,CAAC;AAE3B;;;AAGG;QAGH,IAAM,CAAA,MAAA,GAAY,IAAI,CAAC;AAEvB;;AAEG;QAEH,IAAW,CAAA,WAAA,GAAY,IAAI,CAAC;AAG5B,QAAA,IAAA,CAAA,UAAU,GAAuB,IAAI,YAAY,EAAQ,CAAC;AAC3D,KAAA;8GAvBY,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,ECjClC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,MAAA,EAAA,QAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,0BAAA,EAAA,WAAA,EAAA,yBAAA,EAAA,aAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,yXAYA,EDgBY,MAAA,EAAA,CAAA,i1CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,kBAAkB,EAbhB,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,2BAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA;YACV,OAAO,CAAC,cAAc,EAAE;gBACtB,UAAU,CAAC,QAAQ,EAAE;AACnB,oBAAA,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;oBACrB,OAAO,CAAC,wCAAwC,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;iBACzE,CAAC;aACH,CAAC;AACH,SAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAWU,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAnBjC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA;wBACV,OAAO,CAAC,cAAc,EAAE;4BACtB,UAAU,CAAC,QAAQ,EAAE;AACnB,gCAAA,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;gCACrB,OAAO,CAAC,wCAAwC,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;6BACzE,CAAC;yBACH,CAAC;AACH,qBAAA,EAAA,QAAA,EACS,gBAAgB,EAGT,eAAA,EAAA,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,OAAA,EACP,CAAC,kBAAkB,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,CAAC,EAC3D,IAAA,EAAA;AACJ,wBAAA,4BAA4B,EAAE,WAAW;AAC1C,qBAAA,EAAA,QAAA,EAAA,yXAAA,EAAA,MAAA,EAAA,CAAA,i1CAAA,CAAA,EAAA,CAAA;8BAOD,OAAO,EAAA,CAAA;sBADN,KAAK;gBASN,MAAM,EAAA,CAAA;sBAFL,KAAK;;sBACL,WAAW;uBAAC,yBAAyB,CAAA;gBAOtC,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,UAAU,EAAA,CAAA;sBADT,MAAM;;;AEtDT;;AAEG;;;;"}

package/fesm2022/ng-doc-ui-kit-components-smooth-resize.mjs CHANGED Viewed

@@ -20,8 +20,8 @@ class NgDocSmoothResizeComponent {
             },
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocSmoothResizeComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: NgDocSmoothResizeComponent, isStandalone: true, selector: "ng-doc-smooth-resize", inputs: { trigger: "trigger", animateOpacity: "animateOpacity" }, host: { properties: { "@resizeAnimation": "this.resizeAnimation" } }, usesOnChanges: true, ngImport: i0, template: ` <ng-content></ng-content>`, isInline: true, styles: [":host{display:block;overflow:hidden;height:var(--ng-doc-smooth-resize-height);max-height:var(--ng-doc-smooth-resize-max-height)}\n"], animations: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocSmoothResizeComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: NgDocSmoothResizeComponent, isStandalone: true, selector: "ng-doc-smooth-resize", inputs: { trigger: "trigger", animateOpacity: "animateOpacity" }, host: { properties: { "@resizeAnimation": "this.resizeAnimation" } }, usesOnChanges: true, ngImport: i0, template: ` <ng-content></ng-content>`, isInline: true, styles: [":host{display:block;overflow:hidden;height:var(--ng-doc-smooth-resize-height);max-height:var(--ng-doc-smooth-resize-max-height)}\n"], animations: [
             trigger('resizeAnimation', [
                 transition('void <=> *', []),
                 transition('* <=> *', [
@@ -31,7 +31,7 @@ class NgDocSmoothResizeComponent {
             ]),
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocSmoothResizeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocSmoothResizeComponent, decorators: [{
             type: Component,
             args: [{ animations: [
                         trigger('resizeAnimation', [

package/fesm2022/ng-doc-ui-kit-components-spinner.mjs CHANGED Viewed

@@ -5,10 +5,10 @@ class NgDocSpinnerComponent {
     constructor() {
         this.size = 'medium';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: NgDocSpinnerComponent, isStandalone: true, selector: "ng-doc-spinner", inputs: { size: "size" }, host: { properties: { "attr.data-ng-doc-size": "this.size" } }, ngImport: i0, template: "<svg class=\"ng-doc-spinner\" viewBox=\"0 0 50 50\">\n\t<circle class=\"ng-doc-spinner-path\" cx=\"25\" cy=\"25\" r=\"20\" fill=\"none\" stroke-width=\"5\"></circle>\n</svg>\n", styles: [":host{display:inline-block}:host[data-ng-doc-size=small]{width:calc(var(--ng-doc-base-gutter) * 3);height:calc(var(--ng-doc-base-gutter) * 3)}:host[data-ng-doc-size=medium]{width:calc(var(--ng-doc-base-gutter) * 5);height:calc(var(--ng-doc-base-gutter) * 5)}:host[data-ng-doc-size=large]{width:calc(var(--ng-doc-base-gutter) * 8);height:calc(var(--ng-doc-base-gutter) * 8)}:host .ng-doc-spinner{animation:rotate 2s linear infinite}:host .ng-doc-spinner .ng-doc-spinner-path{stroke:var(--ng-doc-spinner-color, var(--ng-doc-primary));stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: NgDocSpinnerComponent, isStandalone: true, selector: "ng-doc-spinner", inputs: { size: "size" }, host: { properties: { "attr.data-ng-doc-size": "this.size" } }, ngImport: i0, template: "<svg class=\"ng-doc-spinner\" viewBox=\"0 0 50 50\">\n\t<circle class=\"ng-doc-spinner-path\" cx=\"25\" cy=\"25\" r=\"20\" fill=\"none\" stroke-width=\"5\"></circle>\n</svg>\n", styles: [":host{display:inline-block}:host[data-ng-doc-size=small]{width:calc(var(--ng-doc-base-gutter) * 3);height:calc(var(--ng-doc-base-gutter) * 3)}:host[data-ng-doc-size=medium]{width:calc(var(--ng-doc-base-gutter) * 5);height:calc(var(--ng-doc-base-gutter) * 5)}:host[data-ng-doc-size=large]{width:calc(var(--ng-doc-base-gutter) * 8);height:calc(var(--ng-doc-base-gutter) * 8)}:host .ng-doc-spinner{animation:rotate 2s linear infinite}:host .ng-doc-spinner .ng-doc-spinner-path{stroke:var(--ng-doc-spinner-color, var(--ng-doc-primary));stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocSpinnerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocSpinnerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-spinner', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<svg class=\"ng-doc-spinner\" viewBox=\"0 0 50 50\">\n\t<circle class=\"ng-doc-spinner-path\" cx=\"25\" cy=\"25\" r=\"20\" fill=\"none\" stroke-width=\"5\"></circle>\n</svg>\n", styles: [":host{display:inline-block}:host[data-ng-doc-size=small]{width:calc(var(--ng-doc-base-gutter) * 3);height:calc(var(--ng-doc-base-gutter) * 3)}:host[data-ng-doc-size=medium]{width:calc(var(--ng-doc-base-gutter) * 5);height:calc(var(--ng-doc-base-gutter) * 5)}:host[data-ng-doc-size=large]{width:calc(var(--ng-doc-base-gutter) * 8);height:calc(var(--ng-doc-base-gutter) * 8)}:host .ng-doc-spinner{animation:rotate 2s linear infinite}:host .ng-doc-spinner .ng-doc-spinner-path{stroke:var(--ng-doc-spinner-color, var(--ng-doc-primary));stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}\n"] }]
         }], propDecorators: { size: [{

package/fesm2022/ng-doc-ui-kit-components-tab-group.mjs CHANGED Viewed

@@ -17,12 +17,12 @@ class NgDocTabComponent {
         /** Expander content */
         this.content = '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: NgDocTabComponent, isStandalone: true, selector: "ng-doc-tab", inputs: { label: "label", id: "id", content: "content" }, ngImport: i0, template: '', isInline: true, styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: NgDocTabComponent, isStandalone: true, selector: "ng-doc-tab, a[ng-doc-tab]", inputs: { label: "label", id: "id", content: "content" }, ngImport: i0, template: '', isInline: true, styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocTabComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocTabComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ng-doc-tab', template: '', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true }]
+            args: [{ selector: 'ng-doc-tab, a[ng-doc-tab]', template: '', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true }]
         }], propDecorators: { label: [{
                 type: Input
             }], id: [{
@@ -60,14 +60,14 @@ let NgDocTabGroupComponent = class NgDocTabGroupComponent {
     selectTab(tab) {
         this.selectedTab = tab;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocTabGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: NgDocTabGroupComponent, isStandalone: true, selector: "ng-doc-tab-group", inputs: { openedTab: "openedTab" }, queries: [{ propertyName: "tabs", predicate: NgDocTabComponent }], viewQueries: [{ propertyName: "tabElements", predicate: ["headerTab"], descendants: true }], ngImport: i0, template: "<div class=\"ng-doc-tabs-wrapper\" ngDocSelectionHost>\n\t<ng-doc-selection></ng-doc-selection>\n\t<div\n\t\tclass=\"ng-doc-tab\"\n\t\t[class.selected]=\"tab === selectedTab\"\n\t\t*ngFor=\"let tab of tabs\"\n\t\t(click)=\"selectTab(tab)\"\n\t\t[ngDocSelectionOrigin]=\"tab === selectedTab\"\n\t\t#headerTab>\n\t\t<div class=\"ng-doc-tab-text\">\n\t\t\t<ng-container *polymorpheusOutlet=\"tab.label; context: {}\">{{ tab.label }}</ng-container>\n\t\t</div>\n\t</div>\n</div>\n\n<div class=\"ng-doc-body-wrapper\">\n\t<ng-doc-smooth-resize [trigger]=\"selectedTab?.content ?? ''\">\n\t\t<div *polymorpheusOutlet=\"selectedTab?.content ?? '' as text; context: {}\" @tabFadeAnimation>\n\t\t\t{{ text }}\n\t\t</div>\n\t</ng-doc-smooth-resize>\n</div>\n", styles: [":host{display:flex;flex-direction:column;background:var(--ng-doc-tab-group-header-background, var(--ng-doc-tab-group-background));border-radius:var(--ng-doc-tab-group-border-radius);border:var(--ng-doc-tab-group-border);overflow:hidden}:host .ng-doc-tabs-wrapper{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;width:100%;display:inline-flex;overflow-x:auto;line-height:18px;font-size:14px;flex-shrink:0;background:var(--ng-doc-tab-group-tabs-background)}:host .ng-doc-tabs-wrapper .ng-doc-tab{position:relative;padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);cursor:pointer;white-space:nowrap}:host .ng-doc-tabs-wrapper .ng-doc-tab .ng-doc-tab-text{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;--ng-doc-font-size: 13px;--ng-doc-font-weight: 600}:host .ng-doc-body-wrapper{position:relative;background-color:var(--ng-doc-tab-group-background);height:100%;overflow:hidden;border-top:1px solid var(--ng-doc-border-color)}\n"], dependencies: [{ kind: "directive", type: NgDocSelectionHostDirective, selector: "[ngDocSelectionHost]" }, { kind: "component", type: NgDocSelectionComponent, selector: "ng-doc-selection", inputs: ["align"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgDocSelectionOriginDirective, selector: "[ngDocSelectionOrigin]", inputs: ["ngDocSelectionOrigin"] }, { kind: "ngmodule", type: PolymorpheusModule }, { kind: "directive", type: i1.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: NgDocSmoothResizeComponent, selector: "ng-doc-smooth-resize", inputs: ["trigger", "animateOpacity"] }], animations: [tabFadeAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocTabGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: NgDocTabGroupComponent, isStandalone: true, selector: "ng-doc-tab-group", inputs: { openedTab: "openedTab" }, queries: [{ propertyName: "tabs", predicate: NgDocTabComponent }], viewQueries: [{ propertyName: "tabElements", predicate: ["headerTab"], descendants: true }], ngImport: i0, template: "<div class=\"ng-doc-tabs-wrapper\" ngDocSelectionHost>\n\t<ng-doc-selection></ng-doc-selection>\n\t<div\n\t\tclass=\"ng-doc-tab\"\n\t\t[class.selected]=\"tab === selectedTab\"\n\t\t*ngFor=\"let tab of tabs\"\n\t\t(click)=\"selectTab(tab)\"\n\t\t[ngDocSelectionOrigin]=\"tab === selectedTab\"\n\t\t#headerTab>\n\t\t<div class=\"ng-doc-tab-text\">\n\t\t\t<ng-container *polymorpheusOutlet=\"tab.label; context: {}\">{{ tab.label }}</ng-container>\n\t\t</div>\n\t</div>\n</div>\n\n<div class=\"ng-doc-body-wrapper\">\n\t<ng-doc-smooth-resize [trigger]=\"selectedTab?.content ?? ''\">\n\t\t<div *polymorpheusOutlet=\"selectedTab?.content ?? '' as text; context: {}\" @tabFadeAnimation>\n\t\t\t{{ text }}\n\t\t</div>\n\t</ng-doc-smooth-resize>\n</div>\n", styles: [":host{display:flex;flex-direction:column;background:var(--ng-doc-tab-group-header-background, var(--ng-doc-tab-group-background));border-radius:var(--ng-doc-tab-group-border-radius);border:var(--ng-doc-tab-group-border);overflow:hidden}:host .ng-doc-tabs-wrapper{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;width:100%;display:inline-flex;overflow-x:auto;line-height:18px;font-size:14px;flex-shrink:0;background:var(--ng-doc-tab-group-tabs-background)}:host .ng-doc-tabs-wrapper .ng-doc-tab{position:relative;padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);cursor:pointer;white-space:nowrap}:host .ng-doc-tabs-wrapper .ng-doc-tab .ng-doc-tab-text{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;--ng-doc-font-size: 13px;--ng-doc-font-weight: 500}:host .ng-doc-body-wrapper{position:relative;background-color:var(--ng-doc-tab-group-background);height:100%;overflow:hidden;border-top:1px solid var(--ng-doc-border-color)}\n"], dependencies: [{ kind: "directive", type: NgDocSelectionHostDirective, selector: "[ngDocSelectionHost]" }, { kind: "component", type: NgDocSelectionComponent, selector: "ng-doc-selection", inputs: ["align"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgDocSelectionOriginDirective, selector: "[ngDocSelectionOrigin]", inputs: ["ngDocSelectionOrigin"] }, { kind: "ngmodule", type: PolymorpheusModule }, { kind: "directive", type: i1.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: NgDocSmoothResizeComponent, selector: "ng-doc-smooth-resize", inputs: ["trigger", "animateOpacity"] }], animations: [tabFadeAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NgDocTabGroupComponent = __decorate([
     UntilDestroy(),
     __metadata("design:paramtypes", [ChangeDetectorRef])
 ], NgDocTabGroupComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocTabGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocTabGroupComponent, decorators: [{
             type: Component,
             args: [{ animations: [tabFadeAnimation], selector: 'ng-doc-tab-group', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         NgDocSelectionHostDirective,
@@ -76,7 +76,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
                         NgDocSelectionOriginDirective,
                         PolymorpheusModule,
                         NgDocSmoothResizeComponent,
-                    ], template: "<div class=\"ng-doc-tabs-wrapper\" ngDocSelectionHost>\n\t<ng-doc-selection></ng-doc-selection>\n\t<div\n\t\tclass=\"ng-doc-tab\"\n\t\t[class.selected]=\"tab === selectedTab\"\n\t\t*ngFor=\"let tab of tabs\"\n\t\t(click)=\"selectTab(tab)\"\n\t\t[ngDocSelectionOrigin]=\"tab === selectedTab\"\n\t\t#headerTab>\n\t\t<div class=\"ng-doc-tab-text\">\n\t\t\t<ng-container *polymorpheusOutlet=\"tab.label; context: {}\">{{ tab.label }}</ng-container>\n\t\t</div>\n\t</div>\n</div>\n\n<div class=\"ng-doc-body-wrapper\">\n\t<ng-doc-smooth-resize [trigger]=\"selectedTab?.content ?? ''\">\n\t\t<div *polymorpheusOutlet=\"selectedTab?.content ?? '' as text; context: {}\" @tabFadeAnimation>\n\t\t\t{{ text }}\n\t\t</div>\n\t</ng-doc-smooth-resize>\n</div>\n", styles: [":host{display:flex;flex-direction:column;background:var(--ng-doc-tab-group-header-background, var(--ng-doc-tab-group-background));border-radius:var(--ng-doc-tab-group-border-radius);border:var(--ng-doc-tab-group-border);overflow:hidden}:host .ng-doc-tabs-wrapper{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;width:100%;display:inline-flex;overflow-x:auto;line-height:18px;font-size:14px;flex-shrink:0;background:var(--ng-doc-tab-group-tabs-background)}:host .ng-doc-tabs-wrapper .ng-doc-tab{position:relative;padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);cursor:pointer;white-space:nowrap}:host .ng-doc-tabs-wrapper .ng-doc-tab .ng-doc-tab-text{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;--ng-doc-font-size: 13px;--ng-doc-font-weight: 600}:host .ng-doc-body-wrapper{position:relative;background-color:var(--ng-doc-tab-group-background);height:100%;overflow:hidden;border-top:1px solid var(--ng-doc-border-color)}\n"] }]
+                    ], template: "<div class=\"ng-doc-tabs-wrapper\" ngDocSelectionHost>\n\t<ng-doc-selection></ng-doc-selection>\n\t<div\n\t\tclass=\"ng-doc-tab\"\n\t\t[class.selected]=\"tab === selectedTab\"\n\t\t*ngFor=\"let tab of tabs\"\n\t\t(click)=\"selectTab(tab)\"\n\t\t[ngDocSelectionOrigin]=\"tab === selectedTab\"\n\t\t#headerTab>\n\t\t<div class=\"ng-doc-tab-text\">\n\t\t\t<ng-container *polymorpheusOutlet=\"tab.label; context: {}\">{{ tab.label }}</ng-container>\n\t\t</div>\n\t</div>\n</div>\n\n<div class=\"ng-doc-body-wrapper\">\n\t<ng-doc-smooth-resize [trigger]=\"selectedTab?.content ?? ''\">\n\t\t<div *polymorpheusOutlet=\"selectedTab?.content ?? '' as text; context: {}\" @tabFadeAnimation>\n\t\t\t{{ text }}\n\t\t</div>\n\t</ng-doc-smooth-resize>\n</div>\n", styles: [":host{display:flex;flex-direction:column;background:var(--ng-doc-tab-group-header-background, var(--ng-doc-tab-group-background));border-radius:var(--ng-doc-tab-group-border-radius);border:var(--ng-doc-tab-group-border);overflow:hidden}:host .ng-doc-tabs-wrapper{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;width:100%;display:inline-flex;overflow-x:auto;line-height:18px;font-size:14px;flex-shrink:0;background:var(--ng-doc-tab-group-tabs-background)}:host .ng-doc-tabs-wrapper .ng-doc-tab{position:relative;padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);cursor:pointer;white-space:nowrap}:host .ng-doc-tabs-wrapper .ng-doc-tab .ng-doc-tab-text{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;--ng-doc-font-size: 13px;--ng-doc-font-weight: 500}:host .ng-doc-body-wrapper{position:relative;background-color:var(--ng-doc-tab-group-background);height:100%;overflow:hidden;border-top:1px solid var(--ng-doc-border-color)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { openedTab: [{
                 type: Input
             }], tabElements: [{

package/fesm2022/ng-doc-ui-kit-components-tab-group.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-doc-ui-kit-components-tab-group.mjs","sources":["../../../../libs/ui-kit/components/tab-group/tab/tab.component.ts","../../../../libs/ui-kit/components/tab-group/tab-group.component.ts","../../../../libs/ui-kit/components/tab-group/tab-group.component.html","../../../../libs/ui-kit/components/tab-group/ng-doc-ui-kit-components-tab-group.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { NgDocContent } from '@ng-doc/ui-kit/types';\n\n@Component({\n~~\tselector~~: 'ng-doc-tab',\n~~\ttemplate~~: '',\n~~\tstyleUrls~~: ['./tab.component.scss'],\n~~\tchangeDetection~~: ChangeDetectionStrategy.OnPush,\n~~\tstandalone~~: true,\n})\nexport class NgDocTabComponent<T> {\n\t@Input()\n~~\tlabel~~: NgDocContent = '';\n\n\t@Input()\n~~\tid~~: T \| number = 0;\n\n\t/** Expander content /\n\t@Input()\n~~\tcontent~~: NgDocContent = '';\n}\n","import { NgFor } from '@angular/common';\nimport {\n\tAfterContentInit,\n\tAfterViewInit,\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tContentChildren,\n\tElementRef,\n\tInput,\n\tQueryList,\n\tViewChildren,\n} from '@angular/core';\nimport { tabFadeAnimation } from '@ng-doc/ui-kit/animations';\nimport {\n\tNgDocSelectionComponent,\n\tNgDocSelectionHostDirective,\n\tNgDocSelectionOriginDirective,\n} from '@ng-doc/ui-kit/components/selection';\nimport { NgDocSmoothResizeComponent } from '@ng-doc/ui-kit/components/smooth-resize';\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';\nimport { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';\nimport { startWith } from 'rxjs/operators';\n\nimport { NgDocTabComponent } from './tab/tab.component';\n\n@Component({\n\tanimations: [tabFadeAnimation],\n\tselector: 'ng-doc-tab-group',\n\ttemplateUrl: './tab-group.component.html',\n\tstyleUrls: ['./tab-group.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [\n\t\tNgDocSelectionHostDirective,\n\t\tNgDocSelectionComponent,\n\t\tNgFor,\n\t\tNgDocSelectionOriginDirective,\n\t\tPolymorpheusModule,\n\t\tNgDocSmoothResizeComponent,\n\t],\n})\n@UntilDestroy()\nexport class NgDocTabGroupComponent<T = number> implements AfterContentInit, AfterViewInit {\n\t@Input()\n\topenedTab!: T;\n\n\t@ViewChildren('headerTab')\n\ttabElements: QueryList<ElementRef> = new QueryList<ElementRef>();\n\n\t@ContentChildren(NgDocTabComponent)\n\ttabs: QueryList<NgDocTabComponent<T>> = new QueryList<NgDocTabComponent<T>>();\n\n\tselectedTab?: NgDocTabComponent<T>;\n\n\tconstructor(private readonly changeDetectorRef: ChangeDetectorRef) {}\n\n\tngAfterContentInit(): void {\n\t\tthis.tabs.changes.pipe(startWith(this.tabs), untilDestroyed(this)).subscribe(() => {\n\t\t\tconst tabToOpen: NgDocTabComponent<T> \| undefined = this.openedTab\n\t\t\t\t? this.tabs.find((tab: NgDocTabComponent<T>) => tab.id === this.openedTab)\n\t\t\t\t: this.tabs.get(0);\n\n\t\t\ttabToOpen && this.selectTab(tabToOpen);\n\n\t\t\tthis.changeDetectorRef.markForCheck();\n\t\t});\n\t}\n\n\tngAfterViewInit(): void {\n\t\tthis.tabElements.changes\n\t\t\t.pipe(startWith(this.tabElements), untilDestroyed(this))\n\t\t\t.subscribe(() => this.changeDetectorRef.detectChanges());\n\t}\n\n\tget selectedIndex(): number {\n\t\treturn this.selectedTab ? this.tabs.toArray().indexOf(this.selectedTab) : -1;\n\t}\n\n\tget selectedHeaderTab(): ElementRef \| null {\n\t\treturn this.selectedTab ? this.tabElements.get(this.selectedIndex) ?? null : null;\n\t}\n\n\tselectTab(tab: NgDocTabComponent<T>) {\n\t\tthis.selectedTab = tab;\n\t}\n}\n","<div class=\"ng-doc-tabs-wrapper\" ngDocSelectionHost>\n\t<ng-doc-selection></ng-doc-selection>\n\t<div\n\t\tclass=\"ng-doc-tab\"\n\t\t[class.selected]=\"tab === selectedTab\"\n\t\tngFor=\"let tab of tabs\"\n\t\t(click)=\"selectTab(tab)\"\n\t\t[ngDocSelectionOrigin]=\"tab === selectedTab\"\n\t\t#headerTab>\n\t\t<div class=\"ng-doc-tab-text\">\n\t\t\t<ng-container polymorpheusOutlet=\"tab.label; context: {}\">{{ tab.label }}</ng-container>\n\t\t</div>\n\t</div>\n</div>\n\n<div class=\"ng-doc-body-wrapper\">\n\t<ng-doc-smooth-resize [trigger]=\"selectedTab?.content ?? ''\">\n\t\t<div polymorpheusOutlet=\"selectedTab?.content ?? '' as text; context: {}\" @tabFadeAnimation>\n\t\t\t{{ text }}\n\t\t</div>\n\t</ng-doc-smooth-resize>\n</div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;MAUa,iBAAiB,CAAA;AAP9B,IAAA,WAAA,GAAA;~~QASC~~,IAAK,CAAA,KAAA,GAAiB,EAAE,CAAC;QAGzB,IAAE,CAAA,EAAA,GAAe,CAAC,CAAC;;QAInB,IAAO,CAAA,OAAA,GAAiB,EAAE,CAAC;~~AAC3B~~,KAAA;8GAVY,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,~~gIALnB,~~EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;~~2FAKA~~,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAP7B,SAAS;~~AACC~~,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,~~YAAY~~,~~YACZ~~,EAAE,EAAA,eAAA,EAEK,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,CAAA;8BAIhB,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,EAAE,EAAA,CAAA;sBADD,KAAK;gBAKN,OAAO,EAAA,CAAA;sBADN,KAAK;;;~~ACyBM~~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"}
1	+ {"version":3,"file":"ng-doc-ui-kit-components-tab-group.mjs","sources":["../../../../libs/ui-kit/components/tab-group/tab/tab.component.ts","../../../../libs/ui-kit/components/tab-group/tab-group.component.ts","../../../../libs/ui-kit/components/tab-group/tab-group.component.html","../../../../libs/ui-kit/components/tab-group/ng-doc-ui-kit-components-tab-group.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { NgDocContent } from '@ng-doc/ui-kit/types';\n\n@Component({\n selector: 'ng-doc-tab, a[ng-doc-tab]',\n template: '',\n styleUrls: ['./tab.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n})\nexport class NgDocTabComponent<T> {\n @Input()\n label: NgDocContent = '';\n\n @Input()\n id: T \| number = 0;\n\n /** Expander content /\n @Input()\n content: NgDocContent = '';\n}\n","import { NgFor } from '@angular/common';\nimport {\n\tAfterContentInit,\n\tAfterViewInit,\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tContentChildren,\n\tElementRef,\n\tInput,\n\tQueryList,\n\tViewChildren,\n} from '@angular/core';\nimport { tabFadeAnimation } from '@ng-doc/ui-kit/animations';\nimport {\n\tNgDocSelectionComponent,\n\tNgDocSelectionHostDirective,\n\tNgDocSelectionOriginDirective,\n} from '@ng-doc/ui-kit/components/selection';\nimport { NgDocSmoothResizeComponent } from '@ng-doc/ui-kit/components/smooth-resize';\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';\nimport { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';\nimport { startWith } from 'rxjs/operators';\n\nimport { NgDocTabComponent } from './tab/tab.component';\n\n@Component({\n\tanimations: [tabFadeAnimation],\n\tselector: 'ng-doc-tab-group',\n\ttemplateUrl: './tab-group.component.html',\n\tstyleUrls: ['./tab-group.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [\n\t\tNgDocSelectionHostDirective,\n\t\tNgDocSelectionComponent,\n\t\tNgFor,\n\t\tNgDocSelectionOriginDirective,\n\t\tPolymorpheusModule,\n\t\tNgDocSmoothResizeComponent,\n\t],\n})\n@UntilDestroy()\nexport class NgDocTabGroupComponent<T = number> implements AfterContentInit, AfterViewInit {\n\t@Input()\n\topenedTab!: T;\n\n\t@ViewChildren('headerTab')\n\ttabElements: QueryList<ElementRef> = new QueryList<ElementRef>();\n\n\t@ContentChildren(NgDocTabComponent)\n\ttabs: QueryList<NgDocTabComponent<T>> = new QueryList<NgDocTabComponent<T>>();\n\n\tselectedTab?: NgDocTabComponent<T>;\n\n\tconstructor(private readonly changeDetectorRef: ChangeDetectorRef) {}\n\n\tngAfterContentInit(): void {\n\t\tthis.tabs.changes.pipe(startWith(this.tabs), untilDestroyed(this)).subscribe(() => {\n\t\t\tconst tabToOpen: NgDocTabComponent<T> \| undefined = this.openedTab\n\t\t\t\t? this.tabs.find((tab: NgDocTabComponent<T>) => tab.id === this.openedTab)\n\t\t\t\t: this.tabs.get(0);\n\n\t\t\ttabToOpen && this.selectTab(tabToOpen);\n\n\t\t\tthis.changeDetectorRef.markForCheck();\n\t\t});\n\t}\n\n\tngAfterViewInit(): void {\n\t\tthis.tabElements.changes\n\t\t\t.pipe(startWith(this.tabElements), untilDestroyed(this))\n\t\t\t.subscribe(() => this.changeDetectorRef.detectChanges());\n\t}\n\n\tget selectedIndex(): number {\n\t\treturn this.selectedTab ? this.tabs.toArray().indexOf(this.selectedTab) : -1;\n\t}\n\n\tget selectedHeaderTab(): ElementRef \| null {\n\t\treturn this.selectedTab ? this.tabElements.get(this.selectedIndex) ?? null : null;\n\t}\n\n\tselectTab(tab: NgDocTabComponent<T>) {\n\t\tthis.selectedTab = tab;\n\t}\n}\n","<div class=\"ng-doc-tabs-wrapper\" ngDocSelectionHost>\n\t<ng-doc-selection></ng-doc-selection>\n\t<div\n\t\tclass=\"ng-doc-tab\"\n\t\t[class.selected]=\"tab === selectedTab\"\n\t\tngFor=\"let tab of tabs\"\n\t\t(click)=\"selectTab(tab)\"\n\t\t[ngDocSelectionOrigin]=\"tab === selectedTab\"\n\t\t#headerTab>\n\t\t<div class=\"ng-doc-tab-text\">\n\t\t\t<ng-container polymorpheusOutlet=\"tab.label; context: {}\">{{ tab.label }}</ng-container>\n\t\t</div>\n\t</div>\n</div>\n\n<div class=\"ng-doc-body-wrapper\">\n\t<ng-doc-smooth-resize [trigger]=\"selectedTab?.content ?? ''\">\n\t\t<div polymorpheusOutlet=\"selectedTab?.content ?? '' as text; context: {}\" @tabFadeAnimation>\n\t\t\t{{ text }}\n\t\t</div>\n\t</ng-doc-smooth-resize>\n</div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-doc-ui-kit-components-tab-routes-group.mjs ADDED Viewed

@@ -0,0 +1,37 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import * as i1 from '@ng-doc/ui-kit/components/selection';
+import { NgDocSelectionOriginDirective, NgDocSelectionComponent, NgDocSelectionHostDirective } from '@ng-doc/ui-kit/components/selection';
+class NgDocTabRouteComponent {
+    constructor() {
+        this.isActive = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocTabRouteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: NgDocTabRouteComponent, isStandalone: true, selector: "a[ng-doc-tab-route]", inputs: { isActive: "isActive" }, hostDirectives: [{ directive: i1.NgDocSelectionOriginDirective, inputs: ["ngDocSelectionOrigin", "isActive"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;padding:calc(var(--ng-doc-base-gutter) + var(--ng-doc-base-gutter) / 2) calc(var(--ng-doc-base-gutter) * 2);cursor:pointer;white-space:nowrap;text-decoration:none;font-weight:500}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocTabRouteComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'a[ng-doc-tab-route]', standalone: true, imports: [CommonModule], hostDirectives: [
+                        { directive: NgDocSelectionOriginDirective, inputs: ['ngDocSelectionOrigin: isActive'] },
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n", styles: [":host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;padding:calc(var(--ng-doc-base-gutter) + var(--ng-doc-base-gutter) / 2) calc(var(--ng-doc-base-gutter) * 2);cursor:pointer;white-space:nowrap;text-decoration:none;font-weight:500}\n"] }]
+        }], propDecorators: { isActive: [{
+                type: Input
+            }] } });
+class NgDocTabRoutesGroupComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocTabRoutesGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: NgDocTabRoutesGroupComponent, isStandalone: true, selector: "ng-doc-tab-routes-group", hostDirectives: [{ directive: i1.NgDocSelectionHostDirective }], ngImport: i0, template: "<ng-doc-selection></ng-doc-selection>\n<ng-content></ng-content>\n", styles: [":host{position:relative;display:flex;border-bottom:1px solid var(--ng-doc-base-4)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: NgDocSelectionComponent, selector: "ng-doc-selection", inputs: ["align"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocTabRoutesGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng-doc-tab-routes-group', standalone: true, imports: [CommonModule, NgDocSelectionComponent, NgDocSelectionHostDirective], hostDirectives: [NgDocSelectionHostDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-doc-selection></ng-doc-selection>\n<ng-content></ng-content>\n", styles: [":host{position:relative;display:flex;border-bottom:1px solid var(--ng-doc-base-4)}\n"] }]
+        }] });
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { NgDocTabRouteComponent, NgDocTabRoutesGroupComponent };
+//# sourceMappingURL=ng-doc-ui-kit-components-tab-routes-group.mjs.map

package/fesm2022/ng-doc-ui-kit-components-tab-routes-group.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ng-doc-ui-kit-components-tab-routes-group.mjs","sources":["../../../../libs/ui-kit/components/tab-routes-group/tab-route/tab-route.component.ts","../../../../libs/ui-kit/components/tab-routes-group/tab-route/tab-route.component.html","../../../../libs/ui-kit/components/tab-routes-group/tab-routes-group.component.ts","../../../../libs/ui-kit/components/tab-routes-group/tab-routes-group.component.html","../../../../libs/ui-kit/components/tab-routes-group/ng-doc-ui-kit-components-tab-routes-group.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { NgDocSelectionOriginDirective } from '@ng-doc/ui-kit/components/selection';\n\n@Component({\n selector: 'a[ng-doc-tab-route]',\n standalone: true,\n imports: [CommonModule],\n templateUrl: './tab-route.component.html',\n styleUrl: './tab-route.component.scss',\n hostDirectives: [\n { directive: NgDocSelectionOriginDirective, inputs: ['ngDocSelectionOrigin: isActive'] },\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocTabRouteComponent {\n @Input()\n isActive = false;\n}\n","<ng-content></ng-content>\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\nimport {\n NgDocSelectionComponent,\n NgDocSelectionHostDirective,\n} from '@ng-doc/ui-kit/components/selection';\n\n@Component({\n selector: 'ng-doc-tab-routes-group',\n standalone: true,\n templateUrl: './tab-routes-group.component.html',\n styleUrl: './tab-routes-group.component.scss',\n imports: [CommonModule, NgDocSelectionComponent, NgDocSelectionHostDirective],\n hostDirectives: [NgDocSelectionHostDirective],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocTabRoutesGroupComponent {}\n","<ng-doc-selection></ng-doc-selection>\n<ng-content></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAea,sBAAsB,CAAA;AAXnC,IAAA,WAAA,GAAA;QAaE,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;AAClB,KAAA;8GAHY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,sBAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECfnC,6BACA,EAAA,MAAA,EAAA,CAAA,uZAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDMY,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAQX,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAXlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,cACnB,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,CAAC,EAGP,cAAA,EAAA;wBACd,EAAE,SAAS,EAAE,6BAA6B,EAAE,MAAM,EAAE,CAAC,gCAAgC,CAAC,EAAE;qBACzF,EACgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,uZAAA,CAAA,EAAA,CAAA;8BAI/C,QAAQ,EAAA,CAAA;sBADP,KAAK;;;MEAK,4BAA4B,CAAA;8GAA5B,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,EChBzC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,oEAEA,EDUY,MAAA,EAAA,CAAA,sFAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,+BAAE,uBAAuB,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAIpC,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBATxC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,yBAAyB,cACvB,IAAI,EAAA,OAAA,EAGP,CAAC,YAAY,EAAE,uBAAuB,EAAE,2BAA2B,CAAC,kBAC7D,CAAC,2BAA2B,CAAC,EAC5B,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,oEAAA,EAAA,MAAA,EAAA,CAAA,sFAAA,CAAA,EAAA,CAAA;;;AEdjD;;AAEG;;;;"}

package/fesm2022/ng-doc-ui-kit-components-tag.mjs CHANGED Viewed

@@ -7,12 +7,12 @@ class NgDocTagComponent {
         this.size = 'medium';
         this.mod = 'default';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: NgDocTagComponent, isStandalone: true, selector: "ng-doc-tag", inputs: { color: "color", size: "size", mod: "mod" }, host: { properties: { "attr.data-ng-doc-color": "this.color", "attr.data-ng-doc-size": "this.size", "attr.data-ng-doc-mod": "this.mod" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);display:inline-block;padding:0 var(--ng-doc-base-gutter);border-radius:calc(var(--ng-doc-base-gutter) / 2);background-color:var(--ng-doc-tag-background);border:var(--ng-doc-tag-border);color:var(--ng-doc-tag-color);--ng-doc-icon-color: var(--ng-doc-tag-color);--ng-doc-font-size: 14px}:host{position:relative}:host:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--ng-doc-tag-alpha-background);opacity:var(--ng-doc-tag-background-opacity);border-radius:inherit;overflow:hidden;pointer-events:none}:host[data-ng-doc-size=small]{padding:0 calc(var(--ng-doc-base-gutter) / 2);border-radius:6px;--ng-doc-font-size: 10px;--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 2)}:host[data-ng-doc-color=info]{--ng-doc-tag-background: var(--ng-doc-info);--ng-doc-tag-color: var(--ng-doc-info-text)}:host[data-ng-doc-color=warning]{--ng-doc-tag-background: var(--ng-doc-warning);--ng-doc-tag-color: var(--ng-doc-warning-text)}:host[data-ng-doc-color=alert]{--ng-doc-tag-background: var(--ng-doc-alert);--ng-doc-tag-color: var(--ng-doc-alert-text)}:host[data-ng-doc-color=link]{--ng-doc-tag-background: var(--ng-doc-link-color);--ng-doc-tag-color: var(--ng-doc-primary-text)}:host[data-ng-doc-mod=light]{--ng-doc-tag-background: trasparent;--ng-doc-tag-background-opacity: .15}:host[data-ng-doc-mod=light][data-ng-doc-color=primary]{--ng-doc-tag-alpha-background: var(--ng-doc-primary);--ng-doc-tag-color: var(--ng-doc-primary)}:host[data-ng-doc-mod=light][data-ng-doc-color=info]{--ng-doc-tag-alpha-background: var(--ng-doc-info);--ng-doc-tag-color: var(--ng-doc-info)}:host[data-ng-doc-mod=light][data-ng-doc-color=warning]{--ng-doc-tag-alpha-background: var(--ng-doc-warning);--ng-doc-tag-color: var(--ng-doc-warning)}:host[data-ng-doc-mod=light][data-ng-doc-color=alert]{--ng-doc-tag-alpha-background: var(--ng-doc-alert);--ng-doc-tag-color: var(--ng-doc-alert)}:host[data-ng-doc-mod=light][data-ng-doc-color=link]{--ng-doc-tag-alpha-background: var(--ng-doc-link-color);--ng-doc-tag-color: var(--ng-doc-link-color)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: NgDocTagComponent, isStandalone: true, selector: "ng-doc-tag", inputs: { color: "color", size: "size", mod: "mod" }, host: { properties: { "attr.data-ng-doc-color": "this.color", "attr.data-ng-doc-size": "this.size", "attr.data-ng-doc-mod": "this.mod" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);display:inline-block;padding:0 var(--ng-doc-base-gutter);border-radius:calc(var(--ng-doc-base-gutter) / 2);border:var(--ng-doc-tag-border);color:var(--ng-doc-tag-color);background:color-mix(in srgb,var(--ng-doc-tag-background) var(--ng-doc-tag-background-opacity, 100%),transparent);--ng-doc-icon-color: var(--ng-doc-tag-color);--ng-doc-font-size: 14px}:host[data-ng-doc-size=small]{padding:0 calc(var(--ng-doc-base-gutter) / 2);border-radius:6px;--ng-doc-font-size: 10px;--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 2)}:host[data-ng-doc-color=info]{--ng-doc-tag-background: var(--ng-doc-info);--ng-doc-tag-color: var(--ng-doc-info-text)}:host[data-ng-doc-color=warning]{--ng-doc-tag-background: var(--ng-doc-warning);--ng-doc-tag-color: var(--ng-doc-warning-text)}:host[data-ng-doc-color=alert]{--ng-doc-tag-background: var(--ng-doc-alert);--ng-doc-tag-color: var(--ng-doc-alert-text)}:host[data-ng-doc-color=link]{--ng-doc-tag-background: var(--ng-doc-link-color);--ng-doc-tag-color: var(--ng-doc-primary-text)}:host[data-ng-doc-color=success]{--ng-doc-tag-background: var(--ng-doc-success);--ng-doc-tag-color: var(--ng-doc-success-text)}:host[data-ng-doc-mod=light]{--ng-doc-tag-background-opacity: 15%}:host[data-ng-doc-mod=light][data-ng-doc-color=primary]{--ng-doc-tag-color: var(--ng-doc-primary)}:host[data-ng-doc-mod=light][data-ng-doc-color=info]{--ng-doc-tag-color: var(--ng-doc-info)}:host[data-ng-doc-mod=light][data-ng-doc-color=warning]{--ng-doc-tag-color: var(--ng-doc-warning)}:host[data-ng-doc-mod=light][data-ng-doc-color=alert]{--ng-doc-tag-color: var(--ng-doc-alert)}:host[data-ng-doc-mod=light][data-ng-doc-color=link]{--ng-doc-tag-color: var(--ng-doc-link-color)}:host[data-ng-doc-mod=light][data-ng-doc-color=success]{--ng-doc-tag-color: var(--ng-doc-success)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocTagComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocTagComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ng-doc-tag', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n", styles: [":host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);display:inline-block;padding:0 var(--ng-doc-base-gutter);border-radius:calc(var(--ng-doc-base-gutter) / 2);background-color:var(--ng-doc-tag-background);border:var(--ng-doc-tag-border);color:var(--ng-doc-tag-color);--ng-doc-icon-color: var(--ng-doc-tag-color);--ng-doc-font-size: 14px}:host{position:relative}:host:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--ng-doc-tag-alpha-background);opacity:var(--ng-doc-tag-background-opacity);border-radius:inherit;overflow:hidden;pointer-events:none}:host[data-ng-doc-size=small]{padding:0 calc(var(--ng-doc-base-gutter) / 2);border-radius:6px;--ng-doc-font-size: 10px;--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 2)}:host[data-ng-doc-color=info]{--ng-doc-tag-background: var(--ng-doc-info);--ng-doc-tag-color: var(--ng-doc-info-text)}:host[data-ng-doc-color=warning]{--ng-doc-tag-background: var(--ng-doc-warning);--ng-doc-tag-color: var(--ng-doc-warning-text)}:host[data-ng-doc-color=alert]{--ng-doc-tag-background: var(--ng-doc-alert);--ng-doc-tag-color: var(--ng-doc-alert-text)}:host[data-ng-doc-color=link]{--ng-doc-tag-background: var(--ng-doc-link-color);--ng-doc-tag-color: var(--ng-doc-primary-text)}:host[data-ng-doc-mod=light]{--ng-doc-tag-background: trasparent;--ng-doc-tag-background-opacity: .15}:host[data-ng-doc-mod=light][data-ng-doc-color=primary]{--ng-doc-tag-alpha-background: var(--ng-doc-primary);--ng-doc-tag-color: var(--ng-doc-primary)}:host[data-ng-doc-mod=light][data-ng-doc-color=info]{--ng-doc-tag-alpha-background: var(--ng-doc-info);--ng-doc-tag-color: var(--ng-doc-info)}:host[data-ng-doc-mod=light][data-ng-doc-color=warning]{--ng-doc-tag-alpha-background: var(--ng-doc-warning);--ng-doc-tag-color: var(--ng-doc-warning)}:host[data-ng-doc-mod=light][data-ng-doc-color=alert]{--ng-doc-tag-alpha-background: var(--ng-doc-alert);--ng-doc-tag-color: var(--ng-doc-alert)}:host[data-ng-doc-mod=light][data-ng-doc-color=link]{--ng-doc-tag-alpha-background: var(--ng-doc-link-color);--ng-doc-tag-color: var(--ng-doc-link-color)}\n"] }]
+            args: [{ selector: 'ng-doc-tag', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n", styles: [":host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);display:inline-block;padding:0 var(--ng-doc-base-gutter);border-radius:calc(var(--ng-doc-base-gutter) / 2);border:var(--ng-doc-tag-border);color:var(--ng-doc-tag-color);background:color-mix(in srgb,var(--ng-doc-tag-background) var(--ng-doc-tag-background-opacity, 100%),transparent);--ng-doc-icon-color: var(--ng-doc-tag-color);--ng-doc-font-size: 14px}:host[data-ng-doc-size=small]{padding:0 calc(var(--ng-doc-base-gutter) / 2);border-radius:6px;--ng-doc-font-size: 10px;--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 2)}:host[data-ng-doc-color=info]{--ng-doc-tag-background: var(--ng-doc-info);--ng-doc-tag-color: var(--ng-doc-info-text)}:host[data-ng-doc-color=warning]{--ng-doc-tag-background: var(--ng-doc-warning);--ng-doc-tag-color: var(--ng-doc-warning-text)}:host[data-ng-doc-color=alert]{--ng-doc-tag-background: var(--ng-doc-alert);--ng-doc-tag-color: var(--ng-doc-alert-text)}:host[data-ng-doc-color=link]{--ng-doc-tag-background: var(--ng-doc-link-color);--ng-doc-tag-color: var(--ng-doc-primary-text)}:host[data-ng-doc-color=success]{--ng-doc-tag-background: var(--ng-doc-success);--ng-doc-tag-color: var(--ng-doc-success-text)}:host[data-ng-doc-mod=light]{--ng-doc-tag-background-opacity: 15%}:host[data-ng-doc-mod=light][data-ng-doc-color=primary]{--ng-doc-tag-color: var(--ng-doc-primary)}:host[data-ng-doc-mod=light][data-ng-doc-color=info]{--ng-doc-tag-color: var(--ng-doc-info)}:host[data-ng-doc-mod=light][data-ng-doc-color=warning]{--ng-doc-tag-color: var(--ng-doc-warning)}:host[data-ng-doc-mod=light][data-ng-doc-color=alert]{--ng-doc-tag-color: var(--ng-doc-alert)}:host[data-ng-doc-mod=light][data-ng-doc-color=link]{--ng-doc-tag-color: var(--ng-doc-link-color)}:host[data-ng-doc-mod=light][data-ng-doc-color=success]{--ng-doc-tag-color: var(--ng-doc-success)}\n"] }]
         }], propDecorators: { color: [{
                 type: Input
             }, {

package/fesm2022/ng-doc-ui-kit-components-tag.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-doc-ui-kit-components-tag.mjs","sources":["../../../../libs/ui-kit/components/tag/tag.component.ts","../../../../libs/ui-kit/components/tag/tag.component.html","../../../../libs/ui-kit/components/tag/ng-doc-ui-kit-components-tag.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\nimport { NgDocColor, NgDocTagSize } from '@ng-doc/ui-kit/types';\n\n@Component({\n\tselector: 'ng-doc-tag',\n\ttemplateUrl: './tag.component.html',\n\tstyleUrls: ['./tag.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n})\nexport class NgDocTagComponent {\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-color')\n\tcolor: NgDocColor = 'primary';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-size')\n\tsize: NgDocTagSize = 'medium';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-mod')\n\tmod: 'default' \| 'light' = 'default';\n}\n","<ng-content></ng-content>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;MAUa,iBAAiB,CAAA;AAP9B,IAAA,WAAA,GAAA;QAUC,IAAK,CAAA,KAAA,GAAe,SAAS,CAAC;QAI9B,IAAI,CAAA,IAAA,GAAiB,QAAQ,CAAC;QAI9B,IAAG,CAAA,GAAA,GAAwB,SAAS,CAAC;AACrC,KAAA;8GAZY,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,wQCV9B,6BACA,EAAA,MAAA,EAAA,CAAA,~~6tEAAA~~,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FDSa,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAP7B,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,EAGL,eAAA,EAAA,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,~~6tEAAA~~,CAAA,EAAA,CAAA;8BAKhB,KAAK,EAAA,CAAA;sBAFJ,KAAK;;sBACL,WAAW;uBAAC,wBAAwB,CAAA;gBAKrC,IAAI,EAAA,CAAA;sBAFH,KAAK;;sBACL,WAAW;uBAAC,uBAAuB,CAAA;gBAKpC,GAAG,EAAA,CAAA;sBAFF,KAAK;;sBACL,WAAW;uBAAC,sBAAsB,CAAA;;;AEpBpC;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-doc-ui-kit-components-tag.mjs","sources":["../../../../libs/ui-kit/components/tag/tag.component.ts","../../../../libs/ui-kit/components/tag/tag.component.html","../../../../libs/ui-kit/components/tag/ng-doc-ui-kit-components-tag.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\nimport { NgDocColor, NgDocTagSize } from '@ng-doc/ui-kit/types';\n\n@Component({\n\tselector: 'ng-doc-tag',\n\ttemplateUrl: './tag.component.html',\n\tstyleUrls: ['./tag.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n})\nexport class NgDocTagComponent {\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-color')\n\tcolor: NgDocColor = 'primary';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-size')\n\tsize: NgDocTagSize = 'medium';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-mod')\n\tmod: 'default' \| 'light' = 'default';\n}\n","<ng-content></ng-content>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;MAUa,iBAAiB,CAAA;AAP9B,IAAA,WAAA,GAAA;QAUC,IAAK,CAAA,KAAA,GAAe,SAAS,CAAC;QAI9B,IAAI,CAAA,IAAA,GAAiB,QAAQ,CAAC;QAI9B,IAAG,CAAA,GAAA,GAAwB,SAAS,CAAC;AACrC,KAAA;8GAZY,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,wQCV9B,6BACA,EAAA,MAAA,EAAA,CAAA,o9DAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FDSa,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAP7B,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,EAGL,eAAA,EAAA,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,o9DAAA,CAAA,EAAA,CAAA;8BAKhB,KAAK,EAAA,CAAA;sBAFJ,KAAK;;sBACL,WAAW;uBAAC,wBAAwB,CAAA;gBAKrC,IAAI,EAAA,CAAA;sBAFH,KAAK;;sBACL,WAAW;uBAAC,uBAAuB,CAAA;gBAKpC,GAAG,EAAA,CAAA;sBAFF,KAAK;;sBACL,WAAW;uBAAC,sBAAsB,CAAA;;;AEpBpC;;AAEG;;;;"}

package/fesm2022/ng-doc-ui-kit-components-text.mjs CHANGED Viewed

@@ -4,10 +4,10 @@ import { Directive, Component, ChangeDetectionStrategy, Input, HostBinding, Cont
 /** Using to display content on the left side */
 class NgDocTextLeftDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocTextLeftDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0", type: NgDocTextLeftDirective, isStandalone: true, selector: "[ngDocTextLeft]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocTextLeftDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.1", type: NgDocTextLeftDirective, isStandalone: true, selector: "[ngDocTextLeft]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocTextLeftDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocTextLeftDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngDocTextLeft]',
@@ -17,10 +17,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
 /** Using to display content on the right side */
 class NgDocTextRightDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocTextRightDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0", type: NgDocTextRightDirective, isStandalone: true, selector: "[ngDocTextRight]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocTextRightDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.1", type: NgDocTextRightDirective, isStandalone: true, selector: "[ngDocTextRight]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocTextRightDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocTextRightDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngDocTextRight]',
@@ -43,12 +43,12 @@ class NgDocTextComponent {
     ngAfterContentChecked() {
         this.changeDetectorRef.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocTextComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: NgDocTextComponent, isStandalone: true, selector: "[ng-doc-text]", inputs: { size: "size", color: "color", align: "align", absoluteContent: "absoluteContent" }, host: { properties: { "attr.data-ng-doc-text-size": "this.size", "attr.data-ng-doc-text-color": "this.color", "attr.data-ng-doc-text-align": "this.align", "attr.data-ng-doc-text-absolute": "this.absoluteContent", "class.ngde": "this.ngDocElement" } }, queries: [{ propertyName: "leftContent", first: true, predicate: NgDocTextLeftDirective, descendants: true }, { propertyName: "rightContent", first: true, predicate: NgDocTextRightDirective, descendants: true }], ngImport: i0, template: "<span class=\"ng-doc-text-left\" *ngIf=\"leftContent\">\n\t<ng-content select=\"[ngDocTextLeft]\"></ng-content>\n</span>\n<span class=\"ng-doc-text\">\n\t<ng-content></ng-content>\n</span>\n<span class=\"ng-doc-text-right\" *ngIf=\"rightContent\">\n\t<ng-content select=\"[ngDocTextRight]\"></ng-content>\n</span>\n", styles: ["::ng-deep :root{--ng-doc-text-left-width: auto;--ng-doc-text-right-width: auto}:host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:flex;align-items:flex-start}:host[data-ng-doc-text-size=small]{--ng-doc-font-size: 14px;--ng-doc-line-height: 18px}:host[data-ng-doc-text-color=muted]{--ng-doc-text: var(--ng-doc-text-muted)}:host[data-ng-doc-text-align=center] .ng-doc-text{text-align:center}:host[data-ng-doc-text-align=right] .ng-doc-text{text-align:right}:host[data-ng-doc-text-absolute=true] .ng-doc-text-left{position:absolute;transform:translate(calc(-100% - var(--ng-doc-base-gutter)))}:host[data-ng-doc-text-absolute=true] .ng-doc-text-right{position:absolute;right:0;transform:translate(calc(100% + var(--ng-doc-base-gutter)))}:hostspan{display:inline-flex}:hostspan .ng-doc-text{width:auto}:host .ng-doc-text-left,:host .ng-doc-text-right{display:flex;justify-content:center;flex-shrink:0;min-height:var(--ng-doc-line-height);align-items:center}:host .ng-doc-text-left ::ng-deep>ng-doc-svg-icon,:host .ng-doc-text-right ::ng-deep>ng-doc-svg-icon{display:flex;min-height:var(--ng-doc-line-height)}:host .ng-doc-text{width:100%}:host .ng-doc-text:empty{display:none}:host[data-ng-doc-text-absolute=false] .ng-doc-text-left:not(:empty){width:var(--ng-doc-text-left-width)}:host[data-ng-doc-text-absolute=false] .ng-doc-text-left:not(:empty)~.ng-doc-text{margin-left:var(--ng-doc-base-gutter)}:host[data-ng-doc-text-absolute=false] .ng-doc-text-right:not(:empty){width:var(--ng-doc-text-right-width);margin-left:var(--ng-doc-base-gutter)}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocTextComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: NgDocTextComponent, isStandalone: true, selector: "[ng-doc-text]", inputs: { size: "size", color: "color", align: "align", absoluteContent: "absoluteContent" }, host: { properties: { "attr.data-ng-doc-text-size": "this.size", "attr.data-ng-doc-text-color": "this.color", "attr.data-ng-doc-text-align": "this.align", "attr.data-ng-doc-text-absolute": "this.absoluteContent", "class.ngde": "this.ngDocElement" } }, queries: [{ propertyName: "leftContent", first: true, predicate: NgDocTextLeftDirective, descendants: true }, { propertyName: "rightContent", first: true, predicate: NgDocTextRightDirective, descendants: true }], ngImport: i0, template: "<span class=\"ng-doc-text-left\" *ngIf=\"leftContent\">\n\t<ng-content select=\"[ngDocTextLeft]\"></ng-content>\n</span>\n<span class=\"ng-doc-text\">\n\t<ng-content></ng-content>\n</span>\n<span class=\"ng-doc-text-right\" *ngIf=\"rightContent\">\n\t<ng-content select=\"[ngDocTextRight]\"></ng-content>\n</span>\n", styles: ["::ng-deep :root{--ng-doc-text-left-width: auto;--ng-doc-text-right-width: auto}:host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:flex;align-items:center}:host[data-ng-doc-text-size=small]{--ng-doc-font-size: 14px;--ng-doc-line-height: 18px}:host[data-ng-doc-text-color=muted]{--ng-doc-text: var(--ng-doc-text-muted)}:host[data-ng-doc-text-align=center] .ng-doc-text{text-align:center}:host[data-ng-doc-text-align=right] .ng-doc-text{text-align:right}:host[data-ng-doc-text-absolute=true] .ng-doc-text-left{position:absolute;transform:translate(calc(-100% - var(--ng-doc-base-gutter)))}:host[data-ng-doc-text-absolute=true] .ng-doc-text-right{position:absolute;right:0;transform:translate(calc(100% + var(--ng-doc-base-gutter)))}:hostspan{display:inline-flex}:hostspan .ng-doc-text{width:auto}:host .ng-doc-text-left,:host .ng-doc-text-right{display:flex;justify-content:center;flex-shrink:0;min-height:var(--ng-doc-line-height);align-items:center}:host .ng-doc-text-left ::ng-deep>ng-doc-svg-icon,:host .ng-doc-text-right ::ng-deep>ng-doc-svg-icon{display:flex;min-height:var(--ng-doc-line-height)}:host .ng-doc-text{width:100%}:host .ng-doc-text:empty{display:none}:host[data-ng-doc-text-absolute=false] .ng-doc-text-left:not(:empty){width:var(--ng-doc-text-left-width)}:host[data-ng-doc-text-absolute=false] .ng-doc-text-left:not(:empty)~.ng-doc-text{margin-left:var(--ng-doc-base-gutter)}:host[data-ng-doc-text-absolute=false] .ng-doc-text-right:not(:empty){width:var(--ng-doc-text-right-width);margin-left:var(--ng-doc-base-gutter)}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocTextComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocTextComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[ng-doc-text]', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf], template: "<span class=\"ng-doc-text-left\" *ngIf=\"leftContent\">\n\t<ng-content select=\"[ngDocTextLeft]\"></ng-content>\n</span>\n<span class=\"ng-doc-text\">\n\t<ng-content></ng-content>\n</span>\n<span class=\"ng-doc-text-right\" *ngIf=\"rightContent\">\n\t<ng-content select=\"[ngDocTextRight]\"></ng-content>\n</span>\n", styles: ["::ng-deep :root{--ng-doc-text-left-width: auto;--ng-doc-text-right-width: auto}:host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:flex;align-items:flex-start}:host[data-ng-doc-text-size=small]{--ng-doc-font-size: 14px;--ng-doc-line-height: 18px}:host[data-ng-doc-text-color=muted]{--ng-doc-text: var(--ng-doc-text-muted)}:host[data-ng-doc-text-align=center] .ng-doc-text{text-align:center}:host[data-ng-doc-text-align=right] .ng-doc-text{text-align:right}:host[data-ng-doc-text-absolute=true] .ng-doc-text-left{position:absolute;transform:translate(calc(-100% - var(--ng-doc-base-gutter)))}:host[data-ng-doc-text-absolute=true] .ng-doc-text-right{position:absolute;right:0;transform:translate(calc(100% + var(--ng-doc-base-gutter)))}:hostspan{display:inline-flex}:hostspan .ng-doc-text{width:auto}:host .ng-doc-text-left,:host .ng-doc-text-right{display:flex;justify-content:center;flex-shrink:0;min-height:var(--ng-doc-line-height);align-items:center}:host .ng-doc-text-left ::ng-deep>ng-doc-svg-icon,:host .ng-doc-text-right ::ng-deep>ng-doc-svg-icon{display:flex;min-height:var(--ng-doc-line-height)}:host .ng-doc-text{width:100%}:host .ng-doc-text:empty{display:none}:host[data-ng-doc-text-absolute=false] .ng-doc-text-left:not(:empty){width:var(--ng-doc-text-left-width)}:host[data-ng-doc-text-absolute=false] .ng-doc-text-left:not(:empty)~.ng-doc-text{margin-left:var(--ng-doc-base-gutter)}:host[data-ng-doc-text-absolute=false] .ng-doc-text-right:not(:empty){width:var(--ng-doc-text-right-width);margin-left:var(--ng-doc-base-gutter)}\n"] }]
+            args: [{ selector: '[ng-doc-text]', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf], template: "<span class=\"ng-doc-text-left\" *ngIf=\"leftContent\">\n\t<ng-content select=\"[ngDocTextLeft]\"></ng-content>\n</span>\n<span class=\"ng-doc-text\">\n\t<ng-content></ng-content>\n</span>\n<span class=\"ng-doc-text-right\" *ngIf=\"rightContent\">\n\t<ng-content select=\"[ngDocTextRight]\"></ng-content>\n</span>\n", styles: ["::ng-deep :root{--ng-doc-text-left-width: auto;--ng-doc-text-right-width: auto}:host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:flex;align-items:center}:host[data-ng-doc-text-size=small]{--ng-doc-font-size: 14px;--ng-doc-line-height: 18px}:host[data-ng-doc-text-color=muted]{--ng-doc-text: var(--ng-doc-text-muted)}:host[data-ng-doc-text-align=center] .ng-doc-text{text-align:center}:host[data-ng-doc-text-align=right] .ng-doc-text{text-align:right}:host[data-ng-doc-text-absolute=true] .ng-doc-text-left{position:absolute;transform:translate(calc(-100% - var(--ng-doc-base-gutter)))}:host[data-ng-doc-text-absolute=true] .ng-doc-text-right{position:absolute;right:0;transform:translate(calc(100% + var(--ng-doc-base-gutter)))}:hostspan{display:inline-flex}:hostspan .ng-doc-text{width:auto}:host .ng-doc-text-left,:host .ng-doc-text-right{display:flex;justify-content:center;flex-shrink:0;min-height:var(--ng-doc-line-height);align-items:center}:host .ng-doc-text-left ::ng-deep>ng-doc-svg-icon,:host .ng-doc-text-right ::ng-deep>ng-doc-svg-icon{display:flex;min-height:var(--ng-doc-line-height)}:host .ng-doc-text{width:100%}:host .ng-doc-text:empty{display:none}:host[data-ng-doc-text-absolute=false] .ng-doc-text-left:not(:empty){width:var(--ng-doc-text-left-width)}:host[data-ng-doc-text-absolute=false] .ng-doc-text-left:not(:empty)~.ng-doc-text{margin-left:var(--ng-doc-base-gutter)}:host[data-ng-doc-text-absolute=false] .ng-doc-text-right:not(:empty){width:var(--ng-doc-text-right-width);margin-left:var(--ng-doc-base-gutter)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { size: [{
                 type: Input
             }, {