UNPKG

@ng-doc/ui-kit

Version:

<!-- PROJECT LOGO --> <br /> <div align="center"> <a href="https://github.com/ng-doc/ng-doc"> <img src="https://ng-doc.com/assets/images/ng-doc.svg?raw=true" alt="Logo" height="150px"> </a>

1 lines 4.22 kB
{"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 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":";;;;;;;;MAgCa,qBAAqB,CAAA;AAlBlC,IAAA,WAAA,GAAA;AAmBE;;AAEG;QAEH,IAAO,CAAA,OAAA,GAAiB,EAAE;AAE1B;;;AAGG;QAGH,IAAM,CAAA,MAAA,GAAY,IAAI;AAEtB;;AAEG;QAEH,IAAW,CAAA,WAAA,GAAY,IAAI;AAG3B,QAAA,IAAA,CAAA,UAAU,GAAuB,IAAI,YAAY,EAAQ;AAC1D;8GAvBY,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,EChClC,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,EDeY,MAAA,EAAA,CAAA,i1CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,kBAAkB,EAZhB,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;;2FAUU,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAlBjC,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,EAAA,eAAA,EAGT,uBAAuB,CAAC,MAAM,EACtC,OAAA,EAAA,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;8BAOD,OAAO,EAAA,CAAA;sBADN;gBASD,MAAM,EAAA,CAAA;sBAFL;;sBACA,WAAW;uBAAC,yBAAyB;gBAOtC,WAAW,EAAA,CAAA;sBADV;gBAID,UAAU,EAAA,CAAA;sBADT;;;AErDH;;AAEG;;;;"}