@taiga-ui/core
Version:
Core library for creating Angular components and applications using Taiga UI
38 lines • 4.3 kB
JavaScript
import { Directive, inject, Input } from '@angular/core';
import { TuiHintDirective } from './hint.directive';
import * as i0 from "@angular/core";
import * as i1 from "./hint.directive";
class TuiHintOverflow {
constructor() {
this.hint = inject(TuiHintDirective);
this.tuiHintOverflow = '';
}
onMouseEnter({ scrollWidth, clientWidth, textContent }) {
this.hint.tuiHint =
scrollWidth > clientWidth && this.tuiHintOverflow !== null
? this.tuiHintOverflow || textContent
: '';
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiHintOverflow, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiHintOverflow, isStandalone: true, selector: "[tuiHintOverflow]", inputs: { tuiHintOverflow: "tuiHintOverflow" }, host: { listeners: { "mouseenter": "onMouseEnter($event.currentTarget)" } }, hostDirectives: [{ directive: i1.TuiHintDirective, inputs: ["tuiHintAppearance", "tuiHintAppearance"] }], ngImport: i0 }); }
}
export { TuiHintOverflow };
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiHintOverflow, decorators: [{
type: Directive,
args: [{
standalone: true,
selector: '[tuiHintOverflow]',
hostDirectives: [
{
directive: TuiHintDirective,
inputs: ['tuiHintAppearance'],
},
],
host: {
'(mouseenter)': 'onMouseEnter($event.currentTarget)',
},
}]
}], propDecorators: { tuiHintOverflow: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGludC1vdmVyZmxvdy5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2RpcmVjdGl2ZXMvaGludC9oaW50LW92ZXJmbG93LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFdkQsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sa0JBQWtCLENBQUM7OztBQUVsRCxNQWFhLGVBQWU7SUFiNUI7UUFjcUIsU0FBSSxHQUFHLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBRzFDLG9CQUFlLEdBQWtCLEVBQUUsQ0FBQztLQVE5QztJQU5hLFlBQVksQ0FBQyxFQUFDLFdBQVcsRUFBRSxXQUFXLEVBQUUsV0FBVyxFQUFVO1FBQ25FLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTztZQUNiLFdBQVcsR0FBRyxXQUFXLElBQUksSUFBSSxDQUFDLGVBQWUsS0FBSyxJQUFJO2dCQUN0RCxDQUFDLENBQUMsSUFBSSxDQUFDLGVBQWUsSUFBSSxXQUFXO2dCQUNyQyxDQUFDLENBQUMsRUFBRSxDQUFDO0lBQ2pCLENBQUM7K0dBWFEsZUFBZTttR0FBZixlQUFlOztTQUFmLGVBQWU7NEZBQWYsZUFBZTtrQkFiM0IsU0FBUzttQkFBQztvQkFDUCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLG1CQUFtQjtvQkFDN0IsY0FBYyxFQUFFO3dCQUNaOzRCQUNJLFNBQVMsRUFBRSxnQkFBZ0I7NEJBQzNCLE1BQU0sRUFBRSxDQUFDLG1CQUFtQixDQUFDO3lCQUNoQztxQkFDSjtvQkFDRCxJQUFJLEVBQUU7d0JBQ0YsY0FBYyxFQUFFLG9DQUFvQztxQkFDdkQ7aUJBQ0o7OEJBS1UsZUFBZTtzQkFEckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7RGlyZWN0aXZlLCBpbmplY3QsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtUdWlIaW50RGlyZWN0aXZlfSBmcm9tICcuL2hpbnQuZGlyZWN0aXZlJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzZWxlY3RvcjogJ1t0dWlIaW50T3ZlcmZsb3ddJyxcbiAgICBob3N0RGlyZWN0aXZlczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBkaXJlY3RpdmU6IFR1aUhpbnREaXJlY3RpdmUsXG4gICAgICAgICAgICBpbnB1dHM6IFsndHVpSGludEFwcGVhcmFuY2UnXSxcbiAgICAgICAgfSxcbiAgICBdLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgJyhtb3VzZWVudGVyKSc6ICdvbk1vdXNlRW50ZXIoJGV2ZW50LmN1cnJlbnRUYXJnZXQpJyxcbiAgICB9LFxufSlcbmV4cG9ydCBjbGFzcyBUdWlIaW50T3ZlcmZsb3cge1xuICAgIHByaXZhdGUgcmVhZG9ubHkgaGludCA9IGluamVjdChUdWlIaW50RGlyZWN0aXZlKTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIHR1aUhpbnRPdmVyZmxvdzogc3RyaW5nIHwgbnVsbCA9ICcnO1xuXG4gICAgcHJvdGVjdGVkIG9uTW91c2VFbnRlcih7c2Nyb2xsV2lkdGgsIGNsaWVudFdpZHRoLCB0ZXh0Q29udGVudH06IEVsZW1lbnQpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5oaW50LnR1aUhpbnQgPVxuICAgICAgICAgICAgc2Nyb2xsV2lkdGggPiBjbGllbnRXaWR0aCAmJiB0aGlzLnR1aUhpbnRPdmVyZmxvdyAhPT0gbnVsbFxuICAgICAgICAgICAgICAgID8gdGhpcy50dWlIaW50T3ZlcmZsb3cgfHwgdGV4dENvbnRlbnRcbiAgICAgICAgICAgICAgICA6ICcnO1xuICAgIH1cbn1cbiJdfQ==