npm - @govbr-ds/webcomponents - Versions diffs - 2.0.0-next.44 → 2.0.0-next.46 - Mend

@govbr-ds/webcomponents 2.0.0-next.44 → 2.0.0-next.46

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 (457) hide show

package/dist/collection/components/tooltip/tooltip.js CHANGED Viewed

@@ -117,7 +117,7 @@ export class Tooltip {
             this.isVisible = false;
             if (this.type === 'popover') {
                 document.removeEventListener('click', this.handleOutsideClick);
-                requestAnimationFrame(() => { var _a; return (_a = this.contentElement) === null || _a === void 0 ? void 0 : _a.focus(); });
+                requestAnimationFrame(() => this.contentElement?.focus());
             }
         };
         /**
@@ -141,7 +141,6 @@ export class Tooltip {
      * @returns void
      */
     handleVisibilityChange(visible) {
-        var _a;
         if (this.contentElement == null)
             return;
         if (visible) {
@@ -149,7 +148,7 @@ export class Tooltip {
             this.brDidOpen.emit();
         }
         else {
-            (_a = this.clearAutoUpdate) === null || _a === void 0 ? void 0 : _a.call(this);
+            this.clearAutoUpdate?.();
             this.clearAutoUpdate = undefined;
             this.brDidClose.emit();
         }
@@ -177,11 +176,10 @@ export class Tooltip {
      * @param event KeyboardEvent
      */
     handleKeyDown(event) {
-        var _a;
         if (event.key === 'Escape') {
             event.preventDefault();
             this.hideContent();
-            (_a = this.triggerElement) === null || _a === void 0 ? void 0 : _a.focus();
+            this.triggerElement?.focus();
         }
     }
     /**
@@ -202,8 +200,7 @@ export class Tooltip {
         this.floatingManager.start();
     }
     cleanupPositioning() {
-        var _a;
-        (_a = this.floatingManager) === null || _a === void 0 ? void 0 : _a.stop();
+        this.floatingManager?.stop();
     }
     /**
      * Define os eventos de interação do tooltip.
@@ -329,13 +326,12 @@ export class Tooltip {
      * Este método é chamado quando o componente é desconectado do DOM.
      */
     disconnectedCallback() {
-        var _a, _b, _c;
         if (this.type === 'standard') {
-            (_a = this.triggerElement) === null || _a === void 0 ? void 0 : _a.removeEventListener('mouseenter', this.showContent);
-            (_b = this.triggerElement) === null || _b === void 0 ? void 0 : _b.removeEventListener('mouseleave', this.hideContent);
+            this.triggerElement?.removeEventListener('mouseenter', this.showContent);
+            this.triggerElement?.removeEventListener('mouseleave', this.hideContent);
         }
         else if (this.type === 'popover') {
-            (_c = this.triggerElement) === null || _c === void 0 ? void 0 : _c.removeEventListener('pointerdown', this.toggleContent);
+            this.triggerElement?.removeEventListener('pointerdown', this.toggleContent);
             document.removeEventListener('click', this.handleOutsideClick);
         }
         this.cleanupPositioning();
@@ -349,7 +345,7 @@ export class Tooltip {
      * @returns JSX.Element
      */
     render() {
-        return (h(Host, { key: 'd7a4fb4087d4b661753e4dc10b1477da32f63fc0' }, h("div", { key: '55ecd61ebe436745852a4a4028b98c1054ead858', id: this.customId, class: this.getCssClassMap() }, h("div", { key: '2a23a9861d20a584a90c8eef2a325b80992aa828', class: this.getTriggerCssClassMap(), ref: (el) => (this.triggerElement = el), "aria-describedby": `${this.customId}-content`, "aria-expanded": this.isVisible ? 'true' : 'false', "aria-controls": `${this.customId}-content`, role: "button", tabindex: "-1  " }, h("slot", { key: 'fc082ff548f86d5068695f7ec9160a127b8dd776', name: "trigger" })), h("div", { key: 'a98242ca9d82aaec70031ce08cb463b66f96dde7', id: `${this.customId}-content`, class: this.getContentCssClassMap(), ref: (el) => (this.contentElement = el), role: this.type === 'popover' ? 'dialog' : 'tooltip', tabindex: "-1" }, h("slot", { key: 'a3e1c430abcfe1f4d0299c15a95870fd9a447569', name: "content" }), this.type === 'popover' && (h("br-button", { key: '40b15cae355a62032a2ce7b79637c56e77608bc8', class: "close", shape: "circle", density: "small", onClick: this.hideContent, "aria-label": "Fechar popover" }, h("br-icon", { key: '8c8171c942467fbadb6433a8097204c9ec2a9db3', "icon-name": "fa6-solid:xmark" }))), h("div", { key: 'f45d3ca8f8866c33f9751988fbf3fc4892339d54', class: this.getArrowCssClassMap(), ref: (el) => (this.arrowElement = el) })))));
+        return (h(Host, { key: '99bea58c6f571ff49f266072d8ee4af8b4081adc' }, h("div", { key: '190c140a9059470c92450f7677ad8bef6d48b207', id: this.customId, class: this.getCssClassMap() }, h("div", { key: 'ab35ec93893f689929774cc0172e2cdf6f2f76e7', class: this.getTriggerCssClassMap(), ref: (el) => (this.triggerElement = el), "aria-describedby": `${this.customId}-content`, "aria-expanded": this.isVisible ? 'true' : 'false', "aria-controls": `${this.customId}-content`, role: "button", tabindex: "-1  " }, h("slot", { key: '62de7618f2bae7e8e5aaca4ecad10b91205ce230', name: "trigger" })), h("div", { key: 'd6dd66c4102ddbb2f0924cf9aeb3dab1bab28176', id: `${this.customId}-content`, class: this.getContentCssClassMap(), ref: (el) => (this.contentElement = el), role: this.type === 'popover' ? 'dialog' : 'tooltip', tabindex: "-1" }, h("slot", { key: '4a9403a4690b52de0dad0209b36af290601c21d0', name: "content" }), this.type === 'popover' && (h("br-button", { key: 'fd3c23f6f1bcc9654180a4b5c09bb5206a127e6d', class: "close", shape: "circle", density: "small", onClick: this.hideContent, "aria-label": "Fechar popover" }, h("br-icon", { key: '0b301c330749757e8207fb1d82041f4037e06b14', "icon-name": "fa6-solid:xmark" }))), h("div", { key: '88b50021b6ff75a51534d3c1bc57cb7b279852a4', class: this.getArrowCssClassMap(), ref: (el) => (this.arrowElement = el) })))));
     }
     static get is() { return "br-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tooltip/tooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../../../packages/webcomponents/src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n AttachInternals,\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\n\nimport { FloatingUIManager } from '../../utils/floating-ui'\nimport Helpers from '../../utils/helpers'\nimport { CssClassMap } from '../../utils/interfaces'\n\ntype TooltipPosition = 'top' \| 'bottom' \| 'left' \| 'right'\ntype TooltipType = 'standard' \| 'popover'\ntype TooltipDensity = 'large' \| 'medium' \| 'small'\ntype TooltipState = 'info' \| 'warning' \| 'error' \| 'success'\n\n/*\n Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https:\n \n @slot trigger - Área para o elemento acionador do tooltip.\n * @slot content - Área para o conteúdo do tooltip.\n /\n@Component({\n tag: 'br-tooltip',\n styleUrl: 'tooltip.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Tooltip {\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: HTMLBrTooltipElement\n\n /\n Referência ao elemento Internals do componente.\n * O elemento Internals fornece uma interface para acessar e manipular o estado interno do componente.\n * Isso é útil para componentes que precisam se integrar com o sistema de formulários nativo do navegador.\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 }) customId: string = Helpers.generateUniqueId()\n\n /\n Define a posição do tooltip em relação ao elemento acionador.\n * As opções disponíveis são: 'top', 'bottom', 'left' e 'right'.\n * @default 'top'\n /\n @Prop({ reflect: true }) position: TooltipPosition = 'top'\n\n /\n Define o tipo de tooltip a ser exibido.\n * As opções disponíveis são: 'standard' e 'popover'.\n * O tipo 'standard' exibe um tooltip simples, enquanto o tipo 'popover' exibe um tooltip com mais informações e fechamento por interação.\n * @default 'standard'\n /\n @Prop({ reflect: true }) type: TooltipType = 'standard'\n\n /\n Define a densidade do tooltip.\n * As opções disponíveis são: 'large', 'medium' e 'small'.\n * A densidade 'small' exibe um tooltip mais compacto, enquanto a densidade 'large' exibe um tooltip mais espaçado.\n * @default 'medium'\n /\n @Prop({ reflect: true }) density: TooltipDensity = 'medium'\n\n /\n Define o estado do tooltip.\n * Os estados disponíveis são: 'info', 'warning', 'error' e 'success'.\n * @default 'info'\n /\n @Prop({ reflect: true }) state: TooltipState = 'info'\n\n /\n Define se o tooltip deve ser exibido automaticamente.\n * Quando definido como true, o tooltip será exibido automaticamente.\n * Quando definido como false, o tooltip será exibido apenas quando acionado pelo usuário.\n * @default false\n /\n @Prop({ reflect: true }) isAutoVisible: boolean = false\n\n /\n Define o atraso em milissegundos para exibir o tooltip.\n * @default null\n /\n @Prop({ reflect: true }) showDelay: number = null\n\n /\n Define o atraso em milissegundos para ocultar o tooltip.\n * @default null\n /\n @Prop({ reflect: true }) hideDelay: number = null\n\n /\n Define a visibilidade do tooltip.\n * Quando definido como true, o tooltip será exibido.\n * Quando definido como false, o tooltip será ocultado.\n * @default false\n /\n @State() isVisible: boolean = false\n\n /\n Watcher para monitorar alterações na propriedade `isVisible`.\n * @param visible boolean\n * @returns void\n /\n @Watch('isVisible')\n handleVisibilityChange(visible: boolean) {\n if (this.contentElement == null) return\n\n if (visible) {\n this.positionTooltip()\n this.brDidOpen.emit()\n } else {\n this.clearAutoUpdate?.()\n this.clearAutoUpdate = undefined\n this.brDidClose.emit()\n }\n }\n\n /\n Evento emitido quando o tooltip é aberto.\n /\n @Event() brDidOpen: EventEmitter<void>\n\n /\n Evento emitido quando o tooltip é fechado.\n /\n @Event() brDidClose: EventEmitter<void>\n\n /\n Listener para o evento de foco no elemento acionador.\n * Este evento é utilizado para exibir o tooltip quando o elemento acionador recebe foco.\n /\n @Listen('focusin')\n handleFocusIn() {\n if (!this.fromPointerDown) {\n this.showContent()\n }\n this.fromPointerDown = false\n }\n\n /\n Listener para o evento de desfoque no elemento acionador.\n * Este evento é utilizado para ocultar o tooltip quando o elemento acionador perde o foco.\n /\n @Listen('focusout')\n handleFocusOut() {\n this.hideContent()\n }\n\n /\n Listener para o evento de teclado no documento.\n * Este evento é utilizado para fechar o tooltip quando a tecla Escape é pressionada.\n * @param event KeyboardEvent\n /\n @Listen('keydown', { target: 'document' })\n handleKeyDown(event: KeyboardEvent) {\n if (event.key === 'Escape') {\n event.preventDefault()\n this.hideContent()\n this.triggerElement?.focus()\n }\n }\n\n private floatingManager: FloatingUIManager\n\n /\n Elemento que aciona a exibição do tooltip.\n * Este elemento é referenciado para garantir que o tooltip seja posicionado corretamente em relação a ele.\n /\n private triggerElement: HTMLDivElement\n\n /\n Elemento que contém o conteúdo do tooltip.\n * Este elemento é referenciado para garantir que o tooltip seja posicionado corretamente em relação a ele.\n /\n private contentElement: HTMLDivElement\n\n /\n Elemento que representa a seta do tooltip.\n * Este elemento é utilizado para indicar a direção do tooltip em relação ao elemento acionador.\n /\n private arrowElement: HTMLDivElement\n\n /\n Função de limpeza para atualizar a posição do tooltip automaticamente.\n * Esta função é chamada quando o tooltip não está mais visível ou quando o componente é desconectado.\n * Isso garante que o tooltip não consuma recursos desnecessários quando não estiver em uso.\n /\n private clearAutoUpdate: () => void\n\n /\n Tempo limite para exibir o tooltip automaticamente.\n /\n private showTimer: ReturnType<typeof setTimeout>\n\n /\n Tempo limite para ocultar o tooltip.\n /\n private hideTimer: ReturnType<typeof setTimeout>\n\n /\n Indica se o tooltip foi acionado por um clique do mouse.\n * Isso é utilizado para evitar conflito com o acionamento por foco.\n /\n private fromPointerDown: boolean = false\n\n /\n Controla a exibição do tooltip.\n * Quando o tooltip é exibido, ele é posicionado em relação ao elemento acionador.\n * Isso é feito utilizando a biblioteca Floating UI, que calcula a posição ideal do tooltip com base no espaço disponível na tela.\n * A função `autoUpdate` é utilizada para atualizar automaticamente a posição do tooltip quando o elemento acionador é movido ou redimensionado.\n /\n private positionTooltip() {\n if (this.triggerElement == null \|\| this.contentElement == null) return\n\n this.floatingManager = new FloatingUIManager({\n triggerElement: this.triggerElement,\n contentElement: this.contentElement,\n arrowElement: this.arrowElement,\n placement: this.position,\n })\n\n this.floatingManager.start()\n }\n\n private cleanupPositioning() {\n this.floatingManager?.stop()\n }\n\n /\n Define os eventos de interação do tooltip.\n * Os eventos de interação incluem mouseenter, mouseleave, focus e blur.\n * @returns void\n /\n private setupInteractions() {\n if (this.triggerElement == null \|\| this.contentElement == null) return\n\n if (this.type === 'standard') {\n this.triggerElement.addEventListener('mouseenter', this.showContent)\n this.triggerElement.addEventListener('mouseleave', this.hideContent)\n }\n\n if (this.type === 'popover') {\n this.triggerElement.addEventListener('pointerdown', this.toggleContent)\n }\n\n if (this.isAutoVisible) {\n requestAnimationFrame(() => {\n this.clearShowTimer()\n this.setShowTimer()\n })\n }\n }\n\n /\n Alterna a exibição do tooltip.\n * Se o tooltip estiver visível, ele será ocultado.\n * Se o tooltip estiver oculto, ele será exibido.\n /\n private toggleContent = () => {\n this.fromPointerDown = true\n\n if (this.isVisible) {\n this.hideContent()\n } else {\n this.showContent()\n }\n }\n\n /\n Processa as ações relacionadas à exibição do tooltip.\n * Isso inclui exibir o tooltip e iniciar o tempo limite de ocultação automática.\n * @returns void\n /\n private showContent = () => {\n if (this.contentElement == null) return\n\n this.isVisible = true\n\n if (this.isAutoVisible) {\n if (this.hideDelay !== null) {\n this.clearHideTimer()\n this.setHideTimer()\n }\n }\n\n if (this.type === 'popover') {\n document.addEventListener('click', this.handleOutsideClick)\n }\n }\n\n /\n Processa as ações relacionadas ao fechamento do tooltip.\n * Isso inclui ocultar o tooltip e limpar o tempo limite de ocultação automática.\n * @returns void\n /\n private hideContent = () => {\n if (this.contentElement == null) return\n\n this.isVisible = false\n\n if (this.type === 'popover') {\n document.removeEventListener('click', this.handleOutsideClick)\n requestAnimationFrame(() => this.contentElement?.focus())\n }\n }\n\n /\n Configura o tempo limite para exibir o tooltip automaticamente.\n * O tempo limite é definido pelo valor da propriedade `showDelay`.\n /\n private setShowTimer() {\n this.showTimer = setTimeout(() => {\n this.showContent()\n }, this.showDelay \|\| 0)\n }\n\n /\n Limpa o tempo limite de exibição automática do tooltip.\n /\n private clearShowTimer() {\n if (this.showTimer !== undefined) {\n clearTimeout(this.showTimer)\n this.showTimer = undefined\n }\n }\n\n /\n Configura o tempo limite para ocultar o tooltip automaticamente.\n * O tempo limite é definido pelo valor da propriedade `hideDelay`.\n /\n private setHideTimer() {\n this.hideTimer = setTimeout(() => {\n this.hideContent()\n }, this.hideDelay)\n }\n\n /\n Limpa o tempo limite de ocultação automática do tooltip.\n /\n private clearHideTimer() {\n if (this.hideTimer !== undefined) {\n clearTimeout(this.hideTimer)\n this.hideTimer = undefined\n }\n }\n\n /\n Lida com cliques fora do tooltip.\n * É utilizado para o tooltip do tipo 'popover'.\n * @param event MouseEvent\n /\n private handleOutsideClick = (event: MouseEvent) => {\n const path = event.composedPath()\n\n if (\n this.isVisible &&\n this.type === 'popover' &&\n !path.includes(this.contentElement) &&\n !path.includes(this.triggerElement)\n ) {\n this.hideContent()\n }\n }\n\n /\n Determina o mapeamento de classes CSS do componente.\n * @returns Um objeto que representa o mapeamento de classes CSS do componente.\n /\n private getCssClassMap(): CssClassMap {\n return {\n 'br-tooltip': true,\n }\n }\n\n /\n Determina o mapeamento de classes CSS do trigger.\n * @returns Um objeto que representa o mapeamento de classes CSS do trigger.\n /\n private getTriggerCssClassMap(): CssClassMap {\n return {\n trigger: true,\n }\n }\n\n /\n Determina o mapeamento de classes CSS do conteúdo.\n * @returns Um objeto que representa o mapeamento de classes CSS do conteúdo.\n /\n private getContentCssClassMap(): CssClassMap {\n return {\n 'is-visible': this.isVisible,\n content: true,\n popover: this.type === 'popover',\n large: this.density === 'large',\n medium: this.density === 'medium',\n small: this.density === 'small',\n info: this.state === 'info',\n warning: this.state === 'warning',\n error: this.state === 'error',\n success: this.state === 'success',\n }\n }\n\n /\n Determina o mapeamento de classes CSS da seta.\n * @returns Um objeto que representa o mapeamento de classes CSS da seta.\n /\n private getArrowCssClassMap(): CssClassMap {\n return {\n arrow: true,\n large: this.density === 'large',\n medium: this.density === 'medium',\n small: this.density === 'small',\n info: this.state === 'info',\n warning: this.state === 'warning',\n error: this.state === 'error',\n success: this.state === 'success',\n }\n }\n\n /\n Método do ciclo de vida do componente.\n * Este método é chamado uma única vez após o componente ser montado no DOM.\n /\n componentDidLoad() {\n if (typeof window === 'undefined') return\n this.setupInteractions()\n }\n\n /\n Método do ciclo de vida do componente.\n * Este método é chamado quando o componente é desconectado do DOM.\n /\n disconnectedCallback() {\n if (this.type === 'standard') {\n this.triggerElement?.removeEventListener('mouseenter', this.showContent)\n this.triggerElement?.removeEventListener('mouseleave', this.hideContent)\n } else if (this.type === 'popover') {\n this.triggerElement?.removeEventListener('pointerdown', this.toggleContent)\n document.removeEventListener('click', this.handleOutsideClick)\n }\n\n this.cleanupPositioning()\n\n this.clearShowTimer()\n this.clearHideTimer()\n }\n\n /\n Renderiza o componente.\n * Este método é responsável por gerar o conteúdo HTML do componente.\n * Ele utiliza a função `h` do Stencil para criar elementos JSX.\n * @returns JSX.Element\n */\n render() {\n return (\n <Host>\n <div id={this.customId} class={this.getCssClassMap()}>\n <div\n class={this.getTriggerCssClassMap()}\n ref={(el) => (this.triggerElement = el as HTMLDivElement)}\n aria-describedby={`${this.customId}-content`}\n aria-expanded={this.isVisible ? 'true' : 'false'}\n aria-controls={`${this.customId}-content`}\n role=\"button\"\n tabindex=\"-1 \"\n >\n <slot name=\"trigger\"></slot>\n </div>\n <div\n id={`${this.customId}-content`}\n class={this.getContentCssClassMap()}\n ref={(el) => (this.contentElement = el as HTMLDivElement)}\n role={this.type === 'popover' ? 'dialog' : 'tooltip'}\n tabindex=\"-1\"\n >\n <slot name=\"content\"></slot>\n {this.type === 'popover' && (\n <br-button\n class=\"close\"\n shape=\"circle\"\n density=\"small\"\n onClick={this.hideContent}\n aria-label=\"Fechar popover\"\n >\n <br-icon icon-name=\"fa6-solid:xmark\"></br-icon>\n </br-button>\n )}\n <div class={this.getArrowCssClassMap()} ref={(el) => (this.arrowElement = el as HTMLDivElement)}></div>\n </div>\n </div>\n </Host>\n )\n }\n}\n"]}
1	+ {"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../../../packages/webcomponents/src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n AttachInternals,\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\n\nimport { FloatingUIManager } from '../../utils/floating-ui'\nimport Helpers from '../../utils/helpers'\nimport { CssClassMap } from '../../utils/interfaces'\n\ntype TooltipPosition = 'top' \| 'bottom' \| 'left' \| 'right'\ntype TooltipType = 'standard' \| 'popover'\ntype TooltipDensity = 'large' \| 'medium' \| 'small'\ntype TooltipState = 'info' \| 'warning' \| 'error' \| 'success'\n\n/*\n Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https:\n \n @slot trigger - Área para o elemento acionador do tooltip.\n * @slot content - Área para o conteúdo do tooltip.\n /\n@Component({\n tag: 'br-tooltip',\n styleUrl: 'tooltip.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Tooltip {\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: HTMLBrTooltipElement\n\n /\n Referência ao elemento Internals do componente.\n * O elemento Internals fornece uma interface para acessar e manipular o estado interno do componente.\n * Isso é útil para componentes que precisam se integrar com o sistema de formulários nativo do navegador.\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 }) customId: string = Helpers.generateUniqueId()\n\n /\n Define a posição do tooltip em relação ao elemento acionador.\n * As opções disponíveis são: 'top', 'bottom', 'left' e 'right'.\n * @default 'top'\n /\n @Prop({ reflect: true }) position: TooltipPosition = 'top'\n\n /\n Define o tipo de tooltip a ser exibido.\n * As opções disponíveis são: 'standard' e 'popover'.\n * O tipo 'standard' exibe um tooltip simples, enquanto o tipo 'popover' exibe um tooltip com mais informações e fechamento por interação.\n * @default 'standard'\n /\n @Prop({ reflect: true }) type: TooltipType = 'standard'\n\n /\n Define a densidade do tooltip.\n * As opções disponíveis são: 'large', 'medium' e 'small'.\n * A densidade 'small' exibe um tooltip mais compacto, enquanto a densidade 'large' exibe um tooltip mais espaçado.\n * @default 'medium'\n /\n @Prop({ reflect: true }) density: TooltipDensity = 'medium'\n\n /\n Define o estado do tooltip.\n * Os estados disponíveis são: 'info', 'warning', 'error' e 'success'.\n * @default 'info'\n /\n @Prop({ reflect: true }) state: TooltipState = 'info'\n\n /\n Define se o tooltip deve ser exibido automaticamente.\n * Quando definido como true, o tooltip será exibido automaticamente.\n * Quando definido como false, o tooltip será exibido apenas quando acionado pelo usuário.\n * @default false\n /\n @Prop({ reflect: true }) isAutoVisible: boolean = false\n\n /\n Define o atraso em milissegundos para exibir o tooltip.\n * @default null\n /\n @Prop({ reflect: true }) showDelay: number = null\n\n /\n Define o atraso em milissegundos para ocultar o tooltip.\n * @default null\n /\n @Prop({ reflect: true }) hideDelay: number = null\n\n /\n Define a visibilidade do tooltip.\n * Quando definido como true, o tooltip será exibido.\n * Quando definido como false, o tooltip será ocultado.\n * @default false\n /\n @State() isVisible: boolean = false\n\n /\n Watcher para monitorar alterações na propriedade `isVisible`.\n * @param visible boolean\n * @returns void\n /\n @Watch('isVisible')\n handleVisibilityChange(visible: boolean) {\n if (this.contentElement == null) return\n\n if (visible) {\n this.positionTooltip()\n this.brDidOpen.emit()\n } else {\n this.clearAutoUpdate?.()\n this.clearAutoUpdate = undefined\n this.brDidClose.emit()\n }\n }\n\n /\n Evento emitido quando o tooltip é aberto.\n /\n @Event() brDidOpen: EventEmitter<void>\n\n /\n Evento emitido quando o tooltip é fechado.\n /\n @Event() brDidClose: EventEmitter<void>\n\n /\n Listener para o evento de foco no elemento acionador.\n * Este evento é utilizado para exibir o tooltip quando o elemento acionador recebe foco.\n /\n @Listen('focusin')\n handleFocusIn() {\n if (!this.fromPointerDown) {\n this.showContent()\n }\n this.fromPointerDown = false\n }\n\n /\n Listener para o evento de desfoque no elemento acionador.\n * Este evento é utilizado para ocultar o tooltip quando o elemento acionador perde o foco.\n /\n @Listen('focusout')\n handleFocusOut() {\n this.hideContent()\n }\n\n /\n Listener para o evento de teclado no documento.\n * Este evento é utilizado para fechar o tooltip quando a tecla Escape é pressionada.\n * @param event KeyboardEvent\n /\n @Listen('keydown', { target: 'document' })\n handleKeyDown(event: KeyboardEvent) {\n if (event.key === 'Escape') {\n event.preventDefault()\n this.hideContent()\n this.triggerElement?.focus()\n }\n }\n\n private floatingManager: FloatingUIManager\n\n /\n Elemento que aciona a exibição do tooltip.\n * Este elemento é referenciado para garantir que o tooltip seja posicionado corretamente em relação a ele.\n /\n private triggerElement: HTMLDivElement\n\n /\n Elemento que contém o conteúdo do tooltip.\n * Este elemento é referenciado para garantir que o tooltip seja posicionado corretamente em relação a ele.\n /\n private contentElement: HTMLDivElement\n\n /\n Elemento que representa a seta do tooltip.\n * Este elemento é utilizado para indicar a direção do tooltip em relação ao elemento acionador.\n /\n private arrowElement: HTMLDivElement\n\n /\n Função de limpeza para atualizar a posição do tooltip automaticamente.\n * Esta função é chamada quando o tooltip não está mais visível ou quando o componente é desconectado.\n * Isso garante que o tooltip não consuma recursos desnecessários quando não estiver em uso.\n /\n private clearAutoUpdate: () => void\n\n /\n Tempo limite para exibir o tooltip automaticamente.\n /\n private showTimer: ReturnType<typeof setTimeout>\n\n /\n Tempo limite para ocultar o tooltip.\n /\n private hideTimer: ReturnType<typeof setTimeout>\n\n /\n Indica se o tooltip foi acionado por um clique do mouse.\n * Isso é utilizado para evitar conflito com o acionamento por foco.\n /\n private fromPointerDown: boolean = false\n\n /\n Controla a exibição do tooltip.\n * Quando o tooltip é exibido, ele é posicionado em relação ao elemento acionador.\n * Isso é feito utilizando a biblioteca Floating UI, que calcula a posição ideal do tooltip com base no espaço disponível na tela.\n * A função `autoUpdate` é utilizada para atualizar automaticamente a posição do tooltip quando o elemento acionador é movido ou redimensionado.\n /\n private positionTooltip() {\n if (this.triggerElement == null \|\| this.contentElement == null) return\n\n this.floatingManager = new FloatingUIManager({\n triggerElement: this.triggerElement,\n contentElement: this.contentElement,\n arrowElement: this.arrowElement,\n placement: this.position,\n })\n\n this.floatingManager.start()\n }\n\n private cleanupPositioning() {\n this.floatingManager?.stop()\n }\n\n /\n Define os eventos de interação do tooltip.\n * Os eventos de interação incluem mouseenter, mouseleave, focus e blur.\n * @returns void\n /\n private setupInteractions() {\n if (this.triggerElement == null \|\| this.contentElement == null) return\n\n if (this.type === 'standard') {\n this.triggerElement.addEventListener('mouseenter', this.showContent)\n this.triggerElement.addEventListener('mouseleave', this.hideContent)\n }\n\n if (this.type === 'popover') {\n this.triggerElement.addEventListener('pointerdown', this.toggleContent)\n }\n\n if (this.isAutoVisible) {\n requestAnimationFrame(() => {\n this.clearShowTimer()\n this.setShowTimer()\n })\n }\n }\n\n /\n Alterna a exibição do tooltip.\n * Se o tooltip estiver visível, ele será ocultado.\n * Se o tooltip estiver oculto, ele será exibido.\n /\n private toggleContent = () => {\n this.fromPointerDown = true\n\n if (this.isVisible) {\n this.hideContent()\n } else {\n this.showContent()\n }\n }\n\n /\n Processa as ações relacionadas à exibição do tooltip.\n * Isso inclui exibir o tooltip e iniciar o tempo limite de ocultação automática.\n * @returns void\n /\n private showContent = () => {\n if (this.contentElement == null) return\n\n this.isVisible = true\n\n if (this.isAutoVisible) {\n if (this.hideDelay !== null) {\n this.clearHideTimer()\n this.setHideTimer()\n }\n }\n\n if (this.type === 'popover') {\n document.addEventListener('click', this.handleOutsideClick)\n }\n }\n\n /\n Processa as ações relacionadas ao fechamento do tooltip.\n * Isso inclui ocultar o tooltip e limpar o tempo limite de ocultação automática.\n * @returns void\n /\n private hideContent = () => {\n if (this.contentElement == null) return\n\n this.isVisible = false\n\n if (this.type === 'popover') {\n document.removeEventListener('click', this.handleOutsideClick)\n requestAnimationFrame(() => this.contentElement?.focus())\n }\n }\n\n /\n Configura o tempo limite para exibir o tooltip automaticamente.\n * O tempo limite é definido pelo valor da propriedade `showDelay`.\n /\n private setShowTimer() {\n this.showTimer = setTimeout(() => {\n this.showContent()\n }, this.showDelay \|\| 0)\n }\n\n /\n Limpa o tempo limite de exibição automática do tooltip.\n /\n private clearShowTimer() {\n if (this.showTimer !== undefined) {\n clearTimeout(this.showTimer)\n this.showTimer = undefined\n }\n }\n\n /\n Configura o tempo limite para ocultar o tooltip automaticamente.\n * O tempo limite é definido pelo valor da propriedade `hideDelay`.\n /\n private setHideTimer() {\n this.hideTimer = setTimeout(() => {\n this.hideContent()\n }, this.hideDelay)\n }\n\n /\n Limpa o tempo limite de ocultação automática do tooltip.\n /\n private clearHideTimer() {\n if (this.hideTimer !== undefined) {\n clearTimeout(this.hideTimer)\n this.hideTimer = undefined\n }\n }\n\n /\n Lida com cliques fora do tooltip.\n * É utilizado para o tooltip do tipo 'popover'.\n * @param event MouseEvent\n /\n private handleOutsideClick = (event: MouseEvent) => {\n const path = event.composedPath()\n\n if (\n this.isVisible &&\n this.type === 'popover' &&\n !path.includes(this.contentElement) &&\n !path.includes(this.triggerElement)\n ) {\n this.hideContent()\n }\n }\n\n /\n Determina o mapeamento de classes CSS do componente.\n * @returns Um objeto que representa o mapeamento de classes CSS do componente.\n /\n private getCssClassMap(): CssClassMap {\n return {\n 'br-tooltip': true,\n }\n }\n\n /\n Determina o mapeamento de classes CSS do trigger.\n * @returns Um objeto que representa o mapeamento de classes CSS do trigger.\n /\n private getTriggerCssClassMap(): CssClassMap {\n return {\n trigger: true,\n }\n }\n\n /\n Determina o mapeamento de classes CSS do conteúdo.\n * @returns Um objeto que representa o mapeamento de classes CSS do conteúdo.\n /\n private getContentCssClassMap(): CssClassMap {\n return {\n 'is-visible': this.isVisible,\n content: true,\n popover: this.type === 'popover',\n large: this.density === 'large',\n medium: this.density === 'medium',\n small: this.density === 'small',\n info: this.state === 'info',\n warning: this.state === 'warning',\n error: this.state === 'error',\n success: this.state === 'success',\n }\n }\n\n /\n Determina o mapeamento de classes CSS da seta.\n * @returns Um objeto que representa o mapeamento de classes CSS da seta.\n /\n private getArrowCssClassMap(): CssClassMap {\n return {\n arrow: true,\n large: this.density === 'large',\n medium: this.density === 'medium',\n small: this.density === 'small',\n info: this.state === 'info',\n warning: this.state === 'warning',\n error: this.state === 'error',\n success: this.state === 'success',\n }\n }\n\n /\n Método do ciclo de vida do componente.\n * Este método é chamado uma única vez após o componente ser montado no DOM.\n /\n componentDidLoad() {\n if (typeof window === 'undefined') return\n this.setupInteractions()\n }\n\n /\n Método do ciclo de vida do componente.\n * Este método é chamado quando o componente é desconectado do DOM.\n /\n disconnectedCallback() {\n if (this.type === 'standard') {\n this.triggerElement?.removeEventListener('mouseenter', this.showContent)\n this.triggerElement?.removeEventListener('mouseleave', this.hideContent)\n } else if (this.type === 'popover') {\n this.triggerElement?.removeEventListener('pointerdown', this.toggleContent)\n document.removeEventListener('click', this.handleOutsideClick)\n }\n\n this.cleanupPositioning()\n\n this.clearShowTimer()\n this.clearHideTimer()\n }\n\n /\n Renderiza o componente.\n * Este método é responsável por gerar o conteúdo HTML do componente.\n * Ele utiliza a função `h` do Stencil para criar elementos JSX.\n * @returns JSX.Element\n */\n render() {\n return (\n <Host>\n <div id={this.customId} class={this.getCssClassMap()}>\n <div\n class={this.getTriggerCssClassMap()}\n ref={(el) => (this.triggerElement = el as HTMLDivElement)}\n aria-describedby={`${this.customId}-content`}\n aria-expanded={this.isVisible ? 'true' : 'false'}\n aria-controls={`${this.customId}-content`}\n role=\"button\"\n tabindex=\"-1 \"\n >\n <slot name=\"trigger\"></slot>\n </div>\n <div\n id={`${this.customId}-content`}\n class={this.getContentCssClassMap()}\n ref={(el) => (this.contentElement = el as HTMLDivElement)}\n role={this.type === 'popover' ? 'dialog' : 'tooltip'}\n tabindex=\"-1\"\n >\n <slot name=\"content\"></slot>\n {this.type === 'popover' && (\n <br-button\n class=\"close\"\n shape=\"circle\"\n density=\"small\"\n onClick={this.hideContent}\n aria-label=\"Fechar popover\"\n >\n <br-icon icon-name=\"fa6-solid:xmark\"></br-icon>\n </br-button>\n )}\n <div class={this.getArrowCssClassMap()} ref={(el) => (this.arrowElement = el as HTMLDivElement)}></div>\n </div>\n </div>\n </Host>\n )\n }\n}\n"]}

package/dist/collection/components/upload/upload.js CHANGED Viewed

@@ -115,9 +115,8 @@ export class Upload {
         });
     }
     handleDrop(event) {
-        var _a;
         event.preventDefault();
-        const files = (_a = event.dataTransfer) === null || _a === void 0 ? void 0 : _a.files;
+        const files = event.dataTransfer?.files;
         if (files && files.length > 0) {
             this.onInputChange(files);
         }
@@ -130,7 +129,7 @@ export class Upload {
         fileInput.click();
     }
     render() {
-        return (h(Host, { key: '7f44a54780bde92cc109bff1bda694f5b1eb7805' }, h("div", { key: 'b0079f18f94f6f6ed1fd0d85573849047767e3cf', class: this.getCssClassMap() }, h("label", { key: 'd09c431936c15e7b1928e7c246b96c34604ad324', class: "upload-label", form: "single-file" }, h("span", { key: '40d6b9d201e2d951a3480db47a933bd61baeecf1' }, this.label)), h("button", { key: '67305359767dc99fb780f5794f82d8752230612b', class: "upload-button", type: "button", tabIndex: this.disabled ? -1 : 0, disabled: this.disabled, "aria-label": "Selecionar arquivo para upload", onClick: () => this.handleFileSelection(), onDrop: (event) => this.handleDrop(event), onDragOver: (event) => this.handleDragOver(event) }, h("br-icon", { key: '1be74f721f9cc9471a6003b8a20e3d6c0eb6758d', "icon-name": "fa-solid:upload", height: "16", "aria-hidden": "true" }), h("span", { key: '918b3598cb5404f801e6f67a6992c75ba1b478b3' }, "Selecione o arquivo")), h("input", { key: '8f37e74bfed4da0d016a2f2aad4364f9c8fd4972', class: "upload-input", id: "single-file", type: "file", "aria-label": "enviar arquivo", onChange: this.handleInputChange, multiple: this.multiple, disabled: this.disabled, accept: this.accept }), h("div", { key: '111de08d9ea67d406fee12b72aa546e30ee806d1', id: "list-files", class: "upload-list" }, this.filesSelected ? this.renderFilesUploaded() : null))));
+        return (h(Host, { key: '89daa1d20eb69ae0286d24fd8d58903e059b0d8e' }, h("div", { key: '5dcdb3b535b27886550f25b8ecb749e7834ac836', class: this.getCssClassMap() }, h("label", { key: '25c3410df84817ead004aea4909ead77ebfadfd8', class: "upload-label", form: "single-file" }, h("span", { key: 'f28e0e488733fa08695be1c66c07e8eb0a92d090' }, this.label)), h("button", { key: '7aa873b9238d64c557b60d4846d3189b28802d7f', class: "upload-button", type: "button", tabIndex: this.disabled ? -1 : 0, disabled: this.disabled, "aria-label": "Selecionar arquivo para upload", onClick: () => this.handleFileSelection(), onDrop: (event) => this.handleDrop(event), onDragOver: (event) => this.handleDragOver(event) }, h("br-icon", { key: '088a7977d3e191f98b43f9150fde4886d810c80a', "icon-name": "fa-solid:upload", height: "16", "aria-hidden": "true" }), h("span", { key: '37ba22a6651c3bb0db5644021da712d8900d42a3' }, "Selecione o arquivo")), h("input", { key: '1e085832047cfb095f4cb692239d827a734da31b', class: "upload-input", id: "single-file", type: "file", "aria-label": "enviar arquivo", onChange: this.handleInputChange, multiple: this.multiple, disabled: this.disabled, accept: this.accept }), h("div", { key: 'c4a6b6971ca21cd65d193f4dccf3f68ade18cf76', id: "list-files", class: "upload-list" }, this.filesSelected ? this.renderFilesUploaded() : null))));
     }
     static get is() { return "br-upload"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/upload/upload.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"upload.js","sourceRoot":"","sources":["../../../../../../packages/webcomponents/src/components/upload/upload.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AttachInternals, Component, Element, h, Host, Prop, State } from '@stencil/core'\n\nimport { CssClassMap } from '../../utils/interfaces'\n\nenum UploadState {\n INFO = 'info',\n WARNING = 'warning',\n DANGER = 'danger',\n SUCCESS = 'success',\n}\n\n/*\n Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/upload?tab=designer).\n \n @slot default - Descrição do slot\n /\n@Component({\n tag: 'br-upload',\n styleUrl: 'upload.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Upload {\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!: HTMLBrUploadElement\n\n /\n Tipos de arquivo permitidos (ex: 'image/').\n Esta propriedade define quais tipos de arquivos podem ser selecionados para upload.\n /\n @Prop() accept: string = ''\n\n /\n Texto descritivo do campo de upload.\n * Este é o texto que é mostrado no label do textarea.\n /\n @Prop() label: string = 'Envio de arquivo'\n\n /\n Evento emitido quando um arquivo é selecionado.\n * Este estado armazena os arquivos que foram selecionados pelo usuário.\n /\n @State() filesSelected: FileList \| null = null\n\n /\n Referência ao elemento de arquivo selecionado.\n * Este estado armazena o arquivo que foi selecionado para upload.\n /\n @State() file: File \| null = null\n\n /\n Indica se o componente está desativado.\n * Quando definido como `true`, o campo de upload se torna não interativo,\n * impedindo que o usuário selecione ou envie arquivos.\n * Isso é útil para controlar a interação do usuário em situações específicas,\n * como durante o carregamento de dados ou quando o formulário está em um estado inválido.\n /\n @Prop({ reflect: true }) disabled: boolean = false\n\n /\n Define o estado visual da mensagem.\n * Os possíveis valores são:\n * - 'info': Mensagem informativa.\n * - 'warning': Mensagem de aviso.\n * - 'danger': Mensagem de erro ou alerta.\n * - 'success': Mensagem de sucesso.\n * O valor padrão é 'info'.\n /\n @Prop({ reflect: true }) state: string = UploadState.INFO\n\n /\n Indica se o componente permite a seleção de múltiplos arquivos.\n * Quando definido como `true`, o usuário pode selecionar mais de um arquivo para upload.\n */\n @Prop() multiple: boolean = false\n\n @AttachInternals() elementInternals: ElementInternals\n\n private getCssClassMap(): CssClassMap {\n return {\n 'br-upload': true,\n [this.state]: true,\n }\n }\n\n private handleRemoveFileSelection(file: File) {\n const newArrayFilter = Array.from(this.filesSelected).filter((f) => f !== file)\n this.filesSelected = newArrayFilter as unknown as FileList\n const fileInput = this.el.shadowRoot.getElementById('single-file') as HTMLInputElement\n fileInput.value = ''\n }\n\n private renderFilesUploaded() {\n const fileSizes = this._calculateFileSize(this.filesSelected)\n\n return fileSizes.map(({ file, size }) => {\n return (\n <div class=\"br-item d-flex\" key={file.name}>\n <div class=\"content text-primary-default mr-auto\">{file.name}</div>\n <div class=\"support mr-n2\">\n <span class=\"\">{size}</span>\n <br-button\n shape=\"circle\"\n type=\"button\"\n aria-label=\"Remover arquivo\"\n onClick={() => this.handleRemoveFileSelection(file)}\n >\n <br-icon icon-name=\"fa-solid:trash\" aria-hidden=\"true\"></br-icon>\n </br-button>\n </div>\n </div>\n )\n })\n }\n\n private onInputChange(files: FileList) {\n if (files.length === 1) {\n this.filesSelected = files\n } else if (files.length > 0) {\n this.filesSelected = files\n } else {\n console.error(files.length === 0 ? 'NENHUM ARQUIVO ENVIADO' : 'VOCÊ SÓ PODE ENVIAR UM ARQUIVO POR VEZ')\n\n return false\n }\n }\n\n private _calculateFileSize(files: FileList) {\n return Array.from(files).map((file) => {\n let sOutput = ''\n const aMultiples = ['KB', 'MB', 'GB', 'TB']\n let nMultiple = 0\n let nApprox = file.size / 1024\n\n if (nApprox < 1) {\n sOutput = `${file.size} bytes`\n } else {\n while (nApprox > 1 && nMultiple < aMultiples.length) {\n sOutput = `${nApprox.toFixed(2)} ${aMultiples[nMultiple]}`\n nApprox /= 1024\n nMultiple++\n }\n }\n\n return { file: file, size: sOutput \|\| 0 }\n })\n }\n\n private handleDrop(event: DragEvent) {\n event.preventDefault()\n const files = event.dataTransfer?.files\n if (files && files.length > 0) {\n this.onInputChange(files)\n }\n }\n\n private handleDragOver(event: DragEvent) {\n event.preventDefault()\n }\n\n private handleFileSelection() {\n const fileInput = this.el.shadowRoot.getElementById('single-file') as HTMLInputElement\n fileInput.click()\n }\n\n private readonly handleInputChange = (event: Event) => {\n const target = event.target as HTMLInputElement\n this.onInputChange(target.files)\n }\n\n render() {\n return (\n <Host>\n <div class={this.getCssClassMap()}>\n <label class=\"upload-label\" form=\"single-file\">\n <span>{this.label}</span>\n </label>\n <button\n class=\"upload-button\"\n type=\"button\"\n tabIndex={this.disabled ? -1 : 0}\n disabled={this.disabled}\n aria-label=\"Selecionar arquivo para upload\"\n onClick={() => this.handleFileSelection()}\n onDrop={(event) => this.handleDrop(event)}\n onDragOver={(event) => this.handleDragOver(event)}\n >\n <br-icon icon-name=\"fa-solid:upload\" height=\"16\" aria-hidden=\"true\"></br-icon>\n <span>Selecione o arquivo</span>\n </button>\n\n <input\n class=\"upload-input\"\n id=\"single-file\"\n type=\"file\"\n aria-label=\"enviar arquivo\"\n onChange={this.handleInputChange}\n multiple={this.multiple}\n disabled={this.disabled}\n accept={this.accept}\n />\n <div id=\"list-files\" class=\"upload-list\">\n {this.filesSelected ? this.renderFilesUploaded() : null}\n </div>\n </div>\n </Host>\n )\n }\n}\n"]}
1	+ {"version":3,"file":"upload.js","sourceRoot":"","sources":["../../../../../../packages/webcomponents/src/components/upload/upload.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AttachInternals, Component, Element, h, Host, Prop, State } from '@stencil/core'\n\nimport { CssClassMap } from '../../utils/interfaces'\n\nenum UploadState {\n INFO = 'info',\n WARNING = 'warning',\n DANGER = 'danger',\n SUCCESS = 'success',\n}\n\n/*\n Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/upload?tab=designer).\n \n @slot default - Descrição do slot\n /\n@Component({\n tag: 'br-upload',\n styleUrl: 'upload.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Upload {\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!: HTMLBrUploadElement\n\n /\n Tipos de arquivo permitidos (ex: 'image/').\n Esta propriedade define quais tipos de arquivos podem ser selecionados para upload.\n /\n @Prop() accept: string = ''\n\n /\n Texto descritivo do campo de upload.\n * Este é o texto que é mostrado no label do textarea.\n /\n @Prop() label: string = 'Envio de arquivo'\n\n /\n Evento emitido quando um arquivo é selecionado.\n * Este estado armazena os arquivos que foram selecionados pelo usuário.\n /\n @State() filesSelected: FileList \| null = null\n\n /\n Referência ao elemento de arquivo selecionado.\n * Este estado armazena o arquivo que foi selecionado para upload.\n /\n @State() file: File \| null = null\n\n /\n Indica se o componente está desativado.\n * Quando definido como `true`, o campo de upload se torna não interativo,\n * impedindo que o usuário selecione ou envie arquivos.\n * Isso é útil para controlar a interação do usuário em situações específicas,\n * como durante o carregamento de dados ou quando o formulário está em um estado inválido.\n /\n @Prop({ reflect: true }) disabled: boolean = false\n\n /\n Define o estado visual da mensagem.\n * Os possíveis valores são:\n * - 'info': Mensagem informativa.\n * - 'warning': Mensagem de aviso.\n * - 'danger': Mensagem de erro ou alerta.\n * - 'success': Mensagem de sucesso.\n * O valor padrão é 'info'.\n /\n @Prop({ reflect: true }) state: string = UploadState.INFO\n\n /\n Indica se o componente permite a seleção de múltiplos arquivos.\n * Quando definido como `true`, o usuário pode selecionar mais de um arquivo para upload.\n */\n @Prop() multiple: boolean = false\n\n @AttachInternals() elementInternals: ElementInternals\n\n private getCssClassMap(): CssClassMap {\n return {\n 'br-upload': true,\n [this.state]: true,\n }\n }\n\n private handleRemoveFileSelection(file: File) {\n const newArrayFilter = Array.from(this.filesSelected).filter((f) => f !== file)\n this.filesSelected = newArrayFilter as unknown as FileList\n const fileInput = this.el.shadowRoot.getElementById('single-file') as HTMLInputElement\n fileInput.value = ''\n }\n\n private renderFilesUploaded() {\n const fileSizes = this._calculateFileSize(this.filesSelected)\n\n return fileSizes.map(({ file, size }) => {\n return (\n <div class=\"br-item d-flex\" key={file.name}>\n <div class=\"content text-primary-default mr-auto\">{file.name}</div>\n <div class=\"support mr-n2\">\n <span class=\"\">{size}</span>\n <br-button\n shape=\"circle\"\n type=\"button\"\n aria-label=\"Remover arquivo\"\n onClick={() => this.handleRemoveFileSelection(file)}\n >\n <br-icon icon-name=\"fa-solid:trash\" aria-hidden=\"true\"></br-icon>\n </br-button>\n </div>\n </div>\n )\n })\n }\n\n private onInputChange(files: FileList) {\n if (files.length === 1) {\n this.filesSelected = files\n } else if (files.length > 0) {\n this.filesSelected = files\n } else {\n console.error(files.length === 0 ? 'NENHUM ARQUIVO ENVIADO' : 'VOCÊ SÓ PODE ENVIAR UM ARQUIVO POR VEZ')\n\n return false\n }\n }\n\n private _calculateFileSize(files: FileList) {\n return Array.from(files).map((file) => {\n let sOutput = ''\n const aMultiples = ['KB', 'MB', 'GB', 'TB']\n let nMultiple = 0\n let nApprox = file.size / 1024\n\n if (nApprox < 1) {\n sOutput = `${file.size} bytes`\n } else {\n while (nApprox > 1 && nMultiple < aMultiples.length) {\n sOutput = `${nApprox.toFixed(2)} ${aMultiples[nMultiple]}`\n nApprox /= 1024\n nMultiple++\n }\n }\n\n return { file: file, size: sOutput \|\| 0 }\n })\n }\n\n private handleDrop(event: DragEvent) {\n event.preventDefault()\n const files = event.dataTransfer?.files\n if (files && files.length > 0) {\n this.onInputChange(files)\n }\n }\n\n private handleDragOver(event: DragEvent) {\n event.preventDefault()\n }\n\n private handleFileSelection() {\n const fileInput = this.el.shadowRoot.getElementById('single-file') as HTMLInputElement\n fileInput.click()\n }\n\n private readonly handleInputChange = (event: Event) => {\n const target = event.target as HTMLInputElement\n this.onInputChange(target.files)\n }\n\n render() {\n return (\n <Host>\n <div class={this.getCssClassMap()}>\n <label class=\"upload-label\" form=\"single-file\">\n <span>{this.label}</span>\n </label>\n <button\n class=\"upload-button\"\n type=\"button\"\n tabIndex={this.disabled ? -1 : 0}\n disabled={this.disabled}\n aria-label=\"Selecionar arquivo para upload\"\n onClick={() => this.handleFileSelection()}\n onDrop={(event) => this.handleDrop(event)}\n onDragOver={(event) => this.handleDragOver(event)}\n >\n <br-icon icon-name=\"fa-solid:upload\" height=\"16\" aria-hidden=\"true\"></br-icon>\n <span>Selecione o arquivo</span>\n </button>\n\n <input\n class=\"upload-input\"\n id=\"single-file\"\n type=\"file\"\n aria-label=\"enviar arquivo\"\n onChange={this.handleInputChange}\n multiple={this.multiple}\n disabled={this.disabled}\n accept={this.accept}\n />\n <div id=\"list-files\" class=\"upload-list\">\n {this.filesSelected ? this.renderFilesUploaded() : null}\n </div>\n </div>\n </Host>\n )\n }\n}\n"]}

package/dist/collection/pages/components/card/index.js ADDED Viewed

@@ -0,0 +1,18 @@
+if (!window.elementsToListen && !window.eventsToListen) {
+  const elementsToListen = document.querySelectorAll('br-card')
+  const eventsToListen = ['click']
+  elementsToListen.forEach((domElement) => {
+    eventsToListen.forEach((event) => {
+      domElement.addEventListener(event, function (event) {
+        console.log({
+          Evento: event.type,
+          Elemento: domElement.outerHTML,
+          ...(event.detail && { Detail: event.detail }),
+          ...(event.data && { Data: event.data }),
+        })
+      })
+    })
+  })
+}

package/dist/collection/pages/scripts/menu.js CHANGED Viewed

@@ -159,6 +159,19 @@ const MENU_ITEMS = [
       'popover-position',
     ],
   },
+  {
+    path: 'card',
+    name: 'Card',
+    files: [
+      'default',
+      'completo-com-slots',
+      'apenas-header',
+      'apenas-content',
+      'apenas-footer',
+      'slot-default',
+      'desabilitado',
+    ],
+  },
   // NOVOS COMPONENTES - NÃO DELETAR
 ]

package/dist/collection/utils/floating-ui.js CHANGED Viewed

@@ -2,7 +2,6 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import { __awaiter } from "tslib";
 import { arrow, autoUpdate, computePosition, flip, hide, offset, shift } from "@floating-ui/dom";
 /**
  * FloatingUIManager é uma classe utilitária que gerencia o posicionamento de elementos flutuantes
@@ -11,11 +10,10 @@ import { arrow, autoUpdate, computePosition, flip, hide, offset, shift } from "@
  */
 export class FloatingUIManager {
     constructor(options) {
-        var _a;
         this.triggerElement = options.triggerElement;
         this.contentElement = options.contentElement;
         this.arrowElement = options.arrowElement;
-        this.placement = (_a = options.placement) !== null && _a !== void 0 ? _a : 'top';
+        this.placement = options.placement ?? 'top';
         this.onUpdate = options.onUpdate;
     }
     /**
@@ -28,8 +26,7 @@ export class FloatingUIManager {
      * Para o gerenciador Floating UI e limpa os recursos utilizados.
      */
     stop() {
-        var _a;
-        (_a = this.cleanupAutoUpdate) === null || _a === void 0 ? void 0 : _a.call(this);
+        this.cleanupAutoUpdate?.();
     }
     /**
      * Atualiza a posição do elemento flutuante com base no elemento disparador e no elemento de conteúdo.
@@ -39,18 +36,15 @@ export class FloatingUIManager {
      * Além disso, define o atributo de dados `data-placement` no elemento de conteúdo para refletir a posição atual.
      * @returns {Promise<void>} Uma promessa que resolve quando a posição é atualizada.
      */
-    updatePosition() {
-        return __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            const data = yield computePosition(this.triggerElement, this.contentElement, {
-                placement: this.placement,
-                middleware: this.buildMiddleware(),
-            });
-            this.updateTooltipPosition(data);
-            this.updateArrowPosition(data);
-            this.setPlacementDataAttribute(data);
-            (_a = this.onUpdate) === null || _a === void 0 ? void 0 : _a.call(this, data);
+    async updatePosition() {
+        const data = await computePosition(this.triggerElement, this.contentElement, {
+            placement: this.placement,
+            middleware: this.buildMiddleware(),
         });
+        this.updateTooltipPosition(data);
+        this.updateArrowPosition(data);
+        this.setPlacementDataAttribute(data);
+        this.onUpdate?.(data);
     }
     /**
      * Constrói os middlewares necessários para o Floating UI.

package/dist/collection/utils/floating-ui.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"floating-ui.js","sourceRoot":"","sources":["../../../../../packages/webcomponents/src/utils/floating-ui.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,IAAI,EAAE,IAAI,EAAc,MAAM,EAAa,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAkBvH;;;;GAIG;AACH,MAAM,OAAO,iBAAiB;IAQ5B,YAAY,OAAiC;;QAC3C,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,cAAc,CAAA;QAC5C,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,cAAc,CAAA;QAC5C,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,CAAA;QACxC,IAAI,CAAC,SAAS,GAAG,~~MAAA,~~OAAO,CAAC,SAAS,~~mCAAI~~,KAAK,CAAA;QAC3C,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAA;IAClC,CAAC;IAED;;OAEG;IACI,KAAK;QACV,IAAI,CAAC,iBAAiB,GAAG,UAAU,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAA;IAC5G,CAAC;IAED;;OAEG;IACI,IAAI;;QACT,~~MAAA,~~IAAI,CAAC,iBAAiB,~~oDAAI~~,CAAA;IAC5B,CAAC;IAED;;;;;;;OAOG;~~IACW~~,cAAc~~;;;YAC1B~~,MAAM,IAAI,GAAG,MAAM,eAAe,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE;~~gBAC3E~~,SAAS,EAAE,IAAI,CAAC,SAAS;~~gBACzB~~,UAAU,EAAE,IAAI,CAAC,eAAe,EAAE;~~aACnC~~,CAAC,CAAA;~~YAEF~~,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAA;~~YAChC~~,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAA;~~YAC9B~~,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,CAAA;~~YACpC~~,~~MAAA,~~IAAI,CAAC,QAAQ,~~qDAAG~~,IAAI,CAAC,CAAA;~~QACvB~~,CAAC;~~KAAA;~~IAED;;;;;OAKG;IACK,eAAe;QACrB,MAAM,UAAU,GAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAA;QACnF,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,EAAE,CAAC;YAC9B,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAA;QACxD,CAAC;QACD,OAAO,UAAU,CAAA;IACnB,CAAC;IAED;;;;;OAKG;IACK,qBAAqB,CAAC,IAA8B;QAC1D,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,CAAA;QACrB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE;YACvC,IAAI,EAAE,GAAG,CAAC,IAAI;YACd,GAAG,EAAE,GAAG,CAAC,IAAI;SACd,CAAC,CAAA;IACJ,CAAC;IAED;;;;;;;OAOG;IACK,mBAAmB,CAAC,IAAsF;QAChH,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,IAAI,IAAI,CAAC,cAAc,CAAC,KAAK,IAAI,IAAI;YAAE,OAAM;QAE1E,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAA;QAC1D,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;QAElD,MAAM,UAAU,GAAG;YACjB,GAAG,EAAE,QAAQ;YACb,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,OAAO;SACd,CAAC,aAAa,CAAC,CAAA;QAEhB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE;YACrC,IAAI,EAAE,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,EAAE;YACzC,GAAG,EAAE,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,EAAE;YACxC,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,CAAC,UAAU,CAAC,EAAE,MAAM;SACrB,CAAC,CAAA;IACJ,CAAC;IAED;;;;;;OAMG;IACK,yBAAyB,CAAC,IAA2B;QAC3D,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,gBAAgB,EAAE,IAAI,CAAC,SAAS,CAAC,CAAA;IACpE,CAAC;CACF","sourcesContent":["import { arrow, autoUpdate, computePosition, flip, hide, Middleware, offset, Placement, shift } from '@floating-ui/dom'\n\n/*\n FloatingUIManagerOptions define as opções para o FloatingUIManager.\n /\nexport interface FloatingUIManagerOptions {\n triggerElement: HTMLElement\n contentElement: HTMLElement\n arrowElement?: HTMLElement\n placement?: Placement\n onUpdate?: (data: {\n x: number\n y: number\n placement: string\n middlewareData: import('@floating-ui/dom').MiddlewareData\n }) => void\n}\n\n/\n FloatingUIManager é uma classe utilitária que gerencia o posicionamento de elementos flutuantes\n * como tooltips ou popovers em relação a um elemento de disparo (trigger).\n * Ela utiliza a biblioteca Floating UI para calcular posições e lidar com atualizações.\n /\nexport class FloatingUIManager {\n private triggerElement: HTMLElement\n private contentElement: HTMLElement\n private arrowElement?: HTMLElement\n private placement: Placement\n private onUpdate?: FloatingUIManagerOptions['onUpdate']\n private cleanupAutoUpdate?: () => void\n\n constructor(options: FloatingUIManagerOptions) {\n this.triggerElement = options.triggerElement\n this.contentElement = options.contentElement\n this.arrowElement = options.arrowElement\n this.placement = options.placement ?? 'top'\n this.onUpdate = options.onUpdate\n }\n\n /\n Inicia o gerenciador Floating UI configurando a atualização automática da posição.\n /\n public start() {\n this.cleanupAutoUpdate = autoUpdate(this.triggerElement, this.contentElement, () => this.updatePosition())\n }\n\n /\n Para o gerenciador Floating UI e limpa os recursos utilizados.\n /\n public stop() {\n this.cleanupAutoUpdate?.()\n }\n\n /\n Atualiza a posição do elemento flutuante com base no elemento disparador e no elemento de conteúdo.\n * Esta função é chamada automaticamente quando o gerenciador está ativo.\n * Ela calcula a nova posição usando a biblioteca Floating UI e aplica as transformações necessárias.\n * Também atualiza a posição da seta, se fornecida.\n * Além disso, define o atributo de dados `data-placement` no elemento de conteúdo para refletir a posição atual.\n * @returns {Promise<void>} Uma promessa que resolve quando a posição é atualizada.\n /\n private async updatePosition() {\n const data = await computePosition(this.triggerElement, this.contentElement, {\n placement: this.placement,\n middleware: this.buildMiddleware(),\n })\n\n this.updateTooltipPosition(data)\n this.updateArrowPosition(data)\n this.setPlacementDataAttribute(data)\n this.onUpdate?.(data)\n }\n\n /\n Constrói os middlewares necessários para o Floating UI.\n * Esses middlewares são usados para ajustar o posicionamento do elemento flutuante,\n * incluindo offset, flip, shift e hide. Se uma seta for fornecida, o middleware de seta também é adicionado.\n * @returns {Middleware[]} Retorna um array de middlewares configurados para o Floating UI.\n /\n private buildMiddleware(): Middleware[] {\n const middleware: Middleware[] = [offset(8), flip(), shift({ padding: 5 }), hide()]\n if (this.arrowElement != null) {\n middleware.push(arrow({ element: this.arrowElement }))\n }\n return middleware\n }\n\n /\n Adiciona o estilo necessário para posicionar o tooltip com base nas coordenadas fornecidas.\n * Esta função é chamada após o cálculo da posição do tooltip.\n * Ela aplica as propriedades CSS `left` e `top` ao elemento de conteúdo do tooltip.\n * @param data Contém as coordenadas x e y para posicionar o tooltip.\n /\n private updateTooltipPosition(data: { x: number; y: number }) {\n const { x, y } = data\n Object.assign(this.contentElement.style, {\n left: `${x}px`,\n top: `${y}px`,\n })\n }\n\n /\n Adiciona o estilo necessário para posicionar a seta do tooltip com base nos dados de middleware.\n * Esta função é chamada após o cálculo da posição do tooltip.\n * Ela aplica as propriedades CSS `left`, `top`, `right`, `bottom` e a posição estática da seta.\n * A posição estática é determinada com base na colocação do tooltip (top, right, bottom, left).\n * Se a seta não estiver presente ou os dados de middleware não contiverem informações sobre a seta, nada será feito.\n * @param data Contém a posição da seta e os dados de middleware.\n /\n private updateArrowPosition(data: { placement: string; middlewareData: import('@floating-ui/dom').MiddlewareData }) {\n if (this.arrowElement == null \|\| data.middlewareData.arrow == null) return\n\n const { x: arrowX, y: arrowY } = data.middlewareData.arrow\n const basePlacement = data.placement.split('-')[0]\n\n const staticSide = {\n top: 'bottom',\n right: 'left',\n bottom: 'top',\n left: 'right',\n }[basePlacement]\n\n Object.assign(this.arrowElement.style, {\n left: arrowX != null ? `${arrowX}px` : '',\n top: arrowY != null ? `${arrowY}px` : '',\n right: '',\n bottom: '',\n [staticSide]: '-4px',\n })\n }\n\n /\n Define o atributo de dados `data-placement` no elemento de conteúdo.\n * Este atributo é usado para indicar a posição atual do tooltip ou popover.\n * Ele é útil para fins de acessibilidade e para permitir que estilos CSS sejam aplicados com base na posição.\n * @param data Objeto contendo a propriedade `placement` que define a posição do tooltip ou popover.\n * A propriedade `placement` deve ser uma string representando a posição, como 'top', 'bottom', 'left', 'right', etc.\n */\n private setPlacementDataAttribute(data: { placement: string }) {\n this.contentElement.setAttribute('data-placement', data.placement)\n }\n}\n"]}
1	+ {"version":3,"file":"floating-ui.js","sourceRoot":"","sources":["../../../../../packages/webcomponents/src/utils/floating-ui.ts"],"names":[],"mappings":"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","sourcesContent":["import { arrow, autoUpdate, computePosition, flip, hide, Middleware, offset, Placement, shift } from '@floating-ui/dom'\n\n/*\n FloatingUIManagerOptions define as opções para o FloatingUIManager.\n /\nexport interface FloatingUIManagerOptions {\n triggerElement: HTMLElement\n contentElement: HTMLElement\n arrowElement?: HTMLElement\n placement?: Placement\n onUpdate?: (data: {\n x: number\n y: number\n placement: string\n middlewareData: import('@floating-ui/dom').MiddlewareData\n }) => void\n}\n\n/\n FloatingUIManager é uma classe utilitária que gerencia o posicionamento de elementos flutuantes\n * como tooltips ou popovers em relação a um elemento de disparo (trigger).\n * Ela utiliza a biblioteca Floating UI para calcular posições e lidar com atualizações.\n /\nexport class FloatingUIManager {\n private triggerElement: HTMLElement\n private contentElement: HTMLElement\n private arrowElement?: HTMLElement\n private placement: Placement\n private onUpdate?: FloatingUIManagerOptions['onUpdate']\n private cleanupAutoUpdate?: () => void\n\n constructor(options: FloatingUIManagerOptions) {\n this.triggerElement = options.triggerElement\n this.contentElement = options.contentElement\n this.arrowElement = options.arrowElement\n this.placement = options.placement ?? 'top'\n this.onUpdate = options.onUpdate\n }\n\n /\n Inicia o gerenciador Floating UI configurando a atualização automática da posição.\n /\n public start() {\n this.cleanupAutoUpdate = autoUpdate(this.triggerElement, this.contentElement, () => this.updatePosition())\n }\n\n /\n Para o gerenciador Floating UI e limpa os recursos utilizados.\n /\n public stop() {\n this.cleanupAutoUpdate?.()\n }\n\n /\n Atualiza a posição do elemento flutuante com base no elemento disparador e no elemento de conteúdo.\n * Esta função é chamada automaticamente quando o gerenciador está ativo.\n * Ela calcula a nova posição usando a biblioteca Floating UI e aplica as transformações necessárias.\n * Também atualiza a posição da seta, se fornecida.\n * Além disso, define o atributo de dados `data-placement` no elemento de conteúdo para refletir a posição atual.\n * @returns {Promise<void>} Uma promessa que resolve quando a posição é atualizada.\n /\n private async updatePosition() {\n const data = await computePosition(this.triggerElement, this.contentElement, {\n placement: this.placement,\n middleware: this.buildMiddleware(),\n })\n\n this.updateTooltipPosition(data)\n this.updateArrowPosition(data)\n this.setPlacementDataAttribute(data)\n this.onUpdate?.(data)\n }\n\n /\n Constrói os middlewares necessários para o Floating UI.\n * Esses middlewares são usados para ajustar o posicionamento do elemento flutuante,\n * incluindo offset, flip, shift e hide. Se uma seta for fornecida, o middleware de seta também é adicionado.\n * @returns {Middleware[]} Retorna um array de middlewares configurados para o Floating UI.\n /\n private buildMiddleware(): Middleware[] {\n const middleware: Middleware[] = [offset(8), flip(), shift({ padding: 5 }), hide()]\n if (this.arrowElement != null) {\n middleware.push(arrow({ element: this.arrowElement }))\n }\n return middleware\n }\n\n /\n Adiciona o estilo necessário para posicionar o tooltip com base nas coordenadas fornecidas.\n * Esta função é chamada após o cálculo da posição do tooltip.\n * Ela aplica as propriedades CSS `left` e `top` ao elemento de conteúdo do tooltip.\n * @param data Contém as coordenadas x e y para posicionar o tooltip.\n /\n private updateTooltipPosition(data: { x: number; y: number }) {\n const { x, y } = data\n Object.assign(this.contentElement.style, {\n left: `${x}px`,\n top: `${y}px`,\n })\n }\n\n /\n Adiciona o estilo necessário para posicionar a seta do tooltip com base nos dados de middleware.\n * Esta função é chamada após o cálculo da posição do tooltip.\n * Ela aplica as propriedades CSS `left`, `top`, `right`, `bottom` e a posição estática da seta.\n * A posição estática é determinada com base na colocação do tooltip (top, right, bottom, left).\n * Se a seta não estiver presente ou os dados de middleware não contiverem informações sobre a seta, nada será feito.\n * @param data Contém a posição da seta e os dados de middleware.\n /\n private updateArrowPosition(data: { placement: string; middlewareData: import('@floating-ui/dom').MiddlewareData }) {\n if (this.arrowElement == null \|\| data.middlewareData.arrow == null) return\n\n const { x: arrowX, y: arrowY } = data.middlewareData.arrow\n const basePlacement = data.placement.split('-')[0]\n\n const staticSide = {\n top: 'bottom',\n right: 'left',\n bottom: 'top',\n left: 'right',\n }[basePlacement]\n\n Object.assign(this.arrowElement.style, {\n left: arrowX != null ? `${arrowX}px` : '',\n top: arrowY != null ? `${arrowY}px` : '',\n right: '',\n bottom: '',\n [staticSide]: '-4px',\n })\n }\n\n /\n Define o atributo de dados `data-placement` no elemento de conteúdo.\n * Este atributo é usado para indicar a posição atual do tooltip ou popover.\n * Ele é útil para fins de acessibilidade e para permitir que estilos CSS sejam aplicados com base na posição.\n * @param data Objeto contendo a propriedade `placement` que define a posição do tooltip ou popover.\n * A propriedade `placement` deve ser uma string representando a posição, como 'top', 'bottom', 'left', 'right', etc.\n */\n private setPlacementDataAttribute(data: { placement: string }) {\n this.contentElement.setAttribute('data-placement', data.placement)\n }\n}\n"]}