npm - @govbr-ds/webcomponents - Versions diffs - 2.0.0-next.64 → 2.0.0-next.65 - Mend

@govbr-ds/webcomponents 2.0.0-next.64 → 2.0.0-next.65

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (691) hide show

package/dist/webcomponents/br-loading.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"br-loading.entry.esm.js","sources":["../../packages/webcomponents/src/components/loading/loading.scss?tag=br-loading&encapsulation=shadow","../../packages/webcomponents/src/components/loading/loading.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/loading/loading\";\n\n:host {\n display: inline-block;\n\n .loading-progress-alignment {\n display: flex;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n }\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core'\n\nimport Helpers from '../../utils/helpers'\nimport { CssClassMap } from '../../utils/interfaces'\n/*\n ## Design System\n \n Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/loading?tab=designer).\n /\n@Component({\n tag: 'br-loading',\n styleUrl: 'loading.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Loading {\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: HTMLBrLoadingElement\n\n /\n Determina o tipo de indicador a ser exibido:\n * - Se verdadeiro, exibirá uma barra de progresso com a porcentagem de progresso.\n * - Se falso, exibirá um indicador de carregamento indeterminado.\n /\n @Prop({ reflect: true }) readonly isProgress: boolean = false\n\n /\n Identificador único; gerado automaticamente quando omitido.\n /\n @Prop({ reflect: true }) readonly customId: string = Helpers.generateUniqueId('br-loading')\n\n /\n Define a porcentagem de progresso a ser exibida na barra de progresso.\n * Deve ser um valor numérico entre 0 e 100. Ignorado se `isProgress` estiver definido como falso.\n /\n @Prop({ reflect: true }) readonly progressPercent: number\n\n /\n Se verdadeiro, ajusta o tamanho do indicador de carregamento para o tamanho médio.\n /\n @Prop({ reflect: true }) readonly isMedium: boolean = false\n\n /\n Texto a ser exibido abaixo do indicador de carregamento.\n * Pode ser usado para fornecer informações adicionais ou descritivas sobre o estado do carregamento.\n */\n @Prop({ reflect: true }) readonly label: string\n\n private getCssClassMap(): CssClassMap {\n return {\n 'br-loading': true,\n medium: this.isMedium,\n }\n }\n\n render() {\n return (\n <Host>\n {this.isProgress ? (\n <div\n class={this.getCssClassMap()}\n role=\"progressbar\"\n data-progress={this.progressPercent}\n aria-label=\"Carregando exemplo com porcentagem\"\n aria-valuemin=\"0\"\n aria-valuenow={this.progressPercent}\n aria-valuemax=\"100\"\n id={this.customId}\n >\n <div class=\"br-loading-mask full\">\n <div class=\"br-loading-fill\"></div>\n </div>\n <div class=\"br-loading-mask\">\n <div class=\"br-loading-fill\"></div>\n </div>\n </div>\n ) : (\n <div class=\"loading-progress-alignment\">\n <div\n id={this.customId}\n class={this.getCssClassMap()}\n role=\"progressbar\"\n aria-label=\"Carregando exemplo indeterminado pequeno\"\n ></div>\n <span class=\"rotulo\">{this.label}</span>\n </div>\n )}\n </Host>\n )\n }\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,UAAU,GAAG,~~g09BAAg09B~~;;~~MCet09B~~,OAAO,GAAA,MAAA;AANpB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAaE;;;;AAIG;AAC+B,QAAA,IAAU,CAAA,UAAA,GAAY,KAAK;AAE7D;;AAEG;QAC+B,IAAA,CAAA,QAAQ,GAAW,OAAO,CAAC,gBAAgB,CAAC,YAAY,CAAC;AAQ3F;;AAEG;AAC+B,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAkD5D;IA1CS,cAAc,GAAA;QACpB,OAAO;AACL,YAAA,YAAY,EAAE,IAAI;YAClB,MAAM,EAAE,IAAI,CAAC,QAAQ;SACtB;;IAGH,MAAM,GAAA;AACJ,QAAA,QACE,CAAC,CAAA,IAAI,uDACF,IAAI,CAAC,UAAU,IACd,WACE,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAC5B,IAAI,EAAC,aAAa,mBACH,IAAI,CAAC,eAAe,EACxB,YAAA,EAAA,oCAAoC,mBACjC,GAAG,EAAA,eAAA,EACF,IAAI,CAAC,eAAe,mBACrB,KAAK,EACnB,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAA,EAEjB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/B,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,iBAAiB,EAAA,CAAO,CAC/B,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,iBAAiB,EAAA,CAAO,CAC/B,CACF,KAEN,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAAA,EACrC,CAAA,CAAA,KAAA,EAAA,EACE,EAAE,EAAE,IAAI,CAAC,QAAQ,EACjB,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAC5B,IAAI,EAAC,aAAa,EAAA,YAAA,EACP,0CAA0C,EAChD,CAAA,EACP,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,QAAQ,EAAA,EAAE,IAAI,CAAC,KAAK,CAAQ,CACpC,CACP,CACI;;;;;;;;;"}
1	+ {"version":3,"file":"br-loading.entry.esm.js","sources":["../../packages/webcomponents/src/components/loading/loading.scss?tag=br-loading&encapsulation=shadow","../../packages/webcomponents/src/components/loading/loading.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/loading/loading\";\n\n:host {\n display: inline-block;\n\n .loading-progress-alignment {\n display: flex;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n }\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core'\n\nimport Helpers from '../../utils/helpers'\nimport { CssClassMap } from '../../utils/interfaces'\n/*\n ## Design System\n \n Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/loading?tab=designer).\n /\n@Component({\n tag: 'br-loading',\n styleUrl: 'loading.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Loading {\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: HTMLBrLoadingElement\n\n /\n Determina o tipo de indicador a ser exibido:\n * - Se verdadeiro, exibirá uma barra de progresso com a porcentagem de progresso.\n * - Se falso, exibirá um indicador de carregamento indeterminado.\n /\n @Prop({ reflect: true }) readonly isProgress: boolean = false\n\n /\n Identificador único; gerado automaticamente quando omitido.\n /\n @Prop({ reflect: true }) readonly customId: string = Helpers.generateUniqueId('br-loading')\n\n /\n Define a porcentagem de progresso a ser exibida na barra de progresso.\n * Deve ser um valor numérico entre 0 e 100. Ignorado se `isProgress` estiver definido como falso.\n /\n @Prop({ reflect: true }) readonly progressPercent: number\n\n /\n Se verdadeiro, ajusta o tamanho do indicador de carregamento para o tamanho médio.\n /\n @Prop({ reflect: true }) readonly isMedium: boolean = false\n\n /\n Texto a ser exibido abaixo do indicador de carregamento.\n * Pode ser usado para fornecer informações adicionais ou descritivas sobre o estado do carregamento.\n */\n @Prop({ reflect: true }) readonly label: string\n\n private getCssClassMap(): CssClassMap {\n return {\n 'br-loading': true,\n medium: this.isMedium,\n }\n }\n\n render() {\n return (\n <Host>\n {this.isProgress ? (\n <div\n class={this.getCssClassMap()}\n role=\"progressbar\"\n data-progress={this.progressPercent}\n aria-label=\"Carregando exemplo com porcentagem\"\n aria-valuemin=\"0\"\n aria-valuenow={this.progressPercent}\n aria-valuemax=\"100\"\n id={this.customId}\n >\n <div class=\"br-loading-mask full\">\n <div class=\"br-loading-fill\"></div>\n </div>\n <div class=\"br-loading-mask\">\n <div class=\"br-loading-fill\"></div>\n </div>\n </div>\n ) : (\n <div class=\"loading-progress-alignment\">\n <div\n id={this.customId}\n class={this.getCssClassMap()}\n role=\"progressbar\"\n aria-label=\"Carregando exemplo indeterminado pequeno\"\n ></div>\n <span class=\"rotulo\">{this.label}</span>\n </div>\n )}\n </Host>\n )\n }\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,UAAU,GAAG,uo0BAAuo0B;;MCe7o0B,OAAO,GAAA,MAAA;AANpB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAaE;;;;AAIG;AAC+B,QAAA,IAAU,CAAA,UAAA,GAAY,KAAK;AAE7D;;AAEG;QAC+B,IAAA,CAAA,QAAQ,GAAW,OAAO,CAAC,gBAAgB,CAAC,YAAY,CAAC;AAQ3F;;AAEG;AAC+B,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAkD5D;IA1CS,cAAc,GAAA;QACpB,OAAO;AACL,YAAA,YAAY,EAAE,IAAI;YAClB,MAAM,EAAE,IAAI,CAAC,QAAQ;SACtB;;IAGH,MAAM,GAAA;AACJ,QAAA,QACE,CAAC,CAAA,IAAI,uDACF,IAAI,CAAC,UAAU,IACd,WACE,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAC5B,IAAI,EAAC,aAAa,mBACH,IAAI,CAAC,eAAe,EACxB,YAAA,EAAA,oCAAoC,mBACjC,GAAG,EAAA,eAAA,EACF,IAAI,CAAC,eAAe,mBACrB,KAAK,EACnB,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAA,EAEjB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/B,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,iBAAiB,EAAA,CAAO,CAC/B,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,iBAAiB,EAAA,CAAO,CAC/B,CACF,KAEN,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAAA,EACrC,CAAA,CAAA,KAAA,EAAA,EACE,EAAE,EAAE,IAAI,CAAC,QAAQ,EACjB,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAC5B,IAAI,EAAC,aAAa,EAAA,YAAA,EACP,0CAA0C,EAChD,CAAA,EACP,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,QAAQ,EAAA,EAAE,IAAI,CAAC,KAAK,CAAQ,CACpC,CACP,CACI;;;;;;;;;"}

package/dist/webcomponents/br-magic-button.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"br-magic-button.entry.esm.js","sources":["../../packages/webcomponents/src/components/magic-button/magic-button.scss?tag=br-magic-button&encapsulation=shadow","../../packages/webcomponents/src/components/magic-button/magic-button.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/button/button\";\n@import \"~@govbr-ds/core/src/components/magicbutton/magicbutton\";\n\n:host {\n display: block;\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core'\n\nimport { CssClassMap } from '../../utils/interfaces'\n\nlet MagicButtonId = 0\n\n/*\n ## Design System\n \n Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/magic-button?tab=designer).\n \n @slot default - Conteúdo interno do botão (texto ou ícone).\n /\n@Component({\n tag: 'br-magic-button',\n styleUrl: 'magic-button.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class MagicButton {\n /\n Referência ao elemento host do componente.\n * Utilize esta propriedade para acessar e manipular o elemento DOM associado ao componente.\n /\n @Element() el: HTMLBrMagicButtonElement\n\n /\n Identificador único.\n * Se não for fornecido, será gerado automaticamente.\n /\n @Prop({ reflect: true }) readonly customId: string = `br-magic-button-${MagicButtonId++}`\n\n /\n Texto do rótulo do botão.\n * Utilizado como conteúdo principal quando presente.\n /\n @Prop({ reflect: true }) readonly label: string = ''\n\n /\n Nome do ícone a ser exibido.\n * Deve corresponder a um ícone disponível no sistema de ícones.\n /\n @Prop({ reflect: true }) readonly icon: string = ''\n\n /\n Densidade do botão.\n * Define o tamanho do componente:\n * - `large` para grande\n * - `medium` para médio\n * - `small` para pequeno\n /\n @Prop({ reflect: true }) readonly density: 'large' \| 'medium' \| 'small' = 'medium'\n\n /\n Define se o botão terá formato circular.\n * Aplica contorno arredondado completo quando `true` e não houver `label`.\n /\n @Prop({ reflect: true }) readonly circle: boolean = false\n\n /\n Texto de acessibilidade (ARIA label).\n * Deve ser fornecido para ícones sem texto para garantir acessibilidade.\n /\n @Prop() readonly ariaLabel: string = ''\n\n /\n Gera o mapeamento de classes CSS baseado nas propriedades de densidade.\n * @returns Mapa de classes CSS para o container do botão mágico.\n /\n private getCssClassMap(): CssClassMap {\n return {\n 'br-magic-button': true,\n large: this.density === 'large',\n medium: this.density === 'medium',\n small: this.density === 'small',\n }\n }\n\n /\n Gera o mapeamento de classes CSS para aplicar o estilo de botão circular.\n * @returns Mapa contendo a classe `circle` quando aplicável.\n /\n private getCircleClass(): CssClassMap {\n return {\n circle: this.circle && !this.label,\n }\n }\n\n /\n Retorna a classe de CSS para posicionar ícone e label juntos.\n * @returns `label-icon` quando houver `label` e `icon`; string vazia caso contrário.\n /\n private getLabelIconClass(): string {\n return this.label && this.icon ? 'label-icon' : ''\n }\n\n /\n Renderiza o componente.\n */\n render() {\n const effectiveAriaLabel = this.ariaLabel \|\| this.label \|\| (this.icon ? `Botão com ícone ${this.icon}` : 'Botão')\n return (\n <Host id={this.customId}>\n <div class={this.getCssClassMap()}>\n <button class={{ 'br-button': true, ...this.getCircleClass() }} type=\"button\" aria-label={effectiveAriaLabel}>\n {this.icon && <icon-base icon-name={this.icon} class={this.getLabelIconClass()} />}\n {this.label \|\| <slot></slot>}\n </button>\n </div>\n </Host>\n )\n }\n}\n"],"names":[],"mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,~~mjmBAAmjmB~~;;~~ACI1kmB~~,IAAI,aAAa,GAAG,CAAC;MAeR,WAAW,GAAA,MAAA;AANxB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAaE;;;AAGG;AAC+B,QAAA,IAAA,CAAA,QAAQ,GAAW,mBAAmB,aAAa,EAAE,EAAE;AAEzF;;;AAGG;AAC+B,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;AAEpD;;;AAGG;AAC+B,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;AAEnD;;;;;;AAMG;AAC+B,QAAA,IAAO,CAAA,OAAA,GAAiC,QAAQ;AAElF;;;AAGG;AAC+B,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;AAEzD;;;AAGG;AACc,QAAA,IAAS,CAAA,SAAA,GAAW,EAAE;AAiDxC;AA/CC;;;AAGG;IACK,cAAc,GAAA;QACpB,OAAO;AACL,YAAA,iBAAiB,EAAE,IAAI;AACvB,YAAA,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,OAAO;AAC/B,YAAA,MAAM,EAAE,IAAI,CAAC,OAAO,KAAK,QAAQ;AACjC,YAAA,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,OAAO;SAChC;;AAGH;;;AAGG;IACK,cAAc,GAAA;QACpB,OAAO;YACL,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,KAAK;SACnC;;AAGH;;;AAGG;IACK,iBAAiB,GAAA;AACvB,QAAA,OAAO,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,GAAG,YAAY,GAAG,EAAE;;AAGpD;;AAEG;IACH,MAAM,GAAA;QACJ,MAAM,kBAAkB,GAAG,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,IAAI,GAAG,CAAmB,gBAAA,EAAA,IAAI,CAAC,IAAI,CAAE,CAAA,GAAG,OAAO,CAAC;QACjH,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAA,EACrB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAA,EAC/B,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAA,MAAA,CAAA,MAAA,CAAA,EAAI,WAAW,EAAE,IAAI,EAAK,EAAA,IAAI,CAAC,cAAc,EAAE,CAAI,EAAA,IAAI,EAAC,QAAQ,gBAAa,kBAAkB,EAAA,EACzG,IAAI,CAAC,IAAI,IAAI,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAA,EAAsB,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,iBAAiB,EAAE,EAAI,CAAA,EACjF,IAAI,CAAC,KAAK,IAAI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACrB,CACL,CACD;;;;;;;;;"}
1	+ {"version":3,"file":"br-magic-button.entry.esm.js","sources":["../../packages/webcomponents/src/components/magic-button/magic-button.scss?tag=br-magic-button&encapsulation=shadow","../../packages/webcomponents/src/components/magic-button/magic-button.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/button/button\";\n@import \"~@govbr-ds/core/src/components/magicbutton/magicbutton\";\n\n:host {\n display: block;\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core'\n\nimport { CssClassMap } from '../../utils/interfaces'\n\nlet MagicButtonId = 0\n\n/*\n ## Design System\n \n Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/magic-button?tab=designer).\n \n @slot default - Conteúdo interno do botão (texto ou ícone).\n /\n@Component({\n tag: 'br-magic-button',\n styleUrl: 'magic-button.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class MagicButton {\n /\n Referência ao elemento host do componente.\n * Utilize esta propriedade para acessar e manipular o elemento DOM associado ao componente.\n /\n @Element() el: HTMLBrMagicButtonElement\n\n /\n Identificador único.\n * Se não for fornecido, será gerado automaticamente.\n /\n @Prop({ reflect: true }) readonly customId: string = `br-magic-button-${MagicButtonId++}`\n\n /\n Texto do rótulo do botão.\n * Utilizado como conteúdo principal quando presente.\n /\n @Prop({ reflect: true }) readonly label: string = ''\n\n /\n Nome do ícone a ser exibido.\n * Deve corresponder a um ícone disponível no sistema de ícones.\n /\n @Prop({ reflect: true }) readonly icon: string = ''\n\n /\n Densidade do botão.\n * Define o tamanho do componente:\n * - `large` para grande\n * - `medium` para médio\n * - `small` para pequeno\n /\n @Prop({ reflect: true }) readonly density: 'large' \| 'medium' \| 'small' = 'medium'\n\n /\n Define se o botão terá formato circular.\n * Aplica contorno arredondado completo quando `true` e não houver `label`.\n /\n @Prop({ reflect: true }) readonly circle: boolean = false\n\n /\n Texto de acessibilidade (ARIA label).\n * Deve ser fornecido para ícones sem texto para garantir acessibilidade.\n /\n @Prop() readonly ariaLabel: string = ''\n\n /\n Gera o mapeamento de classes CSS baseado nas propriedades de densidade.\n * @returns Mapa de classes CSS para o container do botão mágico.\n /\n private getCssClassMap(): CssClassMap {\n return {\n 'br-magic-button': true,\n large: this.density === 'large',\n medium: this.density === 'medium',\n small: this.density === 'small',\n }\n }\n\n /\n Gera o mapeamento de classes CSS para aplicar o estilo de botão circular.\n * @returns Mapa contendo a classe `circle` quando aplicável.\n /\n private getCircleClass(): CssClassMap {\n return {\n circle: this.circle && !this.label,\n }\n }\n\n /\n Retorna a classe de CSS para posicionar ícone e label juntos.\n * @returns `label-icon` quando houver `label` e `icon`; string vazia caso contrário.\n /\n private getLabelIconClass(): string {\n return this.label && this.icon ? 'label-icon' : ''\n }\n\n /\n Renderiza o componente.\n */\n render() {\n const effectiveAriaLabel = this.ariaLabel \|\| this.label \|\| (this.icon ? `Botão com ícone ${this.icon}` : 'Botão')\n return (\n <Host id={this.customId}>\n <div class={this.getCssClassMap()}>\n <button class={{ 'br-button': true, ...this.getCircleClass() }} type=\"button\" aria-label={effectiveAriaLabel}>\n {this.icon && <icon-base icon-name={this.icon} class={this.getLabelIconClass()} />}\n {this.label \|\| <slot></slot>}\n </button>\n </div>\n </Host>\n )\n }\n}\n"],"names":[],"mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,0gmBAA0gmB;;ACIjimB,IAAI,aAAa,GAAG,CAAC;MAeR,WAAW,GAAA,MAAA;AANxB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAaE;;;AAGG;AAC+B,QAAA,IAAA,CAAA,QAAQ,GAAW,mBAAmB,aAAa,EAAE,EAAE;AAEzF;;;AAGG;AAC+B,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;AAEpD;;;AAGG;AAC+B,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;AAEnD;;;;;;AAMG;AAC+B,QAAA,IAAO,CAAA,OAAA,GAAiC,QAAQ;AAElF;;;AAGG;AAC+B,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;AAEzD;;;AAGG;AACc,QAAA,IAAS,CAAA,SAAA,GAAW,EAAE;AAiDxC;AA/CC;;;AAGG;IACK,cAAc,GAAA;QACpB,OAAO;AACL,YAAA,iBAAiB,EAAE,IAAI;AACvB,YAAA,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,OAAO;AAC/B,YAAA,MAAM,EAAE,IAAI,CAAC,OAAO,KAAK,QAAQ;AACjC,YAAA,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,OAAO;SAChC;;AAGH;;;AAGG;IACK,cAAc,GAAA;QACpB,OAAO;YACL,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,KAAK;SACnC;;AAGH;;;AAGG;IACK,iBAAiB,GAAA;AACvB,QAAA,OAAO,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,GAAG,YAAY,GAAG,EAAE;;AAGpD;;AAEG;IACH,MAAM,GAAA;QACJ,MAAM,kBAAkB,GAAG,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,IAAI,GAAG,CAAmB,gBAAA,EAAA,IAAI,CAAC,IAAI,CAAE,CAAA,GAAG,OAAO,CAAC;QACjH,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAA,EACrB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAA,EAC/B,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAA,MAAA,CAAA,MAAA,CAAA,EAAI,WAAW,EAAE,IAAI,EAAK,EAAA,IAAI,CAAC,cAAc,EAAE,CAAI,EAAA,IAAI,EAAC,QAAQ,gBAAa,kBAAkB,EAAA,EACzG,IAAI,CAAC,IAAI,IAAI,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAA,EAAsB,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,iBAAiB,EAAE,EAAI,CAAA,EACjF,IAAI,CAAC,KAAK,IAAI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACrB,CACL,CACD;;;;;;;;;"}

package/dist/webcomponents/br-menu-header.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"br-menu-header.entry.esm.js","sources":["../../packages/webcomponents/src/components/menu/menu-header/menu-header.scss?tag=br-menu-header&encapsulation=shadow","../../packages/webcomponents/src/components/menu/menu-header/menu-header.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/menu/mixins\";\n@include menu-header;\n\n:host {\n display: block;\n\n .menu-title {\n span {\n margin-left: var(--spacing-scale-base);\n }\n\n ::slotted([slot=\"signature\"]) {\n margin-left: var(--spacing-scale-base);\n }\n\n ::slotted(img[slot=\"logo\"]) {\n max-height: var(--menu-logo);\n }\n\n img {\n max-height: var(--menu-logo);\n }\n }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Prop } from '@stencil/core'\n\nimport { CssClassMap } from '../../../utils/interfaces'\n\n/*\n ## Design System\n \n Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/menu-header?tab=designer).\n \n @slot logo - Slot para logo personalizado no cabeçalho.\n * @slot signature - Slot para a assinatura personalizada do sistema.\n /\n@Component({\n tag: 'br-menu-header',\n styleUrl: 'menu-header.scss',\n shadow: true,\n})\nexport class MenuHeader {\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: HTMLBrMenuHeaderElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /\n Identificador único.\n * Caso não seja fornecido, um ID gerado automaticamente será usado.\n /\n @Prop({ reflect: true }) readonly customId: string = `br-menu-${MenuHeaderId++}`\n\n /\n URL da imagem do logo no cabeçalho do menu\n /\n @Prop({ reflect: true }) logoSrc?: string\n\n /\n Texto alternativo para a imagem do logo\n /\n @Prop({ reflect: true }) logoAlt: string = 'Logo'\n\n /\n Texto de identificação do site ou sistema\n /\n @Prop({ reflect: true }) signature?: string\n\n /\n Evento emitido quando o botão de fechar é clicado\n /\n @Event() brMenuHeaderClose: EventEmitter<void>\n\n /\n Manipula o clique no botão de fechar\n */\n private handleCloseClick = () => {\n this.brMenuHeaderClose.emit()\n }\n\n private getCssClassMap(): CssClassMap {\n return {\n 'menu-header': true,\n }\n }\n\n render() {\n return (\n <Host>\n <div class={this.getCssClassMap()}>\n <div class=\"menu-title\">\n <slot name=\"logo\">{this.logoSrc && <img src={this.logoSrc} alt={this.logoAlt} />}</slot>\n <slot name=\"signature\">{this.signature && <span>{this.signature}</span>}</slot>\n </div>\n <div class=\"menu-close\">\n <br-button aria-label=\"Fechar o menu\" shape=\"circle\" onClick={this.handleCloseClick} data-dismiss=\"menu\">\n <br-icon icon-name=\"fa6-solid:xmark\"></br-icon>\n </br-button>\n </div>\n </div>\n </Host>\n )\n }\n}\n\nlet MenuHeaderId = 0\n"],"names":[],"mappings":";;;;;;AAAA,MAAM,aAAa,GAAG~~,+raAA+ra~~;;~~MCiBxsa~~,UAAU,GAAA,MAAA;AALvB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;;;;;;;AAcE;;;AAGG;AAC+B,QAAA,IAAA,CAAA,QAAQ,GAAW,WAAW,YAAY,EAAE,EAAE;AAOhF;;AAEG;AACsB,QAAA,IAAO,CAAA,OAAA,GAAW,MAAM;AAYjD;;AAEG;AACK,QAAA,IAAgB,CAAA,gBAAA,GAAG,MAAK;AAC9B,YAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE;AAC/B,SAAC;AAyBF;IAvBS,cAAc,GAAA;QACpB,OAAO;AACL,YAAA,aAAa,EAAE,IAAI;SACpB;;IAGH,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAA,EAC/B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAA,EAAE,IAAI,CAAC,OAAO,IAAI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,EAAA,CAAI,CAAQ,EACxF,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,WAAW,EAAA,EAAE,IAAI,CAAC,SAAS,IAAI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAO,IAAI,CAAC,SAAS,CAAQ,CAAQ,CAC3E,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAA,EAAsB,eAAe,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAAA,cAAA,EAAe,MAAM,EAAA,EACtG,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAA,EAAmB,iBAAiB,EAAW,CAAA,CACrC,CACR,CACF,CACD;;;;AAKb,IAAI,YAAY,GAAG,CAAC;;;;;"}
1	+ {"version":3,"file":"br-menu-header.entry.esm.js","sources":["../../packages/webcomponents/src/components/menu/menu-header/menu-header.scss?tag=br-menu-header&encapsulation=shadow","../../packages/webcomponents/src/components/menu/menu-header/menu-header.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/menu/mixins\";\n@include menu-header;\n\n:host {\n display: block;\n\n .menu-title {\n span {\n margin-left: var(--spacing-scale-base);\n }\n\n ::slotted([slot=\"signature\"]) {\n margin-left: var(--spacing-scale-base);\n }\n\n ::slotted(img[slot=\"logo\"]) {\n max-height: var(--menu-logo);\n }\n\n img {\n max-height: var(--menu-logo);\n }\n }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Prop } from '@stencil/core'\n\nimport { CssClassMap } from '../../../utils/interfaces'\n\n/*\n ## Design System\n \n Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/menu-header?tab=designer).\n \n @slot logo - Slot para logo personalizado no cabeçalho.\n * @slot signature - Slot para a assinatura personalizada do sistema.\n /\n@Component({\n tag: 'br-menu-header',\n styleUrl: 'menu-header.scss',\n shadow: true,\n})\nexport class MenuHeader {\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: HTMLBrMenuHeaderElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /\n Identificador único.\n * Caso não seja fornecido, um ID gerado automaticamente será usado.\n /\n @Prop({ reflect: true }) readonly customId: string = `br-menu-${MenuHeaderId++}`\n\n /\n URL da imagem do logo no cabeçalho do menu\n /\n @Prop({ reflect: true }) logoSrc?: string\n\n /\n Texto alternativo para a imagem do logo\n /\n @Prop({ reflect: true }) logoAlt: string = 'Logo'\n\n /\n Texto de identificação do site ou sistema\n /\n @Prop({ reflect: true }) signature?: string\n\n /\n Evento emitido quando o botão de fechar é clicado\n /\n @Event() brMenuHeaderClose: EventEmitter<void>\n\n /\n Manipula o clique no botão de fechar\n */\n private handleCloseClick = () => {\n this.brMenuHeaderClose.emit()\n }\n\n private getCssClassMap(): CssClassMap {\n return {\n 'menu-header': true,\n }\n }\n\n render() {\n return (\n <Host>\n <div class={this.getCssClassMap()}>\n <div class=\"menu-title\">\n <slot name=\"logo\">{this.logoSrc && <img src={this.logoSrc} alt={this.logoAlt} />}</slot>\n <slot name=\"signature\">{this.signature && <span>{this.signature}</span>}</slot>\n </div>\n <div class=\"menu-close\">\n <br-button aria-label=\"Fechar o menu\" shape=\"circle\" onClick={this.handleCloseClick} data-dismiss=\"menu\">\n <br-icon icon-name=\"fa6-solid:xmark\"></br-icon>\n </br-button>\n </div>\n </div>\n </Host>\n )\n }\n}\n\nlet MenuHeaderId = 0\n"],"names":[],"mappings":";;;;;;AAAA,MAAM,aAAa,GAAG,8maAA8ma;;MCiBvna,UAAU,GAAA,MAAA;AALvB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;;;;;;;AAcE;;;AAGG;AAC+B,QAAA,IAAA,CAAA,QAAQ,GAAW,WAAW,YAAY,EAAE,EAAE;AAOhF;;AAEG;AACsB,QAAA,IAAO,CAAA,OAAA,GAAW,MAAM;AAYjD;;AAEG;AACK,QAAA,IAAgB,CAAA,gBAAA,GAAG,MAAK;AAC9B,YAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE;AAC/B,SAAC;AAyBF;IAvBS,cAAc,GAAA;QACpB,OAAO;AACL,YAAA,aAAa,EAAE,IAAI;SACpB;;IAGH,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAA,EAC/B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAA,EAAE,IAAI,CAAC,OAAO,IAAI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,EAAA,CAAI,CAAQ,EACxF,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,WAAW,EAAA,EAAE,IAAI,CAAC,SAAS,IAAI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAO,IAAI,CAAC,SAAS,CAAQ,CAAQ,CAC3E,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAA,EAAsB,eAAe,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAAA,cAAA,EAAe,MAAM,EAAA,EACtG,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAA,EAAmB,iBAAiB,EAAW,CAAA,CACrC,CACR,CACF,CACD;;;;AAKb,IAAI,YAAY,GAAG,CAAC;;;;;"}

package/dist/webcomponents/br-menu-info.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"br-menu-info.entry.esm.js","sources":["../../packages/webcomponents/src/components/menu/menu-info/menu-info.scss?tag=br-menu-info&encapsulation=shadow","../../packages/webcomponents/src/components/menu/menu-info/menu-info.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { AttachInternals, Component, Element, h, Host, Prop, State } from '@stencil/core'\n\n/*\n ## Design System\n \n Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/menu-info?tab=designer).\n \n @slot default - Slot para conteúdo personalizado no lugar do texto padrão de informações.\n /\n@Component({\n tag: 'br-menu-info',\n styleUrl: 'menu-info.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class MenuInfo {\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: HTMLBrMenuInfoElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /\n Identificador único.\n * Caso não seja fornecido, um ID gerado automaticamente será usado.\n /\n @Prop({ reflect: true }) readonly customId: string = `br-menu-info-${MenuInfoId++}`\n\n /\n Informações adicionais em formato de texto\n */\n @Prop({ reflect: true }) info?: string\n\n // Estado para verificar se há conteúdo no slot default\n @State() hasSlotContent: boolean = false\n\n componentWillLoad() {\n this.hasSlotContent = this.el.innerHTML.trim() !== ''\n }\n\n render() {\n return (\n <Host>\n <slot>{!this.hasSlotContent && this.info && <div class=\"text-center text-down-01\">{this.info}</div>}</slot>\n </Host>\n )\n }\n}\n\nlet MenuInfoId = 0\n"],"names":[],"mappings":";;;;;;AAAA,MAAM,WAAW,GAAG~~,+2YAA+2Y~~;;~~MCet3Y~~,QAAQ,GAAA,MAAA;AANrB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;;;;;;AAeE;;;AAGG;AAC+B,QAAA,IAAA,CAAA,QAAQ,GAAW,gBAAgB,UAAU,EAAE,EAAE;;AAQ1E,QAAA,IAAc,CAAA,cAAA,GAAY,KAAK;AAazC;IAXC,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE;;IAGvD,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAO,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,CAAC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,IAAI,IAAI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,0BAA0B,IAAE,IAAI,CAAC,IAAI,CAAO,CAAQ,CACtG;;;;;AAKb,IAAI,UAAU,GAAG,CAAC;;;;;"}
1	+ {"version":3,"file":"br-menu-info.entry.esm.js","sources":["../../packages/webcomponents/src/components/menu/menu-info/menu-info.scss?tag=br-menu-info&encapsulation=shadow","../../packages/webcomponents/src/components/menu/menu-info/menu-info.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { AttachInternals, Component, Element, h, Host, Prop, State } from '@stencil/core'\n\n/*\n ## Design System\n \n Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/menu-info?tab=designer).\n \n @slot default - Slot para conteúdo personalizado no lugar do texto padrão de informações.\n /\n@Component({\n tag: 'br-menu-info',\n styleUrl: 'menu-info.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class MenuInfo {\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: HTMLBrMenuInfoElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /\n Identificador único.\n * Caso não seja fornecido, um ID gerado automaticamente será usado.\n /\n @Prop({ reflect: true }) readonly customId: string = `br-menu-info-${MenuInfoId++}`\n\n /\n Informações adicionais em formato de texto\n */\n @Prop({ reflect: true }) info?: string\n\n // Estado para verificar se há conteúdo no slot default\n @State() hasSlotContent: boolean = false\n\n componentWillLoad() {\n this.hasSlotContent = this.el.innerHTML.trim() !== ''\n }\n\n render() {\n return (\n <Host>\n <slot>{!this.hasSlotContent && this.info && <div class=\"text-center text-down-01\">{this.info}</div>}</slot>\n </Host>\n )\n }\n}\n\nlet MenuInfoId = 0\n"],"names":[],"mappings":";;;;;;AAAA,MAAM,WAAW,GAAG,8xYAA8xY;;MCeryY,QAAQ,GAAA,MAAA;AANrB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;;;;;;AAeE;;;AAGG;AAC+B,QAAA,IAAA,CAAA,QAAQ,GAAW,gBAAgB,UAAU,EAAE,EAAE;;AAQ1E,QAAA,IAAc,CAAA,cAAA,GAAY,KAAK;AAazC;IAXC,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE;;IAGvD,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAO,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,CAAC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,IAAI,IAAI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,0BAA0B,IAAE,IAAI,CAAC,IAAI,CAAO,CAAQ,CACtG;;;;;AAKb,IAAI,UAAU,GAAG,CAAC;;;;;"}

package/dist/webcomponents/br-menu-item.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"br-menu-item.entry.esm.js","sources":["../../packages/webcomponents/src/components/menu/menu-item/menu-item.scss?tag=br-menu-item&encapsulation=shadow","../../packages/webcomponents/src/components/menu/menu-item/menu-item.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/menu/mixins\";\n@include menu-header;\n@include menu-body;\n@include menu-footer;\n@include menu-items;\n@include menu-side-menu;\n\n:host {\n display: block;\n}\n\n// Ajustes de densidade propagados a partir do ancestral <br-menu>\n// Densidade alta (small): itens mais compactos\n:host-context(br-menu[density=\"small\"]) .menu-item {\n padding-block: var(--spacing-scale-base);\n}\n\n// Densidade baixa (large): itens com maior espaçamento\n:host-context(br-menu[density=\"large\"]) .menu-item {\n padding-block: var(--spacing-scale-3x);\n}\n\n.divider-item {\n border-bottom: 1px solid var(--border-color);\n}\~~ns a~~.menu-item.active {\n background-color: var(--active);\n --interactive: var(--color-dark);\n --interactive-rgb: var(--color-dark-rgb);\n}\n","import { Component, h, Host, Prop } from '@stencil/core'\n\n/*\n ## Design System\n \n Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/menu?tab=designer).\n /\n@Component({\n tag: 'br-menu-item',\n styleUrl: 'menu-item.scss',\n shadow: true,\n})\nexport class MenuItem {\n /\n Ícone exibido no item do menu.\n * Utilize esta propriedade para definir o ícone que será mostrado ao lado do conteúdo do item.\n /\n @Prop() icon: string\n\n /\n URL de destino do link do item do menu.\n * Utilize esta propriedade para definir o endereço para onde o usuário será direcionado ao clicar no item.\n /\n @Prop() href: string = '#'\n\n /\n Define como o link será aberto.\n * - `_self`: abre no mesmo contexto de navegação (padrão)\n * - `_blank`: abre em nova aba ou janela\n * - `_parent`: abre no contexto pai\n * - `_top`: abre no contexto de nível superior\n /\n @Prop() target?: '_self' \| '_blank' \| '_parent' \| '_top' = '_blank'\n\n /\n Define se o item deve exibir um divisor visual.\n * Quando ativado, adiciona uma linha separadora para organizar visualmente os itens do menu.\n /\n @Prop() divider: boolean = false\n\n /\n Define se o item do menu está ativo/selecionado.\n * Quando ativado, aplica estilos visuais para destacar o item como atual ou selecionado.\n /\n @Prop({ mutable: true, reflect: true }) active: boolean = false\n\n /\n Define o modo de exibição do item, controlando os ícones de expansão.\n * - `accordion`: exibe setas para cima/baixo (usado em menus de nível 0).\n * - `drill-down`: exibe seta para a direita (usado em menus de níveis 1+).\n * - `none`: não exibe ícones de expansão.\n /\n @Prop() displayMode: 'accordion' \| 'drill-down' \| 'none' = 'none'\n\n /\n Indica se o item está expandido para fins de acessibilidade (ARIA).\n * Este estado é controlado externamente (por exemplo, por br-menu-list).\n * Não altera o estado visual de \"active\".\n */\n @Prop() expanded: boolean = false\n\n render() {\n const classes = {\n 'menu-item': true,\n 'divider-item': this.divider,\n active: this.active,\n }\n\n const isExpandable = this.displayMode !== 'none'\n const aria = isExpandable ? { 'aria-expanded': String(this.expanded), 'aria-haspopup': 'true' } : {}\n const targetAttr = !isExpandable && this.target ? { target: this.target } : {}\n\n const anchor = (\n <a href={this.href} class={classes} role=\"treeitem\" {...aria} {...targetAttr} aria-selected={String(this.active)}>\n {this.icon && (\n <span class=\"icon\">\n <br-icon icon-name={`fa6-solid:${this.icon}`} aria-hidden=\"true\"></br-icon>\n </span>\n )}\n <span class=\"content\">\n <slot></slot>\n </span>\n {this.displayMode === 'accordion' && (\n <span class=\"support\">\n <br-icon\n icon-name={`fa6-solid:${this.active ? 'chevron-up' : 'chevron-down'}`}\n aria-hidden=\"true\"\n ></br-icon>\n </span>\n )}\n {this.displayMode === 'drill-down' && (\n <span class=\"support\">\n <br-icon icon-name={`fa6-solid:angle-right`} aria-hidden=\"true\"></br-icon>\n </span>\n )}\n </a>\n )\n\n return <Host>{anchor}</Host>\n }\n}\n"],"names":[],"mappings":";;;;;;AAAA,MAAM,WAAW,GAAG,~~6ghBAA6ghB~~;;~~MCYphhB~~,QAAQ,GAAA,MAAA;AALrB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAYE;;;AAGG;AACK,QAAA,IAAI,CAAA,IAAA,GAAW,GAAG;AAE1B;;;;;;AAMG;AACK,QAAA,IAAM,CAAA,MAAA,GAA6C,QAAQ;AAEnE;;;AAGG;AACK,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;AAEhC;;;AAGG;AACqC,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;AAE/D;;;;;AAKG;AACK,QAAA,IAAW,CAAA,WAAA,GAAwC,MAAM;AAEjE;;;;AAIG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAyClC;IAvCC,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,WAAW,EAAE,IAAI;YACjB,cAAc,EAAE,IAAI,CAAC,OAAO;YAC5B,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB;AAED,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,WAAW,KAAK,MAAM;QAChD,MAAM,IAAI,GAAG,YAAY,GAAG,EAAE,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,eAAe,EAAE,MAAM,EAAE,GAAG,EAAE;QACpG,MAAM,UAAU,GAAG,CAAC,YAAY,IAAI,IAAI,CAAC,MAAM,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE;QAE9E,MAAM,MAAM,IACV,CAAG,CAAA,GAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAC,UAAU,EAAK,EAAA,IAAI,EAAM,UAAU,EAAiB,EAAA,eAAA,EAAA,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,EAAA,CAAA,EAC7G,IAAI,CAAC,IAAI,KACR,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAA,EAChB,CAAoB,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAA,EAAA,CAAa,UAAA,EAAA,IAAI,CAAC,IAAI,CAAA,CAAE,EAAc,aAAA,EAAA,MAAM,EAAW,CAAA,CACtE,CACR,EACD,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACnB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACR,EACN,IAAI,CAAC,WAAW,KAAK,WAAW,KAC/B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,SAAS,EAAA,EACnB,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAA,EACa,CAAA,UAAA,EAAa,IAAI,CAAC,MAAM,GAAG,YAAY,GAAG,cAAc,EAAE,iBACzD,MAAM,EAAA,CACT,CACN,CACR,EACA,IAAI,CAAC,WAAW,KAAK,YAAY,KAChC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,SAAS,EAAA,EACnB,CAAoB,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAA,EAAA,CAAuB,qBAAA,CAAA,iBAAc,MAAM,EAAA,CAAW,CACrE,CACR,CACC,CACL;AAED,QAAA,OAAO,CAAC,CAAA,IAAI,EAAE,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,MAAM,CAAQ;;;;;;;"}
1	+ {"version":3,"file":"br-menu-item.entry.esm.js","sources":["../../packages/webcomponents/src/components/menu/menu-item/menu-item.scss?tag=br-menu-item&encapsulation=shadow","../../packages/webcomponents/src/components/menu/menu-item/menu-item.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/menu/mixins\";\n@include menu-header;\n@include menu-body;\n@include menu-footer;\n@include menu-items;\n@include menu-side-menu;\n\n:host {\n display: block;\n}\n\n// Ajustes de densidade propagados a partir do ancestral <br-menu>\n// Densidade alta (small): itens mais compactos\n:host-context(br-menu[density=\"small\"]) .menu-item {\n padding-block: var(--spacing-scale-base);\n}\n\n// Densidade baixa (large): itens com maior espaçamento\n:host-context(br-menu[density=\"large\"]) .menu-item {\n padding-block: var(--spacing-scale-3x);\n}\n\n.divider-item {\n border-bottom: 1px solid var(--border-color);\n}\n\na.menu-item.active {\n background-color: var(--active);\n --interactive: var(--color-dark);\n --interactive-rgb: var(--color-dark-rgb);\n}\n","import { Component, h, Host, Prop } from '@stencil/core'\n\n/*\n ## Design System\n \n Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/menu?tab=designer).\n /\n@Component({\n tag: 'br-menu-item',\n styleUrl: 'menu-item.scss',\n shadow: true,\n})\nexport class MenuItem {\n /\n Ícone exibido no item do menu.\n * Utilize esta propriedade para definir o ícone que será mostrado ao lado do conteúdo do item.\n /\n @Prop() icon: string\n\n /\n URL de destino do link do item do menu.\n * Utilize esta propriedade para definir o endereço para onde o usuário será direcionado ao clicar no item.\n /\n @Prop() href: string = '#'\n\n /\n Define como o link será aberto.\n * - `_self`: abre no mesmo contexto de navegação (padrão)\n * - `_blank`: abre em nova aba ou janela\n * - `_parent`: abre no contexto pai\n * - `_top`: abre no contexto de nível superior\n /\n @Prop() target?: '_self' \| '_blank' \| '_parent' \| '_top' = '_blank'\n\n /\n Define se o item deve exibir um divisor visual.\n * Quando ativado, adiciona uma linha separadora para organizar visualmente os itens do menu.\n /\n @Prop() divider: boolean = false\n\n /\n Define se o item do menu está ativo/selecionado.\n * Quando ativado, aplica estilos visuais para destacar o item como atual ou selecionado.\n /\n @Prop({ mutable: true, reflect: true }) active: boolean = false\n\n /\n Define o modo de exibição do item, controlando os ícones de expansão.\n * - `accordion`: exibe setas para cima/baixo (usado em menus de nível 0).\n * - `drill-down`: exibe seta para a direita (usado em menus de níveis 1+).\n * - `none`: não exibe ícones de expansão.\n /\n @Prop() displayMode: 'accordion' \| 'drill-down' \| 'none' = 'none'\n\n /\n Indica se o item está expandido para fins de acessibilidade (ARIA).\n * Este estado é controlado externamente (por exemplo, por br-menu-list).\n * Não altera o estado visual de \"active\".\n */\n @Prop() expanded: boolean = false\n\n render() {\n const classes = {\n 'menu-item': true,\n 'divider-item': this.divider,\n active: this.active,\n }\n\n const isExpandable = this.displayMode !== 'none'\n const aria = isExpandable ? { 'aria-expanded': String(this.expanded), 'aria-haspopup': 'true' } : {}\n const targetAttr = !isExpandable && this.target ? { target: this.target } : {}\n\n const anchor = (\n <a href={this.href} class={classes} role=\"treeitem\" {...aria} {...targetAttr} aria-selected={String(this.active)}>\n {this.icon && (\n <span class=\"icon\">\n <br-icon icon-name={`fa6-solid:${this.icon}`} aria-hidden=\"true\"></br-icon>\n </span>\n )}\n <span class=\"content\">\n <slot></slot>\n </span>\n {this.displayMode === 'accordion' && (\n <span class=\"support\">\n <br-icon\n icon-name={`fa6-solid:${this.active ? 'chevron-up' : 'chevron-down'}`}\n aria-hidden=\"true\"\n ></br-icon>\n </span>\n )}\n {this.displayMode === 'drill-down' && (\n <span class=\"support\">\n <br-icon icon-name={`fa6-solid:angle-right`} aria-hidden=\"true\"></br-icon>\n </span>\n )}\n </a>\n )\n\n return <Host>{anchor}</Host>\n }\n}\n"],"names":[],"mappings":";;;;;;AAAA,MAAM,WAAW,GAAG,07gBAA07gB;;MCYj8gB,QAAQ,GAAA,MAAA;AALrB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAYE;;;AAGG;AACK,QAAA,IAAI,CAAA,IAAA,GAAW,GAAG;AAE1B;;;;;;AAMG;AACK,QAAA,IAAM,CAAA,MAAA,GAA6C,QAAQ;AAEnE;;;AAGG;AACK,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;AAEhC;;;AAGG;AACqC,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;AAE/D;;;;;AAKG;AACK,QAAA,IAAW,CAAA,WAAA,GAAwC,MAAM;AAEjE;;;;AAIG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAyClC;IAvCC,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,WAAW,EAAE,IAAI;YACjB,cAAc,EAAE,IAAI,CAAC,OAAO;YAC5B,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB;AAED,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,WAAW,KAAK,MAAM;QAChD,MAAM,IAAI,GAAG,YAAY,GAAG,EAAE,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,eAAe,EAAE,MAAM,EAAE,GAAG,EAAE;QACpG,MAAM,UAAU,GAAG,CAAC,YAAY,IAAI,IAAI,CAAC,MAAM,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE;QAE9E,MAAM,MAAM,IACV,CAAG,CAAA,GAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAC,UAAU,EAAK,EAAA,IAAI,EAAM,UAAU,EAAiB,EAAA,eAAA,EAAA,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,EAAA,CAAA,EAC7G,IAAI,CAAC,IAAI,KACR,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAA,EAChB,CAAoB,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAA,EAAA,CAAa,UAAA,EAAA,IAAI,CAAC,IAAI,CAAA,CAAE,EAAc,aAAA,EAAA,MAAM,EAAW,CAAA,CACtE,CACR,EACD,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACnB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACR,EACN,IAAI,CAAC,WAAW,KAAK,WAAW,KAC/B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,SAAS,EAAA,EACnB,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAA,EACa,CAAA,UAAA,EAAa,IAAI,CAAC,MAAM,GAAG,YAAY,GAAG,cAAc,EAAE,iBACzD,MAAM,EAAA,CACT,CACN,CACR,EACA,IAAI,CAAC,WAAW,KAAK,YAAY,KAChC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,SAAS,EAAA,EACnB,CAAoB,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAA,EAAA,CAAuB,qBAAA,CAAA,iBAAc,MAAM,EAAA,CAAW,CACrE,CACR,CACC,CACL;AAED,QAAA,OAAO,CAAC,CAAA,IAAI,EAAE,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,MAAM,CAAQ;;;;;;;"}

package/dist/webcomponents/br-menu-link.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"br-menu-link.entry.esm.js","sources":["../../packages/webcomponents/src/components/menu/menu-link/menu-link.scss?tag=br-menu-link&encapsulation=shadow","../../packages/webcomponents/src/components/menu/menu-link/menu-link.tsx"],"sourcesContent":[":host {\n display: block;\n\n a {\n display: block;\n }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Prop } from '@stencil/core'\n\n/*\n ## Design System\n \n Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/menu?tab=designer).\n \n @slot icon - Slot para ícone personalizado do link.\n * @slot url - Slot para o texto ou URL exibido no link.\n /\n@Component({\n tag: 'br-menu-link',\n styleUrl: 'menu-link.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class MenuLink {\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: HTMLBrMenuLinkElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /\n Identificador único.\n * Caso não seja fornecido, um ID gerado automaticamente será usado.\n /\n @Prop({ reflect: true }) readonly customId: string = `br-menu-link-${MenuLinkId++}`\n\n /\n URL do link\n /\n @Prop({ reflect: true }) url!: string\n\n /\n Título do link\n /\n @Prop({ reflect: true }) titulo!: string\n\n /\n Evento emitido quando o link externo é clicado\n */\n @Event() brLinkClick: EventEmitter<void>\n\n private handleClick = () => {\n this.brLinkClick.emit()\n }\n\n render() {\n return (\n <Host>\n <a href={this.url} onClick={this.handleClick}>\n <slot name=\"url\">\n <span class=\"mr-1\">{this.titulo}</span>\n </slot>\n <slot name=\"icon\">\n <br-icon icon-name=\"fa6-solid:square-arrow-up-right\" aria-hidden=\"true\"></br-icon>\n </slot>\n </a>\n </Host>\n )\n }\n}\n\nlet MenuLinkId = 0\n"],"names":[],"mappings":";;;;;;AAAA,MAAM,WAAW,GAAG,~~q4YAAq4Y~~;;~~MCgB54Y~~,QAAQ,GAAA,MAAA;AANrB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;;;;;;;AAeE;;;AAGG;AAC+B,QAAA,IAAA,CAAA,QAAQ,GAAW,gBAAgB,UAAU,EAAE,EAAE;AAiB3E,QAAA,IAAW,CAAA,WAAA,GAAG,MAAK;AACzB,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;AACzB,SAAC;AAgBF;IAdC,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,EAAA,EAC1C,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,KAAK,EAAA,EACd,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAA,EAAE,IAAI,CAAC,MAAM,CAAQ,CAClC,EACP,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAA,EACf,CAAmB,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAA,EAAA,iCAAiC,iBAAa,MAAM,EAAA,CAAW,CAC7E,CACL,CACC;;;;;AAKb,IAAI,UAAU,GAAG,CAAC;;;;;"}
1	+ {"version":3,"file":"br-menu-link.entry.esm.js","sources":["../../packages/webcomponents/src/components/menu/menu-link/menu-link.scss?tag=br-menu-link&encapsulation=shadow","../../packages/webcomponents/src/components/menu/menu-link/menu-link.tsx"],"sourcesContent":[":host {\n display: block;\n\n a {\n display: block;\n }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Prop } from '@stencil/core'\n\n/*\n ## Design System\n \n Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/menu?tab=designer).\n \n @slot icon - Slot para ícone personalizado do link.\n * @slot url - Slot para o texto ou URL exibido no link.\n /\n@Component({\n tag: 'br-menu-link',\n styleUrl: 'menu-link.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class MenuLink {\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: HTMLBrMenuLinkElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /\n Identificador único.\n * Caso não seja fornecido, um ID gerado automaticamente será usado.\n /\n @Prop({ reflect: true }) readonly customId: string = `br-menu-link-${MenuLinkId++}`\n\n /\n URL do link\n /\n @Prop({ reflect: true }) url!: string\n\n /\n Título do link\n /\n @Prop({ reflect: true }) titulo!: string\n\n /\n Evento emitido quando o link externo é clicado\n */\n @Event() brLinkClick: EventEmitter<void>\n\n private handleClick = () => {\n this.brLinkClick.emit()\n }\n\n render() {\n return (\n <Host>\n <a href={this.url} onClick={this.handleClick}>\n <slot name=\"url\">\n <span class=\"mr-1\">{this.titulo}</span>\n </slot>\n <slot name=\"icon\">\n <br-icon icon-name=\"fa6-solid:square-arrow-up-right\" aria-hidden=\"true\"></br-icon>\n </slot>\n </a>\n </Host>\n )\n }\n}\n\nlet MenuLinkId = 0\n"],"names":[],"mappings":";;;;;;AAAA,MAAM,WAAW,GAAG,ozYAAozY;;MCgB3zY,QAAQ,GAAA,MAAA;AANrB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;;;;;;;AAeE;;;AAGG;AAC+B,QAAA,IAAA,CAAA,QAAQ,GAAW,gBAAgB,UAAU,EAAE,EAAE;AAiB3E,QAAA,IAAW,CAAA,WAAA,GAAG,MAAK;AACzB,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;AACzB,SAAC;AAgBF;IAdC,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,EAAA,EAC1C,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,KAAK,EAAA,EACd,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAA,EAAE,IAAI,CAAC,MAAM,CAAQ,CAClC,EACP,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAA,EACf,CAAmB,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAA,EAAA,iCAAiC,iBAAa,MAAM,EAAA,CAAW,CAC7E,CACL,CACC;;;;;AAKb,IAAI,UAAU,GAAG,CAAC;;;;;"}

package/dist/webcomponents/br-menu-list.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"br-menu-list.entry.esm.js","sources":["../../packages/webcomponents/src/components/menu/menu-list/menu-list.scss?tag=br-menu-list&encapsulation=shadow","../../packages/webcomponents/src/components/menu/menu-list/menu-list.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/menu/menu\";\n@import \"~@govbr-ds/core/src/components/menu/mixins\";\n@include menu-header;\n@include menu-body;\n@include menu-footer;\n@include menu-items;\n@include menu-side-menu;\n\n:host {\n display: block;\n}\n\n// Remove estilos padrão das listas dentro do componente para remover marcadores\nul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n// Estilização do nível 0 (menu dropdown) dentro do shadow deste componente\n.menu-folder.drop-menu {\n > ul {\n background: var(--menu-background-submenu);\n display: none;\n padding: 0;\n }\n\n &.active {\n > ul {\n display: block;\n padding-left: var(--spacing-scale-3x);\n }\n }\n}\n\n// Decoração ativa do drill-down (quando o host possui [drill-active])\n// Regras planas para respeitar max-nesting-depth do stylelint\n:host([drill-active]) .side-menu > br-menu-item {\n display: none;\n}\n\n:host([drill-active]) .side-menu > ul {\n display: block;\n background: var(--menu-background-submenu);\n}\n\n// Quando a pasta estiver ativa mas sem filhos, mantenha o estilo de item simples\n:host([drill-active]) .side-menu.active:has(> ul:empty) > ul {\n display: none;\n}\n\n:host([drill-active]) .side-menu.active:has(> ul:empty) > .menu-item {\n flex-direction: row;\n font-weight: inherit;\n}\n\n:host([drill-active]) .side-menu.active:has(> ul:empty) > .menu-item .icon {\n margin-right: var(--spacing-scale-2x);\n}\n\n:host([drill-active]) .side-menu.active:has(> ul:empty) > .menu-item .support {\n margin-right: 0;\n}\n\n// Oculta a linha de cabeçalho das listas ancestrais durante drill-down, independente do nível\n:host([drill-ancestor]) {\n .drop-menu > br-menu-item,\n .side-menu > br-menu-item {\n display: none;\n }\n}\n\n.divider-list {\n border-bottom: 1px solid var(--border-color);\n}\n","import { Component, Event, EventEmitter, h, Element as HostElement, Prop, State, Watch } from '@stencil/core'\n\n/*\n ## Design System\n \n Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/menu?tab=designer).\n /\n@Component({\n tag: 'br-menu-list',\n styleUrl: 'menu-list.scss',\n shadow: true,\n})\nexport class MenuList {\n /\n Ícone exibido no item do menu.\n * Utilize esta propriedade para definir o ícone que será mostrado ao lado do label.\n /\n @Prop() icon: string\n\n /\n Texto do label do item do menu.\n * Utilize esta propriedade para definir o texto que será exibido no item do menu.\n /\n @Prop() label: string\n\n /\n Nível do menu na hierarquia de navegação.\n * Utilizado para determinar o comportamento do menu (acordeão para nível 0, drill-down para níveis superiores).\n /\n @Prop() menuLevel: number = 0\n\n /\n Define se o item deve exibir um divisor visual.\n * Quando ativado, adiciona uma linha separadora para organizar visualmente os itens do menu.\n /\n @Prop() divider: boolean = false\n\n /\n Define se o menu-list inicia expandido.\n * Útil para manter agrupamentos abertos por padrão no menu contextual.\n /\n @Prop({ mutable: true }) expanded: boolean = false\n\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 @HostElement() private el: HTMLElement\n\n // Estado interno para controle de expansão\n @State() private internalExpanded: boolean = false\n\n @Watch('expanded')\n handleExpandedChange(newValue: boolean) {\n this.internalExpanded = newValue\n }\n\n /\n Quando verdadeiro, suprime toda a renderização do conteúdo no shadow DOM.\n * Utilizado para cenários onde a lista deve ficar oculta.\n /\n @State() shouldHide: boolean = false\n\n /\n Emitido quando um folder é expandido ou recolhido no nível 0 (comportamento acordeão).\n /\n @Event() folderToggled: EventEmitter<boolean>\n\n /\n Emitido quando navegando para um submenu nos níveis 1+ (comportamento drill-down).\n */\n @Event() navigateToSubmenu: EventEmitter<{ element: HTMLElement; label: string }>\n\n componentWillLoad() {\n this.internalExpanded = this.expanded\n }\n\n private onItemClick = () => {\n this.toggleFolder()\n }\n\n private onItemKeyDown = (ev: KeyboardEvent) => {\n this.handleKeyDown(ev)\n }\n\n private toggleFolder() {\n // Aplica a regra principal: comportamento por nível\n if (this.menuLevel === 0) {\n // Camada 1: Comportamento de acordeão\n this.internalExpanded = !this.internalExpanded\n this.expanded = this.internalExpanded\n this.folderToggled.emit(this.internalExpanded)\n if (this.internalExpanded) {\n // Após expandir, foca no primeiro item visível do submenu\n requestAnimationFrame(() => this.focusFirstChildAnchor())\n }\n } else {\n // Camada 2+: Comportamento drill-down\n this.navigateToSubmenu.emit({\n element: this.el,\n label: this.label,\n })\n }\n }\n\n private handleKeyDown(ev: KeyboardEvent) {\n if (ev.key === 'Enter' \|\| ev.key === ' ') {\n ev.preventDefault()\n this.toggleFolder()\n }\n }\n\n private isVisibleElement(el: Element \| null): el is HTMLElement {\n if (el == null) return false\n const htmlEl = el as HTMLElement\n if (!htmlEl.isConnected) return false\n if (htmlEl.hasAttribute('hidden')) return false\n const rects = htmlEl.getClientRects()\n return rects.length > 0\n }\n\n private focusFirstChildAnchor() {\n const slotEl = this.el.shadowRoot?.querySelector('ul slot') as HTMLSlotElement \| null\n const assigned = slotEl?.assignedElements?.() \|\| []\n for (const element of assigned) {\n if (element.tagName === 'BR-MENU-ITEM') {\n const anchor = (element as HTMLElement).shadowRoot?.querySelector('a') as HTMLElement \| null\n if (this.isVisibleElement(element) && this.isVisibleElement(anchor)) {\n anchor.focus()\n return\n }\n } else if (element.tagName === 'BR-MENU-LIST') {\n const subHeader = (element as HTMLElement).shadowRoot?.querySelector('br-menu-item') as HTMLElement \| null\n const subAnchor = subHeader?.shadowRoot?.querySelector('a') as HTMLElement \| null\n if (this.isVisibleElement(element) && this.isVisibleElement(subAnchor)) {\n subAnchor.focus()\n return\n }\n }\n }\n }\n\n render() {\n // Renderização condicional baseada no nível\n const isLevel0 = this.menuLevel === 0\n const classes = {\n 'menu-folder': true,\n 'drop-menu': isLevel0, // Level 0: dropdown style\n 'side-menu': !isLevel0, // Level 1+: side menu style\n active: this.internalExpanded,\n 'divider-list': this.divider,\n }\n\n if (this.shouldHide) {\n return null\n }\n\n return (\n <div class={classes} role=\"none\">\n <br-menu-item\n icon={this.icon}\n onClick={this.onItemClick}\n onKeyDown={this.onItemKeyDown}\n expanded={this.internalExpanded}\n display-mode={isLevel0 ? 'accordion' : 'drill-down'}\n >\n {this.label}\n </br-menu-item>\n\n <ul\n role=\"tree\"\n aria-label={this.label}\n style={isLevel0 ? { display: this.internalExpanded ? 'block' : 'none' } : {}}\n >\n {isLevel0 ? (\n <li>\n <slot></slot>\n </li>\n ) : (\n <slot></slot>\n )}\n </ul>\n </div>\n )\n }\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"br-menu-list.entry.esm.js","sources":["../../packages/webcomponents/src/components/menu/menu-list/menu-list.scss?tag=br-menu-list&encapsulation=shadow","../../packages/webcomponents/src/components/menu/menu-list/menu-list.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/menu/menu\";\n@import \"~@govbr-ds/core/src/components/menu/mixins\";\n@include menu-header;\n@include menu-body;\n@include menu-footer;\n@include menu-items;\n@include menu-side-menu;\n\n:host {\n display: block;\n}\n\n// Remove estilos padrão das listas dentro do componente para remover marcadores\nul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n// Estilização do nível 0 (menu dropdown) dentro do shadow deste componente\n.menu-folder.drop-menu {\n > ul {\n background: var(--menu-background-submenu);\n display: none;\n padding: 0;\n }\n\n &.active {\n > ul {\n display: block;\n padding-left: var(--spacing-scale-3x);\n }\n }\n}\n\n// Decoração ativa do drill-down (quando o host possui [drill-active])\n// Regras planas para respeitar max-nesting-depth do stylelint\n:host([drill-active]) .side-menu > br-menu-item {\n display: none;\n}\n\n:host([drill-active]) .side-menu > ul {\n display: block;\n background: var(--menu-background-submenu);\n}\n\n// Quando a pasta estiver ativa mas sem filhos, mantenha o estilo de item simples\n:host([drill-active]) .side-menu.active:has(> ul:empty) > ul {\n display: none;\n}\n\n:host([drill-active]) .side-menu.active:has(> ul:empty) > .menu-item {\n flex-direction: row;\n font-weight: inherit;\n}\n\n:host([drill-active]) .side-menu.active:has(> ul:empty) > .menu-item .icon {\n margin-right: var(--spacing-scale-2x);\n}\n\n:host([drill-active]) .side-menu.active:has(> ul:empty) > .menu-item .support {\n margin-right: 0;\n}\n\n// Oculta a linha de cabeçalho das listas ancestrais durante drill-down, independente do nível\n:host([drill-ancestor]) {\n .drop-menu > br-menu-item,\n .side-menu > br-menu-item {\n display: none;\n }\n}\n\n.divider-list {\n border-bottom: 1px solid var(--border-color);\n}\n","import { Component, Event, EventEmitter, h, Element as HostElement, Prop, State, Watch } from '@stencil/core'\n\n/*\n ## Design System\n \n Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/menu?tab=designer).\n /\n@Component({\n tag: 'br-menu-list',\n styleUrl: 'menu-list.scss',\n shadow: true,\n})\nexport class MenuList {\n /\n Ícone exibido no item do menu.\n * Utilize esta propriedade para definir o ícone que será mostrado ao lado do label.\n /\n @Prop() icon: string\n\n /\n Texto do label do item do menu.\n * Utilize esta propriedade para definir o texto que será exibido no item do menu.\n /\n @Prop() label: string\n\n /\n Nível do menu na hierarquia de navegação.\n * Utilizado para determinar o comportamento do menu (acordeão para nível 0, drill-down para níveis superiores).\n /\n @Prop() menuLevel: number = 0\n\n /\n Define se o item deve exibir um divisor visual.\n * Quando ativado, adiciona uma linha separadora para organizar visualmente os itens do menu.\n /\n @Prop() divider: boolean = false\n\n /\n Define se o menu-list inicia expandido.\n * Útil para manter agrupamentos abertos por padrão no menu contextual.\n /\n @Prop({ mutable: true }) expanded: boolean = false\n\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 @HostElement() private el: HTMLElement\n\n // Estado interno para controle de expansão\n @State() private internalExpanded: boolean = false\n\n @Watch('expanded')\n handleExpandedChange(newValue: boolean) {\n this.internalExpanded = newValue\n }\n\n /\n Quando verdadeiro, suprime toda a renderização do conteúdo no shadow DOM.\n * Utilizado para cenários onde a lista deve ficar oculta.\n /\n @State() shouldHide: boolean = false\n\n /\n Emitido quando um folder é expandido ou recolhido no nível 0 (comportamento acordeão).\n /\n @Event() folderToggled: EventEmitter<boolean>\n\n /\n Emitido quando navegando para um submenu nos níveis 1+ (comportamento drill-down).\n */\n @Event() navigateToSubmenu: EventEmitter<{ element: HTMLElement; label: string }>\n\n componentWillLoad() {\n this.internalExpanded = this.expanded\n }\n\n private onItemClick = () => {\n this.toggleFolder()\n }\n\n private onItemKeyDown = (ev: KeyboardEvent) => {\n this.handleKeyDown(ev)\n }\n\n private toggleFolder() {\n // Aplica a regra principal: comportamento por nível\n if (this.menuLevel === 0) {\n // Camada 1: Comportamento de acordeão\n this.internalExpanded = !this.internalExpanded\n this.expanded = this.internalExpanded\n this.folderToggled.emit(this.internalExpanded)\n if (this.internalExpanded) {\n // Após expandir, foca no primeiro item visível do submenu\n requestAnimationFrame(() => this.focusFirstChildAnchor())\n }\n } else {\n // Camada 2+: Comportamento drill-down\n this.navigateToSubmenu.emit({\n element: this.el,\n label: this.label,\n })\n }\n }\n\n private handleKeyDown(ev: KeyboardEvent) {\n if (ev.key === 'Enter' \|\| ev.key === ' ') {\n ev.preventDefault()\n this.toggleFolder()\n }\n }\n\n private isVisibleElement(el: Element \| null): el is HTMLElement {\n if (el == null) return false\n const htmlEl = el as HTMLElement\n if (!htmlEl.isConnected) return false\n if (htmlEl.hasAttribute('hidden')) return false\n const rects = htmlEl.getClientRects()\n return rects.length > 0\n }\n\n private focusFirstChildAnchor() {\n const slotEl = this.el.shadowRoot?.querySelector('ul slot') as HTMLSlotElement \| null\n const assigned = slotEl?.assignedElements?.() \|\| []\n for (const element of assigned) {\n if (element.tagName === 'BR-MENU-ITEM') {\n const anchor = (element as HTMLElement).shadowRoot?.querySelector('a') as HTMLElement \| null\n if (this.isVisibleElement(element) && this.isVisibleElement(anchor)) {\n anchor.focus()\n return\n }\n } else if (element.tagName === 'BR-MENU-LIST') {\n const subHeader = (element as HTMLElement).shadowRoot?.querySelector('br-menu-item') as HTMLElement \| null\n const subAnchor = subHeader?.shadowRoot?.querySelector('a') as HTMLElement \| null\n if (this.isVisibleElement(element) && this.isVisibleElement(subAnchor)) {\n subAnchor.focus()\n return\n }\n }\n }\n }\n\n render() {\n // Renderização condicional baseada no nível\n const isLevel0 = this.menuLevel === 0\n const classes = {\n 'menu-folder': true,\n 'drop-menu': isLevel0, // Level 0: dropdown style\n 'side-menu': !isLevel0, // Level 1+: side menu style\n active: this.internalExpanded,\n 'divider-list': this.divider,\n }\n\n if (this.shouldHide) {\n return null\n }\n\n return (\n <div class={classes} role=\"none\">\n <br-menu-item\n icon={this.icon}\n onClick={this.onItemClick}\n onKeyDown={this.onItemKeyDown}\n expanded={this.internalExpanded}\n display-mode={isLevel0 ? 'accordion' : 'drill-down'}\n >\n {this.label}\n </br-menu-item>\n\n <ul\n role=\"tree\"\n aria-label={this.label}\n style={isLevel0 ? { display: this.internalExpanded ? 'block' : 'none' } : {}}\n >\n {isLevel0 ? (\n <li>\n <slot></slot>\n </li>\n ) : (\n <slot></slot>\n )}\n </ul>\n </div>\n )\n }\n}\n"],"names":[],"mappings":"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"}

package/dist/webcomponents/br-menu-logo.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"br-menu-logo.entry.esm.js","sources":["../../packages/webcomponents/src/components/menu/menu-logo/menu-logo.scss?tag=br-menu-logo&encapsulation=shadow","../../packages/webcomponents/src/components/menu/menu-logo/menu-logo.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, Element, h, Host, Prop, State } from '@stencil/core'\n\nimport Helpers from '../../../utils/helpers'\n\n/*\n ## Design System\n \n Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/menu?tab=designer).\n \n @slot default - Slot para logo ou conteúdo que substitui a imagem padrão.\n /\n@Component({\n tag: 'br-menu-logo',\n styleUrl: 'menu-logo.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class MenuLogo {\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: HTMLBrMenuLogoElement\n\n /\n ID personalizado para o elemento, útil para acessibilidade e identificação única.\n * Se não for fornecido, um ID único será gerado automaticamente.\n /\n @Prop({ reflect: true }) readonly customId: string = Helpers.generateUniqueId()\n\n /\n URL da imagem\n /\n @Prop({ reflect: true }) src!: string\n\n /\n Texto alternativo da imagem\n /\n @Prop({ reflect: true }) alt?: string\n\n /\n Largura da imagem (com unidade, ex: '100px', '50%')\n /\n @Prop({ reflect: true }) width?: string\n\n /\n Altura da imagem (com unidade, ex: '80px', 'auto')\n /\n @Prop({ reflect: true }) height?: string\n\n /\n Estado para controlar se a imagem falhou ao carregar\n /\n @State() hasError: boolean = false\n\n /\n Manipula erros no carregamento da imagem\n */\n private handleError = () => {\n this.hasError = true\n console.error(`Erro ao carregar a imagem do logo. Verifique se o caminho está correto: ${this.src}`)\n console.debug('Caminho absoluto tentado:', new URL(this.src, window.location.href).href)\n }\n\n private handleLoad = () => {\n this.hasError = false\n }\n\n render() {\n const imageStyle = {\n width: this.width,\n height: this.height,\n }\n\n return (\n <Host>\n <div class=\"br-menu-logo\" id={this.customId}>\n <slot>\n {this.src && (\n <img\n src={this.src}\n alt={this.alt \|\| 'Logo'}\n style={imageStyle}\n onError={this.handleError}\n onLoad={this.handleLoad}\n />\n )}\n </slot>\n </div>\n </Host>\n )\n }\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,WAAW,GAAG~~,+2YAA+2Y~~;;~~MCiBt3Y~~,QAAQ,GAAA,MAAA;AANrB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAaE;;;AAGG;AAC+B,QAAA,IAAA,CAAA,QAAQ,GAAW,OAAO,CAAC,gBAAgB,EAAE;AAsB/E;;AAEG;AACM,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAElC;;AAEG;AACK,QAAA,IAAW,CAAA,WAAA,GAAG,MAAK;AACzB,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;YACpB,OAAO,CAAC,KAAK,CAAC,CAAA,wEAAA,EAA2E,IAAI,CAAC,GAAG,CAAE,CAAA,CAAC;YACpG,OAAO,CAAC,KAAK,CAAC,2BAA2B,EAAE,IAAI,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC;AAC1F,SAAC;AAEO,QAAA,IAAU,CAAA,UAAA,GAAG,MAAK;AACxB,YAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;AACvB,SAAC;AA0BF;IAxBC,MAAM,GAAA;AACJ,QAAA,MAAM,UAAU,GAAG;YACjB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB;AAED,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAC,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAA,EACzC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACG,IAAI,CAAC,GAAG,KACP,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAE,IAAI,CAAC,GAAG,IAAI,MAAM,EACvB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,MAAM,EAAE,IAAI,CAAC,UAAU,EACvB,CAAA,CACH,CACI,CACH,CACD;;;;;;;;;"}
1	+ {"version":3,"file":"br-menu-logo.entry.esm.js","sources":["../../packages/webcomponents/src/components/menu/menu-logo/menu-logo.scss?tag=br-menu-logo&encapsulation=shadow","../../packages/webcomponents/src/components/menu/menu-logo/menu-logo.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, Element, h, Host, Prop, State } from '@stencil/core'\n\nimport Helpers from '../../../utils/helpers'\n\n/*\n ## Design System\n \n Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/menu?tab=designer).\n \n @slot default - Slot para logo ou conteúdo que substitui a imagem padrão.\n /\n@Component({\n tag: 'br-menu-logo',\n styleUrl: 'menu-logo.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class MenuLogo {\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: HTMLBrMenuLogoElement\n\n /\n ID personalizado para o elemento, útil para acessibilidade e identificação única.\n * Se não for fornecido, um ID único será gerado automaticamente.\n /\n @Prop({ reflect: true }) readonly customId: string = Helpers.generateUniqueId()\n\n /\n URL da imagem\n /\n @Prop({ reflect: true }) src!: string\n\n /\n Texto alternativo da imagem\n /\n @Prop({ reflect: true }) alt?: string\n\n /\n Largura da imagem (com unidade, ex: '100px', '50%')\n /\n @Prop({ reflect: true }) width?: string\n\n /\n Altura da imagem (com unidade, ex: '80px', 'auto')\n /\n @Prop({ reflect: true }) height?: string\n\n /\n Estado para controlar se a imagem falhou ao carregar\n /\n @State() hasError: boolean = false\n\n /\n Manipula erros no carregamento da imagem\n */\n private handleError = () => {\n this.hasError = true\n console.error(`Erro ao carregar a imagem do logo. Verifique se o caminho está correto: ${this.src}`)\n console.debug('Caminho absoluto tentado:', new URL(this.src, window.location.href).href)\n }\n\n private handleLoad = () => {\n this.hasError = false\n }\n\n render() {\n const imageStyle = {\n width: this.width,\n height: this.height,\n }\n\n return (\n <Host>\n <div class=\"br-menu-logo\" id={this.customId}>\n <slot>\n {this.src && (\n <img\n src={this.src}\n alt={this.alt \|\| 'Logo'}\n style={imageStyle}\n onError={this.handleError}\n onLoad={this.handleLoad}\n />\n )}\n </slot>\n </div>\n </Host>\n )\n }\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,WAAW,GAAG,8xYAA8xY;;MCiBryY,QAAQ,GAAA,MAAA;AANrB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAaE;;;AAGG;AAC+B,QAAA,IAAA,CAAA,QAAQ,GAAW,OAAO,CAAC,gBAAgB,EAAE;AAsB/E;;AAEG;AACM,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAElC;;AAEG;AACK,QAAA,IAAW,CAAA,WAAA,GAAG,MAAK;AACzB,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;YACpB,OAAO,CAAC,KAAK,CAAC,CAAA,wEAAA,EAA2E,IAAI,CAAC,GAAG,CAAE,CAAA,CAAC;YACpG,OAAO,CAAC,KAAK,CAAC,2BAA2B,EAAE,IAAI,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC;AAC1F,SAAC;AAEO,QAAA,IAAU,CAAA,UAAA,GAAG,MAAK;AACxB,YAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;AACvB,SAAC;AA0BF;IAxBC,MAAM,GAAA;AACJ,QAAA,MAAM,UAAU,GAAG;YACjB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB;AAED,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAC,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAA,EACzC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACG,IAAI,CAAC,GAAG,KACP,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAE,IAAI,CAAC,GAAG,IAAI,MAAM,EACvB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,MAAM,EAAE,IAAI,CAAC,UAAU,EACvB,CAAA,CACH,CACI,CACH,CACD;;;;;;;;;"}

package/dist/webcomponents/br-menu-social.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"br-menu-social.entry.esm.js","sources":["../../packages/webcomponents/src/components/menu/menu-social/menu-social.scss?tag=br-menu-social&encapsulation=shadow","../../packages/webcomponents/src/components/menu/menu-social/menu-social.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop } from '@stencil/core'\n\nimport Helpers from '../../../utils/helpers'\n\n/*\n ## Design System\n \n Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/menu?tab=designer).\n \n @slot icon - Slot para ícone personalizado da rede social.\n /\n@Component({\n tag: 'br-menu-social',\n styleUrl: 'menu-social.scss',\n shadow: true,\n})\nexport class MenuSocial {\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: HTMLBrMenuSocialElement\n\n /\n Identificador único.\n * Caso não seja fornecido, um ID gerado automaticamente será usado.\n /\n @Prop({ reflect: true }) readonly customId: string = Helpers.generateUniqueId()\n\n /\n URL do link\n /\n @Prop({ reflect: true }) url!: string\n\n /\n Rótulo para acessibilidade\n /\n @Prop({ reflect: true }) ariaLabel!: string\n\n /\n Ícone da rede social\n * /\n @Prop({ reflect: true }) readonly icon: string\n\n /\n Evento emitido quando o link de rede social é clicado\n */\n @Event() brSocialClick: EventEmitter<void>\n\n private handleClick = () => {\n this.brSocialClick.emit()\n }\n\n render() {\n return (\n <Host>\n <br-button\n role=\"link\"\n id={this.customId}\n emphasis=\"tertiary\"\n shape=\"circle\"\n aria-label={this.ariaLabel}\n onClick={this.handleClick}\n >\n <a href={this.url} tabindex=\"-1\">\n <slot name=\"icon\">\n <br-icon icon-name={`fa-brands:${this.icon}`} aria-hidden=\"true\"></br-icon>\n </slot>\n </a>\n </br-button>\n </Host>\n )\n }\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,aAAa,GAAG~~,+2YAA+2Y~~;;~~MCgBx3Y~~,UAAU,GAAA,MAAA;AALvB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAYE;;;AAGG;AAC+B,QAAA,IAAA,CAAA,QAAQ,GAAW,OAAO,CAAC,gBAAgB,EAAE;AAsBvE,QAAA,IAAW,CAAA,WAAA,GAAG,MAAK;AACzB,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;AAC3B,SAAC;AAsBF;IApBC,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CACE,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EACX,EAAE,EAAE,IAAI,CAAC,QAAQ,EACjB,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAC,QAAQ,EAAA,YAAA,EACF,IAAI,CAAC,SAAS,EAC1B,OAAO,EAAE,IAAI,CAAC,WAAW,EAAA,EAEzB,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,QAAQ,EAAC,IAAI,EAAA,EAC9B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAA,EACf,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAA,EAAoB,CAAA,UAAA,EAAa,IAAI,CAAC,IAAI,CAAE,CAAA,EAAA,aAAA,EAAc,MAAM,EAAA,CAAW,CACtE,CACL,CACM,CACP;;;;;;;;"}
1	+ {"version":3,"file":"br-menu-social.entry.esm.js","sources":["../../packages/webcomponents/src/components/menu/menu-social/menu-social.scss?tag=br-menu-social&encapsulation=shadow","../../packages/webcomponents/src/components/menu/menu-social/menu-social.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop } from '@stencil/core'\n\nimport Helpers from '../../../utils/helpers'\n\n/*\n ## Design System\n \n Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/menu?tab=designer).\n \n @slot icon - Slot para ícone personalizado da rede social.\n /\n@Component({\n tag: 'br-menu-social',\n styleUrl: 'menu-social.scss',\n shadow: true,\n})\nexport class MenuSocial {\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: HTMLBrMenuSocialElement\n\n /\n Identificador único.\n * Caso não seja fornecido, um ID gerado automaticamente será usado.\n /\n @Prop({ reflect: true }) readonly customId: string = Helpers.generateUniqueId()\n\n /\n URL do link\n /\n @Prop({ reflect: true }) url!: string\n\n /\n Rótulo para acessibilidade\n /\n @Prop({ reflect: true }) ariaLabel!: string\n\n /\n Ícone da rede social\n * /\n @Prop({ reflect: true }) readonly icon: string\n\n /\n Evento emitido quando o link de rede social é clicado\n */\n @Event() brSocialClick: EventEmitter<void>\n\n private handleClick = () => {\n this.brSocialClick.emit()\n }\n\n render() {\n return (\n <Host>\n <br-button\n role=\"link\"\n id={this.customId}\n emphasis=\"tertiary\"\n shape=\"circle\"\n aria-label={this.ariaLabel}\n onClick={this.handleClick}\n >\n <a href={this.url} tabindex=\"-1\">\n <slot name=\"icon\">\n <br-icon icon-name={`fa-brands:${this.icon}`} aria-hidden=\"true\"></br-icon>\n </slot>\n </a>\n </br-button>\n </Host>\n )\n }\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,aAAa,GAAG,8xYAA8xY;;MCgBvyY,UAAU,GAAA,MAAA;AALvB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAYE;;;AAGG;AAC+B,QAAA,IAAA,CAAA,QAAQ,GAAW,OAAO,CAAC,gBAAgB,EAAE;AAsBvE,QAAA,IAAW,CAAA,WAAA,GAAG,MAAK;AACzB,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;AAC3B,SAAC;AAsBF;IApBC,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CACE,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EACX,EAAE,EAAE,IAAI,CAAC,QAAQ,EACjB,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAC,QAAQ,EAAA,YAAA,EACF,IAAI,CAAC,SAAS,EAC1B,OAAO,EAAE,IAAI,CAAC,WAAW,EAAA,EAEzB,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,QAAQ,EAAC,IAAI,EAAA,EAC9B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAA,EACf,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAA,EAAoB,CAAA,UAAA,EAAa,IAAI,CAAC,IAAI,CAAE,CAAA,EAAA,aAAA,EAAc,MAAM,EAAA,CAAW,CACtE,CACL,CACM,CACP;;;;;;;;"}