iptdevs-design-system
Version:
Library common elements into IPT Plattform.
39 lines • 4.25 kB
JavaScript
import { Component, Input, Output, EventEmitter } from '@angular/core';
import * as i0 from "@angular/core";
export class TextLinkComponent {
constructor() {
this.isClicked = new EventEmitter();
}
isLinkClicked() {
this.isClicked.emit(true);
}
}
TextLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TextLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
TextLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: TextLinkComponent, selector: "ipt-text-link", inputs: { text: "text", blank: "blank", icon: "icon" }, outputs: { isClicked: "isClicked" }, ngImport: i0, template: `
<a class="text-link" (click)='isLinkClicked()'>
<p class="text-link__paragraph">
<i class="{{icon}}" aria-hidden="true"></i>
{{text}}
</p>
</a>
`, isInline: true, styles: [".text-link{font-family:Poppins,sans-serif;font-size:1.1rem;color:gray;display:flex;flex-direction:row}.text-link__image{height:1rem;background-position:center;fill:#0ff}.text-link__paragraph{margin:0;text-align:end}a:hover,a:focus,.text-link:hover,.text-link:focus{color:#1c77f7;cursor:pointer}@media (max-width: 1200px){.text-link{font-size:.9rem;width:160px}}@media (max-width: 450px){.text-link{font-size:.9rem;width:150px}}\n"] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TextLinkComponent, decorators: [{
type: Component,
args: [{ selector: 'ipt-text-link', template: `
<a class="text-link" (click)='isLinkClicked()'>
<p class="text-link__paragraph">
<i class="{{icon}}" aria-hidden="true"></i>
{{text}}
</p>
</a>
`, styles: [".text-link{font-family:Poppins,sans-serif;font-size:1.1rem;color:gray;display:flex;flex-direction:row}.text-link__image{height:1rem;background-position:center;fill:#0ff}.text-link__paragraph{margin:0;text-align:end}a:hover,a:focus,.text-link:hover,.text-link:focus{color:#1c77f7;cursor:pointer}@media (max-width: 1200px){.text-link{font-size:.9rem;width:160px}}@media (max-width: 450px){.text-link{font-size:.9rem;width:150px}}\n"] }]
}], ctorParameters: function () { return []; }, propDecorators: { text: [{
type: Input
}], blank: [{
type: Input
}], icon: [{
type: Input
}], isClicked: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1saW5rLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL3RleHQtbGluay90ZXh0LWxpbmsuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBZXZFLE1BQU0sT0FBTyxpQkFBaUI7SUFTNUI7UUFIVSxjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUlsRCxDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzVCLENBQUM7OzhHQWRVLGlCQUFpQjtrR0FBakIsaUJBQWlCLGtKQVhsQjs7Ozs7OztHQU9UOzJGQUlVLGlCQUFpQjtrQkFiN0IsU0FBUzsrQkFDRSxlQUFlLFlBQ2Y7Ozs7Ozs7R0FPVDswRUFNUSxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFFSSxTQUFTO3NCQUFsQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaXB0LXRleHQtbGluaycsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGEgY2xhc3M9XCJ0ZXh0LWxpbmtcIiAoY2xpY2spPSdpc0xpbmtDbGlja2VkKCknPlxuICAgICAgPHAgY2xhc3M9XCJ0ZXh0LWxpbmtfX3BhcmFncmFwaFwiPlxuICAgICAgICA8aSBjbGFzcz1cInt7aWNvbn19XCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9pPlxuICAgICAgICB7e3RleHR9fVxuICAgICAgPC9wPlxuICAgIDwvYT5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vdGV4dC1saW5rLmNzcyddLFxufSlcblxuZXhwb3J0IGNsYXNzIFRleHRMaW5rQ29tcG9uZW50IHtcblxuICBASW5wdXQoKSB0ZXh0ITogc3RyaW5nO1xuICBASW5wdXQoKSBibGFuaz86IGJvb2xlYW47XG4gIEBJbnB1dCgpIGljb24/OiBzdHJpbmc7XG5cbiAgQE91dHB1dCgpIGlzQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuXG4gIGNvbnN0cnVjdG9yKCkge1xuICB9XG5cbiAgaXNMaW5rQ2xpY2tlZCgpIHtcbiAgICB0aGlzLmlzQ2xpY2tlZC5lbWl0KHRydWUpO1xuICB9XG5cbn1cbiJdfQ==