d9ae709b-3c27-4b69-b125-b8b80b54f90b

import { ChangeDetectionStrategy, Component, Input, TemplateRef, ViewEncapsulation } from '@angular/core';
import { NgIf, NgTemplateOutlet } from '@angular/common';

/**
 * @private
 */
@Component({
    selector: 'thy-tab-content, [thyTabContent]',
    exportAs: 'thyTabContent',
    preserveWhitespaces: false,
    encapsulation: ViewEncapsulation.None,
    changeDetection: ChangeDetectionStrategy.OnPush,
    template: `
        <ng-container *ngIf="active">
            <ng-template [ngTemplateOutlet]="content"></ng-template>
        </ng-container>
    `,
    host: {
        class: 'thy-tab-content',
        '[attr.aria-hidden]': '!active',
        '[attr.tabindex]': 'active ? 0 : -1',
        '[style.visibility]': 'tabPaneAnimated ? active ? null : "hidden" : null',
        '[style.height]': 'tabPaneAnimated ? active ? null : 0 : null',
        '[style.overflow-y]': 'tabPaneAnimated ? active ? null : "none" : null',
        '[style.display]': '!tabPaneAnimated ? active ? null : "none" : null'
    },
    standalone: true,
    imports: [NgIf, NgTemplateOutlet]
})
export class ThyTabContentComponent {
    @Input() content: TemplateRef<void> | null = null;

    @Input() active = false;

    @Input() tabPaneAnimated = true;
}

1	import { ChangeDetectionStrategy, Component, Input, TemplateRef, ViewEncapsulation } from '@angular/core';
2	import { NgIf, NgTemplateOutlet } from '@angular/common';
3
4	/**
5	* @private
6	*/
7	@Component({	1✔
8	selector: 'thy-tab-content, [thyTabContent]',
9	exportAs: 'thyTabContent',	×
10	preserveWhitespaces: false,	×
11	encapsulation: ViewEncapsulation.None,	×
12	changeDetection: ChangeDetectionStrategy.OnPush,
13	template: `	1✔
14	<ng-container *ngIf="active">
15	<ng-template [ngTemplateOutlet]="content"></ng-template>
16	</ng-container>
17	`,
18	host: {
19	class: 'thy-tab-content',	1✔
20	'[attr.aria-hidden]': '!active',
21	'[attr.tabindex]': 'active ? 0 : -1',
22	'[style.visibility]': 'tabPaneAnimated ? active ? null : "hidden" : null',
23	'[style.height]': 'tabPaneAnimated ? active ? null : 0 : null',
24	'[style.overflow-y]': 'tabPaneAnimated ? active ? null : "none" : null',
25	'[style.display]': '!tabPaneAnimated ? active ? null : "none" : null'
26	},
27	standalone: true,
28	imports: [NgIf, NgTemplateOutlet]
29	})
30	export class ThyTabContentComponent {
31	@Input() content: TemplateRef<void> \| null = null;
32
33	@Input() active = false;
34
35	@Input() tabPaneAnimated = true;
36	}

atinc / ngx-tethys / d9ae709b-3c27-4b69-b125-b8b80b54f90b

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous