sb-element
Version:
This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.1. It is a component library constructed around the SCSS library [Sb-Theming](https://github.com/SeverinBuchser/SbTheming) and supports [Angular Schematics]
47 lines • 7.07 kB
JavaScript
import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
import { PopperPosition } from "../popper/popper-position";
import { mixinClassName } from '../../core';
import * as i0 from "@angular/core";
import * as i1 from "../popper/popper.component";
import * as i2 from "../../core/trigger/hover-trigger.directive";
const SbTooltipCore = mixinClassName(class {
constructor(_elementRef) {
this._elementRef = _elementRef;
}
}, 'sb-tooltip');
export class SbTooltipComponent extends SbTooltipCore {
constructor(elementRef) {
super(elementRef);
this.showStart = new EventEmitter();
this.showEnd = new EventEmitter();
this.hideStart = new EventEmitter();
this.hideEnd = new EventEmitter();
this.visible = false;
this.text = '';
this.delay = 0;
this.position = PopperPosition.TOP;
}
}
SbTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: SbTooltipComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
SbTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: SbTooltipComponent, selector: "sb-tooltip", inputs: { visible: "visible", text: "text", delay: "delay", position: "position" }, outputs: { showStart: "showStart", showEnd: "showEnd", hideStart: "hideStart", hideEnd: "hideEnd" }, usesInheritance: true, ngImport: i0, template: "<sb-popper\n #tooltipPopper\n [position]=\"position\"\n [visible]=\"visible\"\n (showStart)=\"showStart.emit()\"\n (showEnd)=\"showEnd.emit()\"\n (hideStart)=\"hideStart.emit()\"\n (hideEnd)=\"hideEnd.emit()\">\n <span popper>\n {{ text }}\n </span>\n <div content sbElHoverTrigger [triggerable]=\"tooltipPopper\" [delay]=\"delay\">\n <ng-content></ng-content>\n </div>\n</sb-popper>\n", components: [{ type: i1.SbPopperComponent, selector: "sb-popper", inputs: ["visible", "position"], outputs: ["show", "hide"] }], directives: [{ type: i2.SbHoverTriggerDirective, selector: "[sbElHoverTrigger]" }], encapsulation: i0.ViewEncapsulation.None });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: SbTooltipComponent, decorators: [{
type: Component,
args: [{ selector: 'sb-tooltip', encapsulation: ViewEncapsulation.None, template: "<sb-popper\n #tooltipPopper\n [position]=\"position\"\n [visible]=\"visible\"\n (showStart)=\"showStart.emit()\"\n (showEnd)=\"showEnd.emit()\"\n (hideStart)=\"hideStart.emit()\"\n (hideEnd)=\"hideEnd.emit()\">\n <span popper>\n {{ text }}\n </span>\n <div content sbElHoverTrigger [triggerable]=\"tooltipPopper\" [delay]=\"delay\">\n <ng-content></ng-content>\n </div>\n</sb-popper>\n" }]
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { showStart: [{
type: Output
}], showEnd: [{
type: Output
}], hideStart: [{
type: Output
}], hideEnd: [{
type: Output
}], visible: [{
type: Input
}], text: [{
type: Input
}], delay: [{
type: Input
}], position: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zYi1lbGVtZW50L3NyYy9saWIvcG9wcGVyL3Rvb2x0aXAvdG9vbHRpcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zYi1lbGVtZW50L3NyYy9saWIvcG9wcGVyL3Rvb2x0aXAvdG9vbHRpcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RHLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sWUFBWSxDQUFDOzs7O0FBRTVDLE1BQU0sYUFBYSxHQUFHLGNBQWMsQ0FDbEM7SUFDRSxZQUNTLFdBQXVCO1FBQXZCLGdCQUFXLEdBQVgsV0FBVyxDQUFZO0lBQUcsQ0FBQztDQUNyQyxFQUFFLFlBQVksQ0FDaEIsQ0FBQztBQU9GLE1BQU0sT0FBTyxrQkFBbUIsU0FBUSxhQUFhO0lBdUJuRCxZQUNFLFVBQXNCO1FBRXRCLEtBQUssQ0FBQyxVQUFVLENBQUMsQ0FBQztRQXZCYixjQUFTLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFFekQsWUFBTyxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBRXZELGNBQVMsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUV6RCxZQUFPLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFHdkQsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUd6QixTQUFJLEdBQVcsRUFBRSxDQUFDO1FBR2xCLFVBQUssR0FBVyxDQUFDLENBQUM7UUFHbEIsYUFBUSxHQUFXLGNBQWMsQ0FBQyxHQUFHLENBQUM7SUFNN0MsQ0FBQzs7K0dBM0JVLGtCQUFrQjttR0FBbEIsa0JBQWtCLGtRQ2hCL0Isb1pBZUE7MkZEQ2Esa0JBQWtCO2tCQUw5QixTQUFTOytCQUNFLFlBQVksaUJBRVAsaUJBQWlCLENBQUMsSUFBSTtpR0FLOUIsU0FBUztzQkFEZixNQUFNO2dCQUdBLE9BQU87c0JBRGIsTUFBTTtnQkFHQSxTQUFTO3NCQURmLE1BQU07Z0JBR0EsT0FBTztzQkFEYixNQUFNO2dCQUlBLE9BQU87c0JBRGIsS0FBSztnQkFJQyxJQUFJO3NCQURWLEtBQUs7Z0JBSUMsS0FBSztzQkFEWCxLQUFLO2dCQUlDLFFBQVE7c0JBRGQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUG9wcGVyUG9zaXRpb24gfSBmcm9tIFwiLi4vcG9wcGVyL3BvcHBlci1wb3NpdGlvblwiO1xuaW1wb3J0IHsgbWl4aW5DbGFzc05hbWUgfSBmcm9tICcuLi8uLi9jb3JlJztcblxuY29uc3QgU2JUb29sdGlwQ29yZSA9IG1peGluQ2xhc3NOYW1lKFxuICBjbGFzcyB7XG4gICAgY29uc3RydWN0b3IoXG4gICAgICBwdWJsaWMgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHt9XG4gIH0sICdzYi10b29sdGlwJ1xuKTtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2ItdG9vbHRpcCcsXG4gIHRlbXBsYXRlVXJsOiAnLi90b29sdGlwLmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBTYlRvb2x0aXBDb21wb25lbnQgZXh0ZW5kcyBTYlRvb2x0aXBDb3JlIHtcblxuICBAT3V0cHV0KClcbiAgcHVibGljIHNob3dTdGFydDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KClcbiAgcHVibGljIHNob3dFbmQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpXG4gIHB1YmxpYyBoaWRlU3RhcnQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpXG4gIHB1YmxpYyBoaWRlRW5kOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgQElucHV0KClcbiAgcHVibGljIHZpc2libGU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgdGV4dDogc3RyaW5nID0gJyc7XG5cbiAgQElucHV0KClcbiAgcHVibGljIGRlbGF5OiBudW1iZXIgPSAwO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBwb3NpdGlvbjogc3RyaW5nID0gUG9wcGVyUG9zaXRpb24uVE9QO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWZcbiAgKSB7XG4gICAgc3VwZXIoZWxlbWVudFJlZik7XG4gIH1cblxufVxuIiwiPHNiLXBvcHBlclxuICAjdG9vbHRpcFBvcHBlclxuICBbcG9zaXRpb25dPVwicG9zaXRpb25cIlxuICBbdmlzaWJsZV09XCJ2aXNpYmxlXCJcbiAgKHNob3dTdGFydCk9XCJzaG93U3RhcnQuZW1pdCgpXCJcbiAgKHNob3dFbmQpPVwic2hvd0VuZC5lbWl0KClcIlxuICAoaGlkZVN0YXJ0KT1cImhpZGVTdGFydC5lbWl0KClcIlxuICAoaGlkZUVuZCk9XCJoaWRlRW5kLmVtaXQoKVwiPlxuICA8c3BhbiBwb3BwZXI+XG4gICAge3sgdGV4dCB9fVxuICA8L3NwYW4+XG4gIDxkaXYgY29udGVudCBzYkVsSG92ZXJUcmlnZ2VyIFt0cmlnZ2VyYWJsZV09XCJ0b29sdGlwUG9wcGVyXCIgW2RlbGF5XT1cImRlbGF5XCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvc2ItcG9wcGVyPlxuIl19