@govbr-ds/webcomponents 2.0.0-next.22 → 2.0.0-next.24

package/dist/collection/components/icon/icon.js

@@ -1,190 +0,0 @@
-/*!
- * Construído com @govbr-ds/webcomponents
- * Padrão Digital de Governo.
- */
-import { h, Host } from "@stencil/core";
-import "iconify-icon";
-import { inheritAriaAttributes } from "../../utils/inherited-attributes";
-/**
- * O componente `br-icon` fornece uma maneira flexível e dinâmica de incorporar ícones nas aplicações.
- * Utilizando a biblioteca Iconify, ele permite o uso de uma ampla variedade de ícones.
- *
- * Com opções para especificar a altura e largura, adicionar classes CSS personalizadas, e definir como o ícone
- * deve ser rotacionado ou espelhado, o `br-icon` oferece aos desenvolvedores as ferramentas necessárias para
- * integrar ícones de forma consistente com o estilo e design de suas aplicações, melhorando a experiência do usuário
- * e a clareza das interfaces.
- *
- * Para mais informações sobre quais ícones estão disponíveis, consulte a documentação do [Iconify](https://iconify.design/).
- */
-export class Icon {
-    constructor() {
-        this.inheritedAttributes = {};
-        this.iconName = undefined;
-        this.height = '16';
-        this.width = '24';
-        this.cssClasses = undefined;
-        this.isInline = false;
-        this.rotate = undefined;
-        this.flip = undefined;
-    }
-    componentWillLoad() {
-        this.inheritedAttributes = inheritAriaAttributes(this.el);
-    }
-    render() {
-        return (h(Host, { key: '8f8bfea88c86a9b917adf9921f95a3eb7b58a8ab' }, h("iconify-icon", Object.assign({ key: 'ec5a2e4483d871624730e48b63d323617863d821', flip: this.flip, width: this.width, class: this.cssClasses, icon: this.iconName, inline: this.isInline, height: this.height, rotate: this.rotate }, this.inheritedAttributes))));
-    }
-    static get is() { return "br-icon"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["icon.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["icon.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "iconName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Nome do \u00EDcone a ser exibido, utilizando a biblioteca Iconify.\nEste nome deve corresponder ao nome do \u00EDcone definido na biblioteca para que ele seja exibido corretamente."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "icon-name",
-                "reflect": true
-            },
-            "height": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Define a altura do \u00EDcone. Pode ser especificada em qualquer unidade CSS v\u00E1lida, como pixels (px), ems (em), rems (rem), etc.\nO valor padr\u00E3o \u00E9 '16'."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "height",
-                "reflect": true,
-                "defaultValue": "'16'"
-            },
-            "width": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Define a largura do \u00EDcone. Pode ser especificada em qualquer unidade CSS v\u00E1lida, como pixels (px), ems (em), rems (rem), etc.\nO valor padr\u00E3o \u00E9 '24'."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "width",
-                "reflect": true,
-                "defaultValue": "'24'"
-            },
-            "cssClasses": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Permite adicionar classes CSS adicionais ao \u00EDcone.\nUse esta propriedade para aplicar estilos personalizados ao \u00EDcone, al\u00E9m dos estilos padr\u00E3o."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "css-classes",
-                "reflect": true
-            },
-            "isInline": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Se definido como verdadeiro, o \u00EDcone ser\u00E1 alinhado verticalmente ao texto ao seu redor.\n\u00DAtil quando o \u00EDcone \u00E9 usado em linha com texto para garantir que esteja alinhado corretamente com o texto.\nO valor padr\u00E3o \u00E9 `false`."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "is-inline",
-                "reflect": true,
-                "defaultValue": "false"
-            },
-            "rotate": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'90deg' | '180deg' | '270deg'",
-                    "resolved": "\"180deg\" | \"270deg\" | \"90deg\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Define o \u00E2ngulo de rota\u00E7\u00E3o do \u00EDcone.\nAceita valores como \"90deg\", \"180deg\" e \"270deg\" para rotacionar o \u00EDcone em diferentes \u00E2ngulos."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "rotate",
-                "reflect": true
-            },
-            "flip": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'horizontal' | 'vertical'",
-                    "resolved": "\"horizontal\" | \"vertical\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Define o tipo de espelhamento do \u00EDcone.\nAceita valores como \"horizontal\" para espelhar o \u00EDcone horizontalmente, \"vertical\" para espelhar verticalmente, ou ambos."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "flip",
-                "reflect": true
-            }
-        };
-    }
-    static get elementRef() { return "el"; }
-}
-//# sourceMappingURL=icon.js.map

package/dist/collection/components/icon/icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/components/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACjE,OAAO,cAAc,CAAA;AACrB,OAAO,EAAc,qBAAqB,EAAE,MAAM,kCAAkC,CAAA;AAEpF;;;;;;;;;;GAUG;AAMH,MAAM,OAAO,IAAI;;QAkDP,wBAAmB,GAAe,EAAE,CAAA;;sBAjCF,IAAI;qBAML,IAAI;;wBAaC,KAAK;;;;IAgBnD,iBAAiB;QACf,IAAI,CAAC,mBAAmB,GAAG,qBAAqB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IAC3D,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,mFACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,UAAU,EACtB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,QAAQ,EACrB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,MAAM,EAAE,IAAI,CAAC,MAAM,IACf,IAAI,CAAC,mBAAmB,EACd,CACX,CACR,CAAA;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core'\nimport 'iconify-icon'\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\n\n/**\n * O componente `br-icon` fornece uma maneira flexível e dinâmica de incorporar ícones nas aplicações.\n * Utilizando a biblioteca Iconify, ele permite o uso de uma ampla variedade de ícones.\n *\n * Com opções para especificar a altura e largura, adicionar classes CSS personalizadas, e definir como o ícone\n * deve ser rotacionado ou espelhado, o `br-icon` oferece aos desenvolvedores as ferramentas necessárias para\n * integrar ícones de forma consistente com o estilo e design de suas aplicações, melhorando a experiência do usuário\n * e a clareza das interfaces.\n *\n * Para mais informações sobre quais ícones estão disponíveis, consulte a documentação do [Iconify](https://iconify.design/).\n */\n@Component({\n  tag: 'br-icon',\n  styleUrl: 'icon.scss',\n  shadow: true,\n})\nexport class Icon {\n  /**\n   * Referência ao elemento host do componente.\n   * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n   */\n  @Element() el: HTMLBrIconElement\n\n  /**\n   * Nome do ícone a ser exibido, utilizando a biblioteca Iconify.\n   * Este nome deve corresponder ao nome do ícone definido na biblioteca para que ele seja exibido corretamente.\n   */\n  @Prop({ reflect: true }) iconName: string\n\n  /**\n   * Define a altura do ícone. Pode ser especificada em qualquer unidade CSS válida, como pixels (px), ems (em), rems (rem), etc.\n   * O valor padrão é '16'.\n   */\n  @Prop({ reflect: true }) height: string = '16'\n\n  /**\n   * Define a largura do ícone. Pode ser especificada em qualquer unidade CSS válida, como pixels (px), ems (em), rems (rem), etc.\n   * O valor padrão é '24'.\n   */\n  @Prop({ reflect: true }) width: string = '24'\n\n  /**\n   * Permite adicionar classes CSS adicionais ao ícone.\n   * Use esta propriedade para aplicar estilos personalizados ao ícone, além dos estilos padrão.\n   */\n  @Prop({ reflect: true }) cssClasses?: string\n\n  /**\n   * Se definido como verdadeiro, o ícone será alinhado verticalmente ao texto ao seu redor.\n   * Útil quando o ícone é usado em linha com texto para garantir que esteja alinhado corretamente com o texto.\n   * O valor padrão é `false`.\n   */\n  @Prop({ reflect: true }) isInline?: boolean = false\n\n  /**\n   * Define o ângulo de rotação do ícone.\n   * Aceita valores como \"90deg\", \"180deg\" e \"270deg\" para rotacionar o ícone em diferentes ângulos.\n   */\n  @Prop({ reflect: true }) rotate?: '90deg' | '180deg' | '270deg'\n\n  /**\n   * Define o tipo de espelhamento do ícone.\n   * Aceita valores como \"horizontal\" para espelhar o ícone horizontalmente, \"vertical\" para espelhar verticalmente, ou ambos.\n   */\n  @Prop({ reflect: true }) flip?: 'horizontal' | 'vertical'\n\n  private inheritedAttributes: Attributes = {}\n\n  componentWillLoad() {\n    this.inheritedAttributes = inheritAriaAttributes(this.el)\n  }\n\n  render() {\n    return (\n      <Host>\n        <iconify-icon\n          flip={this.flip}\n          width={this.width}\n          class={this.cssClasses}\n          icon={this.iconName}\n          inline={this.isInline}\n          height={this.height}\n          rotate={this.rotate}\n          {...this.inheritedAttributes}\n        ></iconify-icon>\n      </Host>\n    )\n  }\n}\n"]}