@govbr-ds/webcomponents 2.0.0-next.17 → 2.0.0-next.19

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

@@ -0,0 +1,221 @@
+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: 'checkbox',
+    name: 'Checkbox',
+    files: ['hidden-label', 'horizontal', 'indeterminate', 'slotted', 'state', 'vertical'],
+  },
+  {
+    path: 'dropdown',
+    name: 'Dropdown',
+    files: ['simples'],
+  },
+  {
+    path: 'icon',
+    name: 'Icon',
+    files: ['flip', 'font-awesome', 'inline', 'rotate', 'width-height'],
+  },
+  {
+    path: 'input',
+    name: 'Input',
+    files: ['state', 'with-button', 'highlight', 'inline', 'density'],
+  },
+  {
+    path: 'item',
+    name: 'Item',
+    files: ['density', 'vertical', 'state', 'selectable'],
+  },
+  {
+    path: 'list',
+    name: 'List',
+    files: ['selectable', 'density', 'grouped', 'horizontal'],
+  },
+  {
+    path: 'loading',
+    name: 'Loading',
+    files: ['indeterminate', 'progress'],
+  },
+  {
+    path: 'message',
+    name: 'Message',
+    files: ['feedback', 'message'],
+  },
+  {
+    path: 'switch',
+    name: 'Switch',
+    files: ['label', 'has-icon', 'density', 'state'],
+  },
+  {
+    path: 'textarea',
+    name: 'Textarea',
+    files: [
+      'simples',
+      'contador',
+      'density',
+      'inline',
+    ],
+  },
+  {
+    path: 'upload',
+    name: 'Upload',
+    files: ['single', 'multiple', 'restricted', 'disabled'],
+  },
+  // 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() {
+  MENU_ITEMS.forEach((page) => {
+    const link = document.createElement('a')
+    link.href = `/${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({}, '', `/${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 = `/${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({}, '', `/${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');
+  }
+}

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

@@ -0,0 +1,180 @@
+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 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 promises = files.map((file) =>
+    fetch(`./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);
+        });
+      }
+
+      loadRelatedScriptsFromContent();
+    })
+    .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
+
+  fetch(`./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 loadRelatedScriptsFromContent() {
+  const contentHTML = CONTENT_ELEMENT.innerHTML;
+  const relatedPaths = contentHTML.match(/br-(\w+)/g);
+
+  if (relatedPaths) {
+    relatedPaths.forEach((relatedPath) => {
+      const normalizedPath = relatedPath.substring(3);
+      const relatedScript = document.createElement('script');
+      relatedScript.src = `./pages/components/${normalizedPath}/index.js`;
+      document.body.appendChild(relatedScript);
+    });
+  }
+}
+
+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 currentPath = window.location.pathname.split('/').pop();
+
+  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({}, '', `/${firstPage.path}`);
+    }
+  }
+}
+
+loadPageFromURL();

package/dist/collection/utils/inherited-attributes.js

@@ -1,3 +1,7 @@
+/*!
+ * Construído com @govbr-ds/webcomponents
+ * Padrão Digital de Governo.
+ */
 // This file was based on the core/utils/helpers from the Ionic Framework (MIT)
 // https://github.com/ionic-team/ionic-framework/blob/main/core/src/utils/helpers.ts
 /**

package/dist/collection/utils/inherited-attributes.js.map

@@ -1 +1 @@
-{"version":3,"file":"inherited-attributes.js","sourceRoot":"","sources":["../../src/utils/inherited-attributes.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,oFAAoF;AAIpF;;;;GAIG;AACH,MAAM,cAAc,GAAG;IACrB,MAAM;IACN,uBAAuB;IACvB,aAAa;IACb,mBAAmB;IACnB,mBAAmB;IACnB,6BAA6B;IAC7B,WAAW;IACX,cAAc;IACd,eAAe;IACf,eAAe;IACf,mBAAmB;IACnB,cAAc;IACd,eAAe;IACf,cAAc;IACd,kBAAkB;IAClB,kBAAkB;IAClB,cAAc;IACd,eAAe;IACf,mBAAmB;IACnB,eAAe;IACf,aAAa;IACb,eAAe;IACf,aAAa;IACb,cAAc;IACd,mBAAmB;IACnB,YAAY;IACZ,iBAAiB;IACjB,YAAY;IACZ,WAAW;IACX,gBAAgB;IAChB,sBAAsB;IACtB,kBAAkB;IAClB,WAAW;IACX,kBAAkB;IAClB,eAAe;IACf,cAAc;IACd,eAAe;IACf,eAAe;IACf,eAAe;IACf,sBAAsB;IACtB,eAAe;IACf,eAAe;IACf,mBAAmB;IACnB,cAAc;IACd,eAAe;IACf,cAAc;IACd,WAAW;IACX,eAAe;IACf,eAAe;IACf,eAAe;IACf,gBAAgB;CACjB,CAAA;AAED;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAe,EAAE,aAAuB,EAAE,EAAE,EAAE;IAC9E,MAAM,eAAe,GAAe,EAAE,CAAA;IAEtC,UAAU,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QAC1B,IAAI,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;YAC1B,MAAM,KAAK,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;YACnC,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;gBACnB,eAAe,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;YAC/C,CAAC;YACD,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;QAC1B,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,eAAe,CAAA;AACxB,CAAC,CAAA;AAED;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAe,EAAE,UAAqB,EAAE,EAAE;IAC9E,IAAI,mBAAmB,GAAG,cAAc,CAAA;IACxC,IAAI,UAAU,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACxC,mBAAmB,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAA;IACxF,CAAC;IACD,OAAO,iBAAiB,CAAC,EAAE,EAAE,mBAAmB,CAAC,CAAA;AACnD,CAAC,CAAA","sourcesContent":["// This file was based on the core/utils/helpers from the Ionic Framework (MIT)\n// https://github.com/ionic-team/ionic-framework/blob/main/core/src/utils/helpers.ts\n\nexport type Attributes = Record<string, any>\n\n/**\n * List of available ARIA attributes + `role`.\n * Removed deprecated attributes.\n * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes\n */\nconst ariaAttributes = [\n  'role',\n  'aria-activedescendant',\n  'aria-atomic',\n  'aria-autocomplete',\n  'aria-braillelabel',\n  'aria-brailleroledescription',\n  'aria-busy',\n  'aria-checked',\n  'aria-colcount',\n  'aria-colindex',\n  'aria-colindextext',\n  'aria-colspan',\n  'aria-controls',\n  'aria-current',\n  'aria-describedby',\n  'aria-description',\n  'aria-details',\n  'aria-disabled',\n  'aria-errormessage',\n  'aria-expanded',\n  'aria-flowto',\n  'aria-haspopup',\n  'aria-hidden',\n  'aria-invalid',\n  'aria-keyshortcuts',\n  'aria-label',\n  'aria-labelledby',\n  'aria-level',\n  'aria-live',\n  'aria-multiline',\n  'aria-multiselectable',\n  'aria-orientation',\n  'aria-owns',\n  'aria-placeholder',\n  'aria-posinset',\n  'aria-pressed',\n  'aria-readonly',\n  'aria-relevant',\n  'aria-required',\n  'aria-roledescription',\n  'aria-rowcount',\n  'aria-rowindex',\n  'aria-rowindextext',\n  'aria-rowspan',\n  'aria-selected',\n  'aria-setsize',\n  'aria-sort',\n  'aria-valuemax',\n  'aria-valuemin',\n  'aria-valuenow',\n  'aria-valuetext',\n]\n\n/**\n * Elements inside of web components sometimes need to inherit global attributes\n * set on the host. For example, the inner input in `ion-input` should inherit\n * the `title` attribute that developers set directly on `ion-input`. This\n * helper function should be called in componentWillLoad and assigned to a variable\n * that is later used in the render function.\n *\n * This does not need to be reactive as changing attributes on the host element\n * does not trigger a re-render.\n */\nexport const inheritAttributes = (el: HTMLElement, attributes: string[] = []) => {\n  const attributeObject: Attributes = {}\n\n  attributes.forEach((attr) => {\n    if (el.hasAttribute(attr)) {\n      const value = el.getAttribute(attr)\n      if (value !== null) {\n        attributeObject[attr] = el.getAttribute(attr)\n      }\n      el.removeAttribute(attr)\n    }\n  })\n\n  return attributeObject\n}\n\n/**\n * Returns an array of aria attributes that should be copied from\n * the shadow host element to a target within the light DOM.\n * @param el The element that the attributes should be copied from.\n * @param ignoreList The list of aria-attributes to ignore reflecting and removing from the host.\n * Use this in instances where we manually specify aria attributes on the `<Host>` element.\n */\nexport const inheritAriaAttributes = (el: HTMLElement, ignoreList?: string[]) => {\n  let attributesToInherit = ariaAttributes\n  if (ignoreList && ignoreList.length > 0) {\n    attributesToInherit = attributesToInherit.filter((attr) => !ignoreList.includes(attr))\n  }\n  return inheritAttributes(el, attributesToInherit)\n}\n"]}
+{"version":3,"file":"inherited-attributes.js","sourceRoot":"","sources":["../../../src/utils/inherited-attributes.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,oFAAoF;AAIpF;;;;GAIG;AACH,MAAM,cAAc,GAAG;IACrB,MAAM;IACN,uBAAuB;IACvB,aAAa;IACb,mBAAmB;IACnB,mBAAmB;IACnB,6BAA6B;IAC7B,WAAW;IACX,cAAc;IACd,eAAe;IACf,eAAe;IACf,mBAAmB;IACnB,cAAc;IACd,eAAe;IACf,cAAc;IACd,kBAAkB;IAClB,kBAAkB;IAClB,cAAc;IACd,eAAe;IACf,mBAAmB;IACnB,eAAe;IACf,aAAa;IACb,eAAe;IACf,aAAa;IACb,cAAc;IACd,mBAAmB;IACnB,YAAY;IACZ,iBAAiB;IACjB,YAAY;IACZ,WAAW;IACX,gBAAgB;IAChB,sBAAsB;IACtB,kBAAkB;IAClB,WAAW;IACX,kBAAkB;IAClB,eAAe;IACf,cAAc;IACd,eAAe;IACf,eAAe;IACf,eAAe;IACf,sBAAsB;IACtB,eAAe;IACf,eAAe;IACf,mBAAmB;IACnB,cAAc;IACd,eAAe;IACf,cAAc;IACd,WAAW;IACX,eAAe;IACf,eAAe;IACf,eAAe;IACf,gBAAgB;CACjB,CAAA;AAED;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAe,EAAE,aAAuB,EAAE,EAAE,EAAE;IAC9E,MAAM,eAAe,GAAe,EAAE,CAAA;IAEtC,UAAU,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QAC1B,IAAI,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;YAC1B,MAAM,KAAK,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;YACnC,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;gBACnB,eAAe,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;YAC/C,CAAC;YACD,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;QAC1B,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,eAAe,CAAA;AACxB,CAAC,CAAA;AAED;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAe,EAAE,UAAqB,EAAE,EAAE;IAC9E,IAAI,mBAAmB,GAAG,cAAc,CAAA;IACxC,IAAI,UAAU,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACxC,mBAAmB,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAA;IACxF,CAAC;IACD,OAAO,iBAAiB,CAAC,EAAE,EAAE,mBAAmB,CAAC,CAAA;AACnD,CAAC,CAAA","sourcesContent":["// This file was based on the core/utils/helpers from the Ionic Framework (MIT)\n// https://github.com/ionic-team/ionic-framework/blob/main/core/src/utils/helpers.ts\n\nexport type Attributes = Record<string, any>\n\n/**\n * List of available ARIA attributes + `role`.\n * Removed deprecated attributes.\n * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes\n */\nconst ariaAttributes = [\n  'role',\n  'aria-activedescendant',\n  'aria-atomic',\n  'aria-autocomplete',\n  'aria-braillelabel',\n  'aria-brailleroledescription',\n  'aria-busy',\n  'aria-checked',\n  'aria-colcount',\n  'aria-colindex',\n  'aria-colindextext',\n  'aria-colspan',\n  'aria-controls',\n  'aria-current',\n  'aria-describedby',\n  'aria-description',\n  'aria-details',\n  'aria-disabled',\n  'aria-errormessage',\n  'aria-expanded',\n  'aria-flowto',\n  'aria-haspopup',\n  'aria-hidden',\n  'aria-invalid',\n  'aria-keyshortcuts',\n  'aria-label',\n  'aria-labelledby',\n  'aria-level',\n  'aria-live',\n  'aria-multiline',\n  'aria-multiselectable',\n  'aria-orientation',\n  'aria-owns',\n  'aria-placeholder',\n  'aria-posinset',\n  'aria-pressed',\n  'aria-readonly',\n  'aria-relevant',\n  'aria-required',\n  'aria-roledescription',\n  'aria-rowcount',\n  'aria-rowindex',\n  'aria-rowindextext',\n  'aria-rowspan',\n  'aria-selected',\n  'aria-setsize',\n  'aria-sort',\n  'aria-valuemax',\n  'aria-valuemin',\n  'aria-valuenow',\n  'aria-valuetext',\n]\n\n/**\n * Elements inside of web components sometimes need to inherit global attributes\n * set on the host. For example, the inner input in `ion-input` should inherit\n * the `title` attribute that developers set directly on `ion-input`. This\n * helper function should be called in componentWillLoad and assigned to a variable\n * that is later used in the render function.\n *\n * This does not need to be reactive as changing attributes on the host element\n * does not trigger a re-render.\n */\nexport const inheritAttributes = (el: HTMLElement, attributes: string[] = []) => {\n  const attributeObject: Attributes = {}\n\n  attributes.forEach((attr) => {\n    if (el.hasAttribute(attr)) {\n      const value = el.getAttribute(attr)\n      if (value !== null) {\n        attributeObject[attr] = el.getAttribute(attr)\n      }\n      el.removeAttribute(attr)\n    }\n  })\n\n  return attributeObject\n}\n\n/**\n * Returns an array of aria attributes that should be copied from\n * the shadow host element to a target within the light DOM.\n * @param el The element that the attributes should be copied from.\n * @param ignoreList The list of aria-attributes to ignore reflecting and removing from the host.\n * Use this in instances where we manually specify aria attributes on the `<Host>` element.\n */\nexport const inheritAriaAttributes = (el: HTMLElement, ignoreList?: string[]) => {\n  let attributesToInherit = ariaAttributes\n  if (ignoreList && ignoreList.length > 0) {\n    attributesToInherit = attributesToInherit.filter((attr) => !ignoreList.includes(attr))\n  }\n  return inheritAttributes(el, attributesToInherit)\n}\n"]}

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

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

package/dist/collection/utils/unique-id-generator.js

@@ -1,3 +1,7 @@
+/*!
+ * Construído com @govbr-ds/webcomponents
+ * Padrão Digital de Governo.
+ */
 export default function generateUniqueId(prefix = 'id', randomPartLength = 30) {
     // Cria uma parte aleatória do comprimento desejado
     const randomPart = Array.from(crypto.getRandomValues(new Uint8Array(randomPartLength)))

package/dist/collection/utils/unique-id-generator.js.map

@@ -1 +1 @@
-{"version":3,"file":"unique-id-generator.js","sourceRoot":"","sources":["../../src/utils/unique-id-generator.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,SAAiB,IAAI,EAAE,mBAA2B,EAAE;IAC3F,mDAAmD;IACnD,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,IAAI,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC;SACpF,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,uCAAuC;SAC7E,IAAI,CAAC,EAAE,CAAC,CAAA,CAAC,4CAA4C;IAExD,0CAA0C;IAC1C,OAAO,GAAG,MAAM,IAAI,UAAU,EAAE,CAAA;AAClC,CAAC","sourcesContent":["export default function generateUniqueId(prefix: string = 'id', randomPartLength: number = 30): string {\n  // Cria uma parte aleatória do comprimento desejado\n  const randomPart = Array.from(crypto.getRandomValues(new Uint8Array(randomPartLength)))\n    .map((num) => (num % 16).toString(16)) // Converte os números para hexadecimal\n    .join('') // Junta os caracteres para criar uma string\n\n  // Concatena o prefixo e a parte aleatória\n  return `${prefix}-${randomPart}`\n}\n"]}
+{"version":3,"file":"unique-id-generator.js","sourceRoot":"","sources":["../../../src/utils/unique-id-generator.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,SAAiB,IAAI,EAAE,mBAA2B,EAAE;IAC3F,mDAAmD;IACnD,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,IAAI,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC;SACpF,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,uCAAuC;SAC7E,IAAI,CAAC,EAAE,CAAC,CAAA,CAAC,4CAA4C;IAExD,0CAA0C;IAC1C,OAAO,GAAG,MAAM,IAAI,UAAU,EAAE,CAAA;AAClC,CAAC","sourcesContent":["export default function generateUniqueId(prefix: string = 'id', randomPartLength: number = 30): string {\n  // Cria uma parte aleatória do comprimento desejado\n  const randomPart = Array.from(crypto.getRandomValues(new Uint8Array(randomPartLength)))\n    .map((num) => (num % 16).toString(16)) // Converte os números para hexadecimal\n    .join('') // Junta os caracteres para criar uma string\n\n  // Concatena o prefixo e a parte aleatória\n  return `${prefix}-${randomPart}`\n}\n"]}

package/dist/components/br-avatar.js

@@ -1,155 +1,6 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-62a01df5.js';
-import { i as inheritAriaAttributes } from './p-ee6f4f3f.js';
-import { d as defineCustomElement$2 } from './p-215ac56c.js';
-
-const avatarCss = "*,*::before,*::after{box-sizing:border-box}html{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}[hidden]{display:none}.d-flex{display:flex !important}.align-items-center{align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter) * 0.5);padding-right:calc(var(--grid-gutter) * 0.5);width:100%}.col{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.container{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half);color:var(--interactive);text-decoration:none}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.bg-support-01{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.highlight{background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-avatar{--avatar-size:var(--avatar-small);--avatar-icon-size:var(--avatar-icon-small);--avatar-text-size:var(--avatar-text-small);--avatar-small:40px;--avatar-medium:100px;--avatar-large:160px;--avatar-icon-small:var(--icon-size-2x);--avatar-icon-medium:var(--icon-size-5x);--avatar-icon-large:var(--icon-size-8x);--avatar-text-small:var(--font-size-scale-up-03);--avatar-text-medium:var(--font-size-scale-up-07);--avatar-text-large:var(--font-size-scale-up-11);align-items:center;background-color:transparent;border:0;display:inline-flex;font-size:var(--avatar-text-size);font-weight:var(--font-weight-bold);justify-content:center;line-height:var(--avatar-size);vertical-align:middle}.br-avatar .content{align-items:center;background-color:var(--blue-10);border-radius:50%;color:var(--blue-warm-20);display:inline-flex;font-size:var(--avatar-text-size);height:var(--avatar-size);justify-content:center;overflow:hidden;text-align:center;text-transform:uppercase;vertical-align:inherit;width:var(--avatar-size)}.br-avatar .content img{height:var(--avatar-size);vertical-align:inherit;width:var(--avatar-size)}.br-avatar.small,.br-avatar[small]{--avatar-size:var(--avatar-small);--avatar-icon-size:var(--avatar-icon-small);--avatar-text-size:var(--avatar-text-small)}.br-avatar.is-medium,.br-avatar.medium,.br-avatar[medium]{--avatar-size:var(--avatar-medium);--avatar-icon-size:var(--avatar-icon-medium);--avatar-text-size:var(--avatar-text-medium)}.br-avatar.large,.br-avatar[large]{--avatar-size:var(--avatar-large);--avatar-icon-size:var(--avatar-icon-large);--avatar-text-size:var(--avatar-text-large)}.br-avatar[data-toggle=dropdown]:focus{outline:none}.br-avatar[data-toggle=dropdown]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-avatar .image{align-items:center;background-color:var(--blue-10);border-radius:50%;color:var(--blue-warm-20);display:inline-flex;font-size:var(--avatar-text-size);height:var(--avatar-size);justify-content:center;overflow:hidden;text-align:center;text-transform:uppercase;vertical-align:inherit;width:var(--avatar-size)}.br-avatar .image img{height:var(--avatar-size);vertical-align:inherit;width:var(--avatar-size)}:host{display:block}";
-const BrAvatarStyle0 = avatarCss;
-
-var Density;
-(function (Density) {
-    Density["Small"] = "small";
-    Density["Medium"] = "medium";
-    Density["Large"] = "large";
-})(Density || (Density = {}));
-const Avatar = /*@__PURE__*/ proxyCustomElement(class Avatar extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.brDidConnect = createEvent(this, "brDidConnect", 7);
-        this.brWillLoad = createEvent(this, "brWillLoad", 7);
-        this.brDidLoad = createEvent(this, "brDidLoad", 7);
-        this.brWillRender = createEvent(this, "brWillRender", 7);
-        this.brDidRender = createEvent(this, "brDidRender", 7);
-        this.brShouldUpdate = createEvent(this, "brShouldUpdate", 7);
-        this.brWillUpdate = createEvent(this, "brWillUpdate", 7);
-        this.brDidUpdate = createEvent(this, "brDidUpdate", 7);
-        this.brDidDisconnect = createEvent(this, "brDidDisconnect", 7);
-        /**
-         * Calcula o tamanho dos ícones de acordo com a classe de densidade
-         */
-        this.iconSizes = {
-            small: { height: '32', width: '40' },
-            medium: { height: '80', width: '88' },
-            large: { height: '128', width: '136' },
-        };
-        this.iconMarginTops = {
-            small: '0.7em',
-            medium: '1em',
-            large: '0.62em',
-        };
-        this.inheritedAttributes = {};
-        this.density = Density.Medium;
-        this.image = undefined;
-        this.imageAlt = 'Imagem do avatar';
-        this.isIconic = false;
-        this.text = undefined;
-        this.iconWidth = undefined;
-        this.iconHeight = undefined;
-    }
-    connectedCallback() {
-        this.brDidConnect.emit();
-    }
-    componentWillLoad() {
-        this.brWillLoad.emit();
-        this.inheritedAttributes = inheritAriaAttributes(this.el);
-        this.setIconSize();
-    }
-    componentDidLoad() {
-        this.brDidLoad.emit();
-    }
-    componentWillRender() {
-        this.brWillRender.emit();
-    }
-    componentDidRender() {
-        this.brDidRender.emit();
-    }
-    componentShouldUpdate() {
-        this.brShouldUpdate.emit();
-    }
-    componentWillUpdate() {
-        this.brWillUpdate.emit();
-    }
-    componentDidUpdate() {
-        this.brDidUpdate.emit();
-    }
-    disconnectedCallback() {
-        this.brDidDisconnect.emit();
-    }
-    /**
-     * Gera um mapa de classes CSS com base nas propriedades do componente.
-     * O mapa de classes determina quais classes CSS devem ser aplicadas
-     * ao elemento host do componente, ajustando sua aparência.
-     *
-     * @returns {CssClassMap} Objeto contendo as classes CSS aplicadas.
-     */
-    getCssClassMap() {
-        return {
-            'br-avatar': true,
-            small: this.density === Density.Small,
-            medium: this.density === Density.Medium,
-            large: this.density === Density.Large,
-        };
-    }
-    setIconSize() {
-        var _a, _b;
-        if (((_a = this.image) === null || _a === void 0 ? void 0 : _a.trim().length) !== 0 && ((_b = this.text) === null || _b === void 0 ? void 0 : _b.trim().length) !== 0) {
-            const size = this.iconSizes[this.density];
-            this.iconHeight = size.height;
-            this.iconWidth = size.width;
-        }
-    }
-    adjustIconStyle(density) {
-        return this.iconMarginTops[density] || '1em';
-    }
-    renderAvatar() {
-        var _a, _b;
-        if (((_a = this.text) === null || _a === void 0 ? void 0 : _a.trim().length) > 0) {
-            return (h("span", { class: "content bg-support-01 text-pure-0", title: this.text }, this.text[0].toUpperCase()));
-        }
-        if (((_b = this.image) === null || _b === void 0 ? void 0 : _b.trim().length) > 0) {
-            return (h("span", { class: "content", title: this.imageAlt || this.text }, h("img", { src: this.image, alt: this.imageAlt, loading: "lazy" })));
-        }
-        if (this.isIconic) {
-            return (h("span", { class: "content", title: this.text }, h("br-icon", { "icon-name": "fa-solid:user", height: this.iconHeight, width: this.iconWidth, "aria-hidden": "true", style: { 'margin-top': this.adjustIconStyle(this.density) } })));
-        }
-    }
-    render() {
-        return (h(Host, { key: '90d4903713585ba969eb111676d95f89c53522f5' }, h("span", Object.assign({ key: '3bb155bdc14da14da5bb576323446157636f3974', class: this.getCssClassMap() }, this.inheritedAttributes), this.renderAvatar())));
-    }
-    get el() { return this; }
-    static get style() { return BrAvatarStyle0; }
-}, [1, "br-avatar", {
-        "density": [1],
-        "image": [1],
-        "imageAlt": [1, "image-alt"],
-        "isIconic": [4, "is-iconic"],
-        "text": [1],
-        "iconWidth": [32],
-        "iconHeight": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["br-avatar", "br-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "br-avatar":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, Avatar);
-            }
-            break;
-        case "br-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const BrAvatar = Avatar;
-const defineCustomElement = defineCustomElement$1;
-
-export { BrAvatar, defineCustomElement };
-
+/*!
+ * Construído com @govbr-ds/webcomponents
+ * Padrão Digital de Governo.
+ */
+import{p as a,H as t,h as r,c as e}from"./p-2d8e59f6.js";import{i}from"./p-74a4eb38.js";import{d as o}from"./p-a23c3f6b.js";const n="*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}[hidden]{display:none}.d-flex{display:-ms-flexbox !important;display:flex !important}.align-items-center{-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter) * 0.5);padding-right:calc(var(--grid-gutter) * 0.5);width:100%}.col{-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.container{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base) * -1) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half);color:var(--interactive);text-decoration:none}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}:-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.text-primary-default{color:var(--color-primary-default) !important}.bg-support-01{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-avatar{--avatar-size:var(--avatar-small);--avatar-icon-size:var(--avatar-icon-small);--avatar-text-size:var(--avatar-text-small);--avatar-small:40px;--avatar-medium:100px;--avatar-large:160px;--avatar-icon-small:var(--icon-size-2x);--avatar-icon-medium:var(--icon-size-5x);--avatar-icon-large:var(--icon-size-8x);--avatar-text-small:var(--font-size-scale-up-03);--avatar-text-medium:var(--font-size-scale-up-07);--avatar-text-large:var(--font-size-scale-up-11);-ms-flex-align:center;align-items:center;background-color:transparent;border:0;display:-ms-inline-flexbox;display:inline-flex;font-size:var(--avatar-text-size);font-weight:var(--font-weight-bold);-ms-flex-pack:center;justify-content:center;line-height:var(--avatar-size);vertical-align:middle}.br-avatar .content{-ms-flex-align:center;align-items:center;background-color:var(--blue-10);border-radius:50%;color:var(--blue-warm-20);display:-ms-inline-flexbox;display:inline-flex;font-size:var(--avatar-text-size);height:var(--avatar-size);-ms-flex-pack:center;justify-content:center;overflow:hidden;text-align:center;text-transform:uppercase;vertical-align:inherit;width:var(--avatar-size)}.br-avatar .content img{height:var(--avatar-size);vertical-align:inherit;width:var(--avatar-size)}.br-avatar.small,.br-avatar[small]{--avatar-size:var(--avatar-small);--avatar-icon-size:var(--avatar-icon-small);--avatar-text-size:var(--avatar-text-small)}.br-avatar.is-medium,.br-avatar.medium,.br-avatar[medium]{--avatar-size:var(--avatar-medium);--avatar-icon-size:var(--avatar-icon-medium);--avatar-text-size:var(--avatar-text-medium)}.br-avatar.large,.br-avatar[large]{--avatar-size:var(--avatar-large);--avatar-icon-size:var(--avatar-icon-large);--avatar-text-size:var(--avatar-text-large)}.br-avatar[data-toggle=dropdown]:focus{outline:none}.br-avatar[data-toggle=dropdown]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-avatar .image{-ms-flex-align:center;align-items:center;background-color:var(--blue-10);border-radius:50%;color:var(--blue-warm-20);display:-ms-inline-flexbox;display:inline-flex;font-size:var(--avatar-text-size);height:var(--avatar-size);-ms-flex-pack:center;justify-content:center;overflow:hidden;text-align:center;text-transform:uppercase;vertical-align:inherit;width:var(--avatar-size)}.br-avatar .image img{height:var(--avatar-size);vertical-align:inherit;width:var(--avatar-size)}:host{display:block}";const l=n;const s=a(class a extends t{constructor(){super();this.__registerHost();this.__attachShadow();this.iconSizes={small:{height:"32px",width:"40px"},medium:{height:"80px",width:"88px"},large:{height:"128px",width:"136px"}};this.iconMarginTops={small:"0.7em",medium:"1em",large:"0.62em"};this.inheritedAttributes={};this.density="medium";this.image=undefined;this.imageAlt="Imagem do avatar";this.isIconic=false;this.text=undefined;this.iconWidth=undefined;this.iconHeight=undefined;this.marginTop=undefined}componentWillLoad(){this.inheritedAttributes=i(this.el)}getCssClassMap(){return{"br-avatar":true,small:this.density==="small",medium:this.density==="medium",large:this.density==="large"}}renderAvatar(){var a,t,e,i,o;if(((a=this.text)===null||a===void 0?void 0:a.trim().length)>0){return r("span",{class:"content bg-support-01 text-pure-0",title:this.text},this.text[0].toUpperCase())}if(((t=this.image)===null||t===void 0?void 0:t.trim().length)>0){return r("span",{class:"content",title:this.imageAlt||this.text},r("img",{src:this.image,alt:this.imageAlt,loading:"lazy"}))}if(this.isIconic){return r("span",{class:"content",title:this.text},r("br-icon",{"icon-name":"fa-solid:user",height:((e=this.iconHeight)===null||e===void 0?void 0:e.length)>0?this.iconHeight:this.iconSizes[this.density].height,width:((i=this.iconWidth)===null||i===void 0?void 0:i.length)>0?this.iconWidth:this.iconSizes[this.density].width,"aria-hidden":"true",style:{"margin-top":((o=this.marginTop)===null||o===void 0?void 0:o.length)>0?this.marginTop:this.iconMarginTops[this.density]}}))}}render(){return r(e,{key:"8e7d5a109467811e371dcfa56214f079b82970bb"},r("span",Object.assign({key:"63036c324a6be24469e6453a40af31e684973c1a",class:this.getCssClassMap()},this.inheritedAttributes),this.renderAvatar()))}get el(){return this}static get style(){return l}},[1,"br-avatar",{density:[1],image:[1],imageAlt:[1,"image-alt"],isIconic:[4,"is-iconic"],text:[1],iconWidth:[1,"icon-width"],iconHeight:[1,"icon-height"],marginTop:[1,"margin-top"]}]);function c(){if(typeof customElements==="undefined"){return}const a=["br-avatar","br-icon"];a.forEach((a=>{switch(a){case"br-avatar":if(!customElements.get(a)){customElements.define(a,s)}break;case"br-icon":if(!customElements.get(a)){o()}break}}))}c();const g=s;const v=c;export{g as BrAvatar,v as defineCustomElement};
 //# sourceMappingURL=br-avatar.js.map