`;\r\n }\r\n\r\n lemonade.setComponents({ Color: Color });\r\n // Register the web component\r\n lemonade.createWebComponent('color', Color);\r\n\r\n return function (root, options) {\r\n if (typeof (root) === 'object') {\r\n lemonade.render(Color, root, options)\r\n return options;\r\n } else {\r\n return Color.call(this, root)\r\n }\r\n }\r\n})));\n\n/***/ }),\n\n/***/ 319:\n/***/ (function(module, __unused_webpack_exports, __webpack_require__) {\n\n\r\n\r\nif (! Modal && \"function\" === 'function') {\r\n var Modal = __webpack_require__(392);\r\n}\r\n\r\n; (function (global, factory) {\r\n true ? module.exports = factory() :\r\n 0;\r\n}(this, (function () {\r\n\r\n class CustomEvents extends Event {\r\n constructor(type, props, options) {\r\n super(type, {\r\n bubbles: true,\r\n composed: true,\r\n ...options,\r\n });\r\n\r\n if (props) {\r\n for (const key in props) {\r\n // Avoid assigning if property already exists anywhere on `this`\r\n if (! (key in this)) {\r\n this[key] = props[key];\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n // Dispatcher\r\n const Dispatch = function(method, type, options) {\r\n // Try calling the method directly if provided\r\n if (typeof method === 'function') {\r\n let a = Object.values(options);\r\n return method(...a);\r\n } else if (this.tagName) {\r\n this.dispatchEvent(new CustomEvents(type, options));\r\n }\r\n }\r\n\r\n // Get the coordinates of the action\r\n const getCoords = function(e) {\r\n let x;\r\n let y;\r\n\r\n if (e.changedTouches && e.changedTouches[0]) {\r\n x = e.changedTouches[0].clientX;\r\n y = e.changedTouches[0].clientY;\r\n } else {\r\n x = e.clientX;\r\n y = e.clientY;\r\n }\r\n\r\n return [x,y];\r\n }\r\n\r\n const Item = function() {\r\n let self = this;\r\n\r\n self.onload = function() {\r\n if (typeof(self.render) === 'function') {\r\n self.render.call(self, self.el);\r\n }\r\n }\r\n\r\n // Initialize expanded state\r\n self.expanded = false;\r\n\r\n if (self.type === 'line') {\r\n return ``;\r\n } else if (self.type === 'inline') {\r\n return ``;\r\n } else {\r\n return `
\r\n {{self.title}}
{{self.shortcut}}
\r\n
`;\r\n }\r\n }\r\n\r\n const Create = function() {\r\n let self = this;\r\n\r\n // Delay on open\r\n let delayTimer;\r\n // Save the position of this modal\r\n let index = self.parent.modals.length;\r\n\r\n // Blank options\r\n self.options = [];\r\n\r\n // Close handler\r\n self.onclose = function() {\r\n // Reset any cursor\r\n resetCursor.call(self);\r\n // Parent\r\n if (typeof(self.parent.onclose) === 'function') {\r\n self.parent.onclose(self.parent, self);\r\n }\r\n }\r\n\r\n self.onopen = function() {\r\n // Parent\r\n if (typeof(self.parent.onopen) === 'function') {\r\n self.parent.onopen(self.parent, self);\r\n }\r\n }\r\n\r\n /**\r\n * Close the modal\r\n */\r\n self.close = function() {\r\n // Close modals with higher level\r\n self.parent.close(index);\r\n }\r\n\r\n /**\r\n * Open submenu handler\r\n * @param {object} s\r\n * @param {boolean} cursor - Activate the first item\r\n */\r\n self.open = function(s, cursor) {\r\n if (s.submenu) {\r\n // Get the modal in the container of modals\r\n let current = self.parent.modals[index+1];\r\n // Do not exist yet, create it.\r\n if (! current) {\r\n // Modal needs to be created\r\n current = self.parent.create();\r\n }\r\n // Get the parent from this one\r\n let parent = self.parent.modals[index];\r\n // Update modal content\r\n if (current.options !== s.submenu) {\r\n // Close modals with higher level\r\n current.options = s.submenu;\r\n // Close other modals\r\n self.parent.close(index+1);\r\n }\r\n // Update the selected modal\r\n self.parent.modalIndex = index+1;\r\n let rect = parent.modal.el.getBoundingClientRect();\r\n // Update modal\r\n current.modal.open();\r\n // Aria indication\r\n current.modal.top = rect.y + s.el.offsetTop + 2;\r\n current.modal.left = rect.x + 248;\r\n // Keep current item for each modal\r\n current.item = s;\r\n s.expanded = true;\r\n\r\n // Activate the cursor\r\n if (cursor === true) {\r\n // Place cursor in the first position\r\n current.options[0].cursor = true;\r\n // Position cursor\r\n current.cursor = 0;\r\n }\r\n\r\n onopen(current, s.submenu)\r\n } else {\r\n // Close modals with higher level\r\n self.parent.close(index+1);\r\n }\r\n }\r\n\r\n // Mouse open\r\n self.mouseUp = function(e, s) {\r\n if (typeof(s.onclick) === 'function') {\r\n s.onclick.call(s, e, s.el);\r\n }\r\n if (! s.submenu) {\r\n self.close();\r\n }\r\n }\r\n\r\n self.mouseEnter = function(e, s) {\r\n if (delayTimer) {\r\n clearTimeout(delayTimer);\r\n }\r\n delayTimer = setTimeout(function() {\r\n self.open(s);\r\n }, 200);\r\n }\r\n\r\n self.mouseLeave = function(e, s) {\r\n if (delayTimer) {\r\n clearTimeout(delayTimer);\r\n }\r\n }\r\n\r\n let template = `\r\n
\r\n \r\n
\r\n `;\r\n\r\n return lemonade.element(template, self, { Item: Item });\r\n }\r\n\r\n const findNextEnabledCursor = function(startIndex, direction) {\r\n if (!this.options || this.options.length === 0) {\r\n return null;\r\n }\r\n \r\n let cursor = startIndex;\r\n let attempts = 0;\r\n const maxAttempts = this.options.length;\r\n \r\n while (attempts < maxAttempts) {\r\n if (direction) {\r\n // Down\r\n if (cursor >= this.options.length) {\r\n cursor = 0;\r\n }\r\n } else {\r\n // Up\r\n if (cursor < 0) {\r\n cursor = this.options.length - 1;\r\n }\r\n }\r\n \r\n let item = this.options[cursor];\r\n if (item && !item.disabled && item.type !== 'line') {\r\n return cursor;\r\n }\r\n \r\n cursor = direction ? cursor + 1 : cursor - 1;\r\n attempts++;\r\n }\r\n return null;\r\n };\r\n\r\n const setCursor = function(direction) {\r\n let cursor = null;\r\n\r\n if (typeof(this.cursor) !== 'undefined') {\r\n if (! direction) {\r\n // Up\r\n cursor = findNextEnabledCursor.call(this, this.cursor - 1, false);\r\n } else {\r\n // Down\r\n cursor = findNextEnabledCursor.call(this, this.cursor + 1, true);\r\n }\r\n }\r\n\r\n // Remove the cursor\r\n if (cursor === null) {\r\n if (direction) {\r\n cursor = findNextEnabledCursor.call(this, 0, true);\r\n } else {\r\n cursor = findNextEnabledCursor.call(this, this.options.length - 1, false);\r\n }\r\n } else if (typeof(this.cursor) !== 'undefined') {\r\n this.options[this.cursor].cursor = false;\r\n }\r\n\r\n // Add the cursor if found\r\n if (cursor !== null) {\r\n this.options[cursor].cursor = true;\r\n this.cursor = cursor;\r\n return true;\r\n }\r\n\r\n return false;\r\n }\r\n\r\n /**\r\n * Reset the cursor for a contextmenu\r\n */\r\n const resetCursor = function() {\r\n // Contextmenu modal\r\n let item = this.options[this.cursor];\r\n // Cursor is found so reset it\r\n if (typeof(item) !== 'undefined') {\r\n // Remove the cursor style\r\n item.cursor = false;\r\n // Delete reference index\r\n delete this.cursor;\r\n }\r\n }\r\n\r\n /**\r\n * Go through all items of a menu\r\n * @param s\r\n * @param options\r\n */\r\n const onopen = function(s, options) {\r\n // Onopen\r\n for (let i = 0; i < options.length; i++) {\r\n if (typeof(options[i].onopen) === 'function') {\r\n options[i].onopen(s);\r\n }\r\n }\r\n }\r\n\r\n const Contextmenu = function(children, { onload }) {\r\n let self = this;\r\n\r\n // Container for all modals\r\n self.modals = [];\r\n self.modalIndex = 0;\r\n\r\n self.create = function() {\r\n // Create a new self for each modal\r\n let s = {\r\n parent: self,\r\n };\r\n // Render the modal inside the main container\r\n lemonade.render(Create, self.el, s);\r\n // Add the reference of the modal in a container#\r\n self.modals.push(s);\r\n // Return self\r\n return s;\r\n }\r\n\r\n self.isClosed = function() {\r\n return self.modals[0].modal.closed === true;\r\n }\r\n\r\n self.open = function(options, x, y, adjust) {\r\n // Get the main modal\r\n let menu = self.modals[0];\r\n // Reset cursor\r\n resetCursor.call(menu);\r\n // Define new position\r\n menu.modal.top = y;\r\n menu.modal.left = x;\r\n // Open\r\n menu.modal.open();\r\n // If the modal is open and the content is different from what is shown. Close modals with higher level\r\n self.close(1);\r\n // Update the data\r\n if (options && menu.options !== options) {\r\n // Refresh content\r\n menu.options = options;\r\n }\r\n onopen(self, options);\r\n\r\n // Adjust position to respect mouse cursor after auto-adjust\r\n // Use queueMicrotask to ensure it runs after the modal's auto-adjust\r\n if (adjust === true) {\r\n queueMicrotask(() => {\r\n let modalEl = menu.modal.el;\r\n let rect = modalEl.getBoundingClientRect();\r\n let marginLeft = parseFloat(modalEl.style.marginLeft) || 0;\r\n let marginTop = parseFloat(modalEl.style.marginTop) || 0;\r\n\r\n // Check if horizontal adjustment was applied (margin is non-zero)\r\n if (marginLeft !== 0) {\r\n // Position modal so its right edge is at x - 1 (cursor 1px to the right of modal)\r\n // Formula: left + margin + width = x - 1, where left = x\r\n // Therefore: margin = -width - 1\r\n let newMarginLeft = -rect.width - 1;\r\n // Check if this would push modal off the left edge\r\n let newLeft = x + newMarginLeft;\r\n if (newLeft < 10) {\r\n // Keep a 10px margin from the left edge\r\n newMarginLeft = 10 - x;\r\n }\r\n modalEl.style.marginLeft = newMarginLeft + 'px';\r\n }\r\n\r\n // Check if vertical adjustment was applied (margin is non-zero)\r\n if (marginTop !== 0) {\r\n // Position modal so its bottom edge is at y - 1 (cursor 1px below modal)\r\n // Formula: top + margin + height = y - 1, where top = y\r\n // Therefore: margin = -height - 1\r\n let newMarginTop = -rect.height - 1;\r\n // Check if this would push modal off the top edge\r\n let newTop = y + newMarginTop;\r\n if (newTop < 10) {\r\n // Keep a 10px margin from the top edge\r\n newMarginTop = 10 - y;\r\n }\r\n modalEl.style.marginTop = newMarginTop + 'px';\r\n }\r\n });\r\n }\r\n // Focus\r\n self.el.classList.add('lm-menu-focus');\r\n // Focus on the contextmenu\r\n self.el.focus();\r\n }\r\n\r\n self.close = function(level) {\r\n // Close all modals from the level specified\r\n self.modals.forEach(function(menu, k) {\r\n if (k >= level) {\r\n if (menu.item) {\r\n menu.item.expanded = false;\r\n menu.item = null;\r\n }\r\n menu.modal.close();\r\n }\r\n });\r\n // Keep the index of the modal that is opened\r\n self.modalIndex = level ? level - 1 : 0;\r\n\r\n // Close event\r\n if (level === 0) {\r\n self.el.classList.remove('lm-menu-focus');\r\n\r\n Dispatch.call(self, self.onclose, 'close', {\r\n instance: self,\r\n });\r\n }\r\n }\r\n\r\n onload(() => {\r\n // Create first menu\r\n self.create();\r\n\r\n // Create event for focus out\r\n self.el.addEventListener(\"focusout\", (e) => {\r\n if (! (e.relatedTarget && (self.el.contains(e.relatedTarget) || self.root?.contains(e.relatedTarget)))) {\r\n self.close(0);\r\n }\r\n });\r\n\r\n // Keyboard event\r\n self.el.addEventListener(\"keydown\", function(e) {\r\n // Menu object\r\n let menu = self.modals[self.modalIndex];\r\n // Modal must be opened\r\n if (! menu.modal.closed) {\r\n // Something happens\r\n let ret = false;\r\n // Control\r\n if (e.key === 'ArrowLeft') {\r\n if (self.modalIndex > 0) {\r\n // Close modal\r\n menu.close();\r\n // Action happened\r\n ret = true;\r\n }\r\n } else if (e.key === 'ArrowRight') {\r\n // Get the selected cursor\r\n let item = menu.options[menu.cursor];\r\n // Open submenu\r\n if (typeof (item) !== 'undefined') {\r\n // Open submenu in case that exists\r\n if (item.submenu && !item.disabled) {\r\n // Open modal\r\n menu.open(item, true);\r\n // Action happened\r\n ret = true;\r\n }\r\n }\r\n } else if (e.key === 'ArrowUp') {\r\n ret = setCursor.call(menu, 0);\r\n } else if (e.key === 'ArrowDown') {\r\n ret = setCursor.call(menu, 1);\r\n } else if (e.key === 'Enter') {\r\n // Contextmenu modal\r\n let item = menu.options[menu.cursor];\r\n // Cursor is found so reset it\r\n if (typeof(item) !== 'undefined') {\r\n // Execute action\r\n if (typeof (item.onclick) === 'function') {\r\n item.onclick.call(item, e, item.el);\r\n }\r\n // Open sub menu in case exists\r\n if (item.submenu) {\r\n // Open menu\r\n menu.open(item, true);\r\n // Action happened\r\n ret = true;\r\n } else {\r\n // Close all menu\r\n self.close(0);\r\n // Action happened\r\n ret = true;\r\n }\r\n }\r\n } else if (e.key === 'Escape') {\r\n self.close(0);\r\n }\r\n\r\n // Something important happen so block any progression\r\n if (ret === true) {\r\n e.preventDefault();\r\n e.stopImmediatePropagation();\r\n }\r\n }\r\n });\r\n\r\n if (! self.root) {\r\n if (self.tagName) {\r\n self.root = self.el.parentNode.parentNode;\r\n } else {\r\n self.root = self.el.parentNode;\r\n }\r\n }\r\n\r\n // Parent\r\n self.root.addEventListener(\"contextmenu\", function(e) {\r\n if (Array.isArray(self.options) && self.options.length) {\r\n let [x, y] = getCoords(e);\r\n self.open(self.options, x, y, true);\r\n e.preventDefault();\r\n e.stopImmediatePropagation();\r\n }\r\n });\r\n });\r\n\r\n return ``;\r\n }\r\n\r\n lemonade.setComponents({ Contextmenu: Contextmenu });\r\n\r\n lemonade.createWebComponent('contextmenu', Contextmenu);\r\n\r\n return function (root, options) {\r\n if (typeof (root) === 'object') {\r\n lemonade.render(Contextmenu, root, options)\r\n return options;\r\n } else {\r\n return Contextmenu.call(this, root)\r\n }\r\n }\r\n})));\n\n/***/ }),\n\n/***/ 960:\n/***/ (function(module, __unused_webpack_exports, __webpack_require__) {\n\n/**\r\n * Implement page up and down navigation\r\n * Implement color attribute for items\r\n */\r\n\r\n\r\n\r\nif (!Modal && \"function\" === 'function') {\r\n var Modal = __webpack_require__(392);\r\n}\r\n\r\n; (function (global, factory) {\r\n true ? module.exports = factory() :\r\n 0;\r\n}(this, (function () {\r\n\r\n class CustomEvents extends Event {\r\n constructor(type, props, options) {\r\n super(type, {\r\n bubbles: true,\r\n composed: true,\r\n ...options,\r\n });\r\n\r\n if (props) {\r\n for (const key in props) {\r\n // Avoid assigning if property already exists anywhere on `this`\r\n if (! (key in this)) {\r\n this[key] = props[key];\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n // Dispatcher\r\n const Dispatch = function(method, type, options) {\r\n // Try calling the method directly if provided\r\n if (typeof method === 'function') {\r\n let a = Object.values(options);\r\n return method(...a);\r\n } else if (this.tagName) {\r\n return this.dispatchEvent(new CustomEvents(type, options));\r\n }\r\n }\r\n\r\n // Default row height\r\n let defaultRowHeight = 24;\r\n\r\n // Translations\r\n const T = function(t) {\r\n if (typeof(document) !== \"undefined\" && document.dictionary) {\r\n return document.dictionary[t] || t;\r\n } else {\r\n return t;\r\n }\r\n }\r\n\r\n const isEmpty = function(v) {\r\n return v === '' || v === null || v === undefined || (Array.isArray(v) && v.length === 0);\r\n }\r\n\r\n /**\r\n * Compare two values (arrays, strings, numbers, etc.)\r\n * Returns true if both are equal or empty\r\n * @param {*} a1\r\n * @param {*} a2\r\n */\r\n const compareValues = function(a1, a2) {\r\n if (a1 === a2 || (isEmpty(a1) && isEmpty(a2))) {\r\n return true;\r\n }\r\n\r\n if (!a1 || !a2) {\r\n return false;\r\n }\r\n\r\n if (Array.isArray(a1) && Array.isArray(a2)) {\r\n if (a1.length !== a2.length) {\r\n return false;\r\n }\r\n for (let i = 0; i < a1.length; i++) {\r\n if (a1[i] !== a2[i]) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n }\r\n\r\n return a1 === a2;\r\n }\r\n\r\n const lazyLoading = function (self) {\r\n /**\r\n * Get the position from top of a row by its index\r\n * @param item\r\n * @returns {number}\r\n */\r\n const getRowPosition = function (item) {\r\n // Position from top\r\n let top = 0;\r\n if (item) {\r\n let items = self.rows;\r\n if (items && items.length) {\r\n let index = self.rows.indexOf(item);\r\n // Go through the items\r\n for (let j = 0; j < index; j++) {\r\n top += items[j].height || defaultRowHeight;\r\n }\r\n }\r\n }\r\n return top;\r\n }\r\n\r\n const updateScroll = function () {\r\n let items = self.rows;\r\n if (items) {\r\n // Before control\r\n let before = true;\r\n // Total of items in the container\r\n let numOfItems = items.length;\r\n // Position from top\r\n let height = 0;\r\n // Size of the adjustment\r\n let size = 0;\r\n // Go through the items\r\n for (let j = 0; j < numOfItems; j++) {\r\n let h = items[j].height || defaultRowHeight;\r\n // Height\r\n height += h;\r\n // Start tracking all items as before\r\n if (items[j] === self.result[0]) {\r\n before = false;\r\n }\r\n // Adjustment\r\n if (before) {\r\n size += h;\r\n }\r\n }\r\n // Update height\r\n scroll.style.height = height + 'px';\r\n // Adjust scroll position\r\n return size;\r\n }\r\n return false;\r\n }\r\n\r\n const getVisibleRows = function (reset) {\r\n let items = self.rows;\r\n if (items) {\r\n let adjust;\r\n // Total of items in the container\r\n let numOfItems = items.length;\r\n // Get the position from top\r\n let y = el.scrollTop;\r\n // Get the height\r\n let h = null;\r\n if (self.type === 'searchbar' || self.type === 'picker') {\r\n // Priority should be the size used on the viewport\r\n h = y + (el.offsetHeight || self.height);\r\n } else {\r\n // Priority is the height define during initialization\r\n h = y + (self.height || el.offsetHeight);\r\n }\r\n // Go through the items\r\n let rows = [];\r\n // Height\r\n let height = 0;\r\n // Go through all items\r\n for (let j = 0; j < numOfItems; j++) {\r\n if (items[j].visible !== false) {\r\n // Height\r\n let rowHeight = items[j].height || defaultRowHeight;\r\n // Return on partial width\r\n if (height + rowHeight > y && height < h) {\r\n rows.push(items[j]);\r\n }\r\n height += rowHeight;\r\n }\r\n }\r\n\r\n // Update visible rows\r\n if (reset || !compareValues(rows, self.result)) {\r\n // Render the items\r\n self.result = rows;\r\n // Adjust scroll height\r\n let adjustScroll = reset;\r\n // Adjust scrolling\r\n for (let i = 0; i < rows.length; i++) {\r\n // Item\r\n let item = rows[i];\r\n // Item height\r\n let h = item.el.offsetHeight;\r\n // Update row height\r\n if (!item.height || h !== item.height) {\r\n // Keep item height\r\n item.height = h;\r\n // Adjust total height\r\n adjustScroll = true;\r\n }\r\n }\r\n\r\n // Update scroll if the height of one element has been changed\r\n if (adjustScroll) {\r\n // Adjust the scroll height\r\n adjust = updateScroll();\r\n }\r\n }\r\n\r\n // Adjust position of the first element\r\n let position = getRowPosition(self.result[0]);\r\n let diff = position - el.scrollTop;\r\n if (diff > 0) {\r\n diff = 0;\r\n }\r\n self.container.style.top = diff + 'px';\r\n\r\n return adjust;\r\n }\r\n }\r\n\r\n /**\r\n * Move the position to the top and re-render based on the scroll\r\n * @param reset\r\n */\r\n const render = function (reset) {\r\n // Move scroll to the top\r\n el.scrollTop = 0;\r\n // Reset scroll\r\n updateScroll();\r\n // Append first batch\r\n getVisibleRows(reset);\r\n }\r\n\r\n /**\r\n * Will adjust the items based on the scroll position offset\r\n */\r\n self.adjustPosition = function (item) {\r\n if (item.el) {\r\n let h = item.el.offsetHeight;\r\n let calc = item.el.offsetTop + h;\r\n if (calc > el.offsetHeight) {\r\n let size = calc - el.offsetHeight;\r\n if (size < h) {\r\n size = h;\r\n }\r\n el.scrollTop -= -1 * size;\r\n }\r\n }\r\n }\r\n\r\n // Controls\r\n const scrollControls = function () {\r\n getVisibleRows(false);\r\n }\r\n\r\n // Element for scrolling\r\n let el = self.container.parentNode;\r\n el.classList.add('lm-lazy');\r\n // Div to represent the height of the content\r\n const scroll = document.createElement('div');\r\n scroll.classList.add('lm-lazy-scroll');\r\n // Force the height and add scrolling\r\n el.appendChild(scroll);\r\n el.addEventListener('scroll', scrollControls, { passive: true });\r\n el.addEventListener('wheel', scrollControls, { passive: true });\r\n self.container.classList.add('lm-lazy-items');\r\n\r\n self.goto = function (item) {\r\n el.scrollTop = getRowPosition(item);\r\n let adjust = getVisibleRows(false);\r\n if (adjust) {\r\n el.scrollTop = adjust;\r\n // Last adjust on the visible rows\r\n getVisibleRows(false);\r\n }\r\n }\r\n\r\n return (prop) => {\r\n if (prop === 'rows') {\r\n render(true);\r\n }\r\n }\r\n }\r\n\r\n const getAttributeName = function(prop) {\r\n if (prop.substring(0,1) === ':') {\r\n prop = prop.substring(1);\r\n } else if (prop.substring(0,3) === 'lm-') {\r\n prop = prop.substring(3);\r\n }\r\n return prop.toLowerCase();\r\n }\r\n\r\n const extractFromHtml = function(element) {\r\n let data = [];\r\n // Content\r\n for (let i = 0; i < element.children.length; i++) {\r\n let e = element.children[i];\r\n let item = {\r\n text: e.textContent || e.getAttribute('title'),\r\n value: e.getAttribute('value'),\r\n }\r\n if (item.value == null) {\r\n item.value = item.text;\r\n }\r\n data.push(item);\r\n }\r\n\r\n return data;\r\n }\r\n\r\n const extract = function(children) {\r\n let data = [];\r\n\r\n if (this.tagName) {\r\n data = extractFromHtml(this);\r\n // Remove all elements\r\n this.textContent = '';\r\n } else {\r\n // Get data\r\n if (typeof(children) === 'string') {\r\n // Version 4\r\n let d = document.createElement('div');\r\n d.innerHTML = children;\r\n data = extractFromHtml(d);\r\n } else if (children && children.length) {\r\n // Version 5\r\n children.forEach((v) => {\r\n let item = {}\r\n v.props.forEach((prop) => {\r\n item[getAttributeName(prop.name)] = prop.value;\r\n });\r\n if (! item.text) {\r\n item.text = v.children[0]?.props[0]?.value || '';\r\n }\r\n data.push(item);\r\n });\r\n // Block children\r\n children.length = 0;\r\n }\r\n }\r\n\r\n return data;\r\n }\r\n\r\n const isDOM = function(o) {\r\n return (o instanceof Element || o instanceof HTMLDocument || o instanceof DocumentFragment);\r\n }\r\n\r\n const Dropdown = function (children, { onchange, onload }) {\r\n let self = this;\r\n // Data\r\n let data = [];\r\n // Internal value controllers\r\n let value = [];\r\n // Cursor\r\n let cursor = null;\r\n // Control events\r\n let ignoreEvents = false;\r\n // Lazy loading global instance\r\n let lazyloading = null;\r\n // Tracking changes\r\n let changesDetected = false;\r\n // Debounce timer for search\r\n let searchTimeout = null;\r\n\r\n // Data\r\n if (! Array.isArray(self.data)) {\r\n self.data = [];\r\n }\r\n\r\n let d = extract.call(this, children);\r\n if (d) {\r\n d.forEach((v) => {\r\n self.data.push(v)\r\n })\r\n }\r\n\r\n // Decide the type based on the size of the screen\r\n let autoType = self.type === 'auto';\r\n\r\n // Custom events defined by the user\r\n let load = self.onload;\r\n self.onload = null;\r\n let change = self.onchange;\r\n self.onchange = null;\r\n\r\n // Compatibility\r\n if (typeof self.newOptions !== 'undefined') {\r\n self.insert = self.newOptions;\r\n }\r\n\r\n // Cursor controllers\r\n const setCursor = function (index, force) {\r\n let item = self.rows[index];\r\n if (typeof (item) !== 'undefined') {\r\n // Set the cursor number\r\n cursor = index;\r\n // Set visual indication\r\n item.cursor = true;\r\n // Go to the item on the scroll in case the item is not on the viewport\r\n if (!(item.el && item.el.parentNode) || force === true) {\r\n // Goto method\r\n self.goto(item);\r\n }\r\n // Adjust cursor position\r\n setTimeout(function () {\r\n self.adjustPosition(item);\r\n });\r\n }\r\n }\r\n\r\n const removeCursor = function (reset) {\r\n if (cursor !== null) {\r\n if (typeof (self.rows[cursor]) !== 'undefined') {\r\n self.rows[cursor].cursor = false;\r\n }\r\n if (reset) {\r\n // Cursor is null\r\n cursor = null;\r\n }\r\n }\r\n }\r\n\r\n const moveCursor = function (direction, jump) {\r\n // Remove cursor\r\n removeCursor();\r\n // Last item\r\n let last = self.rows.length - 1;\r\n if (jump) {\r\n if (direction < 0) {\r\n cursor = 0;\r\n } else {\r\n cursor = last;\r\n }\r\n } else {\r\n // Position\r\n if (cursor === null) {\r\n cursor = 0;\r\n } else {\r\n // Move previous\r\n cursor = cursor + direction;\r\n }\r\n // Reach the boundaries\r\n if (direction < 0) {\r\n // Back to the last one\r\n if (cursor < 0) {\r\n cursor = last;\r\n }\r\n } else {\r\n // Back to the first one\r\n if (cursor > last) {\r\n cursor = 0;\r\n }\r\n }\r\n }\r\n // Add cursor\r\n setCursor(cursor);\r\n }\r\n\r\n const adjustDimensions = function(data) {\r\n // Estimate width\r\n let width = self.width ?? 0;\r\n // Adjust the width\r\n let w = getInput().offsetWidth;\r\n if (width < w) {\r\n width = w;\r\n }\r\n // Width && values\r\n data.map(function (s) {\r\n // Estimated width of the element\r\n if (s.text) {\r\n let w = Math.max(width, s.text.length * 7.5);\r\n if (width < w) {\r\n width = w;\r\n }\r\n }\r\n });\r\n // Min width for the container\r\n self.container.parentNode.style.width = (width - 2) + 'px';\r\n }\r\n\r\n const setData = function () {\r\n // Data\r\n data = JSON.parse(JSON.stringify(self.data));\r\n // Re-order to make sure groups are in sequence\r\n if (data && data.length) {\r\n // Adjust width and height\r\n adjustDimensions(data);\r\n // Groups\r\n data.sort((a, b) => {\r\n // Compare groups\r\n if (a.group && b.group) {\r\n return a.group.localeCompare(b.group);\r\n }\r\n return 0;\r\n });\r\n let group = '';\r\n // Define group headers\r\n data.map((v) => {\r\n // Compare groups\r\n if (v && v.group && v.group !== group) {\r\n v.header = v.group;\r\n group = v.group;\r\n }\r\n });\r\n }\r\n // Data to be listed\r\n self.rows = data;\r\n }\r\n\r\n const updateLabel = function () {\r\n if (value && value.length) {\r\n getInput().textContent = value.filter(v => v.selected).map(i => i.text).join('; ');\r\n } else {\r\n getInput().textContent = '';\r\n }\r\n }\r\n\r\n const setValue = function (v, ignoreEvent) {\r\n // Values\r\n let newValue;\r\n if (! Array.isArray(v)) {\r\n if (typeof(v) === 'string') {\r\n newValue = v.split(self.divisor ?? ';');\r\n } else {\r\n newValue = [v];\r\n }\r\n } else {\r\n newValue = v;\r\n }\r\n\r\n // Width && values\r\n value = [];\r\n\r\n if (Array.isArray(data)) {\r\n data.map(function (s) {\r\n s.selected = newValue.some(v => v == s.value);\r\n if (s.selected) {\r\n value.push(s);\r\n }\r\n });\r\n }\r\n\r\n // Update label\r\n if (self.isClosed()) {\r\n updateLabel();\r\n }\r\n\r\n // Component onchange\r\n if (! ignoreEvent) {\r\n Dispatch.call(self, change, 'change', {\r\n instance: self,\r\n value: getValue(),\r\n });\r\n }\r\n }\r\n\r\n const getValue = function () {\r\n if (self.multiple) {\r\n if (value && value.length) {\r\n return value.filter(v => v.selected).map(i => i.value);\r\n }\r\n } else {\r\n if (value && value.length) {\r\n return value[0].value;\r\n }\r\n }\r\n\r\n return null;\r\n }\r\n\r\n const onopen = function () {\r\n self.state = true;\r\n // Value\r\n let v = value[value.length - 1];\r\n // Make sure goes back to the top of the scroll\r\n if (self.container.parentNode.scrollTop > 0) {\r\n self.container.parentNode.scrollTop = 0;\r\n }\r\n // Move to the correct position\r\n if (v) {\r\n // Mark the position of the cursor to the same element\r\n setCursor(self.rows.indexOf(v), true);\r\n }\r\n // Prepare search field\r\n if (self.autocomplete) {\r\n // Get the input\r\n let input = getInput();\r\n // Editable\r\n input.setAttribute('contenteditable', true);\r\n // Clear input\r\n input.textContent = '';\r\n // Focus on the item\r\n input.focus();\r\n }\r\n // Adjust width and height\r\n adjustDimensions(self.data);\r\n // Open event\r\n Dispatch.call(self, self.onopen, 'open', {\r\n instance: self\r\n });\r\n }\r\n\r\n const onclose = function (options, origin) {\r\n // Cursor\r\n removeCursor(true);\r\n // Reset search\r\n if (self.autocomplete) {\r\n // Go to begin of the data\r\n self.rows = data;\r\n // Get the input\r\n let input = getInput();\r\n if (input) {\r\n // Remove editable attribute\r\n input.removeAttribute('contenteditable');\r\n // Clear input\r\n input.textContent = '';\r\n }\r\n }\r\n\r\n if (origin === 'escape') {\r\n // Cancel operation and keep the same previous value\r\n setValue(self.value, true);\r\n } else {\r\n // Current value\r\n let newValue = getValue();\r\n\r\n // If that is different from the component value\r\n if (changesDetected === true && ! compareValues(newValue, self.value)) {\r\n self.value = newValue;\r\n } else {\r\n // Update label\r\n updateLabel();\r\n }\r\n }\r\n\r\n // Identify the new state of the dropdown\r\n self.state = false;\r\n\r\n // Close event\r\n Dispatch.call(self, self.onclose, 'close', {\r\n instance: self,\r\n ...options\r\n });\r\n }\r\n\r\n const normalizeData = function(result) {\r\n if (result && result.length) {\r\n return result.map((v) => {\r\n if (typeof v === 'string' || typeof v === 'number') {\r\n return { value: v, text: v };\r\n } else if (typeof v === 'object' && v.hasOwnProperty('name')) {\r\n return { value: v.id, text: v.name };\r\n } else {\r\n return v;\r\n }\r\n });\r\n }\r\n }\r\n\r\n const loadData = function(result) {\r\n result = normalizeData(result);\r\n // Loading controls\r\n lazyloading = lazyLoading(self);\r\n // Loading new data from a remote source\r\n if (result) {\r\n result.forEach((v) => {\r\n self.data.push(v);\r\n });\r\n }\r\n // Process the data\r\n setData();\r\n // Set value\r\n if (typeof(self.value) !== 'undefined') {\r\n setValue(self.value, true);\r\n }\r\n // Onload method\r\n Dispatch.call(self, load, 'load', {\r\n instance: self\r\n });\r\n // Remove loading spin\r\n self.input.classList.remove('lm-dropdown-loading');\r\n }\r\n\r\n const resetData = function(result) {\r\n result = normalizeData(result);\r\n // Reset cursor\r\n removeCursor(true);\r\n let r = data.filter(item => {\r\n return item.selected === true;\r\n });\r\n // Loading new data from a remote source\r\n if (result) {\r\n result.forEach((v) => {\r\n r.push(v);\r\n });\r\n }\r\n self.rows = r;\r\n // Remove loading spin\r\n self.input.classList.remove('lm-dropdown-loading');\r\n\r\n // Event\r\n Dispatch.call(self, self.onsearch, 'search', {\r\n instance: self,\r\n result: result,\r\n });\r\n }\r\n\r\n const getInput = function() {\r\n return self.input;\r\n }\r\n\r\n const search = function(query) {\r\n if (! self.isClosed() && self.autocomplete) {\r\n\r\n // Remote or normal search\r\n if (self.remote === true) {\r\n // Clear existing timeout\r\n if (searchTimeout) {\r\n clearTimeout(searchTimeout);\r\n }\r\n // Loading spin\r\n self.input.classList.add('lm-dropdown-loading');\r\n // Headers\r\n let http = {\r\n headers: {\r\n 'Content-Type': 'text/json',\r\n }\r\n }\r\n let ret = Dispatch.call(self, self.onbeforesearch, 'beforesearch', {\r\n instance: self,\r\n http: http,\r\n query: query,\r\n });\r\n\r\n if (ret === false) {\r\n return;\r\n }\r\n\r\n // Debounce the search with 300ms delay\r\n searchTimeout = setTimeout(() => {\r\n fetch(`${self.url}?q=${query}`, http).then(r => r.json()).then(resetData).catch((error) => {\r\n resetData([]);\r\n });\r\n }, 300);\r\n } else {\r\n // Filter options\r\n let temp;\r\n\r\n const find = (prop) => {\r\n if (prop) {\r\n if (Array.isArray(prop)) {\r\n // match if ANY element contains the query (case-insensitive)\r\n return prop.some(v => v != null && v.toString().toLowerCase().includes(query));\r\n }\r\n // handle strings/numbers/others\r\n return prop.toString().toLowerCase().includes(query);\r\n }\r\n return false;\r\n };\r\n\r\n if (! query) {\r\n temp = data;\r\n } else {\r\n temp = data.filter(item => {\r\n return item.selected === true || find(item.text) || find(item.group) || find(item.keywords) || find(item.synonym);\r\n });\r\n }\r\n\r\n // Cursor\r\n removeCursor(true);\r\n // Update the data from the dropdown\r\n self.rows = temp;\r\n }\r\n }\r\n }\r\n\r\n const events = {\r\n focusout: (e) => {\r\n if (self.modal) {\r\n if (! (e.relatedTarget && self.el.contains(e.relatedTarget))) {\r\n if (! self.isClosed()) {\r\n self.close({ origin: 'focusout '});\r\n }\r\n }\r\n }\r\n },\r\n keydown: (e) => {\r\n if (! self.isClosed()) {\r\n let prevent = false;\r\n if (e.code === 'ArrowUp') {\r\n moveCursor(-1);\r\n prevent = true;\r\n } else if (e.code === 'ArrowDown') {\r\n moveCursor(1);\r\n prevent = true;\r\n } else if (e.code === 'Home') {\r\n moveCursor(-1, true);\r\n if (!self.autocomplete) {\r\n prevent = true;\r\n }\r\n } else if (e.code === 'End') {\r\n moveCursor(1, true);\r\n if (!self.autocomplete) {\r\n prevent = true;\r\n }\r\n } else if (e.code === 'Enter') {\r\n if (e.target.tagName === 'BUTTON') {\r\n e.target.click();\r\n let input = getInput();\r\n input.focus();\r\n } else {\r\n select(e, self.rows[cursor]);\r\n }\r\n prevent = true;\r\n } else if (e.code === 'Escape') {\r\n self.close({ origin: 'escape'});\r\n prevent = true;\r\n } else {\r\n if (e.keyCode === 32 && !self.autocomplete) {\r\n select(e, self.rows[cursor]);\r\n }\r\n }\r\n\r\n if (prevent) {\r\n e.preventDefault();\r\n e.stopImmediatePropagation();\r\n }\r\n } else {\r\n if (e.code === 'ArrowUp' || e.code === 'ArrowDown' || e.code === 'Enter') {\r\n self.open();\r\n e.preventDefault();\r\n e.stopImmediatePropagation();\r\n }\r\n }\r\n },\r\n mousedown: (e) => {\r\n if (e.target.classList.contains('lm-dropdown-input')) {\r\n if (self.autocomplete) {\r\n let x;\r\n if (e.changedTouches && e.changedTouches[0]) {\r\n x = e.changedTouches[0].clientX;\r\n } else {\r\n x = e.clientX;\r\n }\r\n if (e.target.offsetWidth - (x - e.target.offsetLeft) < 20) {\r\n toggle();\r\n } else {\r\n self.open();\r\n }\r\n } else {\r\n toggle();\r\n }\r\n }\r\n },\r\n paste: (e) => {\r\n if (e.target.classList.contains('lm-dropdown-input')) {\r\n let text;\r\n if (e.clipboardData || e.originalEvent.clipboardData) {\r\n text = (e.originalEvent || e).clipboardData.getData('text/plain');\r\n } else if (window.clipboardData) {\r\n text = window.clipboardData.getData('Text');\r\n }\r\n text = text.replace(/(\\r\\n|\\n|\\r)/gm, \"\");\r\n document.execCommand('insertText', false, text)\r\n e.preventDefault();\r\n }\r\n },\r\n input: (e) => {\r\n if (e.target.classList.contains('lm-dropdown-input')) {\r\n search(e.target.textContent.toLowerCase());\r\n }\r\n },\r\n }\r\n\r\n const selectItem = function(s) {\r\n if (self.remote === true) {\r\n if (data.indexOf(s) === -1) {\r\n self.data.push(s);\r\n data.push(s);\r\n }\r\n }\r\n\r\n if (self.multiple === true) {\r\n let position = value.indexOf(s);\r\n if (position === -1) {\r\n value.push(s);\r\n s.selected = true;\r\n } else {\r\n value.splice(position, 1);\r\n s.selected = false;\r\n }\r\n } else {\r\n if (value[0] === s) {\r\n if (self.allowEmpty === false) {\r\n s.selected = true;\r\n } else {\r\n s.selected = !s.selected;\r\n }\r\n } else {\r\n if (value[0]) {\r\n value[0].selected = false;\r\n }\r\n s.selected = true;\r\n }\r\n if (s.selected) {\r\n value = [s];\r\n } else {\r\n value = [];\r\n }\r\n }\r\n\r\n changesDetected = true;\r\n }\r\n\r\n const add = async function (e) {\r\n let input = getInput();\r\n let text = input.textContent;\r\n if (! text) {\r\n return false;\r\n }\r\n\r\n // New item\r\n let s = {\r\n text: text,\r\n value: text,\r\n }\r\n\r\n self.add(s);\r\n\r\n e.preventDefault();\r\n }\r\n\r\n const select = function (e, s) {\r\n if (s && s.disabled !== true) {\r\n selectItem(s);\r\n // Close the modal\r\n if (self.multiple !== true) {\r\n self.close({ origin: 'button' });\r\n }\r\n }\r\n }\r\n\r\n const toggle = function () {\r\n if (self.modal) {\r\n if (self.isClosed()) {\r\n self.open();\r\n } else {\r\n self.close({ origin: 'button' });\r\n }\r\n }\r\n }\r\n\r\n self.add = async function (newItem) {\r\n // Event\r\n if (typeof(self.onbeforeinsert) === 'function') {\r\n self.input.classList.add('lm-dropdown-loading');\r\n let ret = await self.onbeforeinsert(self, newItem);\r\n self.input.classList.remove('lm-dropdown-loading');\r\n if (ret === false) {\r\n return;\r\n } else if (ret) {\r\n newItem = ret;\r\n }\r\n }\r\n // Process the data\r\n data.push(newItem);\r\n self.data.push(newItem);\r\n // Refresh screen\r\n self.result.unshift(newItem);\r\n self.rows.unshift(newItem);\r\n self.refresh('result');\r\n\r\n Dispatch.call(self, self.oninsert, 'insert', {\r\n instance: self,\r\n item: newItem,\r\n });\r\n }\r\n\r\n self.open = function () {\r\n if (self.modal && ! self.disabled) {\r\n if (self.isClosed()) {\r\n if (autoType) {\r\n self.type = window.innerWidth > 640 ? self.type = 'default' : (self.autocomplete ? 'searchbar' : 'picker');\r\n }\r\n // Track\r\n changesDetected = false;\r\n // Open the modal\r\n self.modal.open();\r\n }\r\n }\r\n }\r\n\r\n self.close = function (options) {\r\n if (self.modal) {\r\n if (options?.origin) {\r\n self.modal.close(options)\r\n } else {\r\n self.modal.close({ origin: 'button' })\r\n }\r\n }\r\n }\r\n\r\n self.isClosed = function() {\r\n if (self.modal) {\r\n return self.modal.isClosed();\r\n }\r\n }\r\n\r\n self.setData = function(data) {\r\n self.data = data;\r\n }\r\n\r\n self.getData = function() {\r\n return self.data;\r\n }\r\n\r\n self.getValue = function() {\r\n return self.value;\r\n }\r\n\r\n self.setValue = function(v) {\r\n self.value = v;\r\n }\r\n\r\n self.reset = function() {\r\n self.value = null;\r\n self.close({ origin: 'button' });\r\n }\r\n\r\n self.onevent = function(e) {\r\n if (events[e.type]) {\r\n events[e.type](e);\r\n }\r\n }\r\n\r\n // Init with a\r\n let input = self.input;\r\n\r\n onload(() => {\r\n if (self.type === \"inline\") {\r\n // For inline dropdown\r\n self.el.setAttribute('tabindex', 0);\r\n // Remove search\r\n self.input.remove();\r\n } else {\r\n // Create modal instance\r\n self.modal = {\r\n closed: true,\r\n focus: false,\r\n onopen: onopen,\r\n onclose: onclose,\r\n position: 'absolute',\r\n 'auto-adjust': true,\r\n 'auto-close': false,\r\n };\r\n // Generate modal\r\n Modal(self.el.children[1], self.modal);\r\n }\r\n\r\n if (self.remote === 'true') {\r\n self.remote = true;\r\n }\r\n\r\n if (self.autocomplete === 'true') {\r\n self.autocomplete = true;\r\n }\r\n\r\n if (self.multiple === 'true') {\r\n self.multiple = true;\r\n }\r\n\r\n if (self.insert === 'true') {\r\n self.insert = true;\r\n }\r\n\r\n // Autocomplete will be forced to be true when insert action is active\r\n if ((self.insert === true || self.type === 'searchbar' || self.remote === true) && ! self.autocomplete) {\r\n self.autocomplete = true;\r\n }\r\n\r\n if (typeof(input) !== 'undefined') {\r\n // Remove the native element\r\n if (isDOM(input)) {\r\n input.classList.add('lm-dropdown-input');\r\n }\r\n // Remove search\r\n self.input.remove();\r\n // New input\r\n self.input = input;\r\n } else {\r\n self.el.children[0].style.position = 'relative';\r\n }\r\n\r\n // Default width\r\n if (self.width) {\r\n // Dropdown\r\n self.el.style.width = self.width + 'px';\r\n }\r\n\r\n // Height\r\n self.height = 400;\r\n\r\n // Animation for mobile\r\n if (document.documentElement.clientWidth < 800) {\r\n self.animation = true;\r\n }\r\n\r\n // Events\r\n self.el.addEventListener('focusout', events.focusout);\r\n self.el.addEventListener('keydown', events.keydown);\r\n self.el.addEventListener('mousedown', events.mousedown);\r\n self.el.addEventListener('paste', events.paste);\r\n self.el.addEventListener('input', events.input);\r\n\r\n // Load remote data\r\n if (self.url) {\r\n if (self.remote === true) {\r\n loadData();\r\n } else {\r\n // Loading spin\r\n self.input.classList.add('lm-dropdown-loading');\r\n // Load remote data\r\n fetch(self.url, {\r\n headers: {\r\n 'Content-Type': 'text/json',\r\n }\r\n }).then(r => r.json()).then(loadData).catch(() => {\r\n loadData();\r\n });\r\n }\r\n } else {\r\n loadData();\r\n }\r\n });\r\n\r\n onchange(prop => {\r\n if (prop === 'value') {\r\n setValue(self.value);\r\n } else if (prop === 'data') {\r\n setData();\r\n self.value = null;\r\n }\r\n\r\n if (typeof (lazyloading) === 'function') {\r\n lazyloading(prop);\r\n }\r\n });\r\n\r\n return render => render`
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{{self.text}}
\r\n
\r\n
\r\n
\r\n
\r\n
`;\r\n }\r\n\r\n lemonade.setComponents({ Dropdown: Dropdown });\r\n\r\n lemonade.createWebComponent('dropdown', Dropdown);\r\n\r\n return function (root, options) {\r\n if (typeof (root) === 'object') {\r\n lemonade.render(Dropdown, root, options)\r\n return options;\r\n } else {\r\n return Dropdown.call(this, root)\r\n }\r\n }\r\n})));\n\n/***/ }),\n\n/***/ 392:\n/***/ (function(module) {\n\n/**\r\n * pin the modal to the left panel\r\n */\r\n\r\n\r\n;(function (global, factory) {\r\n true ? module.exports = factory() :\r\n 0;\r\n}(this, (function () {\r\n\r\n class CustomEvents extends Event {\r\n constructor(type, props, options) {\r\n super(type, {\r\n bubbles: true,\r\n composed: true,\r\n ...options,\r\n });\r\n\r\n if (props) {\r\n for (const key in props) {\r\n // Avoid assigning if property already exists anywhere on `this`\r\n if (! (key in this)) {\r\n this[key] = props[key];\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n // Dispatcher\r\n const Dispatch = function(method, type, options) {\r\n // Try calling the method directly if provided\r\n if (typeof method === 'function') {\r\n let a = Object.values(options);\r\n return method(...a);\r\n } else if (this.tagName) {\r\n this.dispatchEvent(new CustomEvents(type, options));\r\n }\r\n }\r\n\r\n // References\r\n const modals = [];\r\n // State of the resize and move modal\r\n let state = {};\r\n // Internal controls of the action of resize and move\r\n let controls = {};\r\n // Width of the border\r\n let cornerSize = 10;\r\n // Container with minimized modals\r\n const minimizedModals = [];\r\n // Default z-index for the modals\r\n const defaultZIndex = 20;\r\n\r\n /**\r\n * Send the modal to the front\r\n * @param container\r\n */\r\n const sendToFront = function(container) {\r\n let highestXIndex = defaultZIndex;\r\n for (let i = 0; i < modals.length; i++) {\r\n const zIndex = parseInt(modals[i].el.style.zIndex);\r\n if (zIndex > highestXIndex) {\r\n highestXIndex = zIndex;\r\n }\r\n }\r\n container.style.zIndex = highestXIndex + 1;\r\n }\r\n\r\n /**\r\n * Send modal to the back\r\n * @param container\r\n */\r\n const sendToBack = function(container) {\r\n container.style.zIndex = defaultZIndex;\r\n }\r\n\r\n // Get the coordinates of the action\r\n const getCoords = function(e) {\r\n let x;\r\n let y;\r\n\r\n if (e.changedTouches && e.changedTouches[0]) {\r\n x = e.changedTouches[0].clientX;\r\n y = e.changedTouches[0].clientY;\r\n } else {\r\n x = e.clientX;\r\n y = e.clientY;\r\n }\r\n\r\n return [x,y];\r\n }\r\n\r\n // Get the button status\r\n const getButton = function(e) {\r\n e = e || window.event;\r\n if (e.buttons) {\r\n return e.buttons;\r\n } else if (e.button) {\r\n return e.button;\r\n } else {\r\n return e.which;\r\n }\r\n }\r\n\r\n // Finalize any potential action\r\n const mouseUp = function(e) {\r\n // Finalize all actions\r\n if (typeof(controls.action) === 'function') {\r\n controls.action();\r\n }\r\n setTimeout(function() {\r\n // Remove cursor\r\n if (controls.e) {\r\n controls.e.style.cursor = '';\r\n }\r\n // Reset controls\r\n controls = {};\r\n // Reset state controls\r\n state = {\r\n x: null,\r\n y: null,\r\n }\r\n }, 0)\r\n }\r\n\r\n const mouseMove = function(e) {\r\n if (! getButton(e)) {\r\n return false;\r\n }\r\n // Get mouse coordinates\r\n let [x,y] = getCoords(e);\r\n\r\n // Move modal\r\n if (controls.type === 'move') {\r\n if (state && state.x == null && state.y == null) {\r\n state.x = x;\r\n state.y = y;\r\n }\r\n\r\n let dx = x - state.x;\r\n let dy = y - state.y;\r\n let top = controls.e.offsetTop + dy;\r\n let left = controls.e.offsetLeft + dx;\r\n\r\n // Update position\r\n controls.top = top;\r\n controls.left = left;\r\n controls.e.style.top = top + 'px';\r\n controls.e.style.left = left + 'px';\r\n\r\n state.x = x;\r\n state.y = y;\r\n state.top = top;\r\n state.left = left;\r\n } else if (controls.type === 'resize') {\r\n let top = null;\r\n let left = null;\r\n let width = null;\r\n let height = null;\r\n\r\n if (controls.d === 'e-resize' || controls.d === 'ne-resize' || controls.d === 'se-resize') {\r\n width = controls.w + (x - controls.x);\r\n\r\n if (e.shiftKey) {\r\n height = controls.h + (x - controls.x) * (controls.h / controls.w);\r\n }\r\n } else if (controls.d === 'w-resize' || controls.d === 'nw-resize'|| controls.d === 'sw-resize') {\r\n left = controls.l + (x - controls.x);\r\n // Do not move further\r\n if (left >= controls.l) {\r\n left = controls.l;\r\n }\r\n // Update width\r\n width = controls.l + controls.w - left;\r\n // Consider shift to update height\r\n if (e.shiftKey) {\r\n height = controls.h - (x - controls.x) * (controls.h / controls.w);\r\n }\r\n }\r\n\r\n if (controls.d === 's-resize' || controls.d === 'se-resize' || controls.d === 'sw-resize') {\r\n if (! height) {\r\n height = controls.h + (y - controls.y);\r\n }\r\n } else if (controls.d === 'n-resize' || controls.d === 'ne-resize' || controls.d === 'nw-resize') {\r\n top = controls.t + (y - controls.y);\r\n // Do not move further\r\n if (top >= controls.t) {\r\n top = controls.t;\r\n }\r\n // Update height\r\n height = controls.t + controls.h - top;\r\n }\r\n\r\n if (top) {\r\n controls.e.style.top = top + 'px';\r\n }\r\n if (left) {\r\n controls.e.style.left = left + 'px';\r\n }\r\n if (width) {\r\n controls.e.style.width = width + 'px';\r\n }\r\n if (height) {\r\n controls.e.style.height = height + 'px';\r\n }\r\n }\r\n }\r\n\r\n if (typeof(document) !== \"undefined\") {\r\n document.addEventListener('mouseup', mouseUp);\r\n document.addEventListener('mousemove', mouseMove);\r\n }\r\n\r\n const isTrue = function(e) {\r\n return e === true || e === 1 || e === 'true';\r\n }\r\n\r\n const refreshMinimized = function() {\r\n let items = minimizedModals;\r\n let numOfItems = items.length;\r\n let width = 10;\r\n let height = 55;\r\n let offsetWidth = window.innerWidth;\r\n let offsetHeight = window.innerHeight;\r\n for (let i = 0; i < numOfItems; i++) {\r\n let item = items[i];\r\n item.el.style.left = width + 'px';\r\n item.el.style.top = offsetHeight - height + 'px';\r\n width += 205;\r\n\r\n if (offsetWidth - width < 205) {\r\n width = 10;\r\n height += 50;\r\n }\r\n }\r\n }\r\n\r\n const delayAction = function(self, action) {\r\n // Make sure to remove the transformation before minimize to preserve the animation\r\n if (self.el.style.marginLeft || self.el.style.marginTop) {\r\n // Make sure no animation during this process\r\n self.el.classList.add('action');\r\n // Remove adjustment\r\n removeMargin(self);\r\n // Make sure to continue with minimize\r\n setTimeout(function() {\r\n // Remove class\r\n self.el.classList.remove('action');\r\n // Call action\r\n action(self);\r\n },0)\r\n\r\n return true;\r\n }\r\n }\r\n\r\n const setMini = function(self) {\r\n if (delayAction(self, setMini)) {\r\n return;\r\n }\r\n\r\n // Minimize modals\r\n minimizedModals.push(self);\r\n\r\n self.el.top = self.el.offsetTop;\r\n self.el.left = self.el.offsetLeft;\r\n\r\n if (! self.el.style.top) {\r\n self.el.style.top = self.el.top + 'px';\r\n }\r\n if (! self.el.style.left) {\r\n self.el.style.left = self.el.left + 'px';\r\n }\r\n\r\n self.el.translateY = 0;\r\n self.el.translateX = 0;\r\n\r\n // Refresh positions\r\n setTimeout(function() {\r\n refreshMinimized();\r\n self.minimized = true;\r\n },10)\r\n }\r\n\r\n const removeMini = function(self) {\r\n minimizedModals.splice(minimizedModals.indexOf(self), 1);\r\n self.minimized = false;\r\n self.el.style.top = self.el.top + 'px';\r\n self.el.style.left = self.el.left + 'px';\r\n // Refresh positions\r\n setTimeout(() => {\r\n refreshMinimized();\r\n }, 10);\r\n // Refresh positions\r\n setTimeout(() => {\r\n if (self.top === '') {\r\n self.el.style.top = '';\r\n }\r\n if (self.left === '') {\r\n self.el.style.left = '';\r\n }\r\n }, 400);\r\n }\r\n\r\n const removeMargin = function(self) {\r\n if (self.el.style.marginLeft) {\r\n let y = self.el.offsetLeft;\r\n self.el.style.marginLeft = '';\r\n self.left = y;\r\n }\r\n\r\n if (self.el.style.marginTop) {\r\n let x = self.el.offsetTop;\r\n self.el.style.marginTop = '';\r\n self.top = x;\r\n }\r\n }\r\n\r\n const adjustHorizontal = function(self) {\r\n if (! isTrue(self['auto-adjust'])) {\r\n return false;\r\n }\r\n\r\n self.el.style.marginLeft = '';\r\n let viewportWidth = window.innerWidth;\r\n let margin = 10;\r\n\r\n if (self.position) {\r\n if (self.position === 'absolute') {\r\n let w = document.documentElement.offsetWidth;\r\n if (w > viewportWidth) {\r\n //viewportWidth = w;\r\n }\r\n } else if (self.position !== 'center') {\r\n margin = 0;\r\n }\r\n }\r\n\r\n let el = self.el.getBoundingClientRect();\r\n\r\n let rightEdgeDistance = viewportWidth - (el.left + el.width);\r\n let transformX = 0;\r\n\r\n if (self.position === 'absolute') {\r\n if (rightEdgeDistance < 0) {\r\n transformX = rightEdgeDistance - margin - 10; // 10 is the scroll width\r\n }\r\n } else {\r\n if (rightEdgeDistance < 0) {\r\n transformX = rightEdgeDistance - margin;\r\n }\r\n }\r\n\r\n if (el.left < 0) {\r\n transformX = margin - el.left;\r\n }\r\n if (transformX !== 0) {\r\n self.el.style.marginLeft = transformX + 'px';\r\n }\r\n }\r\n\r\n const adjustVertical = function(self) {\r\n if (! isTrue(self['auto-adjust'])) {\r\n return false;\r\n }\r\n\r\n self.el.style.marginTop = '';\r\n let viewportHeight = window.innerHeight;\r\n let margin = 10;\r\n\r\n if (self.position) {\r\n if (self.position === 'absolute') {\r\n let h = document.documentElement.offsetHeight;\r\n if (h > viewportHeight) {\r\n //viewportHeight = h;\r\n }\r\n } else if (self.position !== 'center') {\r\n margin = 0;\r\n }\r\n }\r\n\r\n let el = self.el.getBoundingClientRect();\r\n\r\n let bottomEdgeDistance = viewportHeight - (el.top + el.height);\r\n let transformY = 0;\r\n\r\n if (self.position === 'absolute') {\r\n if (bottomEdgeDistance < 5) {\r\n transformY = (-1 * el.height) - margin - 12;\r\n if (el.top + transformY < 0) {\r\n transformY = -el.top + 10;\r\n }\r\n }\r\n } else {\r\n if (bottomEdgeDistance < 0) {\r\n transformY = bottomEdgeDistance - margin;\r\n }\r\n }\r\n\r\n if (el.top < 0) {\r\n transformY = margin - el.top;\r\n }\r\n if (transformY !== 0) {\r\n self.el.style.marginTop = transformY + 'px';\r\n }\r\n }\r\n\r\n const removeElements = function(root) {\r\n // Keep the DOM elements\r\n let elements = [];\r\n if (root) {\r\n while (root.firstChild) {\r\n elements.push(root.firstChild);\r\n root.firstChild.remove();\r\n }\r\n }\r\n return elements;\r\n }\r\n\r\n const appendElements = function(root, elements) {\r\n if (elements && elements.length) {\r\n while (elements[0]) {\r\n root.appendChild(elements.shift());\r\n }\r\n }\r\n }\r\n\r\n const Modal = function (template, { onchange, onload }) {\r\n let self = this;\r\n let backdrop = null;\r\n let elements = null;\r\n\r\n if (this.tagName) {\r\n // Remove elements from the DOM\r\n elements = removeElements(this);\r\n\r\n this.addEventListener('dragstart', (e) => {\r\n e.preventDefault();\r\n });\r\n }\r\n\r\n // Make sure keep the state as boolean\r\n self.closed = !! self.closed;\r\n\r\n // Keep all modals references\r\n modals.push(self);\r\n\r\n // External onload remove from the lifecycle\r\n let change = self.onchange;\r\n self.onchange = null;\r\n\r\n let load = self.onload;\r\n self.onload = null;\r\n\r\n let ignoreEvents = false;\r\n\r\n const click = function(e) {\r\n if (e.target.classList.contains('lm-modal-close')) {\r\n self.close({ origin: 'button' });\r\n }\r\n\r\n if (e.target.classList.contains('lm-modal-minimize')) {\r\n // Handles minimized modal positioning\r\n if (self.minimized === true) {\r\n removeMini(self);\r\n } else {\r\n setMini(self);\r\n }\r\n }\r\n }\r\n\r\n const mousemove = function(e) {\r\n if (getButton(e)) {\r\n return;\r\n }\r\n\r\n // Get mouse coordinates\r\n let [x,y] = getCoords(e);\r\n // Root element of the component\r\n let item = self.el;\r\n // Get the position and dimensions\r\n let rect = item.getBoundingClientRect();\r\n\r\n controls.type = null;\r\n controls.d = null;\r\n controls.e = item;\r\n controls.w = rect.width;\r\n controls.h = rect.height;\r\n controls.t = rect.top;\r\n controls.l = rect.left;\r\n\r\n // When resizable\r\n if (isTrue(self.resizable)) {\r\n if (e.clientY - rect.top < cornerSize) {\r\n if (rect.width - (e.clientX - rect.left) < cornerSize) {\r\n item.style.cursor = 'ne-resize';\r\n } else if (e.clientX - rect.left < cornerSize) {\r\n item.style.cursor = 'nw-resize';\r\n } else {\r\n item.style.cursor = 'n-resize';\r\n }\r\n } else if (rect.height - (e.clientY - rect.top) < cornerSize) {\r\n if (rect.width - (e.clientX - rect.left) < cornerSize) {\r\n item.style.cursor = 'se-resize';\r\n } else if (e.clientX - rect.left < cornerSize) {\r\n item.style.cursor = 'sw-resize';\r\n } else {\r\n item.style.cursor = 's-resize';\r\n }\r\n } else if (rect.width - (e.clientX - rect.left) < cornerSize) {\r\n item.style.cursor = 'e-resize';\r\n } else if (e.clientX - rect.left < cornerSize) {\r\n item.style.cursor = 'w-resize';\r\n } else {\r\n item.style.cursor = '';\r\n }\r\n\r\n if (item.style.cursor) {\r\n controls.type = 'resize';\r\n controls.d = item.style.cursor;\r\n } else {\r\n controls.type = null;\r\n controls.d = null;\r\n }\r\n }\r\n\r\n if (controls.type == null && isTrue(self.draggable)) {\r\n if (y - rect.top < 40) {\r\n item.style.cursor = 'move';\r\n } else {\r\n item.style.cursor = '';\r\n }\r\n\r\n if (item.style.cursor) {\r\n controls.type = 'move';\r\n controls.d = item.style.cursor;\r\n } else {\r\n controls.type = null;\r\n controls.d = null;\r\n }\r\n }\r\n }\r\n\r\n const mousedown = function(e) {\r\n if (! self.minimized) {\r\n // Get mouse coordinates\r\n let [x,y] = getCoords(e);\r\n controls.x = x;\r\n controls.y = y;\r\n // Root element of the component\r\n let item = self.el;\r\n // Get the position and dimensions\r\n let rect = item.getBoundingClientRect();\r\n controls.e = item;\r\n controls.w = rect.width;\r\n controls.h = rect.height;\r\n controls.t = rect.top;\r\n controls.l = rect.left;\r\n // If is not minimized\r\n if (controls.type === 'resize') {\r\n // Make sure the width and height is defined for the modal\r\n if (! item.style.width) {\r\n item.style.width = controls.w + 'px';\r\n }\r\n if (! item.style.height) {\r\n item.style.height = controls.h + 'px';\r\n }\r\n // This will be the callback when finalize the resize\r\n controls.action = function () {\r\n self.width = parseInt(item.style.width);\r\n self.height = parseInt(item.style.height);\r\n controls.e.classList.remove('action');\r\n // Event\r\n Dispatch.call(self, self.onresize, 'resize', {\r\n instance: self,\r\n width: self.width,\r\n height: self.height,\r\n });\r\n }\r\n controls.e.classList.add('action');\r\n } else if (isTrue(self.draggable) && y - rect.top < 40) {\r\n // Callback\r\n controls.action = function () {\r\n self.top = parseInt(item.style.top);\r\n self.left = parseInt(item.style.left);\r\n controls.e.classList.remove('action');\r\n // Open event\r\n Dispatch.call(self, self.onmove, 'move', {\r\n instance: self,\r\n top: self.top,\r\n left: self.left,\r\n });\r\n }\r\n controls.e.classList.add('action');\r\n // Remove transform\r\n removeMargin(self);\r\n }\r\n }\r\n }\r\n\r\n self.back = function() {\r\n sendToBack(self.el);\r\n }\r\n\r\n self.front = function() {\r\n sendToFront(self.el);\r\n }\r\n\r\n self.open = function() {\r\n if (self.closed === true) {\r\n self.closed = false;\r\n // Close event\r\n Dispatch.call(self, self.onopen, 'open', {\r\n instance: self\r\n });\r\n }\r\n }\r\n\r\n self.close = function(options) {\r\n if (self.closed === false) {\r\n self.closed = true;\r\n // Close event\r\n Dispatch.call(self, self.onclose, 'close', {\r\n instance: self,\r\n ...options\r\n });\r\n }\r\n }\r\n\r\n self.isClosed = function() {\r\n return self.closed;\r\n }\r\n\r\n if (! template || typeof(template) !== 'string') {\r\n template = '';\r\n }\r\n\r\n // Custom Root Configuration\r\n self.settings = {\r\n getRoot: function() {\r\n return self.root;\r\n }\r\n }\r\n\r\n // Native lemonade\r\n onload(() => {\r\n // Dimensions\r\n if (self.width) {\r\n self.el.style.width = self.width + 'px';\r\n }\r\n if (self.height) {\r\n self.el.style.height = self.height + 'px';\r\n }\r\n // Position\r\n if (self.top) {\r\n self.el.style.top = self.top + 'px';\r\n }\r\n if (self.left) {\r\n self.el.style.left = self.left + 'px';\r\n }\r\n\r\n if (self.position === 'absolute' || self.position === 'right' || self.position === 'bottom' || self.position === 'left') {\r\n\r\n } else {\r\n if (!self.width && self.el.offsetWidth) {\r\n self.width = self.el.offsetWidth;\r\n }\r\n if (!self.height && self.el.offsetHeight) {\r\n self.height = self.el.offsetHeight;\r\n }\r\n\r\n // Initial centralize\r\n if (self.position === 'center' || !self.top) {\r\n self.top = (window.innerHeight - self.height) / 2;\r\n }\r\n if (self.position === 'center' || !self.left) {\r\n self.left = (window.innerWidth - self.width) / 2;\r\n }\r\n\r\n // Responsive\r\n if (document.documentElement.clientWidth < 800) {\r\n // Full screen\r\n if (self.height > 300) {\r\n self.el.classList.add('fullscreen');\r\n }\r\n }\r\n }\r\n\r\n // Auto adjust\r\n adjustHorizontal(self);\r\n adjustVertical(self);\r\n\r\n // Backdrop\r\n if (self.backdrop === true) {\r\n backdrop = document.createElement('div');\r\n backdrop.classList.add('lm-modal-backdrop');\r\n backdrop.addEventListener('click', () => {\r\n self.close({ origin: 'backdrop' });\r\n });\r\n\r\n if (self.closed === false) {\r\n self.el.parentNode.insertBefore(backdrop, self.el);\r\n }\r\n }\r\n\r\n // Import content from DOM\r\n if (self.content) {\r\n if (typeof(self.content) === 'string') {\r\n template = self.content;\r\n } else if (typeof(self.content) === 'object' && self.content.tagName) {\r\n self.root.appendChild(self.content);\r\n }\r\n }\r\n\r\n // Focus out of the component\r\n self.el.addEventListener('focusout', function(e) {\r\n if (! self.el.contains(e.relatedTarget)) {\r\n if (isTrue(self['auto-close'])) {\r\n self.close({ origin: 'focusout' });\r\n }\r\n // Remove focus\r\n self.el.classList.remove('lm-modal-focus');\r\n }\r\n });\r\n\r\n // Focus out of the component\r\n self.el.addEventListener('focusin', function(e) {\r\n self.el.classList.add('lm-modal-focus');\r\n });\r\n\r\n // Close and stop propagation\r\n self.el.addEventListener('keydown', (e) => {\r\n if (e.key === 'Escape') {\r\n if (self.closed === false) {\r\n self.close({ origin: 'escape' });\r\n e.preventDefault();\r\n e.stopImmediatePropagation();\r\n }\r\n } else if (e.key === 'Enter') {\r\n click(e);\r\n }\r\n });\r\n\r\n // Append elements to the container\r\n appendElements(self.el.children[1], elements);\r\n\r\n if (self.url) {\r\n fetch(self.url)\r\n .then(response => response.clone().body)\r\n .then(body => {\r\n let reader = body.getReader();\r\n reader.read().then(({ done, value }) => {\r\n // Add HTML to the modal\r\n self.root.innerHTML = new TextDecoder().decode(value.buffer);\r\n // Call onload event\r\n Dispatch.call(self, load, 'load', {\r\n instance: self\r\n });\r\n });\r\n });\r\n } else {\r\n // Call onload event\r\n Dispatch.call(self, load, 'load', {\r\n instance: self\r\n });\r\n }\r\n });\r\n\r\n onchange((property) => {\r\n if (ignoreEvents) {\r\n return false;\r\n }\r\n\r\n if (property === 'closed') {\r\n if (self.closed === false) {\r\n // Focus on the modal\r\n if (self.focus !== false) {\r\n self.el.focus();\r\n }\r\n // Show backdrop\r\n if (backdrop) {\r\n self.el.parentNode.insertBefore(backdrop, self.el);\r\n }\r\n\r\n // Auto adjust\r\n queueMicrotask(() => {\r\n adjustHorizontal(self);\r\n adjustVertical(self);\r\n });\r\n } else {\r\n // Hide backdrop\r\n if (backdrop) {\r\n backdrop.remove();\r\n }\r\n }\r\n } else if (property === 'top' || property === 'left' || property === 'width' || property === 'height') {\r\n if (self[property] !== '') {\r\n self.el.style[property] = self[property] + 'px';\r\n } else {\r\n self.el.style[property] = '';\r\n }\r\n\r\n if (self.closed === false) {\r\n queueMicrotask(() => {\r\n if (property === 'top') {\r\n adjustVertical(self);\r\n }\r\n if (property === 'left') {\r\n adjustHorizontal(self);\r\n }\r\n });\r\n }\r\n } else if (property === 'position') {\r\n if (self.position) {\r\n if (self.position === 'center') {\r\n self.top = (window.innerHeight - self.el.offsetHeight) / 2;\r\n self.left = (window.innerWidth - self.el.offsetWidth) / 2;\r\n } else {\r\n self.top = '';\r\n self.left = '';\r\n }\r\n } else {\r\n if (! self.top) {\r\n self.top = (window.innerHeight - self.el.offsetHeight) / 2;\r\n }\r\n if (! self.left) {\r\n self.left = (window.innerWidth - self.el.offsetWidth) / 2;\r\n }\r\n }\r\n }\r\n });\r\n\r\n return render => render`
\r\n
{{self.icon}}
{{self.title}}
\r\n
${template}
\r\n
`\r\n }\r\n\r\n const Component = function (root, options) {\r\n if (typeof(root) === 'object') {\r\n // Remove elements from the DOM\r\n let elements = removeElements(root);\r\n // Create the modal\r\n let e = lemonade.render(Modal, root, options);\r\n // Add elements to the container\r\n appendElements(e.children[1], elements);\r\n\r\n return options;\r\n } else {\r\n return Modal.call(this);\r\n }\r\n }\r\n\r\n // Create LemonadeJS Component\r\n lemonade.setComponents({ Modal: Modal });\r\n // Create Web Component\r\n lemonade.createWebComponent('modal', Modal)\r\n\r\n return Component;\r\n})));\n\n/***/ }),\n\n/***/ 712:\n/***/ (function(module) {\n\n\r\n\r\n;(function (global, factory) {\r\n true ? module.exports = factory() :\r\n 0;\r\n}(this, (function () {\r\n\r\n class CustomEvents extends Event {\r\n constructor(type, props, options) {\r\n super(type, {\r\n bubbles: true,\r\n composed: true,\r\n ...options,\r\n });\r\n\r\n if (props) {\r\n for (const key in props) {\r\n // Avoid assigning if property already exists anywhere on `this`\r\n if (! (key in this)) {\r\n this[key] = props[key];\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n // Dispatcher\r\n const Dispatch = function(method, type, options) {\r\n // Try calling the method directly if provided\r\n if (typeof method === 'function') {\r\n let a = Object.values(options);\r\n return method(...a);\r\n } else if (this.tagName) {\r\n this.dispatchEvent(new CustomEvents(type, options));\r\n }\r\n }\r\n\r\n const Rating = function(children, { onchange, onload }) {\r\n let self = this;\r\n\r\n // Event\r\n let change = self.onchange;\r\n self.onchange = null;\r\n\r\n if (! self.number) {\r\n self.number = 5;\r\n }\r\n\r\n self.stars = [];\r\n\r\n // Current self star\r\n let current = null;\r\n\r\n /**\r\n * Update the number of stars\r\n */\r\n const len = function () {\r\n // Remove stars\r\n if (self.number < self.stars.length) {\r\n self.stars.splice(self.number, self.stars.length);\r\n if (self.value > self.number) {\r\n self.value = self.number;\r\n }\r\n }\r\n // Add missing stars\r\n for (let i = 0; i < self.number; i++) {\r\n if (! self.stars[i]) {\r\n self.stars[i] = {\r\n icon: 'star',\r\n };\r\n if (self.tooltip[i]) {\r\n self.stars[i].title = self.tooltip[i];\r\n }\r\n }\r\n }\r\n // Refresh\r\n self.refresh('stars');\r\n }\r\n\r\n const val = function (index, events) {\r\n if (typeof(index) === 'string') {\r\n index = Number(index);\r\n }\r\n // Apply value to the selected property in each star\r\n for (let i = 0; i < self.number; i++) {\r\n self.stars[i].selected = i <= index - 1 ? 1 : 0;\r\n }\r\n // Keep current value\r\n current = index;\r\n // Dispatch method\r\n if (events !== false) {\r\n Dispatch.call(self, change, 'change', {\r\n instance: self,\r\n value: index,\r\n });\r\n }\r\n }\r\n\r\n const getElementPosition = function(child) {\r\n if (child.tagName === 'I') {\r\n let root = self.el;\r\n for (let i = 0; i < root.children.length; i++) {\r\n let c = root.children[i];\r\n if (c === child) {\r\n return i;\r\n }\r\n }\r\n }\r\n return -1;\r\n }\r\n\r\n const click = function(e, s) {\r\n let ret = getElementPosition(e.target);\r\n if (ret !== -1) {\r\n let index = ret + 1;\r\n if (index === current) {\r\n index = 0;\r\n }\r\n self.value = index;\r\n }\r\n }\r\n\r\n const mouseover = function(e, s) {\r\n let index = getElementPosition(e.target);\r\n if (index !== -1) {\r\n for (let i = 0; i < self.number; i++) {\r\n if (i <= index) {\r\n self.stars[i].hover = 1;\r\n } else {\r\n self.stars[i].hover = 0;\r\n }\r\n }\r\n }\r\n }\r\n\r\n const mouseout = function(e, s) {\r\n for (let i = 0; i < self.number; i++) {\r\n self.stars[i].hover = 0;\r\n }\r\n }\r\n\r\n onchange((prop) => {\r\n if (prop === 'number') {\r\n len();\r\n } else if (prop === 'value') {\r\n val(self.value);\r\n } else if (prop === 'tooltip') {\r\n if (typeof(self.tooltip) === 'string') {\r\n self.tooltip = self.tooltip.split(',')\r\n }\r\n len();\r\n }\r\n })\r\n\r\n onload(() => {\r\n // Bind global method to be compatible with LemonadeJS forms\r\n self.el.val = function (v) {\r\n if (typeof (v) === 'undefined') {\r\n return self.value;\r\n } else {\r\n self.value = v;\r\n }\r\n }\r\n\r\n if (self.tooltip && typeof(self.tooltip) === 'string') {\r\n self.tooltip = self.tooltip.split(',')\r\n } else {\r\n self.tooltip = '';\r\n }\r\n len();\r\n // Ignore events\r\n val(self.value, false);\r\n\r\n self.el.addEventListener('click', click);\r\n self.el.addEventListener('mouseout', mouseout);\r\n self.el.addEventListener('mouseover', mouseover);\r\n });\r\n\r\n self.getValue = function () {\r\n return Number(self.value);\r\n }\r\n\r\n self.setValue = function (index) {\r\n self.value = index;\r\n }\r\n\r\n return `
\r\n star\r\n
`;\r\n }\r\n\r\n // Register the LemonadeJS Component\r\n lemonade.setComponents({ Rating: Rating });\r\n // Register the web component\r\n lemonade.createWebComponent('rating', Rating);\r\n\r\n return function (root, options) {\r\n if (typeof (root) === 'object') {\r\n lemonade.render(Rating, root, options)\r\n return options;\r\n } else {\r\n return Rating.call(this, root)\r\n }\r\n }\r\n\r\n})));\n\n/***/ }),\n\n/***/ 711:\n/***/ (function(module) {\n\n\r\n\r\n; (function (global, factory) {\r\n true ? module.exports = factory() :\r\n 0;\r\n}(this, (function () {\r\n\r\n class CustomEvents extends Event {\r\n constructor(type, props, options) {\r\n super(type, {\r\n bubbles: true,\r\n composed: true,\r\n ...options,\r\n });\r\n\r\n if (props) {\r\n for (const key in props) {\r\n // Avoid assigning if property already exists anywhere on `this`\r\n if (! (key in this)) {\r\n this[key] = props[key];\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n // Dispatcher\r\n const Dispatch = function(method, type, options) {\r\n // Try calling the method directly if provided\r\n if (typeof method === 'function') {\r\n let a = Object.values(options);\r\n return method(...a);\r\n } else if (this.tagName) {\r\n this.dispatchEvent(new CustomEvents(type, options));\r\n }\r\n }\r\n\r\n const Switch = function (children, { onchange, onload }) {\r\n let self = this;\r\n\r\n // Event\r\n let change = self.onchange;\r\n self.onchange = null;\r\n\r\n const state = () => {\r\n let s = self.el.firstChild.checked;\r\n if (s !== self.checked) {\r\n self.checked = s;\r\n }\r\n }\r\n\r\n onchange((prop, a, b, c, d) => {\r\n if (a !== b) {\r\n Dispatch.call(self, change, 'change', {\r\n instance: self,\r\n value: self.value,\r\n });\r\n }\r\n\r\n state();\r\n })\r\n\r\n onload(state);\r\n\r\n return render => render``\r\n }\r\n\r\n // Create LemonadeJS references\r\n lemonade.setComponents({ Switch: Switch });\r\n // Create web-component\r\n lemonade.createWebComponent('switch', Switch);\r\n\r\n return function (root, options) {\r\n if (typeof (root) === 'object') {\r\n lemonade.render(Switch, root, options)\r\n return options;\r\n } else {\r\n return Switch.call(this, root);\r\n }\r\n }\r\n\r\n})));\n\n/***/ }),\n\n/***/ 979:\n/***/ (function(module) {\n\n\r\n\r\n; (function (global, factory) {\r\n true ? module.exports = factory() :\r\n 0;\r\n}(this, (function () {\r\n\r\n class CustomEvents extends Event {\r\n constructor(type, props, options) {\r\n super(type, {\r\n bubbles: true,\r\n composed: true,\r\n ...options,\r\n });\r\n\r\n if (props) {\r\n for (const key in props) {\r\n // Avoid assigning if property already exists anywhere on `this`\r\n if (! (key in this)) {\r\n this[key] = props[key];\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n // Dispatcher\r\n const Dispatch = function(method, type, options) {\r\n // Try calling the method directly if provided\r\n if (typeof method === 'function') {\r\n let a = Object.values(options);\r\n return method(...a);\r\n } else if (this.tagName) {\r\n this.dispatchEvent(new CustomEvents(type, options));\r\n }\r\n }\r\n\r\n const extract = function(root, self) {\r\n if (! Array.isArray(self.data)) {\r\n self.data = [];\r\n }\r\n\r\n if (root.tagName) {\r\n for (let i = 0; i < root.children.length; i++) {\r\n self.data.push({\r\n el: root.children[i],\r\n })\r\n }\r\n } else {\r\n root.forEach((child) => {\r\n self.data.push({\r\n el: child.element,\r\n })\r\n });\r\n }\r\n }\r\n\r\n const sorting = function(el, options) {\r\n const obj = {};\r\n\r\n let dragElement = null;\r\n\r\n el.addEventListener('dragstart', function(e) {\r\n let target = e.target;\r\n if (target.nodeType === 3) {\r\n if (target.parentNode.getAttribute('draggable') === 'true') {\r\n target = target.parentNode;\r\n } else {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n return;\r\n }\r\n }\r\n\r\n if (target.getAttribute('draggable') === 'true') {\r\n let position = Array.prototype.indexOf.call(target.parentNode.children, target);\r\n dragElement = {\r\n element: target,\r\n o: position,\r\n d: position\r\n }\r\n target.style.opacity = '0.25';\r\n e.dataTransfer.setDragImage(target,0,0);\r\n }\r\n });\r\n\r\n el.addEventListener('dragover', function(e) {\r\n e.preventDefault();\r\n\r\n if (dragElement && getElement(e.target) && e.target.getAttribute('draggable') == 'true' && dragElement.element != e.target) {\r\n let element = e.target.clientWidth / 2 > e.offsetX ? e.target : e.target.nextSibling;\r\n e.target.parentNode.insertBefore(dragElement.element, element);\r\n dragElement.d = Array.prototype.indexOf.call(e.target.parentNode.children, dragElement.element);\r\n }\r\n });\r\n\r\n el.addEventListener('dragleave', function(e) {\r\n e.preventDefault();\r\n });\r\n\r\n el.addEventListener('dragend', function(e) {\r\n e.preventDefault();\r\n\r\n if (dragElement) {\r\n let element = dragElement.o < dragElement.d ? e.target.parentNode.children[dragElement.o] : e.target.parentNode.children[dragElement.o].nextSibling\r\n e.target.parentNode.insertBefore(dragElement.element, element);\r\n dragElement.element.style.opacity = '';\r\n dragElement = null;\r\n }\r\n });\r\n\r\n el.addEventListener('drop', function(e) {\r\n e.preventDefault();\r\n\r\n if (dragElement) {\r\n if (dragElement.o !== dragElement.d) {\r\n if (typeof(options.ondrop) == 'function') {\r\n options.ondrop(el, dragElement.o, dragElement.d, dragElement.element, e.target, e);\r\n }\r\n }\r\n\r\n dragElement.element.style.opacity = '';\r\n dragElement = null;\r\n }\r\n });\r\n\r\n const getElement = function(element) {\r\n var sorting = false;\r\n\r\n function path (element) {\r\n if (element === el) {\r\n sorting = true;\r\n }\r\n\r\n if (! sorting) {\r\n path(element.parentNode);\r\n }\r\n }\r\n\r\n path(element);\r\n\r\n return sorting;\r\n }\r\n\r\n for (let i = 0; i < el.children.length; i++) {\r\n if (! el.children[i].hasAttribute('draggable')) {\r\n el.children[i].setAttribute('draggable', 'true');\r\n }\r\n }\r\n\r\n return el;\r\n }\r\n\r\n const Tabs = function(children, { onchange, onload }) {\r\n let self = this\r\n\r\n // Event\r\n let change = self.onchange;\r\n self.onchange = null;\r\n\r\n // Add new tab\r\n let createButton;\r\n\r\n // Get the references from the root web component\r\n let root;\r\n let template = '';\r\n if (this.tagName) {\r\n root = this;\r\n } else {\r\n // References from LemonadeJS\r\n if (typeof(children) === 'string') {\r\n // Version 4\r\n template = children;\r\n } else if (children && children.length) {\r\n // Version 5\r\n root = children;\r\n }\r\n }\r\n\r\n if (root) {\r\n extract(root, self);\r\n }\r\n\r\n // Process the data\r\n if (self.data) {\r\n for (let i = 0; i < self.data.length; i++) {\r\n if (! self.data[i].el) {\r\n // Create element\r\n self.data[i].el = document.createElement('div');\r\n // Create from content\r\n if (self.data[i].content) {\r\n self.data[i].el.innerHTML = self.data[i].content;\r\n }\r\n }\r\n }\r\n }\r\n\r\n let props = ['title', 'selected', 'data-icon'];\r\n\r\n const select = function(index) {\r\n // Make sure the index is a number\r\n index = parseInt(index);\r\n // Do not select tabs that does not exist\r\n if (index >= 0 && index < self.data.length) {\r\n for (let i = 0; i < self.root.children.length; i++) {\r\n self.headers.children[i].classList.remove('selected');\r\n self.root.children[i].classList.remove('selected');\r\n }\r\n self.headers.children[index].classList.add('selected');\r\n self.root.children[index].classList.add('selected');\r\n }\r\n }\r\n\r\n const init = function(selected) {\r\n let tabs = [];\r\n\r\n for (let i = 0; i < self.data.length; i++) {\r\n // Extract meta information from the DOM\r\n if (props) {\r\n props.forEach((prop) => {\r\n let short = prop.replace('data-', '');\r\n if (! self.data[i][short]) {\r\n let ret = self.data[i].el.getAttribute(prop);\r\n if (ret != null) {\r\n self.data[i][short] = ret;\r\n }\r\n }\r\n });\r\n }\r\n // Create tabs object\r\n tabs[i] = {\r\n title: self.data[i].title,\r\n }\r\n // Which one is selected by default\r\n if (self.data[i].selected) {\r\n selected = i;\r\n }\r\n if (self.data[i].icon) {\r\n tabs[i].icon = self.data[i].icon;\r\n }\r\n\r\n self.root.appendChild(self.data[i].el);\r\n }\r\n\r\n // Create headers\r\n self.tabs = tabs;\r\n\r\n // Default selected\r\n if (typeof(selected) !== 'undefined') {\r\n self.selected = selected;\r\n }\r\n\r\n if (props) {\r\n // Add create new tab button\r\n if (createButton) {\r\n self.headers.appendChild(createButton);\r\n }\r\n // Add sorting\r\n sorting(self.el.firstChild.firstChild, {\r\n ondrop: (el, fromIndex, toIndex) => {\r\n // Remove the item from its original position\r\n const [movedItem] = self.data.splice(fromIndex, 1);\r\n // Insert it into the new position\r\n self.data.splice(toIndex, 0, movedItem);\r\n // Make sure correct order\r\n for (let i = 0; i < self.data.length; i++) {\r\n self.root.appendChild(self.data[i].el);\r\n }\r\n // Select new position\r\n self.selected = toIndex;\r\n // Dispatch event\r\n Dispatch.call(self, self.onchangeposition, 'changeposition', {\r\n instance: self,\r\n fromIndex: fromIndex,\r\n toIndex: toIndex,\r\n });\r\n }\r\n })\r\n }\r\n\r\n props = null;\r\n }\r\n\r\n const create = function() {\r\n // Create a new item\r\n self.create({ title: 'Untitled' }, null, true);\r\n }\r\n\r\n const open = function(e) {\r\n if (e.target.tagName === 'LI') {\r\n // Avoid select something already selected\r\n let index = Array.prototype.indexOf.call(e.target.parentNode.children, e.target);\r\n if (index !== self.selected) {\r\n self.selected = index;\r\n }\r\n }\r\n }\r\n\r\n const keydown = function(e, s) {\r\n let index = null;\r\n if (e.key === 'Enter') {\r\n self.click(e, s);\r\n } else if (e.key === 'ArrowUp' || e.key === 'ArrowLeft') {\r\n index = self.selected - 1;\r\n if (index < 0) {\r\n index = 0;\r\n }\r\n } else if (e.key === 'ArrowDown' || e.key === 'ArrowRight') {\r\n index = self.selected + 1;\r\n if (index > self.tabs.length-1) {\r\n index = self.tabs.length-1;\r\n }\r\n }\r\n\r\n // Make selection\r\n if (index !== null) {\r\n self.tabs[index].el.focus();\r\n }\r\n }\r\n\r\n onload(() => {\r\n if (template) {\r\n extract(self.root, self);\r\n }\r\n\r\n init(self.selected || 0);\r\n })\r\n\r\n onchange((property) => {\r\n if (property === 'selected') {\r\n select(self.selected);\r\n\r\n Dispatch.call(self, self.onopen, 'open', {\r\n instance: self,\r\n selected: self.selected,\r\n });\r\n\r\n Dispatch.call(self, change, 'change', {\r\n instance: self,\r\n value: self.selected,\r\n });\r\n }\r\n })\r\n\r\n self.open = function (index) {\r\n self.selected = index;\r\n }\r\n\r\n self.create = function(item, position, select) {\r\n // Create element\r\n if (typeof(item) !== 'object') {\r\n console.error('Item must be an object');\r\n } else {\r\n\r\n let ret = Dispatch.call(self, self.onbeforecreate, 'beforecreate', {\r\n instance: self,\r\n item: item,\r\n position: position,\r\n });\r\n\r\n if (ret === false) {\r\n return false;\r\n }\r\n\r\n // Create DOM\r\n item.el = document.createElement('div');\r\n // Create from content\r\n if (item.content) {\r\n item.el.innerHTML = item.content;\r\n }\r\n\r\n // Add the new item in the end\r\n if (typeof(position) === 'undefined' || position === null) {\r\n // Mew item\r\n position = self.data.length;\r\n // Add in the end\r\n self.data.push(item);\r\n } else {\r\n self.data.splice(position, 0, item);\r\n }\r\n // New position\r\n if (select) {\r\n // Refresh\r\n init(self.data.indexOf(item));\r\n } else {\r\n init(self.selected);\r\n }\r\n\r\n self.tabs.forEach(item => {\r\n item.el.setAttribute('draggable', 'true');\r\n })\r\n\r\n Dispatch.call(self, self.oncreate, 'create', {\r\n instance: self,\r\n item: item,\r\n position: position,\r\n });\r\n }\r\n }\r\n\r\n self.allowCreate = !! self.allowCreate;\r\n\r\n return render => render`
\r\n
\r\n
{{self.title}}
\r\n
add
\r\n
\r\n
${template}
\r\n
`\r\n }\r\n\r\n lemonade.setComponents({ Tabs: Tabs });\r\n\r\n lemonade.createWebComponent('tabs', Tabs);\r\n\r\n return function (root, options) {\r\n if (typeof (root) === 'object') {\r\n if (typeof(options) !== 'object') {\r\n options = {};\r\n }\r\n // Extract DOM references\r\n extract(root, options);\r\n // Create the modal\r\n lemonade.render(Tabs, root, options);\r\n // Return self\r\n return options;\r\n } else {\r\n return Tabs.call(this);\r\n }\r\n };\r\n})));\n\n/***/ }),\n\n/***/ 879:\n/***/ (function(module, __unused_webpack_exports, __webpack_require__) {\n\n\r\n\r\nif (! Contextmenu && \"function\" === 'function') {\r\n var Contextmenu = __webpack_require__(319);\r\n}\r\n\r\n; (function (global, factory) {\r\n true ? module.exports = factory() :\r\n 0;\r\n}(this, (function () {\r\n\r\n const Topmenu = function(children, { onload, onchange }) {\r\n let self = this;\r\n\r\n // Current selection\r\n let currentIndex = null;\r\n\r\n const getElementPosition = function(child) {\r\n let root = self.el.children[0];\r\n for (let i = 0; i < root.children.length; i++) {\r\n let c = root.children[i];\r\n if (c === child) {\r\n return i;\r\n }\r\n }\r\n return -1;\r\n }\r\n\r\n const select = function(e, s) {\r\n if (! self.menu.isClosed()) {\r\n let index = self.options.indexOf(s);\r\n if (index !== currentIndex) {\r\n open(index);\r\n }\r\n }\r\n }\r\n\r\n const deselect = function() {\r\n if (self.options) {\r\n self.options.forEach(v => v.selected = false);\r\n }\r\n }\r\n\r\n const selectIndex = function(newIndex) {\r\n if (self.options) {\r\n let s = self.options[newIndex];\r\n if (s && ! s.disabled) {\r\n deselect();\r\n // Make it selected\r\n s.selected = true;\r\n // New index\r\n currentIndex = newIndex;\r\n // Focus\r\n s.el.focus();\r\n }\r\n }\r\n }\r\n\r\n const open = function(index) {\r\n // Update cursor position\r\n selectIndex(index);\r\n let s = self.options[currentIndex];\r\n if (s && s.submenu) {\r\n let x = s.el.offsetLeft;\r\n let y = s.el.offsetTop + s.el.offsetHeight + 2;\r\n self.menu.open(s.submenu, x, y);\r\n s.expanded = true;\r\n }\r\n }\r\n\r\n const close = function() {\r\n self.menu.close(0);\r\n let s = self.options[currentIndex];\r\n if (s) {\r\n s.el.focus();\r\n s.expanded = false;\r\n }\r\n }\r\n\r\n const toggle = function(e, s) {\r\n if (s.submenu && ! s.disabled) {\r\n let index = self.options.indexOf(s);\r\n if (index === currentIndex && ! self.menu.isClosed()) {\r\n close();\r\n } else {\r\n open(index);\r\n }\r\n cancel(e);\r\n }\r\n }\r\n\r\n const findNextEnabledIndex = function(startIndex) {\r\n if (!self.options || self.options.length === 0) {\r\n return null;\r\n }\r\n \r\n let index = startIndex;\r\n let attempts = 0;\r\n const maxAttempts = self.options.length;\r\n \r\n while (attempts < maxAttempts) {\r\n if (index >= self.options.length) {\r\n index = 0;\r\n }\r\n if (!self.options[index].disabled) {\r\n return index;\r\n }\r\n index++;\r\n attempts++;\r\n }\r\n return null;\r\n };\r\n\r\n const findPreviousEnabledIndex = function(startIndex) {\r\n if (!self.options || self.options.length === 0) {\r\n return null;\r\n }\r\n \r\n let index = startIndex;\r\n let attempts = 0;\r\n const maxAttempts = self.options.length;\r\n \r\n while (attempts < maxAttempts) {\r\n if (index < 0) {\r\n index = self.options.length - 1;\r\n }\r\n if (!self.options[index].disabled) {\r\n return index;\r\n }\r\n index--;\r\n attempts++;\r\n }\r\n return null;\r\n };\r\n\r\n const adjustOptionProperties = function() {\r\n if (self.options) {\r\n self.options.forEach(v => {\r\n v.haspopup = !!v.submenu;\r\n v.expanded = false;\r\n\r\n if (v.disabled) {\r\n v.el.removeAttribute('tabindex');\r\n } else {\r\n v.el.setAttribute('tabindex', '0');\r\n }\r\n })\r\n }\r\n };\r\n\r\n /**\r\n * Open a submenu programaticaly. Default 0\r\n * @param {number} index\r\n */\r\n self.open = function(index) {\r\n if (typeof index === 'undefined') {\r\n index = currentIndex;\r\n }\r\n if (! index) {\r\n index = 0;\r\n }\r\n\r\n let s = self.options[index];\r\n if (s) {\r\n open(index);\r\n }\r\n }\r\n\r\n onchange((prop) => {\r\n if (prop === 'options') {\r\n adjustOptionProperties();\r\n }\r\n });\r\n\r\n // Keyboard event\r\n onload(() => {\r\n self.el.addEventListener(\"focusin\", function(e) {\r\n let index = getElementPosition(e.target);\r\n if (index !== -1) {\r\n if (e.relatedTarget === self.menu.el) {\r\n close();\r\n } else {\r\n selectIndex(index);\r\n }\r\n }\r\n });\r\n\r\n self.el.addEventListener(\"focusout\", function(e) {\r\n if (! (e.relatedTarget && self.el.contains(e.relatedTarget))) {\r\n if (self.options[currentIndex]) {\r\n self.options[currentIndex].selected = false;\r\n }\r\n }\r\n });\r\n\r\n self.el.addEventListener(\"keydown\", function(e) {\r\n let o = self.options;\r\n // Select top menu\r\n let select = null;\r\n\r\n if (e.key === 'Enter') {\r\n toggle(e, o[currentIndex])\r\n } else if (e.key === 'ArrowLeft') {\r\n select = findPreviousEnabledIndex(currentIndex - 1);\r\n } else if (e.key === 'ArrowRight') {\r\n select = findNextEnabledIndex(currentIndex + 1);\r\n }\r\n\r\n if (select !== null) {\r\n if (self.menu.isClosed()) {\r\n selectIndex(select);\r\n } else {\r\n open(select);\r\n }\r\n }\r\n });\r\n\r\n adjustOptionProperties();\r\n });\r\n\r\n const cancel = function(e) {\r\n e.preventDefault();\r\n e.stopImmediatePropagation();\r\n }\r\n\r\n return render => render`
\r\n
\r\n
{{self.title}}
\r\n
\r\n \r\n
`\r\n }\r\n\r\n lemonade.setComponents({ Topmenu: Topmenu });\r\n\r\n // Register the web component\r\n lemonade.createWebComponent('topmenu', Topmenu);\r\n\r\n return function (root, options) {\r\n if (typeof (root) === 'object') {\r\n lemonade.render(Topmenu, root, options)\r\n return options;\r\n } else {\r\n return Topmenu.call(this, root)\r\n }\r\n }\r\n})));\n\n/***/ })\n\n/******/ \t});\n/************************************************************************/\n/******/ \t// The module cache\n/******/ \tvar __webpack_module_cache__ = {};\n/******/ \t\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/ \t\t// Check if module is in cache\n/******/ \t\tvar cachedModule = __webpack_module_cache__[moduleId];\n/******/ \t\tif (cachedModule !== undefined) {\n/******/ \t\t\treturn cachedModule.exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = __webpack_module_cache__[moduleId] = {\n/******/ \t\t\t// no module.id needed\n/******/ \t\t\t// no module.loaded needed\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/ \t\n/******/ \t\t// Execute the module function\n/******/ \t\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/ \t\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/ \t\n/************************************************************************/\n/******/ \t/* webpack/runtime/compat get default export */\n/******/ \t!function() {\n/******/ \t\t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t\t__webpack_require__.n = function(module) {\n/******/ \t\t\tvar getter = module && module.__esModule ?\n/******/ \t\t\t\tfunction() { return module['default']; } :\n/******/ \t\t\t\tfunction() { return module; };\n/******/ \t\t\t__webpack_require__.d(getter, { a: getter });\n/******/ \t\t\treturn getter;\n/******/ \t\t};\n/******/ \t}();\n/******/ \t\n/******/ \t/* webpack/runtime/define property getters */\n/******/ \t!function() {\n/******/ \t\t// define getter functions for harmony exports\n/******/ \t\t__webpack_require__.d = function(exports, definition) {\n/******/ \t\t\tfor(var key in definition) {\n/******/ \t\t\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n/******/ \t\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n/******/ \t\t\t\t}\n/******/ \t\t\t}\n/******/ \t\t};\n/******/ \t}();\n/******/ \t\n/******/ \t/* webpack/runtime/hasOwnProperty shorthand */\n/******/ \t!function() {\n/******/ \t\t__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }\n/******/ \t}();\n/******/ \t\n/************************************************************************/\nvar __webpack_exports__ = {};\n// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.\n!function() {\n\"use strict\";\n/* harmony import */ var _plugins_calendar_dist_index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(673);\n/* harmony import */ var _plugins_calendar_dist_index__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_plugins_calendar_dist_index__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _plugins_color_dist_index__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(98);\n/* harmony import */ var _plugins_color_dist_index__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_plugins_color_dist_index__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _plugins_contextmenu_dist_index__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(319);\n/* harmony import */ var _plugins_contextmenu_dist_index__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_plugins_contextmenu_dist_index__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _plugins_dropdown_dist_index__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(960);\n/* harmony import */ var _plugins_dropdown_dist_index__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_plugins_dropdown_dist_index__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _plugins_modal_dist_index__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(392);\n/* harmony import */ var _plugins_modal_dist_index__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_plugins_modal_dist_index__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _plugins_switch_dist_index__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(711);\n/* harmony import */ var _plugins_switch_dist_index__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_plugins_switch_dist_index__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _plugins_tabs_dist_index__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(979);\n/* harmony import */ var _plugins_tabs_dist_index__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_plugins_tabs_dist_index__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _plugins_topmenu_dist_index__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(879);\n/* harmony import */ var _plugins_topmenu_dist_index__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_plugins_topmenu_dist_index__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _plugins_rating_dist_index__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(712);\n/* harmony import */ var _plugins_rating_dist_index__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_plugins_rating_dist_index__WEBPACK_IMPORTED_MODULE_8__);\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nlet about = function () {\n return {\n name: 'LemonadeJS Studio',\n version: '5.3.0',\n url: 'https://lemonadejs.com/',\n };\n};\n\nlet studio = {\n Calendar: (_plugins_calendar_dist_index__WEBPACK_IMPORTED_MODULE_0___default()),\n Color: (_plugins_color_dist_index__WEBPACK_IMPORTED_MODULE_1___default()),\n Contextmenu: (_plugins_contextmenu_dist_index__WEBPACK_IMPORTED_MODULE_2___default()),\n Dropdown: (_plugins_dropdown_dist_index__WEBPACK_IMPORTED_MODULE_3___default()),\n Modal: (_plugins_modal_dist_index__WEBPACK_IMPORTED_MODULE_4___default()),\n Switch: (_plugins_switch_dist_index__WEBPACK_IMPORTED_MODULE_5___default()),\n Tabs: (_plugins_tabs_dist_index__WEBPACK_IMPORTED_MODULE_6___default()),\n Topmenu: (_plugins_topmenu_dist_index__WEBPACK_IMPORTED_MODULE_7___default()),\n Rating: (_plugins_rating_dist_index__WEBPACK_IMPORTED_MODULE_8___default()),\n about: about,\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (studio);\n\n}();\nstudio = __webpack_exports__[\"default\"];\n/******/ })()\n;\n\n return studio;\n})));"]}