@gouvfr-anct/mediation-numerique
Version:
📚 Bibliothèque pour la cartographie de l’offre de médiation numérique.
27 lines • 6.19 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../../directives/tooltip/tooltip.directive";
export class SvgIconComponent {
constructor() {
this.iconColor = 'none';
this.title = null;
}
}
SvgIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SvgIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
SvgIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SvgIconComponent, selector: "app-svg-icon", inputs: { icon: "icon", iconClass: "iconClass", type: "type", iconColor: "iconColor", title: "title" }, ngImport: i0, template: "<div app-tooltipDirective title=\"{{ title }}\">\n <ng-template #tooltipTemplate>\n <div class=\"tooltip\">{{ title }}</div>\n </ng-template>\n <svg aria-hidden=\"true\" class=\"icon\" [ngClass]=\"iconClass\" [attr.fill]=\"iconColor\" [attr.stroke]=\"iconColor\">\n <use [attr.xlink:href]=\"'assets/' + type + '/sprite.svg#' + icon\"></use>\n </svg>\n</div>\n", styles: [":host{display:flex;align-items:center}.icon{display:inline-block;height:2em;width:1.5em}.icon.icon-full{width:unset;height:unset}.icon.icon-16{height:16px;width:16px}.icon.icon-26{height:26px;width:26px}.icon.icon-28{width:28px;height:28px}.icon.icon-30{width:30px;height:30px}.icon.icon-32{width:32px;height:32px}.icon.icon-40{width:40px;height:40px}.icon.icon-52{width:52px;height:52px}.icon.icon-75{width:4.688em}.icon.icon-80{height:80px;width:80px}.icon.icon-112{height:112px;width:112px}.icon.validation{height:36px;width:20px}.icon.validation-small{height:26px;width:20px}.icon.hover{cursor:pointer}.icon.hover:hover{opacity:.8}.icon.white{fill:#fff;stroke:#fff}.icon.white path{stroke:#fff;fill:#fff}.icon.grey{fill:#696969;stroke:#696969}.icon.grey-1{fill:#333;stroke:#333}.icon.green{fill:#47c562;stroke:#47c562}.icon.backArrow{height:40px;width:40px;margin-right:1rem}svg{top:.125em;position:relative}.icon-centered{padding-top:.15rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.TooltipDirective, selector: "[app-tooltipDirective]", inputs: ["title", "parametroPlantilla"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SvgIconComponent, decorators: [{
type: Component,
args: [{ selector: 'app-svg-icon', template: "<div app-tooltipDirective title=\"{{ title }}\">\n <ng-template #tooltipTemplate>\n <div class=\"tooltip\">{{ title }}</div>\n </ng-template>\n <svg aria-hidden=\"true\" class=\"icon\" [ngClass]=\"iconClass\" [attr.fill]=\"iconColor\" [attr.stroke]=\"iconColor\">\n <use [attr.xlink:href]=\"'assets/' + type + '/sprite.svg#' + icon\"></use>\n </svg>\n</div>\n", styles: [":host{display:flex;align-items:center}.icon{display:inline-block;height:2em;width:1.5em}.icon.icon-full{width:unset;height:unset}.icon.icon-16{height:16px;width:16px}.icon.icon-26{height:26px;width:26px}.icon.icon-28{width:28px;height:28px}.icon.icon-30{width:30px;height:30px}.icon.icon-32{width:32px;height:32px}.icon.icon-40{width:40px;height:40px}.icon.icon-52{width:52px;height:52px}.icon.icon-75{width:4.688em}.icon.icon-80{height:80px;width:80px}.icon.icon-112{height:112px;width:112px}.icon.validation{height:36px;width:20px}.icon.validation-small{height:26px;width:20px}.icon.hover{cursor:pointer}.icon.hover:hover{opacity:.8}.icon.white{fill:#fff;stroke:#fff}.icon.white path{stroke:#fff;fill:#fff}.icon.grey{fill:#696969;stroke:#696969}.icon.grey-1{fill:#333;stroke:#333}.icon.green{fill:#47c562;stroke:#47c562}.icon.backArrow{height:40px;width:40px;margin-right:1rem}svg{top:.125em;position:relative}.icon-centered{padding-top:.15rem}\n"] }]
}], propDecorators: { icon: [{
type: Input
}], iconClass: [{
type: Input
}], type: [{
type: Input
}], iconColor: [{
type: Input
}], title: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ZnLWljb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvQGdvdXZmci1hbmN0L21lZGlhdGlvbi1udW1lcmlxdWUvc2hhcmVkL3NyYy9saWIvY29tcG9uZW50cy9zdmctaWNvbi9zdmctaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9AZ291dmZyLWFuY3QvbWVkaWF0aW9uLW51bWVyaXF1ZS9zaGFyZWQvc3JjL2xpYi9jb21wb25lbnRzL3N2Zy1pY29uL3N2Zy1pY29uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBT2pELE1BQU0sT0FBTyxnQkFBZ0I7SUFMN0I7UUFTVyxjQUFTLEdBQVcsTUFBTSxDQUFDO1FBQzNCLFVBQUssR0FBVyxJQUFJLENBQUM7S0FDL0I7OzZHQU5ZLGdCQUFnQjtpR0FBaEIsZ0JBQWdCLDRKQ1A3QixtWEFRQTsyRkREYSxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsY0FBYzs4QkFLZixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1zdmctaWNvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zdmctaWNvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N2Zy1pY29uLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgU3ZnSWNvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGljb246IHN0cmluZztcbiAgQElucHV0KCkgaWNvbkNsYXNzOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHR5cGU6IHN0cmluZztcbiAgQElucHV0KCkgaWNvbkNvbG9yOiBzdHJpbmcgPSAnbm9uZSc7XG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmcgPSBudWxsO1xufVxuIiwiPGRpdiBhcHAtdG9vbHRpcERpcmVjdGl2ZSB0aXRsZT1cInt7IHRpdGxlIH19XCI+XG4gIDxuZy10ZW1wbGF0ZSAjdG9vbHRpcFRlbXBsYXRlPlxuICAgIDxkaXYgY2xhc3M9XCJ0b29sdGlwXCI+e3sgdGl0bGUgfX08L2Rpdj5cbiAgPC9uZy10ZW1wbGF0ZT5cbiAgPHN2ZyBhcmlhLWhpZGRlbj1cInRydWVcIiBjbGFzcz1cImljb25cIiBbbmdDbGFzc109XCJpY29uQ2xhc3NcIiBbYXR0ci5maWxsXT1cImljb25Db2xvclwiIFthdHRyLnN0cm9rZV09XCJpY29uQ29sb3JcIj5cbiAgICA8dXNlIFthdHRyLnhsaW5rOmhyZWZdPVwiJ2Fzc2V0cy8nICsgdHlwZSArICcvc3ByaXRlLnN2ZyMnICsgaWNvblwiPjwvdXNlPlxuICA8L3N2Zz5cbjwvZGl2PlxuIl19