@govbr-ds/webcomponents 2.0.0-next.4 → 2.0.0-next.41

package/dist/webcomponents/br-tab-item.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"br-tab-item.entry.esm.js","sources":["../../packages/webcomponents/src/components/tab-item/tab-item.scss?tag=br-tab-item&encapsulation=shadow","../../packages/webcomponents/src/components/tab-item/tab-item.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/tab/tab\";\n@import \"~@govbr-ds/core/src/partial/scss/configs/icons\";\n\n:host {\n  display: block;\n}\n\n.results {\n  display: flex;\n  font-weight: var(--font-weight);\n  justify-content: center;\n  margin-top: var(--spacing-scale-2x);\n  position: absolute;\n  top: 100%;\n}\n\n@include tab-nav;\n\n.tab-item {\n  &.inverted,\n  &.dark-mode {\n    @include dark-mode;\n\n    &.active {\n      button {\n        border-bottom-color: var(--background-light);\n        color: var(--color);\n      }\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 * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tab-item?tab=designer).\n *\n * @slot default - Slot com conteúdo do item da tab\n */\n@Component({\n  tag: 'br-tab-item',\n  styleUrl: 'tab-item.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class TabItem {\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: HTMLBrTabItemElement\n\n  @Prop({ reflect: true }) readonly TabItemId: string = crypto.randomUUID()\n  /**\n   * Define ícone do item de tab\n   * @type {string}\n   */\n  @Prop({ reflect: true }) readonly icon: string\n  /**\n   * Define o título do item de tab\n   * @type {string}\n   */\n  @Prop({ reflect: true }) readonly tabItemTitle: string\n  /**\n   * Define se mostra somente o ícone\n   * @type {boolean}\n   * @default false\n   */\n  @Prop({ reflect: true }) readonly onlyIcon: boolean = false\n\n  /**\n   * Define se o item de tab é ativo\n   * @type {boolean}\n   */\n  @Prop({ reflect: true }) isActive: boolean\n  /**\n   * Define contador do item de tab\n   * @type {string}\n   */\n  @Prop({ reflect: true }) readonly counter: string\n\n  /**\n   * Define se o Tab usará um esquema de cores.\n   * Apenas o esquema 'dark' está disponível para o modo escuro.\n   * @type {string}\n   */\n  @Prop({ reflect: true }) colorMode: string\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  @Event() itemTabClick: EventEmitter<{ id: string }>\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'tab-item': true,\n      active: this.isActive,\n      'dark-mode': this.colorMode === 'dark',\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <li class={this.getCssClassMap()}>\n          <button\n            type=\"button\"\n            id={`tab-button-${this.TabItemId}`}\n            role=\"tab\"\n            data-panel={this.TabItemId}\n            aria-label={this.tabItemTitle}\n            aria-controls={`tab-panel-${this.TabItemId}`}\n            aria-selected={this.isActive}\n            onClick={() => this.itemTabClick.emit({ id: this.TabItemId })}\n          >\n            <span class=\"name d-flex align-items-center\">\n              {this.icon && (\n                <span class=\"icon mr-2\">\n                  <br-icon icon-name={this.icon}></br-icon>\n                </span>\n              )}\n              {!this.onlyIcon && <span>{this.tabItemTitle}</span>}\n            </span>\n          </button>\n          {this.counter && <span class=\"results\">({this.counter})</span>}\n        </li>\n      </Host>\n    )\n  }\n}\n"],"names":[],"mappings":";;;;;;AAAA,MAAM,UAAU,GAAG,ishEAAishE;;MCevshE,OAAO,GAAA,MAAA;;;;;;;;;;;;;AAOgB,IAAA,SAAS,GAAW,MAAM,CAAC,UAAU,EAAE;AACzE;;;AAGG;AAC+B,IAAA,IAAI;AACtC;;;AAGG;AAC+B,IAAA,YAAY;AAC9C;;;;AAIG;IAC+B,QAAQ,GAAY,KAAK;AAE3D;;;AAGG;AACsB,IAAA,QAAQ;AACjC;;;AAGG;AAC+B,IAAA,OAAO;AAEzC;;;;AAIG;AACsB,IAAA,SAAS;AAEf,IAAA,gBAAgB;AAE1B,IAAA,YAAY;IAEb,cAAc,GAAA;QACpB,OAAO;AACL,YAAA,UAAU,EAAE,IAAI;YAChB,MAAM,EAAE,IAAI,CAAC,QAAQ;AACrB,YAAA,WAAW,EAAE,IAAI,CAAC,SAAS,KAAK,MAAM;SACvC;;IAGH,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAA,EAC9B,CACE,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,CAAc,WAAA,EAAA,IAAI,CAAC,SAAS,CAAE,CAAA,EAClC,IAAI,EAAC,KAAK,EACE,YAAA,EAAA,IAAI,CAAC,SAAS,gBACd,IAAI,CAAC,YAAY,EAAA,eAAA,EACd,CAAA,UAAA,EAAa,IAAI,CAAC,SAAS,CAAE,CAAA,EAC7B,eAAA,EAAA,IAAI,CAAC,QAAQ,EAC5B,OAAO,EAAE,MAAM,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,EAAA,EAE7D,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gCAAgC,EAAA,EACzC,IAAI,CAAC,IAAI,KACR,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAA,EACrB,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAA,EAAoB,IAAI,CAAC,IAAI,EAAA,CAAY,CACpC,CACR,EACA,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAO,IAAI,CAAC,YAAY,CAAQ,CAC9C,CACA,EACR,IAAI,CAAC,OAAO,IAAI,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,OAAG,IAAI,CAAC,OAAO,MAAS,CAC3D,CACA;;;;;;;;"}

package/dist/webcomponents/br-tab.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"br-tab.entry.esm.js","sources":["../../packages/webcomponents/src/components/tab/tab.scss?tag=br-tab&encapsulation=shadow","../../packages/webcomponents/src/components/tab/tab.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/tab/tab\";\n@import \"~@govbr-ds/core/src/partial/scss/configs/icons\";\n\n:host {\n  display: block;\n}\n\n.results {\n  display: flex;\n  font-weight: var(--font-weight);\n  justify-content: center;\n  margin-top: var(--spacing-scale-2x);\n  position: absolute;\n  top: 100%;\n}\n\n.br-tab {\n  max-width: 100vw; /* Impede que o elemento ultrapasse a largura da janela */\n  overflow-x: hidden; /* Evita rolagem horizontal indesejada */\n  padding: 16px;\n  box-sizing: border-box;\n}\n\n.tab-nav[data-counter=\"true\"] ul {\n  max-height: 65px;\n}\n\n.tab-nav[data-counter=\"true\"] {\n  overflow: hidden;\n  min-height: 102px;\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch } from '@stencil/core'\n\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tab-item?tab=designer).\n *\n * @slot default - Slot com os componentes item da tab\n */\n@Component({\n  tag: 'br-tab',\n  styleUrl: 'tab.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Tab {\n  @Element() el: HTMLBrTabElement\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * A propriedade 'density' define a densidade do componente.\n   * Os valores possíveis são 'small', 'medium' e 'large'.\n   * @type {string}\n   * @default 'medium'\n   */\n  @Prop({ reflect: true }) readonly density: 'small' | 'medium' | 'large' = 'medium'\n  /**\n   * Define se o Tab usará um esquema de cores.\n   * Apenas o esquema 'dark' está disponível para o modo escuro.\n   * @type {string}\n   */\n  @Prop({ reflect: true }) colorMode: string\n  /**\n   * A propriedade 'activeTab' define o tab ativo.\n   */\n  @State() activeTab: string\n  /**\n   * A propriedade 'tabItems' lista dos tabs items .\n   */\n  @State() tabItems: Element[] = []\n\n  /**\n   * A propriedade 'tabContent' armazena o conteúdo dos tabs.\n   * @type {string}\n   * @memberof Tab\n   */\n  @State() tabContent: string = ''\n\n  private maxWidth: string\n  private hostStyle: { [key: string]: string } = {}\n  private containerStyle: { [key: string]: string } = {}\n  private mutationObserver: MutationObserver\n  private focusElementIndex: number = 0\n\n  @Event() brDidActive: EventEmitter\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-tab': true,\n      [this.density]: true,\n      'dark-mode': this.colorMode === 'dark',\n    }\n  }\n\n  private setupHostStyles() {\n    this.hostStyle = {\n      maxWidth: '100%',\n      display: 'block',\n      boxSizing: 'border-box',\n    }\n  }\n\n  private updateContainerStyles() {\n    this.containerStyle = {\n      maxWidth: this.maxWidth,\n      overflow: 'hidden',\n      width: '100%',\n      boxSizing: 'border-box',\n    }\n  }\n  /**\n   * Obtém os elementos de tab items dentro do componente.\n   * Se não houver elementos, emite um aviso.\n   * @private\n   * @returns {void}\n   * @memberof Tab\n   */\n  private getTabItemsElements() {\n    const slotItems = Array.from(this.el.children)\n\n    slotItems.forEach((tab) => {\n      if (this.colorMode) tab.setAttribute('color-mode', this.colorMode)\n      if (!tab.hasAttribute('tab-item-id')) {\n        tab.setAttribute('tab-item-id', crypto.randomUUID())\n      }\n    })\n\n    this.tabItems = slotItems\n  }\n  /**\n   * Atualiza o conteúdo dos tabs com base nos elementos de tab items.\n   * Cada tab item é transformado em um painel de tab com o ID apropriado.\n   * O painel ativo é marcado com a classe 'active'.\n   * @private\n   * @returns {void}\n   * @memberof Tab\n   * @description\n   */\n  private updateTabContent() {\n    this.tabContent = this.tabItems\n      .map((tab: Element) => {\n        const tabActive = this.isTabActive(tab)\n\n        return `\n        <div\n          id=\"tab-panel-${this.getTabID(tab)}\"\n          role=\"tabpanel\"\n          aria-labelledby=\"tab-button-${tab.getAttribute('tab-item-id')}\"\n          class=\"tab-panel${tabActive ? ' active' : ''}\"\n        >\n          ${tab.innerHTML} \n        </div>\n      `\n      })\n      .join('')\n  }\n  /**\n   * Atualiza a largura máxima do componente com base na largura da janela.\n   * Se a largura da janela não estiver disponível, define a largura máxima como 100%.\n   * @private\n   * @returns {void}\n   * @memberof Tab\n   * @description\n   * Esta função calcula a largura máxima do componente com base na posição do elemento na tela.\n   */\n  private updateMaxWidth() {\n    if (typeof window !== 'undefined') {\n      const componentRect = this.el.getBoundingClientRect()\n      const availableWidth = window.innerWidth - componentRect.left\n      this.maxWidth = `${availableWidth - 5}px`\n    } else {\n      this.maxWidth = '100%'\n    }\n    this.updateContainerStyles()\n  }\n\n  /**\n   * Obtém o ID do tab item.\n   * @private\n   * @param {Element} tab - O elemento do tab item.\n   * @returns {string} - O ID do tab item.\n   * @memberof Tab\n   * @description\n   * Esta função retorna o ID do tab item, que é armazenado no atributo 'tab-item-id'.\n   */\n  private getTabID(tab: Element): string {\n    return tab.getAttribute('tab-item-id')\n  }\n  /**\n   *\n   * @param tab\n   * @returns\n   */\n  private isTabActive(tab: Element): boolean {\n    return this.getTabID(tab) === this.activeTab\n  }\n\n  private verifActiveTab() {\n    const selected = this.el.querySelector('br-tab-item[active]')\n    if (!selected && this.tabItems.length > 0) {\n      this.activeTab = this.getTabID(this.tabItems[0])\n    } else if (selected) {\n      this.activeTab = this.getTabID(selected)\n    }\n  }\n\n  @Watch('activeTab')\n  activeTabChanged(newValue: string) {\n    this.tabItems.forEach((tab) => {\n      try {\n        if (this.getTabID(tab) === newValue) {\n          tab.setAttribute('is-active', 'true')\n          tab.setAttribute('aria-selected', 'true')\n        } else {\n          if (tab.hasAttribute('is-active')) {\n            if (tab) {\n              tab.removeAttribute('is-active')\n            }\n            tab.removeAttribute('aria-selected')\n          }\n        }\n      } catch (error) {\n        console.error('Failed to remove attribute \"is-active\":', error)\n      }\n    })\n    this.updateTabContent()\n    this.brDidActive.emit({ id: newValue })\n  }\n\n  /**\n   * Evento de navegação por teclado\n   * @param event\n   */\n  private handleKeyNavigation = (event: KeyboardEvent) => {\n    const focusableTabs = Array.from(this.tabItems) as HTMLElement[]\n\n    if (event.key === 'ArrowDown') {\n      const activeTabPanel = this.el.shadowRoot.querySelector('.tab-panel.active') as HTMLElement\n      if (activeTabPanel) {\n        const focusableElements = Array.from(\n          activeTabPanel.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])')\n        ) as HTMLElement[]\n        if (focusableElements.length > 0) {\n          focusableElements[0].focus()\n        }\n      }\n    }\n\n    const activeIndex = this.focusElementIndex\n    if (event.key === 'ArrowRight') {\n      const nextIndex = (activeIndex + 1) % focusableTabs.length\n      const nextButton = focusableTabs[nextIndex]?.shadowRoot?.querySelector('button')\n      if (nextButton) {\n        nextButton.focus()\n        this.focusElementIndex = nextIndex\n      }\n    } else if (event.key === 'ArrowLeft') {\n      const prevIndex = (activeIndex - 1 + focusableTabs.length) % focusableTabs.length\n      const prevButton = focusableTabs[prevIndex]?.shadowRoot?.querySelector('button')\n      if (prevButton) {\n        prevButton.focus()\n        this.focusElementIndex = prevIndex\n      }\n    }\n  }\n\n  componentWillLoad() {\n    this.getTabItemsElements()\n    this.setupHostStyles()\n    this.updateTabContent()\n\n    if (typeof window !== 'undefined' && typeof MutationObserver !== 'undefined') {\n      //   window.addEventListener('resize', () => this.updateMaxWidth());\n\n      this.mutationObserver = new MutationObserver(() => this.updateMaxWidth())\n      this.mutationObserver.observe(this.el, { childList: true, subtree: true })\n\n      this.updateMaxWidth()\n    } else {\n      this.maxWidth = '100%'\n      this.updateContainerStyles()\n    }\n  }\n\n  componentDidLoad() {\n    if (!this.el) {\n      console.error('Host element is not defined.')\n      return\n    }\n    requestAnimationFrame(() => this.verifActiveTab())\n\n    // Use the class method directly\n    if (this.el) {\n      try {\n        const hndClick = this.handleTabClick\n        this.el.addEventListener('keydown', this.handleKeyNavigation)\n        this.el.addEventListener('itemTabClick', hndClick)\n      } catch (error) {\n        console.error('Failed to add event listener for itemTabClick:', error)\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    if (typeof window !== 'undefined') {\n      window.removeEventListener('resize', () => this.updateMaxWidth())\n    }\n    if (this.mutationObserver) this.mutationObserver.disconnect()\n    this.el.removeEventListener('itemTabClick', this.handleTabClick)\n    this.el.removeEventListener('keydown', this.handleKeyNavigation) // Remove the keydown listener\n  }\n\n  private handleTabClick: (event: CustomEvent<{ id: string }>) => void = (event) => {\n    if (event.detail && event.detail.id) {\n      this.setActiveTab(event.detail.id.trim())\n    }\n  }\n\n  private setActiveTab(newActiveTab: string) {\n    // if (this.activeTab !== newActiveTab) {\n    this.activeTab = newActiveTab\n    // }\n  }\n\n  render() {\n    return (\n      <Host style={this.hostStyle}>\n        <div class={this.getCssClassMap()} style={this.containerStyle}>\n          <nav\n            class=\"tab-nav\"\n            data-counter={this.tabItems.some((tab) => tab.hasAttribute('counter')) ? 'true' : 'false'}\n          >\n            <ul role=\"tablist\">\n              <slot></slot>\n            </ul>\n          </nav>\n          <div class=\"tab-content\" innerHTML={this.tabContent}></div>\n        </div>\n      </Host>\n    )\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/webcomponents/br-table-cell.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"br-table-cell.entry.esm.js","sources":["../../packages/webcomponents/src/components/table-cell/table-cell.scss?tag=br-table-cell&encapsulation=shadow","../../packages/webcomponents/src/components/table-cell/table-cell.tsx"],"sourcesContent":[":host {\n  display: block;\n  border-bottom: 1px solid #ccc;\n  --horizontal-align: left;\n}\n\n.br-table-cell {\n  color: var(--color);\n  font-size: var(--font-size-scale-base);\n  font-weight: var(--font-weight-medium);\n  padding: var(--table-row-size) var(--table-padding);\n  text-align: var(--horizontal-align);\n\n  &.vertical-border {\n    border-left: 1px solid #ccc;\n  }\n}\n","import { Component, Element, h, Host, Listen, Prop, Watch } from '@stencil/core'\n\nimport Helpers from '../../utils/helpers'\nimport { CssClassMap } from '../../utils/interfaces'\n\ntype HorizontalAlign = 'left' | 'center' | 'right'\n\nenum CssVariables {\n  HORIZONTAL_ALIGN = '--horizontal-align',\n}\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).\n *\n * @slot default - Descrição do slot\n */\n@Component({\n  tag: 'br-table-cell',\n  styleUrl: 'table-cell.scss',\n  shadow: true,\n})\nexport class TableCell {\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: HTMLBrTableCellElement\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   * Define se a célula do cabeçalho possui borda vertical.\n   */\n  @Prop({ reflect: true }) hasVerticalBorder: boolean = false\n\n  /**\n   * Define o alinhamento horizontal do conteúdo da célula.\n   */\n  @Prop({ reflect: true }) horizontalAlign: HorizontalAlign = 'left'\n\n  /**\n   * Watcher que observa as mudanças na propriedade `horizontalAlign`.\n   */\n  @Watch('horizontalAlign')\n  handleHorizontalAlignChange(newValue: HorizontalAlign) {\n    this.el.style.setProperty(CssVariables.HORIZONTAL_ALIGN, newValue)\n  }\n\n  /**\n   * Ouve o evento disparado ao alterar o alinhamento horizontal do conteúdo da célula.\n   * @param event Objeto Event\n   */\n  @Listen('brHorizontalAlignDidChange', { target: 'document' })\n  handleHorizontalAlignDidChange(event: CustomEvent) {\n    if (!this.el.hasAttribute('horizontal-align')) {\n      this.el.style.setProperty(CssVariables.HORIZONTAL_ALIGN, event.detail)\n    }\n  }\n\n  /**\n   * Ciclo de vida do componente. Chamado após o componente ser renderizado no DOM.\n   */\n  connectedCallback() {\n    this.handleHorizontalAlignChange(this.horizontalAlign)\n  }\n\n  /**\n   * Define um conjunto de classes CSS que serão aplicadas ao componente.\n   * @returns Objeto com as classes CSS.\n   */\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-table-cell': true,\n      'vertical-border': this.hasVerticalBorder,\n    }\n  }\n\n  /**\n   * Define o JSX do componente.\n   * @returns JSX do componente.\n   */\n  render() {\n    return (\n      <Host>\n        <div id={this.customId} class={this.getCssClassMap()}>\n          <slot></slot>\n        </div>\n      </Host>\n    )\n  }\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,YAAY,GAAG,8s0DAA8s0D;;ACOnu0D,IAAK,YAEJ;AAFD,CAAA,UAAK,YAAY,EAAA;AACf,IAAA,YAAA,CAAA,kBAAA,CAAA,GAAA,oBAAuC;AACzC,CAAC,EAFI,YAAY,KAAZ,YAAY,GAEhB,EAAA,CAAA,CAAA;MAYY,SAAS,GAAA,MAAA;;;;;AAOpB;;;AAGG;AAC+B,IAAA,QAAQ,GAAW,OAAO,CAAC,gBAAgB,EAAE;AAE/E;;AAEG;IACsB,iBAAiB,GAAY,KAAK;AAE3D;;AAEG;IACsB,eAAe,GAAoB,MAAM;AAElE;;AAEG;AAEH,IAAA,2BAA2B,CAAC,QAAyB,EAAA;AACnD,QAAA,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,CAAC,gBAAgB,EAAE,QAAQ,CAAC;;AAGpE;;;AAGG;AAEH,IAAA,8BAA8B,CAAC,KAAkB,EAAA;QAC/C,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,kBAAkB,CAAC,EAAE;AAC7C,YAAA,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,CAAC,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC;;;AAI1E;;AAEG;IACH,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,2BAA2B,CAAC,IAAI,CAAC,eAAe,CAAC;;AAGxD;;;AAGG;IACK,cAAc,GAAA;QACpB,OAAO;AACL,YAAA,eAAe,EAAE,IAAI;YACrB,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;SAC1C;;AAGH;;;AAGG;IACH,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAA,EAClD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;"}

package/dist/webcomponents/br-table-header-cell.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"br-table-header-cell.entry.esm.js","sources":["../../packages/webcomponents/src/utils/css-variables.ts","../../packages/webcomponents/src/components/table-header-cell/table-header-cell.scss?tag=br-table-header-cell&encapsulation=shadow","../../packages/webcomponents/src/components/table-header-cell/table-header-cell.tsx"],"sourcesContent":["export const CssVariables = {\n  ALIGN: {\n    HORIZONTAL: '--horizontal-align',\n  },\n}\n","// @import \"~@govbr-ds/core/src/components/table-header-cell/table-header-cell\";\n\n:host {\n  display: block;\n  --horizontal-align: left;\n}\n\n.br-table-header-cell {\n  color: var(--color);\n  font-size: var(--font-size-scale-base);\n  font-weight: var(--font-weight-medium);\n  padding: var(--table-row-size) var(--table-padding);\n  text-align: var(--horizontal-align);\n\n  &.vertical-border {\n    border-left: 1px solid #ccc;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop, Watch } from '@stencil/core'\n\nimport { CssVariables } from '../../utils/css-variables'\nimport Helpers from '../../utils/helpers'\nimport { CssClassMap } from '../../utils/interfaces'\nimport { HorizontalAlign } from '../../utils/types'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).\n *\n * @slot default - Descrição do slot\n */\n@Component({\n  tag: 'br-table-header-cell',\n  styleUrl: 'table-header-cell.scss',\n  shadow: true,\n})\nexport class TableHeaderCell {\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: HTMLBrTableHeaderCellElement\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   * Define se a célula do cabeçalho possui borda vertical.\n   */\n  @Prop({ reflect: true }) hasVerticalBorder: boolean = false\n\n  /**\n   * Define o alinhamento horizontal do conteúdo da célula.\n   * Esse alinhamento é propagado para as demais células da coluna.\n   */\n  @Prop({ reflect: true }) horizontalAlign: HorizontalAlign = 'left'\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-table-header-cell': true,\n      'vertical-border': this.hasVerticalBorder,\n    }\n  }\n\n  @Watch('horizontalAlign')\n  handleHorizontalAlignChange(newValue: HorizontalAlign) {\n    this.el.style.setProperty(CssVariables.ALIGN.HORIZONTAL, newValue)\n    this.brHorizontalAlignDidChange.emit(this.horizontalAlign)\n  }\n\n  /**\n   * Evento disparado ao alterar o alinhamento horizontal do conteúdo da célula.\n   */\n  @Event() brHorizontalAlignDidChange: EventEmitter\n\n  /**\n   * Ciclo de vida do componente. Disparado sempre que o componente é conectado ao DOM.\n   */\n  connectedCallback() {\n    this.handleHorizontalAlignChange(this.horizontalAlign)\n  }\n\n  render() {\n    return (\n      <Host>\n        <div id={this.customId} class={this.getCssClassMap()}>\n          <slot></slot>\n        </div>\n      </Host>\n    )\n  }\n}\n"],"names":[],"mappings":";;;;;;;AAAO,MAAM,YAAY,GAAG;AAC1B,IAAA,KAAK,EAAE;AACL,QAAA,UAAU,EAAE,oBAAoB;AACjC,KAAA;CACF;;ACJD,MAAM,kBAAkB,GAAG,+r0DAA+r0D;;MCiB7s0D,eAAe,GAAA,MAAA;;;;;;AAO1B;;;AAGG;AAC+B,IAAA,QAAQ,GAAW,OAAO,CAAC,gBAAgB,EAAE;AAE/E;;AAEG;IACsB,iBAAiB,GAAY,KAAK;AAE3D;;;AAGG;IACsB,eAAe,GAAoB,MAAM;IAE1D,cAAc,GAAA;QACpB,OAAO;AACL,YAAA,sBAAsB,EAAE,IAAI;YAC5B,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;SAC1C;;AAIH,IAAA,2BAA2B,CAAC,QAAyB,EAAA;AACnD,QAAA,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,CAAC,KAAK,CAAC,UAAU,EAAE,QAAQ,CAAC;QAClE,IAAI,CAAC,0BAA0B,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC;;AAG5D;;AAEG;AACM,IAAA,0BAA0B;AAEnC;;AAEG;IACH,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,2BAA2B,CAAC,IAAI,CAAC,eAAe,CAAC;;IAGxD,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAA,EAClD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;"}

package/dist/webcomponents/br-table-header-row.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"br-table-header-row.entry.esm.js","sources":["../../packages/webcomponents/src/components/table-header-row/table-header-row.scss?tag=br-table-header-row&encapsulation=shadow","../../packages/webcomponents/src/components/table-header-row/table-header-row.tsx"],"sourcesContent":["// @import \"~@govbr-ds/core/src/components/table-header-row/table-header-row\";\n\n:host {\n  display: block;\n}\n\n.br-table-header-row {\n  display: grid;\n  grid-auto-flow: column;\n  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n  grid-auto-rows: 1fr;\n  background-color: var(--background-alternative);\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core'\n\nimport Helpers from '../../utils/helpers'\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).\n *\n * @slot default - Descrição do slot\n */\n@Component({\n  tag: 'br-table-header-row',\n  styleUrl: 'table-header-row.scss',\n  shadow: true,\n})\nexport class TableHeaderRow {\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: HTMLBrTableHeaderRowElement\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   * Define um conjunto de classes CSS que serão aplicadas ao componente.\n   * @returns Conjunto de classes CSS.\n   */\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-table-header-row': true,\n    }\n  }\n\n  /**\n   * Define o JSX do componente.\n   * @returns JSX do componente.\n   */\n  render() {\n    return (\n      <Host>\n        <div id={this.customId} class={this.getCssClassMap()}>\n          <slot></slot>\n        </div>\n      </Host>\n    )\n  }\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,iBAAiB,GAAG,8k0DAA8k0D;;MCe3l0D,cAAc,GAAA,MAAA;;;;;AAOzB;;;AAGG;AAC+B,IAAA,QAAQ,GAAW,OAAO,CAAC,gBAAgB,EAAE;AAE/E;;;AAGG;IACK,cAAc,GAAA;QACpB,OAAO;AACL,YAAA,qBAAqB,EAAE,IAAI;SAC5B;;AAGH;;;AAGG;IACH,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAA,EAClD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;"}

package/dist/webcomponents/br-table-row.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"br-table-row.entry.esm.js","sources":["../../packages/webcomponents/src/components/table-row/table-row.scss?tag=br-table-row&encapsulation=shadow","../../packages/webcomponents/src/components/table-row/table-row.tsx"],"sourcesContent":["// @import \"~@govbr-ds/core/src/components/table-row/table-row\";\n\n:host {\n  display: block;\n}\n\n.br-table-row {\n  display: grid;\n  grid-auto-flow: column;\n  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n  grid-auto-rows: 1fr;\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core'\n\nimport Helpers from '../../utils/helpers'\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).\n *\n * @slot default - Descrição do slot\n */\n@Component({\n  tag: 'br-table-row',\n  styleUrl: 'table-row.scss',\n  shadow: true,\n})\nexport class TableRow {\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: HTMLBrTableRowElement\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  private getCssClassMap(): CssClassMap {\n    return {\n      'br-table-row': true,\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div id={this.customId} class={this.getCssClassMap()}>\n          <slot></slot>\n        </div>\n      </Host>\n    )\n  }\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,WAAW,GAAG,wh0DAAwh0D;;MCe/h0D,QAAQ,GAAA,MAAA;;;;;AAOnB;;;AAGG;AAC+B,IAAA,QAAQ,GAAW,OAAO,CAAC,gBAAgB,EAAE;IAEvE,cAAc,GAAA;QACpB,OAAO;AACL,YAAA,cAAc,EAAE,IAAI;SACrB;;IAGH,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAA,EAClD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;"}

package/dist/webcomponents/br-table.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"br-table.entry.esm.js","sources":["../../packages/webcomponents/src/components/table/table.scss?tag=br-table&encapsulation=shadow","../../packages/webcomponents/src/components/table/table.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/table/table\";\n\n:host {\n  display: block;\n  width: 100%;\n}\n\n.br-table {\n  display: grid;\n  grid-template-columns: 1fr;\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core'\n\nimport Helpers from '../../utils/helpers'\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).\n *\n * @slot default - Descrição do slot\n */\n@Component({\n  tag: 'br-table',\n  styleUrl: 'table.scss',\n  shadow: true,\n})\nexport class Table {\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: HTMLBrTableElement\n\n  /**\n   * Identificador único aplicado na tag raiz do shadowRoot.\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   * Define um conjunto de classes CSS que serão aplicadas ao componente.\n   * @returns Conjunto de classes CSS.\n   */\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-table': true,\n    }\n  }\n\n  /**\n   * Define o JSX do componente.\n   * @return JSX do componente.\n   */\n  render() {\n    return (\n      <Host>\n        <div id={this.customId} class={this.getCssClassMap()}>\n          <slot name=\"tool-bar\"></slot>\n          <slot name=\"header\"></slot>\n          <slot name=\"row\"></slot>\n          <slot name=\"footer\"></slot>\n        </div>\n      </Host>\n    )\n  }\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,QAAQ,GAAG,yt4DAAyt4D;;MCe7t4D,KAAK,GAAA,MAAA;;;;;AAOhB;;;AAGG;AAC+B,IAAA,QAAQ,GAAW,OAAO,CAAC,gBAAgB,EAAE;AAE/E;;;AAGG;IACK,cAAc,GAAA;QACpB,OAAO;AACL,YAAA,UAAU,EAAE,IAAI;SACjB;;AAGH;;;AAGG;IACH,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAA,EAClD,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAQ,CAAA,EAC7B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAQ,CAAA,EAC3B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,KAAK,EAAQ,CAAA,EACxB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,GAAQ,CACvB,CACD;;;;;;;"}

package/dist/webcomponents/br-tag.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"br-tag.entry.esm.js","sources":["../../packages/webcomponents/src/components/tag/tag.scss?tag=br-tag&encapsulation=shadow","../../packages/webcomponents/src/components/tag/tag.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/checkbox/checkbox\";\n@import \"~@govbr-ds/core/src/components/input/input\";\n@import \"~@govbr-ds/core/src/components/tag/tag\";\n\n:host {\n  display: block;\n\n  .tag-position {\n    display: flex;\n    justify-content: space-around;\n    align-items: center;\n  }\n\n  .tag-spacing-status {\n    margin-left: var(--spacing-scale-half) !important;\n  }\n}\n\n.br-tag {\n  &:not(.icon) {\n    br-icon {\n      margin-right: var(--spacing-scale-base);\n    }\n  }\n}\n","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 { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tag?tab=designer).\n *\n * @slot default - Espaço de conteúdo do tag. Geralmente usado para incluir o rótulo ou um ícone.\n */\n\n// Constantes para valores fixos\nconst DENSITY_SMALL = 'small'\nconst DENSITY_MEDIUM = 'medium'\nconst DENSITY_LARGE = 'large'\n\nconst SHAPE_CIRCLE = 'circle'\nconst SHAPE_ROUNDED = 'rounded'\nconst SHAPE_DEFAULT = 'default'\n\n@Component({\n  tag: 'br-tag',\n  styleUrl: 'tag.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Tag {\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: HTMLBrTagElement\n\n  /** API de controle de formulário nativa */\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * A propriedade 'label' é uma string que representa o texto a ser exibido no componente.\n   * Ela é refletida no DOM, permitindo que alterações no valor sejam refletidas no elemento HTML correspondente.\n   */\n  @Prop({ reflect: true }) readonly label: string = ''\n\n  /**\n   * A propriedade 'iconName' define o nome do ícone que será exibido ao lado do texto.\n   * O valor padrão é 'fa-solid:car', que corresponde a um ícone de carro da biblioteca Font Awesome.\n   */\n  @Prop({ reflect: true }) readonly iconName: string = ''\n\n  /**\n   * A propriedade 'name' é uma string que representa o nome do grupo da tag para seleção.\n   * Ela é refletida no DOM, permitindo que alterações no valor sejam refletidas no elemento HTML correspondente.\n   */\n  @Prop({ reflect: true }) readonly name: string = ''\n\n  /**\n   * A tag permite seleção múltipla.\n   * */\n  @Prop({ reflect: true }) readonly multiple: boolean = false\n\n  /**\n   * A tag está selecionada.\n   * */\n  @Prop({ reflect: true, mutable: true }) selected: boolean = false\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-tag-${tagId++}`\n\n  /**\n   * A propriedade 'color' permite definir a cor do componente.\n   * Aceita valores como 'red', 'blue', entre outros, e é refletida no DOM.\n   */\n  @Prop({ reflect: true }) readonly color: string = ''\n\n  /**\n   * A propriedade 'density' permite definir a densidade do componente.\n   * Aceita valores como 'small', 'medium' e 'large', e é refletida no DOM.\n   */\n  @Prop({ reflect: true }) readonly density: 'small' | 'medium' | 'large' = DENSITY_SMALL\n\n  /**\n   * A propriedade 'shape' define o formato do componente.\n   * Valores possíveis:\n   * - 'circle': Componente com formato circular.\n   * - 'rounded': Componente com bordas arredondadas.\n   * - 'default': Componente com formato padrão.\n   */\n  @Prop({ reflect: true }) readonly shape: 'circle' | 'rounded' | 'default' = SHAPE_DEFAULT\n\n  /**\n   * Status deve ser exibido.\n   */\n  @Prop({ reflect: true }) readonly status: boolean = false\n\n  /**\n   * Interação deve ser habilitada.\n   */\n  @Prop({ reflect: true, mutable: true }) interaction: boolean = false\n\n  /**\n   * Interação de seleção deve ser habilitada.\n   * */\n  @Prop({ reflect: true }) interactionSelect: boolean = false\n\n  /**\n   * Tag deve estar desabilitado.\n   */\n  @Prop({ reflect: true }) readonly disabled: boolean = false\n\n  /**\n   * Tag está selecionada.\n   */\n  @State() selectedClassValue: boolean = false\n\n  /**\n   * Evento emitido quando a tag é selecionada.\n   */\n  @Event() radioSelected: EventEmitter<string>\n\n  @Watch('interaction')\n  handleInteractionChange(newValue: boolean) {\n    if (newValue && this.interactionSelect) {\n      console.warn(\n        \"Aviso: 'interaction' e 'interactionSelect' não podem ser usados ao mesmo tempo. Alterando o 'interaction' para 'false'.\"\n      )\n      this.interaction = false\n    }\n  }\n\n  @Watch('interactionSelect')\n  handleInteractionSelectChange(newValue: boolean) {\n    if (newValue && this.interaction) {\n      console.warn(\n        \"Aviso: 'interaction' e 'interactionSelect' não podem ser usados ao mesmo tempo. Alterando o 'interaction' para 'false'.\"\n      )\n      this.interaction = false\n    }\n  }\n\n  componentWillLoad() {\n    if (this.interaction && this.interactionSelect) {\n      console.warn(\n        \"Aviso: 'interaction' e 'interactionSelect' não podem ser usados ao mesmo tempo. Alterando o 'interaction' para 'false'.\"\n      )\n      this.interaction = false\n    }\n  }\n  connectedCallback() {\n    this.selectedClassValue = this.selected\n  }\n\n  @Watch('selected')\n  handleSelectedChange(newValue: boolean) {\n    this.selectedClassValue = newValue\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-tag': true,\n      interaction: this.interaction,\n      'interaction-select': this.interactionSelect,\n      selected: this.selectedClassValue,\n      [this.color]: !!this.color,\n      [DENSITY_SMALL]: this.density === DENSITY_SMALL,\n      [DENSITY_MEDIUM]: this.density === DENSITY_MEDIUM,\n      [DENSITY_LARGE]: this.density === DENSITY_LARGE,\n      count: this.shape === SHAPE_ROUNDED,\n      icon: this.shape === SHAPE_CIRCLE,\n      status: this.status,\n    }\n  }\n\n  private renderIcon() {\n    return this.iconName && this.iconName.trim() !== '' ? (\n      <br-icon icon-name={this.iconName} aria-hidden=\"true\" />\n    ) : null\n  }\n\n  private renderLabel() {\n    return this.shape !== SHAPE_CIRCLE && !this.status ? <span>{this.label}</span> : null\n  }\n\n  private renderCloseButton() {\n    if (!this.interaction) return null\n    return (\n      <br-button\n        type=\"button\"\n        shape=\"circle\"\n        emphasis=\"primary\"\n        aria-label=\"Fechar\"\n        onClick={this.handleClose}\n        disabled={this.disabled}\n      >\n        <br-icon icon-name=\"fa-solid:times\"></br-icon>\n      </br-button>\n    )\n  }\n\n  private renderStatusLabel() {\n    return this.status ? <span class=\"tag-spacing-status\">{this.label}</span> : null\n  }\n\n  private handleClose = () => {\n    this.el.remove()\n  }\n\n  private handleChangeValueChecked = () => {\n    if (!this.multiple) {\n      this.radioSelected.emit(this.name)\n    }\n    this.selected = !this.selected\n  }\n\n  private handleChangeRadioValue = (event: MouseEvent) => {\n    if (!this.multiple) {\n      this.radioSelected.emit(this.name)\n      this.selected = (event.target as HTMLInputElement).checked\n    }\n  }\n\n  @Listen('radioSelected', { target: 'document' })\n  handleCheckedChange(event: CustomEvent) {\n    if (event.detail === this.name && this.el !== event.target) {\n      this.selected = false\n    }\n  }\n\n  render() {\n    const mainTagContent = (\n      <span class={this.getCssClassMap()} id={this.customId}>\n        {this.renderIcon()}\n        {this.renderLabel()}\n        {this.renderCloseButton()}\n        <slot></slot>\n      </span>\n    )\n\n    return (\n      <Host>\n        {!this.status ? (\n          mainTagContent\n        ) : (\n          <div style={{ display: 'flex', alignItems: 'center' }}>\n            {mainTagContent}\n            {this.renderStatusLabel()}\n          </div>\n        )}\n\n        {this.interactionSelect && (\n          <span class={this.getCssClassMap()} id={this.customId}>\n            {this.multiple ? (\n              <input\n                id={this.label}\n                type=\"checkbox\"\n                name={this.name}\n                value={this.label}\n                checked={this.selected}\n                onClick={this.handleChangeValueChecked}\n                disabled={this.disabled}\n              />\n            ) : (\n              <input\n                id={this.label}\n                type=\"radio\"\n                name={this.name}\n                value={this.label}\n                checked={this.selected}\n                onClick={this.handleChangeRadioValue}\n                disabled={this.disabled}\n              />\n            )}\n            <label htmlFor={this.label}>\n              {this.renderIcon()}\n              <span>{this.label}</span>\n            </label>\n          </span>\n        )}\n      </Host>\n    )\n  }\n}\n\nlet tagId = 0\n"],"names":[],"mappings":";;;;;;AAAA,MAAM,MAAM,GAAG,qv1EAAqv1E;;ACgBpw1E;;;;AAIG;AAEH;AACA,MAAM,aAAa,GAAG,OAAO;AAC7B,MAAM,cAAc,GAAG,QAAQ;AAC/B,MAAM,aAAa,GAAG,OAAO;AAE7B,MAAM,YAAY,GAAG,QAAQ;AAC7B,MAAM,aAAa,GAAG,SAAS;AAC/B,MAAM,aAAa,GAAG,SAAS;MAQlB,GAAG,GAAA,MAAA;;;;;;;;;;;;;;AAQK,IAAA,gBAAgB;AAEnC;;;AAGG;IAC+B,KAAK,GAAW,EAAE;AAEpD;;;AAGG;IAC+B,QAAQ,GAAW,EAAE;AAEvD;;;AAGG;IAC+B,IAAI,GAAW,EAAE;AAEnD;;AAEK;IAC6B,QAAQ,GAAY,KAAK;AAE3D;;AAEK;IACmC,QAAQ,GAAY,KAAK;AAEjE;;;AAGG;AAC+B,IAAA,QAAQ,GAAW,CAAA,OAAA,EAAU,KAAK,EAAE,EAAE;AAExE;;;AAGG;IAC+B,KAAK,GAAW,EAAE;AAEpD;;;AAGG;IAC+B,OAAO,GAAiC,aAAa;AAEvF;;;;;;AAMG;IAC+B,KAAK,GAAqC,aAAa;AAEzF;;AAEG;IAC+B,MAAM,GAAY,KAAK;AAEzD;;AAEG;IACqC,WAAW,GAAY,KAAK;AAEpE;;AAEK;IACoB,iBAAiB,GAAY,KAAK;AAE3D;;AAEG;IAC+B,QAAQ,GAAY,KAAK;AAE3D;;AAEG;IACM,kBAAkB,GAAY,KAAK;AAE5C;;AAEG;AACM,IAAA,aAAa;AAGtB,IAAA,uBAAuB,CAAC,QAAiB,EAAA;AACvC,QAAA,IAAI,QAAQ,IAAI,IAAI,CAAC,iBAAiB,EAAE;AACtC,YAAA,OAAO,CAAC,IAAI,CACV,yHAAyH,CAC1H;AACD,YAAA,IAAI,CAAC,WAAW,GAAG,KAAK;;;AAK5B,IAAA,6BAA6B,CAAC,QAAiB,EAAA;AAC7C,QAAA,IAAI,QAAQ,IAAI,IAAI,CAAC,WAAW,EAAE;AAChC,YAAA,OAAO,CAAC,IAAI,CACV,yHAAyH,CAC1H;AACD,YAAA,IAAI,CAAC,WAAW,GAAG,KAAK;;;IAI5B,iBAAiB,GAAA;QACf,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,iBAAiB,EAAE;AAC9C,YAAA,OAAO,CAAC,IAAI,CACV,yHAAyH,CAC1H;AACD,YAAA,IAAI,CAAC,WAAW,GAAG,KAAK;;;IAG5B,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,QAAQ;;AAIzC,IAAA,oBAAoB,CAAC,QAAiB,EAAA;AACpC,QAAA,IAAI,CAAC,kBAAkB,GAAG,QAAQ;;IAG5B,cAAc,GAAA;QACpB,OAAO;AACL,YAAA,QAAQ,EAAE,IAAI;YACd,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,oBAAoB,EAAE,IAAI,CAAC,iBAAiB;YAC5C,QAAQ,EAAE,IAAI,CAAC,kBAAkB;YACjC,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK;AAC1B,YAAA,CAAC,aAAa,GAAG,IAAI,CAAC,OAAO,KAAK,aAAa;AAC/C,YAAA,CAAC,cAAc,GAAG,IAAI,CAAC,OAAO,KAAK,cAAc;AACjD,YAAA,CAAC,aAAa,GAAG,IAAI,CAAC,OAAO,KAAK,aAAa;AAC/C,YAAA,KAAK,EAAE,IAAI,CAAC,KAAK,KAAK,aAAa;AACnC,YAAA,IAAI,EAAE,IAAI,CAAC,KAAK,KAAK,YAAY;YACjC,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB;;IAGK,UAAU,GAAA;AAChB,QAAA,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,IACjD,CAAoB,CAAA,SAAA,EAAA,EAAA,WAAA,EAAA,IAAI,CAAC,QAAQ,EAAc,aAAA,EAAA,MAAM,EAAG,CAAA,IACtD,IAAI;;IAGF,WAAW,GAAA;QACjB,OAAO,IAAI,CAAC,KAAK,KAAK,YAAY,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAA,CAAA,MAAA,EAAA,IAAA,EAAO,IAAI,CAAC,KAAK,CAAQ,GAAG,IAAI;;IAG/E,iBAAiB,GAAA;QACvB,IAAI,CAAC,IAAI,CAAC,WAAW;AAAE,YAAA,OAAO,IAAI;QAClC,QACE,CACE,CAAA,WAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,QAAQ,EACd,QAAQ,EAAC,SAAS,gBACP,QAAQ,EACnB,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EAEvB,CAAA,CAAA,SAAA,EAAA,EAAA,WAAA,EAAmB,gBAAgB,EAAA,CAAW,CACpC;;IAIR,iBAAiB,GAAA;QACvB,OAAO,IAAI,CAAC,MAAM,GAAG,YAAM,KAAK,EAAC,oBAAoB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAQ,GAAG,IAAI;;IAG1E,WAAW,GAAG,MAAK;AACzB,QAAA,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE;AAClB,KAAC;IAEO,wBAAwB,GAAG,MAAK;AACtC,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;;AAEpC,QAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ;AAChC,KAAC;AAEO,IAAA,sBAAsB,GAAG,CAAC,KAAiB,KAAI;AACrD,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;YAClC,IAAI,CAAC,QAAQ,GAAI,KAAK,CAAC,MAA2B,CAAC,OAAO;;AAE9D,KAAC;AAGD,IAAA,mBAAmB,CAAC,KAAkB,EAAA;AACpC,QAAA,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,KAAK,KAAK,CAAC,MAAM,EAAE;AAC1D,YAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;;;IAIzB,MAAM,GAAA;QACJ,MAAM,cAAc,IAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAA,EAClD,IAAI,CAAC,UAAU,EAAE,EACjB,IAAI,CAAC,WAAW,EAAE,EAClB,IAAI,CAAC,iBAAiB,EAAE,EACzB,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR,CACR;QAED,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACF,CAAC,IAAI,CAAC,MAAM,IACX,cAAc,KAEd,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,EAClD,cAAc,EACd,IAAI,CAAC,iBAAiB,EAAE,CACrB,CACP,EAEA,IAAI,CAAC,iBAAiB,KACrB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAA,EAClD,IAAI,CAAC,QAAQ,IACZ,CAAA,CAAA,OAAA,EAAA,EACE,EAAE,EAAE,IAAI,CAAC,KAAK,EACd,IAAI,EAAC,UAAU,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,OAAO,EAAE,IAAI,CAAC,wBAAwB,EACtC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB,KAEF,aACE,EAAE,EAAE,IAAI,CAAC,KAAK,EACd,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,OAAO,EAAE,IAAI,CAAC,sBAAsB,EACpC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CACvB,CACH,EACD,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,OAAO,EAAE,IAAI,CAAC,KAAK,EAAA,EACvB,IAAI,CAAC,UAAU,EAAE,EAClB,CAAO,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,IAAI,CAAC,KAAK,CAAQ,CACnB,CACH,CACR,CACI;;;;;;;;;AAKb,IAAI,KAAK,GAAG,CAAC;;;;;"}

package/dist/webcomponents/br-textarea.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"br-textarea.entry.esm.js","sources":["../../packages/webcomponents/src/components/textarea/textarea.scss?tag=br-textarea&encapsulation=shadow","../../packages/webcomponents/src/components/textarea/textarea.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/textarea/textarea\";\n\n:host {\n  display: block;\n  box-sizing: border-box;\n  font-family: Rawline, Raleway, sans-serif;\n}\n","import {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core'\n\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/textarea?tab=designer).\n *\n * @slot default - Espaço de conteúdo do textarea. Geralmente usado para incluir texto adicional ou instruções para o usuário.\n */\n@Component({\n  tag: 'br-textarea',\n  styleUrl: 'textarea.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Textarea {\n  @Element() el: HTMLBrTextareaElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Valor exibido no textarea.\n   * Pode ser alterado pelo usuário se a propriedade `readonly` não estiver ativa.\n   */\n  @Prop({ mutable: true, reflect: true }) value: string\n\n  /**\n   * Texto exibido como rótulo do input.\n   */\n  @Prop({ reflect: true }) readonly label: string\n\n  /**\n   * Texto exibido dentro do input quando está vazio, fornecendo uma dica ou sugestão ao usuário.\n   */\n  @Prop({ reflect: true }) readonly placeholder: string\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-textarea-${textareaId++}`\n\n  /**\n   * Indica se o textarea está desabilitado. Quando verdadeiro, o usuário não pode interagir com o campo.\n   */\n  @Prop({ reflect: true }) readonly disabled: boolean = false\n\n  /**\n   * Número máximo de caracteres permitidos no textarea. Se definido como 0, não há limite.\n   */\n  @Prop({ reflect: true }) readonly maxlength: number = 0\n\n  /**\n   * Mostra o contador com a quantidade máxima de caracteres.\n   */\n  @Prop({ reflect: true }) readonly showCounter: boolean = false\n\n  /**\n   * Define o estado visual do componente, podendo ser 'danger', 'success' ou 'warning'.\n   */\n  @Prop({ reflect: true }) readonly state: 'danger' | 'success' | 'warning'\n  /**\n   * Ajusta a densidade do componente, podendo ser 'small', 'medium' ou 'large'.\n   */\n  @Prop({ reflect: true }) readonly density: 'small' | 'medium' | 'large' = 'medium'\n\n  /**\n   * Se verdadeiro, o rótulo e o input estarão na mesma linha (layout inline).\n   */\n  @Prop({ reflect: true }) readonly isInline: boolean = false\n\n  /**\n   * Comprimento atual do texto no textarea. É atualizado sempre que o valor do textarea muda.\n   */\n  @State() currentLength: number\n\n  componentWillLoad() {\n    this.currentLength = this.value?.length\n  }\n\n  /**\n   * Valor atualizado do textarea\n   */\n  @Event() valueChange: EventEmitter<string>\n\n  @Watch('value')\n  valueChanged() {\n    this.currentLength = this.value?.length\n  }\n\n  private readonly handleInput = (event: Event) => {\n    this.value = (event.target as HTMLInputElement).value\n    this.currentLength = this.value?.length\n    this.valueChange.emit(this.value)\n  }\n\n  /**\n   * Define um novo valor para o textarea.\n   * @param newValue - O novo valor a ser definido.\n   */\n  @Method()\n  async setValue(newValue: string) {\n    this.value = newValue\n    this.currentLength = this.value?.length\n    this.valueChange.emit(this.value)\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-textarea': true,\n      small: this.density === 'small',\n      medium: this.density === 'medium',\n      large: this.density === 'large',\n      success: this.state === 'success',\n      danger: this.state === 'danger',\n      warning: this.state === 'warning',\n    }\n  }\n\n  render() {\n    const caracteresRestantes: number = this.maxlength - this.currentLength\n    const mostrarLimite = this.currentLength > 0\n\n    return (\n      <Host>\n        <div class={this.getCssClassMap()}>\n          <div class={this.isInline ? 'row' : ''}>\n            {this.isInline ? (\n              <div class=\"col-auto pt-half\">\n                <label htmlFor={this.customId}>{this.label}</label>\n              </div>\n            ) : (\n              <label htmlFor={this.customId}>{this.label}</label>\n            )}\n            <div class={this.isInline ? 'col' : ''}>\n              <textarea\n                id={this.customId}\n                value={this.value}\n                placeholder={this.placeholder}\n                disabled={this.disabled}\n                onInput={this.handleInput}\n                {...(this.maxlength > 0 ? { maxLength: this.maxlength } : {})}\n              ></textarea>\n              <div class=\"text-base mt-1\">\n                {this.showCounter && (\n                  <div>\n                    {mostrarLimite ? (\n                      <span class=\"restantes\" aria-live=\"polite\" role=\"status\" id=\"limitMax\">\n                        Restam <strong>{caracteresRestantes}</strong> caracteres\n                      </span>\n                    ) : (\n                      <span class=\"limit\" aria-live=\"polite\">\n                        Limite máximo de <strong>{this.maxlength}</strong> caracteres\n                      </span>\n                    )}\n                  </div>\n                )}\n              </div>\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    )\n  }\n}\n\nlet textareaId = 0\n"],"names":[],"mappings":"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"}

package/dist/webcomponents/br-upload.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"br-upload.entry.esm.js","sources":["../../packages/webcomponents/src/components/upload/upload.scss?tag=br-upload&encapsulation=shadow","../../packages/webcomponents/src/components/upload/upload.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/upload/upload\";\n\n:host {\n  display: block;\n}\n\n.br-upload {\n  br-icon {\n    margin-right: var(--spacing-scale-base);\n  }\n}\n","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"],"names":[],"mappings":"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"}

package/dist/webcomponents/index.esm.js

@@ -0,0 +1,7 @@
+/*!
+ * Construído por SERPRO
+ * © https://serpro.gov.br/ - MIT License.
+ */
+//# sourceMappingURL=index.esm.js.map
+
+//# sourceMappingURL=index.esm.js.map

package/dist/webcomponents/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/webcomponents/loader.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.esm.js","sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = async (win, options) => {\n  if (typeof window === 'undefined') return undefined;\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"names":[],"mappings":";;;;;;;;AAGY,MAAC,oBAAoB,GAAG,OAAO,GAAG,EAAE,OAAO,KAAK;AAC5D,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,SAAS;AACrD,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D;;;;"}