\n\n\n var ul = vl.params.ul;\n vl.$ul = ul ? $(vl.params.ul) : vl.$el.children('ul');\n\n if (vl.$ul.length === 0 && vl.params.createUl) {\n vl.$el.append('
');\n vl.$ul = vl.$el.children('ul');\n }\n\n vl.ul = vl.$ul[0];\n var $itemsWrapEl;\n if (!vl.ul && !vl.params.createUl) $itemsWrapEl = vl.$el;else $itemsWrapEl = vl.$ul;\n extend(vl, {\n $itemsWrapEl: $itemsWrapEl,\n itemsWrapEl: $itemsWrapEl[0],\n // DOM cached items\n domCache: {},\n displayDomCache: {},\n // Temporary DOM Element\n tempDomElement: document.createElement('ul'),\n // Last repain position\n lastRepaintY: null,\n // Fragment\n fragment: document.createDocumentFragment(),\n // Props\n pageHeight: undefined,\n rowsPerScreen: undefined,\n rowsBefore: undefined,\n rowsAfter: undefined,\n rowsToRender: undefined,\n maxBufferHeight: 0,\n listHeight: undefined,\n dynamicHeight: typeof vl.params.height === 'function'\n }); // Install Modules\n\n vl.useModules(); // Attach events\n\n var handleScrollBound = vl.handleScroll.bind(vl);\n var handleResizeBound = vl.handleResize.bind(vl);\n var $pageEl;\n var $tabEl;\n var $panelEl;\n var $popupEl;\n\n vl.attachEvents = function attachEvents() {\n $pageEl = vl.$el.parents('.page').eq(0);\n $tabEl = vl.$el.parents('.tab').filter(function (tabEl) {\n return $(tabEl).parent('.tabs').parent('.tabs-animated-wrap, .tabs-swipeable-wrap').length === 0;\n }).eq(0);\n $panelEl = vl.$el.parents('.panel').eq(0);\n $popupEl = vl.$el.parents('.popup').eq(0);\n vl.$scrollableParentEl.on('scroll', handleScrollBound);\n if ($pageEl.length) $pageEl.on('page:reinit', handleResizeBound);\n if ($tabEl.length) $tabEl.on('tab:show', handleResizeBound);\n if ($panelEl.length) $panelEl.on('panel:open', handleResizeBound);\n if ($popupEl.length) $popupEl.on('popup:open', handleResizeBound);\n app.on('resize', handleResizeBound);\n };\n\n vl.detachEvents = function attachEvents() {\n vl.$scrollableParentEl.off('scroll', handleScrollBound);\n if ($pageEl.length) $pageEl.off('page:reinit', handleResizeBound);\n if ($tabEl.length) $tabEl.off('tab:show', handleResizeBound);\n if ($panelEl.length) $panelEl.off('panel:open', handleResizeBound);\n if ($popupEl.length) $popupEl.off('popup:open', handleResizeBound);\n app.off('resize', handleResizeBound);\n }; // Init\n\n\n vl.init();\n return vl || _assertThisInitialized(_this);\n }\n\n var _proto = VirtualList.prototype;\n\n _proto.setListSize = function setListSize() {\n var vl = this;\n var items = vl.filteredItems || vl.items;\n vl.pageHeight = vl.$scrollableParentEl[0].offsetHeight;\n\n if (vl.dynamicHeight) {\n vl.listHeight = 0;\n vl.heights = [];\n\n for (var i = 0; i < items.length; i += 1) {\n var itemHeight = vl.params.height(items[i]);\n vl.listHeight += itemHeight;\n vl.heights.push(itemHeight);\n }\n } else {\n vl.listHeight = Math.ceil(items.length / vl.params.cols) * vl.params.height;\n vl.rowsPerScreen = Math.ceil(vl.pageHeight / vl.params.height);\n vl.rowsBefore = vl.params.rowsBefore || vl.rowsPerScreen * 2;\n vl.rowsAfter = vl.params.rowsAfter || vl.rowsPerScreen;\n vl.rowsToRender = vl.rowsPerScreen + vl.rowsBefore + vl.rowsAfter;\n vl.maxBufferHeight = vl.rowsBefore / 2 * vl.params.height;\n }\n\n if (vl.updatableScroll || vl.params.setListHeight) {\n vl.$itemsWrapEl.css({\n height: vl.listHeight + \"px\"\n });\n }\n };\n\n _proto.render = function render(force, forceScrollTop) {\n var vl = this;\n if (force) vl.lastRepaintY = null;\n var scrollTop = -(vl.$el[0].getBoundingClientRect().top - vl.$scrollableParentEl[0].getBoundingClientRect().top);\n if (typeof forceScrollTop !== 'undefined') scrollTop = forceScrollTop;\n\n if (vl.lastRepaintY === null || Math.abs(scrollTop - vl.lastRepaintY) > vl.maxBufferHeight || !vl.updatableScroll && vl.$scrollableParentEl[0].scrollTop + vl.pageHeight >= vl.$scrollableParentEl[0].scrollHeight) {\n vl.lastRepaintY = scrollTop;\n } else {\n return;\n }\n\n var items = vl.filteredItems || vl.items;\n var fromIndex;\n var toIndex;\n var heightBeforeFirstItem = 0;\n var heightBeforeLastItem = 0;\n\n if (vl.dynamicHeight) {\n var itemTop = 0;\n var itemHeight;\n vl.maxBufferHeight = vl.pageHeight;\n\n for (var j = 0; j < vl.heights.length; j += 1) {\n itemHeight = vl.heights[j];\n\n if (typeof fromIndex === 'undefined') {\n if (itemTop + itemHeight >= scrollTop - vl.pageHeight * 2 * vl.params.dynamicHeightBufferSize) fromIndex = j;else heightBeforeFirstItem += itemHeight;\n }\n\n if (typeof toIndex === 'undefined') {\n if (itemTop + itemHeight >= scrollTop + vl.pageHeight * 2 * vl.params.dynamicHeightBufferSize || j === vl.heights.length - 1) toIndex = j + 1;\n heightBeforeLastItem += itemHeight;\n }\n\n itemTop += itemHeight;\n }\n\n toIndex = Math.min(toIndex, items.length);\n } else {\n fromIndex = (parseInt(scrollTop / vl.params.height, 10) - vl.rowsBefore) * vl.params.cols;\n\n if (fromIndex < 0) {\n fromIndex = 0;\n }\n\n toIndex = Math.min(fromIndex + vl.rowsToRender * vl.params.cols, items.length);\n }\n\n var topPosition;\n var renderExternalItems = [];\n vl.reachEnd = false;\n var i;\n\n for (i = fromIndex; i < toIndex; i += 1) {\n var itemEl = void 0; // Define real item index\n\n var index = vl.items.indexOf(items[i]);\n if (i === fromIndex) vl.currentFromIndex = index;\n if (i === toIndex - 1) vl.currentToIndex = index;\n\n if (vl.filteredItems) {\n if (vl.items[index] === vl.filteredItems[vl.filteredItems.length - 1]) vl.reachEnd = true;\n } else if (index === vl.items.length - 1) vl.reachEnd = true; // Find items\n\n\n if (vl.params.renderExternal) {\n renderExternalItems.push(items[i]);\n } else if (vl.domCache[index]) {\n itemEl = vl.domCache[index];\n itemEl.f7VirtualListIndex = index;\n } else {\n if (vl.renderItem) {\n vl.tempDomElement.innerHTML = vl.renderItem(items[i], index).trim();\n } else {\n vl.tempDomElement.innerHTML = items[i].toString().trim();\n }\n\n itemEl = vl.tempDomElement.childNodes[0];\n if (vl.params.cache) vl.domCache[index] = itemEl;\n itemEl.f7VirtualListIndex = index;\n } // Set item top position\n\n\n if (i === fromIndex) {\n if (vl.dynamicHeight) {\n topPosition = heightBeforeFirstItem;\n } else {\n topPosition = i * vl.params.height / vl.params.cols;\n }\n }\n\n if (!vl.params.renderExternal) {\n itemEl.style.top = topPosition + \"px\"; // Before item insert\n\n vl.emit('local::itemBeforeInsert vlItemBeforeInsert', vl, itemEl, items[i]); // Append item to fragment\n\n vl.fragment.appendChild(itemEl);\n }\n } // Update list height with not updatable scroll\n\n\n if (!vl.updatableScroll) {\n if (vl.dynamicHeight) {\n vl.itemsWrapEl.style.height = heightBeforeLastItem + \"px\";\n } else {\n vl.itemsWrapEl.style.height = i * vl.params.height / vl.params.cols + \"px\";\n }\n } // Update list html\n\n\n if (vl.params.renderExternal) {\n if (items && items.length === 0) {\n vl.reachEnd = true;\n }\n } else {\n vl.emit('local::beforeClear vlBeforeClear', vl, vl.fragment);\n vl.itemsWrapEl.innerHTML = '';\n vl.emit('local::itemsBeforeInsert vlItemsBeforeInsert', vl, vl.fragment);\n\n if (items && items.length === 0) {\n vl.reachEnd = true;\n if (vl.params.emptyTemplate) vl.itemsWrapEl.innerHTML = vl.params.emptyTemplate;\n } else {\n vl.itemsWrapEl.appendChild(vl.fragment);\n }\n\n vl.emit('local::itemsAfterInsert vlItemsAfterInsert', vl, vl.fragment);\n }\n\n if (typeof forceScrollTop !== 'undefined' && force) {\n vl.$scrollableParentEl.scrollTop(forceScrollTop, 0);\n }\n\n if (vl.params.renderExternal) {\n vl.params.renderExternal(vl, {\n fromIndex: fromIndex,\n toIndex: toIndex,\n listHeight: vl.listHeight,\n topPosition: topPosition,\n items: renderExternalItems\n });\n }\n } // Filter\n ;\n\n _proto.filterItems = function filterItems(indexes, resetScrollTop) {\n if (resetScrollTop === void 0) {\n resetScrollTop = true;\n }\n\n var vl = this;\n vl.filteredItems = [];\n\n for (var i = 0; i < indexes.length; i += 1) {\n vl.filteredItems.push(vl.items[indexes[i]]);\n }\n\n if (resetScrollTop) {\n vl.$scrollableParentEl[0].scrollTop = 0;\n }\n\n vl.update();\n };\n\n _proto.resetFilter = function resetFilter() {\n var vl = this;\n\n if (vl.params.showFilteredItemsOnly) {\n vl.filteredItems = [];\n } else {\n vl.filteredItems = null;\n delete vl.filteredItems;\n }\n\n vl.update();\n };\n\n _proto.scrollToItem = function scrollToItem(index) {\n var vl = this;\n if (index > vl.items.length) return false;\n var itemTop = 0;\n\n if (vl.dynamicHeight) {\n for (var i = 0; i < index; i += 1) {\n itemTop += vl.heights[i];\n }\n } else {\n itemTop = index * vl.params.height;\n }\n\n var listTop = vl.$el[0].offsetTop;\n vl.render(true, listTop + itemTop - parseInt(vl.$scrollableParentEl.css('padding-top'), 10));\n return true;\n };\n\n _proto.handleScroll = function handleScroll() {\n var vl = this;\n vl.render();\n } // Handle resize event\n ;\n\n _proto.isVisible = function isVisible() {\n var vl = this;\n return !!(vl.el.offsetWidth || vl.el.offsetHeight || vl.el.getClientRects().length);\n };\n\n _proto.handleResize = function handleResize() {\n var vl = this;\n\n if (vl.isVisible()) {\n vl.setListSize();\n vl.render(true);\n }\n } // Append\n ;\n\n _proto.appendItems = function appendItems(items) {\n var vl = this;\n\n for (var i = 0; i < items.length; i += 1) {\n vl.items.push(items[i]);\n }\n\n vl.update();\n };\n\n _proto.appendItem = function appendItem(item) {\n var vl = this;\n vl.appendItems([item]);\n } // Replace\n ;\n\n _proto.replaceAllItems = function replaceAllItems(items) {\n var vl = this;\n vl.items = items;\n delete vl.filteredItems;\n vl.domCache = {};\n vl.update();\n };\n\n _proto.replaceItem = function replaceItem(index, item) {\n var vl = this;\n vl.items[index] = item;\n if (vl.params.cache) delete vl.domCache[index];\n vl.update();\n } // Prepend\n ;\n\n _proto.prependItems = function prependItems(items) {\n var vl = this;\n\n for (var i = items.length - 1; i >= 0; i -= 1) {\n vl.items.unshift(items[i]);\n }\n\n if (vl.params.cache) {\n var newCache = {};\n Object.keys(vl.domCache).forEach(function (cached) {\n newCache[parseInt(cached, 10) + items.length] = vl.domCache[cached];\n });\n vl.domCache = newCache;\n }\n\n vl.update();\n };\n\n _proto.prependItem = function prependItem(item) {\n var vl = this;\n vl.prependItems([item]);\n } // Move\n ;\n\n _proto.moveItem = function moveItem(from, to) {\n var vl = this;\n var fromIndex = from;\n var toIndex = to;\n if (fromIndex === toIndex) return; // remove item from array\n\n var item = vl.items.splice(fromIndex, 1)[0];\n\n if (toIndex >= vl.items.length) {\n // Add item to the end\n vl.items.push(item);\n toIndex = vl.items.length - 1;\n } else {\n // Add item to new index\n vl.items.splice(toIndex, 0, item);\n } // Update cache\n\n\n if (vl.params.cache) {\n var newCache = {};\n Object.keys(vl.domCache).forEach(function (cached) {\n var cachedIndex = parseInt(cached, 10);\n var leftIndex = fromIndex < toIndex ? fromIndex : toIndex;\n var rightIndex = fromIndex < toIndex ? toIndex : fromIndex;\n var indexShift = fromIndex < toIndex ? -1 : 1;\n if (cachedIndex < leftIndex || cachedIndex > rightIndex) newCache[cachedIndex] = vl.domCache[cachedIndex];\n if (cachedIndex === leftIndex) newCache[rightIndex] = vl.domCache[cachedIndex];\n if (cachedIndex > leftIndex && cachedIndex <= rightIndex) newCache[cachedIndex + indexShift] = vl.domCache[cachedIndex];\n });\n vl.domCache = newCache;\n }\n\n vl.update();\n } // Insert before\n ;\n\n _proto.insertItemBefore = function insertItemBefore(index, item) {\n var vl = this;\n\n if (index === 0) {\n vl.prependItem(item);\n return;\n }\n\n if (index >= vl.items.length) {\n vl.appendItem(item);\n return;\n }\n\n vl.items.splice(index, 0, item); // Update cache\n\n if (vl.params.cache) {\n var newCache = {};\n Object.keys(vl.domCache).forEach(function (cached) {\n var cachedIndex = parseInt(cached, 10);\n\n if (cachedIndex >= index) {\n newCache[cachedIndex + 1] = vl.domCache[cachedIndex];\n }\n });\n vl.domCache = newCache;\n }\n\n vl.update();\n } // Delete\n ;\n\n _proto.deleteItems = function deleteItems(indexes) {\n var vl = this;\n var prevIndex;\n var indexShift = 0;\n\n var _loop = function _loop(i) {\n var index = indexes[i];\n\n if (typeof prevIndex !== 'undefined') {\n if (index > prevIndex) {\n indexShift = -i;\n }\n }\n\n index += indexShift;\n prevIndex = indexes[i]; // Delete item\n\n var deletedItem = vl.items.splice(index, 1)[0]; // Delete from filtered\n\n if (vl.filteredItems && vl.filteredItems.indexOf(deletedItem) >= 0) {\n vl.filteredItems.splice(vl.filteredItems.indexOf(deletedItem), 1);\n } // Update cache\n\n\n if (vl.params.cache) {\n var newCache = {};\n Object.keys(vl.domCache).forEach(function (cached) {\n var cachedIndex = parseInt(cached, 10);\n\n if (cachedIndex === index) {\n delete vl.domCache[index];\n } else if (parseInt(cached, 10) > index) {\n newCache[cachedIndex - 1] = vl.domCache[cached];\n } else {\n newCache[cachedIndex] = vl.domCache[cached];\n }\n });\n vl.domCache = newCache;\n }\n };\n\n for (var i = 0; i < indexes.length; i += 1) {\n _loop(i);\n }\n\n vl.update();\n };\n\n _proto.deleteAllItems = function deleteAllItems() {\n var vl = this;\n vl.items = [];\n delete vl.filteredItems;\n if (vl.params.cache) vl.domCache = {};\n vl.update();\n };\n\n _proto.deleteItem = function deleteItem(index) {\n var vl = this;\n vl.deleteItems([index]);\n } // Clear cache\n ;\n\n _proto.clearCache = function clearCache() {\n var vl = this;\n vl.domCache = {};\n } // Update Virtual List\n ;\n\n _proto.update = function update(deleteCache) {\n var vl = this;\n\n if (deleteCache && vl.params.cache) {\n vl.domCache = {};\n }\n\n vl.setListSize();\n vl.render(true);\n };\n\n _proto.init = function init() {\n var vl = this;\n vl.attachEvents();\n vl.setListSize();\n vl.render();\n };\n\n _proto.destroy = function destroy() {\n var vl = this;\n vl.detachEvents();\n vl.$el[0].f7VirtualList = null;\n delete vl.$el[0].f7VirtualList;\n deleteProps(vl);\n vl = null;\n };\n\n return VirtualList;\n}(Framework7Class);\n\nexport default VirtualList;","import VirtualList from './virtual-list-class';\nimport ConstructorMethods from '../../shared/constructor-methods';\nexport default {\n name: 'virtualList',\n static: {\n VirtualList: VirtualList\n },\n create: function create() {\n var app = this;\n app.virtualList = ConstructorMethods({\n defaultSelector: '.virtual-list',\n constructor: VirtualList,\n app: app,\n domProp: 'f7VirtualList'\n });\n }\n};","function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nimport $ from '../../shared/dom7';\nimport { extend, deleteProps } from '../../shared/utils';\nimport Framework7Class from '../../shared/class';\nimport { getSupport } from '../../shared/get-support';\n\nvar ListIndex = /*#__PURE__*/function (_Framework7Class) {\n _inheritsLoose(ListIndex, _Framework7Class);\n\n function ListIndex(app, params) {\n var _this;\n\n if (params === void 0) {\n params = {};\n }\n\n _this = _Framework7Class.call(this, params, [app]) || this;\n\n var index = _assertThisInitialized(_this);\n\n var defaults = {\n el: null,\n // where to render indexes\n listEl: null,\n // list el to generate indexes\n indexes: 'auto',\n // or array of indexes\n iosItemHeight: 14,\n mdItemHeight: 14,\n auroraItemHeight: 14,\n scrollList: true,\n label: false,\n // eslint-disable-next-line\n renderItem: function renderItem(itemContent, itemIndex) {\n return (\"\\n
\" + itemContent + \"
\\n \").trim();\n },\n renderSkipPlaceholder: function renderSkipPlaceholder() {\n return '';\n },\n on: {}\n }; // Extend defaults with modules params\n\n index.useModulesParams(defaults);\n index.params = extend(defaults, params);\n var $el;\n var $listEl;\n var $pageContentEl;\n var $ul;\n\n if (index.params.el) {\n $el = $(index.params.el);\n } else {\n return index || _assertThisInitialized(_this);\n }\n\n if ($el[0].f7ListIndex) {\n return $el[0].f7ListIndex || _assertThisInitialized(_this);\n }\n\n $ul = $el.find('ul');\n\n if ($ul.length === 0) {\n $ul = $('
');\n $el.append($ul);\n }\n\n if (index.params.listEl) {\n $listEl = $(index.params.listEl);\n }\n\n if (index.params.indexes === 'auto' && !$listEl) {\n return index || _assertThisInitialized(_this);\n }\n\n if ($listEl) {\n $pageContentEl = $listEl.parents('.page-content').eq(0);\n } else {\n $pageContentEl = $el.siblings('.page-content').eq(0);\n\n if ($pageContentEl.length === 0) {\n $pageContentEl = $el.parents('.page').eq(0).find('.page-content').eq(0);\n }\n }\n\n $el[0].f7ListIndex = index;\n extend(index, {\n app: app,\n $el: $el,\n el: $el && $el[0],\n $ul: $ul,\n ul: $ul && $ul[0],\n $listEl: $listEl,\n listEl: $listEl && $listEl[0],\n $pageContentEl: $pageContentEl,\n pageContentEl: $pageContentEl && $pageContentEl[0],\n indexes: params.indexes,\n height: 0,\n skipRate: 0\n }); // Install Modules\n\n index.useModules(); // Attach events\n\n function handleResize() {\n var height = {\n index: index\n };\n index.calcSize();\n\n if (height !== index.height) {\n index.render();\n }\n }\n\n function handleClick(e) {\n var $clickedLi = $(e.target).closest('li');\n if (!$clickedLi.length) return;\n var itemIndex = $clickedLi.index();\n\n if (index.skipRate > 0) {\n var percentage = itemIndex / ($clickedLi.siblings('li').length - 1);\n itemIndex = Math.round((index.indexes.length - 1) * percentage);\n }\n\n var itemContent = index.indexes[itemIndex];\n index.$el.trigger('listindex:click', {\n content: itemContent,\n index: itemIndex\n });\n index.emit('local::click listIndexClick', index, itemContent, itemIndex);\n index.$el.trigger('listindex:select', {\n content: itemContent,\n index: itemIndex\n });\n index.emit('local::select listIndexSelect', index, itemContent, itemIndex);\n\n if (index.$listEl && index.params.scrollList) {\n index.scrollListToIndex(itemContent, itemIndex);\n }\n }\n\n var touchesStart = {};\n var isTouched;\n var isMoved;\n var topPoint;\n var bottomPoint;\n var $labelEl;\n var previousIndex = null;\n\n function handleTouchStart(e) {\n var $children = $ul.children();\n if (!$children.length) return;\n topPoint = $children[0].getBoundingClientRect().top;\n bottomPoint = $children[$children.length - 1].getBoundingClientRect().top + $children[0].offsetHeight;\n touchesStart.x = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX;\n touchesStart.y = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;\n isTouched = true;\n isMoved = false;\n previousIndex = null;\n }\n\n function handleTouchMove(e) {\n if (!isTouched) return;\n\n if (!isMoved && index.params.label) {\n $labelEl = $('');\n $el.append($labelEl);\n }\n\n isMoved = true;\n var pageY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;\n e.preventDefault();\n var percentage = (pageY - topPoint) / (bottomPoint - topPoint);\n percentage = Math.min(Math.max(percentage, 0), 1);\n var itemIndex = Math.round((index.indexes.length - 1) * percentage);\n var itemContent = index.indexes[itemIndex];\n var ulHeight = bottomPoint - topPoint;\n var bubbleBottom = (index.height - ulHeight) / 2 + (1 - percentage) * ulHeight;\n\n if (itemIndex !== previousIndex) {\n if (index.params.label) {\n $labelEl.html(itemContent).transform(\"translateY(-\" + bubbleBottom + \"px)\");\n }\n\n if (index.$listEl && index.params.scrollList) {\n index.scrollListToIndex(itemContent, itemIndex);\n }\n }\n\n previousIndex = itemIndex;\n index.$el.trigger('listindex:select');\n index.emit('local::select listIndexSelect', index, itemContent, itemIndex);\n }\n\n function handleTouchEnd() {\n if (!isTouched) return;\n isTouched = false;\n isMoved = false;\n\n if (index.params.label) {\n if ($labelEl) $labelEl.remove();\n $labelEl = undefined;\n }\n }\n\n var passiveListener = getSupport().passiveListener ? {\n passive: true\n } : false;\n\n index.attachEvents = function attachEvents() {\n $el.parents('.tab').on('tab:show', handleResize);\n $el.parents('.page').on('page:reinit', handleResize);\n $el.parents('.panel').on('panel:open', handleResize);\n $el.parents('.sheet-modal, .actions-modal, .popup, .popover, .login-screen, .dialog, .toast').on('modal:open', handleResize);\n app.on('resize', handleResize);\n $el.on('click', handleClick);\n $el.on(app.touchEvents.start, handleTouchStart, passiveListener);\n app.on('touchmove:active', handleTouchMove);\n app.on('touchend:passive', handleTouchEnd);\n };\n\n index.detachEvents = function attachEvents() {\n $el.parents('.tab').off('tab:show', handleResize);\n $el.parents('.page').off('page:reinit', handleResize);\n $el.parents('.panel').off('panel:open', handleResize);\n $el.parents('.sheet-modal, .actions-modal, .popup, .popover, .login-screen, .dialog, .toast').off('modal:open', handleResize);\n app.off('resize', handleResize);\n $el.off('click', handleClick);\n $el.off(app.touchEvents.start, handleTouchStart, passiveListener);\n app.off('touchmove:active', handleTouchMove);\n app.off('touchend:passive', handleTouchEnd);\n }; // Init\n\n\n index.init();\n return index || _assertThisInitialized(_this);\n } // eslint-disable-next-line\n\n\n var _proto = ListIndex.prototype;\n\n _proto.scrollListToIndex = function scrollListToIndex(itemContent, itemIndex) {\n var index = this;\n var $listEl = index.$listEl,\n $pageContentEl = index.$pageContentEl,\n app = index.app;\n if (!$listEl || !$pageContentEl || $pageContentEl.length === 0) return index;\n var $scrollToEl;\n $listEl.find('.list-group-title, .item-divider').each(function (el) {\n if ($scrollToEl) return;\n var $el = $(el);\n\n if ($el.text() === itemContent) {\n $scrollToEl = $el;\n }\n });\n if (!$scrollToEl || $scrollToEl.length === 0) return index;\n var parentTop = $scrollToEl.parent().offset().top;\n var paddingTop = parseInt($pageContentEl.css('padding-top'), 10);\n var scrollTop = $pageContentEl[0].scrollTop;\n var scrollToElTop = $scrollToEl.offset().top;\n\n if ($pageContentEl.parents('.page-with-navbar-large').length) {\n var navbarInnerEl = app.navbar.getElByPage($pageContentEl.parents('.page-with-navbar-large').eq(0));\n var $titleLargeEl = $(navbarInnerEl).find('.title-large');\n\n if ($titleLargeEl.length) {\n paddingTop -= $titleLargeEl[0].offsetHeight || 0;\n }\n }\n\n if (parentTop <= paddingTop) {\n $pageContentEl.scrollTop(parentTop + scrollTop - paddingTop);\n } else {\n $pageContentEl.scrollTop(scrollToElTop + scrollTop - paddingTop);\n }\n\n return index;\n };\n\n _proto.renderSkipPlaceholder = function renderSkipPlaceholder() {\n var index = this;\n return index.params.renderSkipPlaceholder.call(index);\n };\n\n _proto.renderItem = function renderItem(itemContent, itemIndex) {\n var index = this;\n return index.params.renderItem.call(index, itemContent, itemIndex);\n };\n\n _proto.render = function render() {\n var index = this;\n var $ul = index.$ul,\n indexes = index.indexes,\n skipRate = index.skipRate;\n var wasSkipped;\n var html = indexes.map(function (itemContent, itemIndex) {\n if (itemIndex % skipRate !== 0 && skipRate > 0) {\n wasSkipped = true;\n return '';\n }\n\n var itemHtml = index.renderItem(itemContent, itemIndex);\n\n if (wasSkipped) {\n itemHtml = index.renderSkipPlaceholder() + itemHtml;\n }\n\n wasSkipped = false;\n return itemHtml;\n }).join('');\n $ul.html(html);\n return index;\n };\n\n _proto.calcSize = function calcSize() {\n var index = this;\n var app = index.app,\n params = index.params,\n el = index.el,\n indexes = index.indexes;\n var height = el.offsetHeight;\n var itemHeight = params[app.theme + \"ItemHeight\"];\n var maxItems = Math.floor(height / itemHeight);\n var items = indexes.length;\n var skipRate = 0;\n\n if (items > maxItems) {\n skipRate = Math.ceil((items * 2 - 1) / maxItems);\n }\n\n index.height = height;\n index.skipRate = skipRate;\n return index;\n };\n\n _proto.calcIndexes = function calcIndexes() {\n var index = this;\n\n if (index.params.indexes === 'auto') {\n index.indexes = [];\n index.$listEl.find('.list-group-title, .item-divider').each(function (el) {\n var elContent = $(el).text();\n\n if (index.indexes.indexOf(elContent) < 0) {\n index.indexes.push(elContent);\n }\n });\n } else {\n index.indexes = index.params.indexes;\n }\n\n return index;\n };\n\n _proto.update = function update() {\n var index = this;\n index.calcIndexes();\n index.calcSize();\n index.render();\n return index;\n };\n\n _proto.init = function init() {\n var index = this;\n index.calcIndexes();\n index.calcSize();\n index.render();\n index.attachEvents();\n };\n\n _proto.destroy = function destroy() {\n var index = this;\n index.$el.trigger('listindex:beforedestroy', index);\n index.emit('local::beforeDestroy listIndexBeforeDestroy');\n index.detachEvents();\n\n if (index.$el[0]) {\n index.$el[0].f7ListIndex = null;\n delete index.$el[0].f7ListIndex;\n }\n\n deleteProps(index);\n index = null;\n };\n\n return ListIndex;\n}(Framework7Class);\n\nexport default ListIndex;","import $ from '../../shared/dom7';\nimport { extend } from '../../shared/utils';\nimport ListIndex from './list-index-class';\nimport ConstructorMethods from '../../shared/constructor-methods';\nexport default {\n name: 'listIndex',\n static: {\n ListIndex: ListIndex\n },\n create: function create() {\n var app = this;\n app.listIndex = ConstructorMethods({\n defaultSelector: '.list-index',\n constructor: ListIndex,\n app: app,\n domProp: 'f7ListIndex'\n });\n },\n on: {\n tabMounted: function tabMounted(tabEl) {\n var app = this;\n $(tabEl).find('.list-index-init').each(function (listIndexEl) {\n var params = extend($(listIndexEl).dataset(), {\n el: listIndexEl\n });\n app.listIndex.create(params);\n });\n },\n tabBeforeRemove: function tabBeforeRemove(tabEl) {\n $(tabEl).find('.list-index-init').each(function (listIndexEl) {\n if (listIndexEl.f7ListIndex) listIndexEl.f7ListIndex.destroy();\n });\n },\n pageInit: function pageInit(page) {\n var app = this;\n page.$el.find('.list-index-init').each(function (listIndexEl) {\n var params = extend($(listIndexEl).dataset(), {\n el: listIndexEl\n });\n app.listIndex.create(params);\n });\n },\n pageBeforeRemove: function pageBeforeRemove(page) {\n page.$el.find('.list-index-init').each(function (listIndexEl) {\n if (listIndexEl.f7ListIndex) listIndexEl.f7ListIndex.destroy();\n });\n }\n },\n vnode: {\n 'list-index-init': {\n insert: function insert(vnode) {\n var app = this;\n var listIndexEl = vnode.elm;\n var params = extend($(listIndexEl).dataset(), {\n el: listIndexEl\n });\n app.listIndex.create(params);\n },\n destroy: function destroy(vnode) {\n var listIndexEl = vnode.elm;\n if (listIndexEl.f7ListIndex) listIndexEl.f7ListIndex.destroy();\n }\n }\n }\n};","import $ from '../../shared/dom7';\nimport { extend } from '../../shared/utils';\nvar Tab = {\n show: function show() {\n var app = this;\n var tabEl;\n var tabLinkEl;\n var animate;\n var tabRoute;\n var animatedInit;\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n if (args.length === 1 && args[0] && args[0].constructor === Object) {\n tabEl = args[0].tabEl;\n tabLinkEl = args[0].tabLinkEl;\n animate = args[0].animate;\n tabRoute = args[0].tabRoute;\n animatedInit = args[0].animatedInit;\n } else {\n tabEl = args[0];\n tabLinkEl = args[1];\n animate = args[2];\n tabRoute = args[3];\n\n if (typeof args[1] === 'boolean') {\n tabEl = args[0];\n animate = args[1];\n tabLinkEl = args[2];\n tabRoute = args[3];\n\n if (args.length > 2 && tabLinkEl.constructor === Object) {\n tabEl = args[0];\n animate = args[1];\n tabRoute = args[2];\n tabLinkEl = args[3];\n }\n }\n }\n\n if (typeof animate === 'undefined') animate = true;\n var $newTabEl = $(tabEl);\n\n if (tabRoute && $newTabEl[0]) {\n $newTabEl[0].f7TabRoute = tabRoute;\n }\n\n if (!animatedInit && ($newTabEl.length === 0 || $newTabEl.hasClass('tab-active'))) {\n return {\n $newTabEl: $newTabEl,\n newTabEl: $newTabEl[0]\n };\n }\n\n var $tabLinkEl;\n if (tabLinkEl) $tabLinkEl = $(tabLinkEl);\n var $tabsEl = $newTabEl.parent('.tabs');\n\n if ($tabsEl.length === 0) {\n return {\n $newTabEl: $newTabEl,\n newTabEl: $newTabEl[0]\n };\n } // Release swipeouts in hidden tabs\n\n\n if (app.swipeout) app.swipeout.allowOpen = true; // Animated tabs\n\n var tabsChangedCallbacks = [];\n\n function onTabsChanged(callback) {\n tabsChangedCallbacks.push(callback);\n }\n\n function tabsChanged() {\n tabsChangedCallbacks.forEach(function (callback) {\n callback();\n });\n }\n\n var animated = false;\n\n if ($tabsEl.parent().hasClass('tabs-animated-wrap')) {\n $tabsEl.parent()[animate ? 'removeClass' : 'addClass']('not-animated');\n var transitionDuration = parseFloat($tabsEl.css('transition-duration').replace(',', '.'));\n\n if (animate && transitionDuration) {\n $tabsEl.transitionEnd(tabsChanged);\n animated = true;\n }\n\n var tabsTranslate = (app.rtl ? $newTabEl.index() : -$newTabEl.index()) * 100;\n $tabsEl.transform(\"translate3d(\" + tabsTranslate + \"%,0,0)\");\n } // Swipeable tabs\n\n\n var swiper;\n\n if ($tabsEl.parent().hasClass('tabs-swipeable-wrap') && app.swiper) {\n swiper = $tabsEl.parent()[0].swiper;\n\n if (swiper && swiper.activeIndex !== $newTabEl.index()) {\n animated = true;\n swiper.once('slideChangeTransitionEnd', function () {\n tabsChanged();\n }).slideTo($newTabEl.index(), animate ? undefined : 0);\n } else if (swiper && swiper.animating) {\n animated = true;\n swiper.once('slideChangeTransitionEnd', function () {\n tabsChanged();\n });\n }\n } // Remove active class from old tabs\n\n\n var $oldTabEl = $tabsEl.children('.tab-active');\n $oldTabEl.removeClass('tab-active');\n\n if (!animatedInit && (!swiper || swiper && !swiper.animating || swiper && tabRoute)) {\n if ($oldTabEl.hasClass('view') && $oldTabEl.children('.page').length) {\n $oldTabEl.children('.page').each(function (pageEl) {\n $(pageEl).trigger('page:tabhide');\n app.emit('pageTabHide', pageEl);\n });\n }\n\n $oldTabEl.trigger('tab:hide');\n app.emit('tabHide', $oldTabEl[0]);\n } // Trigger 'show' event on new tab\n\n\n $newTabEl.addClass('tab-active');\n\n if (!animatedInit && (!swiper || swiper && !swiper.animating || swiper && tabRoute)) {\n if ($newTabEl.hasClass('view') && $newTabEl.children('.page').length) {\n $newTabEl.children('.page').each(function (pageEl) {\n $(pageEl).trigger('page:tabshow');\n app.emit('pageTabShow', pageEl);\n });\n }\n\n $newTabEl.trigger('tab:show');\n app.emit('tabShow', $newTabEl[0]);\n } // Find related link for new tab\n\n\n if (!$tabLinkEl) {\n // Search by id\n if (typeof tabEl === 'string') $tabLinkEl = $(\".tab-link[href=\\\"\" + tabEl + \"\\\"]\");else $tabLinkEl = $(\".tab-link[href=\\\"#\" + $newTabEl.attr('id') + \"\\\"]\"); // Search by data-tab\n\n if (!$tabLinkEl || $tabLinkEl && $tabLinkEl.length === 0) {\n $('[data-tab]').each(function (el) {\n if ($newTabEl.is($(el).attr('data-tab'))) $tabLinkEl = $(el);\n });\n }\n\n if (tabRoute && (!$tabLinkEl || $tabLinkEl && $tabLinkEl.length === 0)) {\n $tabLinkEl = $(\"[data-route-tab-id=\\\"\" + tabRoute.route.tab.id + \"\\\"]\");\n\n if ($tabLinkEl.length === 0) {\n $tabLinkEl = $(\".tab-link[href=\\\"\" + tabRoute.url + \"\\\"]\");\n }\n }\n\n if ($tabLinkEl.length > 1 && $newTabEl.parents('.page').length) {\n // eslint-disable-next-line\n $tabLinkEl = $tabLinkEl.filter(function (tabLinkElement) {\n return $(tabLinkElement).parents('.page')[0] === $newTabEl.parents('.page')[0];\n });\n\n if (app.theme === 'ios' && $tabLinkEl.length === 0 && tabRoute) {\n var $pageEl = $newTabEl.parents('.page');\n var $navbarEl = $(app.navbar.getElByPage($pageEl));\n $tabLinkEl = $navbarEl.find(\"[data-route-tab-id=\\\"\" + tabRoute.route.tab.id + \"\\\"]\");\n\n if ($tabLinkEl.length === 0) {\n $tabLinkEl = $navbarEl.find(\".tab-link[href=\\\"\" + tabRoute.url + \"\\\"]\");\n }\n }\n }\n }\n\n if ($tabLinkEl.length > 0) {\n // Find related link for old tab\n var $oldTabLinkEl;\n\n if ($oldTabEl && $oldTabEl.length > 0) {\n // Search by id\n var oldTabId = $oldTabEl.attr('id');\n\n if (oldTabId) {\n $oldTabLinkEl = $(\".tab-link[href=\\\"#\" + oldTabId + \"\\\"]\"); // Search by data-route-tab-id\n\n if (!$oldTabLinkEl || $oldTabLinkEl && $oldTabLinkEl.length === 0) {\n $oldTabLinkEl = $(\".tab-link[data-route-tab-id=\\\"\" + oldTabId + \"\\\"]\");\n }\n } // Search by data-tab\n\n\n if (!$oldTabLinkEl || $oldTabLinkEl && $oldTabLinkEl.length === 0) {\n $('[data-tab]').each(function (tabLinkElement) {\n if ($oldTabEl.is($(tabLinkElement).attr('data-tab'))) $oldTabLinkEl = $(tabLinkElement);\n });\n }\n\n if (!$oldTabLinkEl || $oldTabLinkEl && $oldTabLinkEl.length === 0) {\n $oldTabLinkEl = $tabLinkEl.siblings('.tab-link-active');\n }\n } else if (tabRoute) {\n $oldTabLinkEl = $tabLinkEl.siblings('.tab-link-active');\n }\n\n if ($oldTabLinkEl && $oldTabLinkEl.length > 1 && $oldTabEl && $oldTabEl.parents('.page').length) {\n // eslint-disable-next-line\n $oldTabLinkEl = $oldTabLinkEl.filter(function (tabLinkElement) {\n return $(tabLinkElement).parents('.page')[0] === $oldTabEl.parents('.page')[0];\n });\n }\n\n if ($oldTabLinkEl && $oldTabLinkEl.length > 0) $oldTabLinkEl.removeClass('tab-link-active'); // Update links' classes\n\n if ($tabLinkEl && $tabLinkEl.length > 0) {\n $tabLinkEl.addClass('tab-link-active'); // Material Highlight\n\n if (app.theme !== 'ios' && app.toolbar) {\n var $tabbarEl = $tabLinkEl.parents('.tabbar, .tabbar-labels');\n\n if ($tabbarEl.length > 0) {\n app.toolbar.setHighlight($tabbarEl);\n }\n }\n }\n }\n\n return {\n $newTabEl: $newTabEl,\n newTabEl: $newTabEl[0],\n $oldTabEl: $oldTabEl,\n oldTabEl: $oldTabEl[0],\n onTabsChanged: onTabsChanged,\n animated: animated\n };\n }\n};\nexport default {\n name: 'tabs',\n create: function create() {\n var app = this;\n extend(app, {\n tab: {\n show: Tab.show.bind(app)\n }\n });\n },\n on: {\n 'pageInit tabMounted': function onInit(pageOrTabEl) {\n var $el = $(pageOrTabEl.el || pageOrTabEl);\n var animatedTabEl = $el.find('.tabs-animated-wrap > .tabs > .tab-active')[0];\n if (!animatedTabEl) return;\n var app = this;\n app.tab.show({\n tabEl: animatedTabEl,\n animatedInit: true,\n animate: false\n });\n }\n },\n clicks: {\n '.tab-link': function tabLinkClick($clickedEl, data) {\n if (data === void 0) {\n data = {};\n }\n\n if ($clickedEl.attr('href') && $clickedEl.attr('href').indexOf('#') === 0 || $clickedEl.attr('data-tab')) {\n var app = this;\n app.tab.show({\n tabEl: data.tab || $clickedEl.attr('href'),\n tabLinkEl: $clickedEl,\n animate: data.animate\n });\n }\n }\n }\n};","import $ from '../../shared/dom7';\nimport { extend, now, nextFrame } from '../../shared/utils';\n\nfunction swipePanel(panel) {\n var app = panel.app;\n\n if (panel.swipeInitialized) {\n return;\n }\n\n extend(panel, {\n swipeable: true,\n swipeInitialized: true\n });\n var params = panel.params;\n var $el = panel.$el,\n $backdropEl = panel.$backdropEl,\n side = panel.side,\n effect = panel.effect;\n var otherPanel;\n var isTouched;\n var isGestureStarted;\n var isMoved;\n var isScrolling;\n var isInterrupted;\n var touchesStart = {};\n var touchStartTime;\n var touchesDiff;\n var translate;\n var backdropOpacity;\n var panelWidth;\n var direction;\n var $viewEl;\n var touchMoves = 0;\n\n function handleTouchStart(e) {\n if (!panel.swipeable || isGestureStarted) return;\n if (!app.panel.allowOpen || !params.swipe && !params.swipeOnlyClose || isTouched) return;\n if ($('.modal-in:not(.toast):not(.notification), .photo-browser-in').length > 0) return;\n otherPanel = app.panel.get(side === 'left' ? 'right' : 'left') || {};\n var otherPanelOpened = otherPanel.opened && otherPanel.$el && !otherPanel.$el.hasClass('panel-in-breakpoint');\n\n if (!panel.opened && otherPanelOpened) {\n return;\n }\n\n if (!params.swipeOnlyClose) {\n if (otherPanelOpened) return;\n }\n\n if (e.target && e.target.nodeName.toLowerCase() === 'input' && e.target.type === 'range') return;\n if ($(e.target).closest('.range-slider, .tabs-swipeable-wrap, .calendar-months, .no-swipe-panel, .card-opened').length > 0) return;\n touchesStart.x = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX;\n touchesStart.y = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;\n\n if (params.swipeOnlyClose && !panel.opened) {\n return;\n }\n\n if (params.swipeActiveArea && !panel.opened) {\n if (side === 'left') {\n if (touchesStart.x > params.swipeActiveArea) return;\n }\n\n if (side === 'right') {\n if (touchesStart.x < app.width - params.swipeActiveArea) return;\n }\n }\n\n touchMoves = 0;\n $viewEl = $(panel.getViewEl());\n isMoved = false;\n isTouched = true;\n isScrolling = undefined;\n isInterrupted = false;\n touchStartTime = now();\n direction = undefined;\n }\n\n function handleTouchMove(e) {\n if (!isTouched || isGestureStarted || isInterrupted) return;\n touchMoves += 1;\n if (touchMoves < 2) return;\n\n if (e.f7PreventSwipePanel || app.preventSwipePanelBySwipeBack || app.preventSwipePanel) {\n isTouched = false;\n return;\n }\n\n var pageX = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;\n var pageY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;\n\n if (typeof isScrolling === 'undefined') {\n isScrolling = !!(isScrolling || Math.abs(pageY - touchesStart.y) > Math.abs(pageX - touchesStart.x));\n }\n\n if (isScrolling) {\n isTouched = false;\n return;\n }\n\n if (!direction) {\n if (pageX > touchesStart.x) {\n direction = 'to-right';\n } else {\n direction = 'to-left';\n }\n\n if (params.swipeActiveArea > 0 && !panel.opened) {\n if (side === 'left' && touchesStart.x > params.swipeActiveArea) {\n isTouched = false;\n return;\n }\n\n if (side === 'right' && touchesStart.x < app.width - params.swipeActiveArea) {\n isTouched = false;\n return;\n }\n }\n\n if ($el.hasClass('panel-in-breakpoint')) {\n isTouched = false;\n return;\n }\n\n if (side === 'left' && direction === 'to-left' && !$el.hasClass('panel-in') || side === 'right' && direction === 'to-right' && !$el.hasClass('panel-in')) {\n isTouched = false;\n return;\n }\n }\n\n var threshold = panel.opened ? 0 : -params.swipeThreshold;\n if (side === 'right') threshold = -threshold;\n\n if (!isMoved) {\n if (!panel.opened) {\n panel.insertToRoot();\n $el.addClass('panel-in-swipe');\n $backdropEl.css('visibility', 'visible');\n $el.trigger('panel:swipeopen');\n panel.emit('local::swipeOpen panelSwipeOpen', panel);\n }\n\n panelWidth = $el[0].offsetWidth;\n\n if (effect === 'reveal' && $el.hasClass('panel-in-collapsed')) {\n panelWidth -= parseFloat($viewEl.css(\"margin-\" + side));\n }\n\n $el.transition(0);\n }\n\n isMoved = true;\n e.preventDefault();\n touchesDiff = pageX - touchesStart.x + threshold;\n\n if (side === 'right') {\n if (effect === 'cover') {\n translate = touchesDiff + (panel.opened ? 0 : panelWidth);\n if (translate < 0) translate = 0;\n\n if (translate > panelWidth) {\n translate = panelWidth;\n }\n } else {\n translate = touchesDiff - (panel.opened ? panelWidth : 0);\n if (translate > 0) translate = 0;\n\n if (translate < -panelWidth) {\n translate = -panelWidth;\n }\n }\n } else {\n translate = touchesDiff + (panel.opened ? panelWidth : 0);\n if (translate < 0) translate = 0;\n\n if (translate > panelWidth) {\n translate = panelWidth;\n }\n }\n\n var noFollowProgress = Math.abs(translate / panelWidth);\n\n if (effect === 'reveal') {\n if (!params.swipeNoFollow) {\n $viewEl.transform(\"translate3d(\" + translate + \"px,0,0)\").transition(0);\n $backdropEl.transform(\"translate3d(\" + translate + \"px,0,0)\").transition(0);\n }\n\n $el.trigger('panel:swipe', Math.abs(translate / panelWidth));\n panel.emit('local::swipe panelSwipe', panel, Math.abs(translate / panelWidth));\n } else {\n if (side === 'left') translate -= panelWidth;\n\n if (!params.swipeNoFollow) {\n $el.transform(\"translate3d(\" + translate + \"px,0,0)\").transition(0);\n $backdropEl.transition(0);\n backdropOpacity = 1 - Math.abs(translate / panelWidth);\n $backdropEl.css({\n opacity: backdropOpacity\n });\n }\n\n $el.trigger('panel:swipe', Math.abs(translate / panelWidth));\n panel.emit('local::swipe panelSwipe', panel, Math.abs(translate / panelWidth));\n }\n\n if (params.swipeNoFollow) {\n var stateChanged = panel.opened && noFollowProgress === 0 || !panel.opened && noFollowProgress === 1;\n\n if (stateChanged) {\n isInterrupted = true; // eslint-disable-next-line\n\n handleTouchEnd(e);\n }\n }\n }\n\n function handleTouchEnd(e) {\n if (!isTouched || !isMoved) {\n isTouched = false;\n isMoved = false;\n return;\n }\n\n var isGesture = e.type === 'gesturestart' || isGestureStarted;\n isTouched = false;\n isMoved = false;\n var timeDiff = new Date().getTime() - touchStartTime;\n var action;\n var edge = (translate === 0 || Math.abs(translate) === panelWidth) && !params.swipeNoFollow;\n var threshold = params.swipeThreshold || 0;\n\n if (isGesture) {\n action = 'reset';\n } else if (!panel.opened) {\n if (Math.abs(touchesDiff) < threshold) {\n action = 'reset';\n } else if (effect === 'cover') {\n if (translate === 0) {\n action = 'swap'; // open\n } else if (timeDiff < 300 && Math.abs(translate) > 0) {\n action = 'swap'; // open\n } else if (timeDiff >= 300 && Math.abs(translate) < panelWidth / 2) {\n action = 'swap'; // open\n } else {\n action = 'reset'; // close\n }\n } else if (translate === 0) {\n action = 'reset';\n } else if (timeDiff < 300 && Math.abs(translate) > 0 || timeDiff >= 300 && Math.abs(translate) >= panelWidth / 2) {\n action = 'swap';\n } else {\n action = 'reset';\n }\n } else if (effect === 'cover') {\n if (translate === 0) {\n action = 'reset'; // open\n } else if (timeDiff < 300 && Math.abs(translate) > 0) {\n action = 'swap'; // open\n } else if (timeDiff >= 300 && Math.abs(translate) < panelWidth / 2) {\n action = 'reset'; // open\n } else {\n action = 'swap'; // close\n }\n } else if (translate === -panelWidth) {\n action = 'reset';\n } else if (timeDiff < 300 && Math.abs(translate) >= 0 || timeDiff >= 300 && Math.abs(translate) <= panelWidth / 2) {\n if (side === 'left' && translate === panelWidth) action = 'reset';else action = 'swap';\n } else {\n action = 'reset';\n }\n\n if (action === 'swap') {\n if (panel.opened) {\n panel.close(!edge);\n } else {\n panel.open(!edge);\n }\n }\n\n var removePanelInClass = true;\n\n if (action === 'reset') {\n if (!panel.opened) {\n if (edge) {\n // edge position\n $el.removeClass('panel-in-swipe');\n } else {\n removePanelInClass = false;\n var target = effect === 'reveal' ? $viewEl : $el;\n panel.setStateClasses('before-closing');\n target.transitionEnd(function () {\n if ($el.hasClass('panel-in')) return;\n $el.removeClass('panel-in-swipe');\n panel.setStateClasses('after-closing');\n });\n }\n }\n }\n\n if (effect === 'reveal') {\n nextFrame(function () {\n $viewEl.transition('');\n $viewEl.transform('');\n });\n }\n\n if (removePanelInClass) {\n $el.removeClass('panel-in-swipe');\n }\n\n $el.transition('').transform('');\n $backdropEl.transform('').transition('').css({\n opacity: '',\n visibility: ''\n });\n }\n\n function handleGestureStart(e) {\n isGestureStarted = true;\n handleTouchEnd(e);\n }\n\n function handleGestureEnd() {\n isGestureStarted = false;\n } // Add Events\n\n\n app.on('touchstart:passive', handleTouchStart);\n app.on('touchmove:active', handleTouchMove);\n app.on('touchend:passive', handleTouchEnd);\n app.on('gesturestart', handleGestureStart);\n app.on('gestureend', handleGestureEnd);\n panel.on('panelDestroy', function () {\n app.off('touchstart:passive', handleTouchStart);\n app.off('touchmove:active', handleTouchMove);\n app.off('touchend:passive', handleTouchEnd);\n app.off('gesturestart', handleGestureStart);\n app.off('gestureend', handleGestureEnd);\n });\n}\n\nexport default swipePanel;","import $ from '../../shared/dom7';\nimport { extend, nextFrame } from '../../shared/utils';\nimport { getSupport } from '../../shared/get-support';\n\nfunction resizablePanel(panel) {\n var app = panel.app;\n var support = getSupport();\n if (panel.resizableInitialized) return;\n extend(panel, {\n resizable: true,\n resizableWidth: null,\n resizableInitialized: true\n });\n var $htmlEl = $('html');\n var $el = panel.$el,\n $backdropEl = panel.$backdropEl,\n side = panel.side,\n effect = panel.effect;\n if (!$el) return;\n var isTouched;\n var isMoved;\n var touchesStart = {};\n var touchesDiff;\n var panelWidth;\n var $viewEl;\n var panelMinWidth;\n var panelMaxWidth;\n var visibleByBreakpoint;\n\n function transformCSSWidth(v) {\n if (!v) return null;\n\n if (v.indexOf('%') >= 0 || v.indexOf('vw') >= 0) {\n return parseInt(v, 10) / 100 * app.width;\n }\n\n var newV = parseInt(v, 10);\n if (Number.isNaN(newV)) return null;\n return newV;\n }\n\n function isResizable() {\n return panel.resizable && $el.hasClass('panel-resizable');\n }\n\n function handleTouchStart(e) {\n if (!isResizable()) return;\n touchesStart.x = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX;\n touchesStart.y = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;\n isMoved = false;\n isTouched = true;\n panelMinWidth = transformCSSWidth($el.css('min-width'));\n panelMaxWidth = transformCSSWidth($el.css('max-width'));\n visibleByBreakpoint = $el.hasClass('panel-in-breakpoint');\n }\n\n function handleTouchMove(e) {\n if (!isTouched) return;\n var pageX = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;\n\n if (!isMoved) {\n panelWidth = $el[0].offsetWidth;\n $el.transition(0);\n $el.addClass('panel-resizing');\n $htmlEl.css('cursor', 'col-resize');\n\n if (effect === 'reveal' || visibleByBreakpoint) {\n $viewEl = $(panel.getViewEl());\n\n if (panel.$containerEl && panel.$containerEl.hasClass('page')) {\n $viewEl.add(panel.$containerEl.children('.page-content, .tabs, .fab'));\n }\n }\n\n if (effect === 'reveal' && !visibleByBreakpoint) {\n $backdropEl.transition(0);\n $viewEl.transition(0);\n }\n }\n\n isMoved = true;\n e.preventDefault();\n touchesDiff = pageX - touchesStart.x;\n var newPanelWidth = side === 'left' ? panelWidth + touchesDiff : panelWidth - touchesDiff;\n\n if (panelMinWidth && !Number.isNaN(panelMinWidth)) {\n newPanelWidth = Math.max(newPanelWidth, panelMinWidth);\n }\n\n if (panelMaxWidth && !Number.isNaN(panelMaxWidth)) {\n newPanelWidth = Math.min(newPanelWidth, panelMaxWidth);\n }\n\n newPanelWidth = Math.min(Math.max(newPanelWidth, 0), app.width);\n panel.resizableWidth = newPanelWidth;\n $el[0].style.width = newPanelWidth + \"px\";\n\n if (effect === 'reveal' && !visibleByBreakpoint) {\n if ($viewEl) {\n $viewEl.transform(\"translate3d(\" + (side === 'left' ? newPanelWidth : -newPanelWidth) + \"px, 0, 0)\");\n }\n\n if ($backdropEl) {\n $backdropEl.transform(\"translate3d(\" + (side === 'left' ? newPanelWidth : -newPanelWidth) + \"px, 0, 0)\");\n }\n } else if (visibleByBreakpoint && $viewEl) {\n $viewEl.css(\"margin-\" + side, newPanelWidth + \"px\");\n }\n\n $el.trigger('panel:resize', newPanelWidth);\n panel.emit('local::resize panelResize', panel, newPanelWidth);\n }\n\n function handleTouchEnd() {\n $('html').css('cursor', '');\n\n if (!isTouched || !isMoved) {\n isTouched = false;\n isMoved = false;\n return;\n }\n\n isTouched = false;\n isMoved = false;\n $htmlEl[0].style.setProperty(\"--f7-panel-\" + side + \"-width\", panel.resizableWidth + \"px\");\n $el[0].style.width = '';\n\n if (effect === 'reveal' && !visibleByBreakpoint) {\n $viewEl.transform('');\n $backdropEl.transform('');\n }\n\n $el.removeClass('panel-resizing');\n nextFrame(function () {\n $el.transition('');\n\n if (effect === 'reveal') {\n $backdropEl.transition('');\n if ($viewEl) $viewEl.transition('');\n }\n });\n }\n\n function handleResize() {\n if (!panel.opened || !panel.resizableWidth) return;\n panelMinWidth = transformCSSWidth($el.css('min-width'));\n panelMaxWidth = transformCSSWidth($el.css('max-width'));\n\n if (panelMinWidth && !Number.isNaN(panelMinWidth) && panel.resizableWidth < panelMinWidth) {\n panel.resizableWidth = Math.max(panel.resizableWidth, panelMinWidth);\n }\n\n if (panelMaxWidth && !Number.isNaN(panelMaxWidth) && panel.resizableWidth > panelMaxWidth) {\n panel.resizableWidth = Math.min(panel.resizableWidth, panelMaxWidth);\n }\n\n panel.resizableWidth = Math.min(Math.max(panel.resizableWidth, 0), app.width);\n $htmlEl[0].style.setProperty(\"--f7-panel-\" + side + \"-width\", panel.resizableWidth + \"px\");\n }\n\n if (panel.$el.find('.panel-resize-handler').length === 0) {\n panel.$el.append('');\n }\n\n panel.$resizeHandlerEl = panel.$el.children('.panel-resize-handler');\n $el.addClass('panel-resizable'); // Add Events\n\n var passive = support.passiveListener ? {\n passive: true\n } : false;\n panel.$el.on(app.touchEvents.start, '.panel-resize-handler', handleTouchStart, passive);\n app.on('touchmove:active', handleTouchMove);\n app.on('touchend:passive', handleTouchEnd);\n app.on('resize', handleResize);\n panel.on('beforeOpen', handleResize);\n panel.once('panelDestroy', function () {\n $el.removeClass('panel-resizable');\n panel.$resizeHandlerEl.remove();\n panel.$el.off(app.touchEvents.start, '.panel-resize-handler', handleTouchStart, passive);\n app.off('touchmove:active', handleTouchMove);\n app.off('touchend:passive', handleTouchEnd);\n app.off('resize', handleResize);\n panel.off('beforeOpen', handleResize);\n });\n}\n\nexport default resizablePanel;","function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nimport { getDocument } from 'ssr-window';\nimport $ from '../../shared/dom7';\nimport { extend, deleteProps } from '../../shared/utils';\nimport Framework7Class from '../../shared/class';\nimport swipePanel from './swipe-panel';\nimport resizablePanel from './resizable-panel';\n\nvar Panel = /*#__PURE__*/function (_Framework7Class) {\n _inheritsLoose(Panel, _Framework7Class);\n\n function Panel(app, params) {\n var _this;\n\n if (params === void 0) {\n params = {};\n }\n\n var extendedParams = extend({\n on: {}\n }, app.params.panel, params);\n _this = _Framework7Class.call(this, extendedParams, [app]) || this;\n\n var panel = _assertThisInitialized(_this);\n\n panel.params = extendedParams;\n panel.$containerEl = panel.params.containerEl ? $(panel.params.containerEl).eq(0) : app.$el;\n panel.containerEl = panel.$containerEl[0];\n\n if (!panel.containerEl) {\n panel.$containerEl = app.$el;\n panel.containerEl = app.$el[0];\n }\n\n var $el;\n\n if (panel.params.el) {\n $el = $(panel.params.el).eq(0);\n } else if (panel.params.content) {\n $el = $(panel.params.content).filter(function (node) {\n return node.nodeType === 1;\n }).eq(0);\n }\n\n if ($el.length === 0) return panel || _assertThisInitialized(_this);\n if ($el[0].f7Panel) return $el[0].f7Panel || _assertThisInitialized(_this);\n $el[0].f7Panel = panel;\n var _panel$params = panel.params,\n side = _panel$params.side,\n effect = _panel$params.effect,\n resizable = _panel$params.resizable;\n if (typeof side === 'undefined') side = $el.hasClass('panel-left') ? 'left' : 'right';\n if (typeof effect === 'undefined') effect = $el.hasClass('panel-cover') ? 'cover' : 'reveal';\n if (typeof resizable === 'undefined') resizable = $el.hasClass('panel-resizable');\n var $backdropEl;\n\n if (panel.params.backdrop && panel.params.backdropEl) {\n $backdropEl = $(panel.params.backdropEl);\n } else if (panel.params.backdrop) {\n $backdropEl = panel.$containerEl.children('.panel-backdrop');\n\n if ($backdropEl.length === 0) {\n $backdropEl = $('');\n panel.$containerEl.prepend($backdropEl);\n }\n }\n\n extend(panel, {\n app: app,\n side: side,\n effect: effect,\n resizable: resizable,\n $el: $el,\n el: $el[0],\n opened: false,\n $backdropEl: $backdropEl,\n backdropEl: $backdropEl && $backdropEl[0]\n }); // Install Modules\n\n panel.useModules(); // Init\n\n panel.init();\n return panel || _assertThisInitialized(_this);\n }\n\n var _proto = Panel.prototype;\n\n _proto.getViewEl = function getViewEl() {\n var panel = this;\n var viewEl;\n\n if (panel.$containerEl.children('.views').length > 0) {\n viewEl = panel.$containerEl.children('.views')[0];\n } else {\n viewEl = panel.$containerEl.children('.view')[0];\n }\n\n return viewEl;\n };\n\n _proto.setStateClasses = function setStateClasses(state) {\n var panel = this;\n var side = panel.side,\n el = panel.el;\n var viewEl = panel.getViewEl();\n var panelInView = viewEl && viewEl.contains(el);\n var $targetEl = !viewEl || panelInView ? panel.$containerEl : $('html');\n\n if (state === 'open') {\n $targetEl.addClass(\"with-panel with-panel-\" + panel.side + \"-\" + panel.effect);\n }\n\n if (state === 'before-closing') {\n $targetEl.addClass('with-panel-closing');\n }\n\n if (state === 'closing') {\n $targetEl.addClass('with-panel-closing');\n $targetEl.removeClass(\"with-panel with-panel-\" + panel.side + \"-\" + panel.effect);\n }\n\n if (state === 'after-closing') {\n $targetEl.removeClass('with-panel-closing');\n }\n\n if (state === 'closed') {\n $targetEl.removeClass(\"with-panel-\" + side + \"-reveal with-panel-\" + side + \"-cover with-panel\");\n }\n };\n\n _proto.enableVisibleBreakpoint = function enableVisibleBreakpoint() {\n var panel = this;\n panel.visibleBreakpointDisabled = false;\n panel.setVisibleBreakpoint();\n return panel;\n };\n\n _proto.disableVisibleBreakpoint = function disableVisibleBreakpoint() {\n var panel = this;\n panel.visibleBreakpointDisabled = true;\n panel.setVisibleBreakpoint();\n return panel;\n };\n\n _proto.toggleVisibleBreakpoint = function toggleVisibleBreakpoint() {\n var panel = this;\n panel.visibleBreakpointDisabled = !panel.visibleBreakpointDisabled;\n panel.setVisibleBreakpoint();\n return panel;\n };\n\n _proto.setVisibleBreakpoint = function setVisibleBreakpoint(emitEvents) {\n if (emitEvents === void 0) {\n emitEvents = true;\n }\n\n var panel = this;\n var app = panel.app;\n\n if (!panel.visibleBreakpointResizeHandler) {\n panel.visibleBreakpointResizeHandler = function visibleBreakpointResizeHandler() {\n panel.setVisibleBreakpoint();\n };\n\n app.on('resize', panel.visibleBreakpointResizeHandler);\n }\n\n var side = panel.side,\n $el = panel.$el,\n $containerEl = panel.$containerEl,\n params = panel.params,\n visibleBreakpointDisabled = panel.visibleBreakpointDisabled;\n var breakpoint = params.visibleBreakpoint;\n var $viewEl = $(panel.getViewEl());\n var wasVisible = $el.hasClass('panel-in-breakpoint');\n\n if ($containerEl && $containerEl.hasClass('page')) {\n $viewEl.add($containerEl.children('.page-content, .tabs, .fab'));\n }\n\n if (app.width >= breakpoint && typeof breakpoint !== 'undefined' && breakpoint !== null && !visibleBreakpointDisabled) {\n if (!wasVisible) {\n var _$viewEl$css;\n\n panel.setStateClasses('closed');\n $el.addClass('panel-in-breakpoint').removeClass('panel-in panel-in-collapsed');\n panel.onOpen(false);\n panel.onOpened();\n $viewEl.css((_$viewEl$css = {}, _$viewEl$css[\"margin-\" + side] = $el.width() + \"px\", _$viewEl$css));\n app.allowPanelOpen = true;\n\n if (emitEvents) {\n panel.emit('local::breakpoint panelBreakpoint', panel);\n panel.$el.trigger('panel:breakpoint');\n }\n } else {\n var _$viewEl$css2;\n\n $viewEl.css((_$viewEl$css2 = {}, _$viewEl$css2[\"margin-\" + side] = $el.width() + \"px\", _$viewEl$css2));\n }\n } else if (wasVisible) {\n var _$viewEl$css3;\n\n $el.removeClass('panel-in-breakpoint panel-in');\n panel.onClose();\n panel.onClosed();\n $viewEl.css((_$viewEl$css3 = {}, _$viewEl$css3[\"margin-\" + side] = '', _$viewEl$css3));\n\n if (emitEvents) {\n panel.emit('local::breakpoint panelBreakpoint', panel);\n panel.$el.trigger('panel:breakpoint');\n }\n }\n };\n\n _proto.enableCollapsedBreakpoint = function enableCollapsedBreakpoint() {\n var panel = this;\n panel.collapsedBreakpointDisabled = false;\n panel.setCollapsedBreakpoint();\n return panel;\n };\n\n _proto.disableCollapsedBreakpoint = function disableCollapsedBreakpoint() {\n var panel = this;\n panel.collapsedBreakpointDisabled = true;\n panel.setCollapsedBreakpoint();\n return panel;\n };\n\n _proto.toggleCollapsedBreakpoint = function toggleCollapsedBreakpoint() {\n var panel = this;\n panel.collapsedBreakpointDisabled = !panel.collapsedBreakpointDisabled;\n panel.setCollapsedBreakpoint();\n return panel;\n };\n\n _proto.setCollapsedBreakpoint = function setCollapsedBreakpoint(emitEvents) {\n if (emitEvents === void 0) {\n emitEvents = true;\n }\n\n var panel = this;\n var app = panel.app;\n\n if (!panel.collapsedBreakpointResizeHandler) {\n panel.collapsedBreakpointResizeHandler = function collapsedBreakpointResizeHandler() {\n panel.setCollapsedBreakpoint();\n };\n\n app.on('resize', panel.collapsedBreakpointResizeHandler);\n }\n\n var $el = panel.$el,\n params = panel.params,\n collapsedBreakpointDisabled = panel.collapsedBreakpointDisabled;\n if ($el.hasClass('panel-in-breakpoint')) return;\n var breakpoint = params.collapsedBreakpoint;\n var wasVisible = $el.hasClass('panel-in-collapsed');\n\n if (app.width >= breakpoint && typeof breakpoint !== 'undefined' && breakpoint !== null && !collapsedBreakpointDisabled) {\n if (!wasVisible) {\n panel.setStateClasses('closed');\n $el.addClass('panel-in-collapsed').removeClass('panel-in');\n panel.collapsed = true;\n app.allowPanelOpen = true;\n\n if (emitEvents) {\n panel.emit('local::collapsedBreakpoint panelCollapsedBreakpoint', panel);\n panel.$el.trigger('panel:collapsedbreakpoint');\n }\n }\n } else if (wasVisible) {\n $el.removeClass('panel-in-collapsed panel-in');\n panel.collapsed = false;\n\n if (emitEvents) {\n panel.emit('local::collapsedBreakpoint panelCollapsedBreakpoint', panel);\n panel.$el.trigger('panel:collapsedbreakpoint');\n }\n }\n };\n\n _proto.enableResizable = function enableResizable() {\n var panel = this;\n\n if (panel.resizableInitialized) {\n panel.resizable = true;\n panel.$el.addClass('panel-resizable');\n } else {\n resizablePanel(panel);\n }\n\n return panel;\n };\n\n _proto.disableResizable = function disableResizable() {\n var panel = this;\n panel.resizable = false;\n panel.$el.removeClass('panel-resizable');\n return panel;\n };\n\n _proto.enableSwipe = function enableSwipe() {\n var panel = this;\n\n if (panel.swipeInitialized) {\n panel.swipeable = true;\n } else {\n swipePanel(panel);\n }\n\n return panel;\n };\n\n _proto.disableSwipe = function disableSwipe() {\n var panel = this;\n panel.swipeable = false;\n return panel;\n };\n\n _proto.onOpen = function onOpen(modifyHtmlClasses) {\n if (modifyHtmlClasses === void 0) {\n modifyHtmlClasses = true;\n }\n\n var panel = this;\n var app = panel.app;\n panel.opened = true;\n app.panel.allowOpen = false;\n panel.$el.trigger('panel:beforeopen');\n panel.emit('local::beforeOpen panelBeforeOpen', panel);\n\n if (modifyHtmlClasses) {\n panel.setStateClasses('open');\n }\n\n panel.$el.trigger('panel:open');\n panel.emit('local::open panelOpen', panel);\n };\n\n _proto.onOpened = function onOpened() {\n var panel = this;\n var app = panel.app;\n app.panel.allowOpen = true;\n panel.$el.trigger('panel:opened');\n panel.emit('local::opened panelOpened', panel);\n };\n\n _proto.onClose = function onClose() {\n var panel = this;\n var app = panel.app;\n panel.opened = false;\n app.panel.allowOpen = false;\n panel.$el.trigger('panel:beforeclose');\n panel.emit('local::beforeClose panelBeforeClose', panel);\n panel.setStateClasses('closing');\n panel.$el.trigger('panel:close');\n panel.emit('local::close panelClose', panel);\n };\n\n _proto.onClosed = function onClosed() {\n var panel = this;\n var app = panel.app;\n app.panel.allowOpen = true;\n panel.setStateClasses('after-closing');\n panel.$el.removeClass('panel-out');\n\n if (panel.$backdropEl) {\n var otherPanel = app.panel.get('.panel-in');\n var shouldHideBackdrop = !otherPanel || otherPanel && !otherPanel.$backdropEl;\n\n if (shouldHideBackdrop) {\n panel.$backdropEl.removeClass('panel-backdrop-in');\n }\n }\n\n panel.$el.trigger('panel:closed');\n panel.emit('local::closed panelClosed', panel);\n };\n\n _proto.toggle = function toggle(animate) {\n if (animate === void 0) {\n animate = true;\n }\n\n var panel = this;\n var breakpoint = panel.params.visibleBreakpoint;\n var app = panel.app;\n\n if (app.width >= breakpoint && typeof breakpoint !== 'undefined' && breakpoint !== null) {\n return panel.toggleVisibleBreakpoint();\n }\n\n if (panel.opened) panel.close(animate);else panel.open(animate);\n return panel;\n };\n\n _proto.insertToRoot = function insertToRoot() {\n var panel = this;\n var document = getDocument();\n var $el = panel.$el,\n $backdropEl = panel.$backdropEl,\n $containerEl = panel.$containerEl;\n var $panelParentEl = $el.parent();\n var wasInDom = $el.parents(document).length > 0;\n\n if (!$panelParentEl.is($containerEl) || $el.prevAll('.views, .view').length) {\n var $insertBeforeEl = $containerEl.children('.panel, .views, .view').eq(0);\n var $insertAfterEl = $containerEl.children('.panel-backdrop').eq(0);\n\n if ($insertBeforeEl.length) {\n $el.insertBefore($insertBeforeEl);\n } else if ($insertAfterEl) {\n $el.insertBefore($insertAfterEl);\n } else {\n $containerEl.prepend($el);\n }\n\n if ($backdropEl && $backdropEl.length && (!$backdropEl.parent().is($containerEl) && $backdropEl.nextAll('.panel').length === 0 || $backdropEl.parent().is($containerEl) && $backdropEl.nextAll('.panel').length === 0)) {\n $backdropEl.insertBefore($el);\n }\n\n panel.once('panelClosed', function () {\n if (wasInDom) {\n $panelParentEl.append($el);\n } else {\n $el.remove();\n }\n });\n }\n };\n\n _proto.open = function open(animate) {\n if (animate === void 0) {\n animate = true;\n }\n\n var panel = this;\n var app = panel.app;\n if (!app.panel.allowOpen) return false;\n var effect = panel.effect,\n $el = panel.$el,\n $backdropEl = panel.$backdropEl,\n opened = panel.opened,\n $containerEl = panel.$containerEl;\n\n if (!$el || $el.hasClass('panel-in')) {\n return panel;\n }\n\n panel.insertToRoot(); // Ignore if opened\n\n if (opened || $el.hasClass('panel-in-breakpoint') || $el.hasClass('panel-in')) return false; // Close if some panel is opened\n\n var otherOpenedPanel = app.panel.get('.panel-in');\n\n if (otherOpenedPanel && otherOpenedPanel !== panel) {\n otherOpenedPanel.close(animate);\n }\n\n $el[animate ? 'removeClass' : 'addClass']('not-animated');\n $el.addClass('panel-in');\n\n if ($backdropEl) {\n $backdropEl.addClass('panel-backdrop-in');\n $backdropEl[animate ? 'removeClass' : 'addClass']('not-animated');\n }\n\n if (panel.effect === 'cover') {\n /* eslint no-underscore-dangle: [\"error\", { \"allow\": [\"_clientLeft\"] }] */\n panel._clientLeft = $el[0].clientLeft;\n } // Transitionend\n\n\n var $viewEl = $(panel.getViewEl());\n\n if ($containerEl && $containerEl.hasClass('page')) {\n $viewEl.add($containerEl.children('.page-content, .tabs'));\n }\n\n var transitionEndTarget = effect === 'reveal' ? $viewEl : $el;\n\n function panelTransitionEnd() {\n transitionEndTarget.transitionEnd(function (e) {\n if ($(e.target).is(transitionEndTarget)) {\n if ($el.hasClass('panel-out')) {\n panel.onClosed();\n } else {\n panel.onOpened();\n }\n } else panelTransitionEnd();\n });\n }\n\n if (animate) {\n if ($backdropEl) {\n $backdropEl.removeClass('not-animated');\n }\n\n panelTransitionEnd();\n $el.removeClass('panel-out not-animated').addClass('panel-in');\n panel.onOpen();\n } else {\n if ($backdropEl) {\n $backdropEl.addClass('not-animated');\n }\n\n $el.removeClass('panel-out').addClass('panel-in not-animated');\n panel.onOpen();\n panel.onOpened();\n }\n\n return true;\n };\n\n _proto.close = function close(animate) {\n if (animate === void 0) {\n animate = true;\n }\n\n var panel = this;\n var effect = panel.effect,\n $el = panel.$el,\n $backdropEl = panel.$backdropEl,\n opened = panel.opened,\n $containerEl = panel.$containerEl;\n if (!opened || $el.hasClass('panel-in-breakpoint') || !$el.hasClass('panel-in')) return panel;\n $el[animate ? 'removeClass' : 'addClass']('not-animated');\n\n if ($backdropEl) {\n $backdropEl[animate ? 'removeClass' : 'addClass']('not-animated');\n }\n\n var $viewEl = $(panel.getViewEl());\n\n if ($containerEl && $containerEl.hasClass('page')) {\n $viewEl.add($containerEl.children('.page-content, .tabs'));\n }\n\n var transitionEndTarget = effect === 'reveal' ? $viewEl : $el;\n\n function transitionEnd() {\n if ($el.hasClass('panel-out')) {\n panel.onClosed();\n } else if ($el.hasClass('panel-in')) {\n panel.onOpened();\n }\n\n panel.setStateClasses('after-closing');\n }\n\n if (animate) {\n transitionEndTarget.transitionEnd(function () {\n transitionEnd();\n });\n $el.removeClass('panel-in').addClass('panel-out'); // Emit close\n\n panel.onClose();\n } else {\n $el.addClass('not-animated').removeClass('panel-in').addClass('panel-out'); // Emit close\n\n panel.onClose();\n panel.onClosed();\n }\n\n return panel;\n };\n\n _proto.init = function init() {\n var panel = this; // const app = panel.app;\n\n if (typeof panel.params.visibleBreakpoint !== 'undefined') {\n panel.setVisibleBreakpoint();\n }\n\n if (typeof panel.params.collapsedBreakpoint !== 'undefined') {\n panel.setCollapsedBreakpoint();\n }\n\n if (panel.params.swipe) {\n panel.enableSwipe();\n }\n\n if (panel.resizable) {\n panel.enableResizable();\n }\n };\n\n _proto.destroy = function destroy() {\n var panel = this;\n var app = panel.app;\n var _panel = panel,\n $containerEl = _panel.$containerEl;\n\n if (!panel.$el) {\n // Panel already destroyed\n return;\n }\n\n panel.emit('local::beforeDestroy panelBeforeDestroy', panel);\n panel.$el.trigger('panel:beforedestroy');\n\n if (panel.visibleBreakpointResizeHandler) {\n app.off('resize', panel.visibleBreakpointResizeHandler);\n }\n\n if (panel.collapsedBreakpointResizeHandler) {\n app.off('resize', panel.collapsedBreakpointResizeHandler);\n }\n\n if (panel.$el.hasClass('panel-in-breakpoint') || panel.$el.hasClass('panel-in-collapsed')) {\n var _$viewEl$css4;\n\n var $viewEl = $(panel.getViewEl());\n\n if ($containerEl && $containerEl.hasClass('page')) {\n $viewEl.add($containerEl.children('.page-content, .tabs'));\n }\n\n panel.$el.removeClass('panel-in-breakpoint panel-in-collapsed panel-in');\n $viewEl.css((_$viewEl$css4 = {}, _$viewEl$css4[\"margin-\" + panel.side] = '', _$viewEl$css4));\n panel.emit('local::breakpoint panelBreakpoint', panel);\n panel.$el.trigger('panel:breakpoint');\n }\n\n panel.$el.trigger('panel:destroy');\n panel.emit('local::destroy panelDestroy', panel);\n\n if (panel.el) {\n panel.el.f7Panel = null;\n delete panel.el.f7Panel;\n }\n\n deleteProps(panel);\n panel = null;\n };\n\n return Panel;\n}(Framework7Class);\n\nexport default Panel;","import $ from '../../shared/dom7';\nimport { extend } from '../../shared/utils';\nimport Panel from './panel-class';\nexport default {\n name: 'panel',\n params: {\n panel: {\n opened: undefined,\n // default based on panel-in class\n side: undefined,\n // default based on panel class\n effect: undefined,\n // default based on panel class\n resizable: undefined,\n // default based on panel-resizable class\n backdrop: true,\n backdropEl: undefined,\n visibleBreakpoint: undefined,\n collapsedBreakpoint: undefined,\n swipe: false,\n // or true\n swipeNoFollow: false,\n // or true\n swipeOnlyClose: false,\n swipeActiveArea: 0,\n swipeThreshold: 0,\n closeByBackdropClick: true,\n containerEl: undefined\n }\n },\n static: {\n Panel: Panel\n },\n create: function create() {\n var app = this;\n extend(app, {\n panel: {\n allowOpen: true,\n create: function create(params) {\n return new Panel(app, params);\n },\n get: function get(el) {\n if (el === void 0) {\n el = '.panel';\n }\n\n if (el instanceof Panel) return el;\n if (el === 'left' || el === 'right') el = \".panel-\" + el; // eslint-disable-line\n\n var $el = $(el);\n if ($el.length === 0 || $el.length > 1) return undefined;\n return $el[0].f7Panel;\n },\n destroy: function destroy(el) {\n if (el === void 0) {\n el = '.panel';\n }\n\n var panel = app.panel.get(el);\n if (panel && panel.destroy) return panel.destroy();\n return undefined;\n },\n open: function open(el, animate) {\n if (el === void 0) {\n el = '.panel';\n }\n\n if (el === 'left' || el === 'right') el = \".panel-\" + el; // eslint-disable-line\n\n var panel = app.panel.get(el);\n if (panel && panel.open) return panel.open(animate);\n\n if (!panel) {\n panel = app.panel.create({\n el: el\n });\n return panel.open(animate);\n }\n\n return undefined;\n },\n close: function close(el, animate) {\n if (el === void 0) {\n el = '.panel-in';\n }\n\n if (el === 'left' || el === 'right') el = \".panel-\" + el; // eslint-disable-line\n\n var panel = app.panel.get(el);\n if (panel && panel.open) return panel.close(animate);\n\n if (!panel) {\n panel = app.panel.create({\n el: el\n });\n return panel.close(animate);\n }\n\n return undefined;\n },\n toggle: function toggle(el, animate) {\n if (el === void 0) {\n el = '.panel';\n }\n\n if (el === 'left' || el === 'right') el = \".panel-\" + el; // eslint-disable-line\n\n var panel = app.panel.get(el);\n if (panel && panel.toggle) return panel.toggle(animate);\n\n if (!panel) {\n panel = app.panel.create({\n el: el\n });\n return panel.toggle(animate);\n }\n\n return undefined;\n }\n }\n });\n },\n on: {\n init: function init() {\n var app = this;\n $('.panel-init').each(function (panelEl) {\n var params = Object.assign({\n el: panelEl\n }, $(panelEl).dataset() || {});\n app.panel.create(params);\n });\n },\n pageInit: function pageInit(page) {\n var app = this;\n page.$el.find('.panel-init').each(function (panelEl) {\n var params = Object.assign({\n el: panelEl\n }, $(panelEl).dataset() || {});\n app.panel.create(params);\n });\n },\n pageBeforeRemove: function pageBeforeRemove(page) {\n var app = this;\n page.$el.find('.panel-init').each(function (panelEl) {\n var panel = app.panel.get(panelEl);\n if (panel && panel.destroy) panel.destroy();\n });\n }\n },\n vnode: {\n 'panel-init': {\n insert: function insert(vnode) {\n var app = this;\n var panelEl = vnode.elm;\n var params = Object.assign({\n el: panelEl\n }, $(panelEl).dataset() || {});\n app.panel.create(params);\n },\n destroy: function destroy(vnode) {\n var app = this;\n var panelEl = vnode.elm;\n var panel = app.panel.get(panelEl);\n if (panel && panel.destroy) panel.destroy();\n }\n }\n },\n clicks: {\n '.panel-open': function open(clickedEl, data) {\n if (data === void 0) {\n data = {};\n }\n\n var app = this;\n app.panel.open(data.panel, data.animate);\n },\n '.panel-close': function close(clickedEl, data) {\n if (data === void 0) {\n data = {};\n }\n\n var app = this;\n app.panel.close(data.panel, data.animate);\n },\n '.panel-toggle': function close(clickedEl, data) {\n if (data === void 0) {\n data = {};\n }\n\n var app = this;\n app.panel.toggle(data.panel, data.animate);\n },\n '.panel-backdrop': function close() {\n var app = this;\n var $panelEl = $('.panel-in:not(.panel-out)');\n if (!$panelEl.length) return;\n var instance = $panelEl[0] && $panelEl[0].f7Panel;\n $panelEl.trigger('panel:backdrop-click');\n\n if (instance) {\n instance.emit('backdropClick', instance);\n }\n\n app.emit('panelBackdropClick', instance || $panelEl[0]);\n if (app.params.panel.closeByBackdropClick) app.panel.close();\n }\n }\n};","/* eslint no-param-reassign: \"off\" */\nimport { getDocument } from 'ssr-window';\nimport { bindMethods } from '../../shared/utils';\nimport { getSupport } from '../../shared/get-support';\nimport { getDevice } from '../../shared/get-device';\nimport $ from '../../shared/dom7';\nvar CardExpandable = {\n open: function open(cardEl, animate) {\n if (cardEl === void 0) {\n cardEl = '.card-expandable';\n }\n\n if (animate === void 0) {\n animate = true;\n }\n\n var app = this;\n var device = getDevice();\n var document = getDocument();\n var support = getSupport();\n var $cardEl = $(cardEl).eq(0);\n if (!$cardEl || !$cardEl.length) return;\n if ($cardEl.hasClass('card-opened') || $cardEl.hasClass('card-opening') || $cardEl.hasClass('card-closing')) return;\n var $pageEl = $cardEl.parents('.page').eq(0);\n if (!$pageEl.length) return;\n\n if ($pageEl.find('.card-opened').length) {\n return;\n }\n\n var prevented;\n\n function prevent() {\n prevented = true;\n }\n\n $cardEl.trigger('card:beforeopen', {\n prevent: prevent\n });\n app.emit('cardBeforeOpen', $cardEl[0], prevent);\n if (prevented) return;\n var cardParams = Object.assign({\n animate: animate\n }, app.params.card, $cardEl.dataset());\n var $pageContentEl = $cardEl.parents('.page-content');\n var $backdropEl;\n\n if ($cardEl.attr('data-backdrop-el')) {\n $backdropEl = $($cardEl.attr('data-backdrop-el'));\n }\n\n if (!$backdropEl && cardParams.backdrop) {\n $backdropEl = $pageContentEl.find('.card-backdrop');\n\n if (!$backdropEl.length) {\n $backdropEl = $('');\n $pageContentEl.append($backdropEl);\n }\n }\n\n var $navbarEl;\n var $toolbarEl;\n\n if (cardParams.hideNavbarOnOpen) {\n $navbarEl = $pageEl.children('.navbar');\n\n if (!$navbarEl.length) {\n if ($pageEl[0].f7Page) $navbarEl = $pageEl[0].f7Page.$navbarEl;\n }\n }\n\n if (cardParams.hideToolbarOnOpen) {\n $toolbarEl = $pageEl.children('.toolbar');\n\n if (!$toolbarEl.length) {\n $toolbarEl = $pageEl.parents('.view').children('.toolbar');\n }\n\n if (!$toolbarEl.length) {\n $toolbarEl = $pageEl.parents('.views').children('.toolbar');\n }\n }\n\n var currTransform = $cardEl.css('transform');\n var hasTransform;\n\n if (currTransform && currTransform.match(/[2-9]/)) {\n hasTransform = true;\n }\n\n var $cardContentEl = $cardEl.children('.card-content');\n var $cardSizeEl = $(document.createElement('div')).addClass('card-expandable-size');\n $cardEl.append($cardSizeEl);\n var cardWidth = $cardEl[0].offsetWidth;\n var cardHeight = $cardEl[0].offsetHeight;\n var pageWidth = $pageEl[0].offsetWidth;\n var pageHeight = $pageEl[0].offsetHeight;\n var maxWidth = $cardSizeEl[0].offsetWidth || pageWidth;\n var maxHeight = $cardSizeEl[0].offsetHeight || pageHeight;\n var statusbarHeight;\n\n if ($navbarEl && !cardParams.hideStatusbarOnOpen && maxHeight === pageHeight) {\n statusbarHeight = parseInt($navbarEl.css('--f7-safe-area-top'), 10);\n if (Number.isNaN(statusbarHeight)) statusbarHeight = 0;\n }\n\n if (statusbarHeight) {\n maxHeight -= statusbarHeight;\n }\n\n var scaleX = maxWidth / cardWidth;\n var scaleY = maxHeight / cardHeight;\n var offset = $cardEl.offset();\n var pageOffset = $pageEl.offset();\n\n if (statusbarHeight) {\n pageOffset.top += statusbarHeight / 2;\n }\n\n offset.left -= pageOffset.left;\n var cardLeftOffset;\n var cardTopOffset;\n\n if (hasTransform) {\n var transformValues = currTransform.replace(/matrix\\(|\\)/g, '').split(',').map(function (el) {\n return el.trim();\n });\n\n if (transformValues && transformValues.length > 1) {\n var scale = parseFloat(transformValues[0]);\n cardLeftOffset = offset.left - cardWidth * (1 - scale) / 2;\n cardTopOffset = offset.top - pageOffset.top - cardHeight * (1 - scale) / 2;\n if (app.rtl) cardLeftOffset -= $cardEl[0].scrollLeft;\n } else {\n cardLeftOffset = $cardEl[0].offsetLeft;\n cardTopOffset = $cardEl[0].offsetTop - ($pageContentEl.length ? $pageContentEl[0].scrollTop : 0);\n }\n } else {\n cardLeftOffset = offset.left;\n cardTopOffset = offset.top - pageOffset.top;\n if (app.rtl) cardLeftOffset -= $cardEl[0].scrollLeft;\n }\n\n cardLeftOffset -= (pageWidth - maxWidth) / 2;\n cardTopOffset -= (pageHeight - maxHeight) / 2;\n var cardRightOffset = maxWidth - cardWidth - cardLeftOffset;\n\n if (app.rtl) {\n var _ref = [cardRightOffset, cardLeftOffset];\n cardLeftOffset = _ref[0];\n cardRightOffset = _ref[1];\n }\n\n var cardBottomOffset = maxHeight - cardHeight - cardTopOffset;\n var translateX = (cardRightOffset - cardLeftOffset) / 2;\n var translateY = (cardBottomOffset - cardTopOffset) / 2;\n\n if (cardParams.hideNavbarOnOpen && $navbarEl && $navbarEl.length) {\n if ($navbarEl.closest('.navbar-hidden').length) {\n // Was hidden\n $cardEl[0].f7KeepNavbarOnClose = true;\n } else {\n delete $cardEl[0].f7KeepNavbarOnClose;\n app.navbar.hide($navbarEl, cardParams.animate, cardParams.hideStatusbarOnOpen, true);\n }\n }\n\n if (cardParams.hideToolbarOnOpen && $toolbarEl && $toolbarEl.length) {\n if ($toolbarEl.closest('.toolbar-hidden').length) {\n // Was hidden\n $cardEl[0].f7KeepToolbarOnClose = true;\n } else {\n delete $cardEl[0].f7KeepToolbarOnClose;\n app.toolbar.hide($toolbarEl, cardParams.animate);\n }\n }\n\n if ($backdropEl) {\n $backdropEl.removeClass('card-backdrop-out').addClass('card-backdrop-in');\n }\n\n $cardEl.removeClass('card-transitioning');\n\n if (cardParams.animate) {\n $cardEl.addClass('card-opening');\n }\n\n $cardEl.trigger('card:open');\n app.emit('cardOpen', $cardEl[0]);\n\n function transitionEnd() {\n $pageEl.addClass('page-with-card-opened');\n\n if (device.ios && $pageContentEl.length) {\n $pageContentEl.css('height', $pageContentEl[0].offsetHeight + 1 + \"px\");\n setTimeout(function () {\n $pageContentEl.css('height', '');\n });\n }\n\n $cardEl.addClass('card-opened');\n $cardEl.removeClass('card-opening');\n $cardEl.trigger('card:opened');\n app.emit('cardOpened', $cardEl[0], $pageEl[0]);\n }\n\n $cardContentEl.css({\n width: maxWidth + \"px\",\n height: maxHeight + \"px\"\n }).transform(\"translate3d(\" + (app.rtl ? cardLeftOffset + translateX : -cardLeftOffset - translateX) + \"px, 0px, 0) scale(\" + 1 / scaleX + \", \" + 1 / scaleY + \")\");\n $cardEl.transform(\"translate3d(\" + (app.rtl ? -translateX : translateX) + \"px, \" + translateY + \"px, 0) scale(\" + scaleX + \", \" + scaleY + \")\");\n\n if (cardParams.animate) {\n $cardEl.transitionEnd(function () {\n transitionEnd();\n });\n } else {\n transitionEnd();\n }\n\n function onResize() {\n $cardEl.removeClass('card-transitioning');\n cardWidth = $cardEl[0].offsetWidth;\n cardHeight = $cardEl[0].offsetHeight;\n pageWidth = $pageEl[0].offsetWidth;\n pageHeight = $pageEl[0].offsetHeight;\n maxWidth = $cardSizeEl[0].offsetWidth || pageWidth;\n maxHeight = $cardSizeEl[0].offsetHeight || pageHeight;\n statusbarHeight = 0;\n\n if ($navbarEl && !cardParams.hideStatusbarOnOpen && maxHeight === pageHeight) {\n statusbarHeight = parseInt($navbarEl.css('--f7-safe-area-top'), 10);\n if (Number.isNaN(statusbarHeight)) statusbarHeight = 0;\n }\n\n if (statusbarHeight) {\n maxHeight -= statusbarHeight;\n }\n\n scaleX = maxWidth / cardWidth;\n scaleY = maxHeight / cardHeight;\n $cardEl.transform('translate3d(0px, 0px, 0) scale(1)');\n offset = $cardEl.offset();\n pageOffset = $pageEl.offset();\n\n if (statusbarHeight) {\n pageOffset.top += statusbarHeight / 2;\n }\n\n offset.left -= pageOffset.left;\n offset.top -= pageOffset.top;\n cardLeftOffset = offset.left - (pageWidth - maxWidth) / 2;\n if (app.rtl) cardLeftOffset -= $cardEl[0].scrollLeft;\n cardTopOffset = offset.top - (pageHeight - maxHeight) / 2;\n cardRightOffset = maxWidth - cardWidth - cardLeftOffset;\n cardBottomOffset = maxHeight - cardHeight - cardTopOffset;\n\n if (app.rtl) {\n var _ref2 = [cardRightOffset, cardLeftOffset];\n cardLeftOffset = _ref2[0];\n cardRightOffset = _ref2[1];\n }\n\n translateX = (cardRightOffset - cardLeftOffset) / 2;\n translateY = (cardBottomOffset - cardTopOffset) / 2;\n $cardEl.transform(\"translate3d(\" + (app.rtl ? -translateX : translateX) + \"px, \" + translateY + \"px, 0) scale(\" + scaleX + \", \" + scaleY + \")\");\n $cardContentEl.css({\n width: maxWidth + \"px\",\n height: maxHeight + \"px\"\n }).transform(\"translate3d(\" + (app.rtl ? cardLeftOffset + translateX : -cardLeftOffset - translateX) + \"px, 0px, 0) scale(\" + 1 / scaleX + \", \" + 1 / scaleY + \")\");\n }\n\n var cardScrollTop;\n var isTouched;\n var isMoved;\n var touchStartX;\n var touchStartY;\n var touchEndX;\n var touchEndY;\n var isScrolling;\n var progress;\n var isV;\n var isH;\n var $cardScrollableEl;\n\n function onTouchStart(e) {\n if (!$(e.target).closest($cardEl).length) return;\n if (!$cardEl.hasClass('card-opened')) return;\n $cardScrollableEl = $cardEl.find(cardParams.scrollableEl);\n\n if ($cardScrollableEl[0] && $cardScrollableEl[0] !== $cardContentEl[0] && !$cardScrollableEl[0].contains(e.target)) {\n cardScrollTop = 0;\n } else {\n cardScrollTop = $cardScrollableEl.scrollTop();\n }\n\n isTouched = true;\n touchStartX = e.targetTouches[0].pageX;\n touchStartY = e.targetTouches[0].pageY;\n isScrolling = undefined;\n isV = false;\n isH = false;\n }\n\n function onTouchMove(e) {\n if (!isTouched) return;\n touchEndX = e.targetTouches[0].pageX;\n touchEndY = e.targetTouches[0].pageY;\n\n if (typeof isScrolling === 'undefined') {\n isScrolling = !!(isScrolling || Math.abs(touchEndY - touchStartY) > Math.abs(touchEndX - touchStartX));\n }\n\n if (!isH && !isV) {\n if (!isScrolling && e.targetTouches[0].clientX <= 50) {\n isH = true;\n } else {\n isV = true;\n }\n }\n\n if (!(isH || isV) || isV && cardScrollTop !== 0) {\n isTouched = true;\n isMoved = true;\n return;\n }\n\n if (!isMoved) {\n $cardEl.removeClass('card-transitioning');\n }\n\n isMoved = true;\n progress = isV ? Math.max((touchEndY - touchStartY) / 150, 0) : Math.max((touchEndX - touchStartX) / (cardWidth / 2), 0);\n\n if (progress > 0 && isV || isH) {\n if (isV && device.ios && $cardScrollableEl[0] === $cardContentEl[0]) {\n $cardScrollableEl.css('-webkit-overflow-scrolling', 'auto');\n $cardScrollableEl.scrollTop(0);\n }\n\n e.preventDefault();\n }\n\n if (progress > 1) progress = Math.pow(progress, 0.3);\n\n if (progress > (isV ? 1.3 : 1.1)) {\n isTouched = false;\n isMoved = false;\n app.card.close($cardEl);\n } else {\n $cardEl.transform(\"translate3d(\" + (app.rtl ? -translateX : translateX) + \"px, \" + translateY + \"px, 0) scale(\" + scaleX * (1 - progress * 0.2) + \", \" + scaleY * (1 - progress * 0.2) + \")\");\n }\n }\n\n function onTouchEnd() {\n if (!isTouched || !isMoved) return;\n isTouched = false;\n isMoved = false;\n\n if (device.ios) {\n $cardScrollableEl.css('-webkit-overflow-scrolling', '');\n }\n\n if (progress >= 0.8) {\n app.card.close($cardEl);\n } else {\n $cardEl.addClass('card-transitioning').transform(\"translate3d(\" + (app.rtl ? -translateX : translateX) + \"px, \" + translateY + \"px, 0) scale(\" + scaleX + \", \" + scaleY + \")\");\n }\n }\n\n $cardEl[0].detachEventHandlers = function detachEventHandlers() {\n app.off('resize', onResize);\n\n if (support.touch && cardParams.swipeToClose) {\n app.off('touchstart:passive', onTouchStart);\n app.off('touchmove:active', onTouchMove);\n app.off('touchend:passive', onTouchEnd);\n }\n };\n\n app.on('resize', onResize);\n\n if (support.touch && cardParams.swipeToClose) {\n app.on('touchstart:passive', onTouchStart);\n app.on('touchmove:active', onTouchMove);\n app.on('touchend:passive', onTouchEnd);\n }\n },\n close: function close(cardEl, animate) {\n if (cardEl === void 0) {\n cardEl = '.card-expandable.card-opened';\n }\n\n if (animate === void 0) {\n animate = true;\n }\n\n var app = this;\n var device = getDevice();\n var $cardEl = $(cardEl).eq(0);\n if (!$cardEl || !$cardEl.length) return;\n if (!$cardEl.hasClass('card-opened') || $cardEl.hasClass('card-opening') || $cardEl.hasClass('card-closing')) return;\n var $cardContentEl = $cardEl.children('.card-content');\n var $pageContentEl = $cardEl.parents('.page-content');\n var $pageEl = $cardEl.parents('.page').eq(0);\n if (!$pageEl.length) return;\n var cardParams = Object.assign({\n animate: animate\n }, app.params.card, $cardEl.dataset());\n var $cardScrollableEl = $cardEl.find(cardParams.scrollableEl);\n var $navbarEl;\n var $toolbarEl;\n var $backdropEl;\n\n if ($cardEl.attr('data-backdrop-el')) {\n $backdropEl = $($cardEl.attr('data-backdrop-el'));\n }\n\n if (cardParams.backdrop) {\n $backdropEl = $cardEl.parents('.page-content').find('.card-backdrop');\n }\n\n if (cardParams.hideNavbarOnOpen) {\n $navbarEl = $pageEl.children('.navbar');\n\n if (!$navbarEl.length) {\n if ($pageEl[0].f7Page) $navbarEl = $pageEl[0].f7Page.$navbarEl;\n }\n\n if ($navbarEl && $navbarEl.length && !$cardEl[0].f7KeepNavbarOnClose) {\n app.navbar.show($navbarEl, cardParams.animate, true);\n }\n }\n\n if (cardParams.hideToolbarOnOpen) {\n $toolbarEl = $pageEl.children('.toolbar');\n\n if (!$toolbarEl.length) {\n $toolbarEl = $pageEl.parents('.view').children('.toolbar');\n }\n\n if (!$toolbarEl.length) {\n $toolbarEl = $pageEl.parents('.views').children('.toolbar');\n }\n\n if ($toolbarEl && $toolbarEl.length && !$cardEl[0].f7KeepToolbarOnClose) {\n app.toolbar.show($toolbarEl, cardParams.animate);\n }\n }\n\n $pageEl.removeClass('page-with-card-opened');\n\n if (device.ios && $pageContentEl.length) {\n $pageContentEl.css('height', $pageContentEl[0].offsetHeight + 1 + \"px\");\n setTimeout(function () {\n $pageContentEl.css('height', '');\n });\n }\n\n if ($backdropEl && $backdropEl.length) {\n $backdropEl.removeClass('card-backdrop-in').addClass('card-backdrop-out');\n }\n\n $cardEl.removeClass('card-opened card-transitioning');\n\n if (cardParams.animate) {\n $cardEl.addClass('card-closing');\n } else {\n $cardEl.addClass('card-no-transition');\n }\n\n $cardEl.transform('');\n $cardEl.trigger('card:close');\n app.emit('cardClose', $cardEl[0], $pageEl[0]);\n var animateWidth = $cardEl.hasClass('card-expandable-animate-width');\n\n function transitionEnd() {\n if (!animateWidth) {\n $cardContentEl.css({\n width: '',\n height: ''\n });\n }\n\n if ($backdropEl && $backdropEl.length) {\n $backdropEl.removeClass('card-backdrop-in card-backdrop-out');\n }\n\n $cardEl.removeClass('card-closing card-no-transition');\n $cardEl.trigger('card:closed');\n $cardEl.find('.card-expandable-size').remove();\n app.emit('cardClosed', $cardEl[0], $pageEl[0]);\n }\n\n if (animateWidth) {\n $cardContentEl.css({\n width: '',\n height: ''\n });\n }\n\n $cardContentEl.transform('').scrollTop(0, animate ? 300 : 0);\n\n if ($cardScrollableEl.length && $cardScrollableEl[0] !== $cardContentEl[0]) {\n $cardScrollableEl.scrollTop(0, animate ? 300 : 0);\n }\n\n if (animate) {\n $cardContentEl.transitionEnd(function () {\n transitionEnd();\n });\n } else {\n transitionEnd();\n }\n\n if ($cardEl[0].detachEventHandlers) {\n $cardEl[0].detachEventHandlers();\n delete $cardEl[0].detachEventHandlers;\n }\n },\n toggle: function toggle(cardEl, animate) {\n if (cardEl === void 0) {\n cardEl = '.card-expandable';\n }\n\n var app = this;\n var $cardEl = $(cardEl).eq(0);\n if (!$cardEl.length) return;\n\n if ($cardEl.hasClass('card-opened')) {\n app.card.close($cardEl, animate);\n } else {\n app.card.open($cardEl, animate);\n }\n }\n};\nexport default {\n name: 'card',\n params: {\n card: {\n hideNavbarOnOpen: true,\n hideStatusbarOnOpen: true,\n hideToolbarOnOpen: true,\n scrollableEl: '.card-content',\n swipeToClose: true,\n closeByBackdropClick: true,\n backdrop: true\n }\n },\n create: function create() {\n var app = this;\n bindMethods(app, {\n card: CardExpandable\n });\n },\n on: {\n pageBeforeIn: function pageBeforeIn(page) {\n var app = this;\n\n if (app.params.card.hideNavbarOnOpen && page.navbarEl && page.$el.find('.card-opened.card-expandable').length) {\n app.navbar.hide(page.navbarEl, true, app.params.card.hideStatusbarOnOpen, true);\n }\n\n if (app.params.card.hideToolbarOnOpen && page.$el.find('.card-opened.card-expandable').length) {\n var $toolbarEl = page.$el.children('.toolbar');\n\n if (!$toolbarEl.length) {\n $toolbarEl = page.$el.parents('.view').children('.toolbar');\n }\n\n if (!$toolbarEl.length) {\n $toolbarEl = page.$el.parents('.views').children('.toolbar');\n }\n\n if ($toolbarEl && $toolbarEl.length) {\n app.toolbar.hide($toolbarEl);\n }\n }\n }\n },\n clicks: {\n '.card-close': function closeCard($clickedEl, data) {\n var app = this;\n app.card.close(data.card, data.animate);\n },\n '.card-open': function closeCard($clickedEl, data) {\n var app = this;\n app.card.open(data.card, data.animate);\n },\n '.card-expandable': function toggleExpandableCard($clickedEl, data, e) {\n var app = this;\n if ($clickedEl.hasClass('card-opened') || $clickedEl.hasClass('card-opening') || $clickedEl.hasClass('card-closing')) return;\n if ($(e.target).closest('.card-prevent-open, .card-close').length) return;\n app.card.open($clickedEl);\n },\n '.card-backdrop-in': function onBackdropClick() {\n var app = this;\n var needToClose = false;\n if (app.params.card.closeByBackdropClick) needToClose = true;\n var $openedCardEl = $('.card-opened');\n if (!$openedCardEl.length) return;\n\n if ($openedCardEl.attr('data-close-by-backdrop-click') === 'true') {\n needToClose = true;\n } else if ($openedCardEl.attr('data-close-by-backdrop-click') === 'false') {\n needToClose = false;\n }\n\n if (needToClose) app.card.close($openedCardEl);\n }\n }\n};","import { getWindow, getDocument } from 'ssr-window';\nimport $ from '../../shared/dom7';\nimport { extend, serializeObject } from '../../shared/utils'; // Form Data\n\nvar FormData = {\n store: function store(form, data) {\n var app = this;\n var window = getWindow();\n var formId = form;\n var $formEl = $(form);\n\n if ($formEl.length && $formEl.is('form') && $formEl.attr('id')) {\n formId = $formEl.attr('id');\n } // Store form data in app.formsData\n\n\n app.form.data[\"form-\" + formId] = data; // Store form data in local storage also\n\n window.localStorage[\"f7form-\" + formId] = JSON.stringify(data);\n },\n get: function get(form) {\n var app = this;\n var window = getWindow();\n var formId = form;\n var $formEl = $(form);\n\n if ($formEl.length && $formEl.is('form') && $formEl.attr('id')) {\n formId = $formEl.attr('id');\n }\n\n if (window.localStorage[\"f7form-\" + formId]) {\n return JSON.parse(window.localStorage[\"f7form-\" + formId]);\n }\n\n if (app.form.data[\"form-\" + formId]) {\n return app.form.data[\"form-\" + formId];\n }\n\n return undefined;\n },\n remove: function remove(form) {\n var app = this;\n var window = getWindow();\n var formId = form;\n var $formEl = $(form);\n\n if ($formEl.length && $formEl.is('form') && $formEl.attr('id')) {\n formId = $formEl.attr('id');\n } // Delete form data from app.formsData\n\n\n if (app.form.data[\"form-\" + formId]) {\n app.form.data[\"form-\" + formId] = '';\n delete app.form.data[\"form-\" + formId];\n } // Delete form data from local storage also\n\n\n if (window.localStorage[\"f7form-\" + formId]) {\n window.localStorage[\"f7form-\" + formId] = '';\n window.localStorage.removeItem(\"f7form-\" + formId);\n }\n }\n}; // Form Storage\n\nvar FormStorage = {\n init: function init(formEl) {\n var app = this;\n var $formEl = $(formEl);\n var formId = $formEl.attr('id');\n if (!formId) return;\n var initialData = app.form.getFormData(formId);\n\n if (initialData) {\n app.form.fillFromData($formEl, initialData);\n }\n\n function store() {\n var data = app.form.convertToData($formEl);\n if (!data) return;\n app.form.storeFormData(formId, data);\n $formEl.trigger('form:storedata', data);\n app.emit('formStoreData', $formEl[0], data);\n }\n\n $formEl.on('change submit', store);\n },\n destroy: function destroy(formEl) {\n var $formEl = $(formEl);\n $formEl.off('change submit');\n }\n}; // Form To/From Data\n\nfunction formToData(formEl) {\n var app = this;\n var $formEl = $(formEl).eq(0);\n if ($formEl.length === 0) return undefined; // Form data\n\n var data = {}; // Skip input types\n\n var skipTypes = ['submit', 'image', 'button', 'file'];\n var skipNames = [];\n $formEl.find('input, select, textarea').each(function (inputEl) {\n var $inputEl = $(inputEl);\n\n if ($inputEl.hasClass('ignore-store-data') || $inputEl.hasClass('no-store-data')) {\n return;\n }\n\n var name = $inputEl.attr('name');\n var type = $inputEl.attr('type');\n var tag = inputEl.nodeName.toLowerCase();\n if (skipTypes.indexOf(type) >= 0) return;\n if (skipNames.indexOf(name) >= 0 || !name) return;\n\n if (tag === 'select' && $inputEl.prop('multiple')) {\n skipNames.push(name);\n data[name] = [];\n $formEl.find(\"select[name=\\\"\" + name + \"\\\"] option\").each(function (el) {\n if (el.selected) data[name].push(el.value);\n });\n } else {\n switch (type) {\n case 'checkbox':\n skipNames.push(name);\n data[name] = [];\n $formEl.find(\"input[name=\\\"\" + name + \"\\\"]\").each(function (el) {\n if (el.checked) data[name].push(el.value);\n });\n break;\n\n case 'radio':\n skipNames.push(name);\n $formEl.find(\"input[name=\\\"\" + name + \"\\\"]\").each(function (el) {\n if (el.checked) data[name] = el.value;\n });\n break;\n\n default:\n data[name] = $inputEl.val();\n break;\n }\n }\n });\n $formEl.trigger('form:todata', data);\n app.emit('formToData', $formEl[0], data);\n return data;\n}\n\nfunction formFromData(formEl, formData) {\n var app = this;\n var $formEl = $(formEl).eq(0);\n if (!$formEl.length) return;\n var data = formData;\n var formId = $formEl.attr('id');\n\n if (!data && formId) {\n data = app.form.getFormData(formId);\n }\n\n if (!data) return; // Skip input types\n\n var skipTypes = ['submit', 'image', 'button', 'file'];\n var skipNames = [];\n $formEl.find('input, select, textarea').each(function (inputEl) {\n var $inputEl = $(inputEl);\n\n if ($inputEl.hasClass('ignore-store-data') || $inputEl.hasClass('no-store-data')) {\n return;\n }\n\n var name = $inputEl.attr('name');\n var type = $inputEl.attr('type');\n var tag = inputEl.nodeName.toLowerCase();\n if (typeof data[name] === 'undefined' || data[name] === null) return;\n if (skipTypes.indexOf(type) >= 0) return;\n if (skipNames.indexOf(name) >= 0 || !name) return;\n\n if (tag === 'select' && $inputEl.prop('multiple')) {\n skipNames.push(name);\n $formEl.find(\"select[name=\\\"\" + name + \"\\\"] option\").each(function (el) {\n var selectEl = el;\n if (data[name].indexOf(el.value) >= 0) selectEl.selected = true;else selectEl.selected = false;\n });\n } else {\n switch (type) {\n case 'checkbox':\n skipNames.push(name);\n $formEl.find(\"input[name=\\\"\" + name + \"\\\"]\").each(function (el) {\n var checkboxEl = el;\n if (data[name].indexOf(el.value) >= 0) checkboxEl.checked = true;else checkboxEl.checked = false;\n });\n break;\n\n case 'radio':\n skipNames.push(name);\n $formEl.find(\"input[name=\\\"\" + name + \"\\\"]\").each(function (el) {\n var radioEl = el;\n if (data[name] === el.value) radioEl.checked = true;else radioEl.checked = false;\n });\n break;\n\n default:\n $inputEl.val(data[name]);\n break;\n }\n }\n\n if (tag === 'select' || tag === 'input' || tag === 'textarea') {\n $inputEl.trigger('change', 'fromdata');\n }\n });\n $formEl.trigger('form:fromdata', data);\n app.emit('formFromData', $formEl[0], data);\n}\n\nfunction initAjaxForm() {\n var app = this;\n var window = getWindow();\n var document = getDocument();\n\n function onSubmitChange(e, fromData) {\n var $formEl = $(this);\n if (e.type === 'change' && !$formEl.hasClass('form-ajax-submit-onchange')) return;\n if (e.type === 'submit') e.preventDefault();\n if (e.type === 'change' && fromData === 'fromdata') return;\n var method = ($formEl.attr('method') || 'GET').toUpperCase();\n var contentType = $formEl.prop('enctype') || $formEl.attr('enctype');\n var url = $formEl.attr('action');\n if (!url) return;\n var data;\n\n if (method === 'POST') {\n if (contentType === 'application/x-www-form-urlencoded') {\n data = app.form.convertToData($formEl[0]);\n } else {\n data = new window.FormData($formEl[0]);\n }\n } else {\n data = serializeObject(app.form.convertToData($formEl[0]));\n }\n\n app.request({\n method: method,\n url: url,\n contentType: contentType,\n data: data,\n beforeSend: function beforeSend(xhr) {\n $formEl.trigger('formajax:beforesend', {\n data: data,\n xhr: xhr\n });\n app.emit('formAjaxBeforeSend', $formEl[0], data, xhr);\n },\n error: function error(xhr) {\n $formEl.trigger('formajax:error', {\n data: data,\n xhr: xhr\n });\n app.emit('formAjaxError', $formEl[0], data, xhr);\n },\n complete: function complete(xhr) {\n $formEl.trigger('formajax:complete', {\n data: data,\n xhr: xhr\n });\n app.emit('formAjaxComplete', $formEl[0], data, xhr);\n },\n success: function success(response, status, xhr) {\n $formEl.trigger('formajax:success', {\n data: data,\n xhr: xhr\n });\n app.emit('formAjaxSuccess', $formEl[0], data, xhr);\n }\n });\n }\n\n $(document).on('submit change', 'form.form-ajax-submit, form.form-ajax-submit-onchange', onSubmitChange);\n}\n\nexport default {\n name: 'form',\n create: function create() {\n var app = this;\n extend(app, {\n form: {\n data: {},\n storeFormData: FormData.store.bind(app),\n getFormData: FormData.get.bind(app),\n removeFormData: FormData.remove.bind(app),\n convertToData: formToData.bind(app),\n fillFromData: formFromData.bind(app),\n storage: {\n init: FormStorage.init.bind(app),\n destroy: FormStorage.destroy.bind(app)\n }\n }\n });\n },\n on: {\n init: function init() {\n var app = this;\n initAjaxForm.call(app);\n },\n tabBeforeRemove: function tabBeforeRemove(tabEl) {\n var app = this;\n $(tabEl).find('.form-store-data').each(function (formEl) {\n app.form.storage.destroy(formEl);\n });\n },\n tabMounted: function tabMounted(tabEl) {\n var app = this;\n $(tabEl).find('.form-store-data').each(function (formEl) {\n app.form.storage.init(formEl);\n });\n },\n pageBeforeRemove: function pageBeforeRemove(page) {\n var app = this;\n page.$el.find('.form-store-data').each(function (formEl) {\n app.form.storage.destroy(formEl);\n });\n },\n pageInit: function pageInit(page) {\n var app = this;\n page.$el.find('.form-store-data').each(function (formEl) {\n app.form.storage.init(formEl);\n });\n }\n }\n};","import { getWindow, getDocument } from 'ssr-window';\nimport $ from '../../shared/dom7';\nimport { bindMethods } from '../../shared/utils';\nimport { getDevice } from '../../shared/get-device';\nvar Input = {\n ignoreTypes: ['checkbox', 'button', 'submit', 'range', 'radio', 'image'],\n createTextareaResizableShadow: function createTextareaResizableShadow() {\n var document = getDocument();\n var $shadowEl = $(document.createElement('textarea'));\n $shadowEl.addClass('textarea-resizable-shadow');\n $shadowEl.prop({\n disabled: true,\n readonly: true\n });\n Input.textareaResizableShadow = $shadowEl;\n },\n textareaResizableShadow: undefined,\n resizeTextarea: function resizeTextarea(textareaEl) {\n var app = this;\n var window = getWindow();\n var $textareaEl = $(textareaEl);\n\n if (!Input.textareaResizableShadow) {\n Input.createTextareaResizableShadow();\n }\n\n var $shadowEl = Input.textareaResizableShadow;\n if (!$textareaEl.length) return;\n if (!$textareaEl.hasClass('resizable')) return;\n\n if (Input.textareaResizableShadow.parents().length === 0) {\n app.$el.append($shadowEl);\n }\n\n var styles = window.getComputedStyle($textareaEl[0]);\n 'padding-top padding-bottom padding-left padding-right margin-left margin-right margin-top margin-bottom width font-size font-family font-style font-weight line-height font-variant text-transform letter-spacing border box-sizing display'.split(' ').forEach(function (style) {\n var styleValue = styles[style];\n\n if ('font-size line-height letter-spacing width'.split(' ').indexOf(style) >= 0) {\n styleValue = styleValue.replace(',', '.');\n }\n\n $shadowEl.css(style, styleValue);\n });\n var currentHeight = $textareaEl[0].clientHeight;\n $shadowEl.val('');\n var initialHeight = $shadowEl[0].scrollHeight;\n $shadowEl.val($textareaEl.val());\n $shadowEl.css('height', 0);\n var scrollHeight = $shadowEl[0].scrollHeight;\n\n if (currentHeight !== scrollHeight) {\n if (scrollHeight > initialHeight) {\n $textareaEl.css('height', scrollHeight + \"px\");\n } else if (scrollHeight < currentHeight) {\n $textareaEl.css('height', '');\n }\n\n if (scrollHeight > initialHeight || scrollHeight < currentHeight) {\n $textareaEl.trigger('textarea:resize', {\n initialHeight: initialHeight,\n currentHeight: currentHeight,\n scrollHeight: scrollHeight\n });\n app.emit('textareaResize', {\n initialHeight: initialHeight,\n currentHeight: currentHeight,\n scrollHeight: scrollHeight\n });\n }\n }\n },\n validate: function validate(inputEl) {\n var $inputEl = $(inputEl);\n if (!$inputEl.length) return true;\n var $itemInputEl = $inputEl.parents('.item-input');\n var $inputWrapEl = $inputEl.parents('.input');\n\n function unsetReadonly() {\n if ($inputEl[0].f7ValidateReadonly) {\n $inputEl[0].readOnly = false;\n }\n }\n\n function setReadonly() {\n if ($inputEl[0].f7ValidateReadonly) {\n $inputEl[0].readOnly = true;\n }\n }\n\n unsetReadonly();\n var validity = $inputEl[0].validity;\n var validationMessage = $inputEl.dataset().errorMessage || $inputEl[0].validationMessage || '';\n\n if (!validity) {\n setReadonly();\n return true;\n }\n\n if (!validity.valid) {\n var $errorEl = $inputEl.nextAll('.item-input-error-message, .input-error-message');\n\n if (validationMessage) {\n if ($errorEl.length === 0) {\n $errorEl = $(\"\");\n $errorEl.insertAfter($inputEl);\n }\n\n $errorEl.text(validationMessage);\n }\n\n if ($errorEl.length > 0) {\n $itemInputEl.addClass('item-input-with-error-message');\n $inputWrapEl.addClass('input-with-error-message');\n }\n\n $itemInputEl.addClass('item-input-invalid');\n $inputWrapEl.addClass('input-invalid');\n $inputEl.addClass('input-invalid');\n setReadonly();\n return false;\n }\n\n $itemInputEl.removeClass('item-input-invalid item-input-with-error-message');\n $inputWrapEl.removeClass('input-invalid input-with-error-message');\n $inputEl.removeClass('input-invalid');\n setReadonly();\n return true;\n },\n validateInputs: function validateInputs(el) {\n var app = this;\n var validates = $(el).find('input, textarea, select').map(function (inputEl) {\n return app.input.validate(inputEl);\n });\n return validates.indexOf(false) < 0;\n },\n focus: function focus(inputEl) {\n var $inputEl = $(inputEl);\n var type = $inputEl.attr('type');\n if (Input.ignoreTypes.indexOf(type) >= 0) return;\n $inputEl.parents('.item-input').addClass('item-input-focused');\n $inputEl.parents('.input').addClass('input-focused');\n $inputEl.addClass('input-focused');\n },\n blur: function blur(inputEl) {\n var $inputEl = $(inputEl);\n $inputEl.parents('.item-input').removeClass('item-input-focused');\n $inputEl.parents('.input').removeClass('input-focused');\n $inputEl.removeClass('input-focused');\n },\n checkEmptyState: function checkEmptyState(inputEl) {\n var app = this;\n var $inputEl = $(inputEl);\n\n if (!$inputEl.is('input, select, textarea, .item-input [contenteditable]')) {\n $inputEl = $inputEl.find('input, select, textarea, .item-input [contenteditable]').eq(0);\n }\n\n if (!$inputEl.length) return;\n var isContentEditable = $inputEl[0].hasAttribute('contenteditable');\n var value;\n\n if (isContentEditable) {\n if ($inputEl.find('.text-editor-placeholder').length) value = '';else value = $inputEl.html();\n } else {\n value = $inputEl.val();\n }\n\n var $itemInputEl = $inputEl.parents('.item-input');\n var $inputWrapEl = $inputEl.parents('.input');\n\n if (value && typeof value === 'string' && value.trim() !== '' || Array.isArray(value) && value.length > 0) {\n $itemInputEl.addClass('item-input-with-value');\n $inputWrapEl.addClass('input-with-value');\n $inputEl.addClass('input-with-value');\n $inputEl.trigger('input:notempty');\n app.emit('inputNotEmpty', $inputEl[0]);\n } else {\n $itemInputEl.removeClass('item-input-with-value');\n $inputWrapEl.removeClass('input-with-value');\n $inputEl.removeClass('input-with-value');\n $inputEl.trigger('input:empty');\n app.emit('inputEmpty', $inputEl[0]);\n }\n },\n scrollIntoView: function scrollIntoView(inputEl, duration, centered, force) {\n if (duration === void 0) {\n duration = 0;\n }\n\n var $inputEl = $(inputEl);\n var $scrollableEl = $inputEl.parents('.page-content, .panel, .card-expandable .card-content').eq(0);\n\n if (!$scrollableEl.length) {\n return false;\n }\n\n var contentHeight = $scrollableEl[0].offsetHeight;\n var contentScrollTop = $scrollableEl[0].scrollTop;\n var contentPaddingTop = parseInt($scrollableEl.css('padding-top'), 10);\n var contentPaddingBottom = parseInt($scrollableEl.css('padding-bottom'), 10);\n var contentOffsetTop = $scrollableEl.offset().top - contentScrollTop;\n var inputOffsetTop = $inputEl.offset().top - contentOffsetTop;\n var inputHeight = $inputEl[0].offsetHeight;\n var min = inputOffsetTop + contentScrollTop - contentPaddingTop;\n var max = inputOffsetTop + contentScrollTop - contentHeight + contentPaddingBottom + inputHeight;\n var centeredPosition = min + (max - min) / 2;\n\n if (contentScrollTop > min) {\n $scrollableEl.scrollTop(centered ? centeredPosition : min, duration);\n return true;\n }\n\n if (contentScrollTop < max) {\n $scrollableEl.scrollTop(centered ? centeredPosition : max, duration);\n return true;\n }\n\n if (force) {\n $scrollableEl.scrollTop(centered ? centeredPosition : max, duration);\n }\n\n return false;\n },\n init: function init() {\n var app = this;\n var device = getDevice();\n var window = getWindow();\n var document = getDocument();\n Input.createTextareaResizableShadow();\n\n function onFocus() {\n var inputEl = this;\n\n if (app.params.input.scrollIntoViewOnFocus) {\n if (device.android) {\n $(window).once('resize', function () {\n if (document && document.activeElement === inputEl) {\n app.input.scrollIntoView(inputEl, app.params.input.scrollIntoViewDuration, app.params.input.scrollIntoViewCentered, app.params.input.scrollIntoViewAlways);\n }\n });\n } else {\n app.input.scrollIntoView(inputEl, app.params.input.scrollIntoViewDuration, app.params.input.scrollIntoViewCentered, app.params.input.scrollIntoViewAlways);\n }\n }\n\n app.input.focus(inputEl);\n }\n\n function onBlur() {\n var $inputEl = $(this);\n var tag = $inputEl[0].nodeName.toLowerCase();\n app.input.blur($inputEl);\n\n if ($inputEl.dataset().validate || $inputEl.attr('validate') !== null || $inputEl.attr('data-validate-on-blur') !== null) {\n app.input.validate($inputEl);\n } // Resize textarea\n\n\n if (tag === 'textarea' && $inputEl.hasClass('resizable')) {\n if (Input.textareaResizableShadow) Input.textareaResizableShadow.remove();\n }\n }\n\n function onChange() {\n var $inputEl = $(this);\n var type = $inputEl.attr('type');\n var tag = $inputEl[0].nodeName.toLowerCase();\n var isContentEditable = $inputEl[0].hasAttribute('contenteditable');\n if (Input.ignoreTypes.indexOf(type) >= 0) return; // Check Empty State\n\n app.input.checkEmptyState($inputEl);\n if (isContentEditable) return; // Check validation\n\n if ($inputEl.attr('data-validate-on-blur') === null && ($inputEl.dataset().validate || $inputEl.attr('validate') !== null)) {\n app.input.validate($inputEl);\n } // Resize textarea\n\n\n if (tag === 'textarea' && $inputEl.hasClass('resizable')) {\n app.input.resizeTextarea($inputEl);\n }\n }\n\n function onInvalid(e) {\n var $inputEl = $(this);\n\n if ($inputEl.attr('data-validate-on-blur') === null && ($inputEl.dataset().validate || $inputEl.attr('validate') !== null)) {\n e.preventDefault();\n app.input.validate($inputEl);\n }\n }\n\n function clearInput() {\n var $clicked = $(this);\n var $inputEl = $clicked.siblings('input, textarea').eq(0);\n var previousValue = $inputEl.val();\n $inputEl.val('').trigger('input change').focus().trigger('input:clear', previousValue);\n app.emit('inputClear', previousValue);\n }\n\n function preventDefault(e) {\n e.preventDefault();\n }\n\n $(document).on('click', '.input-clear-button', clearInput);\n $(document).on('mousedown', '.input-clear-button', preventDefault);\n $(document).on('change input', 'input, textarea, select, .item-input [contenteditable]', onChange, true);\n $(document).on('focus', 'input, textarea, select, .item-input [contenteditable]', onFocus, true);\n $(document).on('blur', 'input, textarea, select, .item-input [contenteditable]', onBlur, true);\n $(document).on('invalid', 'input, textarea, select', onInvalid, true);\n }\n};\nexport default {\n name: 'input',\n params: {\n input: {\n scrollIntoViewOnFocus: undefined,\n scrollIntoViewCentered: false,\n scrollIntoViewDuration: 0,\n scrollIntoViewAlways: false\n }\n },\n create: function create() {\n var app = this;\n\n if (typeof app.params.input.scrollIntoViewOnFocus === 'undefined') {\n app.params.input.scrollIntoViewOnFocus = getDevice().android;\n }\n\n bindMethods(app, {\n input: Input\n });\n },\n on: {\n init: function init() {\n var app = this;\n app.input.init();\n },\n tabMounted: function tabMounted(tabEl) {\n var app = this;\n var $tabEl = $(tabEl);\n $tabEl.find('.item-input, .input').each(function (itemInputEl) {\n var $itemInputEl = $(itemInputEl);\n $itemInputEl.find('input, select, textarea, [contenteditable]').each(function (inputEl) {\n var $inputEl = $(inputEl);\n if (Input.ignoreTypes.indexOf($inputEl.attr('type')) >= 0) return;\n app.input.checkEmptyState($inputEl);\n });\n });\n $tabEl.find('textarea.resizable').each(function (textareaEl) {\n app.input.resizeTextarea(textareaEl);\n });\n },\n pageInit: function pageInit(page) {\n var app = this;\n var $pageEl = page.$el;\n $pageEl.find('.item-input, .input').each(function (itemInputEl) {\n var $itemInputEl = $(itemInputEl);\n $itemInputEl.find('input, select, textarea, [contenteditable]').each(function (inputEl) {\n var $inputEl = $(inputEl);\n if (Input.ignoreTypes.indexOf($inputEl.attr('type')) >= 0) return;\n app.input.checkEmptyState($inputEl);\n });\n });\n $pageEl.find('textarea.resizable').each(function (textareaEl) {\n app.input.resizeTextarea(textareaEl);\n });\n },\n 'panelBreakpoint panelCollapsedBreakpoint panelResize panelOpen panelSwipeOpen resize viewMasterDetailBreakpoint': function onPanelOpen(instance) {\n var app = this;\n\n if (instance && instance.$el) {\n instance.$el.find('textarea.resizable').each(function (textareaEl) {\n app.input.resizeTextarea(textareaEl);\n });\n } else {\n $('textarea.resizable').each(function (textareaEl) {\n app.input.resizeTextarea(textareaEl);\n });\n }\n }\n }\n};","function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nimport $ from '../../shared/dom7';\nimport { extend, now, nextTick, deleteProps } from '../../shared/utils';\nimport Framework7Class from '../../shared/class';\nimport { getSupport } from '../../shared/get-support';\n\nvar Toggle = /*#__PURE__*/function (_Framework7Class) {\n _inheritsLoose(Toggle, _Framework7Class);\n\n function Toggle(app, params) {\n var _this;\n\n if (params === void 0) {\n params = {};\n }\n\n _this = _Framework7Class.call(this, params, [app]) || this;\n\n var toggle = _assertThisInitialized(_this);\n\n var support = getSupport();\n var defaults = {}; // Extend defaults with modules params\n\n toggle.useModulesParams(defaults);\n toggle.params = extend(defaults, params);\n var el = toggle.params.el;\n if (!el) return toggle || _assertThisInitialized(_this);\n var $el = $(el);\n if ($el.length === 0) return toggle || _assertThisInitialized(_this);\n if ($el[0].f7Toggle) return $el[0].f7Toggle || _assertThisInitialized(_this);\n var $inputEl = $el.children('input[type=\"checkbox\"]');\n extend(toggle, {\n app: app,\n $el: $el,\n el: $el[0],\n $inputEl: $inputEl,\n inputEl: $inputEl[0],\n disabled: $el.hasClass('disabled') || $inputEl.hasClass('disabled') || $inputEl.attr('disabled') || $inputEl[0].disabled\n });\n Object.defineProperty(toggle, 'checked', {\n enumerable: true,\n configurable: true,\n set: function set(checked) {\n if (!toggle || typeof toggle.$inputEl === 'undefined') return;\n if (toggle.checked === checked) return;\n $inputEl[0].checked = checked;\n toggle.$inputEl.trigger('change');\n },\n get: function get() {\n return $inputEl[0].checked;\n }\n });\n $el[0].f7Toggle = toggle;\n var isTouched;\n var touchesStart = {};\n var isScrolling;\n var touchesDiff;\n var toggleWidth;\n var touchStartTime;\n var touchStartChecked;\n\n function handleTouchStart(e) {\n if (isTouched || toggle.disabled) return;\n touchesStart.x = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX;\n touchesStart.y = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;\n touchesDiff = 0;\n isTouched = true;\n isScrolling = undefined;\n touchStartTime = now();\n touchStartChecked = toggle.checked;\n toggleWidth = $el[0].offsetWidth;\n nextTick(function () {\n if (isTouched) {\n $el.addClass('toggle-active-state');\n }\n });\n }\n\n function handleTouchMove(e) {\n if (!isTouched || toggle.disabled) return;\n var pageX = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;\n var pageY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;\n var inverter = app.rtl ? -1 : 1;\n\n if (typeof isScrolling === 'undefined') {\n isScrolling = !!(isScrolling || Math.abs(pageY - touchesStart.y) > Math.abs(pageX - touchesStart.x));\n }\n\n if (isScrolling) {\n isTouched = false;\n return;\n }\n\n e.preventDefault();\n touchesDiff = pageX - touchesStart.x;\n var changed;\n\n if (touchesDiff * inverter < 0 && Math.abs(touchesDiff) > toggleWidth / 3 && touchStartChecked) {\n changed = true;\n }\n\n if (touchesDiff * inverter > 0 && Math.abs(touchesDiff) > toggleWidth / 3 && !touchStartChecked) {\n changed = true;\n }\n\n if (changed) {\n touchesStart.x = pageX;\n toggle.checked = !touchStartChecked;\n touchStartChecked = !touchStartChecked;\n }\n }\n\n function handleTouchEnd() {\n if (!isTouched || toggle.disabled) {\n if (isScrolling) $el.removeClass('toggle-active-state');\n isTouched = false;\n return;\n }\n\n var inverter = app.rtl ? -1 : 1;\n isTouched = false;\n $el.removeClass('toggle-active-state');\n var changed;\n\n if (now() - touchStartTime < 300) {\n if (touchesDiff * inverter < 0 && touchStartChecked) {\n changed = true;\n }\n\n if (touchesDiff * inverter > 0 && !touchStartChecked) {\n changed = true;\n }\n\n if (changed) {\n toggle.checked = !touchStartChecked;\n }\n }\n }\n\n function handleInputChange() {\n toggle.$el.trigger('toggle:change');\n toggle.emit('local::change toggleChange', toggle);\n }\n\n toggle.attachEvents = function attachEvents() {\n var passive = support.passiveListener ? {\n passive: true\n } : false;\n $el.on(app.touchEvents.start, handleTouchStart, passive);\n app.on('touchmove', handleTouchMove);\n app.on('touchend:passive', handleTouchEnd);\n toggle.$inputEl.on('change', handleInputChange);\n };\n\n toggle.detachEvents = function detachEvents() {\n var passive = support.passiveListener ? {\n passive: true\n } : false;\n $el.off(app.touchEvents.start, handleTouchStart, passive);\n app.off('touchmove', handleTouchMove);\n app.off('touchend:passive', handleTouchEnd);\n toggle.$inputEl.off('change', handleInputChange);\n }; // Install Modules\n\n\n toggle.useModules(); // Init\n\n toggle.init();\n return _this;\n }\n\n var _proto = Toggle.prototype;\n\n _proto.toggle = function toggle() {\n var toggle = this;\n toggle.checked = !toggle.checked;\n };\n\n _proto.init = function init() {\n var toggle = this;\n toggle.attachEvents();\n };\n\n _proto.destroy = function destroy() {\n var toggle = this;\n toggle.$el.trigger('toggle:beforedestroy');\n toggle.emit('local::beforeDestroy toggleBeforeDestroy', toggle);\n delete toggle.$el[0].f7Toggle;\n toggle.detachEvents();\n deleteProps(toggle);\n toggle = null;\n };\n\n return Toggle;\n}(Framework7Class);\n\nexport default Toggle;","import $ from '../../shared/dom7';\nimport ConstructorMethods from '../../shared/constructor-methods';\nimport Toggle from './toggle-class';\nexport default {\n name: 'toggle',\n create: function create() {\n var app = this;\n app.toggle = ConstructorMethods({\n defaultSelector: '.toggle',\n constructor: Toggle,\n app: app,\n domProp: 'f7Toggle'\n });\n },\n static: {\n Toggle: Toggle\n },\n on: {\n tabMounted: function tabMounted(tabEl) {\n var app = this;\n $(tabEl).find('.toggle-init').each(function (toggleEl) {\n return app.toggle.create({\n el: toggleEl\n });\n });\n },\n tabBeforeRemove: function tabBeforeRemove(tabEl) {\n $(tabEl).find('.toggle-init').each(function (toggleEl) {\n if (toggleEl.f7Toggle) toggleEl.f7Toggle.destroy();\n });\n },\n pageInit: function pageInit(page) {\n var app = this;\n page.$el.find('.toggle-init').each(function (toggleEl) {\n return app.toggle.create({\n el: toggleEl\n });\n });\n },\n pageBeforeRemove: function pageBeforeRemove(page) {\n page.$el.find('.toggle-init').each(function (toggleEl) {\n if (toggleEl.f7Toggle) toggleEl.f7Toggle.destroy();\n });\n }\n },\n vnode: {\n 'toggle-init': {\n insert: function insert(vnode) {\n var app = this;\n var toggleEl = vnode.elm;\n app.toggle.create({\n el: toggleEl\n });\n },\n destroy: function destroy(vnode) {\n var toggleEl = vnode.elm;\n if (toggleEl.f7Toggle) toggleEl.f7Toggle.destroy();\n }\n }\n }\n};","function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nimport $ from '../../shared/dom7';\nimport { extend, nextTick, deleteProps } from '../../shared/utils';\nimport Framework7Class from '../../shared/class';\nimport { getSupport } from '../../shared/get-support';\n\nvar Range = /*#__PURE__*/function (_Framework7Class) {\n _inheritsLoose(Range, _Framework7Class);\n\n function Range(app, params) {\n var _this;\n\n _this = _Framework7Class.call(this, params, [app]) || this;\n\n var range = _assertThisInitialized(_this);\n\n var support = getSupport();\n var defaults = {\n el: null,\n inputEl: null,\n dual: false,\n step: 1,\n label: false,\n min: 0,\n max: 100,\n value: 0,\n draggableBar: true,\n vertical: false,\n verticalReversed: false,\n formatLabel: null,\n scale: false,\n scaleSteps: 5,\n scaleSubSteps: 0,\n formatScaleLabel: null,\n limitKnobPosition: app.theme === 'ios'\n }; // Extend defaults with modules params\n\n range.useModulesParams(defaults);\n range.params = extend(defaults, params);\n var el = range.params.el;\n if (!el) return range || _assertThisInitialized(_this);\n var $el = $(el);\n if ($el.length === 0) return range || _assertThisInitialized(_this);\n if ($el[0].f7Range) return $el[0].f7Range || _assertThisInitialized(_this);\n var dataset = $el.dataset();\n 'step min max value scaleSteps scaleSubSteps'.split(' ').forEach(function (paramName) {\n if (typeof params[paramName] === 'undefined' && typeof dataset[paramName] !== 'undefined') {\n range.params[paramName] = parseFloat(dataset[paramName]);\n }\n });\n 'dual label vertical verticalReversed scale'.split(' ').forEach(function (paramName) {\n if (typeof params[paramName] === 'undefined' && typeof dataset[paramName] !== 'undefined') {\n range.params[paramName] = dataset[paramName];\n }\n });\n\n if (!range.params.value) {\n if (typeof dataset.value !== 'undefined') range.params.value = dataset.value;\n\n if (typeof dataset.valueLeft !== 'undefined' && typeof dataset.valueRight !== 'undefined') {\n range.params.value = [parseFloat(dataset.valueLeft), parseFloat(dataset.valueRight)];\n }\n }\n\n var $inputEl;\n\n if (!range.params.dual) {\n if (range.params.inputEl) {\n $inputEl = $(range.params.inputEl);\n } else if ($el.find('input[type=\"range\"]').length) {\n $inputEl = $el.find('input[type=\"range\"]').eq(0);\n }\n }\n\n var _range$params = range.params,\n dual = _range$params.dual,\n step = _range$params.step,\n label = _range$params.label,\n min = _range$params.min,\n max = _range$params.max,\n value = _range$params.value,\n vertical = _range$params.vertical,\n verticalReversed = _range$params.verticalReversed,\n scale = _range$params.scale,\n scaleSteps = _range$params.scaleSteps,\n scaleSubSteps = _range$params.scaleSubSteps,\n limitKnobPosition = _range$params.limitKnobPosition;\n extend(range, {\n app: app,\n $el: $el,\n el: $el[0],\n $inputEl: $inputEl,\n inputEl: $inputEl ? $inputEl[0] : undefined,\n dual: dual,\n step: step,\n label: label,\n min: min,\n max: max,\n value: value,\n previousValue: value,\n vertical: vertical,\n verticalReversed: verticalReversed,\n scale: scale,\n scaleSteps: scaleSteps,\n scaleSubSteps: scaleSubSteps,\n limitKnobPosition: limitKnobPosition\n });\n\n if ($inputEl) {\n 'step min max'.split(' ').forEach(function (paramName) {\n if (!params[paramName] && $inputEl.attr(paramName)) {\n range.params[paramName] = parseFloat($inputEl.attr(paramName));\n range[paramName] = parseFloat($inputEl.attr(paramName));\n }\n });\n\n if (typeof $inputEl.val() !== 'undefined') {\n range.params.value = parseFloat($inputEl.val());\n range.value = parseFloat($inputEl.val());\n }\n } // Dual\n\n\n if (range.dual) {\n $el.addClass('range-slider-dual');\n }\n\n if (range.label) {\n $el.addClass('range-slider-label');\n } // Vertical\n\n\n if (range.vertical) {\n $el.addClass('range-slider-vertical');\n\n if (range.verticalReversed) {\n $el.addClass('range-slider-vertical-reversed');\n }\n } else {\n $el.addClass('range-slider-horizontal');\n } // Check for layout\n\n\n var $barEl = $('');\n var $barActiveEl = $('');\n $barEl.append($barActiveEl); // Create Knobs\n // prettier-ignore\n\n var knobHTML = \"\\n
\\n \\n \" + (range.label ? '' : '') + \"\\n
\\n \";\n var knobs = [$(knobHTML)];\n\n if (range.dual) {\n knobs.push($(knobHTML));\n }\n\n $el.append($barEl);\n knobs.forEach(function ($knobEl) {\n $el.append($knobEl);\n }); // Labels\n\n var labels = [];\n\n if (range.label) {\n labels.push(knobs[0].find('.range-knob-label'));\n\n if (range.dual) {\n labels.push(knobs[1].find('.range-knob-label'));\n }\n } // Scale\n\n\n var $scaleEl;\n\n if (range.scale && range.scaleSteps >= 1) {\n $scaleEl = $(\"\\n
\\n \" + range.renderScale() + \"\\n
\\n \");\n $el.append($scaleEl);\n }\n\n extend(range, {\n knobs: knobs,\n labels: labels,\n $barEl: $barEl,\n $barActiveEl: $barActiveEl,\n $scaleEl: $scaleEl\n });\n $el[0].f7Range = range; // Touch Events\n\n var isTouched;\n var touchesStart = {};\n var isScrolling;\n var rangeOffset;\n var rangeOffsetLeft;\n var rangeOffsetTop;\n var $touchedKnobEl;\n var dualValueIndex;\n var valueChangedByTouch;\n var targetTouchIdentifier;\n\n function onTouchChange() {\n valueChangedByTouch = true;\n }\n\n function handleTouchStart(e) {\n if (isTouched) return;\n\n if (!range.params.draggableBar) {\n if ($(e.target).closest('.range-knob').length === 0) {\n return;\n }\n }\n\n valueChangedByTouch = false;\n touchesStart.x = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX;\n touchesStart.y = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;\n\n if (e.type === 'touchstart') {\n targetTouchIdentifier = e.targetTouches[0].identifier;\n }\n\n isTouched = true;\n isScrolling = undefined;\n rangeOffset = $el.offset();\n rangeOffsetLeft = rangeOffset.left;\n rangeOffsetTop = rangeOffset.top;\n var progress;\n\n if (range.vertical) {\n progress = (touchesStart.y - rangeOffsetTop) / range.rangeHeight;\n if (!range.verticalReversed) progress = 1 - progress;\n } else if (range.app.rtl) {\n progress = (rangeOffsetLeft + range.rangeWidth - touchesStart.x) / range.rangeWidth;\n } else {\n progress = (touchesStart.x - rangeOffsetLeft) / range.rangeWidth;\n }\n\n var newValue = progress * (range.max - range.min) + range.min;\n\n if (range.dual) {\n if (Math.abs(range.value[0] - newValue) < Math.abs(range.value[1] - newValue)) {\n dualValueIndex = 0;\n $touchedKnobEl = range.knobs[0];\n newValue = [newValue, range.value[1]];\n } else {\n dualValueIndex = 1;\n $touchedKnobEl = range.knobs[1];\n newValue = [range.value[0], newValue];\n }\n } else {\n $touchedKnobEl = range.knobs[0];\n newValue = progress * (range.max - range.min) + range.min;\n }\n\n nextTick(function () {\n if (isTouched) $touchedKnobEl.addClass('range-knob-active-state');\n }, 70);\n range.on('change', onTouchChange);\n range.setValue(newValue, true);\n }\n\n function handleTouchMove(e) {\n if (!isTouched) return;\n var pageX;\n var pageY;\n\n if (e.type === 'touchmove') {\n for (var i = 0; i < e.targetTouches.length; i += 1) {\n if (e.targetTouches[i].identifier === targetTouchIdentifier) {\n pageX = e.targetTouches[i].pageX;\n pageY = e.targetTouches[i].pageY;\n }\n }\n } else {\n pageX = e.pageX;\n pageY = e.pageY;\n }\n\n if (typeof pageX === 'undefined' && typeof pageY === 'undefined') return;\n\n if (typeof isScrolling === 'undefined' && !range.vertical) {\n isScrolling = !!(isScrolling || Math.abs(pageY - touchesStart.y) > Math.abs(pageX - touchesStart.x));\n }\n\n if (isScrolling) {\n isTouched = false;\n return;\n }\n\n e.preventDefault();\n var progress;\n\n if (range.vertical) {\n progress = (pageY - rangeOffsetTop) / range.rangeHeight;\n if (!range.verticalReversed) progress = 1 - progress;\n } else if (range.app.rtl) {\n progress = (rangeOffsetLeft + range.rangeWidth - pageX) / range.rangeWidth;\n } else {\n progress = (pageX - rangeOffsetLeft) / range.rangeWidth;\n }\n\n var newValue = progress * (range.max - range.min) + range.min;\n\n if (range.dual) {\n var leftValue;\n var rightValue;\n\n if (dualValueIndex === 0) {\n leftValue = newValue;\n rightValue = range.value[1];\n\n if (leftValue > rightValue) {\n rightValue = leftValue;\n }\n } else {\n leftValue = range.value[0];\n rightValue = newValue;\n\n if (rightValue < leftValue) {\n leftValue = rightValue;\n }\n }\n\n newValue = [leftValue, rightValue];\n }\n\n range.setValue(newValue, true);\n }\n\n function handleTouchEnd(e) {\n if (e.type === 'touchend') {\n var touchEnded;\n\n for (var i = 0; i < e.changedTouches.length; i += 1) {\n if (e.changedTouches[i].identifier === targetTouchIdentifier) touchEnded = true;\n }\n\n if (!touchEnded) return;\n }\n\n if (!isTouched) {\n if (isScrolling) $touchedKnobEl.removeClass('range-knob-active-state');\n isTouched = false;\n return;\n }\n\n range.off('change', onTouchChange);\n isTouched = false;\n $touchedKnobEl.removeClass('range-knob-active-state');\n\n if (valueChangedByTouch && range.$inputEl && !range.dual) {\n range.$inputEl.trigger('change');\n }\n\n valueChangedByTouch = false;\n\n if (typeof range.previousValue !== 'undefined') {\n if (range.dual && (range.previousValue[0] !== range.value[0] || range.previousValue[1] !== range.value[1]) || !range.dual && range.previousValue !== range.value) {\n range.$el.trigger('range:changed', range.value);\n range.emit('local::changed rangeChanged', range, range.value);\n }\n }\n }\n\n function handleResize() {\n range.calcSize();\n range.layout();\n }\n\n var parentModals;\n var parentPanel;\n var parentPage;\n\n range.attachEvents = function attachEvents() {\n var passive = support.passiveListener ? {\n passive: true\n } : false;\n range.$el.on(app.touchEvents.start, handleTouchStart, passive);\n app.on('touchmove', handleTouchMove);\n app.on('touchend:passive', handleTouchEnd);\n app.on('tabShow', handleResize);\n app.on('resize', handleResize);\n parentModals = range.$el.parents('.sheet-modal, .actions-modal, .popup, .popover, .login-screen, .dialog, .toast');\n parentModals.on('modal:open', handleResize);\n parentPanel = range.$el.parents('.panel');\n parentPanel.on('panel:open panel:resize', handleResize);\n parentPage = range.$el.parents('.page').eq(0);\n parentPage.on('page:reinit', handleResize);\n };\n\n range.detachEvents = function detachEvents() {\n var passive = support.passiveListener ? {\n passive: true\n } : false;\n range.$el.off(app.touchEvents.start, handleTouchStart, passive);\n app.off('touchmove', handleTouchMove);\n app.off('touchend:passive', handleTouchEnd);\n app.off('tabShow', handleResize);\n app.off('resize', handleResize);\n\n if (parentModals) {\n parentModals.off('modal:open', handleResize);\n }\n\n if (parentPanel) {\n parentPanel.off('panel:open panel:resize', handleResize);\n }\n\n if (parentPage) {\n parentPage.off('page:reinit', handleResize);\n }\n\n parentModals = null;\n parentPanel = null;\n parentPage = null;\n }; // Install Modules\n\n\n range.useModules(); // Init\n\n range.init();\n return range || _assertThisInitialized(_this);\n }\n\n var _proto = Range.prototype;\n\n _proto.calcSize = function calcSize() {\n var range = this;\n\n if (range.vertical) {\n var height = range.$el.outerHeight();\n if (height === 0) return;\n range.rangeHeight = height;\n range.knobHeight = range.knobs[0].outerHeight();\n } else {\n var width = range.$el.outerWidth();\n if (width === 0) return;\n range.rangeWidth = width;\n range.knobWidth = range.knobs[0].outerWidth();\n }\n };\n\n _proto.layout = function layout() {\n var range = this;\n var app = range.app,\n knobWidth = range.knobWidth,\n knobHeight = range.knobHeight,\n rangeWidth = range.rangeWidth,\n rangeHeight = range.rangeHeight,\n min = range.min,\n max = range.max,\n knobs = range.knobs,\n $barActiveEl = range.$barActiveEl,\n value = range.value,\n label = range.label,\n labels = range.labels,\n vertical = range.vertical,\n verticalReversed = range.verticalReversed,\n limitKnobPosition = range.limitKnobPosition;\n var knobSize = vertical ? knobHeight : knobWidth;\n var rangeSize = vertical ? rangeHeight : rangeWidth; // eslint-disable-next-line\n\n var positionProperty = vertical ? verticalReversed ? 'top' : 'bottom' : app.rtl ? 'right' : 'left';\n\n if (range.dual) {\n var _$barActiveEl$css;\n\n var progress = [(value[0] - min) / (max - min), (value[1] - min) / (max - min)];\n $barActiveEl.css((_$barActiveEl$css = {}, _$barActiveEl$css[positionProperty] = progress[0] * 100 + \"%\", _$barActiveEl$css[vertical ? 'height' : 'width'] = (progress[1] - progress[0]) * 100 + \"%\", _$barActiveEl$css));\n knobs.forEach(function ($knobEl, knobIndex) {\n var startPos = rangeSize * progress[knobIndex];\n\n if (limitKnobPosition) {\n var realStartPos = rangeSize * progress[knobIndex] - knobSize / 2;\n if (realStartPos < 0) startPos = knobSize / 2;\n if (realStartPos + knobSize > rangeSize) startPos = rangeSize - knobSize / 2;\n }\n\n $knobEl.css(positionProperty, startPos + \"px\");\n if (label) labels[knobIndex].text(range.formatLabel(value[knobIndex], labels[knobIndex][0]));\n });\n } else {\n var _progress = (value - min) / (max - min);\n\n $barActiveEl.css(vertical ? 'height' : 'width', _progress * 100 + \"%\");\n var startPos = rangeSize * _progress;\n\n if (limitKnobPosition) {\n var realStartPos = rangeSize * _progress - knobSize / 2;\n if (realStartPos < 0) startPos = knobSize / 2;\n if (realStartPos + knobSize > rangeSize) startPos = rangeSize - knobSize / 2;\n }\n\n knobs[0].css(positionProperty, startPos + \"px\");\n if (label) labels[0].text(range.formatLabel(value, labels[0][0]));\n }\n\n if (range.dual && value.indexOf(min) >= 0 || !range.dual && value === min) {\n range.$el.addClass('range-slider-min');\n } else {\n range.$el.removeClass('range-slider-min');\n }\n\n if (range.dual && value.indexOf(max) >= 0 || !range.dual && value === max) {\n range.$el.addClass('range-slider-max');\n } else {\n range.$el.removeClass('range-slider-max');\n }\n };\n\n _proto.setValue = function setValue(newValue, byTouchMove) {\n var range = this;\n var step = range.step,\n min = range.min,\n max = range.max;\n var valueChanged;\n var oldValue;\n\n if (range.dual) {\n oldValue = [range.value[0], range.value[1]];\n var newValues = newValue;\n if (!Array.isArray(newValues)) newValues = [newValue, newValue];\n\n if (newValue[0] > newValue[1]) {\n newValues = [newValues[0], newValues[0]];\n }\n\n newValues = newValues.map(function (value) {\n return Math.max(Math.min(Math.round(value / step) * step, max), min);\n });\n\n if (newValues[0] === range.value[0] && newValues[1] === range.value[1]) {\n return range;\n }\n\n newValues.forEach(function (value, valueIndex) {\n range.value[valueIndex] = value;\n });\n valueChanged = oldValue[0] !== newValues[0] || oldValue[1] !== newValues[1];\n range.layout();\n } else {\n oldValue = range.value;\n var value = Math.max(Math.min(Math.round(newValue / step) * step, max), min);\n range.value = value;\n range.layout();\n valueChanged = oldValue !== value;\n }\n\n if (valueChanged) {\n range.previousValue = oldValue;\n } // Events\n\n\n if (!valueChanged) return range;\n range.$el.trigger('range:change', range.value);\n\n if (range.$inputEl && !range.dual) {\n range.$inputEl.val(range.value);\n\n if (!byTouchMove) {\n range.$inputEl.trigger('input change');\n } else {\n range.$inputEl.trigger('input');\n }\n }\n\n if (!byTouchMove) {\n range.$el.trigger('range:changed', range.value);\n range.emit('local::changed rangeChanged', range, range.value);\n }\n\n range.emit('local::change rangeChange', range, range.value);\n return range;\n };\n\n _proto.getValue = function getValue() {\n return this.value;\n };\n\n _proto.formatLabel = function formatLabel(value, labelEl) {\n var range = this;\n if (range.params.formatLabel) return range.params.formatLabel.call(range, value, labelEl);\n return value;\n };\n\n _proto.formatScaleLabel = function formatScaleLabel(value) {\n var range = this;\n if (range.params.formatScaleLabel) return range.params.formatScaleLabel.call(range, value);\n return value;\n };\n\n _proto.renderScale = function renderScale() {\n var range = this;\n var app = range.app,\n verticalReversed = range.verticalReversed,\n vertical = range.vertical; // eslint-disable-next-line\n\n var positionProperty = vertical ? verticalReversed ? 'top' : 'bottom' : app.rtl ? 'right' : 'left';\n var html = '';\n Array.from({\n length: range.scaleSteps + 1\n }).forEach(function (scaleEl, index) {\n var scaleStepValue = (range.max - range.min) / range.scaleSteps;\n var scaleValue = range.min + scaleStepValue * index;\n var progress = (scaleValue - range.min) / (range.max - range.min);\n html += \"
\" + range.formatScaleLabel(scaleValue) + \"
\";\n\n if (range.scaleSubSteps && range.scaleSubSteps > 1 && index < range.scaleSteps) {\n Array.from({\n length: range.scaleSubSteps - 1\n }).forEach(function (subStepEl, subIndex) {\n var subStep = scaleStepValue / range.scaleSubSteps;\n var scaleSubValue = scaleValue + subStep * (subIndex + 1);\n var subProgress = (scaleSubValue - range.min) / (range.max - range.min);\n html += \"\";\n });\n }\n });\n return html;\n };\n\n _proto.updateScale = function updateScale() {\n var range = this;\n\n if (!range.scale || range.scaleSteps < 1) {\n if (range.$scaleEl) range.$scaleEl.remove();\n delete range.$scaleEl;\n return;\n }\n\n if (!range.$scaleEl) {\n range.$scaleEl = $('');\n range.$el.append(range.$scaleEl);\n }\n\n range.$scaleEl.html(range.renderScale());\n };\n\n _proto.init = function init() {\n var range = this;\n range.calcSize();\n range.layout();\n range.attachEvents();\n return range;\n };\n\n _proto.destroy = function destroy() {\n var range = this;\n range.$el.trigger('range:beforedestroy');\n range.emit('local::beforeDestroy rangeBeforeDestroy', range);\n delete range.$el[0].f7Range;\n range.detachEvents();\n deleteProps(range);\n range = null;\n };\n\n return Range;\n}(Framework7Class);\n\nexport default Range;","import $ from '../../shared/dom7';\nimport { extend } from '../../shared/utils';\nimport Range from './range-class';\nimport ConstructorMethods from '../../shared/constructor-methods';\nexport default {\n name: 'range',\n create: function create() {\n var app = this;\n app.range = extend(ConstructorMethods({\n defaultSelector: '.range-slider',\n constructor: Range,\n app: app,\n domProp: 'f7Range'\n }), {\n getValue: function getValue(el) {\n if (el === void 0) {\n el = '.range-slider';\n }\n\n var range = app.range.get(el);\n if (range) return range.getValue();\n return undefined;\n },\n setValue: function setValue(el, value) {\n if (el === void 0) {\n el = '.range-slider';\n }\n\n var range = app.range.get(el);\n if (range) return range.setValue(value);\n return undefined;\n }\n });\n },\n static: {\n Range: Range\n },\n on: {\n tabMounted: function tabMounted(tabEl) {\n var app = this;\n $(tabEl).find('.range-slider-init').each(function (rangeEl) {\n return new Range(app, {\n el: rangeEl\n });\n });\n },\n tabBeforeRemove: function tabBeforeRemove(tabEl) {\n $(tabEl).find('.range-slider-init').each(function (rangeEl) {\n if (rangeEl.f7Range) rangeEl.f7Range.destroy();\n });\n },\n pageInit: function pageInit(page) {\n var app = this;\n page.$el.find('.range-slider-init').each(function (rangeEl) {\n return new Range(app, {\n el: rangeEl\n });\n });\n },\n pageBeforeRemove: function pageBeforeRemove(page) {\n page.$el.find('.range-slider-init').each(function (rangeEl) {\n if (rangeEl.f7Range) rangeEl.f7Range.destroy();\n });\n }\n },\n vnode: {\n 'range-slider-init': {\n insert: function insert(vnode) {\n var rangeEl = vnode.elm;\n var app = this;\n app.range.create({\n el: rangeEl\n });\n },\n destroy: function destroy(vnode) {\n var rangeEl = vnode.elm;\n if (rangeEl.f7Range) rangeEl.f7Range.destroy();\n }\n }\n }\n};","function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nimport $ from '../../shared/dom7';\nimport { extend, deleteProps } from '../../shared/utils';\nimport Framework7Class from '../../shared/class';\n\nvar Stepper = /*#__PURE__*/function (_Framework7Class) {\n _inheritsLoose(Stepper, _Framework7Class);\n\n function Stepper(app, params) {\n var _this;\n\n _this = _Framework7Class.call(this, params, [app]) || this;\n\n var stepper = _assertThisInitialized(_this);\n\n var defaults = {\n el: null,\n inputEl: null,\n valueEl: null,\n value: 0,\n formatValue: null,\n step: 1,\n min: 0,\n max: 100,\n watchInput: true,\n autorepeat: false,\n autorepeatDynamic: false,\n wraps: false,\n manualInputMode: false,\n decimalPoint: 4,\n buttonsEndInputMode: true\n }; // Extend defaults with modules params\n\n stepper.useModulesParams(defaults);\n stepper.params = extend(defaults, params);\n\n if (stepper.params.value < stepper.params.min) {\n stepper.params.value = stepper.params.min;\n }\n\n if (stepper.params.value > stepper.params.max) {\n stepper.params.value = stepper.params.max;\n }\n\n var el = stepper.params.el;\n if (!el) return stepper || _assertThisInitialized(_this);\n var $el = $(el);\n if ($el.length === 0) return stepper || _assertThisInitialized(_this);\n if ($el[0].f7Stepper) return $el[0].f7Stepper || _assertThisInitialized(_this);\n var $inputEl;\n\n if (stepper.params.inputEl) {\n $inputEl = $(stepper.params.inputEl);\n } else if ($el.find('.stepper-input-wrap').find('input, textarea').length) {\n $inputEl = $el.find('.stepper-input-wrap').find('input, textarea').eq(0);\n }\n\n if ($inputEl && $inputEl.length) {\n 'step min max'.split(' ').forEach(function (paramName) {\n if (!params[paramName] && $inputEl.attr(paramName)) {\n stepper.params[paramName] = parseFloat($inputEl.attr(paramName));\n }\n });\n\n var _decimalPoint = parseInt(stepper.params.decimalPoint, 10);\n\n if (Number.isNaN(_decimalPoint)) {\n stepper.params.decimalPoint = 0;\n } else {\n stepper.params.decimalPoint = _decimalPoint;\n }\n\n var inputValue = parseFloat($inputEl.val());\n\n if (typeof params.value === 'undefined' && !Number.isNaN(inputValue) && (inputValue || inputValue === 0)) {\n stepper.params.value = inputValue;\n }\n }\n\n var $valueEl;\n\n if (stepper.params.valueEl) {\n $valueEl = $(stepper.params.valueEl);\n } else if ($el.find('.stepper-value').length) {\n $valueEl = $el.find('.stepper-value').eq(0);\n }\n\n var $buttonPlusEl = $el.find('.stepper-button-plus');\n var $buttonMinusEl = $el.find('.stepper-button-minus');\n var _stepper$params = stepper.params,\n step = _stepper$params.step,\n min = _stepper$params.min,\n max = _stepper$params.max,\n value = _stepper$params.value,\n decimalPoint = _stepper$params.decimalPoint;\n extend(stepper, {\n app: app,\n $el: $el,\n el: $el[0],\n $buttonPlusEl: $buttonPlusEl,\n buttonPlusEl: $buttonPlusEl[0],\n $buttonMinusEl: $buttonMinusEl,\n buttonMinusEl: $buttonMinusEl[0],\n $inputEl: $inputEl,\n inputEl: $inputEl ? $inputEl[0] : undefined,\n $valueEl: $valueEl,\n valueEl: $valueEl ? $valueEl[0] : undefined,\n step: step,\n min: min,\n max: max,\n value: value,\n decimalPoint: decimalPoint,\n typeModeChanged: false\n });\n $el[0].f7Stepper = stepper; // Handle Events\n\n var touchesStart = {};\n var isTouched;\n var isScrolling;\n var preventButtonClick;\n var intervalId;\n var timeoutId;\n var autorepeatAction = null;\n var autorepeatInAction = false;\n var manualInput = false;\n\n function dynamicRepeat(current, progressions, startsIn, progressionStep, repeatEvery, action) {\n clearTimeout(timeoutId);\n timeoutId = setTimeout(function () {\n if (current === 1) {\n preventButtonClick = true;\n autorepeatInAction = true;\n }\n\n clearInterval(intervalId);\n action();\n intervalId = setInterval(function () {\n action();\n }, repeatEvery);\n\n if (current < progressions) {\n dynamicRepeat(current + 1, progressions, startsIn, progressionStep, repeatEvery / 2, action);\n }\n }, current === 1 ? startsIn : progressionStep);\n }\n\n function onTouchStart(e) {\n if (isTouched) return;\n\n if (manualInput) {\n return;\n }\n\n if ($(e.target).closest($buttonPlusEl).length) {\n autorepeatAction = 'increment';\n } else if ($(e.target).closest($buttonMinusEl).length) {\n autorepeatAction = 'decrement';\n }\n\n if (!autorepeatAction) return;\n touchesStart.x = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX;\n touchesStart.y = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;\n isTouched = true;\n isScrolling = undefined;\n var progressions = stepper.params.autorepeatDynamic ? 4 : 1;\n dynamicRepeat(1, progressions, 500, 1000, 300, function () {\n stepper[autorepeatAction]();\n });\n }\n\n function onTouchMove(e) {\n if (!isTouched) return;\n\n if (manualInput) {\n return;\n }\n\n var pageX = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;\n var pageY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;\n\n if (typeof isScrolling === 'undefined' && !autorepeatInAction) {\n isScrolling = !!(isScrolling || Math.abs(pageY - touchesStart.y) > Math.abs(pageX - touchesStart.x));\n }\n\n var distance = Math.pow(Math.pow(pageX - touchesStart.x, 2) + Math.pow(pageY - touchesStart.y, 2), 0.5);\n\n if (isScrolling || distance > 20) {\n isTouched = false;\n clearTimeout(timeoutId);\n clearInterval(intervalId);\n }\n }\n\n function onTouchEnd() {\n clearTimeout(timeoutId);\n clearInterval(intervalId);\n autorepeatAction = null;\n autorepeatInAction = false;\n isTouched = false;\n }\n\n function onMinusClick() {\n if (manualInput) {\n if (stepper.params.buttonsEndInputMode) {\n manualInput = false;\n stepper.endTypeMode(true);\n }\n\n return;\n }\n\n if (preventButtonClick) {\n preventButtonClick = false;\n return;\n }\n\n stepper.decrement(true);\n }\n\n function onPlusClick() {\n if (manualInput) {\n if (stepper.params.buttonsEndInputMode) {\n manualInput = false;\n stepper.endTypeMode(true);\n }\n\n return;\n }\n\n if (preventButtonClick) {\n preventButtonClick = false;\n return;\n }\n\n stepper.increment(true);\n }\n\n function onInputClick(e) {\n if (!e.target.readOnly && stepper.params.manualInputMode) {\n manualInput = true;\n\n if (typeof e.target.selectionStart === 'number') {\n e.target.selectionStart = e.target.value.length;\n e.target.selectionEnd = e.target.value.length;\n }\n }\n }\n\n function onInputKey(e) {\n if (e.keyCode === 13 || e.which === 13) {\n e.preventDefault();\n manualInput = false;\n stepper.endTypeMode();\n }\n }\n\n function onInputBlur() {\n manualInput = false;\n stepper.endTypeMode(true);\n }\n\n function onInput(e) {\n if (manualInput) {\n stepper.typeValue(e.target.value);\n return;\n }\n\n if (e.detail && e.detail.sentByF7Stepper) return;\n stepper.setValue(e.target.value, true);\n }\n\n stepper.attachEvents = function attachEvents() {\n $buttonMinusEl.on('click', onMinusClick);\n $buttonPlusEl.on('click', onPlusClick);\n\n if (stepper.params.watchInput && $inputEl && $inputEl.length) {\n $inputEl.on('input', onInput);\n $inputEl.on('click', onInputClick);\n $inputEl.on('blur', onInputBlur);\n $inputEl.on('keyup', onInputKey);\n }\n\n if (stepper.params.autorepeat) {\n app.on('touchstart:passive', onTouchStart);\n app.on('touchmove:active', onTouchMove);\n app.on('touchend:passive', onTouchEnd);\n }\n };\n\n stepper.detachEvents = function detachEvents() {\n $buttonMinusEl.off('click', onMinusClick);\n $buttonPlusEl.off('click', onPlusClick);\n\n if (stepper.params.watchInput && $inputEl && $inputEl.length) {\n $inputEl.off('input', onInput);\n $inputEl.off('click', onInputClick);\n $inputEl.off('blur', onInputBlur);\n $inputEl.off('keyup', onInputKey);\n }\n }; // Install Modules\n\n\n stepper.useModules(); // Init\n\n stepper.init();\n return stepper || _assertThisInitialized(_this);\n }\n\n var _proto = Stepper.prototype;\n\n _proto.minus = function minus() {\n return this.decrement();\n };\n\n _proto.plus = function plus() {\n return this.increment();\n };\n\n _proto.decrement = function decrement() {\n var stepper = this;\n return stepper.setValue(stepper.value - stepper.step, false, true);\n };\n\n _proto.increment = function increment() {\n var stepper = this;\n return stepper.setValue(stepper.value + stepper.step, false, true);\n };\n\n _proto.setValue = function setValue(newValue, forceUpdate, withWraps) {\n var stepper = this;\n var step = stepper.step,\n min = stepper.min,\n max = stepper.max;\n var oldValue = stepper.value;\n var value = Math.round(newValue / step) * step;\n\n if (stepper.params.wraps && withWraps) {\n if (value > max) value = min;\n if (value < min) value = max;\n } else {\n value = Math.max(Math.min(value, max), min);\n }\n\n if (Number.isNaN(value)) {\n value = oldValue;\n }\n\n stepper.value = value;\n var valueChanged = oldValue !== value; // Events\n\n if (!valueChanged && !forceUpdate) return stepper;\n stepper.$el.trigger('stepper:change', stepper.value);\n var formattedValue = stepper.formatValue(stepper.value);\n\n if (stepper.$inputEl && stepper.$inputEl.length) {\n stepper.$inputEl.val(formattedValue);\n stepper.$inputEl.trigger('input change', {\n sentByF7Stepper: true\n });\n }\n\n if (stepper.$valueEl && stepper.$valueEl.length) {\n stepper.$valueEl.html(formattedValue);\n }\n\n stepper.emit('local::change stepperChange', stepper, stepper.value);\n return stepper;\n };\n\n _proto.endTypeMode = function endTypeMode(noBlur) {\n var stepper = this;\n var min = stepper.min,\n max = stepper.max;\n var value = parseFloat(stepper.value);\n if (Number.isNaN(value)) value = 0;\n value = Math.max(Math.min(value, max), min);\n stepper.value = value;\n\n if (!stepper.typeModeChanged) {\n if (stepper.$inputEl && stepper.$inputEl.length && !noBlur) {\n stepper.$inputEl.blur();\n }\n\n return stepper;\n }\n\n stepper.typeModeChanged = false;\n stepper.$el.trigger('stepper:change', stepper.value);\n var formattedValue = stepper.formatValue(stepper.value);\n\n if (stepper.$inputEl && stepper.$inputEl.length) {\n stepper.$inputEl.val(formattedValue);\n stepper.$inputEl.trigger('input change', {\n sentByF7Stepper: true\n });\n if (!noBlur) stepper.$inputEl.blur();\n }\n\n if (stepper.$valueEl && stepper.$valueEl.length) {\n stepper.$valueEl.html(formattedValue);\n }\n\n stepper.emit('local::change stepperChange', stepper, stepper.value);\n return stepper;\n };\n\n _proto.typeValue = function typeValue(value) {\n var stepper = this;\n stepper.typeModeChanged = true;\n var inputTxt = String(value);\n\n if (inputTxt.lastIndexOf('.') + 1 === inputTxt.length || inputTxt.lastIndexOf(',') + 1 === inputTxt.length) {\n if (inputTxt.lastIndexOf('.') !== inputTxt.indexOf('.') || inputTxt.lastIndexOf(',') !== inputTxt.indexOf(',')) {\n inputTxt = inputTxt.slice(0, -1);\n stepper.value = inputTxt;\n stepper.$inputEl.val(stepper.value);\n return stepper;\n }\n } else {\n var newValue = parseFloat(inputTxt.replace(',', '.'));\n\n if (newValue === 0) {\n stepper.value = inputTxt.replace(',', '.');\n stepper.$inputEl.val(stepper.value);\n return stepper;\n }\n\n if (Number.isNaN(newValue)) {\n stepper.value = 0;\n stepper.$inputEl.val(stepper.value);\n return stepper;\n }\n\n var powVal = Math.pow(10, stepper.params.decimalPoint);\n newValue = Math.round(newValue * powVal).toFixed(stepper.params.decimalPoint + 1) / powVal;\n stepper.value = parseFloat(String(newValue).replace(',', '.'));\n stepper.$inputEl.val(stepper.value);\n return stepper;\n }\n\n stepper.value = inputTxt;\n stepper.$inputEl.val(inputTxt);\n return stepper;\n };\n\n _proto.getValue = function getValue() {\n return this.value;\n };\n\n _proto.formatValue = function formatValue(value) {\n var stepper = this;\n if (!stepper.params.formatValue) return value;\n return stepper.params.formatValue.call(stepper, value);\n };\n\n _proto.init = function init() {\n var stepper = this;\n stepper.attachEvents();\n\n if (stepper.$valueEl && stepper.$valueEl.length) {\n var formattedValue = stepper.formatValue(stepper.value);\n stepper.$valueEl.html(formattedValue);\n }\n\n return stepper;\n };\n\n _proto.destroy = function destroy() {\n var stepper = this;\n stepper.$el.trigger('stepper:beforedestroy');\n stepper.emit('local::beforeDestroy stepperBeforeDestroy', stepper);\n delete stepper.$el[0].f7Stepper;\n stepper.detachEvents();\n deleteProps(stepper);\n stepper = null;\n };\n\n return Stepper;\n}(Framework7Class);\n\nexport default Stepper;","import $ from '../../shared/dom7';\nimport { extend } from '../../shared/utils';\nimport Stepper from './stepper-class';\nimport ConstructorMethods from '../../shared/constructor-methods';\nexport default {\n name: 'stepper',\n create: function create() {\n var app = this;\n app.stepper = extend(ConstructorMethods({\n defaultSelector: '.stepper',\n constructor: Stepper,\n app: app,\n domProp: 'f7Stepper'\n }), {\n getValue: function getValue(el) {\n if (el === void 0) {\n el = '.stepper';\n }\n\n var stepper = app.stepper.get(el);\n if (stepper) return stepper.getValue();\n return undefined;\n },\n setValue: function setValue(el, value) {\n if (el === void 0) {\n el = '.stepper';\n }\n\n var stepper = app.stepper.get(el);\n if (stepper) return stepper.setValue(value);\n return undefined;\n }\n });\n },\n static: {\n Stepper: Stepper\n },\n on: {\n tabMounted: function tabMounted(tabEl) {\n var app = this;\n $(tabEl).find('.stepper-init').each(function (stepperEl) {\n var dataset = $(stepperEl).dataset();\n app.stepper.create(extend({\n el: stepperEl\n }, dataset || {}));\n });\n },\n tabBeforeRemove: function tabBeforeRemove(tabEl) {\n $(tabEl).find('.stepper-init').each(function (stepperEl) {\n if (stepperEl.f7Stepper) stepperEl.f7Stepper.destroy();\n });\n },\n pageInit: function pageInit(page) {\n var app = this;\n page.$el.find('.stepper-init').each(function (stepperEl) {\n var dataset = $(stepperEl).dataset();\n app.stepper.create(extend({\n el: stepperEl\n }, dataset || {}));\n });\n },\n pageBeforeRemove: function pageBeforeRemove(page) {\n page.$el.find('.stepper-init').each(function (stepperEl) {\n if (stepperEl.f7Stepper) stepperEl.f7Stepper.destroy();\n });\n }\n },\n vnode: {\n 'stepper-init': {\n insert: function insert(vnode) {\n var app = this;\n var stepperEl = vnode.elm;\n var dataset = $(stepperEl).dataset();\n app.stepper.create(extend({\n el: stepperEl\n }, dataset || {}));\n },\n destroy: function destroy(vnode) {\n var stepperEl = vnode.elm;\n if (stepperEl.f7Stepper) stepperEl.f7Stepper.destroy();\n }\n }\n }\n};","function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nimport $ from '../../shared/dom7';\nimport { extend, deleteProps, id, nextTick } from '../../shared/utils';\nimport Framework7Class from '../../shared/class';\n/** @jsx $jsx */\n\nimport $jsx from '../../shared/$jsx';\n\nvar SmartSelect = /*#__PURE__*/function (_Framework7Class) {\n _inheritsLoose(SmartSelect, _Framework7Class);\n\n function SmartSelect(app, params) {\n var _this;\n\n if (params === void 0) {\n params = {};\n }\n\n _this = _Framework7Class.call(this, params, [app]) || this;\n\n var ss = _assertThisInitialized(_this);\n\n var defaults = extend({\n on: {}\n }, app.params.smartSelect);\n\n if (typeof defaults.searchbarDisableButton === 'undefined') {\n defaults.searchbarDisableButton = app.theme !== 'aurora';\n } // Extend defaults with modules params\n\n\n ss.useModulesParams(defaults);\n ss.params = extend({}, defaults, params);\n ss.app = app;\n var $el = $(ss.params.el).eq(0);\n if ($el.length === 0) return ss || _assertThisInitialized(_this);\n if ($el[0].f7SmartSelect) return $el[0].f7SmartSelect || _assertThisInitialized(_this);\n var $selectEl = $el.find('select').eq(0);\n if ($selectEl.length === 0) return ss || _assertThisInitialized(_this);\n var $valueEl;\n\n if (ss.params.setValueText) {\n $valueEl = $(ss.params.valueEl);\n\n if ($valueEl.length === 0) {\n $valueEl = $el.find('.item-after');\n }\n\n if ($valueEl.length === 0) {\n $valueEl = $('');\n $valueEl.insertAfter($el.find('.item-title'));\n }\n } // Url\n\n\n var url = params.url;\n\n if (!url) {\n if ($el.attr('href') && $el.attr('href') !== '#') url = $el.attr('href');else if ($selectEl.attr('name')) url = $selectEl.attr('name').toLowerCase() + \"-select/\";\n }\n\n if (!url) url = ss.params.url;\n var multiple = $selectEl[0].multiple;\n var inputType = multiple ? 'checkbox' : 'radio';\n var selectId = id();\n extend(ss, {\n $el: $el,\n el: $el[0],\n $selectEl: $selectEl,\n selectEl: $selectEl[0],\n $valueEl: $valueEl,\n valueEl: $valueEl && $valueEl[0],\n url: url,\n multiple: multiple,\n inputType: inputType,\n id: selectId,\n inputName: inputType + \"-\" + selectId,\n selectName: $selectEl.attr('name'),\n maxLength: $selectEl.attr('maxlength') || params.maxLength\n });\n $el[0].f7SmartSelect = ss; // Events\n\n function onClick() {\n ss.open();\n }\n\n function onChange() {\n var value = ss.$selectEl.val();\n ss.$el.trigger('smartselect:change', value);\n ss.emit('local::change smartSelectChange', ss, value);\n\n if (ss.vl) {\n ss.vl.clearCache();\n }\n\n ss.setValueText();\n }\n\n ss.attachEvents = function attachEvents() {\n $el.on('click', onClick);\n $el.on('change', 'select', onChange);\n };\n\n ss.detachEvents = function detachEvents() {\n $el.off('click', onClick);\n $el.off('change', 'select', onChange);\n };\n\n function handleInputChange() {\n var optionEl;\n var text;\n var inputEl = this;\n var value = inputEl.value;\n var optionText = [];\n var displayAs;\n\n if (inputEl.type === 'checkbox') {\n for (var i = 0; i < ss.selectEl.options.length; i += 1) {\n optionEl = ss.selectEl.options[i];\n\n if (optionEl.value === value) {\n optionEl.selected = inputEl.checked;\n }\n\n if (optionEl.selected) {\n displayAs = optionEl.dataset ? optionEl.dataset.displayAs : $(optionEl).data('display-value-as');\n text = displayAs && typeof displayAs !== 'undefined' ? displayAs : optionEl.textContent;\n optionText.push(text.trim());\n }\n }\n\n if (ss.maxLength) {\n ss.checkMaxLength();\n }\n } else {\n optionEl = ss.$selectEl.find(\"option[value=\\\"\" + value + \"\\\"]\")[0];\n\n if (!optionEl) {\n optionEl = ss.$selectEl.find('option').filter(function (optEl) {\n return optEl.value === value;\n })[0];\n }\n\n displayAs = optionEl.dataset ? optionEl.dataset.displayAs : $(optionEl).data('display-as');\n text = displayAs && typeof displayAs !== 'undefined' ? displayAs : optionEl.textContent;\n optionText = [text];\n ss.selectEl.value = value;\n }\n\n ss.$selectEl.trigger('change');\n\n if (ss.params.setValueText) {\n ss.$valueEl.text(ss.formatValueText(optionText));\n }\n\n if (ss.params.closeOnSelect && ss.inputType === 'radio') {\n ss.close();\n }\n }\n\n ss.attachInputsEvents = function attachInputsEvents() {\n ss.$containerEl.on('change', 'input[type=\"checkbox\"], input[type=\"radio\"]', handleInputChange);\n };\n\n ss.detachInputsEvents = function detachInputsEvents() {\n ss.$containerEl.off('change', 'input[type=\"checkbox\"], input[type=\"radio\"]', handleInputChange);\n }; // Install Modules\n\n\n ss.useModules(); // Init\n\n ss.init();\n return ss || _assertThisInitialized(_this);\n }\n\n var _proto = SmartSelect.prototype;\n\n _proto.setValue = function setValue(value) {\n var ss = this;\n var newValue = value;\n var optionText = [];\n var optionEl;\n var displayAs;\n var text;\n\n if (ss.multiple) {\n if (!Array.isArray(newValue)) newValue = [newValue];\n\n for (var i = 0; i < ss.selectEl.options.length; i += 1) {\n optionEl = ss.selectEl.options[i];\n\n if (newValue.indexOf(optionEl.value) >= 0) {\n optionEl.selected = true;\n } else {\n optionEl.selected = false;\n }\n\n if (optionEl.selected) {\n displayAs = optionEl.dataset ? optionEl.dataset.displayAs : $(optionEl).data('display-value-as');\n text = displayAs && typeof displayAs !== 'undefined' ? displayAs : optionEl.textContent;\n optionText.push(text.trim());\n }\n }\n } else {\n optionEl = ss.$selectEl.find(\"option[value=\\\"\" + newValue + \"\\\"]\")[0];\n\n if (optionEl) {\n displayAs = optionEl.dataset ? optionEl.dataset.displayAs : $(optionEl).data('display-as');\n text = displayAs && typeof displayAs !== 'undefined' ? displayAs : optionEl.textContent;\n optionText = [text];\n }\n\n ss.selectEl.value = newValue;\n }\n\n if (ss.params.setValueText) {\n ss.$valueEl.text(ss.formatValueText(optionText));\n }\n\n ss.$selectEl.trigger('change');\n return ss;\n };\n\n _proto.unsetValue = function unsetValue() {\n var ss = this;\n\n if (ss.params.setValueText) {\n ss.$valueEl.text(ss.formatValueText([]));\n }\n\n ss.$selectEl.find('option').each(function (optionEl) {\n optionEl.selected = false;\n optionEl.checked = false;\n });\n ss.$selectEl[0].value = null;\n\n if (ss.$containerEl) {\n ss.$containerEl.find(\"input[name=\\\"\" + ss.inputName + \"\\\"][type=\\\"checkbox\\\"], input[name=\\\"\" + ss.inputName + \"\\\"][type=\\\"radio\\\"]\").prop('checked', false);\n }\n\n ss.$selectEl.trigger('change');\n };\n\n _proto.getValue = function getValue() {\n var ss = this;\n return ss.$selectEl.val();\n };\n\n _proto.checkMaxLength = function checkMaxLength() {\n var ss = this;\n var $containerEl = ss.$containerEl;\n\n if (ss.selectEl.selectedOptions.length >= ss.maxLength) {\n $containerEl.find('input[type=\"checkbox\"]').each(function (inputEl) {\n if (!inputEl.checked) {\n $(inputEl).parents('li').addClass('disabled');\n } else {\n $(inputEl).parents('li').removeClass('disabled');\n }\n });\n } else {\n $containerEl.find('.disabled').removeClass('disabled');\n }\n };\n\n _proto.formatValueText = function formatValueText(values) {\n var ss = this;\n var textValue;\n\n if (ss.params.formatValueText) {\n textValue = ss.params.formatValueText.call(ss, values, ss);\n } else {\n textValue = values.join(', ');\n }\n\n return textValue;\n };\n\n _proto.setValueText = function setValueText(value) {\n var ss = this;\n var valueArray = [];\n\n if (typeof value !== 'undefined') {\n if (Array.isArray(value)) {\n valueArray = value;\n } else {\n valueArray = [value];\n }\n } else {\n ss.$selectEl.find('option').each(function (optionEl) {\n var $optionEl = $(optionEl);\n\n if (optionEl.selected) {\n var displayAs = optionEl.dataset ? optionEl.dataset.displayAs : $optionEl.data('display-value-as');\n\n if (displayAs && typeof displayAs !== 'undefined') {\n valueArray.push(displayAs);\n } else {\n valueArray.push(optionEl.textContent.trim());\n }\n }\n });\n }\n\n if (ss.params.setValueText) {\n ss.$valueEl.text(ss.formatValueText(valueArray));\n }\n };\n\n _proto.getItemsData = function getItemsData() {\n var ss = this;\n var theme = ss.app.theme;\n var items = [];\n var previousGroupEl;\n ss.$selectEl.find('option').each(function (optionEl) {\n var $optionEl = $(optionEl);\n var optionData = $optionEl.dataset();\n var optionImage = optionData.optionImage || ss.params.optionImage;\n var optionIcon = optionData.optionIcon || ss.params.optionIcon;\n var optionIconIos = theme === 'ios' && (optionData.optionIconIos || ss.params.optionIconIos);\n var optionIconMd = theme === 'md' && (optionData.optionIconMd || ss.params.optionIconMd);\n var optionIconAurora = theme === 'aurora' && (optionData.optionIconAurora || ss.params.optionIconAurora);\n var optionHasMedia = optionImage || optionIcon || optionIconIos || optionIconMd || optionIconAurora;\n var optionColor = optionData.optionColor;\n var optionClassName = optionData.optionClass || '';\n if ($optionEl[0].disabled) optionClassName += ' disabled';\n var optionGroupEl = $optionEl.parent('optgroup')[0];\n var optionGroupLabel = optionGroupEl && optionGroupEl.label;\n var optionIsLabel = false;\n\n if (optionGroupEl && optionGroupEl !== previousGroupEl) {\n optionIsLabel = true;\n previousGroupEl = optionGroupEl;\n items.push({\n groupLabel: optionGroupLabel,\n isLabel: optionIsLabel\n });\n }\n\n items.push({\n value: $optionEl[0].value,\n text: $optionEl[0].textContent.trim(),\n selected: $optionEl[0].selected,\n groupEl: optionGroupEl,\n groupLabel: optionGroupLabel,\n image: optionImage,\n icon: optionIcon,\n iconIos: optionIconIos,\n iconMd: optionIconMd,\n iconAurora: optionIconAurora,\n color: optionColor,\n className: optionClassName,\n disabled: $optionEl[0].disabled,\n id: ss.id,\n hasMedia: optionHasMedia,\n checkbox: ss.inputType === 'checkbox',\n radio: ss.inputType === 'radio',\n inputName: ss.inputName,\n inputType: ss.inputType\n });\n });\n ss.items = items;\n return items;\n };\n\n _proto.renderSearchbar = function renderSearchbar() {\n var ss = this;\n if (ss.params.renderSearchbar) return ss.params.renderSearchbar.call(ss);\n return $jsx(\"form\", {\n class: \"searchbar\"\n }, $jsx(\"div\", {\n class: \"searchbar-inner\"\n }, $jsx(\"div\", {\n class: \"searchbar-input-wrap\"\n }, $jsx(\"input\", {\n type: \"search\",\n spellcheck: ss.params.searchbarSpellcheck || 'false',\n placeholder: ss.params.searchbarPlaceholder\n }), $jsx(\"i\", {\n class: \"searchbar-icon\"\n }), $jsx(\"span\", {\n class: \"input-clear-button\"\n })), ss.params.searchbarDisableButton && $jsx(\"span\", {\n class: \"searchbar-disable-button\"\n }, ss.params.searchbarDisableText)));\n };\n\n _proto.renderItem = function renderItem(item, index) {\n var ss = this;\n if (ss.params.renderItem) return ss.params.renderItem.call(ss, item, index);\n\n function getIconContent(iconValue) {\n if (iconValue === void 0) {\n iconValue = '';\n }\n\n if (iconValue.indexOf(':') >= 0) {\n return iconValue.split(':')[1];\n }\n\n return '';\n }\n\n function getIconClass(iconValue) {\n if (iconValue === void 0) {\n iconValue = '';\n }\n\n if (iconValue.indexOf(':') >= 0) {\n var className = iconValue.split(':')[0];\n if (className === 'f7') className = 'f7-icons';\n if (className === 'material') className = 'material-icons';\n return className;\n }\n\n return iconValue;\n }\n\n var itemHtml;\n\n if (item.isLabel) {\n itemHtml = \"
');\n } else {\n $notFoundEl = ss.params.appendSearchbarNotFound;\n }\n\n if ($notFoundEl) {\n $containerEl.find('.page-content').append($notFoundEl[0]);\n }\n }\n\n var searchbarParams = extend({\n el: $searchbarEl,\n backdropEl: $containerEl.find('.searchbar-backdrop'),\n searchContainer: \".smart-select-list-\" + ss.id,\n searchIn: '.item-title'\n }, typeof ss.params.searchbar === 'object' ? ss.params.searchbar : {});\n ss.searchbar = app.searchbar.create(searchbarParams);\n } // Check for max length\n\n\n if (ss.maxLength) {\n ss.checkMaxLength();\n } // Close on select\n\n\n if (ss.params.closeOnSelect) {\n ss.$containerEl.find(\"input[type=\\\"radio\\\"][name=\\\"\" + ss.inputName + \"\\\"]:checked\").parents('label').once('click', function () {\n ss.close();\n });\n } // Attach input events\n\n\n ss.attachInputsEvents();\n ss.$el.trigger('smartselect:open');\n ss.emit('local::open smartSelectOpen', ss);\n };\n\n _proto.onOpened = function onOpened() {\n var ss = this;\n ss.$el.trigger('smartselect:opened');\n ss.emit('local::opened smartSelectOpened', ss);\n };\n\n _proto.onClose = function onClose() {\n var ss = this;\n if (ss.destroyed) return; // Destroy VL\n\n if (ss.vl && ss.vl.destroy) {\n ss.vl.destroy();\n ss.vl = null;\n delete ss.vl;\n } // Destroy SB\n\n\n if (ss.searchbar && ss.searchbar.destroy) {\n ss.searchbar.destroy();\n ss.searchbar = null;\n delete ss.searchbar;\n } // Detach events\n\n\n ss.detachInputsEvents();\n ss.$el.trigger('smartselect:close');\n ss.emit('local::close smartSelectClose', ss);\n };\n\n _proto.onClosed = function onClosed() {\n var ss = this;\n if (ss.destroyed) return;\n ss.opened = false;\n ss.$containerEl = null;\n delete ss.$containerEl;\n ss.$el.trigger('smartselect:closed');\n ss.emit('local::closed smartSelectClosed', ss);\n };\n\n _proto.openPage = function openPage() {\n var ss = this;\n if (ss.opened) return ss;\n ss.getItemsData();\n var pageHtml = ss.renderPage(ss.items);\n ss.view.router.navigate({\n url: ss.url,\n route: {\n content: pageHtml,\n path: ss.url,\n on: {\n pageBeforeIn: function pageBeforeIn(e, page) {\n ss.onOpen('page', page.el);\n },\n pageAfterIn: function pageAfterIn(e, page) {\n ss.onOpened('page', page.el);\n },\n pageBeforeOut: function pageBeforeOut(e, page) {\n ss.onClose('page', page.el);\n },\n pageAfterOut: function pageAfterOut(e, page) {\n ss.onClosed('page', page.el);\n }\n }\n }\n });\n return ss;\n };\n\n _proto.openPopup = function openPopup() {\n var ss = this;\n if (ss.opened) return ss;\n ss.getItemsData();\n var popupHtml = ss.renderPopup(ss.items);\n var popupParams = {\n content: popupHtml,\n push: ss.params.popupPush,\n swipeToClose: ss.params.popupSwipeToClose,\n on: {\n popupOpen: function popupOpen(popup) {\n ss.onOpen('popup', popup.el);\n },\n popupOpened: function popupOpened(popup) {\n ss.onOpened('popup', popup.el);\n },\n popupClose: function popupClose(popup) {\n ss.onClose('popup', popup.el);\n },\n popupClosed: function popupClosed(popup) {\n ss.onClosed('popup', popup.el);\n }\n }\n };\n\n if (ss.params.routableModals && ss.view) {\n ss.view.router.navigate({\n url: ss.url,\n route: {\n path: ss.url,\n popup: popupParams\n }\n });\n } else {\n ss.modal = ss.app.popup.create(popupParams).open();\n }\n\n return ss;\n };\n\n _proto.openSheet = function openSheet() {\n var ss = this;\n if (ss.opened) return ss;\n ss.getItemsData();\n var sheetHtml = ss.renderSheet(ss.items);\n var sheetParams = {\n content: sheetHtml,\n backdrop: ss.params.sheetBackdrop,\n scrollToEl: ss.$el,\n closeByOutsideClick: true,\n push: ss.params.sheetPush,\n swipeToClose: ss.params.sheetSwipeToClose,\n on: {\n sheetOpen: function sheetOpen(sheet) {\n ss.onOpen('sheet', sheet.el);\n },\n sheetOpened: function sheetOpened(sheet) {\n ss.onOpened('sheet', sheet.el);\n },\n sheetClose: function sheetClose(sheet) {\n ss.onClose('sheet', sheet.el);\n },\n sheetClosed: function sheetClosed(sheet) {\n ss.onClosed('sheet', sheet.el);\n }\n }\n };\n\n if (ss.params.routableModals && ss.view) {\n ss.view.router.navigate({\n url: ss.url,\n route: {\n path: ss.url,\n sheet: sheetParams\n }\n });\n } else {\n ss.modal = ss.app.sheet.create(sheetParams).open();\n }\n\n return ss;\n };\n\n _proto.openPopover = function openPopover() {\n var ss = this;\n if (ss.opened) return ss;\n ss.getItemsData();\n var popoverHtml = ss.renderPopover(ss.items);\n var popoverParams = {\n content: popoverHtml,\n targetEl: ss.$el,\n on: {\n popoverOpen: function popoverOpen(popover) {\n ss.onOpen('popover', popover.el);\n },\n popoverOpened: function popoverOpened(popover) {\n ss.onOpened('popover', popover.el);\n },\n popoverClose: function popoverClose(popover) {\n ss.onClose('popover', popover.el);\n },\n popoverClosed: function popoverClosed(popover) {\n ss.onClosed('popover', popover.el);\n }\n }\n };\n\n if (ss.params.routableModals && ss.view) {\n ss.view.router.navigate({\n url: ss.url,\n route: {\n path: ss.url,\n popover: popoverParams\n }\n });\n } else {\n ss.modal = ss.app.popover.create(popoverParams).open();\n }\n\n return ss;\n };\n\n _proto.open = function open(type) {\n var ss = this;\n if (ss.opened) return ss;\n var prevented = false;\n\n function prevent() {\n prevented = true;\n }\n\n if (ss.$el) {\n ss.$el.trigger('smartselect:beforeopen', {\n prevent: prevent\n });\n }\n\n ss.emit('local::beforeOpen smartSelectBeforeOpen', ss, prevent);\n if (prevented) return ss;\n var openIn = type || ss.params.openIn;\n ss[\"open\" + openIn.split('').map(function (el, index) {\n if (index === 0) return el.toUpperCase();\n return el;\n }).join('')]();\n return ss;\n };\n\n _proto.close = function close() {\n var ss = this;\n if (!ss.opened) return ss;\n\n if (ss.params.routableModals && ss.view || ss.openedIn === 'page') {\n ss.view.router.back();\n } else {\n ss.modal.once('modalClosed', function () {\n nextTick(function () {\n if (ss.destroyed) return;\n ss.modal.destroy();\n delete ss.modal;\n });\n });\n ss.modal.close();\n }\n\n return ss;\n };\n\n _proto.init = function init() {\n var ss = this;\n ss.attachEvents();\n ss.setValueText();\n };\n\n _proto.destroy = function destroy() {\n var ss = this;\n ss.emit('local::beforeDestroy smartSelectBeforeDestroy', ss);\n ss.$el.trigger('smartselect:beforedestroy');\n ss.detachEvents();\n delete ss.$el[0].f7SmartSelect;\n deleteProps(ss);\n ss.destroyed = true;\n };\n\n _createClass(SmartSelect, [{\n key: \"view\",\n get: function get() {\n var params = this.params,\n $el = this.$el;\n var view;\n\n if (params.view) {\n view = params.view;\n }\n\n if (!view) {\n view = $el.parents('.view').length && $el.parents('.view')[0].f7View;\n }\n\n if (!view && params.openIn === 'page') {\n throw Error('Smart Select requires initialized View');\n }\n\n return view;\n }\n }]);\n\n return SmartSelect;\n}(Framework7Class);\n\nexport default SmartSelect;","import $ from '../../shared/dom7';\nimport { extend } from '../../shared/utils';\nimport SmartSelect from './smart-select-class';\nimport ConstructorMethods from '../../shared/constructor-methods';\nexport default {\n name: 'smartSelect',\n params: {\n smartSelect: {\n el: undefined,\n valueEl: undefined,\n setValueText: true,\n formatValueText: null,\n openIn: 'page',\n // or 'popup' or 'sheet' or 'popover'\n popupPush: false,\n popupSwipeToClose: undefined,\n // defaults to app\n sheetPush: false,\n sheetSwipeToClose: undefined,\n // defaults to app\n sheetBackdrop: false,\n pageTitle: undefined,\n pageBackLinkText: 'Back',\n popupCloseLinkText: 'Close',\n popupTabletFullscreen: false,\n sheetCloseLinkText: 'Done',\n searchbar: false,\n searchbarPlaceholder: 'Search',\n searchbarDisableText: 'Cancel',\n searchbarDisableButton: undefined,\n searchbarSpellcheck: false,\n closeOnSelect: false,\n virtualList: false,\n virtualListHeight: undefined,\n scrollToSelectedItem: false,\n formColorTheme: undefined,\n navbarColorTheme: undefined,\n routableModals: false,\n url: 'select/',\n cssClass: '',\n\n /*\n Custom render functions\n */\n renderPage: undefined,\n renderPopup: undefined,\n renderSheet: undefined,\n renderPopover: undefined,\n renderItems: undefined,\n renderItem: undefined,\n renderSearchbar: undefined\n }\n },\n static: {\n SmartSelect: SmartSelect\n },\n create: function create() {\n var app = this;\n app.smartSelect = extend(ConstructorMethods({\n defaultSelector: '.smart-select',\n constructor: SmartSelect,\n app: app,\n domProp: 'f7SmartSelect'\n }), {\n open: function open(smartSelectEl) {\n var ss = app.smartSelect.get(smartSelectEl);\n if (ss && ss.open) return ss.open();\n return undefined;\n },\n close: function close(smartSelectEl) {\n var ss = app.smartSelect.get(smartSelectEl);\n if (ss && ss.close) return ss.close();\n return undefined;\n }\n });\n },\n on: {\n tabMounted: function tabMounted(tabEl) {\n var app = this;\n $(tabEl).find('.smart-select-init').each(function (smartSelectEl) {\n app.smartSelect.create(extend({\n el: smartSelectEl\n }, $(smartSelectEl).dataset()));\n });\n },\n tabBeforeRemove: function tabBeforeRemove(tabEl) {\n $(tabEl).find('.smart-select-init').each(function (smartSelectEl) {\n if (smartSelectEl.f7SmartSelect && smartSelectEl.f7SmartSelect.destroy) {\n smartSelectEl.f7SmartSelect.destroy();\n }\n });\n },\n pageInit: function pageInit(page) {\n var app = this;\n page.$el.find('.smart-select-init').each(function (smartSelectEl) {\n app.smartSelect.create(extend({\n el: smartSelectEl\n }, $(smartSelectEl).dataset()));\n });\n },\n pageBeforeRemove: function pageBeforeRemove(page) {\n page.$el.find('.smart-select-init').each(function (smartSelectEl) {\n if (smartSelectEl.f7SmartSelect && smartSelectEl.f7SmartSelect.destroy) {\n smartSelectEl.f7SmartSelect.destroy();\n }\n });\n }\n },\n clicks: {\n '.smart-select': function open($clickedEl, data) {\n var app = this;\n\n if (!$clickedEl[0].f7SmartSelect) {\n var ss = app.smartSelect.create(extend({\n el: $clickedEl\n }, data));\n ss.open();\n }\n }\n },\n vnode: {\n 'smart-select-init': {\n insert: function insert(vnode) {\n var app = this;\n var smartSelectEl = vnode.elm;\n app.smartSelect.create(extend({\n el: smartSelectEl\n }, $(smartSelectEl).dataset()));\n },\n destroy: function destroy(vnode) {\n var smartSelectEl = vnode.elm;\n\n if (smartSelectEl.f7SmartSelect && smartSelectEl.f7SmartSelect.destroy) {\n smartSelectEl.f7SmartSelect.destroy();\n }\n }\n }\n }\n};","import { getDocument } from 'ssr-window';\nimport $ from '../../shared/dom7';\nimport { extend } from '../../shared/utils';\n\nfunction getElMinSize(dimension, $el) {\n var minSize = $el.css(\"min-\" + dimension);\n\n if (minSize === 'auto' || minSize === 'none') {\n minSize = 0;\n } else if (minSize.indexOf('px') >= 0) {\n minSize = parseFloat(minSize);\n } else if (minSize.indexOf('%') >= 0) {\n minSize = $el.parent()[0][dimension === 'height' ? 'offsetHeight' : 'offsetWidth'] * parseFloat(minSize) / 100;\n }\n\n return minSize;\n}\n\nfunction getElMaxSize(dimension, $el) {\n var maxSize = $el.css(\"max-\" + dimension);\n\n if (maxSize === 'auto' || maxSize === 'none') {\n maxSize = null;\n } else if (maxSize.indexOf('px') >= 0) {\n maxSize = parseFloat(maxSize);\n } else if (maxSize.indexOf('%') >= 0) {\n maxSize = $el.parent()[0][dimension === 'height' ? 'offsetHeight' : 'offsetWidth'] * parseFloat(maxSize) / 100;\n }\n\n return maxSize;\n}\n\nvar Grid = {\n init: function init() {\n var app = this;\n var isTouched;\n var isMoved;\n var touchStartX;\n var touchStartY;\n var $resizeHandlerEl;\n var $prevResizableEl;\n var $nextResizableEl;\n var prevElSize;\n var prevElMinSize;\n var prevElMaxSize;\n var nextElSize;\n var nextElMinSize;\n var nextElMaxSize;\n var parentSize;\n var itemsInFlow;\n var gapSize;\n var isScrolling;\n\n function handleTouchStart(e) {\n if (isTouched || isMoved) return;\n $resizeHandlerEl = $(e.target).closest('.resize-handler');\n touchStartX = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX;\n touchStartY = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;\n isTouched = true;\n $prevResizableEl = undefined;\n $nextResizableEl = undefined;\n isScrolling = undefined;\n }\n\n function handleTouchMove(e) {\n if (!isTouched) return;\n var isRow = $resizeHandlerEl.parent('.row').length === 1;\n var sizeProp = isRow ? 'height' : 'width';\n var getSizeProp = isRow ? 'offsetHeight' : 'offsetWidth';\n\n if (!isMoved) {\n $prevResizableEl = $resizeHandlerEl.parent(isRow ? '.row' : '.col');\n\n if ($prevResizableEl.length && (!$prevResizableEl.hasClass('resizable') || $prevResizableEl.hasClass('resizable-fixed'))) {\n $prevResizableEl = $prevResizableEl.prevAll('.resizable:not(.resizable-fixed)').eq(0);\n }\n\n $nextResizableEl = $prevResizableEl.next(isRow ? '.row' : '.col');\n\n if ($nextResizableEl.length && (!$nextResizableEl.hasClass('resizable') || $nextResizableEl.hasClass('resizable-fixed'))) {\n $nextResizableEl = $nextResizableEl.nextAll('.resizable:not(.resizable-fixed)').eq(0);\n }\n\n if ($prevResizableEl.length) {\n prevElSize = $prevResizableEl[0][getSizeProp];\n prevElMinSize = getElMinSize(sizeProp, $prevResizableEl);\n prevElMaxSize = getElMaxSize(sizeProp, $prevResizableEl);\n parentSize = $prevResizableEl.parent()[0][getSizeProp];\n itemsInFlow = $prevResizableEl.parent().children(isRow ? '.row' : '[class*=\"col-\"], .col').length;\n gapSize = parseFloat($prevResizableEl.css(isRow ? '--f7-grid-row-gap' : '--f7-grid-gap'));\n }\n\n if ($nextResizableEl.length) {\n nextElSize = $nextResizableEl[0][getSizeProp];\n nextElMinSize = getElMinSize(sizeProp, $nextResizableEl);\n nextElMaxSize = getElMaxSize(sizeProp, $nextResizableEl);\n\n if (!$prevResizableEl.length) {\n parentSize = $nextResizableEl.parent()[0][getSizeProp];\n itemsInFlow = $nextResizableEl.parent().children(isRow ? '.row' : '[class*=\"col-\"], .col').length;\n gapSize = parseFloat($nextResizableEl.css(isRow ? '--f7-grid-row-gap' : '--f7-grid-gap'));\n }\n }\n }\n\n isMoved = true;\n var touchCurrentX = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;\n var touchCurrentY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;\n\n if (typeof isScrolling === 'undefined' && !isRow) {\n isScrolling = !!(isScrolling || Math.abs(touchCurrentY - touchStartY) > Math.abs(touchCurrentX - touchStartX));\n }\n\n if (isScrolling) {\n isTouched = false;\n isMoved = false;\n return;\n }\n\n var isAbsolute = $prevResizableEl.hasClass('resizable-absolute') || $nextResizableEl.hasClass('resizable-absolute');\n var resizeNextEl = !isRow || isRow && !isAbsolute;\n\n if (resizeNextEl && !$nextResizableEl.length || !$prevResizableEl.length) {\n isTouched = false;\n isMoved = false;\n return;\n }\n\n e.preventDefault();\n var diff = isRow ? touchCurrentY - touchStartY : touchCurrentX - touchStartX;\n var prevElNewSize;\n var nextElNewSize;\n\n if ($prevResizableEl.length) {\n prevElNewSize = prevElSize + diff;\n\n if (prevElNewSize < prevElMinSize) {\n prevElNewSize = prevElMinSize;\n diff = prevElNewSize - prevElSize;\n }\n\n if (prevElMaxSize && prevElNewSize > prevElMaxSize) {\n prevElNewSize = prevElMaxSize;\n diff = prevElNewSize - prevElSize;\n }\n }\n\n if ($nextResizableEl.length && resizeNextEl) {\n nextElNewSize = nextElSize - diff;\n\n if (nextElNewSize < nextElMinSize) {\n nextElNewSize = nextElMinSize;\n diff = nextElSize - nextElNewSize;\n prevElNewSize = prevElSize + diff;\n }\n\n if (nextElMaxSize && nextElNewSize > nextElMaxSize) {\n nextElNewSize = nextElMaxSize;\n diff = nextElSize - nextElNewSize;\n prevElNewSize = prevElSize + diff;\n }\n }\n\n if (isAbsolute) {\n $prevResizableEl[0].style[sizeProp] = prevElNewSize + \"px\";\n\n if (resizeNextEl) {\n $nextResizableEl[0].style[sizeProp] = nextElNewSize + \"px\";\n }\n\n $prevResizableEl.trigger('grid:resize');\n $nextResizableEl.trigger('grid:resize');\n app.emit('gridResize', $prevResizableEl[0]);\n app.emit('gridResize', $nextResizableEl[0]);\n return;\n }\n\n var gapAddSize = (itemsInFlow - 1) * gapSize / itemsInFlow;\n var gapAddSizeCSS = isRow ? itemsInFlow - 1 + \" * var(--f7-grid-row-gap) / \" + itemsInFlow : '(var(--f7-cols-per-row) - 1) * var(--f7-grid-gap) / var(--f7-cols-per-row)';\n var prevElNewSizeNormalized = prevElNewSize + gapAddSize;\n var nextElNewSizeNormalized = nextElNewSize + gapAddSize;\n $prevResizableEl[0].style[sizeProp] = \"calc(\" + prevElNewSizeNormalized / parentSize * 100 + \"% - \" + gapAddSizeCSS + \")\";\n $nextResizableEl[0].style[sizeProp] = \"calc(\" + nextElNewSizeNormalized / parentSize * 100 + \"% - \" + gapAddSizeCSS + \")\";\n $prevResizableEl.trigger('grid:resize');\n $nextResizableEl.trigger('grid:resize');\n app.emit('gridResize', $prevResizableEl[0]);\n app.emit('gridResize', $nextResizableEl[0]);\n }\n\n function handleTouchEnd() {\n if (!isTouched) return;\n\n if (!isMoved) {\n isTouched = false;\n }\n\n isTouched = false;\n isMoved = false;\n }\n\n var document = getDocument();\n $(document).on(app.touchEvents.start, '.col > .resize-handler, .row > .resize-handler', handleTouchStart);\n app.on('touchmove', handleTouchMove);\n app.on('touchend', handleTouchEnd);\n }\n};\nexport default {\n name: 'grid',\n create: function create() {\n var app = this;\n extend(app, {\n grid: {\n init: Grid.init.bind(app)\n }\n });\n },\n on: {\n init: function init() {\n var app = this;\n app.grid.init();\n }\n }\n};","function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nimport { extend, nextTick, deleteProps } from '../../shared/utils';\nimport Framework7Class from '../../shared/class';\nimport $ from '../../shared/dom7';\nimport { getDevice } from '../../shared/get-device';\nimport { getSupport } from '../../shared/get-support';\n/** @jsx $jsx */\n\nimport $jsx from '../../shared/$jsx';\n\nvar Calendar = /*#__PURE__*/function (_Framework7Class) {\n _inheritsLoose(Calendar, _Framework7Class);\n\n function Calendar(app, params) {\n var _this;\n\n if (params === void 0) {\n params = {};\n }\n\n _this = _Framework7Class.call(this, params, [app]) || this;\n\n var calendar = _assertThisInitialized(_this);\n\n calendar.params = extend({}, app.params.calendar, params);\n var $containerEl;\n\n if (calendar.params.containerEl) {\n $containerEl = $(calendar.params.containerEl);\n if ($containerEl.length === 0) return calendar || _assertThisInitialized(_this);\n }\n\n var $inputEl;\n\n if (calendar.params.inputEl) {\n $inputEl = $(calendar.params.inputEl);\n }\n\n var isHorizontal = calendar.params.direction === 'horizontal';\n var inverter = 1;\n\n if (isHorizontal) {\n inverter = app.rtl ? -1 : 1;\n }\n\n extend(calendar, {\n app: app,\n $containerEl: $containerEl,\n containerEl: $containerEl && $containerEl[0],\n inline: $containerEl && $containerEl.length > 0,\n $inputEl: $inputEl,\n inputEl: $inputEl && $inputEl[0],\n initialized: false,\n opened: false,\n url: calendar.params.url,\n isHorizontal: isHorizontal,\n inverter: inverter,\n animating: false,\n allowTouchMove: true,\n hasTimePicker: calendar.params.timePicker && !calendar.params.rangePicker && !calendar.params.multiple\n });\n calendar.dayFormatter = new Intl.DateTimeFormat(calendar.params.locale, {\n day: 'numeric'\n });\n calendar.monthFormatter = new Intl.DateTimeFormat(calendar.params.locale, {\n month: 'long'\n });\n calendar.yearFormatter = new Intl.DateTimeFormat(calendar.params.locale, {\n year: 'numeric'\n });\n calendar.timeSelectorFormatter = new Intl.DateTimeFormat(calendar.params.locale, calendar.params.timePickerFormat);\n var timeFormatCheckDate = calendar.timeSelectorFormatter.format(new Date()).toLowerCase();\n calendar.is12HoursFormat = timeFormatCheckDate.indexOf('pm') >= 0 || timeFormatCheckDate.indexOf('am') >= 0; // Auto names\n\n var _calendar$params = calendar.params,\n monthNames = _calendar$params.monthNames,\n monthNamesShort = _calendar$params.monthNamesShort,\n dayNames = _calendar$params.dayNames,\n dayNamesShort = _calendar$params.dayNamesShort;\n\n var _calendar$getIntlName = calendar.getIntlNames(),\n monthNamesIntl = _calendar$getIntlName.monthNamesIntl,\n monthNamesShortIntl = _calendar$getIntlName.monthNamesShortIntl,\n dayNamesIntl = _calendar$getIntlName.dayNamesIntl,\n dayNamesShortIntl = _calendar$getIntlName.dayNamesShortIntl;\n\n if (monthNames === 'auto') monthNames = monthNamesIntl;\n if (monthNamesShort === 'auto') monthNamesShort = monthNamesShortIntl;\n if (dayNames === 'auto') dayNames = dayNamesIntl;\n if (dayNamesShort === 'auto') dayNamesShort = dayNamesShortIntl;\n extend(calendar, {\n monthNames: monthNames,\n monthNamesShort: monthNamesShort,\n dayNames: dayNames,\n dayNamesShort: dayNamesShort\n });\n\n function onInputClick() {\n calendar.open();\n }\n\n function onInputFocus(e) {\n e.preventDefault();\n }\n\n function onInputClear() {\n calendar.setValue([]);\n\n if (calendar.opened) {\n calendar.update();\n }\n }\n\n function onHtmlClick(e) {\n var $targetEl = $(e.target);\n if (calendar.destroyed || !calendar.params) return;\n if (calendar.isPopover()) return;\n if (!calendar.opened || calendar.closing) return;\n if ($targetEl.closest('[class*=\"backdrop\"]').length) return;\n\n if ($inputEl && $inputEl.length > 0) {\n if ($targetEl[0] !== $inputEl[0] && $targetEl.closest('.sheet-modal, .calendar-modal').length === 0) {\n calendar.close();\n }\n } else if ($(e.target).closest('.sheet-modal, .calendar-modal').length === 0) {\n calendar.close();\n }\n } // Events\n\n\n extend(calendar, {\n attachInputEvents: function attachInputEvents() {\n calendar.$inputEl.on('click', onInputClick);\n calendar.$inputEl.on('input:clear', onInputClear);\n\n if (calendar.params.inputReadOnly) {\n calendar.$inputEl.on('focus mousedown', onInputFocus);\n\n if (calendar.$inputEl[0]) {\n calendar.$inputEl[0].f7ValidateReadonly = true;\n }\n }\n },\n detachInputEvents: function detachInputEvents() {\n calendar.$inputEl.off('click', onInputClick);\n calendar.$inputEl.off('input:clear', onInputClear);\n\n if (calendar.params.inputReadOnly) {\n calendar.$inputEl.off('focus mousedown', onInputFocus);\n\n if (calendar.$inputEl[0]) {\n delete calendar.$inputEl[0].f7ValidateReadonly;\n }\n }\n },\n attachHtmlEvents: function attachHtmlEvents() {\n app.on('click', onHtmlClick);\n },\n detachHtmlEvents: function detachHtmlEvents() {\n app.off('click', onHtmlClick);\n }\n });\n\n calendar.attachCalendarEvents = function attachCalendarEvents() {\n var allowItemClick = true;\n var isTouched;\n var isMoved;\n var touchStartX;\n var touchStartY;\n var touchCurrentX;\n var touchCurrentY;\n var touchStartTime;\n var touchEndTime;\n var currentTranslate;\n var wrapperWidth;\n var wrapperHeight;\n var percentage;\n var touchesDiff;\n var isScrolling;\n var $el = calendar.$el,\n $wrapperEl = calendar.$wrapperEl;\n\n function handleTouchStart(e) {\n if (isMoved || isTouched) return;\n isTouched = true;\n touchStartX = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX;\n touchCurrentX = touchStartX;\n touchStartY = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;\n touchCurrentY = touchStartY;\n touchStartTime = new Date().getTime();\n percentage = 0;\n allowItemClick = true;\n isScrolling = undefined;\n currentTranslate = calendar.monthsTranslate;\n }\n\n function handleTouchMove(e) {\n if (!isTouched) return;\n var isH = calendar.isHorizontal;\n touchCurrentX = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;\n touchCurrentY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;\n\n if (typeof isScrolling === 'undefined') {\n isScrolling = !!(isScrolling || Math.abs(touchCurrentY - touchStartY) > Math.abs(touchCurrentX - touchStartX));\n }\n\n if (isH && isScrolling || !calendar.allowTouchMove) {\n isTouched = false;\n return;\n }\n\n e.preventDefault();\n\n if (calendar.animating) {\n isTouched = false;\n return;\n }\n\n allowItemClick = false;\n\n if (!isMoved) {\n // First move\n isMoved = true;\n wrapperWidth = $wrapperEl[0].offsetWidth;\n wrapperHeight = $wrapperEl[0].offsetHeight;\n $wrapperEl.transition(0);\n }\n\n touchesDiff = isH ? touchCurrentX - touchStartX : touchCurrentY - touchStartY;\n percentage = touchesDiff / (isH ? wrapperWidth : wrapperHeight);\n currentTranslate = (calendar.monthsTranslate * calendar.inverter + percentage) * 100; // Transform wrapper\n\n $wrapperEl.transform(\"translate3d(\" + (isH ? currentTranslate : 0) + \"%, \" + (isH ? 0 : currentTranslate) + \"%, 0)\");\n }\n\n function handleTouchEnd() {\n if (!isTouched || !isMoved) {\n isTouched = false;\n isMoved = false;\n return;\n }\n\n isTouched = false;\n isMoved = false;\n touchEndTime = new Date().getTime();\n\n if (touchEndTime - touchStartTime < 300) {\n if (Math.abs(touchesDiff) < 10) {\n calendar.resetMonth();\n } else if (touchesDiff >= 10) {\n if (app.rtl) calendar.nextMonth();else calendar.prevMonth();\n } else if (app.rtl) calendar.prevMonth();else calendar.nextMonth();\n } else if (percentage <= -0.5) {\n if (app.rtl) calendar.prevMonth();else calendar.nextMonth();\n } else if (percentage >= 0.5) {\n if (app.rtl) calendar.nextMonth();else calendar.prevMonth();\n } else {\n calendar.resetMonth();\n } // Allow click\n\n\n setTimeout(function () {\n allowItemClick = true;\n }, 100);\n }\n\n function handleDayClick(e) {\n if (!allowItemClick) return;\n var $dayEl = $(e.target).parents('.calendar-day');\n\n if ($dayEl.length === 0 && $(e.target).hasClass('calendar-day')) {\n $dayEl = $(e.target);\n }\n\n if ($dayEl.length === 0) return;\n if ($dayEl.hasClass('calendar-day-disabled')) return;\n\n if (!calendar.params.rangePicker) {\n if ($dayEl.hasClass('calendar-day-next')) calendar.nextMonth();\n if ($dayEl.hasClass('calendar-day-prev')) calendar.prevMonth();\n }\n\n var dateYear = parseInt($dayEl.attr('data-year'), 10);\n var dateMonth = parseInt($dayEl.attr('data-month'), 10);\n var dateDay = parseInt($dayEl.attr('data-day'), 10);\n calendar.emit('local::dayClick calendarDayClick', calendar, $dayEl[0], dateYear, dateMonth, dateDay);\n\n if (!$dayEl.hasClass('calendar-day-selected') || calendar.params.multiple || calendar.params.rangePicker) {\n var valueToAdd = new Date(dateYear, dateMonth, dateDay, 0, 0, 0);\n\n if (calendar.hasTimePicker) {\n if (calendar.value && calendar.value[0]) {\n valueToAdd.setHours(calendar.value[0].getHours(), calendar.value[0].getMinutes());\n } else {\n valueToAdd.setHours(new Date().getHours(), new Date().getMinutes());\n }\n }\n\n calendar.addValue(valueToAdd);\n }\n\n if (calendar.params.closeOnSelect) {\n if (calendar.params.rangePicker && calendar.value.length === 2 || !calendar.params.rangePicker) {\n calendar.close();\n }\n }\n }\n\n function onNextMonthClick() {\n calendar.nextMonth();\n }\n\n function onPrevMonthClick() {\n calendar.prevMonth();\n }\n\n function onNextYearClick() {\n calendar.nextYear();\n }\n\n function onPrevYearClick() {\n calendar.prevYear();\n }\n\n function onMonthSelectorClick() {\n $el.append(calendar.renderMonthPicker());\n }\n\n function onMonthSelectorItemClick() {\n var $clickedEl = $(this);\n\n if ($clickedEl.hasClass('calendar-month-picker-item-current')) {\n $el.find('.calendar-month-picker').remove();\n return;\n }\n\n $el.find('.calendar-month-picker-item-current').add($clickedEl).toggleClass('calendar-month-picker-item-current');\n var index = $clickedEl.index();\n var localeMonthIndex = parseInt(calendar.$el.find('.calendar-month-current').attr('data-locale-month'), 10);\n var monthIndex = calendar.currentMonth;\n var diff = localeMonthIndex - monthIndex;\n var diffIndex = index - diff;\n calendar.setYearMonth(calendar.currentYear, diffIndex, 0);\n setTimeout(function () {\n $el.find('.calendar-month-picker').remove();\n }, 200);\n }\n\n function onYearSelectorClick() {\n $el.append(calendar.renderYearPicker());\n var $currentEl = $el.find('.calendar-year-picker-item-current');\n var $yearPickerEl = $el.find('.calendar-year-picker');\n if (!$currentEl || !$currentEl.length) return;\n $yearPickerEl.scrollTop($currentEl[0].offsetTop - $yearPickerEl[0].offsetHeight / 2 + $currentEl[0].offsetHeight / 2);\n }\n\n function onYearSelectorItemClick() {\n var $clickedEl = $(this);\n\n if ($clickedEl.hasClass('calendar-year-picker-item-current')) {\n $el.find('.calendar-year-picker').remove();\n return;\n }\n\n $el.find('.calendar-year-picker-item-current').add($clickedEl).toggleClass('calendar-year-picker-item-current');\n var year = parseInt($clickedEl.attr('data-year'), 10);\n calendar.setYearMonth(year, undefined, 0);\n setTimeout(function () {\n $el.find('.calendar-year-picker').remove();\n }, 200);\n }\n\n function onTimeSelectorClick() {\n calendar.openTimePicker();\n }\n\n function onTimePickerCloseClick() {\n calendar.closeTimePicker();\n }\n\n var passiveListener = app.touchEvents.start === 'touchstart' && getSupport().passiveListener ? {\n passive: true,\n capture: false\n } : false; // Selectors clicks\n\n $el.find('.calendar-prev-month-button').on('click', onPrevMonthClick);\n $el.find('.calendar-next-month-button').on('click', onNextMonthClick);\n $el.find('.calendar-prev-year-button').on('click', onPrevYearClick);\n $el.find('.calendar-next-year-button').on('click', onNextYearClick);\n\n if (calendar.params.monthPicker) {\n $el.find('.current-month-value').on('click', onMonthSelectorClick);\n $el.on('click', '.calendar-month-picker-item', onMonthSelectorItemClick);\n }\n\n if (calendar.params.yearPicker) {\n $el.find('.current-year-value').on('click', onYearSelectorClick);\n $el.on('click', '.calendar-year-picker-item', onYearSelectorItemClick);\n }\n\n if (calendar.hasTimePicker) {\n $el.find('.calendar-time-selector a').on('click', onTimeSelectorClick);\n $el.on('click', '.calendar-time-picker-close', onTimePickerCloseClick);\n } // Day clicks\n\n\n $wrapperEl.on('click', handleDayClick); // Touch events\n\n if (calendar.params.touchMove) {\n $wrapperEl.on(app.touchEvents.start, handleTouchStart, passiveListener);\n app.on('touchmove:active', handleTouchMove);\n app.on('touchend:passive', handleTouchEnd);\n }\n\n calendar.detachCalendarEvents = function detachCalendarEvents() {\n $el.find('.calendar-prev-month-button').off('click', onPrevMonthClick);\n $el.find('.calendar-next-month-button').off('click', onNextMonthClick);\n $el.find('.calendar-prev-year-button').off('click', onPrevYearClick);\n $el.find('.calendar-next-year-button').off('click', onNextYearClick);\n\n if (calendar.params.monthPicker) {\n $el.find('.current-month-value').off('click', onMonthSelectorClick);\n $el.off('click', '.calendar-month-picker-item', onMonthSelectorItemClick);\n }\n\n if (calendar.params.yearPicker) {\n $el.find('.current-year-value').off('click', onYearSelectorClick);\n $el.off('click', '.calendar-year-picker-item', onYearSelectorItemClick);\n }\n\n if (calendar.hasTimePicker) {\n $el.find('.calendar-time-selector a').off('click', onTimeSelectorClick);\n $el.off('click', '.calendar-time-picker-close', onTimePickerCloseClick);\n }\n\n $wrapperEl.off('click', handleDayClick);\n\n if (calendar.params.touchMove) {\n $wrapperEl.off(app.touchEvents.start, handleTouchStart, passiveListener);\n app.off('touchmove:active', handleTouchMove);\n app.off('touchend:passive', handleTouchEnd);\n }\n };\n };\n\n calendar.init();\n return calendar || _assertThisInitialized(_this);\n }\n\n var _proto = Calendar.prototype;\n\n _proto.getIntlNames = function getIntlNames() {\n var calendar = this;\n var locale = calendar.params.locale;\n var monthNamesIntl = [];\n var monthNamesShortIntl = [];\n var dayNamesIntl = [];\n var dayNamesShortIntl = [];\n var formatterMonthNames = new Intl.DateTimeFormat(locale, {\n month: 'long'\n });\n var formatterMonthNamesShort = new Intl.DateTimeFormat(locale, {\n month: 'short'\n });\n var formatterDayNames = new Intl.DateTimeFormat(locale, {\n weekday: 'long'\n });\n var formatterDayNamesShort = new Intl.DateTimeFormat(locale, {\n weekday: 'short'\n });\n var year;\n var yearStarted;\n var yearEnded;\n\n for (var i = 0; i < 24; i += 1) {\n var date = new Date().setMonth(i, 1);\n var currentYear = calendar.yearFormatter.format(date);\n\n if (year && currentYear !== year) {\n if (yearStarted) yearEnded = true;\n yearStarted = true;\n year = currentYear;\n }\n\n if (!year) {\n year = currentYear;\n }\n\n if (yearStarted && year === currentYear && !yearEnded) {\n monthNamesIntl.push(formatterMonthNames.format(date));\n monthNamesShortIntl.push(formatterMonthNamesShort.format(date));\n }\n }\n\n var weekDay = new Date().getDay();\n\n for (var _i = 0; _i < 7; _i += 1) {\n var _date = new Date().getTime() + (_i - weekDay) * 24 * 60 * 60 * 1000;\n\n dayNamesIntl.push(formatterDayNames.format(_date));\n dayNamesShortIntl.push(formatterDayNamesShort.format(_date));\n }\n\n return {\n monthNamesIntl: monthNamesIntl,\n monthNamesShortIntl: monthNamesShortIntl,\n dayNamesIntl: dayNamesIntl,\n dayNamesShortIntl: dayNamesShortIntl\n };\n };\n\n _proto.normalizeDate = function normalizeDate(date) {\n var calendar = this;\n var d = new Date(date);\n\n if (calendar.hasTimePicker) {\n return new Date(d.getFullYear(), d.getMonth(), d.getDate(), d.getHours(), d.getMinutes());\n }\n\n return new Date(d.getFullYear(), d.getMonth(), d.getDate());\n };\n\n _proto.normalizeValues = function normalizeValues(values) {\n var calendar = this;\n var newValues = [];\n\n if (values && Array.isArray(values)) {\n newValues = values.map(function (val) {\n return calendar.normalizeDate(val);\n });\n }\n\n return newValues;\n };\n\n _proto.initInput = function initInput() {\n var calendar = this;\n if (!calendar.$inputEl) return;\n if (calendar.params.inputReadOnly) calendar.$inputEl.prop('readOnly', true);\n };\n\n _proto.isPopover = function isPopover() {\n var calendar = this;\n var app = calendar.app,\n modal = calendar.modal,\n params = calendar.params;\n var device = getDevice();\n if (params.openIn === 'sheet') return false;\n if (modal && modal.type !== 'popover') return false;\n\n if (!calendar.inline && calendar.inputEl) {\n if (params.openIn === 'popover') return true;\n\n if (device.ios) {\n return !!device.ipad;\n }\n\n if (app.width >= 768) {\n return true;\n }\n\n if (device.desktop && app.theme === 'aurora') {\n return true;\n }\n }\n\n return false;\n };\n\n _proto.formatDate = function formatDate(d) {\n var calendar = this;\n var date = new Date(d);\n var year = date.getFullYear();\n var month = date.getMonth();\n var month1 = month + 1;\n var day = date.getDate();\n var weekDay = date.getDay();\n var monthNames = calendar.monthNames,\n monthNamesShort = calendar.monthNamesShort,\n dayNames = calendar.dayNames,\n dayNamesShort = calendar.dayNamesShort;\n var _calendar$params2 = calendar.params,\n dateFormat = _calendar$params2.dateFormat,\n locale = _calendar$params2.locale;\n\n function twoDigits(number) {\n return number < 10 ? \"0\" + number : number;\n }\n\n if (typeof dateFormat === 'string') {\n var tokens = {\n yyyy: year,\n yy: String(year).substring(2),\n mm: twoDigits(month1),\n m: month1,\n MM: monthNames[month],\n M: monthNamesShort[month],\n dd: twoDigits(day),\n d: day,\n DD: dayNames[weekDay],\n D: dayNamesShort[weekDay]\n };\n\n if (calendar.params.timePicker) {\n var hours = date.getHours();\n var minutes = date.getMinutes();\n var seconds = date.getSeconds();\n var hours12 = hours;\n if (hours > 12) hours12 = hours - 12;\n if (hours === 0) hours12 = 12;\n var a = hours >= 12 && hours !== 0 ? 'pm' : 'am';\n Object.assign(tokens, {\n HH: twoDigits(hours),\n H: hours,\n hh: twoDigits(hours12),\n h: hours12,\n ss: twoDigits(seconds),\n s: seconds,\n ':mm': twoDigits(minutes),\n ':m': minutes,\n a: a,\n A: a.toUpperCase()\n });\n }\n\n var regexp = new RegExp(Object.keys(tokens).map(function (t) {\n return \"(\" + t + \")\";\n }).join('|'), 'g');\n return dateFormat.replace(regexp, function (token) {\n if (token in tokens) return tokens[token];\n return token;\n });\n }\n\n if (typeof dateFormat === 'function') {\n return dateFormat(date);\n } // Intl Object\n\n\n var formatter = new Intl.DateTimeFormat(locale, dateFormat);\n return formatter.format(date);\n };\n\n _proto.formatValue = function formatValue() {\n var calendar = this;\n var value = calendar.value;\n\n if (calendar.params.formatValue) {\n return calendar.params.formatValue.call(calendar, value);\n }\n\n return value.map(function (v) {\n return calendar.formatDate(v);\n }).join(calendar.params.rangePicker ? ' - ' : ', ');\n };\n\n _proto.addValue = function addValue(newValue) {\n var calendar = this;\n var _calendar$params3 = calendar.params,\n multiple = _calendar$params3.multiple,\n rangePicker = _calendar$params3.rangePicker,\n rangePickerMinDays = _calendar$params3.rangePickerMinDays,\n rangePickerMaxDays = _calendar$params3.rangePickerMaxDays;\n\n if (multiple) {\n if (!calendar.value) calendar.value = [];\n var inValuesIndex;\n\n for (var i = 0; i < calendar.value.length; i += 1) {\n if (new Date(newValue).getTime() === new Date(calendar.value[i]).getTime()) {\n inValuesIndex = i;\n }\n }\n\n if (typeof inValuesIndex === 'undefined') {\n calendar.value.push(newValue);\n } else {\n calendar.value.splice(inValuesIndex, 1);\n }\n\n calendar.updateValue();\n } else if (rangePicker) {\n if (!calendar.value) calendar.value = [];\n\n if (calendar.value.length === 2 || calendar.value.length === 0) {\n calendar.value = [];\n }\n\n if (calendar.value.length === 0 || Math.abs(calendar.value[0].getTime() - newValue.getTime()) >= (rangePickerMinDays - 1) * 60 * 60 * 24 * 1000 && (rangePickerMaxDays === 0 || Math.abs(calendar.value[0].getTime() - newValue.getTime()) <= (rangePickerMaxDays - 1) * 60 * 60 * 24 * 1000)) calendar.value.push(newValue);else calendar.value = [];\n calendar.value.sort(function (a, b) {\n return a - b;\n });\n calendar.updateValue();\n } else {\n calendar.value = [newValue];\n calendar.updateValue();\n }\n };\n\n _proto.setValue = function setValue(values) {\n var calendar = this;\n var currentValue = calendar.value;\n\n if (Array.isArray(currentValue) && Array.isArray(values) && currentValue.length === values.length) {\n var equal = true;\n currentValue.forEach(function (v, index) {\n if (v !== values[index]) equal = false;\n });\n if (equal) return;\n }\n\n calendar.value = values;\n calendar.updateValue();\n };\n\n _proto.getValue = function getValue() {\n var calendar = this;\n return calendar.value;\n };\n\n _proto.updateValue = function updateValue(onlyHeader) {\n var calendar = this;\n var $el = calendar.$el,\n $wrapperEl = calendar.$wrapperEl,\n $inputEl = calendar.$inputEl,\n value = calendar.value,\n params = calendar.params;\n var i;\n\n if ($el && $el.length > 0) {\n $wrapperEl.find('.calendar-day-selected').removeClass('calendar-day-selected calendar-day-selected-range calendar-day-selected-left calendar-day-selected-right');\n var valueDate;\n\n if (params.rangePicker && value.length === 2) {\n var leftDate = new Date(value[0]).getTime();\n var rightDate = new Date(value[1]).getTime();\n\n for (i = leftDate; i <= rightDate; i += 24 * 60 * 60 * 1000) {\n valueDate = new Date(i);\n var addClass = 'calendar-day-selected';\n\n if (leftDate !== rightDate) {\n if (i !== leftDate && i !== rightDate) {\n addClass += ' calendar-day-selected-range';\n }\n\n if (i === leftDate) {\n addClass += ' calendar-day-selected-left';\n }\n\n if (i === rightDate) {\n addClass += ' calendar-day-selected-right';\n }\n }\n\n $wrapperEl.find(\".calendar-day[data-date=\\\"\" + valueDate.getFullYear() + \"-\" + valueDate.getMonth() + \"-\" + valueDate.getDate() + \"\\\"]\").addClass(addClass);\n }\n\n valueDate = new Date(leftDate);\n $wrapperEl.find(\".calendar-day[data-date=\\\"\" + valueDate.getFullYear() + \"-\" + valueDate.getMonth() + \"-\" + valueDate.getDate() + \"\\\"]\").removeClass('calendar-day-selected-range').addClass('calendar-day-selected calendar-day-selected-left');\n valueDate = new Date(rightDate);\n $wrapperEl.find(\".calendar-day[data-date=\\\"\" + valueDate.getFullYear() + \"-\" + valueDate.getMonth() + \"-\" + valueDate.getDate() + \"\\\"]\").removeClass('calendar-day-selected-range').addClass('calendar-day-selected calendar-day-selected-right');\n } else {\n for (i = 0; i < calendar.value.length; i += 1) {\n valueDate = new Date(value[i]);\n $wrapperEl.find(\".calendar-day[data-date=\\\"\" + valueDate.getFullYear() + \"-\" + valueDate.getMonth() + \"-\" + valueDate.getDate() + \"\\\"]\").addClass('calendar-day-selected');\n }\n }\n }\n\n if (!onlyHeader) {\n calendar.emit('local::change calendarChange', calendar, value);\n }\n\n if ($el && $el.length > 0 && calendar.hasTimePicker) {\n $el.find('.calendar-time-selector a').text(value && value.length ? calendar.timeSelectorFormatter.format(value[0]) : calendar.params.timePickerPlaceholder);\n }\n\n if ($inputEl && $inputEl.length || params.header) {\n var inputValue = calendar.formatValue(value);\n\n if (params.header && $el && $el.length) {\n $el.find('.calendar-selected-date').text(inputValue);\n }\n\n if ($inputEl && $inputEl.length && !onlyHeader) {\n $inputEl.val(inputValue);\n $inputEl.trigger('change');\n }\n }\n };\n\n _proto.updateCurrentMonthYear = function updateCurrentMonthYear(dir) {\n var calendar = this;\n var $months = calendar.$months,\n $el = calendar.$el,\n monthNames = calendar.monthNames;\n var currentLocaleMonth;\n var currentLocaleYear;\n\n if (typeof dir === 'undefined') {\n calendar.currentMonth = parseInt($months.eq(1).attr('data-month'), 10);\n calendar.currentYear = parseInt($months.eq(1).attr('data-year'), 10);\n currentLocaleMonth = $months.eq(1).attr('data-locale-month');\n currentLocaleYear = $months.eq(1).attr('data-locale-year');\n } else {\n calendar.currentMonth = parseInt($months.eq(dir === 'next' ? $months.length - 1 : 0).attr('data-month'), 10);\n calendar.currentYear = parseInt($months.eq(dir === 'next' ? $months.length - 1 : 0).attr('data-year'), 10);\n currentLocaleMonth = $months.eq(dir === 'next' ? $months.length - 1 : 0).attr('data-locale-month');\n currentLocaleYear = $months.eq(dir === 'next' ? $months.length - 1 : 0).attr('data-locale-year');\n }\n\n $el.find('.current-month-value').text(monthNames[currentLocaleMonth]);\n $el.find('.current-year-value').text(currentLocaleYear);\n };\n\n _proto.update = function update() {\n var calendar = this;\n var currentYear = calendar.currentYear,\n currentMonth = calendar.currentMonth,\n $wrapperEl = calendar.$wrapperEl;\n var currentDate = new Date(currentYear, currentMonth);\n var prevMonthHtml = calendar.renderMonth(currentDate, 'prev');\n var currentMonthHtml = calendar.renderMonth(currentDate);\n var nextMonthHtml = calendar.renderMonth(currentDate, 'next');\n $wrapperEl.transition(0).html(\"\" + prevMonthHtml + currentMonthHtml + nextMonthHtml).transform('translate3d(0,0,0)');\n calendar.$months = $wrapperEl.find('.calendar-month');\n calendar.monthsTranslate = 0;\n calendar.setMonthsTranslate();\n calendar.$months.each(function (monthEl) {\n calendar.emit('local::monthAdd calendarMonthAdd', monthEl);\n });\n };\n\n _proto.onMonthChangeStart = function onMonthChangeStart(dir) {\n var calendar = this;\n var $months = calendar.$months,\n currentYear = calendar.currentYear,\n currentMonth = calendar.currentMonth;\n calendar.updateCurrentMonthYear(dir);\n $months.removeClass('calendar-month-current calendar-month-prev calendar-month-next');\n var currentIndex = dir === 'next' ? $months.length - 1 : 0;\n $months.eq(currentIndex).addClass('calendar-month-current');\n $months.eq(dir === 'next' ? currentIndex - 1 : currentIndex + 1).addClass(dir === 'next' ? 'calendar-month-prev' : 'calendar-month-next');\n calendar.emit('local::monthYearChangeStart calendarMonthYearChangeStart', calendar, currentYear, currentMonth);\n };\n\n _proto.onMonthChangeEnd = function onMonthChangeEnd(dir, rebuildBoth) {\n var calendar = this;\n var currentYear = calendar.currentYear,\n currentMonth = calendar.currentMonth,\n $wrapperEl = calendar.$wrapperEl,\n monthsTranslate = calendar.monthsTranslate;\n calendar.animating = false;\n var nextMonthHtml;\n var prevMonthHtml;\n var currentMonthHtml;\n $wrapperEl.find('.calendar-month:not(.calendar-month-prev):not(.calendar-month-current):not(.calendar-month-next)').remove();\n\n if (typeof dir === 'undefined') {\n dir = 'next'; // eslint-disable-line\n\n rebuildBoth = true; // eslint-disable-line\n }\n\n if (!rebuildBoth) {\n currentMonthHtml = calendar.renderMonth(new Date(currentYear, currentMonth), dir);\n } else {\n $wrapperEl.find('.calendar-month-next, .calendar-month-prev').remove();\n prevMonthHtml = calendar.renderMonth(new Date(currentYear, currentMonth), 'prev');\n nextMonthHtml = calendar.renderMonth(new Date(currentYear, currentMonth), 'next');\n }\n\n if (dir === 'next' || rebuildBoth) {\n $wrapperEl.append(currentMonthHtml || nextMonthHtml);\n }\n\n if (dir === 'prev' || rebuildBoth) {\n $wrapperEl.prepend(currentMonthHtml || prevMonthHtml);\n }\n\n var $months = $wrapperEl.find('.calendar-month');\n calendar.$months = $months;\n calendar.setMonthsTranslate(monthsTranslate);\n calendar.emit('local::monthAdd calendarMonthAdd', calendar, dir === 'next' ? $months.eq($months.length - 1)[0] : $months.eq(0)[0]);\n calendar.emit('local::monthYearChangeEnd calendarMonthYearChangeEnd', calendar, currentYear, currentMonth);\n };\n\n _proto.setMonthsTranslate = function setMonthsTranslate(translate) {\n var calendar = this;\n var $months = calendar.$months,\n isH = calendar.isHorizontal,\n inverter = calendar.inverter; // eslint-disable-next-line\n\n translate = translate || calendar.monthsTranslate || 0;\n\n if (typeof calendar.monthsTranslate === 'undefined') {\n calendar.monthsTranslate = translate;\n }\n\n $months.removeClass('calendar-month-current calendar-month-prev calendar-month-next');\n var prevMonthTranslate = -(translate + 1) * 100 * inverter;\n var currentMonthTranslate = -translate * 100 * inverter;\n var nextMonthTranslate = -(translate - 1) * 100 * inverter;\n $months.eq(0).transform(\"translate3d(\" + (isH ? prevMonthTranslate : 0) + \"%, \" + (isH ? 0 : prevMonthTranslate) + \"%, 0)\").addClass('calendar-month-prev');\n $months.eq(1).transform(\"translate3d(\" + (isH ? currentMonthTranslate : 0) + \"%, \" + (isH ? 0 : currentMonthTranslate) + \"%, 0)\").addClass('calendar-month-current');\n $months.eq(2).transform(\"translate3d(\" + (isH ? nextMonthTranslate : 0) + \"%, \" + (isH ? 0 : nextMonthTranslate) + \"%, 0)\").addClass('calendar-month-next');\n };\n\n _proto.nextMonth = function nextMonth(transition) {\n var calendar = this;\n var params = calendar.params,\n $wrapperEl = calendar.$wrapperEl,\n inverter = calendar.inverter,\n isH = calendar.isHorizontal;\n\n if (typeof transition === 'undefined' || typeof transition === 'object') {\n transition = ''; // eslint-disable-line\n\n if (!params.animate) transition = 0; // eslint-disable-line\n }\n\n var nextMonth = parseInt(calendar.$months.eq(calendar.$months.length - 1).attr('data-month'), 10);\n var nextYear = parseInt(calendar.$months.eq(calendar.$months.length - 1).attr('data-year'), 10);\n var nextDate = new Date(nextYear, nextMonth);\n var nextDateTime = nextDate.getTime();\n var transitionEndCallback = !calendar.animating;\n\n if (params.maxDate) {\n if (nextDateTime > new Date(params.maxDate).getTime()) {\n calendar.resetMonth();\n return;\n }\n }\n\n calendar.monthsTranslate -= 1;\n\n if (nextMonth === calendar.currentMonth) {\n var nextMonthTranslate = -calendar.monthsTranslate * 100 * inverter;\n var nextMonthHtml = $(calendar.renderMonth(nextDateTime, 'next')).transform(\"translate3d(\" + (isH ? nextMonthTranslate : 0) + \"%, \" + (isH ? 0 : nextMonthTranslate) + \"%, 0)\").addClass('calendar-month-next');\n $wrapperEl.append(nextMonthHtml[0]);\n calendar.$months = $wrapperEl.find('.calendar-month');\n calendar.emit('local::monthAdd calendarMonthAdd', calendar.$months.eq(calendar.$months.length - 1)[0]);\n }\n\n calendar.animating = true;\n calendar.onMonthChangeStart('next');\n var translate = calendar.monthsTranslate * 100 * inverter;\n $wrapperEl.transition(transition).transform(\"translate3d(\" + (isH ? translate : 0) + \"%, \" + (isH ? 0 : translate) + \"%, 0)\");\n\n if (transitionEndCallback) {\n $wrapperEl.transitionEnd(function () {\n calendar.onMonthChangeEnd('next');\n });\n }\n\n if (!params.animate) {\n calendar.onMonthChangeEnd('next');\n }\n };\n\n _proto.prevMonth = function prevMonth(transition) {\n var calendar = this;\n var params = calendar.params,\n $wrapperEl = calendar.$wrapperEl,\n inverter = calendar.inverter,\n isH = calendar.isHorizontal;\n\n if (typeof transition === 'undefined' || typeof transition === 'object') {\n transition = ''; // eslint-disable-line\n\n if (!params.animate) transition = 0; // eslint-disable-line\n }\n\n var prevMonth = parseInt(calendar.$months.eq(0).attr('data-month'), 10);\n var prevYear = parseInt(calendar.$months.eq(0).attr('data-year'), 10);\n var prevDate = new Date(prevYear, prevMonth + 1, -1);\n var prevDateTime = prevDate.getTime();\n var transitionEndCallback = !calendar.animating;\n\n if (params.minDate) {\n var minDate = new Date(params.minDate);\n minDate = new Date(minDate.getFullYear(), minDate.getMonth(), 1);\n\n if (prevDateTime < minDate.getTime()) {\n calendar.resetMonth();\n return;\n }\n }\n\n calendar.monthsTranslate += 1;\n\n if (prevMonth === calendar.currentMonth) {\n var prevMonthTranslate = -calendar.monthsTranslate * 100 * inverter;\n var prevMonthHtml = $(calendar.renderMonth(prevDateTime, 'prev')).transform(\"translate3d(\" + (isH ? prevMonthTranslate : 0) + \"%, \" + (isH ? 0 : prevMonthTranslate) + \"%, 0)\").addClass('calendar-month-prev');\n $wrapperEl.prepend(prevMonthHtml[0]);\n calendar.$months = $wrapperEl.find('.calendar-month');\n calendar.emit('local::monthAdd calendarMonthAdd', calendar.$months.eq(0)[0]);\n }\n\n calendar.animating = true;\n calendar.onMonthChangeStart('prev');\n var translate = calendar.monthsTranslate * 100 * inverter;\n $wrapperEl.transition(transition).transform(\"translate3d(\" + (isH ? translate : 0) + \"%, \" + (isH ? 0 : translate) + \"%, 0)\");\n\n if (transitionEndCallback) {\n $wrapperEl.transitionEnd(function () {\n calendar.onMonthChangeEnd('prev');\n });\n }\n\n if (!params.animate) {\n calendar.onMonthChangeEnd('prev');\n }\n };\n\n _proto.resetMonth = function resetMonth(transition) {\n if (transition === void 0) {\n transition = '';\n }\n\n var calendar = this;\n var $wrapperEl = calendar.$wrapperEl,\n inverter = calendar.inverter,\n isH = calendar.isHorizontal,\n monthsTranslate = calendar.monthsTranslate;\n var translate = monthsTranslate * 100 * inverter;\n $wrapperEl.transition(transition).transform(\"translate3d(\" + (isH ? translate : 0) + \"%, \" + (isH ? 0 : translate) + \"%, 0)\");\n } // eslint-disable-next-line\n ;\n\n _proto.setYearMonth = function setYearMonth(year, month, transition) {\n var calendar = this;\n var params = calendar.params,\n isH = calendar.isHorizontal,\n $wrapperEl = calendar.$wrapperEl,\n inverter = calendar.inverter; // eslint-disable-next-line\n\n if (typeof year === 'undefined') year = calendar.currentYear; // eslint-disable-next-line\n\n if (typeof month === 'undefined') month = calendar.currentMonth;\n\n if (typeof transition === 'undefined' || typeof transition === 'object') {\n // eslint-disable-next-line\n transition = ''; // eslint-disable-next-line\n\n if (!params.animate) transition = 0;\n }\n\n var targetDate;\n\n if (year < calendar.currentYear) {\n targetDate = new Date(year, month + 1, -1).getTime();\n } else {\n targetDate = new Date(year, month).getTime();\n }\n\n if (params.maxDate && targetDate > new Date(params.maxDate).getTime()) {\n return false;\n }\n\n if (params.minDate) {\n var minDate = new Date(params.minDate);\n minDate = new Date(minDate.getFullYear(), minDate.getMonth(), 1);\n\n if (targetDate < minDate.getTime()) {\n return false;\n }\n }\n\n var currentDate = new Date(calendar.currentYear, calendar.currentMonth).getTime();\n var dir = targetDate > currentDate ? 'next' : 'prev';\n var newMonthHTML = calendar.renderMonth(new Date(year, month));\n calendar.monthsTranslate = calendar.monthsTranslate || 0;\n var prevTranslate = calendar.monthsTranslate;\n var monthTranslate;\n var transitionEndCallback = !calendar.animating && transition !== 0;\n\n if (targetDate > currentDate) {\n // To next\n calendar.monthsTranslate -= 1;\n if (!calendar.animating) calendar.$months.eq(calendar.$months.length - 1).remove();\n $wrapperEl.append(newMonthHTML);\n calendar.$months = $wrapperEl.find('.calendar-month');\n monthTranslate = -(prevTranslate - 1) * 100 * inverter;\n calendar.$months.eq(calendar.$months.length - 1).transform(\"translate3d(\" + (isH ? monthTranslate : 0) + \"%, \" + (isH ? 0 : monthTranslate) + \"%, 0)\").addClass('calendar-month-next');\n } else {\n // To prev\n calendar.monthsTranslate += 1;\n if (!calendar.animating) calendar.$months.eq(0).remove();\n $wrapperEl.prepend(newMonthHTML);\n calendar.$months = $wrapperEl.find('.calendar-month');\n monthTranslate = -(prevTranslate + 1) * 100 * inverter;\n calendar.$months.eq(0).transform(\"translate3d(\" + (isH ? monthTranslate : 0) + \"%, \" + (isH ? 0 : monthTranslate) + \"%, 0)\").addClass('calendar-month-prev');\n }\n\n calendar.emit('local::monthAdd calendarMonthAdd', dir === 'next' ? calendar.$months.eq(calendar.$months.length - 1)[0] : calendar.$months.eq(0)[0]);\n calendar.animating = true;\n calendar.onMonthChangeStart(dir);\n var wrapperTranslate = calendar.monthsTranslate * 100 * inverter;\n $wrapperEl.transition(transition).transform(\"translate3d(\" + (isH ? wrapperTranslate : 0) + \"%, \" + (isH ? 0 : wrapperTranslate) + \"%, 0)\");\n\n if (transitionEndCallback) {\n $wrapperEl.transitionEnd(function () {\n calendar.onMonthChangeEnd(dir, true);\n });\n }\n\n if (!params.animate || transition === 0) {\n calendar.onMonthChangeEnd(dir, true);\n }\n };\n\n _proto.nextYear = function nextYear() {\n var calendar = this;\n calendar.setYearMonth(calendar.currentYear + 1);\n };\n\n _proto.prevYear = function prevYear() {\n var calendar = this;\n calendar.setYearMonth(calendar.currentYear - 1);\n } // eslint-disable-next-line\n ;\n\n _proto.dateInRange = function dateInRange(dayDate, range) {\n var match = false;\n var i;\n if (!range) return false;\n\n if (Array.isArray(range)) {\n for (i = 0; i < range.length; i += 1) {\n if (range[i].from || range[i].to) {\n if (range[i].from && range[i].to) {\n if (dayDate <= new Date(range[i].to).getTime() && dayDate >= new Date(range[i].from).getTime()) {\n match = true;\n }\n } else if (range[i].from) {\n if (dayDate >= new Date(range[i].from).getTime()) {\n match = true;\n }\n } else if (range[i].to) {\n if (dayDate <= new Date(range[i].to).getTime()) {\n match = true;\n }\n }\n } else if (range[i].date) {\n if (dayDate === new Date(range[i].date).getTime()) {\n match = true;\n }\n } else if (dayDate === new Date(range[i]).getTime()) {\n match = true;\n }\n }\n } else if (range.from || range.to) {\n if (range.from && range.to) {\n if (dayDate <= new Date(range.to).getTime() && dayDate >= new Date(range.from).getTime()) {\n match = true;\n }\n } else if (range.from) {\n if (dayDate >= new Date(range.from).getTime()) {\n match = true;\n }\n } else if (range.to) {\n if (dayDate <= new Date(range.to).getTime()) {\n match = true;\n }\n }\n } else if (range.date) {\n match = dayDate === new Date(range.date).getTime();\n } else if (typeof range === 'function') {\n match = range(new Date(dayDate));\n }\n\n return match;\n } // eslint-disable-next-line\n ;\n\n _proto.daysInMonth = function daysInMonth(date) {\n var d = new Date(date);\n return new Date(d.getFullYear(), d.getMonth() + 1, 0).getDate();\n };\n\n _proto.renderMonths = function renderMonths(date) {\n var calendar = this;\n\n if (calendar.params.renderMonths) {\n return calendar.params.renderMonths.call(calendar, date);\n }\n\n return $jsx(\"div\", {\n class: \"calendar-months-wrapper\"\n }, calendar.renderMonth(date, 'prev'), calendar.renderMonth(date), calendar.renderMonth(date, 'next'));\n };\n\n _proto.renderMonth = function renderMonth(d, offset) {\n var calendar = this;\n var params = calendar.params,\n value = calendar.value;\n\n if (params.renderMonth) {\n return params.renderMonth.call(calendar, d, offset);\n }\n\n var date = new Date(d);\n var year = date.getFullYear();\n var month = date.getMonth();\n var localeMonth = calendar.monthNames.indexOf(calendar.monthFormatter.format(date));\n if (localeMonth < 0) localeMonth = month;\n var localeYear = calendar.yearFormatter.format(date);\n\n if (offset === 'next') {\n if (month === 11) date = new Date(year + 1, 0);else date = new Date(year, month + 1, 1);\n }\n\n if (offset === 'prev') {\n if (month === 0) date = new Date(year - 1, 11);else date = new Date(year, month - 1, 1);\n }\n\n if (offset === 'next' || offset === 'prev') {\n month = date.getMonth();\n year = date.getFullYear();\n localeMonth = calendar.monthNames.indexOf(calendar.monthFormatter.format(date));\n if (localeMonth < 0) localeMonth = month;\n localeYear = calendar.yearFormatter.format(date);\n }\n\n var currentValues = [];\n var today = new Date().setHours(0, 0, 0, 0);\n var minDate = params.minDate ? new Date(params.minDate).getTime() : null;\n var maxDate = params.maxDate ? new Date(params.maxDate).getTime() : null;\n var rows = 6;\n var cols = 7;\n var daysInPrevMonth = calendar.daysInMonth(new Date(date.getFullYear(), date.getMonth()).getTime() - 10 * 24 * 60 * 60 * 1000);\n var daysInMonth = calendar.daysInMonth(date);\n var minDayNumber = params.firstDay === 6 ? 0 : 1;\n var monthHtml = '';\n var dayIndex = 0 + (params.firstDay - 1);\n var disabled;\n var hasEvents;\n var firstDayOfMonthIndex = new Date(date.getFullYear(), date.getMonth()).getDay();\n if (firstDayOfMonthIndex === 0) firstDayOfMonthIndex = 7;\n\n if (value && value.length) {\n for (var i = 0; i < value.length; i += 1) {\n currentValues.push(new Date(value[i]).setHours(0, 0, 0, 0));\n }\n }\n\n for (var row = 1; row <= rows; row += 1) {\n var rowHtml = '';\n\n var _loop = function _loop(col) {\n dayIndex += 1;\n var dayDate = void 0;\n var dayNumber = dayIndex - firstDayOfMonthIndex;\n var addClass = '';\n\n if (row === 1 && col === 1 && dayNumber > minDayNumber && params.firstDay !== 1) {\n dayIndex -= 7;\n dayNumber = dayIndex - firstDayOfMonthIndex;\n }\n\n var weekDayIndex = col - 1 + params.firstDay > 6 ? col - 1 - 7 + params.firstDay : col - 1 + params.firstDay;\n\n if (dayNumber < 0) {\n dayNumber = daysInPrevMonth + dayNumber + 1;\n addClass += ' calendar-day-prev';\n dayDate = new Date(month - 1 < 0 ? year - 1 : year, month - 1 < 0 ? 11 : month - 1, dayNumber).getTime();\n } else {\n dayNumber += 1;\n\n if (dayNumber > daysInMonth) {\n dayNumber -= daysInMonth;\n addClass += ' calendar-day-next';\n dayDate = new Date(month + 1 > 11 ? year + 1 : year, month + 1 > 11 ? 0 : month + 1, dayNumber).getTime();\n } else {\n dayDate = new Date(year, month, dayNumber).getTime();\n }\n } // Today\n\n\n if (dayDate === today) addClass += ' calendar-day-today'; // Selected\n\n if (params.rangePicker && currentValues.length === 2) {\n if (dayDate >= currentValues[0] && dayDate <= currentValues[1]) {\n addClass += ' calendar-day-selected';\n }\n\n if (currentValues[0] !== currentValues[1]) {\n if (dayDate > currentValues[0] && dayDate < currentValues[1]) {\n addClass += ' calendar-day-selected-range';\n }\n\n if (dayDate === currentValues[0]) {\n addClass += ' calendar-day-selected-left';\n }\n\n if (dayDate === currentValues[1]) {\n addClass += ' calendar-day-selected-right';\n }\n }\n } else if (currentValues.indexOf(dayDate) >= 0) addClass += ' calendar-day-selected'; // Weekend\n\n\n if (params.weekendDays.indexOf(weekDayIndex) >= 0) {\n addClass += ' calendar-day-weekend';\n } // Events\n\n\n var eventsHtml = '';\n hasEvents = false;\n\n if (params.events) {\n if (calendar.dateInRange(dayDate, params.events)) {\n hasEvents = true;\n }\n }\n\n if (hasEvents) {\n addClass += ' calendar-day-has-events'; // prettier-ignore\n\n eventsHtml = \"\\n \\n \\n \\n \";\n\n if (Array.isArray(params.events)) {\n var eventDots = [];\n params.events.forEach(function (ev) {\n var color = ev.color || '';\n\n if (eventDots.indexOf(color) < 0 && calendar.dateInRange(dayDate, ev)) {\n eventDots.push(color);\n }\n }); // prettier-ignore\n\n eventsHtml = \"\\n \\n \" + eventDots.map(function (color) {\n return (\"\\n \\n \").trim();\n }).join('') + \"\\n \\n \";\n }\n } // Custom Ranges\n\n\n if (params.rangesClasses) {\n for (var k = 0; k < params.rangesClasses.length; k += 1) {\n if (calendar.dateInRange(dayDate, params.rangesClasses[k].range)) {\n addClass += \" \" + params.rangesClasses[k].cssClass;\n }\n }\n } // Disabled\n\n\n disabled = false;\n\n if (minDate && dayDate < minDate || maxDate && dayDate > maxDate) {\n disabled = true;\n }\n\n if (params.disabled) {\n if (calendar.dateInRange(dayDate, params.disabled)) {\n disabled = true;\n }\n }\n\n if (disabled) {\n addClass += ' calendar-day-disabled';\n }\n\n dayDate = new Date(dayDate);\n var dayYear = dayDate.getFullYear();\n var dayMonth = dayDate.getMonth();\n var dayNumberDisplay = calendar.dayFormatter.format(dayDate); // prettier-ignore\n\n rowHtml += (\"\\n
\\n \" + dayNumberDisplay + eventsHtml + \"\\n
\").trim();\n };\n\n for (var col = 1; col <= cols; col += 1) {\n _loop(col);\n }\n\n monthHtml += \"
\" + rowHtml + \"
\";\n }\n\n monthHtml = \"
\" + monthHtml + \"
\";\n return monthHtml;\n };\n\n _proto.renderWeekHeader = function renderWeekHeader() {\n var calendar = this;\n\n if (calendar.params.renderWeekHeader) {\n return calendar.params.renderWeekHeader.call(calendar);\n }\n\n var params = calendar.params;\n var weekDaysHtml = '';\n\n for (var i = 0; i < 7; i += 1) {\n var dayIndex = i + params.firstDay > 6 ? i - 7 + params.firstDay : i + params.firstDay;\n var dayName = calendar.dayNamesShort[dayIndex];\n weekDaysHtml += \"
\" + dayName + \"
\";\n }\n\n return $jsx(\"div\", {\n class: \"calendar-week-header\"\n }, weekDaysHtml);\n };\n\n _proto.renderMonthSelector = function renderMonthSelector() {\n var calendar = this;\n\n if (calendar.params.renderMonthSelector) {\n return calendar.params.renderMonthSelector.call(calendar);\n }\n\n return $jsx(\"div\", {\n class: \"calendar-month-selector\"\n }, $jsx(\"a\", {\n class: \"link icon-only calendar-prev-month-button\"\n }, $jsx(\"i\", {\n class: \"icon icon-prev\"\n })), calendar.params.monthPicker ? $jsx(\"a\", {\n class: \"current-month-value link\"\n }) : $jsx(\"span\", {\n class: \"current-month-value\"\n }), $jsx(\"a\", {\n class: \"link icon-only calendar-next-month-button\"\n }, $jsx(\"i\", {\n class: \"icon icon-next\"\n })));\n };\n\n _proto.renderMonthPicker = function renderMonthPicker() {\n var calendar = this;\n var localeMonth = parseInt(calendar.$el.find('.calendar-month-current').attr('data-locale-month'), 10);\n return $jsx(\"div\", {\n class: \"calendar-month-picker\"\n }, calendar.monthNames.map(function (m, index) {\n return $jsx(\"div\", {\n class: \"calendar-month-picker-item \" + (localeMonth === index ? 'calendar-month-picker-item-current' : '')\n }, $jsx(\"span\", null, m));\n }));\n };\n\n _proto.renderYearSelector = function renderYearSelector() {\n var calendar = this;\n\n if (calendar.params.renderYearSelector) {\n return calendar.params.renderYearSelector.call(calendar);\n }\n\n return $jsx(\"div\", {\n class: \"calendar-year-selector\"\n }, $jsx(\"a\", {\n class: \"link icon-only calendar-prev-year-button\"\n }, $jsx(\"i\", {\n class: \"icon icon-prev\"\n })), calendar.params.yearPicker ? $jsx(\"a\", {\n class: \"current-year-value link\"\n }) : $jsx(\"span\", {\n class: \"current-year-value\"\n }), $jsx(\"a\", {\n class: \"link icon-only calendar-next-year-button\"\n }, $jsx(\"i\", {\n class: \"icon icon-next\"\n })));\n };\n\n _proto.renderYearPicker = function renderYearPicker() {\n var calendar = this;\n var currentYear = calendar.currentYear;\n var yearMin = calendar.params.yearPickerMin || new Date().getFullYear() - 100;\n\n if (calendar.params.minDate) {\n yearMin = Math.max(yearMin, new Date(calendar.params.minDate).getFullYear());\n }\n\n var yearMax = calendar.params.yearPickerMax || new Date().getFullYear() + 100;\n\n if (calendar.params.maxDate) {\n yearMax = Math.min(yearMax, new Date(calendar.params.maxDate).getFullYear());\n }\n\n var years = [];\n\n for (var i = yearMin; i <= yearMax; i += 1) {\n years.push(i);\n }\n\n return $jsx(\"div\", {\n class: \"calendar-year-picker\"\n }, years.map(function (year) {\n return $jsx(\"div\", {\n \"data-year\": year,\n class: \"calendar-year-picker-item \" + (year === currentYear ? 'calendar-year-picker-item-current' : '')\n }, $jsx(\"span\", null, calendar.yearFormatter.format(new Date().setFullYear(year))));\n }));\n } // eslint-disable-next-line\n ;\n\n _proto.renderTimeSelector = function renderTimeSelector() {\n var calendar = this;\n var value = calendar.value && calendar.value[0];\n var timeString;\n if (value) timeString = calendar.timeSelectorFormatter.format(value);\n return $jsx(\"div\", {\n class: \"calendar-time-selector\"\n }, $jsx(\"a\", {\n class: \"link\"\n }, timeString || calendar.params.timePickerPlaceholder));\n };\n\n _proto.renderHeader = function renderHeader() {\n var calendar = this;\n\n if (calendar.params.renderHeader) {\n return calendar.params.renderHeader.call(calendar);\n }\n\n return $jsx(\"div\", {\n class: \"calendar-header\"\n }, $jsx(\"div\", {\n class: \"calendar-selected-date\"\n }, calendar.params.headerPlaceholder));\n };\n\n _proto.renderFooter = function renderFooter() {\n var calendar = this;\n var app = calendar.app;\n\n if (calendar.params.renderFooter) {\n return calendar.params.renderFooter.call(calendar);\n }\n\n return $jsx(\"div\", {\n class: \"calendar-footer\"\n }, $jsx(\"a\", {\n class: (app.theme === 'md' ? 'button' : 'link') + \" calendar-close sheet-close popover-close\"\n }, calendar.params.toolbarCloseText));\n };\n\n _proto.renderToolbar = function renderToolbar() {\n var calendar = this;\n\n if (calendar.params.renderToolbar) {\n return calendar.params.renderToolbar.call(calendar, calendar);\n } // prettier-ignore\n\n\n return $jsx(\"div\", {\n class: \"toolbar toolbar-top no-shadow\"\n }, $jsx(\"div\", {\n class: \"toolbar-inner\"\n }, calendar.params.monthSelector ? calendar.renderMonthSelector() : '', calendar.params.yearSelector ? calendar.renderYearSelector() : ''));\n } // eslint-disable-next-line\n ;\n\n _proto.renderInline = function renderInline() {\n var calendar = this;\n var _calendar$params4 = calendar.params,\n cssClass = _calendar$params4.cssClass,\n toolbar = _calendar$params4.toolbar,\n header = _calendar$params4.header,\n footer = _calendar$params4.footer,\n rangePicker = _calendar$params4.rangePicker,\n weekHeader = _calendar$params4.weekHeader;\n var value = calendar.value,\n hasTimePicker = calendar.hasTimePicker;\n var date = value && value.length ? value[0] : new Date().setHours(0, 0, 0);\n return $jsx(\"div\", {\n class: \"calendar calendar-inline \" + (rangePicker ? 'calendar-range' : '') + \" \" + (cssClass || '')\n }, header && calendar.renderHeader(), toolbar && calendar.renderToolbar(), weekHeader && calendar.renderWeekHeader(), $jsx(\"div\", {\n class: \"calendar-months\"\n }, calendar.renderMonths(date)), hasTimePicker && calendar.renderTimeSelector(), footer && calendar.renderFooter());\n };\n\n _proto.renderCustomModal = function renderCustomModal() {\n var calendar = this;\n var _calendar$params5 = calendar.params,\n cssClass = _calendar$params5.cssClass,\n toolbar = _calendar$params5.toolbar,\n header = _calendar$params5.header,\n footer = _calendar$params5.footer,\n rangePicker = _calendar$params5.rangePicker,\n weekHeader = _calendar$params5.weekHeader;\n var value = calendar.value,\n hasTimePicker = calendar.hasTimePicker;\n var date = value && value.length ? value[0] : new Date().setHours(0, 0, 0);\n return $jsx(\"div\", {\n class: \"calendar calendar-modal \" + (rangePicker ? 'calendar-range' : '') + \" \" + (cssClass || '')\n }, header && calendar.renderHeader(), toolbar && calendar.renderToolbar(), weekHeader && calendar.renderWeekHeader(), $jsx(\"div\", {\n class: \"calendar-months\"\n }, calendar.renderMonths(date)), hasTimePicker && calendar.renderTimeSelector(), footer && calendar.renderFooter());\n };\n\n _proto.renderSheet = function renderSheet() {\n var calendar = this;\n var _calendar$params6 = calendar.params,\n cssClass = _calendar$params6.cssClass,\n toolbar = _calendar$params6.toolbar,\n header = _calendar$params6.header,\n footer = _calendar$params6.footer,\n rangePicker = _calendar$params6.rangePicker,\n weekHeader = _calendar$params6.weekHeader;\n var value = calendar.value,\n hasTimePicker = calendar.hasTimePicker;\n var date = value && value.length ? value[0] : new Date().setHours(0, 0, 0);\n return $jsx(\"div\", {\n class: \"sheet-modal calendar calendar-sheet \" + (rangePicker ? 'calendar-range' : '') + \" \" + (cssClass || '')\n }, header && calendar.renderHeader(), toolbar && calendar.renderToolbar(), weekHeader && calendar.renderWeekHeader(), $jsx(\"div\", {\n class: \"sheet-modal-inner calendar-months\"\n }, calendar.renderMonths(date)), hasTimePicker && calendar.renderTimeSelector(), footer && calendar.renderFooter());\n };\n\n _proto.renderPopover = function renderPopover() {\n var calendar = this;\n var _calendar$params7 = calendar.params,\n cssClass = _calendar$params7.cssClass,\n toolbar = _calendar$params7.toolbar,\n header = _calendar$params7.header,\n footer = _calendar$params7.footer,\n rangePicker = _calendar$params7.rangePicker,\n weekHeader = _calendar$params7.weekHeader;\n var value = calendar.value,\n hasTimePicker = calendar.hasTimePicker;\n var date = value && value.length ? value[0] : new Date().setHours(0, 0, 0);\n return $jsx(\"div\", {\n class: \"popover calendar-popover\"\n }, $jsx(\"div\", {\n class: \"popover-inner\"\n }, $jsx(\"div\", {\n class: \"calendar \" + (rangePicker ? 'calendar-range' : '') + \" \" + (cssClass || '')\n }, header && calendar.renderHeader(), toolbar && calendar.renderToolbar(), weekHeader && calendar.renderWeekHeader(), $jsx(\"div\", {\n class: \"calendar-months\"\n }, calendar.renderMonths(date)), hasTimePicker && calendar.renderTimeSelector(), footer && calendar.renderFooter())));\n };\n\n _proto.render = function render() {\n var calendar = this;\n var params = calendar.params;\n if (params.render) return params.render.call(calendar);\n\n if (!calendar.inline) {\n var modalType = params.openIn;\n if (modalType === 'auto') modalType = calendar.isPopover() ? 'popover' : 'sheet';\n if (modalType === 'popover') return calendar.renderPopover();\n if (modalType === 'sheet') return calendar.renderSheet();\n return calendar.renderCustomModal();\n }\n\n return calendar.renderInline();\n };\n\n _proto.openTimePicker = function openTimePicker() {\n var calendar = this;\n var $el = calendar.$el,\n app = calendar.app,\n is12HoursFormat = calendar.is12HoursFormat;\n if (!$el || !$el.length) return;\n $el.append('');\n var hoursArr = [];\n var minutesArr = [];\n var hoursMin = is12HoursFormat ? 1 : 0;\n var hoursMax = is12HoursFormat ? 12 : 23;\n\n for (var i = hoursMin; i <= hoursMax; i += 1) {\n hoursArr.push(i);\n }\n\n for (var _i2 = 0; _i2 <= 59; _i2 += 1) {\n minutesArr.push(_i2);\n }\n\n var value;\n\n if (calendar.value && calendar.value.length) {\n value = [calendar.value[0].getHours(), calendar.value[0].getMinutes()];\n } else {\n value = [new Date().getHours(), new Date().getMinutes()];\n }\n\n if (is12HoursFormat) {\n value.push(value[0] < 12 ? 'AM' : 'PM');\n if (value[0] > 12) value[0] -= 12;\n if (value[0] === 0) value[0] = 12;\n }\n\n calendar.timePickerInstance = app.picker.create({\n containerEl: $el.find('.calendar-time-picker'),\n value: value,\n toolbar: true,\n rotateEffect: false,\n toolbarCloseText: calendar.params.toolbarCloseText,\n cols: [{\n values: hoursArr\n }, {\n divider: true,\n content: ':'\n }, {\n values: minutesArr,\n displayValues: minutesArr.map(function (m) {\n return m < 10 ? \"0\" + m : m;\n })\n }].concat(is12HoursFormat ? [{\n values: ['AM', 'PM']\n }] : [])\n });\n calendar.timePickerInstance.$el.find('.toolbar a').removeClass('sheet-close popover-close').addClass('calendar-time-picker-close');\n };\n\n _proto.closeTimePicker = function closeTimePicker() {\n var calendar = this;\n var is12HoursFormat = calendar.is12HoursFormat;\n\n if (calendar.timePickerInstance) {\n var timePickerValue = calendar.timePickerInstance.value;\n var hours = parseInt(timePickerValue[0], 10);\n var minutes = parseInt(timePickerValue[1], 10);\n var period = calendar.timePickerInstance.value[2];\n\n if (is12HoursFormat) {\n if (period === 'AM' && hours === 12) {\n hours = 0;\n } else if (period === 'PM' && hours !== 12) {\n hours += 12;\n }\n }\n\n var value = calendar.value && calendar.value.length && calendar.value[0];\n\n if (!value) {\n value = new Date();\n value.setHours(hours, minutes, 0, 0);\n } else {\n value = new Date(value);\n value.setHours(hours, minutes);\n }\n\n calendar.setValue([value]);\n calendar.timePickerInstance.close();\n calendar.timePickerInstance.destroy();\n delete calendar.timePickerInstance;\n }\n\n if (calendar.$el && calendar.$el.length) {\n calendar.$el.find('.calendar-time-picker').remove();\n }\n };\n\n _proto.onOpen = function onOpen() {\n var calendar = this;\n var initialized = calendar.initialized,\n $el = calendar.$el,\n app = calendar.app,\n $inputEl = calendar.$inputEl,\n inline = calendar.inline,\n value = calendar.value,\n params = calendar.params;\n calendar.closing = false;\n calendar.opened = true;\n calendar.opening = true; // Init main events\n\n calendar.attachCalendarEvents();\n var updateValue = !value && params.value; // Set value\n\n if (!initialized) {\n if (value) calendar.setValue(value, 0);else if (params.value) {\n calendar.setValue(calendar.normalizeValues(params.value), 0);\n }\n } else if (value) {\n calendar.setValue(value, 0);\n } // Update current month and year\n\n\n calendar.updateCurrentMonthYear(); // Set initial translate\n\n calendar.monthsTranslate = 0;\n calendar.setMonthsTranslate(); // Update input value\n\n if (updateValue) calendar.updateValue();else if (params.header && value) {\n calendar.updateValue(true);\n } // Extra focus\n\n if (!inline && $inputEl && $inputEl.length && app.theme === 'md') {\n $inputEl.trigger('focus');\n }\n\n calendar.initialized = true;\n calendar.$months.each(function (monthEl) {\n calendar.emit('local::monthAdd calendarMonthAdd', monthEl);\n }); // Trigger events\n\n if ($el) {\n $el.trigger('calendar:open');\n }\n\n if ($inputEl) {\n $inputEl.trigger('calendar:open');\n }\n\n calendar.emit('local::open calendarOpen', calendar);\n };\n\n _proto.onOpened = function onOpened() {\n var calendar = this;\n calendar.opening = false;\n\n if (calendar.$el) {\n calendar.$el.trigger('calendar:opened');\n }\n\n if (calendar.$inputEl) {\n calendar.$inputEl.trigger('calendar:opened');\n }\n\n calendar.emit('local::opened calendarOpened', calendar);\n };\n\n _proto.onClose = function onClose() {\n var calendar = this;\n var app = calendar.app;\n calendar.opening = false;\n calendar.closing = true;\n\n if (calendar.$inputEl) {\n if (app.theme === 'md') {\n calendar.$inputEl.trigger('blur');\n } else {\n var validate = calendar.$inputEl.attr('validate');\n var required = calendar.$inputEl.attr('required');\n\n if (validate && required) {\n app.input.validate(calendar.$inputEl);\n }\n }\n }\n\n if (calendar.detachCalendarEvents) {\n calendar.detachCalendarEvents();\n }\n\n if (calendar.$el) {\n calendar.$el.trigger('calendar:close');\n }\n\n if (calendar.$inputEl) {\n calendar.$inputEl.trigger('calendar:close');\n }\n\n calendar.emit('local::close calendarClose', calendar);\n };\n\n _proto.onClosed = function onClosed() {\n var calendar = this;\n calendar.opened = false;\n calendar.closing = false;\n\n if (!calendar.inline) {\n nextTick(function () {\n if (calendar.modal && calendar.modal.el && calendar.modal.destroy) {\n if (!calendar.params.routableModals) {\n calendar.modal.destroy();\n }\n }\n\n delete calendar.modal;\n });\n }\n\n if (calendar.timePickerInstance) {\n if (calendar.timePickerInstance.destroy) calendar.timePickerInstance.destroy();\n delete calendar.timePickerInstance;\n }\n\n if (calendar.$el) {\n calendar.$el.trigger('calendar:closed');\n }\n\n if (calendar.$inputEl) {\n calendar.$inputEl.trigger('calendar:closed');\n }\n\n calendar.emit('local::closed calendarClosed', calendar);\n };\n\n _proto.open = function open() {\n var calendar = this;\n var app = calendar.app,\n opened = calendar.opened,\n inline = calendar.inline,\n $inputEl = calendar.$inputEl,\n params = calendar.params;\n if (opened) return;\n\n if (inline) {\n calendar.$el = $(calendar.render());\n calendar.$el[0].f7Calendar = calendar;\n calendar.$wrapperEl = calendar.$el.find('.calendar-months-wrapper');\n calendar.$months = calendar.$wrapperEl.find('.calendar-month');\n calendar.$containerEl.append(calendar.$el);\n calendar.onOpen();\n calendar.onOpened();\n return;\n }\n\n var modalType = params.openIn;\n\n if (modalType === 'auto') {\n modalType = calendar.isPopover() ? 'popover' : 'sheet';\n }\n\n var modalContent = calendar.render();\n var modalParams = {\n targetEl: $inputEl,\n scrollToEl: params.scrollToInput ? $inputEl : undefined,\n content: modalContent,\n backdrop: params.backdrop === true || modalType === 'popover' && app.params.popover.backdrop !== false && params.backdrop !== false,\n closeByBackdropClick: params.closeByBackdropClick,\n on: {\n open: function open() {\n var modal = this;\n calendar.modal = modal;\n calendar.$el = modalType === 'popover' ? modal.$el.find('.calendar') : modal.$el;\n calendar.$wrapperEl = calendar.$el.find('.calendar-months-wrapper');\n calendar.$months = calendar.$wrapperEl.find('.calendar-month');\n calendar.$el[0].f7Calendar = calendar;\n\n if (modalType === 'customModal') {\n $(calendar.$el).find('.calendar-close').once('click', function () {\n calendar.close();\n });\n }\n\n calendar.onOpen();\n },\n opened: function opened() {\n calendar.onOpened();\n },\n close: function close() {\n calendar.onClose();\n },\n closed: function closed() {\n calendar.onClosed();\n }\n }\n };\n\n if (modalType === 'sheet') {\n modalParams.push = params.sheetPush;\n modalParams.swipeToClose = params.sheetSwipeToClose;\n }\n\n if (params.routableModals && calendar.view) {\n var _route;\n\n calendar.view.router.navigate({\n url: calendar.url,\n route: (_route = {\n path: calendar.url\n }, _route[modalType] = modalParams, _route)\n });\n } else {\n calendar.modal = app[modalType].create(modalParams);\n calendar.modal.open();\n }\n };\n\n _proto.close = function close() {\n var calendar = this;\n var opened = calendar.opened,\n inline = calendar.inline;\n if (!opened) return;\n\n if (inline) {\n calendar.onClose();\n calendar.onClosed();\n return;\n }\n\n if (calendar.params.routableModals && calendar.view) {\n calendar.view.router.back();\n } else {\n calendar.modal.close();\n }\n };\n\n _proto.init = function init() {\n var calendar = this;\n calendar.initInput();\n\n if (calendar.inline) {\n calendar.open();\n calendar.emit('local::init calendarInit', calendar);\n return;\n }\n\n if (!calendar.initialized && calendar.params.value) {\n calendar.setValue(calendar.normalizeValues(calendar.params.value));\n } // Attach input Events\n\n\n if (calendar.$inputEl) {\n calendar.attachInputEvents();\n }\n\n if (calendar.params.closeByOutsideClick) {\n calendar.attachHtmlEvents();\n }\n\n calendar.emit('local::init calendarInit', calendar);\n };\n\n _proto.destroy = function destroy() {\n var calendar = this;\n if (calendar.destroyed) return;\n var $el = calendar.$el;\n calendar.emit('local::beforeDestroy calendarBeforeDestroy', calendar);\n if ($el) $el.trigger('calendar:beforedestroy');\n calendar.close(); // Detach Events\n\n if (calendar.$inputEl) {\n calendar.detachInputEvents();\n }\n\n if (calendar.params.closeByOutsideClick) {\n calendar.detachHtmlEvents();\n }\n\n if (calendar.timePickerInstance) {\n if (calendar.timePickerInstance.destroy) calendar.timePickerInstance.destroy();\n delete calendar.timePickerInstance;\n }\n\n if ($el && $el.length) delete calendar.$el[0].f7Calendar;\n deleteProps(calendar);\n calendar.destroyed = true;\n };\n\n _createClass(Calendar, [{\n key: \"view\",\n get: function get() {\n var $inputEl = this.$inputEl,\n app = this.app,\n params = this.params;\n var view;\n\n if (params.view) {\n view = params.view;\n } else if ($inputEl) {\n view = $inputEl.parents('.view').length && $inputEl.parents('.view')[0].f7View;\n }\n\n if (!view) view = app.views.main;\n return view;\n }\n }]);\n\n return Calendar;\n}(Framework7Class);\n\nexport default Calendar;","import ConstructorMethods from '../../shared/constructor-methods';\nimport Calendar from './calendar-class';\nimport $ from '../../shared/dom7';\nexport default {\n name: 'calendar',\n static: {\n Calendar: Calendar\n },\n create: function create() {\n var app = this;\n app.calendar = ConstructorMethods({\n defaultSelector: '.calendar',\n constructor: Calendar,\n app: app,\n domProp: 'f7Calendar'\n });\n\n app.calendar.close = function close(el) {\n if (el === void 0) {\n el = '.calendar';\n }\n\n var $el = $(el);\n if ($el.length === 0) return;\n var calendar = $el[0].f7Calendar;\n if (!calendar || calendar && !calendar.opened) return;\n calendar.close();\n };\n },\n params: {\n calendar: {\n // Calendar settings\n dateFormat: undefined,\n monthNames: 'auto',\n monthNamesShort: 'auto',\n dayNames: 'auto',\n dayNamesShort: 'auto',\n locale: undefined,\n firstDay: 1,\n // First day of the week, Monday\n weekendDays: [0, 6],\n // Sunday and Saturday\n multiple: false,\n rangePicker: false,\n rangePickerMinDays: 1,\n // when calendar is used as rangePicker\n rangePickerMaxDays: 0,\n // when calendar is used as rangePicker, 0 means unlimited\n direction: 'horizontal',\n // or 'vertical'\n minDate: null,\n maxDate: null,\n disabled: null,\n // dates range of disabled days\n events: null,\n // dates range of days with events\n rangesClasses: null,\n // array with custom classes date ranges\n touchMove: true,\n animate: true,\n closeOnSelect: false,\n monthSelector: true,\n monthPicker: true,\n yearSelector: true,\n yearPicker: true,\n yearPickerMin: undefined,\n yearPickerMax: undefined,\n timePicker: false,\n timePickerFormat: {\n hour: 'numeric',\n minute: 'numeric'\n },\n timePickerPlaceholder: 'Select time',\n weekHeader: true,\n value: null,\n // Common opener settings\n containerEl: null,\n openIn: 'auto',\n // or 'popover' or 'sheet' or 'customModal'\n sheetPush: false,\n sheetSwipeToClose: undefined,\n formatValue: null,\n inputEl: null,\n inputReadOnly: true,\n closeByOutsideClick: true,\n scrollToInput: true,\n header: false,\n headerPlaceholder: 'Select date',\n toolbar: true,\n toolbarCloseText: 'Done',\n footer: false,\n cssClass: null,\n routableModals: false,\n view: null,\n url: 'date/',\n backdrop: null,\n closeByBackdropClick: true,\n // Render functions\n renderWeekHeader: null,\n renderMonths: null,\n renderMonth: null,\n renderMonthSelector: null,\n renderYearSelector: null,\n renderHeader: null,\n renderFooter: null,\n renderToolbar: null,\n renderInline: null,\n renderPopover: null,\n renderSheet: null,\n render: null\n }\n }\n};","import $ from '../../shared/dom7';\nimport { requestAnimationFrame, getTranslate } from '../../shared/utils';\nimport { getSupport } from '../../shared/get-support';\nexport default function pickerColumn(colEl, updateItems) {\n var picker = this;\n var app = picker.app;\n var $colEl = $(colEl);\n var colIndex = $colEl.index();\n var col = picker.cols[colIndex];\n if (col.divider) return;\n col.$el = $colEl;\n col.el = $colEl[0];\n col.$itemsEl = col.$el.find('.picker-items');\n col.items = col.$itemsEl.find('.picker-item');\n var itemHeight;\n var itemsHeight;\n var minTranslate;\n var maxTranslate;\n var animationFrameId;\n\n function updateDuringScroll() {\n animationFrameId = requestAnimationFrame(function () {\n col.updateItems(undefined, undefined, 0);\n updateDuringScroll();\n });\n }\n\n col.replaceValues = function replaceColValues(values, displayValues) {\n col.detachEvents();\n col.values = values;\n col.displayValues = displayValues;\n col.$itemsEl.html(picker.renderColumn(col, true));\n col.items = col.$itemsEl.find('.picker-item');\n col.calcSize();\n col.setValue(col.values[0], 0, true);\n col.attachEvents();\n };\n\n col.calcSize = function calcColSize() {\n if (picker.params.rotateEffect) {\n col.$el.removeClass('picker-column-absolute');\n if (!col.width) col.$el.css({\n width: ''\n });\n }\n\n var colWidth = 0;\n var colHeight = col.$el[0].offsetHeight;\n itemHeight = col.items[0].offsetHeight;\n itemsHeight = itemHeight * col.items.length;\n minTranslate = colHeight / 2 - itemsHeight + itemHeight / 2;\n maxTranslate = colHeight / 2 - itemHeight / 2;\n\n if (col.width) {\n colWidth = col.width;\n if (parseInt(colWidth, 10) === colWidth) colWidth += 'px';\n col.$el.css({\n width: colWidth\n });\n }\n\n if (picker.params.rotateEffect) {\n if (!col.width) {\n col.items.each(function (itemEl) {\n var item = $(itemEl).children('span');\n colWidth = Math.max(colWidth, item[0].offsetWidth);\n });\n col.$el.css({\n width: colWidth + 2 + \"px\"\n });\n }\n\n col.$el.addClass('picker-column-absolute');\n }\n };\n\n col.setValue = function setColValue(newValue, transition, valueCallbacks) {\n if (transition === void 0) {\n transition = '';\n }\n\n var newActiveIndex = col.$itemsEl.find(\".picker-item[data-picker-value=\\\"\" + newValue + \"\\\"]\").index();\n\n if (typeof newActiveIndex === 'undefined' || newActiveIndex === -1) {\n return;\n }\n\n var newTranslate = -newActiveIndex * itemHeight + maxTranslate; // Update wrapper\n\n col.$itemsEl.transition(transition);\n col.$itemsEl.transform(\"translate3d(0,\" + newTranslate + \"px,0)\"); // Watch items\n\n if (picker.params.updateValuesOnMomentum && col.activeIndex && col.activeIndex !== newActiveIndex) {\n cancelAnimationFrame(animationFrameId);\n col.$itemsEl.transitionEnd(function () {\n cancelAnimationFrame(animationFrameId);\n });\n updateDuringScroll();\n } // Update items\n\n\n col.updateItems(newActiveIndex, newTranslate, transition, valueCallbacks);\n };\n\n col.updateItems = function updateColItems(activeIndex, translate, transition, valueCallbacks) {\n if (typeof translate === 'undefined') {\n // eslint-disable-next-line\n translate = getTranslate(col.$itemsEl[0], 'y');\n }\n\n if (typeof activeIndex === 'undefined') // eslint-disable-next-line\n activeIndex = -Math.round((translate - maxTranslate) / itemHeight); // eslint-disable-next-line\n\n if (activeIndex < 0) activeIndex = 0; // eslint-disable-next-line\n\n if (activeIndex >= col.items.length) activeIndex = col.items.length - 1;\n var previousActiveIndex = col.activeIndex;\n col.activeIndex = activeIndex;\n col.$itemsEl.find('.picker-item-selected').removeClass('picker-item-selected');\n col.items.transition(transition);\n var selectedItem = col.items.eq(activeIndex).addClass('picker-item-selected').transform(''); // Set 3D rotate effect\n\n if (picker.params.rotateEffect) {\n col.items.each(function (itemEl) {\n var $itemEl = $(itemEl);\n var itemOffsetTop = $itemEl.index() * itemHeight;\n var translateOffset = maxTranslate - translate;\n var itemOffset = itemOffsetTop - translateOffset;\n var percentage = itemOffset / itemHeight;\n var itemsFit = Math.ceil(col.height / itemHeight / 2) + 1;\n var angle = -18 * percentage;\n if (angle > 180) angle = 180;\n if (angle < -180) angle = -180;\n\n if (Math.abs(percentage) > itemsFit) {\n $itemEl.addClass('picker-item-far');\n } else {\n $itemEl.removeClass('picker-item-far');\n }\n\n $itemEl.transform(\"translate3d(0, \" + (-translate + maxTranslate) + \"px, \" + (picker.needsOriginFix ? -110 : 0) + \"px) rotateX(\" + angle + \"deg)\");\n });\n }\n\n if (valueCallbacks || typeof valueCallbacks === 'undefined') {\n // Update values\n col.value = selectedItem.attr('data-picker-value');\n col.displayValue = col.displayValues ? col.displayValues[activeIndex] : col.value; // On change callback\n\n if (previousActiveIndex !== activeIndex) {\n if (col.onChange) {\n col.onChange(picker, col.value, col.displayValue);\n }\n\n picker.updateValue();\n }\n }\n };\n\n var allowItemClick = true;\n var isTouched;\n var isMoved;\n var touchStartY;\n var touchCurrentY;\n var touchStartTime;\n var touchEndTime;\n var startTranslate;\n var returnTo;\n var currentTranslate;\n var prevTranslate;\n var velocityTranslate;\n\n function handleTouchStart(e) {\n if (isMoved || isTouched) return;\n e.preventDefault();\n isTouched = true;\n touchStartY = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;\n touchCurrentY = touchStartY;\n touchStartTime = new Date().getTime();\n allowItemClick = true;\n startTranslate = getTranslate(col.$itemsEl[0], 'y');\n currentTranslate = startTranslate;\n }\n\n function handleTouchMove(e) {\n if (!isTouched) return;\n e.preventDefault();\n allowItemClick = false;\n touchCurrentY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;\n\n if (!isMoved) {\n // First move\n cancelAnimationFrame(animationFrameId);\n isMoved = true;\n startTranslate = getTranslate(col.$itemsEl[0], 'y');\n currentTranslate = startTranslate;\n col.$itemsEl.transition(0);\n }\n\n var diff = touchCurrentY - touchStartY;\n currentTranslate = startTranslate + diff;\n returnTo = undefined; // Normalize translate\n\n if (currentTranslate < minTranslate) {\n currentTranslate = minTranslate - Math.pow(minTranslate - currentTranslate, 0.8);\n returnTo = 'min';\n }\n\n if (currentTranslate > maxTranslate) {\n currentTranslate = maxTranslate + Math.pow(currentTranslate - maxTranslate, 0.8);\n returnTo = 'max';\n } // Transform wrapper\n\n\n col.$itemsEl.transform(\"translate3d(0,\" + currentTranslate + \"px,0)\"); // Update items\n\n col.updateItems(undefined, currentTranslate, 0, picker.params.updateValuesOnTouchmove); // Calc velocity\n\n velocityTranslate = currentTranslate - prevTranslate || currentTranslate;\n prevTranslate = currentTranslate;\n }\n\n function handleTouchEnd() {\n if (!isTouched || !isMoved) {\n isTouched = false;\n isMoved = false;\n return;\n }\n\n isTouched = false;\n isMoved = false;\n col.$itemsEl.transition('');\n\n if (returnTo) {\n if (returnTo === 'min') {\n col.$itemsEl.transform(\"translate3d(0,\" + minTranslate + \"px,0)\");\n } else {\n col.$itemsEl.transform(\"translate3d(0,\" + maxTranslate + \"px,0)\");\n }\n }\n\n touchEndTime = new Date().getTime();\n var newTranslate;\n\n if (touchEndTime - touchStartTime > 300) {\n newTranslate = currentTranslate;\n } else {\n newTranslate = currentTranslate + velocityTranslate * picker.params.momentumRatio;\n }\n\n newTranslate = Math.max(Math.min(newTranslate, maxTranslate), minTranslate); // Active Index\n\n var activeIndex = Math.round(Math.abs((newTranslate - maxTranslate) / itemHeight)); // Normalize translate\n\n if (!picker.params.freeMode) newTranslate = -activeIndex * itemHeight + maxTranslate; // Transform wrapper\n\n col.$itemsEl.transform(\"translate3d(0,\" + parseInt(newTranslate, 10) + \"px,0)\"); // Update items\n\n col.updateItems(activeIndex, newTranslate, '', true); // Watch items\n\n if (picker.params.updateValuesOnMomentum) {\n updateDuringScroll();\n col.$itemsEl.transitionEnd(function () {\n cancelAnimationFrame(animationFrameId);\n });\n } // Allow click\n\n\n setTimeout(function () {\n allowItemClick = true;\n }, 100);\n }\n\n var mousewheelTimeout;\n\n function handleMouseWheel(e) {\n var deltaX = e.deltaX,\n deltaY = e.deltaY;\n if (Math.abs(deltaX) > Math.abs(deltaY)) return;\n clearTimeout(mousewheelTimeout);\n e.preventDefault();\n cancelAnimationFrame(animationFrameId);\n startTranslate = getTranslate(col.$itemsEl[0], 'y');\n col.$itemsEl.transition(0);\n currentTranslate = startTranslate - deltaY;\n returnTo = undefined; // Normalize translate\n\n if (currentTranslate < minTranslate) {\n currentTranslate = minTranslate;\n returnTo = 'min';\n }\n\n if (currentTranslate > maxTranslate) {\n currentTranslate = maxTranslate;\n returnTo = 'max';\n } // Transform wrapper\n\n\n col.$itemsEl.transform(\"translate3d(0,\" + currentTranslate + \"px,0)\"); // Update items\n\n col.updateItems(undefined, currentTranslate, 0, picker.params.updateValuesOnMousewheel); // On end\n\n mousewheelTimeout = setTimeout(function () {\n col.$itemsEl.transition('');\n\n if (returnTo) {\n if (returnTo === 'min') {\n col.$itemsEl.transform(\"translate3d(0,\" + minTranslate + \"px,0)\");\n } else {\n col.$itemsEl.transform(\"translate3d(0,\" + maxTranslate + \"px,0)\");\n }\n }\n\n touchEndTime = new Date().getTime();\n var newTranslate = currentTranslate;\n newTranslate = Math.max(Math.min(newTranslate, maxTranslate), minTranslate); // Active Index\n\n var activeIndex = Math.round(Math.abs((newTranslate - maxTranslate) / itemHeight)); // Normalize translate\n\n if (!picker.params.freeMode) newTranslate = -activeIndex * itemHeight + maxTranslate; // Transform wrapper\n\n col.$itemsEl.transform(\"translate3d(0,\" + parseInt(newTranslate, 10) + \"px,0)\"); // Update items\n\n col.updateItems(activeIndex, newTranslate, '', true);\n }, 200);\n }\n\n function handleClick() {\n if (!allowItemClick) return;\n cancelAnimationFrame(animationFrameId);\n var value = $(this).attr('data-picker-value');\n col.setValue(value);\n }\n\n var activeListener = getSupport().passiveListener ? {\n passive: false,\n capture: false\n } : false;\n\n col.attachEvents = function attachColEvents() {\n col.$el.on(app.touchEvents.start, handleTouchStart, activeListener);\n app.on('touchmove:active', handleTouchMove);\n app.on('touchend:passive', handleTouchEnd);\n\n if (picker.params.mousewheel) {\n col.$el.on('wheel', handleMouseWheel);\n }\n\n col.items.on('click', handleClick);\n };\n\n col.detachEvents = function detachColEvents() {\n col.$el.off(app.touchEvents.start, handleTouchStart, activeListener);\n app.off('touchmove:active', handleTouchMove);\n app.off('touchend:passive', handleTouchEnd);\n\n if (picker.params.mousewheel) {\n col.$el.off('wheel', handleMouseWheel);\n }\n\n col.items.off('click', handleClick);\n };\n\n col.init = function initCol() {\n col.calcSize();\n col.$itemsEl.transform(\"translate3d(0,\" + maxTranslate + \"px,0)\").transition(0);\n if (colIndex === 0) col.$el.addClass('picker-column-first');\n if (colIndex === picker.cols.length - 1) col.$el.addClass('picker-column-last'); // Update items on init\n\n if (updateItems) col.updateItems(0, maxTranslate, 0);\n col.attachEvents();\n };\n\n col.destroy = function destroyCol() {\n col.detachEvents();\n };\n\n col.init();\n}","function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nimport { getWindow } from 'ssr-window';\nimport $ from '../../shared/dom7';\nimport { extend, nextTick, deleteProps } from '../../shared/utils';\nimport Framework7Class from '../../shared/class';\nimport { getDevice } from '../../shared/get-device';\nimport pickerColumn from './picker-column';\n/** @jsx $jsx */\n\nimport $jsx from '../../shared/$jsx';\n\nvar Picker = /*#__PURE__*/function (_Framework7Class) {\n _inheritsLoose(Picker, _Framework7Class);\n\n function Picker(app, params) {\n var _this;\n\n if (params === void 0) {\n params = {};\n }\n\n _this = _Framework7Class.call(this, params, [app]) || this;\n\n var picker = _assertThisInitialized(_this);\n\n var device = getDevice();\n var window = getWindow();\n picker.params = extend({}, app.params.picker, params);\n var $containerEl;\n\n if (picker.params.containerEl) {\n $containerEl = $(picker.params.containerEl);\n if ($containerEl.length === 0) return picker || _assertThisInitialized(_this);\n }\n\n var $inputEl;\n\n if (picker.params.inputEl) {\n $inputEl = $(picker.params.inputEl);\n }\n\n var $scrollToEl = picker.params.scrollToInput ? $inputEl : undefined;\n\n if (picker.params.scrollToEl) {\n var scrollToEl = $(picker.params.scrollToEl);\n\n if (scrollToEl.length > 0) {\n $scrollToEl = scrollToEl;\n }\n }\n\n extend(picker, {\n app: app,\n $containerEl: $containerEl,\n containerEl: $containerEl && $containerEl[0],\n inline: $containerEl && $containerEl.length > 0,\n needsOriginFix: device.ios || window.navigator.userAgent.toLowerCase().indexOf('safari') >= 0 && window.navigator.userAgent.toLowerCase().indexOf('chrome') < 0 && !device.android,\n cols: [],\n $inputEl: $inputEl,\n inputEl: $inputEl && $inputEl[0],\n $scrollToEl: $scrollToEl,\n initialized: false,\n opened: false,\n url: picker.params.url\n });\n\n function onResize() {\n picker.resizeCols();\n }\n\n function onInputClick() {\n picker.open();\n }\n\n function onInputFocus(e) {\n e.preventDefault();\n }\n\n function onHtmlClick(e) {\n if (picker.destroyed || !picker.params) return;\n var $targetEl = $(e.target);\n if (picker.isPopover()) return;\n if (!picker.opened || picker.closing) return;\n if ($targetEl.closest('[class*=\"backdrop\"]').length) return;\n\n if ($inputEl && $inputEl.length > 0) {\n if ($targetEl[0] !== $inputEl[0] && $targetEl.closest('.sheet-modal').length === 0) {\n picker.close();\n }\n } else if ($(e.target).closest('.sheet-modal').length === 0) {\n picker.close();\n }\n } // Events\n\n\n extend(picker, {\n attachResizeEvent: function attachResizeEvent() {\n app.on('resize', onResize);\n },\n detachResizeEvent: function detachResizeEvent() {\n app.off('resize', onResize);\n },\n attachInputEvents: function attachInputEvents() {\n picker.$inputEl.on('click', onInputClick);\n\n if (picker.params.inputReadOnly) {\n picker.$inputEl.on('focus mousedown', onInputFocus);\n\n if (picker.$inputEl[0]) {\n picker.$inputEl[0].f7ValidateReadonly = true;\n }\n }\n },\n detachInputEvents: function detachInputEvents() {\n picker.$inputEl.off('click', onInputClick);\n\n if (picker.params.inputReadOnly) {\n picker.$inputEl.off('focus mousedown', onInputFocus);\n\n if (picker.$inputEl[0]) {\n delete picker.$inputEl[0].f7ValidateReadonly;\n }\n }\n },\n attachHtmlEvents: function attachHtmlEvents() {\n app.on('click', onHtmlClick);\n },\n detachHtmlEvents: function detachHtmlEvents() {\n app.off('click', onHtmlClick);\n }\n });\n picker.init();\n return picker || _assertThisInitialized(_this);\n }\n\n var _proto = Picker.prototype;\n\n _proto.initInput = function initInput() {\n var picker = this;\n if (!picker.$inputEl) return;\n if (picker.params.inputReadOnly) picker.$inputEl.prop('readOnly', true);\n };\n\n _proto.resizeCols = function resizeCols() {\n var picker = this;\n if (!picker.opened) return;\n\n for (var i = 0; i < picker.cols.length; i += 1) {\n if (!picker.cols[i].divider) {\n picker.cols[i].calcSize();\n picker.cols[i].setValue(picker.cols[i].value, 0, false);\n }\n }\n };\n\n _proto.isPopover = function isPopover() {\n var picker = this;\n var app = picker.app,\n modal = picker.modal,\n params = picker.params;\n var device = getDevice();\n if (params.openIn === 'sheet') return false;\n if (modal && modal.type !== 'popover') return false;\n\n if (!picker.inline && picker.inputEl) {\n if (params.openIn === 'popover') return true;\n\n if (device.ios) {\n return !!device.ipad;\n }\n\n if (app.width >= 768) {\n return true;\n }\n\n if (device.desktop && app.theme === 'aurora') {\n return true;\n }\n }\n\n return false;\n };\n\n _proto.formatValue = function formatValue() {\n var picker = this;\n var value = picker.value,\n displayValue = picker.displayValue;\n\n if (picker.params.formatValue) {\n return picker.params.formatValue.call(picker, value, displayValue);\n }\n\n return value.join(' ');\n };\n\n _proto.setValue = function setValue(values, transition) {\n var picker = this;\n var valueIndex = 0;\n\n if (picker.cols.length === 0) {\n picker.value = values;\n picker.updateValue(values);\n return;\n }\n\n for (var i = 0; i < picker.cols.length; i += 1) {\n if (picker.cols[i] && !picker.cols[i].divider) {\n picker.cols[i].setValue(values[valueIndex], transition);\n valueIndex += 1;\n }\n }\n };\n\n _proto.getValue = function getValue() {\n var picker = this;\n return picker.value;\n };\n\n _proto.updateValue = function updateValue(forceValues) {\n var picker = this;\n var newValue = forceValues || [];\n var newDisplayValue = [];\n var column;\n\n if (picker.cols.length === 0) {\n var noDividerColumns = picker.params.cols.filter(function (c) {\n return !c.divider;\n });\n\n for (var i = 0; i < noDividerColumns.length; i += 1) {\n column = noDividerColumns[i];\n\n if (column.displayValues !== undefined && column.values !== undefined && column.values.indexOf(newValue[i]) !== -1) {\n newDisplayValue.push(column.displayValues[column.values.indexOf(newValue[i])]);\n } else {\n newDisplayValue.push(newValue[i]);\n }\n }\n } else {\n for (var _i = 0; _i < picker.cols.length; _i += 1) {\n if (!picker.cols[_i].divider) {\n newValue.push(picker.cols[_i].value);\n newDisplayValue.push(picker.cols[_i].displayValue);\n }\n }\n }\n\n if (newValue.indexOf(undefined) >= 0) {\n return;\n }\n\n picker.value = newValue;\n picker.displayValue = newDisplayValue;\n picker.emit('local::change pickerChange', picker, picker.value, picker.displayValue);\n\n if (picker.inputEl) {\n picker.$inputEl.val(picker.formatValue());\n picker.$inputEl.trigger('change');\n }\n };\n\n _proto.initColumn = function initColumn(colEl, updateItems) {\n var picker = this;\n pickerColumn.call(picker, colEl, updateItems);\n } // eslint-disable-next-line\n ;\n\n _proto.destroyColumn = function destroyColumn(colEl) {\n var picker = this;\n var $colEl = $(colEl);\n var index = $colEl.index();\n\n if (picker.cols[index] && picker.cols[index].destroy) {\n picker.cols[index].destroy();\n }\n };\n\n _proto.renderToolbar = function renderToolbar() {\n var picker = this;\n if (picker.params.renderToolbar) return picker.params.renderToolbar.call(picker, picker);\n return $jsx(\"div\", {\n class: \"toolbar toolbar-top no-shadow\"\n }, $jsx(\"div\", {\n class: \"toolbar-inner\"\n }, $jsx(\"div\", {\n class: \"left\"\n }), $jsx(\"div\", {\n class: \"right\"\n }, $jsx(\"a\", {\n class: \"link sheet-close popover-close\"\n }, picker.params.toolbarCloseText))));\n } // eslint-disable-next-line\n ;\n\n _proto.renderColumn = function renderColumn(col, onlyItems) {\n var colClasses = \"picker-column \" + (col.textAlign ? \"picker-column-\" + col.textAlign : '') + \" \" + (col.cssClass || '');\n var columnHtml;\n var columnItemsHtml;\n\n if (col.divider) {\n // prettier-ignore\n columnHtml = \"\\n
Fugiat perspiciatis excepturi, soluta quod non ullam deleniti. Nobis sint nemo consequuntur, fugiat. Eius perferendis animi autem incidunt vel quod tenetur nostrum, voluptate omnis quasi quidem illum consequuntur, a, quisquam.
\n
Laudantium neque magnam vitae nemo quam commodi, in cum dolore obcaecati laborum, excepturi harum, optio qui, consequuntur? Obcaecati dolor sequi nesciunt culpa quia perspiciatis, reiciendis ex debitis, ut tenetur alias.
\n
\n
\n
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni molestiae laudantium dignissimos est nobis delectus nemo ea alias voluptatum architecto, amet similique, saepe iste consectetur in repellat ut minus quibusdam!
\n
Molestias et distinctio porro nesciunt ratione similique, magni doloribus, rerum nobis, aliquam quae reiciendis quasi modi. Nam a recusandae, fugiat in ea voluptates fuga eius, velit corrupti reprehenderit dignissimos consequatur!
\n
Blanditiis, cumque quo adipisci. Molestiae, dolores dolorum quos doloremque ipsa ullam eligendi commodi deserunt doloribus inventore magni? Ea mollitia veniam nostrum nihil, iusto doloribus a at! Ea molestiae ullam delectus!
\n
\n
\n
\n`\n }\n ;\n}\n\nframework7Component.id = '8769c18882';\nexport default framework7Component;","/** @jsx $jsx */\nimport { $jsx } from 'framework7';\n\nfunction framework7Component() {\n return function ($ctx) {\n var $ = $ctx.$;\n var $h = $ctx.$h;\n var $root = $ctx.$root;\n var $f7 = $ctx.$f7;\n var $f7route = $ctx.$f7route;\n var $f7router = $ctx.$f7router;\n var $theme = $ctx.$theme;\n var $update = $ctx.$update;\n var $store = $ctx.$store;\n\n return $h`\n
\n`\n }\n ;\n}\n\nframework7Component.id = '57d98b3223';\nexport default framework7Component;","/** @jsx $jsx */\nimport { $jsx } from 'framework7';\n\nfunction framework7Component(props, _ref) {\n var $store = _ref.$store;\n var products = $store.getters.products;\n\n var addProduct = function addProduct() {\n $store.dispatch('addProduct', {\n id: '4',\n title: 'Apple iPhone 12',\n description: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi tempora similique reiciendis, error nesciunt vero, blanditiis pariatur dolor, minima sed sapiente rerum, dolorem corrupti hic modi praesentium unde saepe perspiciatis.'\n });\n };\n\n return function ($ctx) {\n var $ = $ctx.$;\n var $h = $ctx.$h;\n var $root = $ctx.$root;\n var $f7 = $ctx.$f7;\n var $f7route = $ctx.$f7route;\n var $f7router = $ctx.$f7router;\n var $theme = $ctx.$theme;\n var $update = $ctx.$update;\n var $store = $ctx.$store;\n\n return $h`\n
\\n \\n \";\n $update();\n };\n\n $on('pageInit', function () {\n for (var i = 0; i < 5; i++) {\n addmore();\n }\n });\n return function ($ctx) {\n var $ = $ctx.$;\n var $h = $ctx.$h;\n var $root = $ctx.$root;\n var $f7 = $ctx.$f7;\n var $f7route = $ctx.$f7route;\n var $f7router = $ctx.$f7router;\n var $theme = $ctx.$theme;\n var $update = $ctx.$update;\n var $store = $ctx.$store;\n\n return $h`\n
\n Please fill in the form to show the bet list.\n
\n\n\n
\n Draw Date\n 抽奖日期\n Data soe \n
\n
\n
\n
\n
\n
\n From\n 开始\n Husi\n
\n
\n \n
\n
\n
\n
\n
\n
\n To\n 结束\n Ba\n
\n
\n \n
\n
\n
\n
\n
\n
Page
\n
\n \n
\n
\n
\n
\n
\n \n \n \n \n
\n
\n \n
\n
\n\n\n
\n Search Result\n 搜索结果\n Buka rezultado\n
\n
\n
\n \n
\n
Page
\n
Slip
\n
\n \n \n\n \n
\n
\n\n
\n
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni molestiae laudantium dignissimos est nobis delectus nemo ea alias voluptatum architecto, amet similique, saepe iste consectetur in repellat ut minus quibusdam!
\n \n
\n
\n
\n`\n }\n ;\n}\n\nframework7Component.id = '7ebfe1718f';\nexport default framework7Component;","/** @jsx $jsx */\nimport { $jsx } from 'framework7';\n\nfunction framework7Component(props, _ref) {\n var $f7 = _ref.$f7,\n $ = _ref.$,\n $on = _ref.$on,\n $update = _ref.$update;\n var mto;\n var to;\n var comm;\n var com_mto;\n var com_to;\n var com_comm;\n var downline = \"\";\n\n var search = function search() {\n console.log('http://temp/json/report.aspx?user=' + localStorage.getItem(\"username\") + '&pass=' + localStorage.getItem(\"password\") + '&drawdatefrom=' + $(\"#datefrom\").val() + '&drawdateto=' + $(\"#dateto\").val());\n $f7.preloader.show();\n $f7.request.get('http://temp/json/report.aspx?user=' + localStorage.getItem(\"username\") + '&pass=' + localStorage.getItem(\"password\") + '&drawdatefrom=' + $(\"#datefrom\").val() + '&drawdateto=' + $(\"#dateto\").val()).then(function (res) {\n console.log(res.data);\n var data = JSON.parse(res.data);\n\n if (data.ALERT != undefined && data.ALERT != \"\") {\n $f7.dialog.alert(data.ALERT);\n }\n\n if (data.status == \"1\") {\n $f7.preloader.hide();\n mto = data.MTO;\n to = data.MT;\n comm = data.comm;\n com_mto = data.MTO;\n com_to = data.MT;\n com_comm = data.company[0].comm;\n\n for (var i = 0; i < data.downlines.length; i++) {\n downline += \"\\n
\\n
\" + data.downlines[i].loginID + \"
\\n
\" + data.downlines[i].sales + \"
\\n
\" + data.downlines[i].comm + \"
\\n
\" + data.downlines[i].strike + \"
\\n
\\n \";\n }\n\n $update();\n } else {\n $f7.dialog.alert(data.errMsg, \"Error\");\n }\n });\n };\n\n $on('pageInit', function () {\n document.getElementById('datefrom').valueAsDate = new Date();\n document.getElementById('dateto').valueAsDate = new Date();\n });\n return function ($ctx) {\n var $ = $ctx.$;\n var $h = $ctx.$h;\n var $root = $ctx.$root;\n var $f7 = $ctx.$f7;\n var $f7route = $ctx.$f7route;\n var $f7router = $ctx.$f7router;\n var $theme = $ctx.$theme;\n var $update = $ctx.$update;\n var $store = $ctx.$store;\n\n return $h`\n
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni molestiae laudantium dignissimos est nobis delectus nemo ea alias voluptatum architecto, amet similique, saepe iste consectetur in repellat ut minus quibusdam!
\n \n
\n
\n
\n`\n }\n ;\n}\n\nframework7Component.id = '07dbcde261';\nexport default framework7Component;","/** @jsx $jsx */\nimport { $jsx } from 'framework7';\n\nfunction framework7Component(props, _ref) {\n var $f7 = _ref.$f7,\n $ = _ref.$,\n $on = _ref.$on,\n $update = _ref.$update;\n // Check if printer has been set or not\n if (localStorage.getItem(\"printer\") == \"\" || localStorage.getItem(\"printer\") == undefined || localStorage.getItem(\"printer\") == null) localStorage.setItem(\"printer\", 0); // Check if printer has been set or not\n\n if (localStorage.getItem(\"paperSize\") == \"\" || localStorage.getItem(\"paperSize\") == undefined || localStorage.getItem(\"paperSize\") == null) localStorage.setItem(\"paperSize\", 0);\n\n var printMyText = function printMyText() {\n var data = window.data;\n var printText = \"\";\n var print80Line = \"\";\n if (localStorage.getItem(\"paperSize\") == 1) print80Line = \"______________\";\n printText += \"Order:\" + data.orderId + \"{BR}\";\n printText += \"Date:\" + data.dateTime + \"{BR}\";\n printText += print80Line + \"_______________________________\";\n window.DatecsPrinter.printText(printText, 'ISO-8859-1'); //data.receipt.length\n\n for (var i = 0; i < data.receipt.length; i++) {\n printText = \"\";\n printText += \"{LEFT}\";\n window.DatecsPrinter.printText(\"{BR}{BR}\" + data.receipt[i].draw, 'ISO-8859-1');\n\n for (var j = 0; j < data.receipt[i].details.length; j++) {\n var adj0 = \"\";\n var adj1 = \"\";\n var adj2 = \"\";\n if (parseInt(data.receipt[i].details[j].amount[0].value) < 10) adj0 = \" \";\n if (parseInt(data.receipt[i].details[j].amount[1].value) < 10) adj1 = \" \";\n if (parseInt(data.receipt[i].details[j].amount[2].value) < 10) adj2 = \" \";\n printText += \"{BR}\" + data.receipt[i].details[j].type + \" {B}\" + data.receipt[i].details[j].number + \"{B}\";\n if (data.receipt[i].details[j].position != \"\") printText += \"\" + data.receipt[i].details[j].position + \"\";else printText += \" \";\n if (localStorage.getItem(\"paperSize\") == 0) printText += \"{BR}\";\n printText += \" B-\" + data.receipt[i].details[j].amount[0].value.toFixed(2).replace(/\\d(?=(\\d{3})+\\.)/g, '$&,') + adj0 + \" S-\" + data.receipt[i].details[j].amount[1].value.toFixed(2).replace(/\\d(?=(\\d{3})+\\.)/g, '$&,') + adj1 + \" A-\" + data.receipt[i].details[j].amount[2].value.toFixed(2).replace(/\\d(?=(\\d{3})+\\.)/g, '$&,') + \" \";\n }\n\n window.DatecsPrinter.printText(printText, 'ISO-8859-1');\n }\n\n window.DatecsPrinter.printText(\"{BR}{CENTER}\" + print80Line + \"_______________________________{BR}\", 'ISO-8859-1');\n window.DatecsPrinter.printText(\"{H}{B}{RIGHT}TOTAL:\" + data.total.toFixed(2).replace(/\\d(?=(\\d{3})+\\.)/g, '$&,') + \" {/RIGHT}{/B}{/H}\", 'ISO-8859-1');\n window.DatecsPrinter.printText(\"{BR}{CENTER}\" + print80Line + \"_______________________________{BR}\", 'ISO-8859-1');\n window.DatecsPrinter.printText(\"{BR}{BR}{CENTER}\", 'ISO-8859-1'); //window.DatecsPrinter.printBarcode(75, data.orderId); \n\n printMyBarcode(data.orderId);\n };\n\n var printMyImage = function printMyImage() {\n var image = new Image();\n image.src = 'static/images/gd.jpg';\n\n image.onload = function () {\n var canvas = document.createElement('canvas');\n canvas.height = 100;\n canvas.width = 100;\n var context = canvas.getContext('2d');\n context.drawImage(image, 0, 0);\n var imageData = canvas.toDataURL('image/jpeg').replace(/^data:image\\/(png|jpg|jpeg);base64,/, \"\"); //remove mimetype\n\n window.DatecsPrinter.printImage(imageData, //base64\n canvas.width, canvas.height, 1, function () {\n printMyQR();\n });\n };\n };\n\n var printMyQR = function printMyQR() {\n var image = new Image();\n image.src = \"https://chart.googleapis.com/chart?chs=300x300&cht=qr&chl=12345678&choe=UTF-8\";\n\n image.onload = function () {\n var canvas = document.createElement('canvas');\n canvas.height = 300;\n canvas.width = 300;\n var context = canvas.getContext('2d');\n context.drawImage(image, 0, 0);\n var imageData = canvas.toDataURL('image/jpeg').replace(/^data:image\\/(png|jpg|jpeg);base64,/, \"\"); //remove mimetype\n\n window.DatecsPrinter.printImage(imageData, //base64\n canvas.width, canvas.height, 1, function () {\n printMyText();\n });\n };\n };\n\n var printMyBarcode = function printMyBarcode(text) {\n var canvas = document.createElement(\"canvas\");\n canvas.height = 400;\n canvas.width = 300;\n JsBarcode(canvas, text, {\n format: \"EAN13\"\n });\n var imageData = canvas.toDataURL('image/jpeg').replace(/^data:image\\/(png|jpg|jpeg);base64,/, \"\"); //remove mimetype\n\n window.DatecsPrinter.printImage(imageData, //base64\n canvas.width, canvas.height, 1, function () {\n window.DatecsPrinter.writeHex('1B69'); //27,112,0,50,250\n // var open = new Uint8Array([27,112,0,50,250]);\n // window.DatecsPrinter.write(open); \n\n window.DatecsPrinter.getStatus();\n });\n };\n\n var printPurchase = function printPurchase() {\n if (window.DatecsPrinter) {\n $f7.dialog.alert('Printing Now...');\n printMyImage();\n }\n };\n\n $on('pageInit', function () {\n if (!window.DatecsPrinter) {\n alert(\"DatecsPrinter plugin is missing. Have you installed the plugin? \\nRun 'cordova plugin add cordova-plugin-datecs-printer'\");\n } else {\n window.DatecsPrinter.listBluetoothDevices(function (devices) {\n window.DatecsPrinter.connect(devices[window.bluetooth].address, function () {}, function () {\n alert(JSON.stringify(error));\n });\n }, function (error) {\n alert(JSON.stringify(error));\n });\n }\n\n window.bluetooth = localStorage.getItem(\"printer\");\n var raw = localStorage.getItem(\"receipt\", raw);\n raw = \"\\n {\\n \\\"status\\\":\\\"1\\\", \\n \\\"orderId\\\":\\\"123456789012\\\", \\n \\\"receipt\\\":[{\\\"draw\\\":\\\"04/08/21 (WED)\\\",\\\"details\\\":[{\\\"type\\\":\\\"GD\\\",\\\"number\\\":\\\"1234\\\",\\\"position\\\":\\\"\\\",\\\"amount\\\":[{\\\"type\\\":\\\"B\\\",\\\"value\\\":1.00},{\\\"type\\\":\\\"S\\\",\\\"value\\\":1.00},{\\\"type\\\":\\\"A\\\",\\\"value\\\":1.00}]},{\\\"type\\\":\\\"GD\\\",\\\"number\\\":\\\"2345\\\",\\\"position\\\":\\\"(b24)\\\",\\\"amount\\\":[{\\\"type\\\":\\\"B\\\",\\\"value\\\":24.00},{\\\"type\\\":\\\"S\\\",\\\"value\\\":24.00},{\\\"type\\\":\\\"A\\\",\\\"value\\\":24.00}]},{\\\"type\\\":\\\"GD\\\",\\\"number\\\":\\\"1234\\\",\\\"position\\\":\\\"(i24)\\\",\\\"amount\\\":[{\\\"type\\\":\\\"B\\\",\\\"value\\\":1.00},{\\\"type\\\":\\\"S\\\",\\\"value\\\":1.00},{\\\"type\\\":\\\"A\\\",\\\"value\\\":1.00}]},{\\\"type\\\":\\\"SG\\\",\\\"number\\\":\\\"1234\\\",\\\"position\\\":\\\"\\\",\\\"amount\\\":[{\\\"type\\\":\\\"B\\\",\\\"value\\\":1.00},{\\\"type\\\":\\\"S\\\",\\\"value\\\":1.00},{\\\"type\\\":\\\"A\\\",\\\"value\\\":1.00}]},{\\\"type\\\":\\\"SG\\\",\\\"number\\\":\\\"2345\\\",\\\"position\\\":\\\"(b24)\\\",\\\"amount\\\":[{\\\"type\\\":\\\"B\\\",\\\"value\\\":24.00},{\\\"type\\\":\\\"S\\\",\\\"value\\\":24.00},{\\\"type\\\":\\\"A\\\",\\\"value\\\":24.00}]},{\\\"type\\\":\\\"SG\\\",\\\"number\\\":\\\"1234\\\",\\\"position\\\":\\\"(i24)\\\",\\\"amount\\\":[{\\\"type\\\":\\\"B\\\",\\\"value\\\":1.00},{\\\"type\\\":\\\"S\\\",\\\"value\\\":1.00},{\\\"type\\\":\\\"A\\\",\\\"value\\\":1.00}]}]},{\\\"draw\\\":\\\"05/08/21 (THU)\\\",\\\"details\\\":[{\\\"type\\\":\\\"GD\\\",\\\"number\\\":\\\"1234\\\",\\\"position\\\":\\\"\\\",\\\"amount\\\":[{\\\"type\\\":\\\"B\\\",\\\"value\\\":1.00},{\\\"type\\\":\\\"S\\\",\\\"value\\\":1.00},{\\\"type\\\":\\\"A\\\",\\\"value\\\":1.00}]},{\\\"type\\\":\\\"GD\\\",\\\"number\\\":\\\"2345\\\",\\\"position\\\":\\\"(b24)\\\",\\\"amount\\\":[{\\\"type\\\":\\\"B\\\",\\\"value\\\":24.00},{\\\"type\\\":\\\"S\\\",\\\"value\\\":24.00},{\\\"type\\\":\\\"A\\\",\\\"value\\\":24.00}]},{\\\"type\\\":\\\"GD\\\",\\\"number\\\":\\\"1234\\\",\\\"position\\\":\\\"(i24)\\\",\\\"amount\\\":[{\\\"type\\\":\\\"B\\\",\\\"value\\\":1.00},{\\\"type\\\":\\\"S\\\",\\\"value\\\":1.00},{\\\"type\\\":\\\"A\\\",\\\"value\\\":1.00}]},{\\\"type\\\":\\\"SG\\\",\\\"number\\\":\\\"1234\\\",\\\"position\\\":\\\"\\\",\\\"amount\\\":[{\\\"type\\\":\\\"B\\\",\\\"value\\\":1.00},{\\\"type\\\":\\\"S\\\",\\\"value\\\":1.00},{\\\"type\\\":\\\"A\\\",\\\"value\\\":1.00}]},{\\\"type\\\":\\\"SG\\\",\\\"number\\\":\\\"2345\\\",\\\"position\\\":\\\"(b24)\\\",\\\"amount\\\":[{\\\"type\\\":\\\"B\\\",\\\"value\\\":24.00},{\\\"type\\\":\\\"S\\\",\\\"value\\\":24.00},{\\\"type\\\":\\\"A\\\",\\\"value\\\":24.00}]},{\\\"type\\\":\\\"SG\\\",\\\"number\\\":\\\"1234\\\",\\\"position\\\":\\\"(i24)\\\",\\\"amount\\\":[{\\\"type\\\":\\\"B\\\",\\\"value\\\":1.00},{\\\"type\\\":\\\"S\\\",\\\"value\\\":1.00},{\\\"type\\\":\\\"A\\\",\\\"value\\\":1.00}]}]},{\\\"draw\\\":\\\"06/08/21 (FRI)\\\",\\\"details\\\":[{\\\"type\\\":\\\"GD\\\",\\\"number\\\":\\\"1234\\\",\\\"position\\\":\\\"\\\",\\\"amount\\\":[{\\\"type\\\":\\\"B\\\",\\\"value\\\":1.00},{\\\"type\\\":\\\"S\\\",\\\"value\\\":1.00},{\\\"type\\\":\\\"A\\\",\\\"value\\\":1.00}]},{\\\"type\\\":\\\"GD\\\",\\\"number\\\":\\\"2345\\\",\\\"position\\\":\\\"(b24)\\\",\\\"amount\\\":[{\\\"type\\\":\\\"B\\\",\\\"value\\\":24.00},{\\\"type\\\":\\\"S\\\",\\\"value\\\":24.00},{\\\"type\\\":\\\"A\\\",\\\"value\\\":24.00}]},{\\\"type\\\":\\\"GD\\\",\\\"number\\\":\\\"1234\\\",\\\"position\\\":\\\"(i24)\\\",\\\"amount\\\":[{\\\"type\\\":\\\"B\\\",\\\"value\\\":1.00},{\\\"type\\\":\\\"S\\\",\\\"value\\\":1.00},{\\\"type\\\":\\\"A\\\",\\\"value\\\":1.00}]},{\\\"type\\\":\\\"SG\\\",\\\"number\\\":\\\"1234\\\",\\\"position\\\":\\\"\\\",\\\"amount\\\":[{\\\"type\\\":\\\"B\\\",\\\"value\\\":1.00},{\\\"type\\\":\\\"S\\\",\\\"value\\\":1.00},{\\\"type\\\":\\\"A\\\",\\\"value\\\":1.00}]},{\\\"type\\\":\\\"SG\\\",\\\"number\\\":\\\"2345\\\",\\\"position\\\":\\\"(b24)\\\",\\\"amount\\\":[{\\\"type\\\":\\\"B\\\",\\\"value\\\":24.00},{\\\"type\\\":\\\"S\\\",\\\"value\\\":24.00},{\\\"type\\\":\\\"A\\\",\\\"value\\\":24.00}]},{\\\"type\\\":\\\"SG\\\",\\\"number\\\":\\\"1234\\\",\\\"position\\\":\\\"(i24)\\\",\\\"amount\\\":[{\\\"type\\\":\\\"B\\\",\\\"value\\\":1.00},{\\\"type\\\":\\\"S\\\",\\\"value\\\":1.00},{\\\"type\\\":\\\"A\\\",\\\"value\\\":1.00}]}]}], \\n \\\"remarks\\\":\\\"\\\", \\n \\\"page\\\":\\\"\\\",\\n \\\"print\\\":0,\\n \\\"dateTime\\\":\\\"2021-08-04 01:54PM\\\",\\n \\\"total\\\":486.00\\n }\\n \";\n var data = JSON.parse(raw);\n window.data = data;\n console.log(data.total);\n JsBarcode(\"#barcode\").options({\n font: \"OCR-B\"\n }) // Will affect all barcodes\n .EAN13(data.orderId, {\n fontSize: 18,\n textMargin: 0\n }).render();\n var htmlText = '';\n\n if (data.ALERT != undefined && data.ALERT != \"\") {\n $f7.dialog.alert(data.ALERT);\n }\n\n if (data.status == \"1\") {\n htmlText = \"\\n
\\n \\n
\\n
\\n
\\n \\n
\\n
\" + data.dateTime + \"
\\n
\" + data.orderId + \"
\\n
\\n \\n \\n
\\n
\\n
\\n \";\n\n for (var i = 0; i < data.receipt.length; i++) {\n htmlText += \"
TOTAL $\" + data.total.toFixed(2).replace(/\\d(?=(\\d{3})+\\.)/g, '$&,') + \"
\\n
\\n \\n
\\n
\\n \";\n $('.printtext').html(htmlText);\n $update();\n }\n });\n return function ($ctx) {\n var $ = $ctx.$;\n var $h = $ctx.$h;\n var $root = $ctx.$root;\n var $f7 = $ctx.$f7;\n var $f7route = $ctx.$f7route;\n var $f7router = $ctx.$f7router;\n var $theme = $ctx.$theme;\n var $update = $ctx.$update;\n var $store = $ctx.$store;\n\n return $h`\n
\n`\n }\n ;\n}\n\nframework7Component.id = 'd2104fd25b';\nexport default framework7Component;","/** @jsx $jsx */\nimport { $jsx } from 'framework7';\n\nfunction framework7Component(props, _ref) {\n var $f7 = _ref.$f7,\n $ = _ref.$,\n $on = _ref.$on,\n $update = _ref.$update;\n var printtext = \"\";\n $on('pageInit', function () {\n $f7.request.get('http://temp/json/jackpot.aspx?user=' + localStorage.getItem(\"username\") + '&pass=' + localStorage.getItem(\"password\")).then(function (res) {\n var raw = res.data;\n var data = JSON.parse(raw);\n\n for (var i = 0; i < data.downline.length; i++) {\n printtext += \"\\n
\\n
\" + data.downline[i].usernane + \"
\\n
\" + data.downline[i].buytype + \"
\\n
\\n \";\n }\n\n $update();\n });\n });\n return function ($ctx) {\n var $ = $ctx.$;\n var $h = $ctx.$h;\n var $root = $ctx.$root;\n var $f7 = $ctx.$f7;\n var $f7route = $ctx.$f7route;\n var $f7router = $ctx.$f7router;\n var $theme = $ctx.$theme;\n var $update = $ctx.$update;\n var $store = $ctx.$store;\n\n return $h`\n
\\n \";\n }\n }\n\n var promo = \"\";\n\n if (data.promotionTitle != \"\" && data.promotionTitle != null) {\n promo = data.promotionTitle + \" \";\n\n for (var p = 0; p < data.promotionNumber.length; p++) {\n promo += \"(\" + data.promotionNumber[p].date + \") \";\n\n for (var q = 0; q < data.promotionNumber[p].number.length; q++) {\n promo += data.promotionNumber[p].number[q] + \" \";\n console.log(data.promotionNumber[p].number[q]);\n }\n\n promo += \" \";\n }\n }\n\n var color1 = \"\";\n if (data.GDP == \"--------\") color1 = \"style='color:red'\";\n htmlText += \"\\n
GDP:\" + data.GDP + \"
\\n
\" + data.gd4dJP + \"
\\n
\" + data.gd6dJP + \"
\\n
\" + gd6DJPNumber + \"
\\n
\\n
\" + promo + \"
\\n \\n
\\n
\\n \";\n $('.printtext').html(htmlText);\n $update();\n } else {\n $f7.dialog.alert('Order Not Found', function () {\n $f7.views.current.router.back(\"/cashier_pay/\");\n });\n }\n },\n error: function error(data) {\n $f7.dialog.alert('Something wrong, data cannot be retrieved...', function () {\n $f7.views.current.router.back(\"/cashier_pay/\");\n });\n $f7.preloader.hide();\n }\n });\n });\n return function ($ctx) {\n var $ = $ctx.$;\n var $h = $ctx.$h;\n var $root = $ctx.$root;\n var $f7 = $ctx.$f7;\n var $f7route = $ctx.$f7route;\n var $f7router = $ctx.$f7router;\n var $theme = $ctx.$theme;\n var $update = $ctx.$update;\n var $store = $ctx.$store;\n\n return $h`\n
\\n \\n \";\n $('.number-list').append(numberList);\n $update();\n };\n\n var send = function send() {\n window.copy = false;\n window.origin = \"bet\"; //Verify if empty\n\n if ($(\"#remarks\").val() == \"\" && $(\"#smsnum\").val() == \"\" && window.service != \"web\" && window.service != \"cashier\") {\n if (window.service == \"agent\") {\n if (window.lang == \"tl\") $f7.dialog.alert(\"Canal fan/sosa nian presija GDp/numeru telemovel ba bilhete atu sai nudar protesaun\");\n if (window.lang == \"en\") $f7.dialog.alert(\"This Sales Channel is Required GDP/Mobile Number fo Ticket Protection\");\n if (window.lang == \"cn\") $f7.dialog.alert(\"请提供GDP/手机号码，用于票根保护\");\n return;\n }\n\n if (window.service == \"kiosk\") {\n if (confirm('If no GDP inserted, then No Qualified for Jackpot and No Points Colletion. Do you want to continue?')) {} else {\n return;\n }\n }\n }\n\n if ($(\"#remarks\").val() != \"\") {\n var maxdigit = 20;\n var mindigit = 6;\n\n if ($(\"#remarksCountry\").val() == \"+670\") {\n maxdigit = 8;\n mindigit = 8;\n }\n\n if ($(\"#remarks\").val().length > maxdigit || $(\"#remarks\").val().length < mindigit) {\n if (window.lang == \"en\") $f7.dialog.alert(\"Phone must have at least \" + mindigit + \" to \" + maxdigit + \" digits\");\n if (window.lang == \"tl\") $f7.dialog.alert(\"Numeru Telemovel tenke to \" + mindigit + \" to'o \" + maxdigit);\n return;\n }\n }\n\n if ($(\"#smsnum\").val() != \"\") {\n if ($(\"#smsnum\").val().length < 6) {\n $f7.dialog.alert(\"Test Code must have at least 6 digits\");\n return;\n }\n }\n\n var dataframe = \"\";\n\n if (window.service != \"web\") {\n dataframe = \"D\";\n\n for (var i = 1; i <= 8; i++) {\n if ($(\"#dateGD6D\" + i).is(':checked')) {\n dataframe += \"%23\" + $(\"#dateGD6D\" + i).val();\n }\n }\n } //GD Provider 8 SG Provider 4\n\n\n dataframe += \"%0D%0A\" + \"%23\" + \"8\";\n window.orderEntry = \"QR:3:\" + $(\"#remarksCountry\").val() + \":\" + $(\"#remarks\").val() + \":#8\";\n\n if ($(\"#provider2\").is(':checked')) {\n dataframe += \"9\";\n window.orderEntry += \"#9\";\n }\n\n var empty = true;\n\n for (var i = 1; i <= count; i++) {\n var num1 = $(\"#number6D1_\" + i).val();\n var num2 = $(\"#number6D2_\" + i).val();\n\n if (num1 != \"\") {\n if (num2 != \"\" && (num2 < 0.25 || num2 > 100)) {\n $f7.dialog.alert(\"Montante osan ba jogu hahu husi $0.25 to $100 ba joga
Amount must be in between $0.25 to $100 for bet \" + num1);\n return;\n }\n\n if (num2.includes(\".\")) {\n $f7.dialog.alert(\"Must be round number 1-100 for bet \" + num1);\n return;\n }\n\n if (num1.length != 6) {\n $f7.dialog.alert(\"Numeru tenke iha digit 6
The number has to be 6 digits\");\n return;\n }\n\n if (num2 == \"\") {\n if (window.lang == \"tl\") $f7.dialog.alert(\"Favor prienxe ita nia montante osan \" + num1);\n if (window.lang == \"en\") $f7.dialog.alert(\"Please fill amount for \" + num1);\n if (window.lang == \"cn\") $f7.dialog.alert(\"请输入\" + num1 + \"的金额\");\n return;\n }\n }\n\n if (num1 != \"\") {\n window.orderEntry += \"|\" + num1 + \"#\" + num2;\n empty = false;\n if (num2 != \"\") dataframe += \"%0D%0A\" + num1 + \"%23\" + num2;\n }\n }\n\n if (empty == true) {\n if (window.lang == \"tl\") $f7.dialog.alert(\"Favor prienxe ita nia numeru\");\n if (window.lang == \"en\") $f7.dialog.alert(\"Please fill in bet number\");\n if (window.lang == \"cn\") $f7.dialog.alert(\"请输入投注号码\");\n return;\n }\n\n if (window.service == \"web\") {\n window.book = dataframe;\n window.form = 3;\n $f7.views.main.router.navigate(\"/web_qr/\");\n return;\n }\n\n if (window.service == \"kiosk-closed\") {\n //$f7.views.main.router.navigate(\"/kiosk_receipt/\"); \n window.print_detail = \"
Print your order
\";\n window.print_text = \"{CENTER}\";\n window.print_text += \"{BR}{BR}\";\n window.print_text += \"Please show this receipt to the cashier to make payment\";\n window.print_text += \"{BR}{BR}\";\n window.print_qr = window.orderEntry;\n window.print_page = \"/kiosk_home/\";\n $f7.views.current.router.navigate(\"/gen_receipt/\");\n return;\n }\n\n console.log(dataframe);\n console.log(window.orderEntry);\n $f7.request({\n method: 'get',\n url: window.waypoint + 'order.aspx',\n data: {\n form: 3,\n currency: window.currency,\n smsnum: $(\"#remarksCountry\").val() + \"-\" + $(\"#remarks\").val(),\n remarks: $(\"#smsnum\").val(),\n reqId: window.uuid,\n latitude: window.lat,\n longitude: window.lot,\n bet: dataframe\n },\n beforeSend: function beforeSend(xhr) {\n xhr.setRequestHeader('Authorization', \"Basic \" + window.authbasic);\n },\n success: function success(data) {\n var data = JSON.parse(data);\n console.log(data);\n\n if (data.ALERT != undefined && data.ALERT != \"\") {\n $f7.dialog.alert(data.ALERT);\n }\n\n if (data.status == \"1\") {\n window.kiosk = data;\n window.isPrint = true;\n\n if (window.service == \"agent\" || window.service == \"cashier\") {\n window.orderId = window.kiosk.orderId;\n window.origin = \"bet\";\n $f7.views.current.router.navigate(\"/cashier_receipt/\");\n }\n\n if (window.service == \"kiosk\") {\n $f7.views.main.router.navigate(\"/kiosk_receipt/\");\n }\n } else {\n var errorMsg = data.errmsg;\n if (errorMsg == \"ERR_INVALID_NUMBER\") errorMsg = \"Please fill in six number\";\n if (errorMsg == \"ERR_INVALID_AMOUNT\") errorMsg = \"Please fill in amount\";\n $f7.dialog.alert(errorMsg);\n }\n }\n });\n };\n\n $on('pageAfterIn', function () {\n $f7.toolbar.hide(\".toolbar-app\");\n });\n $on('pageAfterOut', function () {\n $f7.toolbar.show(\".toolbar-app\");\n });\n\n var lucky = function lucky() {\n for (var i = 1; i <= count; i++) {\n var val = Math.floor(100000 + Math.random() * 900000);\n $('#number6D1_' + i).val(val);\n $('#number6D1_' + i).focus();\n $('#number6D1_' + i).keyup();\n }\n };\n\n var fav_list_it = function fav_list_it() {\n fav_list = \"\";\n $(\".fav-list\").html(\"\");\n var codeEnter = localStorage.getItem(\"fav\");\n console.log(codeEnter);\n\n if (codeEnter == \"\" || codeEnter == undefined || codeEnter == null || codeEnter == \"null\") {\n return;\n }\n\n var arr = codeEnter.split(\":\");\n\n for (var i = arr.length - 1; i >= 0; i--) {\n if (arr[i] != \"null\") fav_list += \"\\n
\\n \\n \";\n $update();\n $('.number-list').append(numberList);\n };\n\n var send = function send() {\n window.copy = false;\n window.origin = \"bet\"; //Verify if empty\n\n if ($(\"#remarks\").val() == \"\" && $(\"#smsnum\").val() == \"\" && window.service != \"web\" && window.service != \"cashier\") {\n if (window.service == \"agent\") {\n if (window.lang == \"tl\") $f7.dialog.alert(\"Canal fan/sosa nian presija GDp/numeru telemovel ba bilhete atu sai nudar protesaun\");\n if (window.lang == \"en\") $f7.dialog.alert(\"This Sales Channel is Required GDP/Mobile Number fo Ticket Protection\");\n if (window.lang == \"cn\") $f7.dialog.alert(\"请提供GDP/手机号码，用于票根保护\");\n return;\n }\n\n if (window.service == \"kiosk\") {\n if (confirm('If no GDP inserted, then No Qualified for Jackpot and No Points Colletion. Do you want to continue?')) {} else {\n return;\n }\n }\n }\n\n if ($(\"#remarks\").val() != \"\") {\n var maxdigit = 20;\n var mindigit = 6;\n\n if ($(\"#remarksCountry\").val() == \"+670\") {\n maxdigit = 8;\n mindigit = 8;\n }\n\n if ($(\"#remarks\").val().length > maxdigit || $(\"#remarks\").val().length < mindigit) {\n if (window.lang == \"en\") $f7.dialog.alert(\"Phone must have at least \" + mindigit + \" to \" + maxdigit + \" digits\");\n if (window.lang == \"tl\") $f7.dialog.alert(\"Numeru Telemovel tenke to \" + mindigit + \" to'o \" + maxdigit);\n return;\n }\n }\n\n if ($(\"#smsnum\").val() != \"\") {\n if ($(\"#smsnum\").val().length < 6) {\n $f7.dialog.alert(\"Test Code must have at least 6 digits\");\n return;\n }\n }\n\n var dataframe = \"\";\n\n if (window.service != \"web\") {\n dataframe = \"D\";\n\n for (var i = 1; i <= 8; i++) {\n if ($(\"#dateGD\" + i).is(':checked')) {\n dataframe += \"%23\" + $(\"#dateGD\" + i).val();\n }\n }\n } //GD Provider 8 SG Provider 4\n\n\n dataframe += \"%0D%0A\" + \"%23\" + \"8\";\n window.orderEntry = \"QR:2:\" + $(\"#remarksCountry\").val() + \":\" + $(\"#remarks\").val() + \":#8\"; // if($(\"#provider2\").is(':checked'))\n // dataframe += \"4\";\n\n var empty = true;\n\n for (var i = 1; i <= count; i++) {\n var num1 = $(\"#number4D1_\" + i).val();\n var num2 = $(\"#number4D2_\" + i).val();\n var num3 = $(\"#number4D3_\" + i).val();\n var num4 = $(\"#number4D4_\" + i).val();\n var box = $(\"#numberType4D\" + i).val();\n\n if (num1 != \"\") {\n if (num2 != \"\" && (num2 < 0.25 || num2 > 100)) {\n $f7.dialog.alert(\"Montante osan ba jogu hahu husi $0.25 to $100 ba joga
Amount must be in between $0.25 to $100 for bet \" + num1);\n return;\n }\n\n if (num3 != \"\" && (num3 < 0.25 || num3 > 100)) {\n $f7.dialog.alert(\"Montante osan ba jogu hahu husi $0.25 to $100 ba joga
Amount must be in between $0.25 to $100 for bet \" + num1);\n return;\n }\n\n if (num4 != \"\" && (num4 < 0.25 || num4 > 100)) {\n $f7.dialog.alert(\"Montante osan ba jogu hahu husi $0.25 to $100 ba joga
Amount must be in between $0.25 to $100 for bet \" + num1);\n return;\n }\n\n if (num1.length == 4) {\n if (num2 == \"\") {\n $f7.dialog.alert(\"4D amount cannot be empty\");\n return;\n }\n }\n\n if (num1.length == 3) {\n if (num3 == \"\") {\n $f7.dialog.alert(\"3D amount cannot be empty\");\n return;\n }\n } //if(num2.includes(\".\")) {$f7.dialog.alert(\"Must be round number 1-100 for bet \" + num1);return;}\n //if(num3.includes(\".\")) {$f7.dialog.alert(\"Must be round number 1-100 for bet \" + num1);return;}\n //if(num4.includes(\".\")) {$f7.dialog.alert(\"Must be round number 1-100 for bet \" + num1);return;}\n\n\n if (num2 == \"\" && num3 == \"\" && num4 == \"\") {\n if (window.lang == \"tl\") $f7.dialog.alert(\"Favor prienxe ita nia montante osan \" + num1);\n if (window.lang == \"en\") $f7.dialog.alert(\"Please fill amount for \" + num1);\n if (window.lang == \"cn\") $f7.dialog.alert(\"请输入\" + num1 + \"的金额\");\n return;\n }\n }\n\n if (num1 != \"\") {\n window.orderEntry += \"|\" + num1 + \"#\" + num2 + \"#\" + num3 + \"#\" + num4;\n empty = false;\n if (num1.length == 4) dataframe += \"%0D%0A\" + box + num1 + \"%23\" + num2 + \"%23%23%23\" + num3 + \"%23\" + num4;\n if (num1.length == 3) dataframe += \"%0D%0A\" + box + num1 + \"%23\" + num3 + \"%23\" + num4;\n if (num1.length == 2) dataframe += \"%0D%0A\" + box + num1 + \"%23\" + num4;\n }\n }\n\n if (empty == true) {\n if (window.lang == \"tl\") $f7.dialog.alert(\"Favor prienxe ita nia numeru\");\n if (window.lang == \"en\") $f7.dialog.alert(\"Please fill in bet number\");\n if (window.lang == \"cn\") $f7.dialog.alert(\"请输入投注号码\");\n return;\n }\n\n if (window.service == \"web\") {\n window.book = dataframe;\n window.form = 2;\n $f7.views.main.router.navigate(\"/web_qr/\");\n return;\n }\n\n if (window.service == \"kiosk-closed\") {\n //$f7.views.main.router.navigate(\"/kiosk_receipt/\"); \n window.print_detail = \"
Print your order
\";\n window.print_text = \"{CENTER}\";\n window.print_text += \"{BR}{BR}\";\n window.print_text += \"Please show this receipt to the cashier to make payment\";\n window.print_text += \"{BR}{BR}\";\n window.print_qr = window.orderEntry;\n window.print_page = \"/kiosk_home/\";\n $f7.views.current.router.navigate(\"/gen_receipt/\");\n return;\n }\n\n console.log(dataframe);\n console.log(window.orderEntry);\n $f7.request({\n method: 'get',\n url: window.waypoint + 'order.aspx',\n data: {\n form: 2,\n currency: window.currency,\n smsnum: $(\"#remarksCountry\").val() + \"-\" + $(\"#remarks\").val(),\n remarks: $(\"#smsnum\").val(),\n reqId: window.uuid,\n latitude: window.lat,\n longitude: window.lot,\n bet: dataframe\n },\n beforeSend: function beforeSend(xhr) {\n xhr.setRequestHeader('Authorization', \"Basic \" + window.authbasic);\n },\n success: function success(data) {\n var data = JSON.parse(data);\n console.log(data);\n\n if (data.ALERT != undefined && data.ALERT != \"\") {\n $f7.dialog.alert(data.ALERT);\n }\n\n if (data.status == \"1\") {\n window.kiosk = data;\n window.isPrint = true;\n\n if (window.service == \"agent\" || window.service == \"cashier\") {\n window.orderId = window.kiosk.orderId;\n window.origin = \"bet\";\n $f7.views.current.router.navigate(\"/cashier_receipt/\");\n }\n\n if (window.service == \"kiosk\") {\n $f7.views.main.router.navigate(\"/kiosk_receipt/\");\n }\n } else {\n var errorMsg = data.errmsg;\n if (errorMsg == \"ERR_INVALID_NUMBER\") errorMsg = \"Please fill in bet number\";\n if (errorMsg == \"ERR_INVALID_AMOUNT\") errorMsg = \"Please fill in amount\";\n $f7.dialog.alert(errorMsg);\n }\n }\n });\n };\n\n $on('pageAfterIn', function () {\n $f7.toolbar.hide(\".toolbar-app\");\n });\n $on('pageAfterOut', function () {\n $f7.toolbar.show(\".toolbar-app\");\n });\n\n var lucky = function lucky() {\n for (var i = 1; i <= count; i++) {\n var val = Math.floor(1000 + Math.random() * 9000);\n $('#number4D1_' + i).val(val);\n $('#number4D1_' + i).focus();\n $('#number4D1_' + i).keyup();\n }\n };\n\n var fav_list = \"\";\n\n var fav_list_it = function fav_list_it() {\n fav_list = \"\";\n $(\".fav-list\").html(\"\");\n var codeEnter = localStorage.getItem(\"fav\");\n console.log(codeEnter);\n if (codeEnter == \"\" || codeEnter == undefined || codeEnter == null || codeEnter == \"null\") return;\n var arr = codeEnter.split(\":\");\n\n for (var i = arr.length - 1; i >= 0; i--) {\n if (arr[i] != \"null\") fav_list += \"\\n
\\n \\n \";\n $('.number-list').append(numberList);\n $update();\n };\n\n var keyboard = function keyboard() {\n keyboardElement.value = \"1234\";\n keyboardElement.focus();\n };\n\n var send = function send() {\n window.copy = false;\n window.origin = \"bet\"; //Verify if empty\n\n if ($(\"#remarks\").val() == \"\" && $(\"#smsnum\").val() == \"\" && window.service != \"web\" && window.service != \"cashier\") {\n if (window.service == \"agent\") {\n if (window.lang == \"tl\") $f7.dialog.alert(\"Canal fan/sosa nian presija GDp/numeru telemovel ba bilhete atu sai nudar protesaun\");\n if (window.lang == \"en\") $f7.dialog.alert(\"This Sales Channel is Required GDP/Mobile Number fo Ticket Protection\");\n if (window.lang == \"cn\") $f7.dialog.alert(\"请提供GDP/手机号码，用于票根保护\");\n return;\n }\n\n if (window.service == \"kiosk\") {\n if (confirm('If no GDP inserted, then No Qualified for Jackpot and No Points Colletion. Do you want to continue?')) {} else {\n return;\n }\n }\n }\n\n if ($(\"#remarks\").val() != \"\") {\n if ($(\"#remarks\").val().length < 8) {\n $f7.dialog.alert(\"Numeru Telemovel tenke to 8
Phone must have at least 8 digits\");\n return;\n }\n }\n\n if ($(\"#smsnum\").val() != \"\") {\n if ($(\"#smsnum\").val().length < 6) {\n $f7.dialog.alert(\"Test Code must have at least 6 digits\");\n return;\n }\n }\n\n var dataframe = \"\";\n\n if (window.service != \"web\") {\n dataframe = \"D\";\n\n for (var i = 1; i <= 8; i++) {\n if ($(\"#dateGDO\" + i).is(':checked')) {\n dataframe += \"%23\" + $(\"#dateGDO\" + i).val();\n }\n }\n } //GD Provider 8 SG Provider 4\n\n\n dataframe += \"%0D%0A\" + \"%23\" + \"8\"; // if($(\"#provider2\").is(':checked'))\n // dataframe += \"4\";\n\n var empty = true;\n\n for (var i = 1; i <= count; i++) {\n var num1 = $(\"#number4DO1_\" + i).val();\n var num2 = $(\"#number4DO2_\" + i).val();\n var num3 = $(\"#number4DO3_\" + i).val();\n var num4 = $(\"#number4DO4_\" + i).val();\n var box = $(\"#numberType4DO\" + i).val();\n\n if (num1 != \"\") {\n if (num2 != \"\" && num2 > 100) {\n $f7.dialog.alert(\"Montante osan ba jogu hahu husi $1 to $100 ba joga
Amount must be in between $1 to $100 for bet \" + num1);\n return;\n }\n\n if (num3 != \"\" && num3 > 100) {\n $f7.dialog.alert(\"Montante osan ba jogu hahu husi $1 to $100 ba joga
Amount must be in between $1 to $100 for bet \" + num1);\n return;\n }\n\n if (num4 != \"\" && num4 > 100) {\n $f7.dialog.alert(\"Montante osan ba jogu hahu husi $1 to $100 ba joga
Amount must be in between $1 to $100 for bet \" + num1);\n return;\n }\n\n if (num2.includes(\".\")) {\n $f7.dialog.alert(\"Must be round number 1-100 for bet \" + num1);\n return;\n }\n\n if (num3.includes(\".\")) {\n $f7.dialog.alert(\"Must be round number 1-100 for bet \" + num1);\n return;\n }\n\n if (num4.includes(\".\")) {\n $f7.dialog.alert(\"Must be round number 1-100 for bet \" + num1);\n return;\n }\n\n if (num2 == \"\" && num3 == \"\" && num4 == \"\") {\n if (window.lang == \"tl\") $f7.dialog.alert(\"Favor prienxe ita nia montante osan \" + num1);\n if (window.lang == \"en\") $f7.dialog.alert(\"Please fill amount for \" + num1);\n if (window.lang == \"cn\") $f7.dialog.alert(\"请输入\" + num1 + \"的金额\");\n return;\n }\n }\n\n if (num1 != \"\") {\n empty = false;\n dataframe += \"%0D%0A\" + box + num1 + '%23' + num2 + '%23' + num3 + '%23' + num4;\n }\n }\n\n if (empty == true) {\n if (window.lang == \"tl\") $f7.dialog.alert(\"Favor prienxe ita nia numeru\");\n if (window.lang == \"en\") $f7.dialog.alert(\"Please fill in bet number\");\n if (window.lang == \"cn\") $f7.dialog.alert(\"请输入投注号码\");\n return;\n }\n\n if (window.service == \"web\") {\n window.book = dataframe;\n window.form = 1;\n $f7.views.main.router.navigate(\"/web_qr/\");\n return;\n }\n\n console.log(dataframe);\n $f7.request({\n method: 'get',\n url: window.waypoint + 'order.aspx',\n data: {\n form: 1,\n currency: window.currency,\n smsnum: $(\"#remarks\").val(),\n remarks: $(\"#smsnum\").val(),\n reqId: window.uuid,\n latitude: window.lat,\n longitude: window.lot,\n bet: dataframe\n },\n beforeSend: function beforeSend(xhr) {\n xhr.setRequestHeader('Authorization', \"Basic \" + window.authbasic);\n },\n success: function success(data) {\n var data = JSON.parse(data);\n console.log(data);\n\n if (data.ALERT != undefined && data.ALERT != \"\") {\n $f7.dialog.alert(data.ALERT);\n }\n\n if (data.status == \"1\") {\n window.kiosk = data;\n window.isPrint = true;\n\n if (window.service == \"agent\" || window.service == \"cashier\") {\n window.orderId = window.kiosk.orderId;\n window.origin = \"bet\";\n $f7.views.current.router.navigate(\"/cashier_receipt/\");\n }\n\n if (window.service == \"kiosk\") {\n $f7.views.main.router.navigate(\"/kiosk_receipt/\");\n }\n } else {\n var errorMsg = data.errmsg;\n if (errorMsg == \"ERR_INVALID_NUMBER\") errorMsg = \"Please fill in four number\";\n if (errorMsg == \"ERR_INVALID_AMOUNT\") errorMsg = \"Please fill in amount\";\n $f7.dialog.alert(errorMsg);\n }\n }\n });\n };\n\n $on('pageAfterIn', function () {\n $f7.toolbar.hide(\".toolbar-app\");\n });\n $on('pageAfterOut', function () {\n $f7.toolbar.show(\".toolbar-app\");\n });\n $on('pageInit', function () {\n count = 0;\n $(document).on('focusin', '.myNumberGDO', function (e) {\n e.stopImmediatePropagation();\n keyboardElement = e.srcElement;\n console.log(\"on focus\");\n });\n $(document).on('keyup', '.myNumberGDO', function (e) {\n e.stopImmediatePropagation();\n\n if (document.activeElement.id.includes(\"1_\") || document.activeElement.id.includes(\"remarks\") || document.activeElement.id.includes(\"smsnum\")) {\n var valCheck = $(\"#\" + document.activeElement.id).val().replace(\".\", \"\"); //$(\"#\" + document.activeElement.id).val('');\n //$(\"#\" + document.activeElement.id).val(valCheck);\n } else {\n var valCheck = parseInt($(\"#\" + document.activeElement.id).val()); //$(\"#\" + document.activeElement.id).val('');\n //$(\"#\" + document.activeElement.id).val(valCheck);\n }\n\n if (e.key == \"Enter\") {\n var inputs = document.getElementsByClassName('myNumberGDO');\n\n for (var i = 0; i < inputs.length; i++) {\n if (document.activeElement.id == inputs[i].id) {\n for (var j = i + 1; j < inputs.length; j++) {\n if (!inputs[j].disabled) {\n inputs[j].focus();\n break;\n }\n }\n\n break;\n }\n }\n }\n\n if ($('#number4DO1_' + e.srcElement.name).val() == undefined) return;\n console.log('input value changed for ' + e.srcElement.name + $('#number4DO1_' + e.srcElement.name).val().length);\n\n if ($('#number4DO1_' + e.srcElement.name).val().length == 4) {\n document.getElementById(\"number4DO4_\" + e.srcElement.name).disabled = false;\n document.getElementById(\"number4DO3_\" + e.srcElement.name).disabled = false;\n document.getElementById(\"number4DO2_\" + e.srcElement.name).disabled = false;\n } else {\n document.getElementById(\"number4DO4_\" + e.srcElement.name).disabled = true;\n document.getElementById(\"number4DO3_\" + e.srcElement.name).disabled = true;\n document.getElementById(\"number4DO2_\" + e.srcElement.name).disabled = true;\n }\n });\n var d = new Date();\n var months = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"]; // After 7.00 GTM+8 set another day\n\n d.setUTCHours(d.getUTCHours() + 8);\n if (d.getUTCHours() >= 19) d.setUTCDate(d.getUTCDate() + 1);\n\n for (var i = 1; i <= 8; i++) {\n $(\".dateGDO\" + i).html(d.getUTCDate() + \" \" + months[d.getUTCMonth()]);\n $(\"#dateGDO\" + i).val((\"0\" + (d.getUTCMonth() + 1)).slice(-2) + \"\" + (\"0\" + d.getUTCDate()).slice(-2));\n console.log($(\"#dateGDO\" + i).val());\n d.setUTCDate(d.getUTCDate() + 1);\n }\n\n numberList = \"\\n
\\n
\\n
\\n
\\n \\n TYPE\\n \\u7C7B\\u578B\\n TIPU\\n \\n
\\n
\\n \\n NUMBER\\n \\u53F7\\u7801\\n NUMERU\\n \\n
\\n
\\n BIG\\n
\\n
\\n SMALL\\n
\\n
\\n 4A\\n
\\n \\n \\n \";\n $('.number-list').append(numberList);\n\n if (window.origin == \"rebuy\") {\n // for(var i=0;i < window.data.receipt.length;i++)\n // {\n // for(var j=0;j < window.data.receipt[i].details.length;j++)\n // {\n // var a1,a2,a3;\n // if(window.data.receipt[i].details[j].amount[0]) a1 = window.data.receipt[i].details[j].amount[0].value;\n // if(window.data.receipt[i].details[j].amount[1]) a2 = window.data.receipt[i].details[j].amount[1].value;\n // if(window.data.receipt[i].details[j].amount[2]) a3 = window.data.receipt[i].details[j].amount[2].value;\n // addmore(window.data.receipt[i].details[j].number,a1,a2,a3);\n // }\n // }\n window.origin = \"\";\n $(\"#remarks\").val(window.data.smsnum.substring(5));\n $(\"#remarksCountry\").val(window.data.smsnum.substring(0, 4));\n var arr = window.data.orderEntry.split(\"|\");\n\n for (var i = 1; i < arr.length; i++) {\n var bet = arr[i].split(\"#\");\n addmore(bet[0], bet[1], bet[2], bet[3]);\n }\n } else {\n for (var i = 0; i < 5; i++) {\n addmore();\n }\n }\n\n if (window.service == \"web\") {\n console.log(\"hit\");\n $(\".block-date-GDO\").hide();\n $(\".list-code-GDO\").hide();\n }\n });\n return function ($ctx) {\n var $ = $ctx.$;\n var $h = $ctx.$h;\n var $root = $ctx.$root;\n var $f7 = $ctx.$f7;\n var $f7route = $ctx.$f7route;\n var $f7router = $ctx.$f7router;\n var $theme = $ctx.$theme;\n var $update = $ctx.$update;\n var $store = $ctx.$store;\n\n return $h`\n
\\n \\n \";\n $('.number-list').append(numberList);\n $update();\n };\n\n var send = function send() {\n window.copy = false;\n window.origin = \"bet\"; //Verify if empty\n\n if ($(\"#remarks\").val() == \"\" && $(\"#smsnum\").val() == \"\" && window.service != \"web\" && window.service != \"cashier\") {\n if (window.service == \"agent\") {\n if (window.lang == \"tl\") $f7.dialog.alert(\"Canal fan/sosa nian presija GDp/numeru telemovel ba bilhete atu sai nudar protesaun\");\n if (window.lang == \"en\") $f7.dialog.alert(\"This Sales Channel is Required GDP/Mobile Number fo Ticket Protection\");\n if (window.lang == \"cn\") $f7.dialog.alert(\"请提供GDP/手机号码，用于票根保护\");\n return;\n }\n\n if (window.service == \"kiosk\") {\n if (confirm('If no GDP inserted, then No Qualified for Jackpot and No Points Colletion. Do you want to continue?')) {} else {\n return;\n }\n }\n }\n\n if ($(\"#remarks\").val() != \"\") {\n var maxdigit = 20;\n var mindigit = 6;\n\n if ($(\"#remarksCountry\").val() == \"+670\") {\n maxdigit = 8;\n mindigit = 8;\n }\n\n if ($(\"#remarks\").val().length > maxdigit || $(\"#remarks\").val().length < mindigit) {\n if (window.lang == \"en\") $f7.dialog.alert(\"Phone must have at least \" + mindigit + \" to \" + maxdigit + \" digits\");\n if (window.lang == \"tl\") $f7.dialog.alert(\"Numeru Telemovel tenke to \" + mindigit + \" to'o \" + maxdigit);\n return;\n }\n }\n\n if ($(\"#smsnum\").val() != \"\") {\n if ($(\"#smsnum\").val().length < 6) {\n $f7.dialog.alert(\"Test Code must have at least 6 digits\");\n return;\n }\n }\n\n var dataframe = \"\";\n\n if (window.service != \"web\") {\n dataframe = \"D\";\n\n for (var i = 1; i <= 8; i++) {\n if ($(\"#dateSG\" + i).is(':checked')) {\n dataframe += \"%23\" + $(\"#dateSG\" + i).val();\n }\n }\n } //GD Provider 8 SG Provider 4\n\n\n dataframe += \"%0D%0A\" + \"%23\" + \"4\";\n window.orderEntry = \"QR:5:\" + $(\"#remarksCountry\").val() + \":\" + $(\"#remarks\").val() + \":#4\";\n\n if ($(\"#provider2\").is(':checked')) {\n dataframe += \"8\";\n window.orderEntry += \"#8\";\n }\n\n var empty = true;\n\n for (var i = 1; i <= count; i++) {\n var num1 = $(\"#numberSG1_\" + i).val();\n var num2 = $(\"#numberSG2_\" + i).val();\n var num3 = $(\"#numberSG3_\" + i).val();\n var num4 = $(\"#numberSG4_\" + i).val();\n var box = $(\"#numberTypeSG\" + i).val();\n\n if (num1 != \"\") {\n if (num2 != \"\" && (num2 < 0.25 || num2 > 100)) {\n $f7.dialog.alert(\"Montante osan ba jogu hahu husi $0.25 to $100 ba joga
Amount must be in between $0.25 to $100 for bet \" + num1);\n return;\n }\n\n if (num3 != \"\" && (num3 < 0.25 || num3 > 100)) {\n $f7.dialog.alert(\"Montante osan ba jogu hahu husi $0.25 to $100 ba joga
Amount must be in between $0.25 to $100 for bet \" + num1);\n return;\n }\n\n if (num4 != \"\" && (num4 < 0.25 || num4 > 100)) {\n $f7.dialog.alert(\"Montante osan ba jogu hahu husi $0.25 to $100 ba joga
Amount must be in between $0.25 to $100 for bet \" + num1);\n return;\n }\n\n if (num1.length == 4) {\n if (num2 == \"\") {\n $f7.dialog.alert(\"4D amount cannot be empty\");\n return;\n }\n }\n\n if (num1.length == 3) {\n if (num3 == \"\") {\n $f7.dialog.alert(\"3D amount cannot be empty\");\n return;\n }\n } //if(num2.includes(\".\")) {$f7.dialog.alert(\"Must be round number 1-100 for bet \" + num1);return;}\n //if(num3.includes(\".\")) {$f7.dialog.alert(\"Must be round number 1-100 for bet \" + num1);return;}\n //if(num4.includes(\".\")) {$f7.dialog.alert(\"Must be round number 1-100 for bet \" + num1);return;}\n\n\n if (num2 == \"\" && num3 == \"\" && num4 == \"\") {\n if (window.lang == \"tl\") $f7.dialog.alert(\"Favor prienxe ita nia montante osan \" + num1);\n if (window.lang == \"en\") $f7.dialog.alert(\"Please fill amount for \" + num1);\n if (window.lang == \"cn\") $f7.dialog.alert(\"请输入\" + num1 + \"的金额\");\n return;\n }\n }\n\n if (num1 != \"\") {\n window.orderEntry += \"|\" + num1 + \"#\" + num2 + \"#\" + num3 + \"#\" + num4;\n empty = false;\n if (num1.length == 4) dataframe += \"%0D%0A\" + box + num1 + \"%23\" + num2 + \"%23%23%23\" + num3 + \"%23\" + num4;\n if (num1.length == 3) dataframe += \"%0D%0A\" + box + num1 + \"%23\" + num3 + \"%23\" + num4;\n if (num1.length == 2) dataframe += \"%0D%0A\" + box + num1 + \"%23\" + num4;\n }\n }\n\n if (empty == true) {\n if (window.lang == \"tl\") $f7.dialog.alert(\"Favor prienxe ita nia numeru\");\n if (window.lang == \"en\") $f7.dialog.alert(\"Please fill in bet number\");\n if (window.lang == \"cn\") $f7.dialog.alert(\"请输入投注号码\");\n return;\n }\n\n if (window.service == \"web\") {\n window.book = dataframe;\n window.form = 5;\n $f7.views.main.router.navigate(\"/web_qr/\");\n return;\n }\n\n if (window.service == \"kiosk-closed\") {\n //$f7.views.main.router.navigate(\"/kiosk_receipt/\"); \n window.print_detail = \"
Print your order
\";\n window.print_text = \"{CENTER}\";\n window.print_text += \"{BR}{BR}\";\n window.print_text += \"Please show this receipt to the cashier to make payment\";\n window.print_text += \"{BR}{BR}\";\n window.print_qr = window.orderEntry;\n window.print_page = \"/kiosk_home/\";\n $f7.views.current.router.navigate(\"/gen_receipt/\");\n return;\n }\n\n console.log(dataframe);\n console.log(window.orderEntry);\n $f7.request({\n method: 'get',\n url: window.waypoint + 'order.aspx',\n data: {\n form: 5,\n currency: window.currency,\n smsnum: $(\"#remarksCountry\").val() + \"-\" + $(\"#remarks\").val(),\n remarks: $(\"#smsnum\").val(),\n reqId: window.uuid,\n latitude: window.lat,\n longitude: window.lot,\n bet: dataframe\n },\n beforeSend: function beforeSend(xhr) {\n xhr.setRequestHeader('Authorization', \"Basic \" + window.authbasic);\n },\n success: function success(data) {\n var data = JSON.parse(data);\n console.log(data);\n\n if (data.ALERT != undefined && data.ALERT != \"\") {\n $f7.dialog.alert(data.ALERT);\n }\n\n if (data.status == \"1\") {\n window.kiosk = data;\n window.isPrint = true;\n\n if (window.service == \"agent\" || window.service == \"cashier\") {\n window.orderId = window.kiosk.orderId;\n window.origin = \"bet\";\n $f7.views.current.router.navigate(\"/cashier_receipt/\");\n }\n\n if (window.service == \"kiosk\") {\n $f7.views.main.router.navigate(\"/kiosk_receipt/\");\n }\n } else {\n var errorMsg = data.errmsg;\n if (errorMsg == \"ERR_INVALID_NUMBER\") errorMsg = \"Please fill in four number\";\n if (errorMsg == \"ERR_INVALID_AMOUNT\") errorMsg = \"Please fill in amount\";\n $f7.dialog.alert(errorMsg);\n }\n }\n });\n };\n\n $on('pageAfterIn', function () {\n $f7.toolbar.hide(\".toolbar-app\");\n });\n $on('pageAfterOut', function () {\n $f7.toolbar.show(\".toolbar-app\");\n });\n\n var lucky = function lucky() {\n for (var i = 1; i <= count; i++) {\n var val = Math.floor(1000 + Math.random() * 9000);\n $('#numberSG1_' + i).val(val);\n $('#numberSG1_' + i).focus();\n $('#numberSG1_' + i).keyup();\n }\n };\n\n var fav_list = \"\";\n\n var fav_list_it = function fav_list_it() {\n fav_list = \"\";\n $(\".fav-list\").html(\"\");\n var codeEnter = localStorage.getItem(\"fav\");\n\n if (codeEnter == \"\" || codeEnter == undefined || codeEnter == null || codeEnter == \"null\") {\n return;\n }\n\n var arr = codeEnter.split(\":\");\n\n for (var i = arr.length - 1; i >= 0; i--) {\n if (arr[i] != \"null\") fav_list += \"\\n
\\n \\n \";\n $('.number-list').append(numberList);\n $update();\n };\n\n var send = function send() {\n window.copy = false;\n window.origin = \"bet\"; //Verify if empty\n\n if ($(\"#remarks\").val() == \"\" && $(\"#smsnum\").val() == \"\" && window.service != \"web\" && window.service != \"cashier\") {\n if (window.service == \"agent\") {\n if (window.lang == \"tl\") $f7.dialog.alert(\"Canal fan/sosa nian presija GDp/numeru telemovel ba bilhete atu sai nudar protesaun\");\n if (window.lang == \"en\") $f7.dialog.alert(\"This Sales Channel is Required GDP/Mobile Number fo Ticket Protection\");\n if (window.lang == \"cn\") $f7.dialog.alert(\"请提供GDP/手机号码，用于票根保护\");\n return;\n }\n\n if (window.service == \"kiosk\") {\n if (confirm('If no GDP inserted, then No Qualified for Jackpot and No Points Colletion. Do you want to continue?')) {} else {\n return;\n }\n }\n }\n\n if ($(\"#remarks\").val() != \"\") {\n var maxdigit = 20;\n var mindigit = 6;\n\n if ($(\"#remarksCountry\").val() == \"+670\") {\n maxdigit = 8;\n mindigit = 8;\n }\n\n if ($(\"#remarks\").val().length > maxdigit || $(\"#remarks\").val().length < mindigit) {\n if (window.lang == \"en\") $f7.dialog.alert(\"Phone must have at least \" + mindigit + \" to \" + maxdigit + \" digits\");\n if (window.lang == \"tl\") $f7.dialog.alert(\"Numeru Telemovel tenke to \" + mindigit + \" to'o \" + maxdigit);\n return;\n }\n }\n\n if ($(\"#smsnum\").val() != \"\") {\n if ($(\"#smsnum\").val().length < 6) {\n $f7.dialog.alert(\"Test Code must have at least 6 digits\");\n return;\n }\n }\n\n var dataframe = \"\";\n\n if (window.service != \"web\") {\n dataframe = \"D\";\n\n for (var i = 1; i <= 8; i++) {\n if ($(\"#dateSG\" + i).is(':checked')) {\n dataframe += \"%23\" + $(\"#dateSG\" + i).val();\n }\n }\n } //GD Provider 8 SG Provider 4\n\n\n dataframe += \"%0D%0A\" + \"%23\" + \"4\";\n window.orderEntry = \"QR:10:\" + $(\"#remarksCountry\").val() + \":\" + $(\"#remarks\").val() + \":#4\";\n\n if ($(\"#provider2\").is(':checked')) {\n dataframe += \"8\";\n window.orderEntry += \"#8\";\n }\n\n var empty = true;\n\n for (var i = 1; i <= count; i++) {\n var num1 = $(\"#numberSG1_\" + i).val();\n var num2 = $(\"#numberSG2_\" + i).val();\n var num3 = $(\"#numberSG3_\" + i).val();\n var num4 = $(\"#numberSG4_\" + i).val();\n var box = $(\"#numberTypeSG\" + i).val();\n\n if (num1 != \"\") {\n if (num2 != \"\" && (num2 < 0.25 || num2 > 100)) {\n $f7.dialog.alert(\"Montante osan ba jogu hahu husi $0.25 to $100 ba joga
Amount must be in between $0.25 to $100 for bet \" + num1);\n return;\n }\n\n if (num3 != \"\" && (num3 < 0.25 || num3 > 100)) {\n $f7.dialog.alert(\"Montante osan ba jogu hahu husi $0.25 to $100 ba joga
Amount must be in between $0.25 to $100 for bet \" + num1);\n return;\n }\n\n if (num4 != \"\" && (num4 < 0.25 || num4 > 100)) {\n $f7.dialog.alert(\"Montante osan ba jogu hahu husi $0.25 to $100 ba joga
Amount must be in between $0.25 to $100 for bet \" + num1);\n return;\n }\n\n if (num1.length == 4) {\n if (num2 == \"\") {\n $f7.dialog.alert(\"4D amount cannot be empty\");\n return;\n }\n }\n\n if (num1.length == 3) {\n if (num3 == \"\") {\n $f7.dialog.alert(\"3D amount cannot be empty\");\n return;\n }\n } //if(num2.includes(\".\")) {$f7.dialog.alert(\"Must be round number 1-100 for bet \" + num1);return;}\n //if(num3.includes(\".\")) {$f7.dialog.alert(\"Must be round number 1-100 for bet \" + num1);return;}\n //if(num4.includes(\".\")) {$f7.dialog.alert(\"Must be round number 1-100 for bet \" + num1);return;}\n\n\n if (num2 == \"\" && num3 == \"\" && num4 == \"\") {\n if (window.lang == \"tl\") $f7.dialog.alert(\"Favor prienxe ita nia montante osan \" + num1);\n if (window.lang == \"en\") $f7.dialog.alert(\"Please fill amount for \" + num1);\n if (window.lang == \"cn\") $f7.dialog.alert(\"请输入\" + num1 + \"的金额\");\n return;\n }\n }\n\n if (num1 != \"\") {\n window.orderEntry += \"|\" + num1 + \"#\" + num2 + \"#\" + num3 + \"#\" + num4;\n empty = false;\n if (num1.length == 4) dataframe += \"%0D%0A\" + box + num1 + \"%23\" + num2 + \"%23%23%23\" + num3 + \"%23\" + num4;\n if (num1.length == 3) dataframe += \"%0D%0A\" + box + num1 + \"%23\" + num3 + \"%23\" + num4;\n if (num1.length == 2) dataframe += \"%0D%0A\" + box + num1 + \"%23\" + num4;\n }\n }\n\n if (empty == true) {\n if (window.lang == \"tl\") $f7.dialog.alert(\"Favor prienxe ita nia numeru\");\n if (window.lang == \"en\") $f7.dialog.alert(\"Please fill in bet number\");\n if (window.lang == \"cn\") $f7.dialog.alert(\"请输入投注号码\");\n return;\n }\n\n if (window.service == \"web\") {\n window.book = dataframe;\n window.form = 10;\n $f7.views.main.router.navigate(\"/web_qr/\");\n return;\n }\n\n if (window.service == \"kiosk-closed\") {\n //$f7.views.main.router.navigate(\"/kiosk_receipt/\"); \n window.print_detail = \"
Print your order
\";\n window.print_text = \"{CENTER}\";\n window.print_text += \"{BR}{BR}\";\n window.print_text += \"Please show this receipt to the cashier to make payment\";\n window.print_text += \"{BR}{BR}\";\n window.print_qr = window.orderEntry;\n window.print_page = \"/kiosk_home/\";\n $f7.views.current.router.navigate(\"/gen_receipt/\");\n return;\n }\n\n console.log(dataframe);\n console.log(window.orderEntry);\n $f7.request({\n method: 'get',\n url: window.waypoint + 'order.aspx',\n data: {\n form: 10,\n currency: window.currency,\n smsnum: $(\"#remarksCountry\").val() + \"-\" + $(\"#remarks\").val(),\n remarks: $(\"#smsnum\").val(),\n reqId: window.uuid,\n latitude: window.lat,\n longitude: window.lot,\n bet: dataframe\n },\n beforeSend: function beforeSend(xhr) {\n xhr.setRequestHeader('Authorization', \"Basic \" + window.authbasic);\n },\n success: function success(data) {\n var data = JSON.parse(data);\n console.log(data);\n\n if (data.ALERT != undefined && data.ALERT != \"\") {\n $f7.dialog.alert(data.ALERT);\n }\n\n if (data.status == \"1\") {\n window.kiosk = data;\n window.isPrint = true;\n\n if (window.service == \"agent\" || window.service == \"cashier\") {\n window.orderId = window.kiosk.orderId;\n window.origin = \"bet\";\n $f7.views.current.router.navigate(\"/cashier_receipt/\");\n }\n\n if (window.service == \"kiosk\") {\n $f7.views.main.router.navigate(\"/kiosk_receipt/\");\n }\n } else {\n var errorMsg = data.errmsg;\n if (errorMsg == \"ERR_INVALID_NUMBER\") errorMsg = \"Please fill in four number\";\n if (errorMsg == \"ERR_INVALID_AMOUNT\") errorMsg = \"Please fill in amount\";\n $f7.dialog.alert(errorMsg);\n }\n }\n });\n };\n\n $on('pageAfterIn', function () {\n $f7.toolbar.hide(\".toolbar-app\");\n });\n $on('pageAfterOut', function () {\n $f7.toolbar.show(\".toolbar-app\");\n });\n\n var lucky = function lucky() {\n for (var i = 1; i <= count; i++) {\n var val = Math.floor(1000 + Math.random() * 9000);\n $('#numberSG1_' + i).val(val);\n $('#numberSG1_' + i).focus();\n $('#numberSG1_' + i).keyup();\n }\n };\n\n var fav_list = \"\";\n\n var fav_list_it = function fav_list_it() {\n fav_list = \"\";\n $(\".fav-list\").html(\"\");\n var codeEnter = localStorage.getItem(\"fav\");\n\n if (codeEnter == \"\" || codeEnter == undefined || codeEnter == null || codeEnter == \"null\") {\n return;\n }\n\n var arr = codeEnter.split(\":\");\n\n for (var i = arr.length - 1; i >= 0; i--) {\n if (arr[i] != \"null\") fav_list += \"\\n
\\n \\n \";\n $('.number-list').append(numberList);\n $update();\n };\n\n var send = function send() {\n window.copy = false;\n window.origin = \"bet\";\n\n if ($(\"#remarks\").val() == \"\" && $(\"#smsnum\").val() == \"\" && window.service != \"web\" && window.service != \"cashier\") {\n if (window.service == \"agent\") {\n if (window.lang == \"tl\") $f7.dialog.alert(\"Canal fan/sosa nian presija GDp/numeru telemovel ba bilhete atu sai nudar protesaun\");\n if (window.lang == \"en\") $f7.dialog.alert(\"This Sales Channel is Required GDP/Mobile Number fo Ticket Protection\");\n if (window.lang == \"cn\") $f7.dialog.alert(\"请提供GDP/手机号码，用于票根保护\");\n return;\n }\n\n if (window.service == \"kiosk\") {\n if (confirm('If no GDP inserted, then No Qualified for Jackpot and No Points Colletion. Do you want to continue?')) {} else {\n return;\n }\n }\n }\n\n if ($(\"#remarks\").val() != \"\") {\n if ($(\"#remarks\").val().length < 8) {\n $f7.dialog.alert(\"Numeru Telemovel tenke to 8
Phone must have at least 8 digits\");\n return;\n }\n }\n\n if ($(\"#smsnum\").val() != \"\") {\n if ($(\"#smsnum\").val().length < 6) {\n $f7.dialog.alert(\"Test Code must have at least 6 digits\");\n return;\n }\n }\n\n var dataframe = \"\";\n\n if (window.service != \"web\") {\n dataframe = \"D\";\n\n for (var i = 1; i <= 8; i++) {\n if ($(\"#dateSGO\" + i).is(':checked')) {\n dataframe += \"%23\" + $(\"#dateSGO\" + i).val();\n }\n }\n } //GD Provider 8 SG Provider 4\n\n\n dataframe += \"%0D%0A\" + \"%23\" + \"4\";\n if ($(\"#provider2\").is(':checked')) dataframe += \"8\";\n var empty = true;\n\n for (var i = 1; i <= count; i++) {\n var num1 = $(\"#numberSGO1_\" + i).val();\n var num2 = $(\"#numberSGO2_\" + i).val();\n var num3 = $(\"#numberSGO3_\" + i).val();\n var num4 = $(\"#numberSGO4_\" + i).val();\n var box = $(\"#numberTypeSGO\" + i).val();\n\n if (num1 != \"\") {\n if (num2 != \"\" && num2 > 100) {\n $f7.dialog.alert(\"Montante osan ba jogu hahu husi $1 to $100 ba joga
Amount must be in between $1 to $100 for bet \" + num1);\n return;\n }\n\n if (num3 != \"\" && num3 > 100) {\n $f7.dialog.alert(\"Montante osan ba jogu hahu husi $1 to $100 ba joga
Amount must be in between $1 to $100 for bet \" + num1);\n return;\n }\n\n if (num4 != \"\" && num4 > 100) {\n $f7.dialog.alert(\"Montante osan ba jogu hahu husi $1 to $100 ba joga
Amount must be in between $1 to $100 for bet \" + num1);\n return;\n }\n\n if (num2.includes(\".\")) {\n $f7.dialog.alert(\"Must be round number 1-100 for bet \" + num1);\n return;\n }\n\n if (num3.includes(\".\")) {\n $f7.dialog.alert(\"Must be round number 1-100 for bet \" + num1);\n return;\n }\n\n if (num4.includes(\".\")) {\n $f7.dialog.alert(\"Must be round number 1-100 for bet \" + num1);\n return;\n }\n\n if (num2 == \"\" && num3 == \"\" && num4 == \"\") {\n if (window.lang == \"tl\") $f7.dialog.alert(\"Favor prienxe ita nia montante osan \" + num1);\n if (window.lang == \"en\") $f7.dialog.alert(\"Please fill amount for \" + num1);\n if (window.lang == \"cn\") $f7.dialog.alert(\"请输入\" + num1 + \"的金额\");\n return;\n }\n }\n\n if (num1 != \"\") {\n empty = false;\n dataframe += \"%0D%0A\" + box + num1 + '%23' + num2 + '%23' + num3 + '%23' + num4;\n }\n }\n\n if (empty == true) {\n if (window.lang == \"tl\") $f7.dialog.alert(\"Favor prienxe ita nia numeru\");\n if (window.lang == \"en\") $f7.dialog.alert(\"Please fill in bet number\");\n if (window.lang == \"cn\") $f7.dialog.alert(\"请输入投注号码\");\n return;\n }\n\n if (window.service == \"web\") {\n window.book = dataframe;\n window.form = 4;\n $f7.views.main.router.navigate(\"/web_qr/\");\n return;\n }\n\n console.log(dataframe);\n $f7.request({\n method: 'get',\n url: window.waypoint + 'order.aspx',\n data: {\n form: 4,\n currency: window.currency,\n smsnum: $(\"#remarks\").val(),\n remarks: $(\"#smsnum\").val(),\n reqId: window.uuid,\n latitude: window.lat,\n longitude: window.lot,\n bet: dataframe\n },\n beforeSend: function beforeSend(xhr) {\n xhr.setRequestHeader('Authorization', \"Basic \" + window.authbasic);\n },\n success: function success(data) {\n var data = JSON.parse(data);\n console.log(data);\n\n if (data.ALERT != undefined && data.ALERT != \"\") {\n $f7.dialog.alert(data.ALERT);\n }\n\n if (data.status == \"1\") {\n window.kiosk = data;\n window.isPrint = true;\n\n if (window.service == \"agent\" || window.service == \"cashier\") {\n window.orderId = window.kiosk.orderId;\n window.origin = \"bet\";\n $f7.views.current.router.navigate(\"/cashier_receipt/\");\n }\n\n if (window.service == \"kiosk\") {\n $f7.views.main.router.navigate(\"/kiosk_receipt/\");\n }\n } else {\n var errorMsg = data.errmsg;\n if (errorMsg == \"ERR_INVALID_NUMBER\") errorMsg = \"Please fill in four number\";\n if (errorMsg == \"ERR_INVALID_AMOUNT\") errorMsg = \"Please fill in amount\";\n $f7.dialog.alert(errorMsg);\n }\n }\n });\n };\n\n var checkCheckbox = function checkCheckbox() {\n var isDisable;\n var inputs = document.getElementsByClassName('checkbox');\n var dateName = [\"Monday\", \"Tuesday\", \"Thursday\", \"Friday\"];\n\n for (var i = 0; i < inputs.length; i++) {\n if (dateName.includes(inputs[i].name)) {\n if (inputs[i].checked) isDisable = true;\n }\n }\n\n var inputs = document.getElementsByClassName('sg_num_2');\n var inputs2 = document.getElementsByClassName('sg_num_4');\n\n if (isDisable) {\n console.log(\"disable\");\n\n for (var i = 0; i < inputs.length; i++) {\n inputs[i].disabled = true;\n inputs2[i].disabled = true;\n inputs[i].value = \"\";\n inputs2[i].value = \"\";\n }\n } else {\n console.log(\"enable\");\n\n for (var i = 0; i < inputs.length; i++) {\n inputs[i].disabled = false;\n inputs2[i].disabled = false;\n }\n }\n };\n\n $on('pageAfterIn', function () {\n $f7.toolbar.hide(\".toolbar-app\");\n });\n $on('pageAfterOut', function () {\n $f7.toolbar.show(\".toolbar-app\");\n });\n $on('pageInit', function () {\n count = 0;\n $(document).on('click', '.checkbox', function (e) {\n e.stopImmediatePropagation();\n console.log(e.srcElement.name);\n checkCheckbox();\n });\n $(document).on('keyup', '.myNumberSGO', function (e) {\n e.stopImmediatePropagation();\n\n if (document.activeElement.id.includes(\"1_\") || document.activeElement.id.includes(\"remarks\") || document.activeElement.id.includes(\"smsnum\")) {\n var valCheck = $(\"#\" + document.activeElement.id).val().replace(\".\", \"\"); //$(\"#\" + document.activeElement.id).val('');\n //$(\"#\" + document.activeElement.id).val(valCheck);\n } else {\n var valCheck = parseInt($(\"#\" + document.activeElement.id).val()); //$(\"#\" + document.activeElement.id).val('');\n //$(\"#\" + document.activeElement.id).val(valCheck);\n }\n\n if (e.key == \"Enter\") {\n var inputs = document.getElementsByClassName('myNumberSGO');\n\n for (var i = 0; i < inputs.length; i++) {\n if (document.activeElement.id == inputs[i].id) {\n for (var j = i + 1; j < inputs.length; j++) {\n if (!inputs[j].disabled) {\n inputs[j].focus();\n break;\n }\n }\n\n break;\n }\n }\n }\n\n if ($('#numberSGO1_' + e.srcElement.name).val() == undefined) return; // console.log('input value changed for ' + e.srcElement.name + ($('#numberSGO1_' + e.srcElement.name).val()).length);\n // if(($('#numberSGO1_' + e.srcElement.name).val()).length == 2)\n // {\n // document.getElementById(\"numberSGO2_\" + e.srcElement.name).disabled = true;\n // document.getElementById(\"numberSGO3_\" + e.srcElement.name).disabled = true;\n // document.getElementById(\"numberSGO4_\" + e.srcElement.name).disabled = false;\n // }\n // if(($('#numberSGO1_' + e.srcElement.name).val()).length == 3)\n // {\n // document.getElementById(\"numberSGO2_\" + e.srcElement.name).disabled = true;\n // document.getElementById(\"numberSGO4_\" + e.srcElement.name).disabled = false;\n // document.getElementById(\"numberSGO3_\" + e.srcElement.name).disabled = false;\n // }\n // if(($('#numberSGO1_' + e.srcElement.name).val()).length == 4)\n // {\n // document.getElementById(\"numberSGO4_\" + e.srcElement.name).disabled = false;\n // document.getElementById(\"numberSGO3_\" + e.srcElement.name).disabled = false;\n // document.getElementById(\"numberSGO2_\" + e.srcElement.name).disabled = false;\n // }\n });\n if (window.service != \"web\") $f7.request({\n method: 'get',\n url: window.waypoint + 'drawdates.aspx',\n data: {\n latitude: window.lat,\n longitude: window.lot,\n action: \"none\"\n },\n beforeSend: function beforeSend(xhr) {\n xhr.setRequestHeader('Authorization', \"Basic \" + window.authbasic);\n },\n success: function success(data) {\n console.log(\"Output:\" + data);\n data = JSON.parse(data);\n var months = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\n\n for (var i = 0; i < data.drawDates.length; i++) {\n var drawarr = String(data.drawDates[i].date).split(\"-\");\n console.log(drawarr[1]);\n $(\"#dateSGO\" + (i + 1)).val((\"0\" + drawarr[1]).slice(-2) + \"\" + (\"0\" + drawarr[2]).slice(-2));\n $(\"#dateSGO\" + (i + 1)).attr('name', data.drawDates[i].day);\n $(\".dateSGO\" + (i + 1)).html(drawarr[2] + \" \" + months[parseInt(drawarr[1]) - 1]);\n }\n\n checkCheckbox();\n }\n }); // const d = new Date();\n // const months = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\n // // After 7.00 GTM+8 set another day\n // if(d.getUTCHours + 8 >= 1900) d.setDate(d.getDate() + 1);\n // for(var i=1; i <= 8;i++)\n // {\n // $(\".date\" + i).html(d.getDate() + \" \" + months[d.getMonth()]);\n // $().name\n // $(\"#date\" + i).val((\"0\" + (d.getMonth() + 1)).slice(-2) + \"\" + (\"0\" + d.getDate()).slice(-2));\n // console.log($(\"#date\" + i).val());\n // d.setDate(d.getDate() + 1);\n //}\n\n numberList = \"\\n
\\n
\\n
\\n
\\n \\n TYPE\\n \\u7C7B\\u578B\\n TIPU\\n \\n
\\n
\\n \\n NUMBER\\n \\u53F7\\u7801\\n NUMERU\\n \\n
\\n
\\n BIG\\n
\\n
\\n SMALL\\n
\\n
\\n 4A\\n
\\n \\n \\n \";\n $('.number-list').append(numberList);\n\n if (window.origin == \"rebuy\") {\n // for(var i=0;i < window.data.receipt.length;i++)\n // {\n // for(var j=0;j < window.data.receipt[i].details.length;j++)\n // {\n // var a1,a2,a3;\n // if(window.data.receipt[i].details[j].amount[0]) a1 = window.data.receipt[i].details[j].amount[0].value;\n // if(window.data.receipt[i].details[j].amount[1]) a2 = window.data.receipt[i].details[j].amount[1].value;\n // if(window.data.receipt[i].details[j].amount[2]) a3 = window.data.receipt[i].details[j].amount[2].value;\n // addmore(window.data.receipt[i].details[j].number,a1,a2,a3);\n // }\n // }\n window.origin = \"\";\n $(\"#remarks\").val(window.data.smsnum.substring(5));\n $(\"#remarksCountry\").val(window.data.smsnum.substring(0, 4));\n var arr = window.data.orderEntry.split(\"|\");\n\n for (var i = 1; i < arr.length; i++) {\n var bet = arr[i].split(\"#\");\n addmore(bet[0], bet[1], bet[2], bet[3]);\n }\n } else {\n for (var i = 0; i < 5; i++) {\n addmore();\n }\n }\n\n if (window.service == \"web\") {\n $(\".web-sgo\").hide();\n }\n });\n return function ($ctx) {\n var $ = $ctx.$;\n var $h = $ctx.$h;\n var $root = $ctx.$root;\n var $f7 = $ctx.$f7;\n var $f7route = $ctx.$f7route;\n var $f7router = $ctx.$f7router;\n var $theme = $ctx.$theme;\n var $update = $ctx.$update;\n var $store = $ctx.$store;\n\n return $h`\n
\\n \";\n }\n }\n\n var color1 = \"\";\n if (data.GDP == \"--------\") color1 = \"style='color:red'\";\n htmlText += \"\\n
GDP:\" + data.GDP + \"
\\n
\" + data.gd4dJP + \"
\\n
\" + data.gd6dJP + \"
\\n \" + gd6DJPNumber + \"\\n \\n \\n
\\n
\\n \";\n $('.printtext').html(htmlText);\n $update();\n } else {\n $f7.dialog.alert('Order Not Found', function () {\n if (window.service == \"kiosk\") $f7.views.main.router.navigate(\"/kiosk_home/\");\n if (window.service == \"cashier\") $f7.views.main.router.navigate(\"/cashier_home/\");\n });\n }\n },\n error: function error(data) {\n $f7.dialog.alert('Something wrong, data cannot be retrieved...', function () {\n if (window.service == \"kiosk\") $f7.views.main.router.navigate(\"/kiosk_home/\");\n if (window.service == \"cashier\") $f7.views.main.router.navigate(\"/cashier_home/\");\n });\n $f7.preloader.hide();\n }\n });\n };\n\n return function ($ctx) {\n var $ = $ctx.$;\n var $h = $ctx.$h;\n var $root = $ctx.$root;\n var $f7 = $ctx.$f7;\n var $f7route = $ctx.$f7route;\n var $f7router = $ctx.$f7router;\n var $theme = $ctx.$theme;\n var $update = $ctx.$update;\n var $store = $ctx.$store;\n\n return $h`\n
\n`\n }\n ;\n}\n\nframework7Component.id = '2b71830003';\nexport default framework7Component;","/** @jsx $jsx */\nimport { $jsx } from 'framework7';\n\nfunction framework7Component(props, _ref) {\n var $f7 = _ref.$f7,\n $ = _ref.$,\n $on = _ref.$on,\n $update = _ref.$update;\n // Check if printer has been set or not\n if (localStorage.getItem(\"printer\") == \"\" || localStorage.getItem(\"printer\") == undefined || localStorage.getItem(\"printer\") == null) localStorage.setItem(\"printer\", 0); // Check if printer has been set or not\n\n if (localStorage.getItem(\"paperSize\") == \"\" || localStorage.getItem(\"paperSize\") == undefined || localStorage.getItem(\"paperSize\") == null) localStorage.setItem(\"paperSize\", 0);\n\n var printMyText = function printMyText() {\n var printText = \"\";\n var print80Line = \"\";\n if (localStorage.getItem(\"paperSize\") == 1) print80Line = \"______________\";\n if (window.origin == \"claim\") printText += \"{CENTER}{BR}{H}CLAIM RECEIPT{/H}{BR}{BR}\";\n if (window.origin == \"claimjackpot\") printText += \"{CENTER}{BR}{H}CLAIM JACKPOT RECEIPT{/H}{BR}{BR}\";\n printText += \"Order ID:{BR}\" + window.data.orderID + \"{BR}\";\n printText += \"Date :{BR}\" + window.data.dateClaimed + \"{BR}\";\n if (window.data.claimStatus == \"1\") printText += \"COPY{BR}\";\n printText += print80Line + \"_______________________________\";\n printText += \"{BR}{BR}\";\n printText += \"{LEFT}Please fill in customer detail{BR}{BR}\";\n if (window.data.claimName != \"\") printText += \"{BR}{BR}Name :\" + window.data.claimName + \"{BR}{BR}\";else printText += \"{BR}{BR}Name :_____________________{BR}{BR}\";\n if (window.data.claimIC != \"\") printText += \"{BR}{BR}IC :\" + window.data.claimIC + \"{BR}{BR}\";else printText += \"{BR}{BR}IC :_____________________{BR}{BR}\";\n printText += \"{BR}{BR}GDPoints ID/ \";\n if (window.data.smsnum != \"\") printText += \"{BR}{BR}Mobile No :\" + window.data.smsnum + \"{BR}{BR}{BR}{BR}\";else printText += \"{BR}{BR}Mobile No :_____________________{BR}{BR}{BR}{BR}\";\n printText += \"{BR}{BR}Sign :_____________________{BR}{BR}\";\n printText += \"{BR}{BR}{BR}\";\n\n for (var i = 0; i < window.data.strikes.length; i++) {\n var strike = window.data.strikes[i];\n printText += \"{BR}\" + strike.drawDate + \", \" + strike.betPosition + \" \" + strike.number + \", \" + strike.prize;\n }\n\n printText += \"{BR}{BR}{BR}Total Prize Won: \" + window.data.gross;\n printText += \"{BR}Total Winning Tax (10%): \" + window.data.tax;\n printText += \"{BR}Total Net Payout: \" + window.data.total;\n printText += \"{BR}{BR}{H}{CENTER}TOTAL : $\" + window.data.total + \"{BR}{BR}{CENTER}\";\n window.DatecsPrinter.printText(printText, 'ISO-8859-1');\n printMyBarcode(window.data.orderID);\n };\n\n var printMyImage = function printMyImage() {\n var image = new Image();\n image.src = 'static/images/gd.jpg';\n\n image.onload = function () {\n var canvas = document.createElement('canvas');\n canvas.height = 100;\n canvas.width = 100;\n var context = canvas.getContext('2d');\n context.drawImage(image, 0, 0);\n var imageData = canvas.toDataURL('image/jpeg').replace(/^data:image\\/(png|jpg|jpeg);base64,/, \"\"); //remove mimetype\n\n window.DatecsPrinter.printImage(imageData, //base64\n canvas.width, canvas.height, 1, function () {\n printMyQR();\n });\n };\n };\n\n var printMyQR2 = function printMyQR2() {\n var qrcodejs = new QRCode(\"qrcode\", {\n text: window.orderEntry,\n width: 150,\n height: 150,\n colorDark: \"#000000\",\n colorLight: \"#ffffff\",\n correctLevel: QRCode.CorrectLevel.H\n });\n\n var imageData = qrcodejs._oDrawing._elCanvas.toDataURL(\"image/jpeg\").replace(/^data:image\\/(png|jpg|jpeg);base64,/, \"\");\n\n console.log(qrcodejs._oDrawing._elCanvas.toDataURL(\"image/jpeg\"));\n window.DatecsPrinter.printImage(imageData, //base64\n 150, 150, 1, function () {\n printMyText();\n });\n };\n\n var printMyBarcode = function printMyBarcode(text) {\n var canvas = document.createElement(\"canvas\");\n canvas.height = 400;\n canvas.width = 300;\n JsBarcode(canvas, text, {\n format: \"CODE128\",\n width: 2\n });\n var imageData = canvas.toDataURL('image/jpeg').replace(/^data:image\\/(png|jpg|jpeg);base64,/, \"\"); //remove mimetype\n\n window.DatecsPrinter.printImage(imageData, //base64\n canvas.width, canvas.height, 1, function () {\n window.DatecsPrinter.printText(\"{BR}{BR}{BR}{BR}{BR}{CENTER}\", 'ISO-8859-1');\n if (localStorage.getItem(\"printerName\") == \"Printer001\") window.DatecsPrinter.printText(\"{BR}{BR}{BR}{BR}{BR}{BR}{BR}{BR}{BR}{BR}{BR}{BR}{CENTER}\", 'ISO-8859-1');\n window.DatecsPrinter.writeHex('1B69');\n });\n };\n\n var printPurchase = function printPurchase() {\n if (!window.DatecsPrinter) {\n alert(\"DatecsPrinter plugin is missing. Have you installed the plugin? \\nRun 'cordova plugin add cordova-plugin-datecs-printer'\");\n } else {\n window.bluetooth = localStorage.getItem(\"printer\");\n if (window.bluetooth == null || window.bluetooth == undefined) window.bluetooth = 0;\n window.DatecsPrinter.listBluetoothDevices(function (devices) {\n localStorage.setItem(\"printerName\", devices[window.bluetooth].name);\n window.DatecsPrinter.connect(devices[window.bluetooth].address, function () {\n printMyText();\n }, function () {\n if (window.service == \"cashier\") $f7.views.main.router.navigate(\"/cashier_home/\");\n alert(JSON.stringify(error));\n });\n }, function (error) {\n if (window.service == \"cashier\") $f7.views.main.router.navigate(\"/cashier_home/\");\n alert(JSON.stringify(error));\n });\n }\n };\n\n $on('pageAfterIn', function () {\n $f7.toolbar.hide(\".toolbar-app\");\n });\n $on('pageAfterOut', function () {\n $f7.toolbar.show(\".toolbar-app\");\n });\n $on('pageInit', function () {\n if (window.isPrint != true) return;\n window.isPrint = false;\n $('.button-cancel').hide();\n printPreview();\n });\n\n var printCancel = function printCancel() {\n if (window.service == \"cashier\") $f7.views.main.router.navigate(\"/cashier_home/\");\n };\n\n var printPreview = function printPreview() {\n var orderId = window.orderId;\n $f7.request({\n method: 'get',\n url: window.waypoint + 'strikeStatus.aspx',\n data: {\n lang: window.lang,\n reqId: window.uuid,\n latitude: window.lat,\n longitude: window.lot,\n orderId: orderId\n },\n beforeSend: function beforeSend(xhr) {\n xhr.setRequestHeader('Authorization', \"Basic \" + window.authbasic);\n },\n success: function success(data) {\n $f7.preloader.hide();\n console.log(\"THIS IS THE DATA:\" + data);\n var data = JSON.parse(data);\n var htmlText = '';\n window.data = data;\n\n if (data.ALERT != undefined && data.ALERT != \"\") {\n $f7.dialog.alert(data.ALERT);\n }\n\n if (data.status == \"1\") {\n if (data.claimStatus == \"0\") {\n $(\".button-print\").html(\"Print\");\n } else {\n $(\".button-print\").html(\"Print Copy\");\n }\n\n htmlText = \"\\n
\\n Print the receipt to collect the winning prize\\n
\\n
\\n
\\n \\n
\\n
Type
\\n
Description
\\n
\\n \\n \\n
\\n
Order ID
\\n
\" + data.orderID + \"
\\n
\\n
\\n
Date Claimed
\\n
\" + data.dateClaimed + \"
\\n
\\n
\\n
Name
\\n
\" + data.claimName + \"
\\n
\\n
\\n
IC
\\n
\" + data.claimIC + \"
\\n
\\n
\\n
Mobile No
\\n
\" + data.smsnum + \"
\\n
\\n \\n
\\n \\n
\\n \";\n $('.printtext').html(htmlText);\n $update();\n } else {\n $f7.dialog.alert('Order Not Found', function () {\n if (window.service == \"cashier\") $f7.views.main.router.navigate(\"/cashier_home/\");\n });\n }\n },\n error: function error(data) {\n $f7.dialog.alert('Something wrong, data cannot be retrieved...', function () {\n if (window.service == \"cashier\") $f7.views.main.router.navigate(\"/cashier_home/\");\n });\n $f7.preloader.hide();\n }\n });\n };\n\n return function ($ctx) {\n var $ = $ctx.$;\n var $h = $ctx.$h;\n var $root = $ctx.$root;\n var $f7 = $ctx.$f7;\n var $f7route = $ctx.$f7route;\n var $f7router = $ctx.$f7router;\n var $theme = $ctx.$theme;\n var $update = $ctx.$update;\n var $store = $ctx.$store;\n\n return $h`\n
\\n \\n \";\n $update();\n $('.number-list').append(numberList);\n };\n\n var send = function send() {\n window.copy = false;\n window.origin = \"bet\"; //Verify if empty\n\n if ($(\"#remarks\").val() == \"\" && $(\"#smsnum\").val() == \"\" && window.service != \"web\" && window.service != \"cashier\") {\n if (window.service == \"agent\") {\n if (window.lang == \"tl\") $f7.dialog.alert(\"Canal fan/sosa nian presija GDp/numeru telemovel ba bilhete atu sai nudar protesaun\");\n if (window.lang == \"en\") $f7.dialog.alert(\"This Sales Channel is Required GDP/Mobile Number fo Ticket Protection\");\n if (window.lang == \"cn\") $f7.dialog.alert(\"请提供GDP/手机号码，用于票根保护\");\n return;\n }\n\n if (window.service == \"kiosk\") {\n if (confirm('If no GDP inserted, then No Qualified for Jackpot and No Points Colletion. Do you want to continue?')) {} else {\n return;\n }\n }\n }\n\n if ($(\"#remarks\").val() != \"\") {\n var maxdigit = 20;\n var mindigit = 6;\n\n if ($(\"#remarksCountry\").val() == \"+670\") {\n maxdigit = 8;\n mindigit = 8;\n }\n\n if ($(\"#remarks\").val().length > maxdigit || $(\"#remarks\").val().length < mindigit) {\n if (window.lang == \"en\") $f7.dialog.alert(\"Phone must have at least \" + mindigit + \" to \" + maxdigit + \" digits\");\n if (window.lang == \"tl\") $f7.dialog.alert(\"Numeru Telemovel tenke to \" + mindigit + \" to'o \" + maxdigit);\n return;\n }\n }\n\n if ($(\"#smsnum\").val() != \"\") {\n if ($(\"#smsnum\").val().length < 6) {\n $f7.dialog.alert(\"Test Code must have at least 6 digits\");\n return;\n }\n }\n\n var dataframe = \"\";\n\n if (window.service != \"web\") {\n dataframe = \"D\";\n\n for (var i = 1; i <= 8; i++) {\n if ($(\"#dateST\" + i).is(':checked')) {\n dataframe += \"%23\" + $(\"#dateST\" + i).val();\n }\n }\n } //ST Provider 8 SG Provider 4\n\n\n dataframe += \"%0D%0A\" + \"%23\" + \"9\";\n window.orderEntry = \"QR:6:\" + $(\"#remarksCountry\").val() + \":\" + $(\"#remarks\").val() + \":#9\"; // if($(\"#provider2\").is(':checked'))\n // dataframe += \"4\";\n\n var empty = true;\n\n for (var i = 1; i <= count; i++) {\n var num1 = $(\"#numberST1_\" + i).val();\n var num2 = $(\"#numberST2_\" + i).val();\n var num3 = $(\"#numberST3_\" + i).val();\n var num4 = $(\"#numberST4_\" + i).val();\n var num5 = $(\"#numberST5_\" + i).val();\n var num6 = $(\"#numberST6_\" + i).val();\n var box = $(\"#numberTypeST\" + i).val();\n\n if (num1 != \"\") {\n if (num2 != \"\" && (num2 < 0.25 || num2 > 100)) {\n $f7.dialog.alert(\"Montante osan ba jogu hahu husi $0.25 to $100 ba joga
Amount must be in between $0.25 to $100 for bet \" + num1);\n return;\n }\n\n if (num3 != \"\" && (num3 < 0.25 || num3 > 100)) {\n $f7.dialog.alert(\"Montante osan ba jogu hahu husi $0.25 to $100 ba joga
Amount must be in between $0.25 to $100 for bet \" + num1);\n return;\n }\n\n if (num4 != \"\" && (num4 < 0.25 || num4 > 100)) {\n $f7.dialog.alert(\"Montante osan ba jogu hahu husi $0.25 to $100 ba joga
Amount must be in between $0.25 to $100 for bet \" + num1);\n return;\n }\n\n if (num5 != \"\" && (num5 < 0.25 || num5 > 100)) {\n $f7.dialog.alert(\"Montante osan ba jogu hahu husi $0.25 to $100 ba joga
Amount must be in between $0.25 to $100 for bet \" + num1);\n return;\n }\n\n if (num6 != \"\" && (num6 < 0.25 || num6 > 100)) {\n $f7.dialog.alert(\"Montante osan ba jogu hahu husi $0.25 to $100 ba joga
Amount must be in between $0.25 to $100 for bet \" + num1);\n return;\n }\n\n if (num1.length == 4) {\n if (num2 == \"\") {\n $f7.dialog.alert(\"6D/4 amount cannot be empty\");\n return;\n }\n }\n\n if (num1.length == 3) {\n if (num3 == \"\") {\n $f7.dialog.alert(\"6D/3 amount cannot be empty\");\n return;\n }\n }\n\n if (num1.length == 3) {\n if (num5 == \"\") {\n $f7.dialog.alert(\"3D Box amount cannot be empty\");\n return;\n }\n } //if(num2.includes(\".\")) {$f7.dialog.alert(\"Must be round number 1-100 for bet \" + num1);return;}\n //if(num3.includes(\".\")) {$f7.dialog.alert(\"Must be round number 1-100 for bet \" + num1);return;}\n //if(num4.includes(\".\")) {$f7.dialog.alert(\"Must be round number 1-100 for bet \" + num1);return;}\n //if(num5.includes(\".\")) {$f7.dialog.alert(\"Must be round number 1-100 for bet \" + num1);return;}\n //if(num6.includes(\".\")) {$f7.dialog.alert(\"Must be round number 1-100 for bet \" + num1);return;}\n\n\n if (num2 == \"\" && num3 == \"\" && num4 == \"\" && num5 == \"\" && num6 == \"\") {\n if (window.lang == \"tl\") $f7.dialog.alert(\"Favor prienxe ita nia montante osan \" + num1);\n if (window.lang == \"en\") $f7.dialog.alert(\"Please fill amount for \" + num1);\n if (window.lang == \"cn\") $f7.dialog.alert(\"请输入\" + num1 + \"的金额\");\n return;\n }\n }\n\n if (num1 != \"\") {\n window.orderEntry += \"|\" + num1 + \"#\" + num2 + \"#\" + num3 + \"#\" + num4 + \"#\" + num5 + \"#\" + num6;\n empty = false;\n if (num1.length == 4) dataframe += \"%0D%0A\" + box + num1 + \"%23\" + num2 + \"%23%23%23\" + num3 + \"%23\" + num4 + \"%23\" + num5 + \"%23\" + num6;\n if (num1.length == 3) dataframe += \"%0D%0A\" + box + num1 + \"%23\" + num3 + \"%23\" + num4 + \"%23\" + num5 + \"%23\" + num6;\n if (num1.length == 2) dataframe += \"%0D%0A\" + box + num1 + \"%23\" + num4 + \"%23\" + num6;\n }\n }\n\n if (empty == true) {\n if (window.lang == \"tl\") $f7.dialog.alert(\"Favor prienxe ita nia numeru\");\n if (window.lang == \"en\") $f7.dialog.alert(\"Please fill in bet number\");\n if (window.lang == \"cn\") $f7.dialog.alert(\"请输入投注号码\");\n return;\n }\n\n if (window.service == \"web\") {\n window.book = dataframe;\n window.form = 6;\n $f7.views.main.router.navigate(\"/web_qr/\");\n return;\n }\n\n if (window.service == \"kiosk-closed\") {\n //$f7.views.main.router.navigate(\"/kiosk_receipt/\"); \n window.print_detail = \"
Print your order
\";\n window.print_text = \"{CENTER}\";\n window.print_text += \"{BR}{BR}\";\n window.print_text += \"Please show this receipt to the cashier to make payment\";\n window.print_text += \"{BR}{BR}\";\n window.print_qr = window.orderEntry;\n window.print_page = \"/kiosk_home/\";\n $f7.views.current.router.navigate(\"/gen_receipt/\");\n return;\n }\n\n console.log(dataframe);\n console.log(window.orderEntry);\n $f7.request({\n method: 'get',\n url: window.waypoint + 'order.aspx',\n data: {\n form: 6,\n currency: window.currency,\n smsnum: $(\"#remarksCountry\").val() + \"-\" + $(\"#remarks\").val(),\n remarks: $(\"#smsnum\").val(),\n reqId: window.uuid,\n latitude: window.lat,\n longitude: window.lot,\n bet: dataframe\n },\n beforeSend: function beforeSend(xhr) {\n xhr.setRequestHeader('Authorization', \"Basic \" + window.authbasic);\n },\n success: function success(data) {\n var data = JSON.parse(data);\n console.log(data);\n\n if (data.ALERT != undefined && data.ALERT != \"\") {\n $f7.dialog.alert(data.ALERT);\n }\n\n if (data.status == \"1\") {\n window.kiosk = data;\n window.isPrint = true;\n\n if (window.service == \"agent\" || window.service == \"cashier\") {\n window.orderId = window.kiosk.orderId;\n window.origin = \"bet\";\n $f7.views.current.router.navigate(\"/cashier_receipt/\");\n }\n\n if (window.service == \"kiosk\") {\n $f7.views.main.router.navigate(\"/kiosk_receipt/\");\n }\n } else {\n var errorMsg = data.errmsg;\n if (errorMsg == \"ERR_INVALID_NUMBER\") errorMsg = \"Please fill in bet number\";\n if (errorMsg == \"ERR_INVALID_AMOUNT\") errorMsg = \"Please fill in amount\";\n $f7.dialog.alert(errorMsg);\n }\n }\n });\n };\n\n $on('pageAfterIn', function () {\n $f7.toolbar.hide(\".toolbar-app\");\n });\n $on('pageAfterOut', function () {\n $f7.toolbar.show(\".toolbar-app\");\n });\n\n var lucky = function lucky() {\n for (var i = 1; i <= count; i++) {\n var val = Math.floor(1000 + Math.random() * 9000);\n $('#numberST1_' + i).val(val);\n $('#numberST1_' + i).focus();\n $('#numberST1_' + i).keyup();\n }\n };\n\n var fav_list = \"\";\n\n var fav_list_it = function fav_list_it() {\n fav_list = \"\";\n $(\".fav-list\").html(\"\");\n var codeEnter = localStorage.getItem(\"fav\");\n\n if (codeEnter == \"\" || codeEnter == undefined || codeEnter == null || codeEnter == \"null\") {\n return;\n }\n\n var arr = codeEnter.split(\":\");\n\n for (var i = arr.length - 1; i >= 0; i--) {\n if (arr[i] != \"null\") fav_list += \"\\n
\\n \\n \";\n $('.number-list').append(numberList);\n $update();\n };\n\n var send = function send() {\n window.copy = false;\n window.origin = \"bet\"; //Verify if empty\n\n if ($(\"#remarks\").val() == \"\" && $(\"#smsnum\").val() == \"\" && window.service != \"web\" && window.service != \"cashier\") {\n if (window.service == \"agent\") {\n if (window.lang == \"tl\") $f7.dialog.alert(\"Canal fan/sosa nian presija GDp/numeru telemovel ba bilhete atu sai nudar protesaun\");\n if (window.lang == \"en\") $f7.dialog.alert(\"This Sales Channel is Required GDP/Mobile Number fo Ticket Protection\");\n if (window.lang == \"cn\") $f7.dialog.alert(\"请提供GDP/手机号码，用于票根保护\");\n return;\n }\n\n if (window.service == \"kiosk\") {\n if (confirm('If no GDP inserted, then No Qualified for Jackpot and No Points Colletion. Do you want to continue?')) {} else {\n return;\n }\n }\n }\n\n if ($(\"#remarks\").val() != \"\") {\n var maxdigit = 20;\n var mindigit = 6;\n\n if ($(\"#remarksCountry\").val() == \"+670\") {\n maxdigit = 8;\n mindigit = 8;\n }\n\n if ($(\"#remarks\").val().length > maxdigit || $(\"#remarks\").val().length < mindigit) {\n if (window.lang == \"en\") $f7.dialog.alert(\"Phone must have at least \" + mindigit + \" to \" + maxdigit + \" digits\");\n if (window.lang == \"tl\") $f7.dialog.alert(\"Numeru Telemovel tenke to \" + mindigit + \" to'o \" + maxdigit);\n return;\n }\n }\n\n if ($(\"#smsnum\").val() != \"\") {\n if ($(\"#smsnum\").val().length < 6) {\n $f7.dialog.alert(\"Test Code must have at least 6 digits\");\n return;\n }\n }\n\n var dataframe = \"\";\n\n if (window.service != \"web\") {\n dataframe = \"D\";\n\n for (var i = 1; i <= 8; i++) {\n if ($(\"#dateST6D\" + i).is(':checked')) {\n dataframe += \"%23\" + $(\"#dateST6D\" + i).val();\n }\n }\n } //GD Provider 8 SG Provider 4\n\n\n dataframe += \"%0D%0A\" + \"%23\" + \"9\";\n window.orderEntry = \"QR:7:\" + $(\"#remarksCountry\").val() + \":\" + $(\"#remarks\").val() + \":#9\";\n\n if ($(\"#provider2\").is(':checked')) {\n dataframe += \"4\";\n window.orderEntry += \"#4\";\n }\n\n var empty = true;\n\n for (var i = 1; i <= count; i++) {\n var num1 = $(\"#numberST6D1_\" + i).val();\n var num2 = $(\"#numberST6D2_\" + i).val();\n var num3 = $(\"#numberST6D3_\" + i).val();\n\n if (num1 != \"\") {\n if (num2 != \"\" && (num2 < 0.25 || num2 > 100)) {\n $f7.dialog.alert(\"Montante osan ba jogu hahu husi $0.25 to $100 ba joga
Amount must be in between $0.25 to $100 for bet \" + num1);\n return;\n } //if(num2.includes(\".\")) {$f7.dialog.alert(\"Must be round number 1-100 for bet \" + num1);return;}\n\n\n if (num3 != \"\" && (num3 < 0.25 || num3 > 100)) {\n $f7.dialog.alert(\"Montante osan ba jogu hahu husi $0.25 to $100 ba joga
Amount must be in between $0.25 to $100 for bet \" + num1);\n return;\n } //if(num3.includes(\".\")) {$f7.dialog.alert(\"Must be round number 1-100 for bet \" + num1);return;}\n\n\n if (num1.length == 6) {\n if (num2 == \"\") {\n $f7.dialog.alert(\"6D amount cannot be empty\");\n return;\n }\n }\n\n if (num2 == \"\" && num3 == \"\") {\n if (window.lang == \"tl\") $f7.dialog.alert(\"Favor prienxe ita nia montante osan \" + num1);\n if (window.lang == \"en\") $f7.dialog.alert(\"Please fill amount for \" + num1);\n if (window.lang == \"cn\") $f7.dialog.alert(\"请输入\" + num1 + \"的金额\");\n return;\n }\n }\n\n if (num1 != \"\") {\n empty = false;\n if (num2 != \"\" || num3 != \"\") dataframe += \"%0D%0A\" + num1 + \"%23\" + num2 + \"%23\" + num3;\n }\n }\n\n if (empty == true) {\n if (window.lang == \"tl\") $f7.dialog.alert(\"Favor prienxe ita nia numeru\");\n if (window.lang == \"en\") $f7.dialog.alert(\"Please fill in bet number\");\n if (window.lang == \"cn\") $f7.dialog.alert(\"请输入投注号码\");\n return;\n }\n\n if (window.service == \"web\") {\n window.book = dataframe;\n window.form = 7;\n $f7.views.main.router.navigate(\"/web_qr/\");\n return;\n }\n\n if (window.service == \"kiosk-closed\") {\n //$f7.views.main.router.navigate(\"/kiosk_receipt/\"); \n window.print_detail = \"
Print your order
\";\n window.print_text = \"{CENTER}\";\n window.print_text += \"{BR}{BR}\";\n window.print_text += \"Please show this receipt to the cashier to make payment\";\n window.print_text += \"{BR}{BR}\";\n window.print_qr = window.orderEntry;\n window.print_page = \"/kiosk_home/\";\n $f7.views.current.router.navigate(\"/gen_receipt/\");\n return;\n }\n\n console.log(dataframe);\n console.log(window.orderEntry);\n $f7.request({\n method: 'get',\n url: window.waypoint + 'order.aspx',\n data: {\n form: 7,\n currency: window.currency,\n smsnum: $(\"#remarksCountry\").val() + \"-\" + $(\"#remarks\").val(),\n remarks: $(\"#smsnum\").val(),\n reqId: window.uuid,\n latitude: window.lat,\n longitude: window.lot,\n bet: dataframe\n },\n beforeSend: function beforeSend(xhr) {\n xhr.setRequestHeader('Authorization', \"Basic \" + window.authbasic);\n },\n success: function success(data) {\n var data = JSON.parse(data);\n console.log(data);\n\n if (data.ALERT != undefined && data.ALERT != \"\") {\n $f7.dialog.alert(data.ALERT);\n }\n\n if (data.status == \"1\") {\n window.kiosk = data;\n window.isPrint = true;\n\n if (window.service == \"agent\" || window.service == \"cashier\") {\n window.orderId = window.kiosk.orderId;\n window.origin = \"bet\";\n $f7.views.current.router.navigate(\"/cashier_receipt/\");\n }\n\n if (window.service == \"kiosk\") {\n $f7.views.main.router.navigate(\"/kiosk_receipt/\");\n }\n } else {\n var errorMsg = data.errmsg;\n if (errorMsg == \"ERR_INVALID_NUMBER\") errorMsg = \"Please fill in six number\";\n if (errorMsg == \"ERR_INVALID_AMOUNT\") errorMsg = \"Please fill in amount\";\n $f7.dialog.alert(errorMsg);\n }\n }\n });\n };\n\n $on('pageAfterIn', function () {\n $f7.toolbar.hide(\".toolbar-app\");\n });\n $on('pageAfterOut', function () {\n $f7.toolbar.show(\".toolbar-app\");\n });\n\n var lucky = function lucky() {\n for (var i = 1; i <= count; i++) {\n var val = Math.floor(100000 + Math.random() * 900000);\n $('#numberST6D1_' + i).val(val);\n $('#numberST6D1_' + i).focus();\n $('#numberST6D1_' + i).keyup();\n }\n };\n\n var fav_list = \"\";\n\n var fav_list_it = function fav_list_it() {\n fav_list = \"\";\n $(\".fav-list\").html(\"\");\n var codeEnter = localStorage.getItem(\"fav\");\n\n if (codeEnter == \"\" || codeEnter == undefined || codeEnter == null || codeEnter == \"null\") {\n return;\n }\n\n var arr = codeEnter.split(\":\");\n\n for (var i = arr.length - 1; i >= 0; i--) {\n if (arr[i] != \"null\") fav_list += \"\\n
\n `\n }\n ;\n}\n\nframework7Component.id = '1d94800ab1';\nexport default framework7Component;","/** @jsx $jsx */\nimport { $jsx } from 'framework7';\n\nfunction framework7Component(props, _ref) {\n var $f7 = _ref.$f7,\n $ = _ref.$,\n $on = _ref.$on,\n $update = _ref.$update;\n // Check if printer has been set or not\n if (localStorage.getItem(\"printer\") == \"\" || localStorage.getItem(\"printer\") == undefined || localStorage.getItem(\"printer\") == null) localStorage.setItem(\"printer\", 0); // Check if printer has been set or not\n\n if (localStorage.getItem(\"paperSize\") == \"\" || localStorage.getItem(\"paperSize\") == undefined || localStorage.getItem(\"paperSize\") == null) localStorage.setItem(\"paperSize\", 0);\n\n var printButton = function printButton() {\n printPurchase();\n };\n\n var printMyText = function printMyText() {\n var data = window.kiosk;\n var printText = \"\";\n var print80Line = \"\";\n if (localStorage.getItem(\"paperSize\") == 1) print80Line = \"______________\";\n printText += \"{BR}{H}TEST RECEIPT{/H}{BR}{BR}\";\n printText += \"Order ID:123456789{BR}\";\n printText += print80Line + \"_______________________________\";\n window.DatecsPrinter.printText(printText + \"{BR}{BR}\", 'ISO-8859-1');\n window.DatecsPrinter.printText(\"Please fill in customer detail\", 'ISO-8859-1');\n window.DatecsPrinter.printText(\"{BR}{BR}Name :_____________________\", 'ISO-8859-1');\n window.DatecsPrinter.printText(\"{BR}IC :_____________________\", 'ISO-8859-1');\n window.DatecsPrinter.printText(\"{BR}Phone :_____________________\", 'ISO-8859-1');\n window.DatecsPrinter.printText(\"{BR}Sign :_____________________\", 'ISO-8859-1');\n window.DatecsPrinter.printText(\"{BR}{BR}{CENTER}\", 'ISO-8859-1');\n printMyBarcode(\"123456789\");\n };\n\n var printMyImage = function printMyImage() {\n var image = new Image();\n image.src = 'static/images/gd.jpg';\n\n image.onload = function () {\n var canvas = document.createElement('canvas');\n canvas.height = 100;\n canvas.width = 100;\n var context = canvas.getContext('2d');\n context.drawImage(image, 0, 0);\n var imageData = canvas.toDataURL('image/jpeg').replace(/^data:image\\/(png|jpg|jpeg);base64,/, \"\"); //remove mimetype\n\n window.DatecsPrinter.printImage(imageData, //base64\n canvas.width, canvas.height, 1, function () {\n printMyQR();\n });\n };\n };\n\n var printMyQR = function printMyQR() {\n var qrcodejs = new QRCode(\"qrcode\", {\n text: \"123456789\",\n width: 150,\n height: 150,\n colorDark: \"#000000\",\n colorLight: \"#ffffff\",\n correctLevel: QRCode.CorrectLevel.H\n });\n\n var imageData = qrcodejs._oDrawing._elCanvas.toDataURL(\"image/jpeg\").replace(/^data:image\\/(png|jpg|jpeg);base64,/, \"\");\n\n console.log(qrcodejs._oDrawing._elCanvas.toDataURL(\"image/jpeg\"));\n window.DatecsPrinter.printImage(imageData, //base64\n 150, 150, 1, function () {\n printMyText();\n });\n };\n\n var printMyBarcode = function printMyBarcode(text) {\n var canvas = document.createElement(\"canvas\");\n canvas.height = 400;\n canvas.width = 300;\n JsBarcode(canvas, text, {\n format: \"CODE128\"\n });\n var imageData = canvas.toDataURL('image/jpeg').replace(/^data:image\\/(png|jpg|jpeg);base64,/, \"\"); //remove mimetype\n\n window.DatecsPrinter.printImage(imageData, //base64\n canvas.width, canvas.height, 1, function () {\n window.DatecsPrinter.printText(\"{BR}{BR}{BR}{BR}{CENTER}\", 'ISO-8859-1');\n window.DatecsPrinter.writeHex('1B69');\n window.DatecsPrinter.getStatus(); //THIS TO OPEN THE DRAWER\n });\n };\n\n var printPurchase = function printPurchase() {\n if (!window.DatecsPrinter) {\n alert(\"DatecsPrinter plugin is missing. Have you installed the plugin? \\nRun 'cordova plugin add cordova-plugin-datecs-printer'\");\n } else {\n window.bluetooth = localStorage.getItem(\"printer\");\n if (window.bluetooth == null || window.bluetooth == undefined) window.bluetooth = 0;\n window.DatecsPrinter.listBluetoothDevices(function (devices) {\n window.DatecsPrinter.connect(devices[window.bluetooth].address, function () {\n printMyImage();\n }, function () {\n $f7.dialog.alert(\"Error connecting to device\");\n alert(JSON.stringify(error));\n });\n }, function (error) {\n $f7.dialog.alert(\"Error, no device\");\n alert(JSON.stringify(error));\n });\n }\n };\n\n $on('pageInit', function () {});\n return function ($ctx) {\n var $ = $ctx.$;\n var $h = $ctx.$h;\n var $root = $ctx.$root;\n var $f7 = $ctx.$f7;\n var $f7route = $ctx.$f7route;\n var $f7router = $ctx.$f7router;\n var $theme = $ctx.$theme;\n var $update = $ctx.$update;\n var $store = $ctx.$store;\n\n return $h`\n
\n
\n \n
\n\n
\n
\n
\n \n\n \n \n \n
\n Press the button to test print, cut, and open cash drawer\n
\n
\n \n
\n
\n \n
\n \n
\n \n
\n
\n \n
\n
\n
\n
\n
\n`\n }\n ;\n}\n\nframework7Component.id = '9b781a87fe';\nexport default framework7Component;","/** @jsx $jsx */\nimport { $jsx } from 'framework7';\n\nfunction framework7Component(props, _ref) {\n var $f7 = _ref.$f7,\n $ = _ref.$,\n $on = _ref.$on,\n $update = _ref.$update;\n var bluetoothlist = \"\";\n var paperlist = \"\";\n var paperSize = [57, 80];\n var checked = \"\";\n var version = \"\";\n var user = localStorage.getItem(\"username\");\n var uuid = \"\";\n var currentVersion = window.version; // Check if printer has been set or not\n\n if (localStorage.getItem(\"paperSize\") == \"\" || localStorage.getItem(\"paperSize\") == undefined || localStorage.getItem(\"paperSize\") == null) localStorage.setItem(\"paperSize\", 0);\n\n for (var i = 0; i < paperSize.length; i++) {\n checked = \"\";\n if (localStorage.getItem(\"paperSize\") == i) checked = \"checked\";\n paperlist += \"\\n
\\n \\n
\\n \";\n }\n\n var logout = function logout() {\n console.log(\"logout\");\n localStorage.setItem(\"username\", \"\");\n localStorage.setItem(\"password\", \"\");\n localStorage.setItem(\"nickname\", \"\");\n $f7.tab.show(\"#view-home\", true);\n if (window.service == \"agent\") $f7.views.main.router.navigate(\"/agent_home/\", {\n reloadCurrent: true,\n force: true\n });\n if (window.service == \"cashier\") $f7.views.main.router.navigate(\"/cashier_home/\", {\n reloadCurrent: true,\n force: true\n });\n };\n\n $update();\n $(document).on('click', '.paperSize', function (e) {\n localStorage.setItem(\"paperSize\", $('input[name=\"paperSize\"]:checked').val());\n });\n\n var onSuccess = function onSuccess(data) {\n alert('message: ' + data.message);\n };\n\n function onError(error) {\n alert('message: ' + error.message);\n }\n\n var updateSystem = function updateSystem() {\n if ($f7.device.cordova == true) {\n if (window.updateFile != undefined) {\n $f7.dialog.alert(\"Downloading system update...\");\n } else {\n $f7.dialog.alert(\"Unable to download...\");\n return;\n } //cordova.InAppBrowser.open(window.updateFile,'_system', 'location=yes');\n\n\n var fileTransfer = new FileTransfer();\n var uri = encodeURI(window.updateFile);\n var fileURL = \"cdvfile://localhost/persistent/path/to/downloads/test.apk\";\n fileTransfer.download(uri, fileURL, function (entry) {\n console.log(\"download complete: \" + entry.toURL());\n cordova.plugins.fileOpener2.open(fileURL, 'application/vnd.android.package-archive');\n }, function (error) {\n $f7.dialog.alert(\"Install failed...\");\n console.log(\"Download error code:\" + error.code);\n });\n } else window.open(window.updateFile);\n };\n\n $on('pageInit', function () {\n setInterval(function () {\n //FIRESTORE\n var docRef = db.collection(\"system\").doc(window.service);\n docRef.get().then(function (doc) {\n if (doc.exists) {\n console.log(\"Document data:\", doc.data());\n window.updateFile = doc.data().url;\n version = doc.data().version;\n $update();\n } else {\n // doc.data() will be undefined in this case\n console.log(\"No such document!\");\n }\n }).catch(function (error) {\n console.log(\"Error getting document:\", error);\n });\n }, 5000);\n uuid = window.uuid;\n $update();\n\n if (!window.DatecsPrinter) {\n if ($f7.device.cordova) alert(\"DatecsPrinter plugin is missing. Have you installed the plugin? \\nRun 'cordova plugin add cordova-plugin-datecs-printer'\");\n } else {\n window.DatecsPrinter.listBluetoothDevices(function (devices) {\n // Check if printer has been set or not\n if (localStorage.getItem(\"printer\") == \"\" || localStorage.getItem(\"printer\") == undefined || localStorage.getItem(\"printer\") == null) localStorage.setItem(\"printer\", 0); //List down the printer for printing\n\n for (var i = 0; i < devices.length; i++) {\n checked = \"\";\n if (localStorage.getItem(\"printer\") == i) checked = \"checked\";\n bluetoothlist += \"\\n
\\n \\n
\\n \";\n }\n\n $update();\n $(document).on('click', '.printer', function (e) {\n localStorage.setItem(\"printer\", $('input[name=\"printer\"]:checked').val());\n });\n }, function (error) {\n alert(JSON.stringify(error));\n });\n }\n });\n return function ($ctx) {\n var $ = $ctx.$;\n var $h = $ctx.$h;\n var $root = $ctx.$root;\n var $f7 = $ctx.$f7;\n var $f7route = $ctx.$f7route;\n var $f7router = $ctx.$f7router;\n var $theme = $ctx.$theme;\n var $update = $ctx.$update;\n var $store = $ctx.$store;\n\n return $h`\n
\n
\n \n
\n
Settings
\n
\n
\n
\n
Select printer
\n\n
\n
\n
\n
\n\n
Select printing paper size
\n\n
\n
\n
\n
\n\n\n\n
\n
\n`\n }\n ;\n}\n\nframework7Component.id = 'cb5ae88111';\nexport default framework7Component;","/** @jsx $jsx */\nimport { $jsx } from 'framework7';\n\nfunction framework7Component(props, _ref) {\n var $f7 = _ref.$f7,\n $ = _ref.$,\n $on = _ref.$on,\n $update = _ref.$update;\n var numberList = \"\";\n var count = 0;\n\n var send = function send() {\n window.copy = false;\n window.origin = \"bet\"; //Verify if amount is empty\n\n if ($(\"#amountGDPICK\").val() == \"\") {\n $f7.dialog.alert(\"Bet amount is empty\");\n return;\n } //Verify if empty\n\n\n if ($(\"#remarks\").val() == \"\" && $(\"#smsnum\").val() == \"\" && window.service != \"web\" && window.service != \"cashier\") {\n if (window.service == \"agent\") {\n if (window.lang == \"tl\") $f7.dialog.alert(\"Canal fan/sosa nian presija GDp/numeru telemovel ba bilhete atu sai nudar protesaun\");\n if (window.lang == \"en\") $f7.dialog.alert(\"This Sales Channel is Required GDP/Mobile Number fo Ticket Protection\");\n if (window.lang == \"cn\") $f7.dialog.alert(\"请提供GDP/手机号码，用于票根保护\");\n return;\n }\n\n if (window.service == \"kiosk\") {\n if (confirm('If no GDP inserted, then No Qualified for Jackpot and No Points Colletion. Do you want to continue?')) {} else {\n return;\n }\n }\n }\n\n if ($(\"#remarks\").val() != \"\") {\n var maxdigit = 20;\n var mindigit = 6;\n\n if ($(\"#remarksCountry\").val() == \"+670\") {\n maxdigit = 8;\n mindigit = 8;\n }\n\n if ($(\"#remarks\").val().length > maxdigit || $(\"#remarks\").val().length < mindigit) {\n if (window.lang == \"en\") $f7.dialog.alert(\"Phone must have at least \" + mindigit + \" to \" + maxdigit + \" digits\");\n if (window.lang == \"tl\") $f7.dialog.alert(\"Numeru Telemovel tenke to \" + maxdigit + \" to'o \" + maxdigit);\n return;\n }\n }\n\n if ($(\"#smsnum\").val() != \"\") {\n if ($(\"#smsnum\").val().length < 6) {\n $f7.dialog.alert(\"Test Code must have at least 6 digits\");\n return;\n }\n }\n\n var dataframe = \"\";\n\n if (window.service != \"web\") {\n dataframe = \"D\";\n\n for (var i = 1; i <= 8; i++) {\n if ($(\"#dateGD\" + i).is(':checked')) {\n dataframe += \"%23\" + $(\"#dateGD\" + i).val();\n }\n }\n } //GD Provider 8 SG Provider 4\n\n\n dataframe += \"%0D%0A\" + \"%23\" + \"8\";\n window.orderEntry = \"QR:8:\" + $(\"#remarksCountry\").val() + \":\" + $(\"#remarks\").val() + \":#8\"; // if($(\"#provider2\").is(':checked'))\n // dataframe += \"4\";\n\n var empty = false;\n console.log(\"this is order picky \" + window.gdpicky);\n\n for (var i = 1; i <= window.gdpicky; i++) {\n var num = $(\"#numberGDPICK_\" + i).val();\n var amount = $(\"#amountGDPICK\").val();\n\n if (num != \"\") {\n if (amount != \"\" && (amount < 0.25 || amount > 100)) {\n $f7.dialog.alert(\"Montante osan ba jogu hahu husi $0.25 to $100 ba joga
Amount must be in between 0.25 to 100 for bet \" + num);\n return;\n } //if(amount.includes(\".\")) {$f7.dialog.alert(\"Must be round number 1-100 for bet \" + num);return;}\n\n\n dataframe += \"%0D%0A\" + num + \"%23\" + amount;\n window.orderEntry += \"|\" + num + \"#\" + amount;\n }\n\n if (num.length != window.maxdigit) {\n if (window.lang == \"tl\") $f7.dialog.alert(\"Numeru tenke iha digit \" + window.maxdigit);\n if (window.lang == \"en\") $f7.dialog.alert(\"Bet number must be \" + window.maxdigit + \" digits\");\n return;\n }\n\n if (num == \"\") empty = true;\n }\n\n if (empty == true) {\n $f7.dialog.alert(\"Please fill in \" + picky + \" bet numbers\");\n return;\n }\n\n if (window.service == \"web\") {\n window.book = dataframe;\n window.form = 8;\n $f7.views.main.router.navigate(\"/web_qr/\");\n return;\n }\n\n if (window.service == \"kiosk-closed\") {\n //$f7.views.main.router.navigate(\"/kiosk_receipt/\"); \n window.print_detail = \"
Print your order
\";\n window.print_text = \"{CENTER}\";\n window.print_text += \"{BR}{BR}\";\n window.print_text += \"Please show this receipt to the cashier to make payment\";\n window.print_text += \"{BR}{BR}\";\n window.print_qr = window.orderEntry;\n window.print_page = \"/kiosk_home/\";\n $f7.views.current.router.navigate(\"/gen_receipt/\");\n return;\n }\n\n console.log(dataframe);\n console.log(window.orderEntry);\n $f7.request({\n method: 'get',\n url: window.waypoint + 'order.aspx',\n data: {\n form: 8,\n currency: window.currency,\n smsnum: $(\"#remarksCountry\").val() + \"-\" + $(\"#remarks\").val(),\n remarks: $(\"#smsnum\").val(),\n reqId: window.uuid,\n latitude: window.lat,\n longitude: window.lot,\n bet: dataframe\n },\n beforeSend: function beforeSend(xhr) {\n xhr.setRequestHeader('Authorization', \"Basic \" + window.authbasic);\n },\n success: function success(data) {\n var data = JSON.parse(data);\n console.log(data);\n\n if (data.ALERT != undefined && data.ALERT != \"\") {\n $f7.dialog.alert(data.ALERT);\n }\n\n if (data.status == \"1\") {\n window.kiosk = data;\n window.isPrint = true;\n\n if (window.service == \"agent\" || window.service == \"cashier\") {\n window.orderId = window.kiosk.orderId;\n window.origin = \"bet\";\n $f7.views.current.router.navigate(\"/cashier_receipt/\");\n }\n\n if (window.service == \"kiosk\") {\n $f7.views.main.router.navigate(\"/kiosk_receipt/\");\n }\n } else {\n var errorMsg = data.errmsg;\n if (errorMsg == \"ERR_INVALID_NUMBER\") errorMsg = \"Please fill in bet number\";\n if (errorMsg == \"ERR_INVALID_AMOUNT\") errorMsg = \"Please fill in amount\";\n $f7.dialog.alert(errorMsg);\n }\n }\n });\n };\n\n $on('pageAfterIn', function () {\n $f7.toolbar.hide(\".toolbar-app\");\n });\n $on('pageAfterOut', function () {\n $f7.toolbar.show(\".toolbar-app\");\n });\n\n var lucky = function lucky() {\n console.log(\"This is picky:\" + window.gdpicky);\n console.log(\"POW\" + Math.pow(10, window.maxdigit));\n\n for (var i = 1; i <= window.gdpicky; i++) {\n var seed_a = 1 * Math.pow(10, window.maxdigit - 1);\n var seed_b = 9 * Math.pow(10, window.maxdigit - 1);\n var val = Math.floor(seed_a + Math.random() * seed_b);\n $('#numberGDPICK_' + i).val(val);\n $('#numberGDPICK_' + i).focus();\n $('#numberGDPICK_' + i).keyup();\n }\n };\n\n var fav_list = \"\";\n\n var fav_list_it = function fav_list_it() {\n fav_list = \"\";\n $(\".fav-list\").html(\"\");\n var codeEnter = localStorage.getItem(\"fav\");\n\n if (codeEnter == \"\" || codeEnter == undefined || codeEnter == null || codeEnter == \"null\") {\n return;\n }\n\n var arr = codeEnter.split(\":\");\n\n for (var i = arr.length - 1; i >= 0; i--) {\n if (arr[i] != \"null\") fav_list += \"\\n
\n `\n }\n ;\n}\n\nframework7Component.id = '33b2f62f35';\nexport default framework7Component;","/** @jsx $jsx */\nimport { $jsx } from 'framework7';\n\nfunction framework7Component(props, _ref) {\n var $f7 = _ref.$f7,\n $ = _ref.$,\n $on = _ref.$on,\n $update = _ref.$update;\n var numberList = \"\";\n var count = 0;\n\n var send = function send() {\n window.copy = false;\n window.origin = \"bet\"; //Verify if amount is empty\n\n if ($(\"#amountSGPICK\").val() == \"\") {\n $f7.dialog.alert(\"Bet amount is empty\");\n return;\n } //Verify if empty\n\n\n if ($(\"#remarks\").val() == \"\" && $(\"#smsnum\").val() == \"\" && window.service != \"web\" && window.service != \"cashier\") {\n if (window.service == \"agent\") {\n if (window.lang == \"tl\") $f7.dialog.alert(\"Canal fan/sosa nian presija GDp/numeru telemovel ba bilhete atu sai nudar protesaun\");\n if (window.lang == \"en\") $f7.dialog.alert(\"This Sales Channel is Required GDP/Mobile Number fo Ticket Protection\");\n if (window.lang == \"cn\") $f7.dialog.alert(\"请提供GDP/手机号码，用于票根保护\");\n return;\n }\n\n if (window.service == \"kiosk\") {\n if (confirm('If no GDP inserted, then No Qualified for Jackpot and No Points Colletion. Do you want to continue?')) {} else {\n return;\n }\n }\n }\n\n if ($(\"#remarks\").val() != \"\") {\n var maxdigit = 20;\n var mindigit = 6;\n\n if ($(\"#remarksCountry\").val() == \"+670\") {\n maxdigit = 8;\n mindigit = 8;\n }\n\n if ($(\"#remarks\").val().length > maxdigit || $(\"#remarks\").val().length < mindigit) {\n if (window.lang == \"en\") $f7.dialog.alert(\"Phone must have at least \" + mindigit + \" to \" + maxdigit + \" digits\");\n if (window.lang == \"tl\") $f7.dialog.alert(\"Numeru Telemovel tenke to \" + maxdigit + \" to'o \" + maxdigit);\n return;\n }\n }\n\n if ($(\"#smsnum\").val() != \"\") {\n if ($(\"#smsnum\").val().length < 6) {\n $f7.dialog.alert(\"Test Code must have at least 6 digits\");\n return;\n }\n }\n\n var dataframe = \"\";\n\n if (window.service != \"web\") {\n dataframe = \"D\";\n\n for (var i = 1; i <= 8; i++) {\n if ($(\"#dateSGPICK\" + i).is(':checked')) {\n dataframe += \"%23\" + $(\"#dateSGPICK\" + i).val();\n }\n }\n } //SG Provider 8 SG Provider 4\n\n\n dataframe += \"%0D%0A\" + \"%23\" + \"4\";\n window.orderEntry = \"QR:9:\" + $(\"#remarksCountry\").val() + \":\" + $(\"#remarks\").val() + \":#4\";\n\n if ($(\"#provider2\").is(':checked')) {\n dataframe += \"8\";\n window.orderEntry + \"#8\";\n }\n\n var empty = false;\n\n for (var i = 1; i <= window.sgpicky; i++) {\n var num = $(\"#numberSGPICK_\" + i).val();\n var amount = $(\"#amountSGPICK\").val();\n\n if (num != \"\") {\n if (amount != \"\" && (amount < 0.25 || amount > 100)) {\n $f7.dialog.alert(\"Montante osan ba jogu hahu husi $0.25 to $100 ba joga
Amount must be in between 0.25 to 100 for bet \" + num);\n return;\n } //if(amount.includes(\".\")) {$f7.dialog.alert(\"Must be round number 1-100 for bet \" + num);return;}\n\n\n dataframe += \"%0D%0A\" + num + \"%23\" + amount;\n window.orderEntry += \"|\" + num + \"#\" + amount;\n }\n\n if (num.length != window.maxdigit) {\n if (window.lang == \"tl\") $f7.dialog.alert(\"Numeru tenke iha digit \" + window.maxdigit);\n if (window.lang == \"en\") $f7.dialog.alert(\"Bet number must be \" + window.maxdigit + \" digits\");\n return;\n }\n\n if (num == \"\") empty = true;\n }\n\n if (empty == true) {\n if (window.lang == \"tl\") $f7.dialog.alert(\"Favor prienxe ita nia numeru\");\n if (window.lang == \"en\") $f7.dialog.alert(\"Please fill in bet number\");\n if (window.lang == \"cn\") $f7.dialog.alert(\"请输入投注号码\");\n return;\n }\n\n if (window.service == \"web\") {\n window.book = dataframe;\n window.form = 9;\n $f7.views.main.router.navigate(\"/web_qr/\");\n return;\n }\n\n if (window.service == \"kiosk-closed\") {\n //$f7.views.main.router.navigate(\"/kiosk_receipt/\"); \n window.print_detail = \"
Print your order
\";\n window.print_text = \"{CENTER}\";\n window.print_text += \"{BR}{BR}\";\n window.print_text += \"Please show this receipt to the cashier to make payment\";\n window.print_text += \"{BR}{BR}\";\n window.print_qr = window.orderEntry;\n window.print_page = \"/kiosk_home/\";\n $f7.views.current.router.navigate(\"/gen_receipt/\");\n return;\n }\n\n console.log(dataframe);\n console.log(window.orderEntry);\n $f7.request({\n method: 'get',\n url: window.waypoint + 'order.aspx',\n data: {\n form: 9,\n currency: window.currency,\n smsnum: $(\"#remarksCountry\").val() + \"-\" + $(\"#remarks\").val(),\n remarks: $(\"#smsnum\").val(),\n reqId: window.uuid,\n latitude: window.lat,\n longitude: window.lot,\n bet: dataframe\n },\n beforeSend: function beforeSend(xhr) {\n xhr.setRequestHeader('Authorization', \"Basic \" + window.authbasic);\n },\n success: function success(data) {\n var data = JSON.parse(data);\n console.log(data);\n\n if (data.ALERT != undefined && data.ALERT != \"\") {\n $f7.dialog.alert(data.ALERT);\n }\n\n if (data.status == \"1\") {\n window.kiosk = data;\n window.isPrint = true;\n\n if (window.service == \"agent\" || window.service == \"cashier\") {\n window.orderId = window.kiosk.orderId;\n window.origin = \"bet\";\n $f7.views.current.router.navigate(\"/cashier_receipt/\");\n }\n\n if (window.service == \"kiosk\") {\n $f7.views.main.router.navigate(\"/kiosk_receipt/\");\n }\n } else {\n var errorMsg = data.errmsg;\n if (errorMsg == \"ERR_INVALID_NUMBER\") errorMsg = \"Please fill in bet number\";\n if (errorMsg == \"ERR_INVALID_AMOUNT\") errorMsg = \"Please fill in amount\";\n $f7.dialog.alert(errorMsg);\n }\n }\n });\n };\n\n $on('pageAfterIn', function () {\n $f7.toolbar.hide(\".toolbar-app\");\n });\n $on('pageAfterOut', function () {\n $f7.toolbar.show(\".toolbar-app\");\n });\n\n var lucky = function lucky() {\n for (var i = 1; i <= window.sgpicky; i++) {\n var seed_a = 1 * Math.pow(10, window.maxdigit - 1);\n var seed_b = 9 * Math.pow(10, window.maxdigit - 1);\n var val = Math.floor(seed_a + Math.random() * seed_b);\n $('#numberSGPICK_' + i).val(val);\n $('#numberSGPICK_' + i).focus();\n $('#numberSGPICK_' + i).keyup();\n }\n };\n\n var fav_list = \"\";\n\n var fav_list_it = function fav_list_it() {\n fav_list = \"\";\n $(\".fav-list\").html(\"\");\n var codeEnter = localStorage.getItem(\"fav\");\n\n if (codeEnter == \"\" || codeEnter == undefined || codeEnter == null || codeEnter == \"null\") {\n return;\n }\n\n var arr = codeEnter.split(\":\");\n\n for (var i = arr.length - 1; i >= 0; i--) {\n if (arr[i] != \"null\") fav_list += \"\\n
\n `\n }\n ;\n}\n\nframework7Component.id = '2a811be627';\nexport default framework7Component;","/** @jsx $jsx */\nimport { $jsx } from 'framework7';\n\nfunction framework7Component(props, _ref) {\n var $f7 = _ref.$f7,\n $ = _ref.$,\n $on = _ref.$on,\n $update = _ref.$update;\n var numberList = \"\";\n var count = 0;\n\n var send = function send() {\n window.copy = false;\n window.origin = \"bet\"; //Verify if amount is empty\n\n if ($(\"#amountSGPICK\").val() == \"\") {\n $f7.dialog.alert(\"Bet amount is empty\");\n return;\n } //Verify if empty\n\n\n if ($(\"#remarks\").val() == \"\" && $(\"#smsnum\").val() == \"\" && window.service != \"web\" && window.service != \"cashier\") {\n if (window.service == \"agent\") {\n if (window.lang == \"tl\") $f7.dialog.alert(\"Canal fan/sosa nian presija GDp/numeru telemovel ba bilhete atu sai nudar protesaun\");\n if (window.lang == \"en\") $f7.dialog.alert(\"This Sales Channel is Required GDP/Mobile Number fo Ticket Protection\");\n if (window.lang == \"cn\") $f7.dialog.alert(\"请提供GDP/手机号码，用于票根保护\");\n return;\n }\n\n if (window.service == \"kiosk\") {\n if (confirm('If no GDP inserted, then No Qualified for Jackpot and No Points Colletion. Do you want to continue?')) {} else {\n return;\n }\n }\n }\n\n if ($(\"#remarks\").val() != \"\") {\n var maxdigit = 20;\n var mindigit = 6;\n\n if ($(\"#remarksCountry\").val() == \"+670\") {\n maxdigit = 8;\n mindigit = 8;\n }\n\n if ($(\"#remarks\").val().length > maxdigit || $(\"#remarks\").val().length < mindigit) {\n if (window.lang == \"en\") $f7.dialog.alert(\"Phone must have at least \" + mindigit + \" to \" + maxdigit + \" digits\");\n if (window.lang == \"tl\") $f7.dialog.alert(\"Numeru Telemovel tenke to \" + maxdigit + \" to'o \" + maxdigit);\n return;\n }\n }\n\n if ($(\"#smsnum\").val() != \"\") {\n if ($(\"#smsnum\").val().length < 6) {\n $f7.dialog.alert(\"Test Code must have at least 6 digits\");\n return;\n }\n }\n\n var dataframe = \"\";\n\n if (window.service != \"web\") {\n dataframe = \"D\";\n\n for (var i = 1; i <= 8; i++) {\n if ($(\"#dateSGSPICK\" + i).is(':checked')) {\n dataframe += \"%23\" + $(\"#dateSGSPICK\" + i).val();\n }\n }\n } //SG Provider 8 SG Provider 4\n\n\n dataframe += \"%0D%0A\" + \"%23\" + \"4\";\n window.orderEntry = \"QR:11:\" + $(\"#remarksCountry\").val() + \":\" + $(\"#remarks\").val() + \":#4\";\n\n if ($(\"#provider2\").is(':checked')) {\n dataframe += \"8\";\n window.orderEntry += \"#8\";\n }\n\n var empty = false;\n\n for (var i = 1; i <= window.sgspicky; i++) {\n var num = $(\"#numberSGPICK_\" + i).val();\n var amount = $(\"#amountSGPICK\").val();\n\n if (num != \"\") {\n if (amount != \"\" && (amount < 0.25 || amount > 100)) {\n $f7.dialog.alert(\"Montante osan ba jogu hahu husi $0.25 to $100 ba joga
Amount must be in between 0.25 to 100 for bet \" + num);\n return;\n } //if(amount.includes(\".\")) {$f7.dialog.alert(\"Must be round number 1-100 for bet \" + num);return;}\n\n\n dataframe += \"%0D%0A\" + num + \"%23\" + amount;\n window.orderEntry += \"|\" + num + \"#\" + amount;\n }\n\n if (num.length != window.maxdigit) {\n if (window.lang == \"tl\") $f7.dialog.alert(\"Numeru tenke iha digit \" + window.maxdigit);\n if (window.lang == \"en\") $f7.dialog.alert(\"Bet number must be \" + window.maxdigit + \" digits\");\n return;\n }\n\n if (num == \"\") empty = true;\n }\n\n if (empty == true) {\n if (window.lang == \"tl\") $f7.dialog.alert(\"Favor prienxe ita nia numeru\");\n if (window.lang == \"en\") $f7.dialog.alert(\"Please fill in bet number\");\n if (window.lang == \"cn\") $f7.dialog.alert(\"请输入投注号码\");\n return;\n }\n\n if (window.service == \"web\") {\n window.book = dataframe;\n window.form = 11;\n $f7.views.main.router.navigate(\"/web_qr/\");\n return;\n }\n\n if (window.service == \"kiosk-closed\") {\n //$f7.views.main.router.navigate(\"/kiosk_receipt/\"); \n window.print_detail = \"
Print your order
\";\n window.print_text = \"{CENTER}\";\n window.print_text += \"{BR}{BR}\";\n window.print_text += \"Please show this receipt to the cashier to make payment\";\n window.print_text += \"{BR}{BR}\";\n window.print_qr = window.orderEntry;\n window.print_page = \"/kiosk_home/\";\n $f7.views.current.router.navigate(\"/gen_receipt/\");\n return;\n }\n\n console.log(dataframe);\n console.log(window.orderEntry);\n $f7.request({\n method: 'get',\n url: window.waypoint + 'order.aspx',\n data: {\n form: 11,\n currency: window.currency,\n smsnum: $(\"#remarksCountry\").val() + \"-\" + $(\"#remarks\").val(),\n remarks: $(\"#smsnum\").val(),\n reqId: window.uuid,\n latitude: window.lat,\n longitude: window.lot,\n bet: dataframe\n },\n beforeSend: function beforeSend(xhr) {\n xhr.setRequestHeader('Authorization', \"Basic \" + window.authbasic);\n },\n success: function success(data) {\n var data = JSON.parse(data);\n console.log(data);\n\n if (data.ALERT != undefined && data.ALERT != \"\") {\n $f7.dialog.alert(data.ALERT);\n }\n\n if (data.status == \"1\") {\n window.kiosk = data;\n window.isPrint = true;\n\n if (window.service == \"agent\" || window.service == \"cashier\") {\n window.orderId = window.kiosk.orderId;\n window.origin = \"bet\";\n $f7.views.current.router.navigate(\"/cashier_receipt/\");\n }\n\n if (window.service == \"kiosk\") {\n $f7.views.main.router.navigate(\"/kiosk_receipt/\");\n }\n } else {\n var errorMsg = data.errmsg;\n if (errorMsg == \"ERR_INVALID_NUMBER\") errorMsg = \"Please fill in bet number\";\n if (errorMsg == \"ERR_INVALID_AMOUNT\") errorMsg = \"Please fill in amount\";\n $f7.dialog.alert(errorMsg);\n }\n }\n });\n };\n\n $on('pageAfterIn', function () {\n $f7.toolbar.hide(\".toolbar-app\");\n });\n $on('pageAfterOut', function () {\n $f7.toolbar.show(\".toolbar-app\");\n });\n\n var lucky = function lucky() {\n for (var i = 1; i <= window.sgspicky; i++) {\n var seed_a = 1 * Math.pow(10, window.maxdigit - 1);\n var seed_b = 9 * Math.pow(10, window.maxdigit - 1);\n var val = Math.floor(seed_a + Math.random() * seed_b);\n $('#numberSGPICK_' + i).val(val);\n $('#numberSGPICK_' + i).focus();\n $('#numberSGPICK_' + i).keyup();\n }\n };\n\n var fav_list = \"\";\n\n var fav_list_it = function fav_list_it() {\n fav_list = \"\";\n $(\".fav-list\").html(\"\");\n var codeEnter = localStorage.getItem(\"fav\");\n\n if (codeEnter == \"\" || codeEnter == undefined || codeEnter == null || codeEnter == \"null\") {\n return;\n }\n\n var arr = codeEnter.split(\":\");\n\n for (var i = arr.length - 1; i >= 0; i--) {\n if (arr[i] != \"null\") fav_list += \"\\n
\n `\n }\n ;\n}\n\nframework7Component.id = '0a0c8476c3';\nexport default framework7Component;","/** @jsx $jsx */\nimport { $jsx } from 'framework7';\n\nfunction framework7Component(props, _ref) {\n var $f7 = _ref.$f7,\n $ = _ref.$,\n $on = _ref.$on,\n $update = _ref.$update;\n var numberList = \"\";\n var count = 0;\n\n var send = function send() {\n window.copy = false;\n window.origin = \"bet\"; //Verify if amount is empty\n\n if ($(\"#amountSTPICK\").val() == \"\") {\n $f7.dialog.alert(\"Bet amount is empty\");\n return;\n } //Verify if empty\n\n\n if ($(\"#remarks\").val() == \"\" && $(\"#smsnum\").val() == \"\" && window.service != \"web\" && window.service != \"cashier\") {\n if (window.service == \"agent\") {\n if (window.lang == \"tl\") $f7.dialog.alert(\"Canal fan/sosa nian presija GDp/numeru telemovel ba bilhete atu sai nudar protesaun\");\n if (window.lang == \"en\") $f7.dialog.alert(\"This Sales Channel is Required GDP/Mobile Number fo Ticket Protection\");\n if (window.lang == \"cn\") $f7.dialog.alert(\"请提供GDP/手机号码，用于票根保护\");\n return;\n }\n\n if (window.service == \"kiosk\") {\n if (confirm('If no GDP inserted, then No Qualified for Jackpot and No Points Colletion. Do you want to continue?')) {} else {\n return;\n }\n }\n }\n\n if ($(\"#remarks\").val() != \"\") {\n var maxdigit = 20;\n var mindigit = 6;\n\n if ($(\"#remarksCountry\").val() == \"+670\") {\n maxdigit = 8;\n mindigit = 8;\n }\n\n if ($(\"#remarks\").val().length > maxdigit || $(\"#remarks\").val().length < mindigit) {\n if (window.lang == \"en\") $f7.dialog.alert(\"Phone must have at least \" + mindigit + \" to \" + maxdigit + \" digits\");\n if (window.lang == \"tl\") $f7.dialog.alert(\"Numeru Telemovel tenke to \" + maxdigit + \" to'o \" + maxdigit);\n return;\n }\n }\n\n if ($(\"#smsnum\").val() != \"\") {\n if ($(\"#smsnum\").val().length < 6) {\n $f7.dialog.alert(\"Test Code must have at least 6 digits\");\n return;\n }\n }\n\n var dataframe = \"\";\n\n if (window.service != \"web\") {\n dataframe = \"D\";\n\n for (var i = 1; i <= 8; i++) {\n if ($(\"#dateSTPICK\" + i).is(':checked')) {\n dataframe += \"%23\" + $(\"#dateSTPICK\" + i).val();\n }\n }\n } //SG Provider 8 SG Provider 4\n\n\n dataframe += \"%0D%0A\" + \"%23\" + \"9\";\n window.orderEntry = \"QR:9:\" + $(\"#remarksCountry\").val() + \":\" + $(\"#remarks\").val() + \":#9\";\n\n if ($(\"#provider2\").is(':checked')) {\n dataframe += \"8\";\n window.orderEntry + \"#8\";\n }\n\n var empty = false;\n\n for (var i = 1; i <= window.stpicky; i++) {\n var num = $(\"#numberSTPICK_\" + i).val();\n var amount = $(\"#amountSTPICK\").val();\n\n if (num != \"\") {\n if (amount != \"\" && (amount < 0.25 || amount > 100)) {\n $f7.dialog.alert(\"Montante osan ba jogu hahu husi $0.25 to $100 ba joga
Amount must be in between 0.25 to 100 for bet \" + num);\n return;\n } //if(amount.includes(\".\")) {$f7.dialog.alert(\"Must be round number 1-100 for bet \" + num);return;}\n\n\n dataframe += \"%0D%0A\" + num + \"%23\" + amount;\n window.orderEntry += \"|\" + num + \"#\" + amount;\n }\n\n if (num.length != window.maxdigit) {\n if (window.lang == \"tl\") $f7.dialog.alert(\"Numeru tenke iha digit \" + window.maxdigit);\n if (window.lang == \"en\") $f7.dialog.alert(\"Bet number must be \" + window.maxdigit + \" digits\");\n return;\n }\n\n if (num == \"\") empty = true;\n }\n\n if (empty == true) {\n if (window.lang == \"tl\") $f7.dialog.alert(\"Favor prienxe ita nia numeru\");\n if (window.lang == \"en\") $f7.dialog.alert(\"Please fill in bet number\");\n if (window.lang == \"cn\") $f7.dialog.alert(\"请输入投注号码\");\n return;\n }\n\n if (window.service == \"web\") {\n window.book = dataframe;\n window.form = window.seper_form;\n $f7.views.main.router.navigate(\"/web_qr/\");\n return;\n }\n\n if (window.service == \"kiosk-closed\") {\n //$f7.views.main.router.navigate(\"/kiosk_receipt/\"); \n window.print_detail = \"
Print your order
\";\n window.print_text = \"{CENTER}\";\n window.print_text += \"{BR}{BR}\";\n window.print_text += \"Please show this receipt to the cashier to make payment\";\n window.print_text += \"{BR}{BR}\";\n window.print_qr = window.orderEntry;\n window.print_page = \"/kiosk_home/\";\n $f7.views.current.router.navigate(\"/gen_receipt/\");\n return;\n }\n\n console.log(dataframe);\n console.log(window.orderEntry);\n $f7.request({\n method: 'get',\n url: window.waypoint + 'order.aspx',\n data: {\n form: window.seper_form,\n currency: window.currency,\n smsnum: $(\"#remarksCountry\").val() + \"-\" + $(\"#remarks\").val(),\n remarks: $(\"#smsnum\").val(),\n numberType: window.seper_type,\n reqId: window.uuid,\n latitude: window.lat,\n longitude: window.lot,\n bet: dataframe\n },\n beforeSend: function beforeSend(xhr) {\n xhr.setRequestHeader('Authorization', \"Basic \" + window.authbasic);\n },\n success: function success(data) {\n var data = JSON.parse(data);\n console.log(data);\n\n if (data.ALERT != undefined && data.ALERT != \"\") {\n $f7.dialog.alert(data.ALERT);\n }\n\n if (data.status == \"1\") {\n window.kiosk = data;\n window.isPrint = true;\n\n if (window.service == \"agent\" || window.service == \"cashier\") {\n window.orderId = window.kiosk.orderId;\n window.origin = \"bet\";\n $f7.views.current.router.navigate(\"/cashier_receipt/\");\n }\n\n if (window.service == \"kiosk\") {\n $f7.views.main.router.navigate(\"/kiosk_receipt/\");\n }\n } else {\n var errorMsg = data.errmsg;\n if (errorMsg == \"ERR_INVALID_NUMBER\") errorMsg = \"Please fill in bet number\";\n if (errorMsg == \"ERR_INVALID_AMOUNT\") errorMsg = \"Please fill in amount\";\n $f7.dialog.alert(errorMsg);\n }\n }\n });\n };\n\n $on('pageAfterIn', function () {\n $f7.toolbar.hide(\".toolbar-app\");\n });\n $on('pageAfterOut', function () {\n $f7.toolbar.show(\".toolbar-app\");\n });\n\n var lucky = function lucky() {\n for (var i = 1; i <= window.stpicky; i++) {\n var seed_a = 1 * Math.pow(10, window.maxdigit - 1);\n var seed_b = 9 * Math.pow(10, window.maxdigit - 1);\n var val = Math.floor(seed_a + Math.random() * seed_b);\n $('#numberSTPICK_' + i).val(val);\n $('#numberSTPICK_' + i).focus();\n $('#numberSTPICK_' + i).keyup();\n }\n };\n\n var fav_list = \"\";\n\n var fav_list_it = function fav_list_it() {\n fav_list = \"\";\n $(\".fav-list\").html(\"\");\n var codeEnter = localStorage.getItem(\"fav\");\n\n if (codeEnter == \"\" || codeEnter == undefined || codeEnter == null || codeEnter == \"null\") {\n return;\n }\n\n var arr = codeEnter.split(\":\");\n\n for (var i = arr.length - 1; i >= 0; i--) {\n if (arr[i] != \"null\") fav_list += \"\\n
\\n\\n \";\n }\n\n $update();\n } else {\n $f7.dialog.alert(data.errMsg);\n }\n }\n });\n };\n\n var search = function search() {\n $f7.request({\n method: 'get',\n url: window.waypoint + 'jackpot.aspx',\n data: {\n lang: window.lang,\n reqId: window.uuid,\n latitude: window.lat,\n longitude: window.lot,\n drawDateFrom: $(\"#drawDateFrom\").val(),\n drawDateTo: $(\"#drawDateTo\").val()\n },\n beforeSend: function beforeSend(xhr) {\n xhr.setRequestHeader('Authorization', \"Basic \" + window.authbasic);\n },\n success: function success(data) {\n console.log(data);\n var data = JSON.parse(data);\n\n if (data.ALERT != undefined && data.ALERT != \"\") {\n $f7.dialog.alert(data.ALERT);\n }\n\n if (data.status == \"1\") {\n if (data.jackpots.length > 0) {\n receipt = \"\\n
\\n
\\n
\\n
\\n Congratulation!\\n
\\n
\\n \" + data.smsnum + \"\\n
\\n
\\n
\\n
\\n \";\n }\n\n console.log(\"receipt length\" + data.jackpots.length);\n\n for (var i = 0; i < data.jackpots.length; i++) {\n var dtype = \"\";\n var rdate = data.jackpots[i].drawDate.split(\"-\").reverse().join(\"-\");\n ;\n var winning = parseFloat(data.jackpots[i].winning).toFixed(2).replace(/\\d(?=(\\d{3})+\\.)/g, '$&,');\n var unit = parseFloat(data.jackpots[i].unit).toFixed(2).replace(/\\d(?=(\\d{3})+\\.)/g, '$&,');\n receipt += \"\\n
\\n
\\n
\\n
\" + data.jackpots[i].bonusType + \"
\\n
\" + rdate + \"
\\n
\\n
\\n
\\n \\n
\\n \\n
\\n
Unit:\" + unit + \"
\\n
Bet Number: \" + data.jackpots[i].number + \"
\\n
Prize: \" + parseInt(data.jackpots[i].prize) + \"
\\n
\\n \\n
\\n
\\n \\n \\n
\\n\\n \";\n }\n\n $update();\n } else {\n $f7.dialog.alert(data.errMsg);\n }\n }\n });\n };\n\n $on('pageAfterOut', function () {\n clearInterval(window.langPlace7);\n });\n $on('pageInit', function () {\n window.langPlace7 = setInterval(function () {\n if (window.lang == \"tl\") document.getElementById(\"jackpot_orderID\").placeholder = \"Scan ka tama hameno id\";\n if (window.lang == \"en\") document.getElementById(\"jackpot_orderID\").placeholder = \"Scan or enter your order id\";\n if (window.lang == \"cn\") document.getElementById(\"jackpot_orderID\").placeholder = \"扫描或输入您的订单编号\";\n }, 100);\n document.getElementById('drawDateFrom').valueAsDate = new Date();\n document.getElementById('drawDateTo').valueAsDate = new Date();\n });\n return function ($ctx) {\n var $ = $ctx.$;\n var $h = $ctx.$h;\n var $root = $ctx.$root;\n var $f7 = $ctx.$f7;\n var $f7route = $ctx.$f7route;\n var $f7router = $ctx.$f7router;\n var $theme = $ctx.$theme;\n var $update = $ctx.$update;\n var $store = $ctx.$store;\n\n return $h`\n
\\n\\n \";\n }\n\n $update();\n } else {\n $f7.dialog.alert(data.errMsg);\n }\n }\n });\n };\n\n $on('pageAfterOut', function () {\n clearInterval(window.langPlace6);\n });\n $on('pageInit', function () {\n window.langPlace6 = setInterval(function () {\n if (window.lang == \"tl\") document.getElementById(\"winning_orderID\").placeholder = \"Scan ka tama hameno id\";\n if (window.lang == \"en\") document.getElementById(\"winning_orderID\").placeholder = \"Scan or enter your order id\";\n if (window.lang == \"cn\") document.getElementById(\"winning_orderID\").placeholder = \"扫描或输入您的订单编号\";\n }, 100);\n document.getElementById('drawDateFrom').valueAsDate = new Date();\n document.getElementById('drawDateTo').valueAsDate = new Date();\n });\n return function ($ctx) {\n var $ = $ctx.$;\n var $h = $ctx.$h;\n var $root = $ctx.$root;\n var $f7 = $ctx.$f7;\n var $f7route = $ctx.$f7route;\n var $f7router = $ctx.$f7router;\n var $theme = $ctx.$theme;\n var $update = $ctx.$update;\n var $store = $ctx.$store;\n\n return $h`\n
\n \n Please select the FROM and TO date to list the betting.\n 请选择开始和结束日期以列出投注。\n Favor hili data husi komesa to data remata nebe atu tau iha ita nia taru\n \n
\n\n\n
\n Draw Date\n 抽奖日期\n Data soe \n
\n
\n
\n
\n
\n
\n From\n 开始\n Husi\n
\n
\n \n
\n
\n
\n
\n
\n
\n To\n 结束\n Ba\n
\n
\n \n
\n
\n
\n
\n
\n \n \n \n \n
\n
\n \n
\n
\n\n\n
\n \n \n Buka rezultado\n
\n
\n\n
\n\n
\n
\n`\n }\n ;\n}\n\nframework7Component.id = '0cfb7f20f0';\nexport default framework7Component;","/** @jsx $jsx */\nimport { $jsx } from 'framework7';\n\nfunction framework7Component(props, _ref) {\n var $f7 = _ref.$f7,\n $ = _ref.$,\n $on = _ref.$on,\n $update = _ref.$update;\n var creditLimit = \"\";\n var totalBalance = \"\";\n var outstanding = \"\";\n var mto = \"\";\n var mt = \"\";\n var sales = \"\";\n var comm = \"\";\n var earn = \"\";\n var strike = \"\";\n var win = \"\";\n var total = \"\";\n var company = \"\";\n var downline = \"\";\n\n var neg = function neg(text) {\n var txt = text;\n\n if (text.includes(\"-\")) {\n txt = \"\" + text + \"\";\n }\n\n return txt;\n };\n\n var search = function search() {\n $f7.request({\n method: 'get',\n url: window.waypoint + 'report.aspx',\n data: {\n lang: window.lang,\n reqId: window.uuid,\n latitude: window.lat,\n longitude: window.lot,\n drawDateFrom: $(\"#drawDateFrom\").val(),\n drawDateTo: $(\"#drawDateTo\").val()\n },\n beforeSend: function beforeSend(xhr) {\n xhr.setRequestHeader('Authorization', \"Basic \" + window.authbasic);\n },\n success: function success(data) {\n console.log(data);\n var data = JSON.parse(data);\n creditLimit = data.creditLimit;\n totalBalance = data.totalBalance;\n outstanding = neg(data.outstanding);\n mto = neg(data.MTO);\n mt = neg(data.MT);\n sales = neg(data.sales);\n comm = neg(data.comm);\n earn = neg(data.earn);\n strike = neg(data.strike);\n win = neg(data.win);\n total = neg(data.total);\n company = \"\";\n downline = \"\";\n\n for (var i = 0; i < data.company.length; i++) {\n company += \"\\n
\\n
\\n \\n
\\n Sales\\n \\u9500\\u552E\\u91CF\\n Faan\\n
\" + neg(data.company[i].sales) + \"
\\n
\\n Commission\\n \\u4F63\\u91D1\\n Komisaun\\n
\" + neg(data.company[i].comm) + \"
\\n
\\n Strike\\n \\u4E2D\\n Kona\\n
\" + neg(data.company[i].strike) + \"
\\n
Total
\" + neg(data.company[i].total) + \"
\\n \\n
\\n
\\n \";\n }\n\n for (var i = 0; i < data.downlines.length; i++) {\n downline += \"\\n
\\n
\\n \\n
\\n Login ID\\n \\u767B\\u5F55ID\\n Kode ID\\n
\" + data.downlines[i].loginID + \"
\\n
\\n Sales\\n \\u9500\\u552E\\u91CF\\n Faan\\n
\" + neg(data.downlines[i].sales) + \"
\\n
\\n Commission\\n \\u4F63\\u91D1\\n Komisaun\\n
\" + neg(data.downlines[i].comm) + \"
\\n
\\n Strike\\n \\u4E2D\\n Kona\\n
\" + neg(data.downlines[i].strike) + \"
\\n
Total
\" + neg(data.downlines[i].total) + \"
\\n \\n
\\n
\\n \";\n }\n\n $update();\n }\n });\n };\n\n $on('pageInit', function () {\n document.getElementById('drawDateFrom').valueAsDate = new Date();\n document.getElementById('drawDateTo').valueAsDate = new Date();\n });\n return function ($ctx) {\n var $ = $ctx.$;\n var $h = $ctx.$h;\n var $root = $ctx.$root;\n var $f7 = $ctx.$f7;\n var $f7route = $ctx.$f7route;\n var $f7router = $ctx.$f7router;\n var $theme = $ctx.$theme;\n var $update = $ctx.$update;\n var $store = $ctx.$store;\n\n return $h`\n
\n Win and Lose Report\n 输赢报告\n Manán no lakon relatóriu\n
\n
\n
\n
\n \n
\n \n Please select the FROM and TO date to show the report.\n \n Favor hili data husi komesa to data remata nebe ita taru atu nune bele hatudu ita nia relatoriu\n \n
\n\n
\n Bet Date\n 投注日期\n Data Joga\n
\n
\n
\n
\n
\n
\n From\n 开始\n Husi\n
\n
\n \n
\n
\n
\n
\n
\n
\n To\n 结束\n Ba\n
\n
\n \n
\n
\n
\n
\n
\n \n \n \n \n
\n
\n
\n
\n\n\n
\n Search Result\n 搜索结果\n Buka rezultado\n
\n
\n
\n \n
\n Credit Limit\n 信用额度\n Limitasaun ba kreditu\n
\n
\n Total Balance\n 总余额\n Total balansu\n
\n
\n Outstanding\n 未完成交易\n Sei adia fali\n
\n
\n Member Turn Over\n 会员营业额\n Membru nia tempu hotu\n
\n
\n Turn Over\n 营业额\n Tempu hotu\n
\n
\n Sales\n 销售量\n Faan\n
\n
\n Commission\n 佣金\n Komisaun\n
\n
\n Earning\n 收入\n Osan tama\n
\n
\n Strike\n 中\n Kona\n
\n
\n Win\n 赢\n Manan\n
\n
\n Total\n 全部的\n Totalidade\n
\n \n
\n
\n\n
\n Company\n 公司\n Kompanya\n
\n
\n
\n\n
\n Downlines\n 下线\n Linha tun\n
\n
\n
\n\n \n \n \n\n
\n
\n`\n }\n ;\n}\n\nframework7Component.id = '1e0b2e7008';\nexport default framework7Component;","/** @jsx $jsx */\nimport { $jsx } from 'framework7';\n\nfunction framework7Component(props, _ref) {\n var $f7 = _ref.$f7,\n $ = _ref.$,\n $on = _ref.$on,\n $update = _ref.$update;\n\n var scanqr = function scanqr() {\n cordova.plugins.barcodeScanner.scan(function (result) {\n // alert(\"We got a barcode\\n\" +\n // \"Result: \" + result.text + \"\\n\" +\n // \"Format: \" + result.format + \"\\n\" +\n // \"Cancelled: \" + result.cancelled);\n window.orderId = result.text;\n window.copy = true;\n window.origin = \"agent_pay\";\n $f7.views.current.router.navigate(\"/cashier_receipt/\", {\n force: true\n });\n }, function (error) {\n alert(\"Scanning failed: \" + error);\n });\n };\n\n var scandata = \"\";\n\n var search = function search() {\n window.orderId = $(\"#orderid\").val();\n window.origin = \"agent_pay\";\n $(\"#orderid\").val(\"\");\n $f7.views.current.router.navigate(\"/cashier_receipt/\", {\n force: true\n });\n };\n\n $on('pageAfterOut', function () {\n clearInterval(window.langPlace2);\n });\n $on('pageInit', function () {\n scandata = \"\";\n $('#orderid').blur();\n $(\"#orderid\").on('keypress', function (e) {\n if (e.which == 13) {\n search();\n }\n });\n window.langPlace2 = setInterval(function () {\n if (window.lang == \"tl\") document.getElementById(\"orderid\").placeholder = \"Tama hameno id\";\n if (window.lang == \"en\") document.getElementById(\"orderid\").placeholder = \"Enter your order id\";\n if (window.lang == \"cn\") document.getElementById(\"orderid\").placeholder = \"输入您的订单编号\";\n }, 1000); // $('body').on('keyup', function (event) {\n // if($f7.views.current.name==\"pay\")\n // {\n // console.log(\"this is the current name\" + $f7.views.current.name);\n // var key = event.key;\n // key = key.toUpperCase();\n // if(key != \"SHIFT\" && key !=\"ENTER\")\n // scandata+=key;\n // if(key == \"ENTER\")\n // {\n // window.orderId = scandata;\n // scandata = \"\";\n // $f7.views.current.router.navigate(\"/cashier_receipt/\",{force:true});\n // }\n // } \n // });\n });\n return function ($ctx) {\n var $ = $ctx.$;\n var $h = $ctx.$h;\n var $root = $ctx.$root;\n var $f7 = $ctx.$f7;\n var $f7route = $ctx.$f7route;\n var $f7router = $ctx.$f7router;\n var $theme = $ctx.$theme;\n var $update = $ctx.$update;\n var $store = $ctx.$store;\n\n return $h`\n
\n
\n \n
\n \n
\n Scan Receipt\n 扫描收据\n Scan Resibu\n
\n
\n
\n
\n \n
\n
\n Touch the scanner image below to scan the receipt or enter order id\n 触摸下方的扫描仪图像以扫描收据或输入订单编号\n Kona scanner ka tama hameno ID\n
\n \n \n \n OR\n 或者\n KA\n \n \n
\n
\n
\n
\n
\n ORDER ID\n 订单编号\n HAMENO ID\n
\n
\n \n \n \n
\n \n
\n
\n
\n
\n
\n \n
\n
\n
\n
\n`\n }\n ;\n}\n\nframework7Component.id = 'd5c46ffd93';\nexport default framework7Component;","/** @jsx $jsx */\nimport { $jsx } from 'framework7';\n\nfunction framework7Component(props, _ref) {\n var $f7 = _ref.$f7,\n $ = _ref.$,\n $on = _ref.$on,\n $update = _ref.$update;\n var version = window.version;\n\n var checkwallet = function checkwallet(val) {\n window.wallet = \"true\";\n $f7.views.main.router.navigate(val);\n };\n\n $on('pageInit', function () {\n $('.wallet-amount').html(\"$\" + window.wallet_amount);\n window.checkbalance = true;\n $update();\n });\n return function ($ctx) {\n var $ = $ctx.$;\n var $h = $ctx.$h;\n var $root = $ctx.$root;\n var $f7 = $ctx.$f7;\n var $f7route = $ctx.$f7route;\n var $f7router = $ctx.$f7router;\n var $theme = $ctx.$theme;\n var $update = $ctx.$update;\n var $store = $ctx.$store;\n\n return $h`\n
\n`\n }\n ;\n}\n\nframework7Component.id = '2fe10cdf23';\nexport default framework7Component;","\nimport HomePage from '../pages/home.f7.html';\nimport AboutPage from '../pages/about.f7.html';\nimport FormPage from '../pages/form.f7.html';\nimport CatalogPage from '../pages/catalog.f7.html';\nimport ProductPage from '../pages/product.f7.html';\nimport SettingsPage from '../pages/settings.f7.html';\nimport bet4d from '../pages/bet4d.f7.html';\nimport bet4dSG from '../pages/bet4dSG.f7.html';\nimport bet4dOnly from '../pages/bet4dOnly.f7.html';\nimport bet4dSGOnly from '../pages/bet4dSGOnly.f7.html';\nimport bet6d from '../pages/bet6d.f7.html';\nimport betlist from '../pages/betlist.f7.html';\nimport report from '../pages/report.f7.html';\nimport receipt from '../pages/receipt.f7.html';\nimport jackpot from '../pages/jackpot.f7.html';\nimport result from '../pages/result.f7.html';\nimport profile from '../pages/profile.f7.html';\n\nimport CASHIER_home from '../pages/CASHIER_home.f7.html';\nimport CASHIER_receipt from '../pages/CASHIER_receipt.f7.html';\nimport CASHIER_pay from '../pages/CASHIER_pay.f7.html';\nimport CASHIER_report from '../pages/CASHIER_report.f7.html';\n\nimport KIOSK_home from '../pages/KIOSK_home.f7.html';\nimport KIOSK_6d_GD from '../pages/KIOSK_6d_GD.f7.html';\nimport KIOSK_4d_GD from '../pages/KIOSK_4d_GD.f7.html';\nimport KIOSK_4d_GD_Only from '../pages/KIOSK_4d_GD_Only.f7.html';\nimport KIOSK_4d_SG from '../pages/KIOSK_4d_SG.f7.html';\nimport KIOSK_4d_SG_S from '../pages/KIOSK_4d_SG_S.f7.html';\nimport KIOSK_4d_SG_Only from '../pages/KIOSK_4d_SG_Only.f7.html';\nimport KIOSK_receipt from '../pages/KIOSK_receipt.f7.html';\nimport KIOSK_receipt_winning from '../pages/KIOSK_receipt_winning.f7.html';\nimport KIOSK_result_GD from '../pages/KIOSK_result_GD.f7.html';\nimport KIOSK_result_SG from '../pages/KIOSK_result_SG.f7.html';\nimport KIOSK_result_ST from '../pages/KIOSK_result_ST.f7.html';\nimport KIOSK_winning from '../pages/KIOSK_winning.f7.html';\nimport KIOSK_rebuy from '../pages/KIOSK_rebuy.f7.html';\nimport KIOSK_jackpot from '../pages/KIOSK_jackpot.f7.html';\nimport KIOSK_4d_ST from '../pages/KIOSK_4d_ST.f7.html';\nimport KIOSK_6d_ST from '../pages/KIOSK_6d_ST.f7.html';\nimport KIOSK_test from '../pages/KIOSK_test.f7.html';\nimport settings_test from '../pages/settings_test.f7.html';\nimport KIOSK_PICK_GD from '../pages/KIOSK_PICK_GD.f7.html';\nimport KIOSK_PICK_SG from '../pages/KIOSK_PICK_SG.f7.html';\nimport KIOSK_PICK_SG_S from '../pages/KIOSK_PICK_SG_S.f7.html';\nimport KIOSK_PICK_ST from '../pages/KIOSK_PICK_ST.f7.html';\n\nimport WEB_home from '../pages/WEB_home.f7.html';\nimport WEB_QR from '../pages/WEB_QR.f7.html';\nimport WEB_history from '../pages/WEB_history.f7.html';\n\nimport CHECK_home from '../pages/CHECK_home.f7.html';\n\nimport AGENT_home from '../pages/AGENT_home.f7.html';\nimport AGENT_jackpot from '../pages/AGENT_jackpot.f7.html';\nimport AGENT_winning from '../pages/AGENT_winning.f7.html';\nimport AGENT_betlist from '../pages/AGENT_betlist.f7.html';\nimport AGENT_report from '../pages/AGENT_report.f7.html';\nimport AGENT_pay from '../pages/AGENT_pay.f7.html';\nimport AGENT_wallet from '../pages/AGENT_wallet.f7.html';\n\nimport GEN_receipt from '../pages/GEN_receipt.f7.html';\nimport GEN_buypaper from '../pages/GEN_buypaper.f7.html';\nimport GEN_buytopup from '../pages/GEN_buytopup.f7.html';\nimport GEN_payoutstanding from '../pages/GEN_payoutstanding.f7.html';\nimport GEN_longlong from '../pages/GEN_longlong.f7.html';\nimport GEN_history from '../pages/GEN_history.f7.html';\nimport GEN_withdraw from '../pages/GEN_withdraw.f7.html';\n\nimport DynamicRoutePage from '../pages/dynamic-route.f7.html';\nimport RequestAndLoad from '../pages/request-and-load.f7.html';\nimport NotFoundPage from '../pages/404.f7.html';\n\nvar routes = [\n {\n path: '/',\n component: HomePage,\n },\n {\n path: '/about/',\n component: AboutPage,\n },\n {\n path: '/form/',\n component: FormPage,\n },\n {\n path: '/catalog/',\n component: CatalogPage,\n },\n {\n path: '/product/:id/',\n component: ProductPage,\n },\n {\n path: '/settings/',\n component: SettingsPage,\n },\n {\n path: '/bet4d/',\n component: bet4d,\n },\n {\n path: '/bet4dOnly/',\n component: bet4dOnly,\n },\n {\n path: '/bet6d/',\n component: bet6d,\n },\n {\n path: '/betlist/',\n component: betlist,\n },\n {\n path: '/report/',\n component: report,\n },\n {\n path: '/bet4dSG/',\n component: bet4dSG,\n },\n {\n path: '/bet4dSGOnly/',\n component: bet4dSGOnly,\n },\n {\n path: '/receipt/',\n component: receipt,\n },\n {\n path: '/jackpot/',\n component: jackpot,\n },\n {\n path: '/result/',\n component: result,\n },\n {\n path: '/profile/',\n component: profile,\n },\n {\n path: '/cashier_home/',\n component: CASHIER_home,\n },\n {\n path: '/cashier_receipt/',\n component: CASHIER_receipt,\n },\n {\n path: '/cashier_pay/',\n component: CASHIER_pay,\n },\n {\n path: '/cashier_report/',\n component: CASHIER_report,\n },\n\n //KIOSK ROUTE BEGIN\n {\n path: '/kiosk_home/',\n component: KIOSK_home,\n },\n {\n path: '/kiosk_6d_GD/',\n component: KIOSK_6d_GD,\n },\n {\n path: '/kiosk_pick_GD/',\n component: KIOSK_PICK_GD,\n },\n {\n path: '/kiosk_pick_SG/',\n component: KIOSK_PICK_SG,\n },\n {\n path: '/kiosk_pick_SG_S/',\n component: KIOSK_PICK_SG_S,\n },\n {\n path: '/kiosk_pick_ST/',\n component: KIOSK_PICK_ST,\n },\n {\n path: '/kiosk_4d_GD/',\n component: KIOSK_4d_GD,\n },\n {\n path: '/kiosk_4d_GD_Only/',\n component: KIOSK_4d_GD_Only,\n },\n {\n path: '/kiosk_4d_SG/',\n component: KIOSK_4d_SG,\n },\n {\n path: '/kiosk_4d_SG_S/',\n component: KIOSK_4d_SG_S,\n },\n {\n path: '/kiosk_4d_SG_Only/',\n component: KIOSK_4d_SG_Only,\n },\n {\n path: '/kiosk_4d_ST/',\n component: KIOSK_4d_ST,\n },\n {\n path: '/kiosk_6d_ST/',\n component: KIOSK_6d_ST,\n },\n {\n path: '/kiosk_receipt/',\n component: KIOSK_receipt,\n },\n {\n path: '/kiosk_result_gd/',\n component: KIOSK_result_GD,\n },\n {\n path: '/kiosk_result_sg/',\n component: KIOSK_result_SG,\n },\n {\n path: '/kiosk_result_st/',\n component: KIOSK_result_ST,\n },\n {\n path: '/kiosk_winning/',\n component: KIOSK_winning,\n },\n {\n path: '/kiosk_receipt_winning/',\n component: KIOSK_receipt_winning,\n },\n {\n path: '/kiosk_rebuy/',\n component: KIOSK_rebuy,\n },\n {\n path: '/kiosk_jackpot/',\n component: KIOSK_jackpot,\n },\n {\n path: '/kiosk_test/',\n component: KIOSK_test,\n },\n {\n path: '/settings_test/',\n component: settings_test,\n },\n {\n path: '/web_home/',\n component: WEB_home,\n },\n {\n path: '/web_qr/',\n component: WEB_QR,\n },\n {\n path: '/web_history/',\n component: WEB_history,\n },\n {\n path: '/check_home/',\n component: CHECK_home,\n },\n {\n path: '/agent_home/',\n component: AGENT_home,\n },\n {\n path: '/agent_jackpot/',\n component: AGENT_jackpot,\n },\n {\n path: '/agent_winning/',\n component: AGENT_winning,\n },\n {\n path: '/agent_betlist/',\n component: AGENT_betlist,\n },\n {\n path: '/agent_report/',\n component: AGENT_report,\n },\n {\n path: '/agent_pay/',\n component: AGENT_pay,\n },\n {\n path: '/agent_wallet/',\n component: AGENT_wallet,\n },\n {\n path: '/gen_receipt/',\n component: GEN_receipt,\n },\n {\n path: '/gen_buypaper/',\n component: GEN_buypaper,\n },\n {\n path: '/gen_buytopup/',\n component: GEN_buytopup,\n },\n {\n path: '/gen_payoutstanding/',\n component: GEN_payoutstanding,\n },\n {\n path: '/gen_longlong/',\n component: GEN_longlong,\n },\n {\n path: '/gen_history/',\n component: GEN_history,\n },\n {\n path: '/gen_withdraw/',\n component: GEN_withdraw,\n },\n {\n path: '/dynamic-route/blog/:blogId/post/:postId/',\n component: DynamicRoutePage,\n },\n {\n path: '/request-and-load/user/:userId/',\n async: function ({ router, to, resolve }) {\n // App instance\n var app = router.app;\n\n // Show Preloader\n app.preloader.show();\n\n // User ID from request\n var userId = to.params.userId;\n\n // Simulate Ajax Request\n setTimeout(function () {\n // We got user data from request\n var user = {\n firstName: 'Vladimir',\n lastName: 'Kharlampidi',\n about: 'Hello, i am creator of Framework7! Hope you like it!',\n links: [\n {\n title: 'Framework7 Website',\n url: 'http://framework7.io',\n },\n {\n title: 'Framework7 Forum',\n url: 'http://forum.framework7.io',\n },\n ]\n };\n // Hide Preloader\n app.preloader.hide();\n\n // Resolve route to load page\n resolve(\n {\n component: RequestAndLoad,\n },\n {\n props: {\n user: user,\n }\n }\n );\n }, 1000);\n },\n },\n {\n path: '(.*)',\n component: NotFoundPage,\n },\n];\n\nexport default routes;","export default function _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n\n for (var i = 0, arr2 = new Array(len); i < len; i++) {\n arr2[i] = arr[i];\n }\n\n return arr2;\n}","import arrayWithoutHoles from \"./arrayWithoutHoles.js\";\nimport iterableToArray from \"./iterableToArray.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableSpread from \"./nonIterableSpread.js\";\nexport default function _toConsumableArray(arr) {\n return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();\n}","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _arrayWithoutHoles(arr) {\n if (Array.isArray(arr)) return arrayLikeToArray(arr);\n}","export default function _iterableToArray(iter) {\n if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter);\n}","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);\n}","export default function _nonIterableSpread() {\n throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","\nimport { createStore } from 'framework7';\n\nconst store = createStore({\n state: {\n products: [\n {\n id: '1',\n title: 'Apple iPhone 8',\n description: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi tempora similique reiciendis, error nesciunt vero, blanditiis pariatur dolor, minima sed sapiente rerum, dolorem corrupti hic modi praesentium unde saepe perspiciatis.'\n },\n {\n id: '2',\n title: 'Apple iPhone 8 Plus',\n description: 'Velit odit autem modi saepe ratione totam minus, aperiam, labore quia provident temporibus quasi est ut aliquid blanditiis beatae suscipit odio vel! Nostrum porro sunt sint eveniet maiores, dolorem itaque!'\n },\n {\n id: '3',\n title: 'Apple iPhone X',\n description: 'Expedita sequi perferendis quod illum pariatur aliquam, alias laboriosam! Vero blanditiis placeat, mollitia necessitatibus reprehenderit. Labore dolores amet quos, accusamus earum asperiores officiis assumenda optio architecto quia neque, quae eum.'\n },\n ]\n },\n getters: {\n products({ state }) {\n return state.products;\n }\n },\n actions: {\n addProduct({ state }, product) {\n state.products = [...state.products, product];\n },\n },\n})\nexport default store;\n","/** @jsx $jsx */\nimport { $jsx } from 'framework7';\n\nfunction framework7Component(props, _ref) {\n var $f7 = _ref.$f7,\n $ = _ref.$,\n $on = _ref.$on,\n $update = _ref.$update;\n if ($f7.device.android) console.log(\"is android\");\n if ($f7.device.ios) console.log(\"is ios\");\n if ($f7.device.desktop) console.log(\"is desktop\");\n\n var openFacebook = function openFacebook() {\n if ($f7.device.android) {\n window.open(\"fb://page/101276442376713\", \"_system\");\n }\n\n if ($f7.device.ios) {\n window.open(\"fb://profile/101276442376713\", \"_system\");\n }\n\n if ($f7.device.desktop) {\n window.open(\"https://www.facebook.com/Grand-Dragon-Lotaria-101276442376713\", \"_system\");\n }\n };\n\n var changeLangEng = function changeLangEng() {\n window.lang = \"en\";\n localStorage.setItem(\"lang\", \"en\");\n };\n\n var changeLangTetun = function changeLangTetun() {\n window.lang = \"tl\";\n localStorage.setItem(\"lang\", \"tl\");\n };\n\n var skip = function skip() {\n localStorage.setItem(\"myphone\", \"skip\");\n var swipeToClosePopup = $f7.popup.create({\n el: '#web-popup',\n swipeToClose: true\n });\n swipeToClosePopup.close();\n };\n\n var change = function change() {\n var swipeToClosePopup = $f7.popup.create({\n el: '#web-popup',\n swipeToClose: true\n });\n swipeToClosePopup.open();\n };\n\n var save = function save() {\n if ($(\"#remarksCountryWeb\").val() == \"+670\") {\n if ($(\"#remarksWeb\").val().length != 8) {\n $f7.dialog.alert(\"Numeru tenke iha digit 8
Number has to be 8 digits\");\n return;\n }\n } else {\n if ($(\"#remarksWeb\").val().length < 6 && $(\"#remarksWeb\").val().length > 20) {\n $f7.dialog.alert(\"Numeru tenke iha digit 6 to 20
Number has to be 8 to 20 digits\");\n return;\n }\n }\n\n localStorage.setItem(\"myphone\", $(\"#remarksCountryWeb\").val() + \"-\" + $(\"#remarksWeb\").val());\n\n if (localStorage.getItem(\"myphone\") != \"skip\") {\n if (localStorage.getItem(\"myphone\") != \"\" && localStorage.getItem(\"myphone\") != undefined) $(\".myphone\").html(localStorage.getItem(\"myphone\"));\n }\n\n var swipeToClosePopup = $f7.popup.create({\n el: '#web-popup',\n swipeToClose: true\n });\n var d = new Date();\n console.log(d.toISOString().split('T')[0]);\n $f7.request({\n method: 'post',\n url: window.atob(\"aHR0cHM6Ly9nZHBhcGkuc2RrMTY4LmNvbS9hcGkv\") + 'Account/DirectRegister',\n data: {\n FullName: localStorage.getItem(\"myphone\"),\n Password: localStorage.getItem(\"myphone\"),\n Msisdn: localStorage.getItem(\"myphone\"),\n DOB: d.toISOString().split('T')[0],\n eWallet: 0\n },\n dataType: \"json\",\n contentType: \"application/json\",\n success: function success(data) {\n console.log(data); //var data = JSON.parse(data);\n\n if (data.success == true) {\n $f7.dialog.alert(\"Phone number successfully registered\");\n } else {//$f7.dialog.alert(\"Fail to register phone number please try again.\");\n //localStorage.removeItem(\"myphone\");\n }\n },\n error: function error(data) {\n $f7.dialog.alert('Error' + data, function () {});\n }\n });\n swipeToClosePopup.close();\n };\n\n $on('pageInit', function () {\n if (window.playstore == true) {\n $(\".app-install\").hide();\n $(\".app-change\").show();\n } else {\n $(\".app-install\").show();\n $(\".app-change\").show();\n }\n\n if (window.wap == true) $(\".change-number\").hide(); //CHECK BLUETOOTH PERMISSION\n\n if ($f7.device.cordova == true) {\n var error = function error() {//alert('Bluetooth permission is not turned on');\n };\n\n var success = function success(status) {\n if (!status.hasPermission) error();\n };\n\n var permissions = cordova.plugins.permissions;\n permissions.checkPermission(permissions.ACCESS_FINE_LOCATION, function (status) {\n if (status.hasPermission) {//alert(\"Bluetooh has permission\");\n } else {\n permissions.requestPermission(permissions.ACCESS_FINE_LOCATION, success, error);\n }\n });\n }\n\n window.service = \"web\";\n window.waypoint = window.atob(\"aHR0cHM6Ly92YnMuZ2Rsb3R0by50bC9qc29uLw==\"); //localStorage.clear();\n\n var swipeToClosePopup = $f7.popup.create({\n el: '#web-popup',\n swipeToClose: true\n });\n if (window.wap != true && (localStorage.getItem(\"myphone\") == \"\" || localStorage.getItem(\"myphone\") == undefined || localStorage.getItem(\"myphone\") == null)) swipeToClosePopup.open();else swipeToClosePopup.close();\n\n if (localStorage.getItem(\"myphone\") != \"skip\") {\n if (localStorage.getItem(\"myphone\") != \"\" && localStorage.getItem(\"myphone\") != undefined) $(\".myphone\").html(localStorage.getItem(\"myphone\"));\n }\n\n var dataCountry = JSON.parse(window.country);\n var htmlCountry = \"\";\n var code = \"\";\n var selected = \"\";\n\n for (var i = 0; i < dataCountry.length; i++) {\n if (dataCountry[i].code == \"+670\") selected = \"selected='selected'\";else selected = \"\";\n if (code != dataCountry[i].code) htmlCountry += '';\n code = dataCountry[i].code;\n }\n\n $(\"#remarksCountryWeb\").html(htmlCountry); // LANGUAGE CONTROLLER BEGIN\n\n $(\".en\").hide();\n $(\".cn\").hide();\n $(\".kr\").hide();\n $(\".\" + localStorage.getItem(\"lang\")).show(); // LANGUAGE CONTROLLER END\n\n window.service = \"web\";\n\n if (window.oneTime != true) {\n setInterval(function () {\n navigator.geolocation.getCurrentPosition(function (position) {\n //alert(\"Lat: \" + position.coords.latitude + \"\\nLon: \" + position.coords.longitude);\n window.lat = position.coords.latitude;\n window.lot = position.coords.longitude;\n });\n }, 5000);\n window.oneTime = true;\n }\n });\n return function ($ctx) {\n var $ = $ctx.$;\n var $h = $ctx.$h;\n var $root = $ctx.$root;\n var $f7 = $ctx.$f7;\n var $f7route = $ctx.$f7route;\n var $f7router = $ctx.$f7router;\n var $theme = $ctx.$theme;\n var $update = $ctx.$update;\n var $store = $ctx.$store;\n\n return $h`\n
![](\"static/images/gd.png\")
\n ![](\"static/images/sg.png\")
\n ![](\"static/images/list.png\")
\n ![](\"static/images/report.png\")
\n ![](\"static/images/trophy.png\")
\n ![](\"static/images/jackpot1.png\")
\n ![](\"static/images/slotto.png\")
\n ![](\"static/images/topup.png\")
\n ![](\"static/images/buypaper.png\")
\n ![](\"static/images/aulonglong.png\")
\n 
\n 
\n ![](\"static/images/live.png\")
\n ![](\"static/images/receipt.png\")
\n 
![](\"static/images/tl-logo4.png\"){kind=logo}
\n 
\n ![](\"static/images/sign.png\")
\n ![](\"static/images/gps.gif\")
\n ![](\"static/images/find.png\")
\n ![](\"static/images/bill.png\")
\n\n\n \n ![](\"static/images/purse.png\")
\n 
GD Lottery\";\n if (data.strikes[i].drawType == \"4\") dtype = \"
SG Lotto\";\n receipt += \"\\n ![](\"static/images/money_withdrawal.png\")
\n ![](\"static/images/chatCustomerService.png\")
\n ![](\"static/images/install2.png\")
\n \n ![](\"static/images/android2.png\")
\n ![](\"static/images/facebook.png\")
\n ![](\"static/images/telegram.png\")
\n ![](\"static/images/settings.png\")
\n ![](\"static/images/gov.png\")
\n