@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.38 kB
JavaScript
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5mby10aXAtd3JhcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiQzovUHJvZ2V0dGkvREFHL3NvcmdlbnRpL2dpdGxhYi1zb2Z0d2FyZWZhY3RvcnkvY29tbW9uLWNvbXBvbmVudC1saWIvcHJvamVjdHMvcG9ydGFsLWNvbW1vbi1jb21wb25lbnQtbGliL3NyYy8iLCJzb3VyY2VzIjpbImxpYi9pbmZvLXRpcC9pbmZvLXRpcC13cmFwcGVyL2luZm8tdGlwLXdyYXBwZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBVWpELE1BQU0sT0FBTyx1QkFBdUI7OztZQU5uQyxTQUFTLFNBQ1QsRUFBRSxRQUFRLEVBQUUsc0JBQXNCLEVBQ2hDLG13Q0FBZ0QseVlBRWpEOzs7b0JBR0EsS0FBSzt3QkFDTCxLQUFLO3VCQUNMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IEluZm9UaXBNb2RlbCBmcm9tICcuLi9pbmZvLXRpcC5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KFxyXG5cdHsgZXhwb3J0QXM6ICdkYWctaW5mby10aXAtd3JhcHBlcidcclxuXHQsIHRlbXBsYXRlVXJsOiAnLi9pbmZvLXRpcC13cmFwcGVyLmNvbXBvbmVudC5odG1sJ1xyXG5cdCwgc3R5bGVVcmxzOiBbICcuL2luZm8tdGlwLXdyYXBwZXIuY29tcG9uZW50LmNzcycgXVxyXG5cdH1cclxuKVxyXG5leHBvcnQgY2xhc3MgSW5mb1RpcFdyYXBwZXJDb21wb25lbnQge1xyXG5cdEBJbnB1dCgpIHB1YmxpYyBpbmZvJDogT2JzZXJ2YWJsZTxJbmZvVGlwTW9kZWw+O1xyXG5cdEBJbnB1dCgpIHB1YmxpYyBlbHNlTGFiZWw6IHN0cmluZztcclxuXHRASW5wdXQoKSBwdWJsaWMgc2hvd0ljb246IGJvb2xlYW47XHJcbn1cclxuIl19