UNPKG

@infordata-web/portal-common-component-lib

Version:

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.0.14.

12 lines 3.37 kB
import { Component, Input } from '@angular/core'; export class InfoTipWrapperComponent { } InfoTipWrapperComponent.decorators = [ { type: Component, args: [{ exportAs: 'dag-info-tip-wrapper', template: "<ng-container *ngIf=\"(showIcon || false); else noIcon\">\r\n\t<ng-container *ngIf=\"(info$ | async) as tip; else noTip\">\r\n\t\t<!-- {{tip.tipoLabel == \"CAMPO\" && \"SEZIONE_PAGINA\" ? '': tip.label}} -->\r\n\t\t{{ tip.label }}\r\n\t\t<!-- OLD\r\n\t\t<button class=\"dag-info-label mat-flat-button bg-transparent px-0\">\r\n\t\t\t<span class=\"fas fa-info-circle icon-color-primary ml-1\"\r\n\t\t\t\t[matTooltip]=\"tip.tooltip || tip.label\"\r\n\t\t\t><p class=\"sr-only\">{{ tip.tooltip }}</p></span>\r\n\t\t</button> -->\r\n\t\t<button class=\"dag-info-label mat-flat-button bg-transparent px-0\"\r\n\t\t\t[matTooltip]=\"tip.tooltip || tip.label\"\r\n\t\t\taria-label=\"{{tip.tooltip}}\">\r\n\t\t\t<span class=\"fas fa-info-circle icon-color-primary ml-1\">\r\n\t\t\t\t<p class=\"sr-only\">{{ tip.tooltip }}</p>\r\n\t\t\t</span>\r\n\t\t</button>\r\n\t</ng-container>\r\n\t<ng-template #noTip>\r\n\t\t<span class=\"dag-info-label\">\r\n\t\t\t{{ elseLabel }}\r\n\t\t\t<span\r\n\t\t\t\tclass=\"dag-info-tip ml-1\"\r\n\t\t\t\t[matTooltip]=\"elseLabel\"\r\n\t\t\t></span>\r\n\t\t</span>\r\n\t</ng-template>\r\n</ng-container>\r\n<ng-template #noIcon>\r\n\t<ng-container *ngIf=\"(info$ | async) as tip\">\r\n\t\t{{ tip.tooltip }}\r\n\t</ng-container>\r\n</ng-template>\r\n", styles: ["span.dag-info-tip:after{--color:#06f;--size:1rem;border:1px solid var(--color);border-color:var(--color);border-radius:var(--size);color:var(--color);content:\"i\";cursor:help;display:inline-block;font-size:var(--size);font-weight:700;height:var(--size);line-height:var(--size);text-align:center;vertical-align:middle;width:var(--size)}.dag-info-label{min-width:15px!important}"] },] } ]; InfoTipWrapperComponent.propDecorators = { info$: [{ type: Input }], elseLabel: [{ type: Input }], showIcon: [{ type: Input }] }; //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5mby10aXAtd3JhcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiRDovUHJvZ2V0dGkvREFHL3NvcmdlbnRpL2dpdGxhYi10ZXJuaS9jb21tb24tY29tcG9uZW50LWxpYi9wcm9qZWN0cy9wb3J0YWwtY29tbW9uLWNvbXBvbmVudC1saWIvc3JjLyIsInNvdXJjZXMiOlsibGliL2luZm8tdGlwL2luZm8tdGlwLXdyYXBwZXIvaW5mby10aXAtd3JhcHBlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFVakQsTUFBTSxPQUFPLHVCQUF1Qjs7O1lBTm5DLFNBQVMsU0FDVCxFQUFFLFFBQVEsRUFBRSxzQkFBc0IsRUFDaEMsbXdDQUFnRCx5WUFFakQ7OztvQkFHQSxLQUFLO3dCQUNMLEtBQUs7dUJBQ0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgSW5mb1RpcE1vZGVsIGZyb20gJy4uL2luZm8tdGlwLm1vZGVsJztcclxuXHJcbkBDb21wb25lbnQoXHJcblx0eyBleHBvcnRBczogJ2RhZy1pbmZvLXRpcC13cmFwcGVyJ1xyXG5cdCwgdGVtcGxhdGVVcmw6ICcuL2luZm8tdGlwLXdyYXBwZXIuY29tcG9uZW50Lmh0bWwnXHJcblx0LCBzdHlsZVVybHM6IFsgJy4vaW5mby10aXAtd3JhcHBlci5jb21wb25lbnQuY3NzJyBdXHJcblx0fVxyXG4pXHJcbmV4cG9ydCBjbGFzcyBJbmZvVGlwV3JhcHBlckNvbXBvbmVudCB7XHJcblx0QElucHV0KCkgcHVibGljIGluZm8kOiBPYnNlcnZhYmxlPEluZm9UaXBNb2RlbD47XHJcblx0QElucHV0KCkgcHVibGljIGVsc2VMYWJlbDogc3RyaW5nO1xyXG5cdEBJbnB1dCgpIHB1YmxpYyBzaG93SWNvbjogYm9vbGVhbjtcclxufVxyXG4iXX0=