',\r\n};\r\nvar disablePopover;\r\nfunction handleActionClick(e) {\r\n if (e) {\r\n if (e.isDefaultPrevented())\r\n return;\r\n e.preventDefault();\r\n }\r\n let act = this.dataset.hintAction;\r\n if (!act)\r\n return;\r\n donePopover();\r\n if (act == 'done')\r\n return;\r\n if (act == 'never') {\r\n setCookie('never-show-popover', 'true');\r\n const tut = jQuery('#tutorial');\r\n if (tut.length) // if we're hiding hints, while tutorial is shown (new users)\r\n try {\r\n const statusTutorial = JSON.parse(getCookie('tutorial_status'));\r\n // preserve the shown status of the tutorial\r\n statusTutorial.show = tut.hasClass('expand');\r\n setCookie('tutorial_status', JSON.stringify(statusTutorial), 604800); // copy from saveStatusTutorial in tutorial.js\r\n }\r\n catch (_a) {\r\n // looks like the cookie got corrupted, see load() in tutorial.js\r\n setCookie('tutorial_status', JSON.stringify({ show: tut.hasClass('expand'), sections: {}, current: -1 }), 604800);\r\n }\r\n return;\r\n }\r\n showPopover(1);\r\n}\r\n// copy is in Dialog\r\nfunction donePopover() {\r\n jQuery(`[data-hint-order=${window['hintCounter']}]`)['popover']('dispose');\r\n}\r\nfunction showPopover(inc = 0) {\r\n if (disablePopover)\r\n return;\r\n window['hintCounter'] = window['hintCounter'] + inc;\r\n let next = jQuery(`[data-hint-order=${window['hintCounter']}]`);\r\n if (!next.length) {\r\n // probably Tutorial button is removed, try the next one\r\n window['hintCounter'] += 1;\r\n next = jQuery(`[data-hint-order=${window['hintCounter']}]`);\r\n }\r\n let content = Dialog.localisableContent(next.data('content')) + '
';\r\n let actions = (next.data('hint-actions') || 'next').split(' ');\r\n for (const a of actions)\r\n content += hintActions[a];\r\n next.attr('data-content', content); // popover doesn't use \"data\", it uses the attr\r\n let offset = next.data('hint-offset');\r\n let alias = next.data('hint-alias');\r\n if (alias) {\r\n next = jQuery(alias)['popover']({\r\n content: content,\r\n placement: next.data('placement'),\r\n html: next.data('html'),\r\n trigger: 'manual',\r\n }).attr('data-hint-order', next.data('hint-order'));\r\n }\r\n else\r\n next = next['popover']({\r\n trigger: 'manual',\r\n });\r\n next.one('shown.bs.popover', function () {\r\n if (offset)\r\n jQuery('.popover .arrow').css({ left: offset });\r\n jQuery('.popover .popover-body a').one('click', handleActionClick);\r\n // shown popover adds \"title\", which prevents\r\n // parent's \"title\" to be used in a tooltip\r\n next.removeAttr(\"title\");\r\n });\r\n next['popover']('show');\r\n}\r\nfunction continueLoading() {\r\n window.loadProject();\r\n if (window.matchMedia(\"(min-width: 768px)\").matches && window.matchMedia(\"(min-height: 525px)\").matches)\r\n showPopover();\r\n}\r\nfunction loadTips() {\r\n var x = document.createElement(\"script\");\r\n // Play Project doesn't need tooltips\r\n x.onload = !window['samplesRoot'] ? continueLoading : () => {\r\n var y = document.createElement(\"script\");\r\n y.onload = continueLoading;\r\n y.onerror = continueLoading; // even if we could not load tips, keep loading the project\r\n y.src = window['samplesRoot'] + '/' + window['projectData'].compiler_lang + '.' + (window['projectData'].project_type || 'mwx') + '.tips.js?6';\r\n document.body.appendChild(y);\r\n };\r\n x.src = '/player/' + window['projectData'].compiler_lang + \"/primtips.js?v=10\";\r\n document.body.appendChild(x);\r\n}\r\nwindow.showToast = showToast;\r\nwindow.setProjectTitle = function (page) {\r\n Dialog.setProjectTitle(undefined, page);\r\n showToast(page);\r\n};\r\nwindow['auth'] = function (id, temp) {\r\n var url = `/upload/auth/${id}?popup&file=${encodeURIComponent(temp)}&title=${encodeURIComponent(projNameInput.val())}`;\r\n window['loginwindow'] = window.open(url, 'loginwindow', 'width=700,height=700', true);\r\n return false;\r\n};\r\nfunction updateProjectName(id, href, callback = (msg) => { }, cloudUndo = undefined) {\r\n let extra = {\r\n partial: true,\r\n name: jQuery('div.prjname span:nth-child(1)').text(),\r\n };\r\n window['projectData'].id = id;\r\n window['projectData'].root = PROJECT_ROOT + id;\r\n window['sendToServer'](`${window['projectData'].root}/meta`, '', extra).then(() => {\r\n window['needSave'](false);\r\n Dialog.setSaveProgress(true, 100);\r\n Dialog.closeFileSaver();\r\n if (href)\r\n if (href.startsWith('http'))\r\n window.location = href;\r\n else {\r\n history.replaceState(null, null, href);\r\n try {\r\n window['cloudUndo'] = JSON.parse(cloudUndo);\r\n }\r\n catch (e) {\r\n console.error(e);\r\n window['cloudUndo'] = undefined;\r\n }\r\n window['App'].getProject().initCloudUndo();\r\n }\r\n }, () => callback('Project data is saved. Non-criticial error occurred. Please try again.'));\r\n}\r\nwindow['continueSave'] = function (id, href) {\r\n if (window['loginwindow'])\r\n window['loginwindow'].close();\r\n if (href.indexOf('http') == 0) {\r\n window['needSave'](false);\r\n Dialog.setSaveProgress(true, 100);\r\n Dialog.closeFileSaver();\r\n window.location = href;\r\n }\r\n else {\r\n updateProjectName(id, href);\r\n }\r\n};\r\nlet name, projectsize = [800, 450];\r\nlet lang = '';\r\nlet searchParts = window.location.search.split(/[&?]/);\r\nfor (let i = 0; i < searchParts.length; i++) {\r\n let keyValue = searchParts[i].split('=');\r\n switch (keyValue[0]) {\r\n case '':\r\n break;\r\n case 'lang':\r\n lang = keyValue[1];\r\n break;\r\n case 'theme':\r\n case 'lang':\r\n case 'autocomplete':\r\n case 'font':\r\n case 'never-show-popover':\r\n document.cookie = keyValue[0] + '=' + keyValue[1] + ';path=/;expires=Mon, 01 Feb 2100 00:00:00 GMT';\r\n break;\r\n case 'name':\r\n name = decodeURIComponent(keyValue[1]);\r\n break;\r\n case 'projectsize':\r\n projectsize = JSON.parse(decodeURIComponent(keyValue[1]));\r\n break;\r\n default:\r\n continue;\r\n }\r\n searchParts.splice(i--, 1);\r\n}\r\nlet cookies = document.cookie.split('; ');\r\nlet learner = true;\r\nfor (let c of cookies) {\r\n let keyValue = c.split('=');\r\n if (keyValue[0] == 'theme' && keyValue[1].toUpperCase() == 'DARK') {\r\n jQuery('html').addClass('dark');\r\n jQuery('.changetheme i').addClass('fa-toggle-on');\r\n }\r\n else if (keyValue[0] == 'autocomplete') {\r\n autoCompleteCookie = false;\r\n jQuery('.changeautocomplete i').removeClass('fa-toggle-on');\r\n }\r\n else if (keyValue[0] == 'font') {\r\n toggleFont(keyValue[1]);\r\n }\r\n else if (keyValue[0] == 'learner') {\r\n learner = !!keyValue[1];\r\n }\r\n else if (keyValue[0] == 'never-show-popover')\r\n disablePopover = keyValue[1] == \"true\"; // see handleActionClick for hard-coded value\r\n}\r\njQuery(function () {\r\n let xhr = new XMLHttpRequest();\r\n xhr.open(\"GET\", window['projectUrl'], true);\r\n xhr.onprogress = function (e) {\r\n if (e.lengthComputable)\r\n jQuery('div.prjname span:nth-child(2)').text(Math.round(e.loaded / e.total * 100) + '%');\r\n };\r\n xhr.onload = function () {\r\n jQuery('div.prjname span:nth-child(2)').text('...');\r\n let data = JSON.parse(xhr.response);\r\n if (!data.projectsize) {\r\n data.projectsize = projectsize;\r\n let obj = data.pages[1].Object[0];\r\n if (obj) {\r\n obj.xpos = projectsize[0] / 2;\r\n obj.ypos = projectsize[1] / 2;\r\n }\r\n }\r\n data.id = window['projectId'];\r\n data.root = PROJECT_ROOT + data.id;\r\n window['projectData'] = data;\r\n loadTips();\r\n toggleLearner(learner);\r\n changeLanguage(lang);\r\n };\r\n xhr.onerror = function () {\r\n window.location.hash = 'open-notfound';\r\n };\r\n xhr.send();\r\n});\r\nconst voiceCache = {};\r\nwindow['playTip'] = function (path) {\r\n var audio = voiceCache[path];\r\n if (audio == path)\r\n voiceCache[path] = audio = new Audio(window['samplesRoot'] + path);\r\n audio.play();\r\n};\r\n","module.exports = \" \\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 \\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\\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 \\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
\\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\\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 \\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\\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 \\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 \\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
\\r\\n\"","import { Dialog } from \"./dialog\";\r\nexport class Shapes {\r\n constructor() {\r\n let shapes = document.getElementById(\"clipart\");\r\n for (let i = 1; i <= 128; i++) {\r\n let elem = document.createElement(\"div\");\r\n elem.setAttribute(\"class\", \"shape\");\r\n elem.setAttribute(\"id\", \"shape\" + i);\r\n elem.setAttribute(\"title\", \"\" + i);\r\n // https://stackoverflow.com/a/3656524\r\n elem.setAttribute(\"tabindex\", \"-1\");\r\n let del = document.createElement(\"i\");\r\n del.setAttribute(\"class\", \"delete fas fas-marker fa-trash-marker\");\r\n del.onclick = (e) => this.clearList(e);\r\n elem.appendChild(del);\r\n let ins = document.createElement(\"i\");\r\n ins.setAttribute(\"class\", \"insert fas fas-marker fa-plus-marker\");\r\n ins.onclick = this.insert;\r\n elem.appendChild(ins);\r\n let n = document.createElement(\"div\");\r\n n.setAttribute(\"class\", \"number\");\r\n n.innerText = \"\" + i;\r\n elem.appendChild(n);\r\n elem.oncontextmenu = (e) => this.editShape(e);\r\n let shp = window.App.getGlobalShapes().findByNumber(i);\r\n if (undefined !== shp)\r\n Shapes.displayShape(elem, shp.bitmap.dataURL);\r\n shapes.appendChild(elem);\r\n }\r\n jQuery(document).click(Shapes.clickShape);\r\n window.releaseShape = Shapes.clickShape;\r\n shapes.addEventListener('selectstart', function (e) { e.preventDefault(); });\r\n }\r\n loadSamples(data) {\r\n window.needSave(true);\r\n jQuery('.menu.open').removeClass('open');\r\n window.location.hash = 'clipart';\r\n jQuery('.shape:not(.exists)').each(function (i, elem) {\r\n let url = data[i];\r\n window.jswebplayer.setShapeByURL(url, Shapes.getShapeNumber(elem)).then((shape) => {\r\n Shapes.displayShape(elem, shape.url);\r\n }, () => {\r\n // the first argument indicates an error, but we can't do much about it\r\n });\r\n return i < data.length - 1;\r\n });\r\n }\r\n displayShape(elem, src) {\r\n Shapes.displayShape(elem, src);\r\n }\r\n paste(event) {\r\n let elem = document.activeElement;\r\n if (!elem.classList.contains('shape'))\r\n return;\r\n var items = (event.clipboardData || event.originalEvent.clipboardData).items;\r\n if (elem.id.match(/^shape[0-9]+$/)) {\r\n let shapeNumber = Shapes.getShapeNumber(elem);\r\n for (let i = 0; i < items.length; ++i) {\r\n if (items[i].kind == 'file' && items[i].type.indexOf('image/') !== -1) {\r\n event.preventDefault();\r\n let blob = items[i].getAsFile();\r\n window.URL = window.URL || window.webkitURL;\r\n let blobUrl = window.URL.createObjectURL(blob);\r\n window.jswebplayer.setShapeByURL(blobUrl, shapeNumber++).then(() => Shapes.displayShape(elem, blobUrl));\r\n window.needSave(true);\r\n }\r\n }\r\n }\r\n }\r\n clearList(e, elem) {\r\n let list;\r\n if (window.selectedShape) {\r\n list = window.selectedShape;\r\n if (list.length > 1) {\r\n Dialog.prompt([\r\n [Dialog.localisableContent('locNo'), function () { }],\r\n [Dialog.localisableContent('locYes'), deleteSelectedList],\r\n ], Dialog.localisableContent('locSureToDeleteClipart'));\r\n }\r\n else {\r\n this.clear(e, elem);\r\n }\r\n }\r\n else {\r\n this.clear(e, elem);\r\n }\r\n function deleteSelectedList() {\r\n let counter = 0;\r\n for (var i = 0; i < list.length; i++) {\r\n var elem = document.getElementById('shape' + list[i]);\r\n elem.setAttribute(\"class\", \"shape\");\r\n let old = elem.getElementsByTagName(\"img\");\r\n if (old.length)\r\n elem.removeChild(old[0]);\r\n counter += window.App.getGlobalShapes().clearShape(elem, Shapes.getShapeNumber(elem), counter == 0);\r\n }\r\n window.selectedShape = null;\r\n Shapes.clickShape(new Event('empty'));\r\n }\r\n }\r\n clear(e, elem) {\r\n if (!elem)\r\n elem = e.currentTarget.parentElement;\r\n elem.setAttribute(\"class\", \"shape\");\r\n let old = elem.getElementsByTagName(\"img\");\r\n if (old.length)\r\n elem.removeChild(old[0]);\r\n window.App.getGlobalShapes().clearShape(elem, Shapes.getShapeNumber(elem), e != undefined);\r\n Shapes.clickShape(new Event('empty'));\r\n }\r\n insert(e) {\r\n let elem = e.currentTarget;\r\n if (elem.id == '')\r\n elem = elem.parentElement;\r\n new Dialog().showFilePicker('locImportPicture', 'images', (url, ignore1, ignore2, close) => {\r\n Dialog.setSaveProgress(true, 100, true);\r\n window.jswebplayer.setShapeByURL(url, Shapes.getShapeNumber(elem)).then((shape) => {\r\n Shapes.displayShape(elem, shape.url);\r\n close();\r\n window.needSave(true);\r\n }).catch(err => {\r\n Dialog.setSaveAlert('locCannotImportPicture');\r\n Dialog.setSaveProgress(false, 100);\r\n });\r\n }, undefined, true);\r\n }\r\n editShape(e) {\r\n let elem = e.currentTarget;\r\n let glbshp = window.App.getGlobalShapes();\r\n let number = Shapes.getShapeNumber(elem);\r\n let shp = glbshp.findByNumber(number);\r\n if (shp === undefined)\r\n this.insert(e);\r\n else {\r\n const projectSize = { w: window.App.getProject().getWidth(), h: window.App.getProject().getHeight() };\r\n new Dialog(window.App).show(e, {\r\n type: 'shape',\r\n scale: true,\r\n width: shp.bitmap.width,\r\n height: shp.bitmap.height,\r\n ratio: shp.bitmap.width / shp.bitmap.height,\r\n projectSize,\r\n degrees: 0,\r\n name: shp.name,\r\n number: Dialog.localisableContent('locNumberSign') + shp.number,\r\n remove: () => this.clear(undefined, elem),\r\n apply: function (d) {\r\n glbshp.rename(shp, d.name);\r\n Shapes.displayShape(elem, glbshp.transform(shp, parseInt(d.width), parseInt(d.height), parseInt(d.degrees)));\r\n window.needSave(true);\r\n },\r\n checkApply: function (d) {\r\n const errors = [];\r\n if (parseFloat(d.name) || parseInt(d.name))\r\n errors.push('name');\r\n else if (shp.name != d.name && glbshp.findByName(d.name))\r\n errors.push('name');\r\n if (!Dialog.validSize('shapewidth', 1, Math.max(shp.bitmap.width, projectSize.w)))\r\n errors.push('width');\r\n if (!Dialog.validSize('shapeheight', 1, Math.max(shp.bitmap.height, projectSize.h)))\r\n errors.push('height');\r\n if (!Dialog.validSize('shapedegrees', -360, 360))\r\n errors.push('degrees');\r\n return errors.length ? errors : undefined;\r\n },\r\n });\r\n }\r\n return false;\r\n }\r\n static getShapeNumber(elem) {\r\n // 5 is the length of \"shape\" (see setAttribute(\"id\", ...) in the constructor)\r\n return +(elem === null || elem === void 0 ? void 0 : elem.id.substring(5));\r\n }\r\n static displayShape(elem, src) {\r\n if (\"undefined\" == typeof src)\r\n return;\r\n elem.setAttribute(\"class\", \"shape exists\");\r\n let old = elem.getElementsByTagName(\"img\");\r\n if (old.length)\r\n elem.removeChild(old[0]);\r\n let img = document.createElement(\"img\");\r\n img.src = src;\r\n if (src.substr(0, 5) == \"blob:\")\r\n img.onload = function () {\r\n window.URL.revokeObjectURL(img.src);\r\n };\r\n elem.insertBefore(img, elem.firstChild);\r\n }\r\n static clickShape(e) {\r\n let elem = e.target;\r\n if ((elem === null || elem === void 0 ? void 0 : elem.id) == 'overlay')\r\n return;\r\n let ctrlKey = e.ctrlKey || false;\r\n let shiftlKey = e.shiftKey || false;\r\n var v = Shapes.getShapeNumber(elem);\r\n if (!v) {\r\n // in case the image itself was clicked\r\n elem = elem === null || elem === void 0 ? void 0 : elem.parentElement;\r\n v = Shapes.getShapeNumber(elem);\r\n }\r\n if (window.selectedShape) {\r\n // if (ctrlKey) {\r\n // if ( typeof window.selectedShape == 'object' ) {\r\n // window.selectedShape.push(v);\r\n // }\r\n // else {\r\n // window.selectedShape = [window.selectedShape, v];\r\n // }\r\n // }\r\n if (shiftlKey) {\r\n if (typeof window.selectedShape == 'object') {\r\n if (window.selectedShape[0] > v) {\r\n for (let i = window.selectedShape[0] - 1; i >= v; i--)\r\n window.selectedShape.unshift(i);\r\n }\r\n else if (window.selectedShape[window.selectedShape.length - 1] < v) {\r\n for (let i = window.selectedShape[window.selectedShape.length - 1] + 1; i <= v; i++)\r\n window.selectedShape.push(i);\r\n }\r\n else {\r\n }\r\n }\r\n else {\r\n var v0 = window.selectedShape;\r\n window.selectedShape = [];\r\n if (v0 < v) {\r\n for (let i = v0; i <= v; i++)\r\n window.selectedShape.push(i);\r\n }\r\n else {\r\n for (let i = v; i <= v0; i++)\r\n window.selectedShape.push(i);\r\n }\r\n }\r\n }\r\n else {\r\n window.selectedShape = v;\r\n }\r\n }\r\n else {\r\n window.selectedShape = v;\r\n }\r\n $('#clipart').find('div.shape').each(function (index, elem) {\r\n var v = $(elem).attr('title');\r\n if (_find(v))\r\n $(elem).find('i.delete').show();\r\n else\r\n $(elem).find('i.delete').hide();\r\n });\r\n // \"exists\" is required because \"garbage bin\" has the \"right\" parent\r\n if (window.selectedShape && elem.classList.contains('exists')) {\r\n jQuery('body').css({ cursor: 'grabbing' });\r\n return;\r\n }\r\n window.selectedShape = 0; // in case the garbage bin was clicked\r\n jQuery('body').css({ cursor: 'unset' });\r\n function _find(v) {\r\n if (!window.selectedShape)\r\n return false;\r\n if (typeof window.selectedShape == 'object') {\r\n for (let j = 0; j < window.selectedShape.length; j++)\r\n if (window.selectedShape[j] == v)\r\n return true;\r\n return false;\r\n }\r\n else {\r\n return window.selectedShape == v;\r\n }\r\n }\r\n }\r\n}\r\n","module.exports = \"\\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 \\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 \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n Loading...\\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
\\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 \\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 |
|---|---|
| \\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 \\r\\n \\r\\n
\\r\\n\""],"sourceRoot":""}