${title}
\n`, true);\n\n $.render(modal.container, {\n children: [\n $.render('button', {\n type: 'button',\n className: 'modal__prev-button',\n innerHTML: svg.prev,\n events: {\n click: () => onclick(-1),\n },\n }),\n $.render('button', {\n type: 'button',\n className: 'modal__next-button',\n innerHTML: svg.next,\n events: {\n click: () => onclick(+1),\n },\n }),\n ],\n });\n\n return modal;\n};\n\nconst initGallery = () => {\n $('.gallery__container').forEach((container) => {\n const photos = $('.gallery__item', container);\n photos.forEach((p, index) => {\n // eslint-disable-next-line no-param-reassign\n p.modal = imageView(p, (i) => {\n const selectedIndex = index + i;\n p.modal.close();\n if (selectedIndex < 0) {\n photos[photos.length - 1].modal.open();\n return;\n }\n if (selectedIndex >= photos.length) {\n photos[0].modal.open();\n return;\n }\n photos[selectedIndex].modal.open();\n });\n\n p.addEventListener('click', (e) => {\n e.preventDefault();\n p.modal.open();\n });\n });\n });\n};\n\nexport default initGallery;\n","import createModal from '../components/createModal';\nimport { $ } from '../util/DOM';\n\nconst videoView = (p) => {\n const html = $('.videos__template', p);\n\n const modal = createModal(html[0].innerHTML, true);\n\n return modal;\n};\n\nconst initVideos = () => {\n $('.videos__container').forEach((container) => {\n const photos = $('.videos__item', container);\n photos.forEach((p, index) => {\n // eslint-disable-next-line no-param-reassign\n p.modal = videoView(p, (i) => {\n const selectedIndex = index + i;\n p.modal.close();\n if (selectedIndex < 0) {\n photos[photos.length - 1].modal.open();\n return;\n }\n if (selectedIndex >= photos.length) {\n photos[0].modal.open();\n return;\n }\n photos[selectedIndex].modal.open();\n });\n\n p.addEventListener('click', (e) => {\n e.preventDefault();\n p.modal.open();\n });\n });\n });\n};\n\nexport default initVideos;\n","import { $ } from '../util/DOM';\n\nconst initMenuFX = () => {\n const buttons = $('[aria-haspopup=\"true\"]');\n\n const targets = buttons.map((btn) => {\n const target = document.getElementById(btn.getAttribute('aria-controls'));\n if (!target) {\n return null;\n }\n\n btn.addEventListener('click', (e) => {\n e.preventDefault();\n e.stopPropagation();\n const isOpen = btn.getAttribute('aria-expanded') === 'true';\n const groupName = btn.getAttribute('data-group-name');\n if (groupName) {\n $(`[data-group-name=\"${groupName}\"]`).forEach((b) => {\n b.setAttribute('aria-expanded', false);\n });\n }\n btn.setAttribute('aria-expanded', !isOpen);\n });\n\n return target;\n }).filter((el) => !!el);\n\n window.addEventListener('click', ({ target }) => {\n const foundTarget = targets.find((el) => el === target || el.contains(target));\n if (foundTarget) {\n return;\n }\n buttons.forEach((button) => button.setAttribute('aria-expanded', false));\n });\n};\n\nexport default initMenuFX;\n","import createModal from '../components/createModal';\nimport { $ } from '../util/DOM';\n\nconst initModals = () => {\n $('.modal-template').forEach((container) => {\n const keep = container.hasAttribute('keep');\n const modal = createModal(container.innerHTML, keep);\n\n if (container.hasAttribute('open')) {\n modal.open();\n }\n\n container.remove();\n });\n};\n\nexport default initModals;\n","import { $ } from '../util/DOM';\n\nconst closeSVG = '';\n\nconst createModalClick = (content) => {\n const container = $.render('div', {\n className: 'modal',\n innerHTML: ``,\n });\n\n document.body.appendChild(container);\n\n const open = () => {\n container.classList.add('open');\n document.body.classList.add('has-modal');\n };\n\n const close = () => {\n container.classList.remove('open');\n document.body.classList.remove('has-modal');\n container.remove();\n };\n\n const closeButton = $.render('button', {\n type: 'button',\n className: 'close',\n innerHTML: closeSVG,\n events: {\n click: () => close(),\n },\n });\n\n document.body.appendChild(container);\n\n container.querySelector('[class=\"modal-content onclick\"]').appendChild(closeButton);\n\n const modal = {\n container,\n closeButton,\n open,\n close,\n };\n\n container.modal = modal;\n\n return modal;\n};\n\nexport default createModalClick;\n","import createModalClick from '../components/createModalClick';\nimport { $ } from '../util/DOM';\n\nconst ModalView = (p) => {\n const html = $('.modal__click', p);\n\n const modal = createModalClick(html[0].innerHTML, true);\n\n return modal;\n};\n\nconst initModalClick = () => {\n $('.modal-click__container').forEach((container) => {\n const item = $('.modal-click__item', container);\n item.forEach((p) => {\n p.addEventListener('click', (e) => {\n // eslint-disable-next-line no-param-reassign\n p.modal = ModalView(p, () => {\n item.modal.open();\n });\n\n e.preventDefault();\n p.modal.open();\n });\n });\n });\n};\n\nexport default initModalClick;\n","import smoothscroll from 'smoothscroll-polyfill';\nimport { $ } from '../util/DOM';\n\nconst initBackTopButton = () => {\n const backTopButton = document.querySelector('.back-to-top');\n window.addEventListener('scroll', () => {\n $.toggle(backTopButton, window.scrollY > 0);\n });\n\n backTopButton.addEventListener('click', () => {\n window.scrollTo({\n behavior: 'smooth',\n top: 0,\n left: 0,\n });\n window.location.hash = '';\n });\n};\n\nconst initScrollFX = () => {\n smoothscroll.polyfill();\n initBackTopButton();\n};\n\nexport default initScrollFX;\n","import { trigger } from '../util/DOM';\n\nconst CONTAINER = Symbol('CONTAINER');\nconst CHILDREN = Symbol('CHILDREN');\nconst OPTIONS = Symbol('OPTIONS');\nconst INDEX = Symbol('INDEX');\nconst STATE = Symbol('STATE');\nconst DIRECTION = Symbol('DIRECTION');\n\nclass Slider {\n constructor(container, options) {\n this.init(container, {\n interval: 3000,\n initClassName: 'slider-set',\n childSelector: '.slider__item',\n ...options,\n });\n }\n\n init(container, options) {\n this[CONTAINER] = container;\n this[OPTIONS] = options;\n this[INDEX] = 0;\n\n const { childSelector, initClassName } = this.options;\n this[CHILDREN] = (\n childSelector\n ? this.container.querySelectorAll(childSelector)\n : this.container.children\n );\n\n this.container.classList.add(initClassName);\n this.container.slider = this;\n setTimeout(() => this.render(), 100);\n }\n\n get container() {\n return this[CONTAINER];\n }\n\n get options() {\n return this[OPTIONS];\n }\n\n get direction() {\n return this[DIRECTION] || 0;\n }\n\n get state() {\n return this[STATE] || {\n isPlayng: false,\n };\n }\n\n get index() {\n return this[INDEX];\n }\n\n set index(i) {\n const dir = i < this[INDEX] ? -1 : +1;\n if (i >= this.children.length) {\n this[INDEX] = 0;\n } else if (i < 0) {\n this[INDEX] = this.children.length - 1;\n } else {\n this[INDEX] = i;\n }\n this[DIRECTION] = dir;\n this.render();\n setTimeout(() => {\n if (!this.state.isPlayng) {\n this[DIRECTION] = 0;\n }\n }, 100);\n }\n\n get children() {\n return [...this[CHILDREN]];\n }\n\n get currentElement() {\n return this.children[this.index];\n }\n\n get prevElement() {\n if (this.index === 0) {\n return this.children[this.children.length - 1];\n }\n return this.children[this.index - 1];\n }\n\n get nextElement() {\n if (this.index === this.children.length - 1) {\n return this.children[0];\n }\n return this.children[this.index + 1];\n }\n\n goTo(index) {\n const { isPlayng, id } = this.state;\n if (isPlayng) {\n this[STATE] = {\n ...this.state,\n id: clearInterval(id),\n };\n }\n this.index = index;\n if (isPlayng) {\n this.play();\n }\n return this;\n }\n\n goPrev() {\n return this.goTo(this.index - 1);\n }\n\n goNext() {\n return this.goTo(this.index + 1);\n }\n\n play() {\n if (this.children.length === 1) {\n return this.pause();\n }\n this[STATE] = {\n ...this.state,\n id: setInterval(() => this.goNext(), this.options.interval),\n isPlayng: true,\n };\n return this;\n }\n\n pause() {\n const { id } = this.state;\n\n this[STATE] = {\n ...this.state,\n id: clearInterval(id),\n isPlayng: false,\n };\n\n return this;\n }\n\n on(name, fn, el) {\n if (!el) {\n this.container.addEventListener(name, fn);\n return this;\n }\n\n this.container.addEventListener(name, (e) => {\n for (let { target } = e; target && target !== this.container; target = target.parentNode) {\n if (target.matches(el)) {\n fn.call(target, e);\n break;\n }\n }\n }, false);\n\n return this;\n }\n\n trigger(name, detail) {\n trigger(this.container, name, {\n ...detail, slider: this,\n });\n }\n\n render() {\n if (!this.children.length) {\n // eslint-disable-next-line no-console\n console.trace('Elementos filhos não encontrados.', this);\n this.pause();\n return;\n }\n\n this.children.forEach((slide) => {\n slide.classList.remove('prev');\n slide.classList.remove('next');\n slide.classList.remove('current');\n });\n this.currentElement.classList.add('current');\n this.prevElement.classList.add('prev');\n this.nextElement.classList.add('next');\n this.trigger('render');\n }\n}\n\nexport default Slider;\n","import Slider from './Slider';\n\nconst addAnimationClassName = (el, className) => {\n const removeClassName = () => {\n el.removeEventListener('animationend', removeClassName);\n el.classList.remove(className);\n };\n el.classList.add(className);\n el.addEventListener('animationend', removeClassName);\n};\n\nclass Carousel extends Slider {\n constructor(container, options) {\n super(container, {\n initClassName: 'carousel-set',\n childSelector: '.carousel__item',\n ...options,\n });\n }\n\n render() {\n if (!this.children.length) {\n // eslint-disable-next-line no-console\n console.trace('Elementos filhos não encontrados.', this);\n this.pause();\n return;\n }\n\n this.children.forEach((el, i) => {\n const pos = i - this.index;\n const order = pos < 0 ? this.children.length + pos : pos;\n\n // eslint-disable-next-line no-param-reassign\n el.style.order = order;\n el.setAttribute('data-order', order);\n\n el.classList.remove('slide-to-left');\n el.classList.remove('slide-to-right');\n\n if (this.direction < 0) {\n addAnimationClassName(el, 'slide-to-right');\n }\n\n if (this.direction > 0) {\n addAnimationClassName(el, 'slide-to-left');\n }\n });\n\n this.trigger('render');\n }\n}\n\nexport default Carousel;\n","import Carousel from '../components/Carousel';\nimport Slider from '../components/Slider';\nimport { $ } from '../util/DOM';\n\nconst getLinkHtml = (el) => {\n const qs = el.getAttribute('data-link-content');\n if (!qs) {\n return '';\n }\n const content = el.querySelector(qs);\n if (!content) {\n return '';\n }\n return content.innerHTML;\n};\n\nconst sliderControlComponents = {\n arrows: (slider) => $.render('div', {\n className: 'slider-controls__arrows',\n children: [\n $.render('button', {\n type: 'button',\n className: 'prev',\n attrs: { 'aria-label': 'Voltar slide' },\n innerHTML: /* html */ `\n`,\n events: {\n click: () => {\n slider.goPrev();\n },\n },\n }),\n $.render('button', {\n type: 'button',\n className: 'next',\n attrs: { 'aria-label': 'Avançar slide' },\n innerHTML: /* html */ `\n`,\n events: {\n click: () => {\n slider.goNext();\n },\n },\n }),\n ],\n }),\n counters: (slider) => {\n const children = slider.children.map((el, i) => $.render('button', {\n type: 'button',\n textContent: i + 1,\n attrs: { 'aria-label': `Ver o slide ${i + 1}` },\n events: { click: () => slider.goTo(i) },\n }));\n\n slider.on('render', () => {\n children.forEach((btn, btnIndex) => {\n if (btnIndex === slider.index) {\n btn.classList.add('is-active');\n } else {\n btn.classList.remove('is-active');\n }\n });\n });\n\n return $.render('div', {\n className: 'slider-controls__counters',\n children,\n });\n },\n links: (slider) => {\n const children = slider.children.map((el, i) => $.render('div', {\n innerHTML: getLinkHtml(el),\n tabindex: '-1',\n events: { click: () => slider.goTo(i) },\n }));\n\n slider.on('render', () => {\n children.forEach((btn, btnIndex) => {\n if (btnIndex === slider.index) {\n btn.classList.add('is-active');\n } else {\n btn.classList.remove('is-active');\n }\n });\n });\n\n return $.render('div', {\n className: 'slider-controls__links',\n children,\n });\n },\n};\n\nconst generateControls = (slider, keys) => keys.map((key) => {\n if (!(key in sliderControlComponents)) {\n // eslint-disable-next-line no-console\n console.warn(`Opção de controle inválida: ${key}. As opções disponíveis são ${\n Object.keys(sliderControlComponents).join(', ')\n }`);\n return null;\n }\n return sliderControlComponents[key](slider);\n});\n\nconst setSliderControls = (slider, controlOptions) => {\n if (!controlOptions) {\n return;\n }\n const controlKeys = controlOptions.trim().split(' ');\n if (!controlKeys.length) {\n return;\n }\n\n const container = $.render('div', {\n className: 'slider-controls__container',\n children: generateControls(slider, controlKeys),\n });\n\n slider.container.insertAdjacentElement('afterEnd', container);\n};\n\nconst createSlider = (container, type) => {\n const play = container.hasAttribute('data-play');\n const interval = container.getAttribute('data-interval') || 3000;\n const height = container.getAttribute('data-height');\n const controls = container.getAttribute('data-controls');\n\n const slider = (\n type === 'carousel'\n ? new Carousel(container, { interval })\n : new Slider(container, { interval })\n );\n\n if (play) {\n slider\n .on('mouseover', () => slider.pause())\n .on('mouseout', () => slider.play())\n .play();\n }\n\n if (height) {\n slider.container.style.height = height;\n }\n\n if (controls) {\n setSliderControls(slider, controls);\n }\n\n return slider;\n};\n\nconst createCarousel = (container) => {\n createSlider(container, 'carousel');\n};\n\nconst initSliders = () => {\n $('.slider').forEach(createSlider);\n $('.carousel').forEach(createCarousel);\n};\n\nexport default initSliders;\n","import * as masks from './src/masks';\r\n\r\nexport const bindInputMask = (\r\n input, maskName, eventName = 'input'\r\n) => {\r\n const applyMask = masks[maskName];\r\n\r\n if (!(applyMask instanceof Function)) {\r\n console.error(`${maskName} is not a valid mask.`);\r\n return;\r\n }\r\n\r\n input.addEventListener(eventName, () => {\r\n const { value } = input;\r\n input.value = applyMask(value);\r\n });\r\n};\r\n\r\nexport const bindMasksByAttribute = (attrName = 'data-mask', context = document) => {\r\n const inputs = context.querySelectorAll(`[${attrName}]`);\r\n Array.prototype.forEach.call(inputs, (input) => {\r\n const maskName = input.getAttribute(attrName);\r\n\r\n if (!maskName) {\r\n console.error('No mask defined for input', input);\r\n return;\r\n }\r\n\r\n bindInputMask(input, maskName);\r\n });\r\n}\r\n\r\nexport { masks };\r\n","import { bindMasksByAttribute } from 'br-input-masks';\nimport initA11y from './main/initA11y';\nimport initFormValidation from './main/initFormValidation';\nimport initGallery from './main/initGallery';\nimport initVideos from './main/initVideos';\nimport initMenuFX from './main/initMenuFX';\nimport initModals from './main/initModals';\nimport initModalClick from './main/initModalClick';\nimport initScrollFX from './main/initScrollFX';\nimport initSliders from './main/initSliders';\n\nbindMasksByAttribute();\n\ninitA11y();\n\ninitMenuFX();\n\ninitSliders();\n\ninitGallery();\n\ninitVideos();\n\ninitModalClick();\n\ninitModals();\n\ninitScrollFX();\n\ninitFormValidation();\n"],"sourceRoot":""}