{"version":3,"sources":["https://lively-kernel.org/lively4/lively4-function-completion/src/components/widgets/lively-background.js"],"names":["Morph","LivelyBackground","initialize","update","isMetaNode","url","getAttribute","setAttribute","fetch","inner","get","style","backgroundImage","width","height","lively","setPosition","pt","pointerEvents","opacity","zIndex","overflow","livelyExample"],"mappings":";;;;;;AAYOA,W;;;;;;;;;;;;;;;;;;AAEQ,YAAMC,gBAAN,SAA+BD,KAA/B,CAAqC;;AAElD,cAAME,UAAN,GAAmB;AACjB,eAAKC,MAAL;AACD;AACD,YAAIC,UAAJ,GAAiB;AACf,iBAAO,IAAP;AACD;;AAED,YAAIC,GAAJ,GAAU;AACR,iBAAO,KAAKC,YAAL,CAAkB,KAAlB,CAAP;AACD;;AAED,YAAID,GAAJ,CAAQA,GAAR,EAAa;AACX,eAAKE,YAAL,CAAkB,KAAlB,EAAyBF,GAAzB;AACA,eAAKF,MAAL;AACD;;AAED,cAAMA,MAAN,GAAe;AACb,cAAI,CAAC,KAAKE,GAAV,EAAe;AACf,gBAAMG,MAAM,KAAKH,GAAX,CAAN;;AAKA,cAAII,QAAQ,KAAKC,GAAL,CAAS,QAAT,CAAZ;;AAEAD,gBAAME,KAAN,CAAYC,eAAZ,GAA8B,EAA9B;AACAH,gBAAME,KAAN,CAAYC,eAAZ,GAA+B,QAAO,KAAKP,GAAI,IAA/C;AACA;AACA,cAAIQ,QAAQ,IAAZ;AACA,cAAIC,SAAS,IAAb;AACAC,iBAAOC,WAAP,CAAmBP,KAAnB,EAA0BM,OAAOE,EAAP,CAAU,CAAV,EAAY,CAAZ,CAA1B;AACAF,iBAAOC,WAAP,CAAmBP,KAAnB,EAA0BM,OAAOE,EAAP,CAAU,CAAC,CAAD,GAAKJ,KAAf,EAAsB,CAAC,CAAD,GAAKC,MAA3B,CAA1B;AACAL,gBAAME,KAAN,CAAYE,KAAZ,GAAoB,IAAIA,KAAJ,GAAY,IAAhC;AACAJ,gBAAME,KAAN,CAAYG,MAAZ,GAAqB,IAAIA,MAAJ,GAAa,IAAlC;AACAL,gBAAME,KAAN,CAAYO,aAAZ,GAA4B,MAA5B;;AAEAT,gBAAME,KAAN,CAAYQ,OAAZ,GAAsB,KAAtB;AACAV,gBAAME,KAAN,CAAYS,MAAZ,GAAqB,CAAC,QAAtB;;AAEA,eAAKT,KAAL,CAAWE,KAAX,GAAmB,KAAnB;AACA,eAAKF,KAAL,CAAWG,MAAX,GAAoB,KAApB;AACA,eAAKH,KAAL,CAAWU,QAAX,GAAsB,SAAtB;AACA,eAAKV,KAAL,CAAWS,MAAX,GAAoB,CAAC,QAArB;AAED;;AAED,cAAME,aAAN,GAAsB;AACpB,eAAKjB,GAAL,GAAW,8EAAX;AACD;;AAlDiD;;yBAA/BJ,gB","file":"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}"]}