{"version":3,"names":["LivelyBackground","__SystemJSRewritingHack","_export","setters","_srcComponentsWidgetsLivelyMorphJs","Morph","default","execute","_recorder_","_src_components_widgets_lively_background_js","Object","defineProperty","get","set","thisIsVererySecretVariableName","enumerable","configurable","initialize","update","isMetaNode","url","getAttribute","setAttribute","fetch","inner","style","backgroundImage","width","height","lively","setPosition","pt","pointerEvents","opacity","zIndex","overflow","livelyExample"],"sources":["lively-background.js"],"sourcesContent":["\n\n/*MD \n# Background\n\nCan be set in browser, or by dragging pictures from desktop into Lively and using the context menu of the file. \n\n![](lively-background.png){height=200}\n\nMD*/\n\n\nimport Morph from 'src/components/widgets/lively-morph.js';\n\nexport default class LivelyBackground extends Morph {\n  \n  async initialize() {     \n    this.update()\n  }\n  get isMetaNode() {\n    return true\n  }\n\n  get url() {\n    return this.getAttribute(\"url\")\n  }\n  \n  set url(url) {\n    this.setAttribute(\"url\", url)\n    this.update()\n  }\n  \n  async update() {\n    if (!this.url) return \n    await fetch(this.url)\n    \n    \n    \n    \n    var inner = this.get(\"#inner\")\n    \n    inner.style.backgroundImage = \"\"\n    inner.style.backgroundImage = `url(\"${this.url}\")`\n    // inner.style.backgroundPosition = \"50px 50px\"\n    var width = 2560\n    var height = 1440\n    lively.setPosition(inner, lively.pt(0,0))\n    lively.setPosition(inner, lively.pt(-1 * width, -1 * height))\n    inner.style.width = 3 * width + \"px\"\n    inner.style.height = 3 * height + \"px\"\n    inner.style.pointerEvents = \"none\"\n\n    inner.style.opacity = \"0.9\"\n    inner.style.zIndex = -10000000\n\n    this.style.width = \"1px\"\n    this.style.height = \"1px\"\n    this.style.overflow = \"visible\"\n    this.style.zIndex = -10000000  \n    \n  }\n  \n  async livelyExample() {\n    this.url = \"https://lively-kernel.org/lively4/lively4-jens/media/lively4_logo_smooth.png\"             \n  }\n  \n  \n}"],"mappings":"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"}