d9ae709b-3c27-4b69-b125-b8b80b54f90b

import { Component, ViewChild } from '@angular/core';
import { ThyResizableDirective } from 'ngx-tethys/resizable';
import { ThyResizeEvent } from 'ngx-tethys/resizable';

@Component({
    selector: 'thy-resizable-basic-example',
    templateUrl: './basic.component.html',
    styleUrls: ['../style.scss']
})
export class ThyResizableBasicExampleComponent {
    width = 400;
    height = 200;
    disabled = false;
    @ViewChild(ThyResizableDirective, { static: true }) directive: ThyResizableDirective;

    onResize({ width, height }: ThyResizeEvent): void {
        this.width = width!;
        this.height = height!;
    }
}

1	import { Component, ViewChild } from '@angular/core';
2	import { ThyResizableDirective } from 'ngx-tethys/resizable';
3	import { ThyResizeEvent } from 'ngx-tethys/resizable';
4
5	@Component({
6	selector: 'thy-resizable-basic-example',	1✔
7	templateUrl: './basic.component.html',
8	styleUrls: ['../style.scss']	×
9	})	×
10	export class ThyResizableBasicExampleComponent {	×
11	width = 400;
12	height = 200;
13	disabled = false;	×
14	@ViewChild(ThyResizableDirective, { static: true }) directive: ThyResizableDirective;	×
15
16	onResize({ width, height }: ThyResizeEvent): void {	1✔
17	this.width = width!;
18	this.height = height!;
19	}
20	}	1✔

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