@bixi/label
Version:
76 lines • 6.14 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
export class BixiLabelTooltipComponent {
/**
* @return {?}
*/
get labels() {
return this.tooltip ? (this.tooltip.data) || [] : [];
}
/**
* @return {?}
*/
get sytle() {
if (!this.tooltip) {
return {
width: '0px',
height: '0px'
};
}
return {
top: `${this.tooltip.position.top || 0}px`,
left: `${this.tooltip.position.left || 0}px`,
height: `${this.tooltip.position.height || 0}px`,
width: `${this.tooltip.position.width || 0}px`
};
}
}
BixiLabelTooltipComponent.decorators = [
{ type: Component, args: [{
selector: 'bixi-label-tooltip',
template: `
<div class="bixi-label-tooltip"
*ngIf="tooltip"
[ngStyle]="sytle"
[nzTooltipVisible]="true"
[nzTooltipTrigger]="null"
nz-tooltip
[nzTooltipTitle]="content ? tooltipContent : defaultContent">
</div>
<ng-template #defaultContent>
<div *ngIf="labels.length">
<div *ngFor="let label of labels">{{label.index}}: {{label.word}}</div>
</div>
<div *ngIf="!labels.length">
-
</div>
</ng-template>
<ng-template #tooltipContent>
<div>
<ng-template
[ngTemplateOutlet]="content"
[ngTemplateOutletContext]="{$implicit: labels, labels: labels }">
</ng-template>
</div>
</ng-template>
`,
exportAs: 'bixiLabelTooltip',
encapsulation: ViewEncapsulation.None,
preserveWhitespaces: true,
changeDetection: ChangeDetectionStrategy.OnPush
}] }
];
BixiLabelTooltipComponent.propDecorators = {
content: [{ type: Input }],
tooltip: [{ type: Input }]
};
if (false) {
/** @type {?} */
BixiLabelTooltipComponent.prototype.content;
/** @type {?} */
BixiLabelTooltipComponent.prototype.tooltip;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwtdG9vbHRpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AYml4aS9sYWJlbC8iLCJzb3VyY2VzIjpbInNyYy9sYWJlbC10b29sdGlwLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsS0FBSyxFQUVMLGlCQUFpQixFQUNsQixNQUFNLGVBQWUsQ0FBQztBQW9DdkIsTUFBTSxPQUFPLHlCQUF5Qjs7OztJQUlwQyxJQUFJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUN2RCxDQUFDOzs7O0lBRUQsSUFBSSxLQUFLO1FBQ1AsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDakIsT0FBTztnQkFDTCxLQUFLLEVBQUUsS0FBSztnQkFDWixNQUFNLEVBQUUsS0FBSzthQUNkLENBQUM7U0FDSDtRQUNELE9BQU87WUFDTCxHQUFHLEVBQUUsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxHQUFHLElBQUksQ0FBQyxJQUFJO1lBQzFDLElBQUksRUFBRSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLElBQUksSUFBSSxDQUFDLElBQUk7WUFDNUMsTUFBTSxFQUFFLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsTUFBTSxJQUFJLENBQUMsSUFBSTtZQUNoRCxLQUFLLEVBQUUsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxLQUFLLElBQUksQ0FBQyxJQUFJO1NBQy9DLENBQUM7SUFDSixDQUFDOzs7WUF0REYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxvQkFBb0I7Z0JBQzlCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXlCVDtnQkFDRCxRQUFRLEVBQUUsa0JBQWtCO2dCQUM1QixhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtnQkFDckMsbUJBQW1CLEVBQUUsSUFBSTtnQkFDekIsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07YUFDaEQ7OztzQkFFRSxLQUFLO3NCQUNMLEtBQUs7Ozs7SUFETiw0Q0FBb0Q7O0lBQ3BELDRDQUFzQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBUZW1wbGF0ZVJlZixcbiAgVmlld0VuY2Fwc3VsYXRpb25cbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJSG92ZXJJbkxhYmVsc0V2ZW50LCBJU2FmZUFueSB9IGZyb20gJy4vbGFiZWwudHlwZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2JpeGktbGFiZWwtdG9vbHRpcCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImJpeGktbGFiZWwtdG9vbHRpcFwiXG4gICAgICAqbmdJZj1cInRvb2x0aXBcIlxuICAgICAgW25nU3R5bGVdPVwic3l0bGVcIlxuICAgICAgW256VG9vbHRpcFZpc2libGVdPVwidHJ1ZVwiXG4gICAgICBbbnpUb29sdGlwVHJpZ2dlcl09XCJudWxsXCJcbiAgICAgIG56LXRvb2x0aXBcbiAgICAgIFtuelRvb2x0aXBUaXRsZV09XCJjb250ZW50ID8gdG9vbHRpcENvbnRlbnQgOiBkZWZhdWx0Q29udGVudFwiPlxuICAgIDwvZGl2PlxuICAgIDxuZy10ZW1wbGF0ZSAjZGVmYXVsdENvbnRlbnQ+XG4gICAgICA8ZGl2ICpuZ0lmPVwibGFiZWxzLmxlbmd0aFwiPlxuICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBsYWJlbCBvZiBsYWJlbHNcIj57e2xhYmVsLmluZGV4fX06IHt7bGFiZWwud29yZH19PC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgKm5nSWY9XCIhbGFiZWxzLmxlbmd0aFwiPlxuICAgICAgICAtXG4gICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICAgIDxuZy10ZW1wbGF0ZSAjdG9vbHRpcENvbnRlbnQ+XG4gICAgICA8ZGl2PlxuICAgICAgICA8bmctdGVtcGxhdGVcbiAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJjb250ZW50XCJcbiAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwieyRpbXBsaWNpdDogbGFiZWxzLCBsYWJlbHM6IGxhYmVscyB9XCI+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICBgLFxuICBleHBvcnRBczogJ2JpeGlMYWJlbFRvb2x0aXAnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBwcmVzZXJ2ZVdoaXRlc3BhY2VzOiB0cnVlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBCaXhpTGFiZWxUb29sdGlwQ29tcG9uZW50IHtcbiAgQElucHV0KCkgY29udGVudDogVGVtcGxhdGVSZWY8SVNhZmVBbnk+IHwgdW5kZWZpbmVkO1xuICBASW5wdXQoKSB0b29sdGlwOiBJSG92ZXJJbkxhYmVsc0V2ZW50O1xuXG4gIGdldCBsYWJlbHMoKSB7XG4gICAgcmV0dXJuIHRoaXMudG9vbHRpcCA/ICh0aGlzLnRvb2x0aXAuZGF0YSkgfHwgW10gOiBbXTtcbiAgfVxuXG4gIGdldCBzeXRsZSgpIHtcbiAgICBpZiAoIXRoaXMudG9vbHRpcCkge1xuICAgICAgcmV0dXJuIHtcbiAgICAgICAgd2lkdGg6ICcwcHgnLFxuICAgICAgICBoZWlnaHQ6ICcwcHgnXG4gICAgICB9O1xuICAgIH1cbiAgICByZXR1cm4ge1xuICAgICAgdG9wOiBgJHt0aGlzLnRvb2x0aXAucG9zaXRpb24udG9wIHx8IDB9cHhgLFxuICAgICAgbGVmdDogYCR7dGhpcy50b29sdGlwLnBvc2l0aW9uLmxlZnQgfHwgMH1weGAsXG4gICAgICBoZWlnaHQ6IGAke3RoaXMudG9vbHRpcC5wb3NpdGlvbi5oZWlnaHQgfHwgMH1weGAsXG4gICAgICB3aWR0aDogYCR7dGhpcy50b29sdGlwLnBvc2l0aW9uLndpZHRoIHx8IDB9cHhgXG4gICAgfTtcbiAgfVxufVxuIl19