- que são filhos de .side-menu\n const sideMenuLists = this.component.querySelectorAll('.side-menu > ul')\n sideMenuLists.forEach((list) => {\n const menuItem = list.parentNode.querySelector('.menu-item .content')\n const menuItemText = menuItem.textContent.trim()\n\n list.setAttribute('role', 'group')\n list.setAttribute('aria-label', menuItemText)\n })\n\n // Adiciona atributo role=\"menu\" e aria-label nos elementos
- que são filhos de .menu-folder\n const menuFolderLists = this.component.querySelectorAll('.menu-folder > ul')\n menuFolderLists.forEach((list) => {\n const menuItem = list.parentNode.querySelector('.menu-item .content')\n const menuItemText = menuItem.textContent.trim()\n list.setAttribute('role', 'tree')\n if (this.contextual) {\n list.setAttribute('role', 'menubar')\n }\n list.setAttribute('aria-label', menuItemText)\n })\n\n const sideMenuItems = this.component.querySelectorAll('li.side-menu > .menu-item')\n for (const submenu of sideMenuItems) {\n submenu.setAttribute('aria-haspopup', 'true')\n submenu.setAttribute('aria-expanded', 'false')\n }\n\n const folderMenuItems = this.component.querySelectorAll('.menu-folder.drop-menu > .menu-item')\n for (const submenu of folderMenuItems) {\n submenu.setAttribute('aria-haspopup', 'true')\n submenu.setAttribute('aria-expanded', 'false')\n }\n }\n}\n\nexport default BRMenu\n","/** Classe para instanciar um objeto BRAlert */\nclass BRAlert {\n /**\n * Instancia do objeto\n * @param {string} name - Nome do componente em minúsculo\n * @param {object} component - Objeto referenciando a raiz do componente DOM\n */\n constructor(name, component) {\n this.name = name\n this.component = component\n this._setBehavior()\n }\n\n /**\n * Define comportamentos do componente\n * @private\n */\n _setBehavior() {\n for (const button of this.component.querySelectorAll('.br-message .close')) {\n button.addEventListener('click', () => {\n this._dismiss(this.component)\n })\n }\n }\n\n /**\n * Desvincula a instancia do objeto\n * @private\n * @param {object} component - Objeto referenciando a raiz do componente DOM\n */\n _dismiss(component) {\n component.parentNode.removeChild(component)\n }\n}\n\nexport default BRAlert\n","import BRScrim from '../scrim/scrim'\n\n/** Classe para instanciar um objeto BRModal*/\nclass BRModal {\n /**\n * Instancia do objeto\n * @param {string} name - Nome do componente em minúsculo\n * @param {object} component - Objeto referenciando a raiz do componente DOM\n */\n constructor(name, component) {\n this.name = name\n this.component = component\n this._setBehavior()\n }\n\n /**\n * Define comportamentos do componente\n * @private\n */\n _setBehavior() {\n for (const brScrim of window.document.querySelectorAll('.br-scrim')) {\n const scrim = new BRScrim('br-scrim', brScrim)\n for (const button of window.document.querySelectorAll('.br-scrim + button')) {\n button.addEventListener('click', () => {\n scrim.showScrim()\n })\n }\n }\n }\n}\n\nexport default BRModal\n","import Tooltip from '../../partial/js/behavior/tooltip'\n// import Tooltip from '../../partial/js/behavior/tooltip'\n/** Classe para instanciar um objeto BRNotification*/\nclass BRNotification {\n /**\n * Instancia do objeto\n * @param {string} name - Nome do componente em minúsculo\n * @param {object} component - Objeto referenciando a raiz do componente DOM\n */\n constructor(name, component) {\n this.name = name\n this.component = component\n this.menuBtns = component.querySelectorAll('.contextual-btn')\n this.hideEvents = ['mouseleave', 'blur']\n this._setBehavior()\n }\n\n /**\n * Esconde a notificação relativa a referência\n * @private\n * @property {object} action - Referência ao Objeto que dispara a ação\n */\n _hideNotification(action) {\n const notification = action.parentNode.parentNode\n notification.setAttribute('hidden', '')\n }\n\n /**\n * Esconde todas as notificações relativa a referência\n * @private\n * @property {object} action - Referência ao Objeto que dispara a ação\n */\n _hideAllNotifications(action) {\n const notifications = action.parentNode.parentNode.parentNode.querySelectorAll('.br-item')\n notifications.forEach((notification) => {\n notification.setAttribute('hidden', '')\n })\n }\n\n /**\n * Define comportamentos do componente\n * @private\n */\n _setBehavior() {\n for (const button of this.component.querySelectorAll('.br-notification .close')) {\n button.addEventListener('click', () => {\n this._dismiss(this.component)\n })\n }\n this._notificationTooltip()\n }\n\n /**\n * Define tooltip para a notificação\n * @private\n */\n _notificationTooltip() {\n const TooltipExampleList = []\n\n window.document.querySelectorAll(':not(.br-header) .notification-tooltip').forEach((TooltipNotification) => {\n const elementTooltip = TooltipNotification.querySelector('[data-tooltip-text]')\n\n let texttooltip = ''\n // Verifica se existe atributo data-tooltip-text\n if (elementTooltip) {\n texttooltip = elementTooltip.getAttribute('data-tooltip-text')\n\n if (texttooltip === null) {\n return\n }\n\n if (typeof texttooltip === 'undefined') {\n return\n }\n\n if (texttooltip.trim() === '') {\n return\n }\n } else {\n return\n }\n\n const config = {\n activator: TooltipNotification,\n placement: 'top',\n textTooltip: texttooltip,\n }\n for (parent = TooltipNotification.parentNode; parent; parent = parent.parentNode) {\n if (parent.classList)\n if (parent.classList.contains('header-avatar')) {\n return\n }\n }\n TooltipExampleList.push(new Tooltip(config))\n return\n })\n }\n\n /**\n * Adiciona classe para refletir comportamento de fechar\n * @private\n * @property {object} componente - Referência ao Objeto\n */\n _dismiss(component) {\n component.classList.add('close')\n }\n}\n\nexport default BRNotification\n","/** Classe para instanciar um objeto BRPagination*/\nclass BRPagination {\n /**\n * Instancia do objeto\n * @param {string} name - Nome do componente em minúsculo\n * @param {object} component - Objeto referenciando a raiz do componente DOM\n */\n constructor(name, component) {\n this.name = name\n this.component = component\n this.currentPage = 1\n this._setBehaviors()\n this._adaptSelectAccessibility()\n }\n\n /**\n * Define comportamentos do componente\n * @private\n */\n _setBehaviors() {\n this._setKeybordBehavior()\n this._setActive()\n this._dropdownBehavior()\n }\n\n /**\n * Define o comportamento de algumas teclas\n * @private\n */\n _setKeybordBehavior() {\n this._setDefaultPaginationKeybordBehavior()\n this._setContextualPaginationKeyboardBehavior()\n }\n\n _setDefaultPaginationKeybordBehavior() {\n this.component.querySelectorAll('li *:first-child').forEach((element) => {\n element.addEventListener('keydown', (event) => {\n if (event.key === 'ArrowLeft' && !element.hasAttribute('data-previous-page')) {\n element.parentElement.previousElementSibling.children[0].focus()\n }\n if (event.key === 'ArrowRight' && !element.hasAttribute('data-next-page')) {\n element.parentElement.nextElementSibling.children[0].focus()\n }\n if (event.key === 'ArrowDown' && element.nextElementSibling?.classList.contains('br-list')) {\n element.nextElementSibling.children[0].focus()\n }\n })\n })\n }\n\n _setContextualPaginationKeyboardBehavior() {\n this.component.querySelectorAll('.pagination-per-page .br-list').forEach((element) => {\n element.addEventListener('keydown', (event) => {\n if (event.key === 'Escape') {\n event.currentTarget.parentElement.focus()\n }\n })\n })\n }\n\n /**\n * Define visual do componente\n * @private\n */\n // eslint-disable-next-line complexity\n _setLayout() {\n const ul = this.component.querySelector('ul')\n const pages = this.component.querySelectorAll('.page')\n pages.forEach((page) => {\n if (page.classList.contains('active')) {\n this.currentPage = parseInt(page.innerText)\n }\n page.classList.remove('d-none')\n })\n\n if (this.currentPage === 1) {\n ul.querySelector('[data-previous-page]').setAttribute('disabled', '')\n } else {\n ul.querySelector('[data-previous-page]').removeAttribute('disabled')\n }\n\n if (this.currentPage === pages.length) {\n ul.querySelector('[data-next-page').setAttribute('disabled', '')\n } else {\n ul.querySelector('[data-next-page]').removeAttribute('disabled')\n }\n\n if (pages.length > 9) {\n if (this.currentPage < 6) {\n if (ul.querySelector('[data-previous-interval]')) {\n ul.querySelector('[data-previous-interval]').remove()\n }\n for (let page = 7; page < pages.length - 1; page++) {\n pages[page].classList.add('d-none')\n }\n if (!ul.querySelector('[data-next-interval]')) {\n ul.insertBefore(this._createIntervalElement('next'), ul.children[ul.children.length - 2])\n }\n }\n if (this.currentPage >= 6 && this.currentPage < pages.length - 4) {\n for (let page = this.currentPage - 4; page > 0; page--) {\n pages[page].classList.add('d-none')\n }\n if (!ul.querySelector('[data-previous-interval]')) {\n ul.insertBefore(this._createIntervalElement('previous'), ul.children[2])\n }\n for (let page = this.currentPage + 2; page < pages.length - 1; page++) {\n pages[page].classList.add('d-none')\n }\n if (!ul.querySelector('[data-next-interval]')) {\n ul.insertBefore(this._createIntervalElement('next'), ul.children[ul.children.length - 2])\n }\n }\n if (this.currentPage >= pages.length - 4) {\n if (ul.querySelector('[data-next-interval]')) {\n ul.querySelector('[data-next-interval]').remove()\n }\n for (let page = pages.length - 8; page > 0; page--) {\n pages[page].classList.add('d-none')\n }\n if (!ul.querySelector('[data-previous-interval]')) {\n ul.insertBefore(this._createIntervalElement('previous'), ul.children[2])\n }\n }\n }\n }\n\n /**\n * Cria elemento no intervalo\n * @param {string} type - nome do tipo do elmento\n * @private\n */\n _createIntervalElement(type) {\n const interval = document.createElement('li')\n interval.setAttribute(`data-${type}-interval`, '')\n\n const a = document.createElement('a')\n a.setAttribute('href', 'javascript:void(0)')\n\n const icon = document.createElement('i')\n icon.classList.add('fas', 'fa-ellipsis-h')\n\n a.appendChild(icon)\n interval.appendChild(a)\n\n return interval\n }\n\n /**\n * Cria ação de clique na página\n * @private\n */\n _setActive() {\n for (const page of this.component.querySelectorAll('.page')) {\n if (this.currentPage === Number(page.innerText)) {\n page.setAttribute('aria-current', 'page')\n } else {\n page.removeAttribute('aria-current')\n }\n\n page.addEventListener('click', (event) => {\n this._selectPage(event.currentTarget)\n })\n }\n // debugger\n for (const page of this.component.querySelectorAll('.pagination-ellipsis .br-item')) {\n page.addEventListener('click', (event) => {\n this._selectPage(event.currentTarget)\n })\n }\n }\n\n _initializeDropdownItems() {\n this.component.querySelectorAll('.br-list').forEach((list) => {\n const dropdownItems = Array.from(list.querySelectorAll('.br-item'))\n\n dropdownItems.forEach((item) => {\n item.addEventListener('keydown', (event) => {\n const { key } = event\n const currentIndex = dropdownItems.indexOf(item)\n const lastIndex = dropdownItems.length - 1\n\n switch (key) {\n case 'ArrowUp':\n event.preventDefault()\n const prevIndex = (currentIndex - 1 + dropdownItems.length) % dropdownItems.length\n dropdownItems[prevIndex].focus()\n break\n case 'ArrowDown':\n event.preventDefault()\n const nextIndex = (currentIndex + 1) % dropdownItems.length\n dropdownItems[nextIndex].focus()\n break\n default:\n break\n }\n })\n })\n })\n }\n\n /**\n * Cria comportamentos do dropdown\n * @private\n */\n _dropdownBehavior() {\n for (const dropdown of this.component.querySelectorAll('[data-toggle=\"dropdown\"]')) {\n this._dropdownInit(dropdown)\n this._dropdownToggle(dropdown)\n }\n }\n\n /**\n * Cria ação de clique no dropdown\n * @param {object} element - referencia ao objeto DOM\n * @private\n */\n _dropdownToggle(element) {\n element.addEventListener('click', () => {\n if (element.getAttribute('aria-expanded') === 'false') {\n this._dropdownOpen(element)\n return\n }\n this._dropdownClose(element)\n })\n\n window.document.addEventListener('click', (event) => {\n if (!this.component.contains(event.target)) {\n this._dropdownClose(element)\n }\n })\n\n /**\n * Adiciona um ouvinte de eventos ao documento para capturar a tecla \"Esc\" pressionada.\n *\n * @param {HTMLElement} element - O elemento associado ao dropdown que deve ser fechado.\n */\n element.nextElementSibling.addEventListener('keydown', (event) => {\n if (event.key === 'Escape') {\n this._dropdownClose(element)\n const buttonInsideLi = element.parentElement.querySelector('button')\n if (buttonInsideLi) {\n buttonInsideLi.focus()\n }\n }\n if (event.key === 'Tab') {\n const items = event.currentTarget.querySelectorAll('.br-item')\n if (items[items.length - 1].hasAttribute('data-focus-visible-added')) {\n this._dropdownClose(element)\n }\n }\n })\n }\n\n /**\n * Inicializa elemento de dropdown\n * @param {object} element - referencia ao objeto DOM\n * @private\n */\n _dropdownInit(element) {\n element.parentElement.classList.add('dropdown')\n element.nextElementSibling.setAttribute('role', 'menu')\n element.setAttribute('aria-haspopup', 'true')\n this._dropdownClose(element)\n this._initializeDropdownItems()\n }\n\n /**\n * Ação de abrir dropdown\n * @param {object} element - referencia ao objeto DOM\n * @private\n */\n _dropdownOpen(element) {\n element.setAttribute('aria-expanded', 'true')\n element.nextElementSibling.removeAttribute('hidden')\n }\n\n /**\n * Ação de fechar dropdown\n * @param {object} element - referencia ao objeto DOM\n * @private\n */\n _dropdownClose(element) {\n element.setAttribute('aria-expanded', 'false')\n element.nextElementSibling.setAttribute('hidden', '')\n }\n\n /**\n * Define página ativa\n * @param {object} currentPage - referencia ao objeto DOM\n * @private\n */\n _selectPage(currentPage) {\n this.component.querySelectorAll('.page').forEach((page) => {\n page.classList.remove('active')\n page.removeAttribute('aria-current')\n })\n this.component.querySelectorAll('.br-item').forEach((page) => {\n page.classList.remove('active')\n page.removeAttribute('aria-current')\n })\n\n currentPage.classList.add('active')\n currentPage.setAttribute('aria-current', 'page')\n\n this._setLayout()\n }\n\n _adaptSelectAccessibility() {\n window.addEventListener('load', () => {\n this.component.querySelectorAll('.pagination-per-page .br-select .br-list').forEach((element) => {\n element.setAttribute('role', 'menu')\n element.querySelectorAll('.br-item').forEach((item) => {\n item.setAttribute('role', 'menuitem')\n })\n })\n })\n }\n}\n\nexport default BRPagination\n","class BRScrim {\n constructor(name, component) {\n this.name = name\n this.component = component\n this._setType()\n this._setBehavior()\n }\n\n _setType() {\n if (this.component.classList.contains('foco')) {\n this._type = 'foco'\n }\n if (this.component.classList.contains('legibilidade')) {\n this._type = 'legibilidade'\n }\n if (this.component.classList.contains('inibicao')) {\n this._type = 'inibicao'\n }\n }\n\n _setBehavior() {\n if (this.component.classList.contains('foco')) {\n this.component.addEventListener('click', (event) => {\n this.outsideclick = true\n if (event.target.classList.contains('br-scrim')) {\n this.hideScrim(event)\n }\n })\n\n const allComp = this.component.querySelectorAll(`[data-dismiss=${this.component.id}]`)\n\n for (const buttonComponent of allComp) {\n buttonComponent.addEventListener('click', () => {\n this.component.classList.remove('active')\n })\n }\n }\n }\n\n hideScrim(event) {\n event.currentTarget.classList.remove('active')\n }\n\n showScrim() {\n if (this._type === 'foco') {\n this.component.classList.add('active')\n }\n }\n}\n// const scrimList = []\nexport default BRScrim\nfor (const buttonBloco1 of window.document.querySelectorAll('.scrimexemplo button')) {\n buttonBloco1.addEventListener('click', () => {\n const scrscrim = window.document.querySelector('#scrimexample')\n const scrimfoco = new BRScrim('br-scrim', scrscrim)\n scrimfoco.showScrim()\n })\n}\n/**\n * Exemplo de scrim com muito texto\n */\nfor (const scrimexamplebig of window.document.querySelectorAll('#scrimexemplo-big')) {\n scrimexamplebig.addEventListener('click', () => {\n const scrscrim = window.document.querySelector('#scrimfocobig')\n const scrimfoco = new BRScrim('br-scrim', scrscrim)\n scrimfoco.showScrim()\n })\n}\n\n//Exemplo de scrim close\n","/**\n * Classe do componente BRSelect\n */\n\nclass BRSelect {\n /**\n * Instancia o componente\n * @property {string} name - Nome do componente em minúsculo\n * @property {object} component - Objeto referenciando a raiz do componente DOM\n * @property {string} notFound - (Opcional) String contendo código html para informar que a busca não encontrou nenhuma opção.\n * Se não informado, será usado um código html padrão.\n */\n\n constructor(name, component, notFound) {\n this.name = name\n this.component = component\n this.notFound = notFound\n this.multiple = component.hasAttribute('multiple')\n this._setOptionsList()\n this._setBehavior()\n }\n /**\n * Retorna os valores dos elementos selecionados\n * @returns {Object[]} elementos selecionados\n *\n */\n get selected() {\n return this._optionSelected('value')\n }\n /**\n * Retorna os elementos selecionados pelo inputValue\n * @param {Object[]} elementos selecionados\n * @returns\n */\n get selectedValue() {\n return this._optionSelected('inputValue')\n }\n\n /**\n * Retorna os elementos options selecionados\n * @param {Object[]} elementos selecionados\n * @returns\n */\n _optionSelected(strOption) {\n let selected = []\n for (const [index, option] of this.optionsList.entries()) {\n if (!this.multiple) {\n if (option.selected) {\n selected = option[strOption]\n break\n }\n } else {\n if (index > 0 && option.selected) {\n selected.push(option[strOption])\n }\n }\n }\n return selected\n }\n\n /**\n * Remove o elemento que indica item não encontrado\n * @private\n */\n _removeNotFoundElement() {\n const list = this.component.querySelector('.br-list')\n if (list.querySelector('.br-item.not-found')) {\n list.removeChild(list.querySelector('.br-item.not-found'))\n }\n }\n\n /**\n * Coloca o texto Item não encontrado no select\n * @private\n */\n _addNotFoundElement() {\n const image =\n 'data:image/png;base64,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'\n const notFoundElement = `\n
\n
\n `\n const list = this.component.querySelector('.br-list')\n list.insertAdjacentHTML('beforeend', this.notFound ? this.notFound : notFoundElement)\n }\n /**\n * Cria listagem de elementos do select\n * @private\n */\n _setOptionsList() {\n this.optionsList = []\n for (const item of this.component.querySelectorAll('.br-list .br-item')) {\n for (const input of item.querySelectorAll('.br-radio input, .br-checkbox input')) {\n const option = {\n element: item,\n focus: false,\n inputValue: input.value,\n selected: false,\n value: input.nextElementSibling.innerText,\n visible: true,\n }\n this.optionsList.push(option)\n }\n }\n }\n /**\n * Reseta estado da lista\n * @private\n */\n resetOptionsList() {\n this._unsetSelectionBehavior()\n this._setOptionsList()\n this._setSelectionBehavior()\n this._setAria()\n }\n /**\n * Define o comportamento do componente\n * @private\n */\n _setBehavior() {\n this._setSearchIcon()\n this._setDropdownBehavior()\n this._setKeyboardBehavior()\n this._setSelectionBehavior()\n this._setFilterBehavior()\n this._prepareComponent()\n }\n /**\n * Define o comportamento de dropdown\n * @private\n */\n\n _setDropdownBehavior() {\n for (const input of this.component.querySelectorAll('.br-input input[type=\"text\"]')) {\n input.addEventListener('focus', () => {\n this._resetFocus()\n })\n input.addEventListener('click', () => {\n this._openSelect()\n this._resetFocus()\n })\n }\n for (const trigger of this.component.querySelectorAll('.br-input .br-button[data-trigger]')) {\n trigger.addEventListener('click', () => {\n for (const list of this.component.querySelectorAll('.br-list')) {\n if (list.hasAttribute('expanded')) {\n this._closeSelect()\n } else {\n this._openSelect()\n }\n }\n })\n }\n window.document.addEventListener('click', (event) => {\n if (!this.component.contains(event.target)) {\n this._closeSelect()\n }\n })\n }\n /**\n * Define o comportamento de teclado\n * @private\n */\n\n _setKeyboardBehavior() {\n for (const input of this.component.querySelectorAll('.br-input input[type=\"text\"]')) {\n input.addEventListener('keydown', this._handleKeydownOnInput.bind(this))\n }\n for (const list of this.component.querySelectorAll('.br-list')) {\n // eslint-disable-next-line complexity\n list.addEventListener('keydown', this._handleKeydownOnList.bind(this))\n }\n }\n\n _prepareComponent() {\n const inputElement = this.component.querySelector('.br-input')\n const buttonElement = this.component.querySelector('.br-input .br-button')\n const listElement = this.component.querySelector('.br-list')\n listElement.setAttribute('id', `list-${Math.floor(Math.random() * 10000)}`)\n listElement.setAttribute('role', 'listbox')\n listElement.setAttribute('tabindex', '-1')\n listElement.setAttribute('aria-label', 'Lista de Opções')\n inputElement.setAttribute('role', 'combobox')\n inputElement.setAttribute('aria-expanded', false)\n inputElement.setAttribute('aria-controls', `${listElement.id}`)\n inputElement.setAttribute('aria-autocomplete', 'list')\n buttonElement.setAttribute('aria-controls', `${listElement.id}`)\n buttonElement.setAttribute('aria-expanded', false)\n buttonElement.setAttribute('aria-label', 'Exibir lista')\n this.component.querySelectorAll('.br-list .br-item').forEach((item) => {\n item.setAttribute('role', 'option')\n })\n if (this.multiple) {\n inputElement.setAttribute('aria-multiselectable', true)\n }\n }\n /**\n * Retira o comportamento de teclado\n * @private\n */\n\n _unsetKeyboardBehavior() {\n for (const input of this.component.querySelectorAll('.br-input input[type=\"text\"]')) {\n input.removeEventListener('keydown', this._handleKeydownOnInput, false)\n }\n for (const list of this.component.querySelectorAll('.br-list')) {\n // eslint-disable-next-line complexity\n list.addEventListener('keydown', this._handleKeydownOnList.bind(this))\n }\n }\n\n /**\n * Verifica a navegação\n * @param {object} event evento que foi ativado\n * @private\n */\n _handleKeydownOnInput(event) {\n switch (event.key) {\n case 'Tab':\n this._closeSelect()\n this._resetFocus()\n break\n case 'ArrowDown':\n event.preventDefault()\n this._openSelect()\n this._getNextItem().focus()\n break\n case 'ArrowUp':\n event.preventDefault()\n this._openSelect()\n this._getPreviousItem().focus()\n break\n case 'Escape':\n this._closeSelect()\n break\n case 'Enter':\n this.component.querySelector('.br-list').hasAttribute('expanded') ? this._closeSelect() : this._openSelect()\n break\n default:\n }\n }\n /**\n * Define comportamentos de teclado na lista\n * @private\n */\n\n _handleKeydownOnList(event) {\n event.preventDefault()\n switch (event.key) {\n case 'Tab':\n this._closeSelect()\n this._resetFocus()\n break\n case 'Escape':\n for (const input of this.component.querySelectorAll('.br-input input[type=\"text\"]')) {\n input.focus()\n }\n this._closeSelect()\n break\n case 'Enter':\n this._setKeyClickOnOption(event.currentTarget)\n break\n case ' ':\n this._setKeyClickOnOption(event.currentTarget)\n break\n case 'ArrowUp':\n this._getPreviousItem().focus()\n break\n case 'ArrowDown':\n this._getNextItem().focus()\n break\n default:\n break\n }\n }\n /**\n * Define comportamentos de teclado no option\n * @private\n */\n _setKeyClickOnOption(list) {\n for (const [index, item] of list.querySelectorAll('.br-item').entries()) {\n if (this.optionsList[index].focus) {\n for (const check of item.querySelectorAll(\n '.br-radio input[type=\"radio\"], .br-checkbox input[type=\"checkbox\"]'\n )) {\n check.click()\n this._sendEvent()\n }\n }\n }\n }\n\n /**\n * Envia o evento onchange\n * @private\n */\n _sendEvent() {\n const clickEvent = new CustomEvent('onChange', {\n bubbles: true,\n detail: this.component,\n })\n this.component.dispatchEvent(clickEvent)\n }\n\n /**\n * preseleciona o elemento apartir da classe css .selected\n * @private\n */\n _setDefaultSelected() {\n this.component.querySelectorAll('.br-list .br-item').forEach((item) => {\n const itemIsSelected = item.classList.contains('selected') || item.querySelector('input').hasAttribute('checked')\n if (itemIsSelected) {\n this._setSelected(this._positionSelected(item), item)\n }\n })\n }\n\n /**\n * Retorna posição do elemento no select\n * @param {element} component elemento que vai ser pesquisado\n * @returns {integer} valor da posição\n */\n _positionSelected(component) {\n for (const [index, componente] of this.component.querySelectorAll('.br-list .br-item').entries()) {\n if (componente === component) {\n return index\n }\n }\n return 0\n }\n /**\n * Desfine comportamento do clique no checkbox\n * @param {int} index\n * @param {object} item - Objeto do item clicado\n * @param {object} event - Objeto do evento do clique\n * @private\n */\n _handleClickOnCheck(index, item, event) {\n if (!this.multiple) {\n for (const [index2, item2] of this.component.querySelectorAll('.br-list .br-item').entries()) {\n this._removeSelected(index2, item2)\n }\n this._setSelected(index, item)\n this._closeSelect()\n } else if (event.currentTarget.hasAttribute('checked')) {\n this._removeSelected(index, item)\n } else {\n this._setSelected(index, item)\n }\n if (item.hasAttribute('data-all')) {\n for (const check of item.querySelectorAll('.br-checkbox input[type=\"checkbox\"]')) {\n if (!check.hasAttribute('checked')) {\n this._setAttribute()\n item.querySelectorAll('label')[0].innerText = 'Selecionar Todos'\n } else {\n for (const item2 of this.component.querySelectorAll('.br-list .br-item')) {\n for (const check2 of item2.querySelectorAll('.br-checkbox input[type=\"checkbox\"]')) {\n if (!check2.hasAttribute('checked')) {\n check2.click()\n }\n }\n }\n item.querySelectorAll('label')[0].innerText = 'Deselecionar Todos'\n }\n }\n }\n this._sendEvent()\n }\n /**\n * Define comportamentos na seleção\n * @private\n */\n _setSelectionBehavior() {\n this.selectionHandler = []\n this._setDefaultSelected()\n for (const [index, item] of this.component.querySelectorAll('.br-list .br-item').entries()) {\n for (const check of item.querySelectorAll('.br-radio input[type=\"radio\"], .br-checkbox input[type=\"checkbox\"]')) {\n this.selectionHandler.push({\n element: check,\n handler: this._handleClickOnCheck.bind(this, index, item),\n })\n check.addEventListener('click', this.selectionHandler[index].handler)\n }\n }\n }\n /**\n * retira comportamento de clique na seleção\n * @private\n */\n _unsetSelectionBehavior() {\n this.selectionHandler.forEach((item) => {\n item.element.removeEventListener('click', item.handler, false)\n })\n }\n /**\n * Define comportamentos no filtro do input\n * @private\n */\n _setFilterBehavior() {\n const list = this.component.querySelector('.br-list')\n for (const input of this.component.querySelectorAll('.br-input input[type=\"text\"]')) {\n input.addEventListener('input', (event) => {\n if (!list.hasAttribute('expanded')) {\n const { value } = event.currentTarget\n this._openSelect()\n event.currentTarget.value = value\n }\n let allHidden = true\n this._filter(event.currentTarget.value)\n for (const option of this.optionsList) {\n if (option.visible) {\n allHidden = false\n }\n }\n\n if (allHidden) {\n // event.currentTarget.value = event.currentTarget.value.slice(0, -1)\n this._filter(event.currentTarget.value)\n }\n })\n }\n }\n /**\n * Define filtro no list\n * @private\n */\n _filter(value) {\n let hasVisible = false\n for (const [index, item] of this.component.querySelectorAll('.br-list .br-item').entries()) {\n this._removeNotFoundElement()\n if (!this.optionsList[index]) {\n continue\n }\n if (this.optionsList[index].value.toUpperCase().indexOf(value.toUpperCase()) === -1) {\n item.classList.add('d-none')\n this.optionsList[index].visible = false\n } else {\n item.classList.remove('d-none')\n this.optionsList[index].visible = true\n hasVisible = true\n }\n }\n if (hasVisible === false) {\n this._addNotFoundElement()\n } else {\n this._removeNotFoundElement()\n }\n }\n /**\n * Define atributo checked com click\n * @private\n */\n _setAttribute() {\n for (const item2 of this.component.querySelectorAll('.br-list .br-item')) {\n for (const check2 of item2.querySelectorAll('.br-checkbox input[type=\"checkbox\"]')) {\n if (check2.hasAttribute('checked')) {\n check2.click()\n }\n }\n }\n }\n\n /**\n * Seleciona o elemento e retira checked dos outros elementos\n * @param {integer} index Posição do elemento na lista\n * @param {*} item elemento em que vai ser selecionado\n * @private\n */\n _setSelected(index, item) {\n item.classList.add('selected')\n item.setAttribute('aria-selected', true)\n for (const check of item.querySelectorAll('.br-radio, .br-checkbox')) {\n for (const input of check.querySelectorAll('input[type=\"radio\"], input[type=\"checkbox\"]')) {\n input.setAttribute('checked', '')\n }\n }\n this.optionsList[index].selected = true\n this._setInput()\n }\n\n /**\n * Retira o estado selecionado do elemento\n * @param {integer} index Posição do elemento na lista\n * @param {*} item elemento em que vai ser desselecionado\n * @private\n */\n _removeSelected(index, item) {\n item.classList.remove('selected')\n item.removeAttribute('aria-selected')\n for (const check of item.querySelectorAll('.br-radio, .br-checkbox')) {\n for (const input of check.querySelectorAll('input[type=\"radio\"], input[type=\"checkbox\"')) {\n input.removeAttribute('checked')\n }\n this.optionsList[index].selected = false\n this._setInput()\n }\n }\n /**\n * Determina o input\n * @private\n */\n _setInput() {\n for (const input of this.component.querySelectorAll('.br-input input[type=\"text\"]')) {\n if (!this.multiple) {\n input.value = this.selected\n } else if (this.selected.length === 0) {\n input.value = ''\n } else {\n this.mountSelectedValues(input)\n }\n }\n }\n /**\n * Monta a string apresentada no campo input do multiselect\n * @param {object} input Referencia o elemento input do select\n */\n mountSelectedValues(input) {\n this.amountE = this.amountE > 0 ? this.amountE : 0\n const amount = this.amountE\n const value = this.selected.toString().replaceAll(',', ', ')\n const tempSpan = document.createElement('span')\n tempSpan.innerHTML = value\n document.querySelector('body').insertAdjacentElement('beforeend', tempSpan)\n const maxCharacterCount = this.getMaxCharacterCountBeforeOverflow(input)\n this.amountE = amount\n input.title = this.selected.toString().replaceAll(',', ', ')\n const ct = this.encontrarPosicaoPorTamanho(this.selected, maxCharacterCount - 6)\n input.value = ct\n tempSpan.remove()\n }\n /**\n * Obtém o tamanho em pixels de um valor de texto.\n *\n * @param {string} value - O valor de texto para o qual se deseja obter o tamanho em pixels.\n * @returns {number} O tamanho em pixels do valor de texto.\n */\n getPixelSize(value) {\n const span = document.createElement('span')\n span.style.visibility = 'hidden'\n span.style.position = 'absolute'\n span.style.left = '-9999px'\n span.style.top = '-9999px'\n span.style.whiteSpace = 'nowrap'\n span.textContent = value\n\n document.body.appendChild(span)\n const size = span.getBoundingClientRect().width\n document.body.removeChild(span)\n\n return size\n }\n /**\n * Retorna uma string contendo elementos de um array até o limite de caracteres especificado.\n * Se houver elementos truncados, a quantidade de elementos truncados é indicada no final da string.\n *\n * @param {Array\n
\n \n
\n \n ![](\"${image}\")
\n
\n \n
\n Não encontramos o que você está procurando!
\n