Code has been copied to clipboard.`;\n iconCopiedToastInstance.show();\n });\n });\n};\n\nexport default docComponentInit;\n","// import AnchorJS from 'anchor-js';\n\nconst anchorJSInit = () => {\n const anchors = new window.AnchorJS({\n icon: '#'\n });\n anchors.add('[data-anchor]');\n};\n\nexport default anchorJSInit;\n","/* -------------------------------------------------------------------------- */\n/* bigPicture */\n/* -------------------------------------------------------------------------- */\nconst bigPictureInit = () => {\n const { getData } = window.phoenix.utils;\n if (window.BigPicture) {\n const bpItems = document.querySelectorAll('[data-bigpicture]');\n bpItems.forEach(bpItem => {\n const userOptions = getData(bpItem, 'bigpicture');\n const defaultOptions = {\n el: bpItem,\n noLoader: true,\n allowfullscreen: true\n };\n const options = window._.merge(defaultOptions, userOptions);\n\n bpItem.addEventListener('click', () => {\n window.BigPicture(options);\n });\n });\n }\n};\n\nexport default bigPictureInit;\n","/* eslint-disable no-unused-expressions */\n/*-----------------------------------------------\n| DomNode\n-----------------------------------------------*/\nclass DomNode {\n constructor(node) {\n this.node = node;\n }\n\n addClass(className) {\n this.isValidNode() && this.node.classList.add(className);\n }\n\n removeClass(className) {\n this.isValidNode() && this.node.classList.remove(className);\n }\n\n toggleClass(className) {\n this.isValidNode() && this.node.classList.toggle(className);\n }\n\n hasClass(className) {\n this.isValidNode() && this.node.classList.contains(className);\n }\n\n data(key) {\n if (this.isValidNode()) {\n try {\n return JSON.parse(this.node.dataset[this.camelize(key)]);\n } catch (e) {\n return this.node.dataset[this.camelize(key)];\n }\n }\n return null;\n }\n\n attr(name) {\n return this.isValidNode() && this.node[name];\n }\n\n setAttribute(name, value) {\n this.isValidNode() && this.node.setAttribute(name, value);\n }\n\n removeAttribute(name) {\n this.isValidNode() && this.node.removeAttribute(name);\n }\n\n setProp(name, value) {\n this.isValidNode() && (this.node[name] = value);\n }\n\n on(event, cb) {\n this.isValidNode() && this.node.addEventListener(event, cb);\n }\n\n isValidNode() {\n return !!this.node;\n }\n\n // eslint-disable-next-line class-methods-use-this\n camelize(str) {\n const text = str.replace(/[-_\\s.]+(.)?/g, (_, c) =>\n c ? c.toUpperCase() : ''\n );\n return `${text.substr(0, 1).toLowerCase()}${text.substr(1)}`;\n }\n}\n\nexport default DomNode;\n","import { getData } from '../utils';\nimport DomNode from './node';\n\n/*-----------------------------------------------\n| Bulk Select\n-----------------------------------------------*/\n\nconst elementMap = new Map();\n\nexport class BulkSelect {\n constructor(element, option) {\n this.element = element;\n this.option = {\n displayNoneClassName: 'd-none',\n ...option\n };\n elementMap.set(this.element, this);\n }\n\n // Static\n static getInstance(element) {\n if (elementMap.has(element)) {\n return elementMap.get(element);\n }\n return null;\n }\n\n init() {\n this.attachNodes();\n this.clickBulkCheckbox();\n this.clickRowCheckbox();\n }\n\n getSelectedRows() {\n return Array.from(this.bulkSelectRows)\n .filter(row => row.checked)\n .map(row => getData(row, 'bulk-select-row'));\n }\n\n attachNodes() {\n const { body, actions, replacedElement } = getData(\n this.element,\n 'bulk-select'\n );\n\n this.actions = new DomNode(document.getElementById(actions));\n this.replacedElement = new DomNode(\n document.getElementById(replacedElement)\n );\n this.bulkSelectRows = document\n .getElementById(body)\n .querySelectorAll('[data-bulk-select-row]');\n }\n\n attachRowNodes(elms) {\n this.bulkSelectRows = elms;\n }\n\n clickBulkCheckbox() {\n // Handle click event in bulk checkbox\n this.element.addEventListener('click', () => {\n if (this.element.indeterminate === 'indeterminate') {\n this.actions.addClass(this.option.displayNoneClassName);\n this.replacedElement.removeClass(this.option.displayNoneClassName);\n\n this.removeBulkCheck();\n\n this.bulkSelectRows.forEach(el => {\n const rowCheck = new DomNode(el);\n rowCheck.checked = false;\n rowCheck.setAttribute('checked', false);\n });\n return;\n }\n\n this.toggleDisplay();\n this.bulkSelectRows.forEach(el => {\n el.checked = this.element.checked;\n });\n });\n }\n\n clickRowCheckbox() {\n // Handle click event in checkbox of each row\n this.bulkSelectRows.forEach(el => {\n const rowCheck = new DomNode(el);\n rowCheck.on('click', () => {\n if (this.element.indeterminate !== 'indeterminate') {\n this.element.indeterminate = true;\n this.element.setAttribute('indeterminate', 'indeterminate');\n this.element.checked = true;\n this.element.setAttribute('checked', true);\n\n this.actions.removeClass(this.option.displayNoneClassName);\n this.replacedElement.addClass(this.option.displayNoneClassName);\n }\n\n if ([...this.bulkSelectRows].every(element => element.checked)) {\n this.element.indeterminate = false;\n this.element.setAttribute('indeterminate', false);\n }\n\n if ([...this.bulkSelectRows].every(element => !element.checked)) {\n this.removeBulkCheck();\n this.toggleDisplay();\n }\n });\n });\n }\n\n removeBulkCheck() {\n this.element.indeterminate = false;\n this.element.removeAttribute('indeterminate');\n this.element.checked = false;\n this.element.setAttribute('checked', false);\n }\n\n toggleDisplay() {\n this.actions.toggleClass(this.option.displayNoneClassName);\n this.replacedElement.toggleClass(this.option.displayNoneClassName);\n }\n}\n\nconst bulkSelectInit = () => {\n const bulkSelects = document.querySelectorAll('[data-bulk-select');\n\n if (bulkSelects.length) {\n bulkSelects.forEach(el => {\n const bulkSelect = new BulkSelect(el);\n bulkSelect.init();\n });\n }\n};\n\nexport default bulkSelectInit;\n","// import * as echarts from 'echarts';\nconst { merge } = window._;\n\n// form config.js\nexport const echartSetOption = (\n chart,\n userOptions,\n getDefaultOptions,\n responsiveOptions\n) => {\n const { breakpoints, resize } = window.phoenix.utils;\n const handleResize = options => {\n Object.keys(options).forEach(item => {\n if (window.innerWidth > breakpoints[item]) {\n chart.setOption(options[item]);\n }\n });\n };\n\n const themeController = document.body;\n // Merge user options with lodash\n chart.setOption(merge(getDefaultOptions(), userOptions));\n\n resize(() => {\n chart.resize();\n if (responsiveOptions) {\n handleResize(responsiveOptions);\n }\n });\n if (responsiveOptions) {\n handleResize(responsiveOptions);\n }\n\n themeController.addEventListener(\n 'clickControl',\n ({ detail: { control } }) => {\n if (control === 'phoenixTheme') {\n chart.setOption(window._.merge(getDefaultOptions(), userOptions));\n }\n }\n );\n};\n// -------------------end config.js--------------------\n\nexport const resizeEcharts = () => {\n const $echarts = document.querySelectorAll('[data-echart-responsive]');\n\n if ($echarts.length > 0) {\n $echarts.forEach(item => {\n const echartInstance = echarts.getInstanceByDom(item);\n echartInstance?.resize();\n });\n }\n};\n\nconst navbarVerticalToggle = document.querySelector('.navbar-vertical-toggle');\nnavbarVerticalToggle &&\n navbarVerticalToggle.addEventListener('navbar.vertical.toggle', e => {\n return resizeEcharts();\n });\n\nexport const tooltipFormatter = (params, dateFormatter = 'MMM DD') => {\n let tooltipItem = ``;\n params.forEach(el => {\n tooltipItem += `\n ${\n window.dayjs(params[0].axisValue).isValid()\n ? window.dayjs(params[0].axisValue).format(dateFormatter)\n : params[0].axisValue\n }\n
\n ${tooltipItem}\n${el.value}`;\n iconCopiedToastInstance.show();\n }\n });\n }\n};\n\nexport default iconCopiedInit;\n","/*-----------------------------------------------\n| Isotope\n-----------------------------------------------*/\n\nconst isotopeInit = () => {\n const { getData } = window.phoenix.utils;\n const Selector = {\n ISOTOPE_ITEM: '.isotope-item',\n DATA_ISOTOPE: '[data-sl-isotope]',\n DATA_FILTER: '[data-filter]',\n DATA_FILER_NAV: '[data-filter-nav]'\n };\n\n const DATA_KEY = {\n ISOTOPE: 'sl-isotope'\n };\n const ClassName = {\n ACTIVE: 'active'\n };\n\n if (window.Isotope) {\n const masonryItems = document.querySelectorAll(Selector.DATA_ISOTOPE);\n masonryItems.length &&\n masonryItems.forEach(masonryItem => {\n window.imagesLoaded(masonryItem, () => {\n masonryItem.querySelectorAll(Selector.ISOTOPE_ITEM).forEach(item => {\n // eslint-disable-next-line\n item.style.visibility = 'visible';\n });\n\n const userOptions = getData(masonryItem, DATA_KEY.ISOTOPE);\n const defaultOptions = {\n itemSelector: Selector.ISOTOPE_ITEM,\n layoutMode: 'packery'\n };\n\n const options = window._.merge(defaultOptions, userOptions);\n const isotope = new window.Isotope(masonryItem, options);\n\n // --------- filter -----------------\n const filterElement = document.querySelector(Selector.DATA_FILER_NAV);\n filterElement?.addEventListener('click', function (e) {\n const item = e.target.dataset.filter;\n isotope.arrange({ filter: item });\n document.querySelectorAll(Selector.DATA_FILTER).forEach(el => {\n el.classList.remove(ClassName.ACTIVE);\n });\n e.target.classList.add(ClassName.ACTIVE);\n });\n // ---------- filter end ------------\n\n return isotope;\n });\n });\n }\n};\n\nexport default isotopeInit;\n","/* -------------------------------------------------------------------------- */\n/* Data Table */\n/* -------------------------------------------------------------------------- */\n/* eslint-disable no-param-reassign */\nconst togglePaginationButtonDisable = (button, disabled) => {\n button.disabled = disabled;\n button.classList[disabled ? 'add' : 'remove']('disabled');\n};\n\nconst listInit = () => {\n const { getData } = window.phoenix.utils;\n if (window.List) {\n const lists = document.querySelectorAll('[data-list]');\n\n if (lists.length) {\n lists.forEach(el => {\n const bulkSelect = el.querySelector('[data-bulk-select]');\n\n let options = getData(el, 'list');\n\n if (options.pagination) {\n options = {\n ...options,\n pagination: {\n item: ``,\n ...options.pagination\n }\n };\n }\n\n const paginationButtonNext = el.querySelector(\n '[data-list-pagination=\"next\"]'\n );\n const paginationButtonPrev = el.querySelector(\n '[data-list-pagination=\"prev\"]'\n );\n const viewAll = el.querySelector('[data-list-view=\"*\"]');\n const viewLess = el.querySelector('[data-list-view=\"less\"]');\n const listInfo = el.querySelector('[data-list-info]');\n const listFilter = document.querySelector('[data-list-filter]');\n const list = new List(el, options);\n\n // -------fallback-----------\n\n list.on('updated', item => {\n const fallback =\n el.querySelector('.fallback') ||\n document.getElementById(options.fallback);\n\n if (fallback) {\n if (item.matchingItems.length === 0) {\n fallback.classList.remove('d-none');\n } else {\n fallback.classList.add('d-none');\n }\n }\n });\n\n // ---------------------------------------\n\n const totalItem = list.items.length;\n const itemsPerPage = list.page;\n const btnDropdownClose = list.listContainer.querySelector('.btn-close');\n let pageQuantity = Math.ceil(totalItem / itemsPerPage);\n let numberOfcurrentItems = list.visibleItems.length;\n let pageCount = 1;\n\n btnDropdownClose &&\n btnDropdownClose.addEventListener('search.close', () => {\n list.fuzzySearch('');\n });\n\n const updateListControls = () => {\n listInfo &&\n (listInfo.innerHTML = `${list.i} to ${numberOfcurrentItems} Items of ${totalItem}`);\n paginationButtonPrev &&\n togglePaginationButtonDisable(\n paginationButtonPrev,\n pageCount === 1\n );\n paginationButtonNext &&\n togglePaginationButtonDisable(\n paginationButtonNext,\n pageCount === pageQuantity\n );\n\n if (pageCount > 1 && pageCount < pageQuantity) {\n togglePaginationButtonDisable(paginationButtonNext, false);\n togglePaginationButtonDisable(paginationButtonPrev, false);\n }\n };\n\n // List info\n updateListControls();\n\n if (paginationButtonNext) {\n paginationButtonNext.addEventListener('click', e => {\n e.preventDefault();\n pageCount += 1;\n\n const nextInitialIndex = list.i + itemsPerPage;\n nextInitialIndex <= list.size() &&\n list.show(nextInitialIndex, itemsPerPage);\n numberOfcurrentItems += list.visibleItems.length;\n updateListControls();\n });\n }\n\n if (paginationButtonPrev) {\n paginationButtonPrev.addEventListener('click', e => {\n e.preventDefault();\n pageCount -= 1;\n\n numberOfcurrentItems -= list.visibleItems.length;\n const prevItem = list.i - itemsPerPage;\n prevItem > 0 && list.show(prevItem, itemsPerPage);\n updateListControls();\n });\n }\n\n const toggleViewBtn = () => {\n viewLess.classList.toggle('d-none');\n viewAll.classList.toggle('d-none');\n };\n\n if (viewAll) {\n viewAll.addEventListener('click', () => {\n list.show(1, totalItem);\n pageQuantity = 1;\n pageCount = 1;\n numberOfcurrentItems = totalItem;\n updateListControls();\n toggleViewBtn();\n });\n }\n if (viewLess) {\n viewLess.addEventListener('click', () => {\n list.show(1, itemsPerPage);\n pageQuantity = Math.ceil(totalItem / itemsPerPage);\n pageCount = 1;\n numberOfcurrentItems = list.visibleItems.length;\n updateListControls();\n toggleViewBtn();\n });\n }\n // numbering pagination\n if (options.pagination) {\n el.querySelector('.pagination').addEventListener('click', e => {\n if (e.target.classList[0] === 'page') {\n pageCount = Number(e.target.innerText);\n updateListControls();\n }\n });\n }\n //filter\n if (options.filter) {\n const { key } = options.filter;\n listFilter.addEventListener('change', e => {\n list.filter(item => {\n if (e.target.value === '') {\n return true;\n }\n return item\n .values()\n [key].toLowerCase()\n .includes(e.target.value.toLowerCase());\n });\n });\n }\n\n //bulk-select\n if (bulkSelect) {\n const bulkSelectInstance =\n window.phoenix.BulkSelect.getInstance(bulkSelect);\n bulkSelectInstance.attachRowNodes(\n list.items.map(item =>\n item.elm.querySelector('[data-bulk-select-row]')\n )\n );\n\n bulkSelect.addEventListener('change', () => {\n if (list) {\n if (bulkSelect.checked) {\n list.items.forEach(item => {\n item.elm.querySelector(\n '[data-bulk-select-row]'\n ).checked = true;\n });\n } else {\n list.items.forEach(item => {\n item.elm.querySelector(\n '[data-bulk-select-row]'\n ).checked = false;\n });\n }\n }\n });\n }\n });\n }\n }\n};\n\nexport default listInit;\n","const lottieInit = () => {\n const { getData } = window.phoenix.utils;\n const lotties = document.querySelectorAll('.lottie');\n if (lotties.length) {\n lotties.forEach(item => {\n const options = getData(item, 'options');\n window.bodymovin.loadAnimation({\n container: item,\n path: '../img/animated-icons/warning-light.json',\n renderer: 'svg',\n loop: true,\n autoplay: true,\n name: 'Hello World',\n ...options\n });\n });\n }\n};\n\nexport default lottieInit;\n","/* -------------------------------------------------------------------------- */\n/* Modal */\n/* -------------------------------------------------------------------------- */\n\nconst modalInit = () => {\n const $modals = document.querySelectorAll('[data-phoenix-modal]');\n\n if ($modals) {\n $modals.forEach(modal => {\n modal.addEventListener('shown.bs.modal', () => {\n const $autofocusEls = modal.querySelectorAll('[autofocus=autofocus]');\n $autofocusEls.forEach(el => {\n el.focus();\n });\n });\n });\n }\n};\nexport default modalInit;\n","/* -------------------------------------------------------------------------- */\n/* Navbar Combo Layout */\n/* -------------------------------------------------------------------------- */\n\nconst navbarComboInit = () => {\n const { getBreakpoint, getData, addClass, hasClass, resize } =\n window.phoenix.utils;\n\n const Selector = {\n NAVBAR_VERTICAL: '.navbar-vertical',\n NAVBAR_TOP_COMBO: '[data-navbar-top=\"combo\"]',\n COLLAPSE: '.collapse',\n DATA_MOVE_CONTAINER: '[data-move-container]',\n NAVBAR_NAV: '.navbar-nav',\n NAVBAR_VERTICAL_DIVIDER: '.navbar-vertical-divider'\n };\n\n const ClassName = {\n FLEX_COLUMN: 'flex-column'\n };\n\n const navbarVertical = document.querySelector(Selector.NAVBAR_VERTICAL);\n const navbarTopCombo = document.querySelector(Selector.NAVBAR_TOP_COMBO);\n\n const moveNavContent = windowWidth => {\n const navbarVerticalBreakpoint = getBreakpoint(navbarVertical);\n const navbarTopBreakpoint = getBreakpoint(navbarTopCombo);\n\n if (windowWidth < navbarTopBreakpoint) {\n const navbarCollapse = navbarTopCombo.querySelector(Selector.COLLAPSE);\n const navbarTopContent = navbarCollapse.innerHTML;\n\n if (navbarTopContent) {\n const targetID = getData(navbarTopCombo, 'move-target');\n const targetElement = document.querySelector(targetID);\n console.log(targetElement);\n\n navbarCollapse.innerHTML = '';\n targetElement.insertAdjacentHTML(\n 'afterend',\n `\n