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

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

@@ -0,0 +1,294 @@
+const MENU_ITEMS = [
+  {
+    path: 'avatar',
+    name: 'Avatar',
+    files: ['photographic', 'iconic', 'letter'],
+  },
+  {
+    path: 'button',
+    name: 'Button',
+    files: ['color-mode', 'density', 'emphasis', 'icon-position', 'shape', 'state'],
+  },
+  {
+    path: 'breadcrumb',
+    name: 'Breadcrumb',
+    files: ['breadcrumb', 'truncated', 'responsive'],
+  },
+  {
+    path: 'checkbox',
+    name: 'Checkbox',
+    files: ['hidden-label', 'horizontal', 'indeterminate', 'slotted', 'state', 'vertical'],
+  },
+  {
+    name: 'Checkgroup',
+    path: 'checkgroup',
+    files: ['checkgroup', 'concatenation'],
+  },
+  {
+    path: 'divider',
+    name: 'Divider',
+    files: ['horizontal', 'vertical', 'thickness', 'border-style', 'slot-content-alignment', 'bleed', 'color'],
+  },
+  {
+    path: 'dropdown',
+    name: 'Dropdown',
+    files: ['simples'],
+  },
+  {
+    path: 'footer',
+    name: 'Footer',
+    files: ['footer', 'footer-inverted'],
+  },
+  {
+    path: 'icon',
+    name: 'Icon',
+    files: ['flip', 'font-awesome', 'inline', 'rotate', 'width-height'],
+  },
+  {
+    path: 'input',
+    name: 'Input',
+    files: ['state', 'with-button', 'with-message', 'highlight', 'inline', 'density', 'propriedades'],
+  },
+  {
+    path: 'item',
+    name: 'Item',
+    files: ['density', 'vertical', 'state', 'selectable'],
+  },
+  {
+    path: 'list',
+    name: 'List',
+    files: ['selectable', 'density', 'grouped', 'grouped-collapse', 'grouped-accordion', 'horizontal'],
+  },
+  {
+    path: 'loading',
+    name: 'Loading',
+    files: ['indeterminate', 'progress'],
+  },
+  {
+    path: 'message',
+    name: 'Message',
+    files: ['feedback', 'message'],
+  },
+  {
+    path: 'radio',
+    name: 'Radio',
+    files: ['hidden-label', 'radio-group-vertical', 'radio-group', 'slotted', 'state'],
+  },
+  {
+    path: 'select',
+    name: 'Select',
+    files: ['simple', 'multiple', 'with-array-object'],
+  },
+  {
+    path: 'switch',
+    name: 'Switch',
+    files: ['label', 'has-icon', 'density', 'state'],
+  },
+  {
+    path: 'tab',
+    name: 'Tab',
+    files: ['simples', 'iconeetexto', 'fundoescuro', 'counter', 'somenteicone', 'density'],
+  },
+  {
+    path: 'step',
+    name: 'Step',
+    files: ['mode', 'content-type', 'horizontal-layout', 'vertical-layout', 'progression-type'],
+  },
+  {
+    path: 'tag',
+    name: 'Tag',
+    files: ['tag', 'density', 'status', 'interaction', 'persistent-interaction', 'icons', 'counts'],
+  },
+  {
+    path: 'textarea',
+    name: 'Textarea',
+    files: ['simples', 'contador', 'density', 'inline'],
+  },
+  {
+    path: 'upload',
+    name: 'Upload',
+    files: ['single', 'multiple', 'restricted', 'disabled'],
+  },
+  {
+    path: 'collapse',
+    name: 'Collapse',
+    files: ['accordion-behavior', 'collapse-with-icon-position', 'collapse-with-different-icons'],
+  },
+  {
+    path: 'scrim',
+    name: 'Scrim',
+    files: [
+      'scrim',
+      'disable-close-on-click',
+      'position-content',
+      'custom-background',
+      'scroll-strategy',
+      'custom-opacity',
+      'display-mode',
+    ],
+    path: 'table',
+    name: 'Table',
+    files: ['table'],
+  },
+  // NOVOS COMPONENTES - NÃO DELETAR
+]
+
+const MENU_STATIC_ITEMS = [
+  {
+    path: 'all-component-events',
+    name: 'Eventos',
+  },
+  {
+    path: 'all-component-methods',
+    name: 'Métodos',
+  },
+  {
+    path: 'all-component-props',
+    name: 'Propriedades',
+  },
+  {
+    path: 'all-component-slots',
+    name: 'Slots',
+  },
+]
+
+const MENU_BODY = document.querySelector('.menu-body')
+const MENU_FILTER = document.getElementById('menu-filter')
+const CLEAR_MENU_FILTER = document.getElementById('clear-menu-filter')
+const menuButton = document.getElementById('menu-button')
+const responsiveMenuButton = document.getElementById('responsive-menu-button')
+const menuElement = document.getElementById('main-navigation')
+const iconElement = menuButton.querySelector('i')
+
+function setLinks() {
+  const baseUrl = getBaseUrl()
+
+  MENU_ITEMS.sort(compareByNames).forEach((page) => {
+    const link = document.createElement('a')
+    link.href = `${baseUrl}/${page.path}`
+    link.className = 'menu-item br-link'
+    link.textContent = page.name
+    link.addEventListener('click', (event) => {
+      event.preventDefault()
+
+      if (link.classList.contains('active')) {
+        return
+      }
+
+      removeAllActiveClasses()
+      link.classList.add('active')
+      loadPage(page.path, page.files)
+      window.history.pushState({}, '', `${baseUrl}/${page.path}`)
+
+      if (window.innerWidth <= 575) {
+        toggleMenu()
+      }
+    })
+
+    MENU_BODY.appendChild(link)
+  })
+
+  const divider = document.createElement('div')
+  divider.classList.add('br-divider')
+  MENU_BODY.appendChild(divider)
+
+  const staticHeader = document.createElement('div')
+  staticHeader.classList.add('menu-item')
+  staticHeader.innerHTML = 'Arquivos MD (precisa do <strong>build</strong>)'
+  MENU_BODY.appendChild(staticHeader)
+
+  MENU_STATIC_ITEMS.forEach((page) => {
+    const link = document.createElement('a')
+    link.href = `${baseUrl}/${page.path}`
+    link.className = 'menu-item br-link'
+    link.textContent = page.name
+    link.addEventListener('click', (event) => {
+      event.preventDefault()
+
+      if (link.classList.contains('active')) {
+        return
+      }
+
+      removeAllActiveClasses()
+      link.classList.add('active')
+      loadMarkdown(page.path)
+      window.history.pushState({}, '', `${baseUrl}/${page.path}`)
+
+      if (window.innerWidth <= 575) {
+        toggleMenu()
+      }
+    })
+
+    MENU_BODY.appendChild(link)
+  })
+}
+
+function filterMenu() {
+  const filterValue = MENU_FILTER.value.toLowerCase()
+  const menuItems = MENU_BODY.querySelectorAll('.menu-item')
+
+  menuItems.forEach((item) => {
+    if (item.textContent.toLowerCase().includes(filterValue)) {
+      item.style.display = ''
+    } else {
+      item.style.display = 'none'
+    }
+  })
+
+  CLEAR_MENU_FILTER.style.display = filterValue ? 'block' : 'none'
+}
+
+function clearInput() {
+  MENU_FILTER.value = ''
+  filterMenu()
+}
+
+window.addEventListener('load', () => {
+  setLinks()
+  loadPageFromURL()
+
+  menuButton.addEventListener('click', toggleMenu)
+  responsiveMenuButton.addEventListener('click', toggleMenu)
+
+  const mediaQuery = window.matchMedia('(min-width: 576px)')
+  mediaQuery.addEventListener('change', handleMediaChange)
+
+  function handleMediaChange(event) {
+    if (event.matches && responsiveMenuButton) responsiveMenuButton.style.display = 'none'
+    if (!event.matches && responsiveMenuButton) responsiveMenuButton.style.display = ''
+  }
+
+  handleMediaChange(mediaQuery)
+
+  MENU_FILTER.addEventListener('input', filterMenu)
+  CLEAR_MENU_FILTER.addEventListener('click', clearInput)
+})
+
+function removeAllActiveClasses() {
+  const menuItems = document.querySelectorAll('.menu-item')
+  menuItems.forEach((item) => {
+    item.classList.remove('active')
+  })
+}
+
+function toggleMenu() {
+  menuElement.classList.toggle('active')
+
+  if (menuElement.classList.contains('active')) {
+    iconElement.classList.remove('fa-bars')
+    iconElement.classList.add('fa-times')
+  } else {
+    iconElement.classList.add('fa-bars')
+    iconElement.classList.remove('fa-times')
+  }
+}
+
+function compareByNames(a, b) {
+  if (a.name < b.name) {
+    return -1
+  }
+  if (a.name > b.name) {
+    return 1
+  }
+  return 0
+}

package/dist/collection/pages/scripts/pageLoader.js

@@ -0,0 +1,179 @@
+const CONTENT_ELEMENT = document.getElementById('content')
+const COMPONENTS_FILTER = document.getElementById('components-filter')
+const CLEAR_COMPONENTS_FILTER = document.getElementById('clear-components-filter')
+
+let renderedFilesContent = {}
+
+function getBaseUrl() {
+  const baseUrl = window.location.pathname.split('/').slice(0, -1).join('/')
+  return baseUrl === '' ? '' : baseUrl
+}
+
+function loadPage(path, files) {
+  CONTENT_ELEMENT.innerHTML = ''
+  renderedFilesContent = {}
+  COMPONENTS_FILTER.value = '' // Limpa o campo de busca ao trocar de página
+  CLEAR_COMPONENTS_FILTER.style.display = 'none' // Esconde o botão de limpar
+
+  const baseUrl = getBaseUrl()
+  const promises = files.map((file) =>
+    fetch(`${baseUrl}/pages/components/${path}/${file}.html`).then((response) =>
+      response.text().then((text) => ({ file, text }))
+    )
+  )
+
+  Promise.all(promises)
+    .then((results) => {
+      if (results.length > 0) {
+        results.forEach(({ file, text }) => {
+          const contentDiv = document.createElement('div')
+          contentDiv.classList.add('file', 'mt-2', 'mb-5')
+
+          const titleHTML = `<h3>${file}</h3><div class="br-divider"></div>`
+          contentDiv.insertAdjacentHTML('beforeend', titleHTML + text)
+
+          renderedFilesContent[file] = { content: text.toLowerCase(), element: contentDiv }
+
+          CONTENT_ELEMENT.appendChild(contentDiv)
+        })
+      }
+
+      const relatedScript = document.createElement('script')
+      relatedScript.src = `${getBaseUrl()}/pages/components/${path}/index.js`
+      document.body.appendChild(relatedScript)
+    })
+    .catch((error) => {
+      console.log('Erro ao carregar a página:', error)
+    })
+}
+
+function loadMarkdown(path) {
+  CONTENT_ELEMENT.innerHTML = ''
+  renderedFilesContent = {}
+  COMPONENTS_FILTER.value = '' // Limpa o campo de busca ao trocar de página
+  CLEAR_COMPONENTS_FILTER.style.display = 'none' // Esconde o botão de limpar
+
+  const baseUrl = getBaseUrl()
+  fetch(`${baseUrl}/assets/stencil-generated-docs/${path}.md`)
+    .then((response) => response.text())
+    .then((text) => {
+      const contentDiv = document.createElement('div')
+      contentDiv.classList.add('file', 'mt-2', 'mb-5')
+      contentDiv.innerHTML = marked.parse(text)
+      CONTENT_ELEMENT.appendChild(contentDiv)
+
+      renderedFilesContent[path] = { content: contentDiv.innerHTML.toLowerCase(), element: contentDiv }
+    })
+    .catch((error) => {
+      console.error('Erro ao carregar a página:', error)
+    })
+}
+
+function filterContent() {
+  const filterValue = COMPONENTS_FILTER.value.toLowerCase()
+  const normalizedFilterValue = filterValue.normalize('NFD').replace(/[\u0300-\u036f]/g, '')
+
+  Object.values(renderedFilesContent).forEach(({ content, element }) => {
+    const titleElement = element.querySelector('h3')
+    const titleText = titleElement ? titleElement.textContent.toLowerCase() : ''
+    const normalizedTitleText = titleText.normalize('NFD').replace(/[\u0300-\u036f]/g, '')
+
+    // Inicializa o conteúdo do shadow DOM para componentes personalizados
+    let shadowContent = ''
+
+    // Função para coletar o conteúdo dos slots de um custom element
+    const collectSlotContent = (customElement) => {
+      if (customElement.shadowRoot) {
+        const slots = customElement.shadowRoot.querySelectorAll('slot')
+        slots.forEach((slot) => {
+          const assignedNodes = slot.assignedNodes()
+          assignedNodes.forEach((node) => {
+            shadowContent += node.textContent.toLowerCase() + ' '
+          })
+        })
+      }
+    }
+
+    // Procura todos os custom elements dentro do elemento
+    const customElements = element.querySelectorAll('*')
+    customElements.forEach((customElement) => {
+      if (customElement.tagName.includes('-')) {
+        // Identifica se é um custom element
+        collectSlotContent(customElement)
+      }
+    })
+
+    // Filtra o conteúdo
+    const combinedContent = content + ' ' + shadowContent // Combina conteúdo e shadow content
+
+    if (element.querySelector('table')) {
+      const rows = element.querySelectorAll('table tr')
+      rows.forEach((row, index) => {
+        if (index === 0) {
+          row.style.display = ''
+        } else {
+          const rowText = row.textContent
+            .toLowerCase()
+            .normalize('NFD')
+            .replace(/[\u0300-\u036f]/g, '')
+          row.style.display = rowText.includes(normalizedFilterValue) ? '' : 'none'
+        }
+      })
+    } else if (
+      normalizedFilterValue &&
+      (combinedContent.includes(normalizedFilterValue) || normalizedTitleText.includes(normalizedFilterValue))
+    ) {
+      element.style.display = '' // Exibe o elemento se o conteúdo combinado inclui o valor filtrado
+    } else {
+      element.style.display = normalizedFilterValue ? 'none' : '' // Oculta se não houver filtro
+    }
+  })
+
+  CLEAR_COMPONENTS_FILTER.style.display = filterValue ? 'block' : 'none'
+}
+
+COMPONENTS_FILTER.addEventListener('input', filterContent)
+
+CLEAR_COMPONENTS_FILTER.addEventListener('click', () => {
+  COMPONENTS_FILTER.value = ''
+  filterContent()
+})
+
+function loadPageFromURL() {
+  const baseUrl = getBaseUrl()
+  const currentPath = window.location.pathname.replace(baseUrl, '').split('/').filter(Boolean)[0] || ''
+
+  MENU_ITEMS.forEach((page) => {
+    if (page.path === currentPath) {
+      const link = Array.from(MENU_BODY.children).find((item) => item.getAttribute('href') === `/${page.path}`)
+
+      if (link) {
+        link.classList.add('active')
+        loadPage(page.path, page.files)
+      }
+    }
+  })
+
+  MENU_STATIC_ITEMS.forEach((page) => {
+    if (page.path === currentPath) {
+      const link = Array.from(MENU_BODY.children).find((item) => item.getAttribute('href') === `/${page.path}`)
+
+      if (link) {
+        link.classList.add('active')
+        loadMarkdown(page.path)
+      }
+    }
+  })
+
+  if (currentPath.trim().length === 0) {
+    const firstPage = MENU_ITEMS[0]
+    loadPage(firstPage.path, firstPage.files)
+    const firstLink = MENU_BODY.querySelector('.menu-item')
+    if (firstLink) {
+      firstLink.classList.add('active')
+      window.history.pushState({}, '', `${baseUrl}/${firstPage.path}`)
+    }
+  }
+}
+
+loadPageFromURL()

package/dist/collection/utils/css-variables.js

@@ -0,0 +1,10 @@
+/*!
+ * Construído por SERPRO
+ * © https://serpro.gov.br/ - MIT License.
+ */
+export const CssVariables = {
+    ALIGN: {
+        HORIZONTAL: '--horizontal-align',
+    },
+};
+//# sourceMappingURL=css-variables.js.map

package/dist/collection/utils/css-variables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-variables.js","sourceRoot":"","sources":["../../../../../packages/webcomponents/src/utils/css-variables.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,KAAK,EAAE;QACL,UAAU,EAAE,oBAAoB;KACjC;CACF,CAAA","sourcesContent":["export const CssVariables = {\n  ALIGN: {\n    HORIZONTAL: '--horizontal-align',\n  },\n}\n"]}

package/dist/collection/utils/helpers.js

@@ -0,0 +1,17 @@
+/*!
+ * Construído por SERPRO
+ * © https://serpro.gov.br/ - MIT License.
+ */
+export default class Helpers {
+    /**
+     * Gera um ID único baseado no timestamp atual e um número aleatório.
+     * @param {string} prefix O prefixo a ser adicionado ao ID (opcional).
+     * @returns {string} Uma string com o ID gerado.
+     */
+    static generateUniqueId(prefix = 'br') {
+        const timestamp = Date.now().toString(36); // Data atual na base-36
+        const random = Math.random().toString(36).substring(2, 8); // Parte aleatória na base-36
+        return `${prefix}-${timestamp}-${random}`;
+    }
+}
+//# sourceMappingURL=helpers.js.map

package/dist/collection/utils/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../../packages/webcomponents/src/utils/helpers.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,OAAO,OAAO;IAC1B;;;;OAIG;IACH,MAAM,CAAC,gBAAgB,CAAC,SAAiB,IAAI;QAC3C,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA,CAAC,wBAAwB;QAClE,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA,CAAC,6BAA6B;QACvF,OAAO,GAAG,MAAM,IAAI,SAAS,IAAI,MAAM,EAAE,CAAA;IAC3C,CAAC;CACF","sourcesContent":["export default class Helpers {\n  /**\n   * Gera um ID único baseado no timestamp atual e um número aleatório.\n   * @param {string} prefix O prefixo a ser adicionado ao ID (opcional).\n   * @returns {string} Uma string com o ID gerado.\n   */\n  static generateUniqueId(prefix: string = 'br'): string {\n    const timestamp = Date.now().toString(36) // Data atual na base-36\n    const random = Math.random().toString(36).substring(2, 8) // Parte aleatória na base-36\n    return `${prefix}-${timestamp}-${random}`\n  }\n}\n"]}

package/dist/collection/utils/interfaces.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=interfaces.js.map

package/dist/collection/utils/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../packages/webcomponents/src/utils/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["export type CssClassMap = { [className: string]: boolean }\n"]}

package/dist/collection/utils/stack-manager.js

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

package/dist/collection/utils/stack-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack-manager.js","sourceRoot":"","sources":["../../../../../packages/webcomponents/src/utils/stack-manager.ts"],"names":[],"mappings":"","sourcesContent":[""]}

package/dist/collection/utils/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/collection/utils/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../packages/webcomponents/src/utils/types.ts"],"names":[],"mappings":"","sourcesContent":["export type HorizontalAlign = 'left' | 'center' | 'right'\n"]}

package/dist/collection/value-accessors/angular-value-accessor-config.js

@@ -0,0 +1,41 @@
+/*!
+ * Construído por SERPRO
+ * © https://serpro.gov.br/ - MIT License.
+ */
+/**
+ * Define os componentes que devem ser integrados com o ngModel (por exemplo, componentes de formulários).
+ * Permite definir qual é a propriedade alvo (por exemplo, 'value') e qual evento causará a mudança da propriedade.
+ */
+export const angularValueAccessorBindings = [
+    {
+        elementSelectors: ['br-input:not[type="number"]', 'br-textarea'],
+        event: 'valueChange',
+        targetAttr: 'value',
+        type: 'text',
+    },
+    {
+        elementSelectors: ['br-input[type="number"]'],
+        event: 'valueChange',
+        targetAttr: 'value',
+        type: 'number',
+    },
+    // {
+    //   elementSelectors: ['br-select'],
+    //   event: 'brDidSelectChange',
+    //   targetAttr: 'inputValue',
+    //   type: 'select',
+    // },
+    {
+        elementSelectors: ['br-checkbox', 'br-switch'],
+        event: 'checkedChange',
+        targetAttr: 'checked',
+        type: 'boolean',
+    },
+    {
+        elementSelectors: ['br-radio'],
+        event: 'checkedChange',
+        targetAttr: 'checked',
+        type: 'radio',
+    },
+];
+//# sourceMappingURL=angular-value-accessor-config.js.map

package/dist/collection/value-accessors/angular-value-accessor-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"angular-value-accessor-config.js","sourceRoot":"","sources":["../../../../../packages/webcomponents/src/value-accessors/angular-value-accessor-config.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAA0B;IACjE;QACE,gBAAgB,EAAE,CAAC,6BAA6B,EAAE,aAAa,CAAC;QAChE,KAAK,EAAE,aAAa;QACpB,UAAU,EAAE,OAAO;QACnB,IAAI,EAAE,MAAM;KACb;IACD;QACE,gBAAgB,EAAE,CAAC,yBAAyB,CAAC;QAC7C,KAAK,EAAE,aAAa;QACpB,UAAU,EAAE,OAAO;QACnB,IAAI,EAAE,QAAQ;KACf;IACD,IAAI;IACJ,qCAAqC;IACrC,gCAAgC;IAChC,8BAA8B;IAC9B,oBAAoB;IACpB,KAAK;IACL;QACE,gBAAgB,EAAE,CAAC,aAAa,EAAE,WAAW,CAAC;QAC9C,KAAK,EAAE,eAAe;QACtB,UAAU,EAAE,SAAS;QACrB,IAAI,EAAE,SAAS;KAChB;IACD;QACE,gBAAgB,EAAE,CAAC,UAAU,CAAC;QAC9B,KAAK,EAAE,eAAe;QACtB,UAAU,EAAE,SAAS;QACrB,IAAI,EAAE,OAAO;KACd;CACF,CAAA","sourcesContent":["import { ValueAccessorConfig } from '@stencil/angular-output-target'\n\n/**\n * Define os componentes que devem ser integrados com o ngModel (por exemplo, componentes de formulários).\n * Permite definir qual é a propriedade alvo (por exemplo, 'value') e qual evento causará a mudança da propriedade.\n */\nexport const angularValueAccessorBindings: ValueAccessorConfig[] = [\n  {\n    elementSelectors: ['br-input:not[type=\"number\"]', 'br-textarea'],\n    event: 'valueChange',\n    targetAttr: 'value',\n    type: 'text',\n  },\n  {\n    elementSelectors: ['br-input[type=\"number\"]'],\n    event: 'valueChange',\n    targetAttr: 'value',\n    type: 'number',\n  },\n  // {\n  //   elementSelectors: ['br-select'],\n  //   event: 'brDidSelectChange',\n  //   targetAttr: 'inputValue',\n  //   type: 'select',\n  // },\n  {\n    elementSelectors: ['br-checkbox', 'br-switch'],\n    event: 'checkedChange',\n    targetAttr: 'checked',\n    type: 'boolean',\n  },\n  {\n    elementSelectors: ['br-radio'],\n    event: 'checkedChange',\n    targetAttr: 'checked',\n    type: 'radio',\n  },\n]\n"]}

package/dist/collection/value-accessors/index.js

@@ -0,0 +1,7 @@
+/*!
+ * Construído por SERPRO
+ * © https://serpro.gov.br/ - MIT License.
+ */
+export * from './angular-value-accessor-config';
+export * from './vue-model-config';
+//# sourceMappingURL=index.js.map

package/dist/collection/value-accessors/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../packages/webcomponents/src/value-accessors/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAA;AAC/C,cAAc,oBAAoB,CAAA","sourcesContent":["export * from './angular-value-accessor-config'\nexport * from './vue-model-config'\n"]}

package/dist/collection/value-accessors/vue-model-config.js

@@ -0,0 +1,22 @@
+/*!
+ * Construído por SERPRO
+ * © https://serpro.gov.br/ - MIT License.
+ */
+export const vueComponentModels = [
+    {
+        elements: ['br-input', 'br-textarea'],
+        event: 'valueChange',
+        targetAttr: 'value',
+    },
+    // {
+    //   elements: ['br-select'],
+    //   event: 'brDidSelectChange',
+    //   targetAttr: 'inputValue',
+    // },
+    {
+        elements: ['br-checkbox', 'br-radio', 'br-switch'],
+        event: 'checkedChange',
+        targetAttr: 'checked',
+    },
+];
+//# sourceMappingURL=vue-model-config.js.map

package/dist/collection/value-accessors/vue-model-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-model-config.js","sourceRoot":"","sources":["../../../../../packages/webcomponents/src/value-accessors/vue-model-config.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,kBAAkB,GAA2B;IACxD;QACE,QAAQ,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC;QACrC,KAAK,EAAE,aAAa;QACpB,UAAU,EAAE,OAAO;KACpB;IACD,IAAI;IACJ,6BAA6B;IAC7B,gCAAgC;IAChC,8BAA8B;IAC9B,KAAK;IACL;QACE,QAAQ,EAAE,CAAC,aAAa,EAAE,UAAU,EAAE,WAAW,CAAC;QAClD,KAAK,EAAE,eAAe;QACtB,UAAU,EAAE,SAAS;KACtB;CACF,CAAA","sourcesContent":["import { ComponentModelConfig } from '@stencil/vue-output-target'\n\nexport const vueComponentModels: ComponentModelConfig[] = [\n  {\n    elements: ['br-input', 'br-textarea'],\n    event: 'valueChange',\n    targetAttr: 'value',\n  },\n  // {\n  //   elements: ['br-select'],\n  //   event: 'brDidSelectChange',\n  //   targetAttr: 'inputValue',\n  // },\n  {\n    elements: ['br-checkbox', 'br-radio', 'br-switch'],\n    event: 'checkedChange',\n    targetAttr: 'checked',\n  },\n]\n"]}

package/dist/components/br-avatar.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BrAvatar extends Components.BrAvatar, HTMLElement {}
+export const BrAvatar: {
+    prototype: BrAvatar;
+    new (): BrAvatar;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;