@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 • 3.5 kB
Source Map (JSON)
{"version":3,"file":"ng-doc-ui-kit-components-expander.mjs","sources":["../../../../libs/ui-kit/components/expander/expander.component.ts","../../../../libs/ui-kit/components/expander/expander.component.html","../../../../libs/ui-kit/components/expander/ng-doc-ui-kit-components-expander.ts"],"sourcesContent":["import { NgIf, NgTemplateOutlet } from '@angular/common';\nimport { AfterViewInit, ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { expandCollapseAnimation, preventInitialChildAnimations } from '@ng-doc/ui-kit/animations';\nimport { NgDocContent } from '@ng-doc/ui-kit/types';\nimport { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';\n\n/** Component helps to expand or collapse content */\n@Component({\n animations: [preventInitialChildAnimations, expandCollapseAnimation],\n selector: 'ng-doc-expander',\n templateUrl: './expander.component.html',\n styleUrls: ['./expander.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [NgIf, PolymorpheusModule, NgTemplateOutlet],\n})\nexport class NgDocExpanderComponent implements AfterViewInit {\n /** Change expand state */\n @Input()\n expanded: boolean = false;\n\n /** Expander content */\n @Input({ required: true })\n content!: NgDocContent;\n\n @Input()\n collapseMod: 'remove' | 'hide' = 'remove';\n\n /** Closed height could be used to show preview of the content */\n @Input()\n from: number = 0;\n\n protected animationDisabled = true;\n\n ngAfterViewInit(): void {\n this.animationDisabled = false;\n }\n\n toggle(): void {\n this.expanded = !this.expanded;\n }\n}\n","<div\n *ngIf=\"expanded || from || collapseMod === 'hide'\"\n [@.disabled]=\"animationDisabled\"\n [@expandCollapse]=\"{ value: expanded, params: { from: from + 'px', opacity: from ? 1 : 0 } }\">\n <ng-container *polymorpheusOutlet=\"content as text\">{{ text }}</ng-container>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAMA;MASa,sBAAsB,CAAA;AARnC,IAAA,WAAA,GAAA;;QAWE,IAAQ,CAAA,QAAA,GAAY,KAAK;QAOzB,IAAW,CAAA,WAAA,GAAsB,QAAQ;;QAIzC,IAAI,CAAA,IAAA,GAAW,CAAC;QAEN,IAAiB,CAAA,iBAAA,GAAG,IAAI;AASnC;IAPC,eAAe,GAAA;AACb,QAAA,IAAI,CAAC,iBAAiB,GAAG,KAAK;;IAGhC,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ;;8GAvBrB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,aAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECfnC,qSAMA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDOY,IAAI,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,kBAAkB,EAAA,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,EALtB,CAAC,6BAA6B,EAAE,uBAAuB,CAAC,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAOzD,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBARlC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAC,6BAA6B,EAAE,uBAAuB,CAAC,EAAA,QAAA,EAC1D,iBAAiB,EAGV,eAAA,EAAA,uBAAuB,CAAC,MAAM,WACtC,CAAC,IAAI,EAAE,kBAAkB,EAAE,gBAAgB,CAAC,EAAA,QAAA,EAAA,qSAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA;8BAKrD,QAAQ,EAAA,CAAA;sBADP;gBAKD,OAAO,EAAA,CAAA;sBADN,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;gBAIzB,WAAW,EAAA,CAAA;sBADV;gBAKD,IAAI,EAAA,CAAA;sBADH;;;AE5BH;;AAEG;;;;"}