@govbr-ds/webcomponents
Version:
Biblioteca de Web Components baseado no GovBR-DS
148 lines (147 loc) • 4.93 kB
JavaScript
/*!
* Construído por SERPRO
* © https://serpro.gov.br/ - MIT License.
*/
import { h } from "@stencil/core";
import Helpers from "../../utils/helpers";
/**
* O subcomponente `br-footer-social` representa os ícones de redes sociais no rodapé do site, de acordo com a documentação de design do GovBR.
* Ele deve ser utilizado como filho direto do componente [`br-footer`](/docs/components/footer).
*/
export class FooterSocial {
/**
* Referência ao elemento host do componente.
* Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
*/
el;
/**
* Identificador único.
* Caso não seja fornecido, um ID gerado automaticamente será usado.
*/
customId = Helpers.generateUniqueId();
/**
* Ícone da rede social
* */
icon;
/**
* Descrição do ícone da rede social
* */
description;
/**
* URL da rede social
*/
href = null;
/**
* Monta o objeto com as classes CSS do componente.
* @returns Objeto com as classes CSS do componente.
*/
getCssClassMap() {
return {
'br-footer-social': true,
'spacing-icons': true,
};
}
/**
* Renderiza o componente.
* @returns JSX do componente.
*/
render() {
return (h("br-button", { key: '9ccaa39cfd8034146b6e1c4af3488f65ad3e79eb', role: "link", class: this.getCssClassMap(), id: this.customId, emphasis: "tertiary", shape: "circle", "aria-label": this.description }, h("a", { key: '4d5ee4dc0a39d0d143037e3456e0d82229402dc6', href: this.href, tabindex: "-1" }, h("br-icon", { key: '6211b526e75cb726e68e1b6734f4876f972f6dbc', "icon-name": `fa-brands:${this.icon}`, "aria-hidden": "true" }))));
}
static get is() { return "br-footer-social"; }
static get encapsulation() { return "shadow"; }
static get originalStyleUrls() {
return {
"$": ["footer-social.scss"]
};
}
static get styleUrls() {
return {
"$": ["footer-social.css"]
};
}
static get properties() {
return {
"customId": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Identificador \u00FAnico.\nCaso n\u00E3o seja fornecido, um ID gerado automaticamente ser\u00E1 usado."
},
"getter": false,
"setter": false,
"attribute": "custom-id",
"reflect": true,
"defaultValue": "Helpers.generateUniqueId()"
},
"icon": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "\u00CDcone da rede social"
},
"getter": false,
"setter": false,
"attribute": "icon",
"reflect": true
},
"description": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Descri\u00E7\u00E3o do \u00EDcone da rede social"
},
"getter": false,
"setter": false,
"attribute": "description",
"reflect": true
},
"href": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "URL da rede social"
},
"getter": false,
"setter": false,
"attribute": "href",
"reflect": true,
"defaultValue": "null"
}
};
}
static get elementRef() { return "el"; }
}
//# sourceMappingURL=footer-social.js.map