@nbxx/nb-input/dist/nbtips/nbtips.component.js

Angular - nbinput

import { Component, Input } from '@angular/core';
export class NbtipsComponent {
    constructor() {
        this.isImage = false;
    }
    set description(val) {
        if (val) {
            this._description = val;
            if (val.startsWith("http://") || val.startsWith("https://")) {
                this.isImage = true;
            }
        }
    }
    get description() {
        return this._description;
    }
}
NbtipsComponent.decorators = [
    { type: Component, args: [{
                selector: 'nbtips',
                template: `
    <div class="nbtips" *ngIf="description">
      <i class="fa fa-question-circle-o"></i>
      <span class="nbtiptext">
        <span *ngIf="!isImage">{{description}}</span>
        <img *ngIf="isImage" [src]="description">
      </span>
    </div>
  `,
                styles: [`
    .nbtips{position:relative;display:inline-block;border-bottom:1px dotted black}.nbtips .nbtiptext{visibility:hidden;max-width:120px;min-width:80px;background-color:rgba(0,0,0,0.4);color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;right:0;top:100%;z-index:1}.nbtips .nbtiptext img{width:100%;min-width:100px}.nbtips:hover .nbtiptext{visibility:visible}
  `]
            },] },
];
/** @nocollapse */
NbtipsComponent.ctorParameters = () => [];
NbtipsComponent.propDecorators = {
    description: [{ type: Input }]
};
//# sourceMappingURL=nbtips.component.js.map