Max line directive NativeScript

max-line.directive.ts

import { Directive, ElementRef, Input, OnInit, OnChanges } from '@angular/core';
import { Label } from '@nativescript/core';

@Directive({ selector: 'Label[maxLines]' })
export class LabelMaxLinesDirective implements OnInit, OnChanges {
	constructor(private el: ElementRef) {}

	@Input() public maxLines = 1;

	public get nativeView(): Label {
		return this.el.nativeElement;
	}

	public ngOnChanges(changes: any) {
		if (changes.maxLines) {
			this.applyMaxLines();
		}
	}

	public ngOnInit() {
		const nativeView = this.nativeView;

		if (nativeView instanceof Label) {
			nativeView.on(Label.loadedEvent, () => {
				this.applyMaxLines();
			});
		}
	}

	private applyMaxLines() {
		const nativeView = this.nativeView;

		const maxLines = Math.max(Number(this.maxLines) || 0, 1);

		if (nativeView.android) {
			nativeView.android.setSingleLine(false);
			nativeView.android.setMaxLines(maxLines);
			nativeView.android.setEllipsize(android.text.TextUtils.TruncateAt.END);
		} else if (nativeView.ios) {
			setTimeout(() => {
				nativeView.ios.numberOfLines = maxLines;
				nativeView.ios.adjustsFontSizeToFitWidth = false;
				nativeView.ios.lineBreakMode = NSLineBreakMode.ByTruncatingTail;
			}, 0);
		}
	}
}