@govbr-ds/webcomponents
Version:
Biblioteca de Web Components baseado no GovBR-DS
118 lines (117 loc) • 4.33 kB
JavaScript
/*!
* Construído por SERPRO
* © https://serpro.gov.br/ - MIT License.
*/
import { h, Host } from "@stencil/core";
import Helpers from "../../utils/helpers";
/**
* O subcomponente `br-footer-item` deve ser utilizado juntamente com o subcomponente [`br-footer-category`](/docs/components/footer-category) para representar os itens dentro de uma categoria no rodapé.
* De acordo com o a documentação de design do GovBR, esses dois subcomponentes formam o mapa do site.
* Portanto sob esse contexto, o `br-footer-item` representa uma página no site.
*
* O `br-footer-item` deve ser utilizado como filho direto do componente [`br-footer-category`](/docs/components/footer-category).
*
* @slot default - Área destinada ao conteúdo do item.
*/
export class FooterItem {
/**
* 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();
/**
* URL ou caminho para o qual o usuário será direcionado ao clicar no item.
* Quando definido, o item será renderizado como um link.
* @example 'https://www.gov.br'
* @example '/home'
* @example '#section'
*/
href;
/**
* Monta o objeto com as classes CSS do componente
* @returns Objeto com as classes CSS do componente
*/
getCssClassMap() {
return {
'br-footer-item': true,
};
}
/**
* Renderiza o componente
* @returns JSX do componente
*/
render() {
return (h(Host, { key: 'a6a4d9280a78d1916b072df3c114620fd6f12f7d' }, h("br-item", { key: '3c50546c7fc4abde9c661496260dd38cdefdfd3a', id: this.customId, href: this.href, role: "listitem", class: this.getCssClassMap() }, h("slot", { key: '29516fe1fab52d90246e5108b78463150801c476' }))));
}
static get is() { return "br-footer-item"; }
static get encapsulation() { return "shadow"; }
static get originalStyleUrls() {
return {
"$": ["footer-item.scss"]
};
}
static get styleUrls() {
return {
"$": ["footer-item.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()"
},
"href": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": true,
"docs": {
"tags": [{
"name": "example",
"text": "'https://www.gov.br'"
}, {
"name": "example",
"text": "'/home'"
}, {
"name": "example",
"text": "'#section'"
}],
"text": "URL ou caminho para o qual o usu\u00E1rio ser\u00E1 direcionado ao clicar no item.\nQuando definido, o item ser\u00E1 renderizado como um link."
},
"getter": false,
"setter": false,
"attribute": "href",
"reflect": true
}
};
}
static get elementRef() { return "el"; }
}
//# sourceMappingURL=footer-item.js.map