1 line
8.5 KiB
Plaintext
1 line
8.5 KiB
Plaintext
{"version":3,"file":"psidebar-vue.min.js","sources":["../../src/util/psidebar-vue.js"],"sourcesContent":["/* eslint no-unused-vars: warn */\n/* eslint max-len: [\"error\", { \"code\": 160 }] */\n/* eslint-disable no-trailing-spaces */\n/* eslint-disable no-console */\n/* eslint-env es6*/\nimport PortalVue from '../portal-vue/portal-vue.esm';\nimport Debugger from './debugger';\nlet debug = new Debugger(\"p-sidebar\");\n\n\nlet wrapper;\nlet contentwrapper;\nlet resizeObserver;\n/**\n * Create a new wrapper Around the \n * @param {String} target Query string to select root element next to which the sidebar will be placed. \n * Defaults to body\n * @param {String} offsetref Query string to select element that should appear above the sidebar. \n * Defaults to none\n */\nfunction createPortalTarget(target,offsetref) {\n let initializeWrapperContent = false;\n // First check if the sidebar wrapper already exists. \n // Creating the wrappers over and over again is a recipe for disaster.\n wrapper = document.querySelector(\"#p-sidebar-wrapper\");\n if (!wrapper) {\n initializeWrapperContent = true;\n // Otherwise, create it.\n wrapper = document.createElement(\"div\");\n wrapper.setAttribute(\"id\", \"p-sidebar-wrapper\");\n }\n // First check if the contentwrapper already exists\n contentwrapper = document.querySelector(\"#p-sidebar-contentwrapper\");\n if (!contentwrapper) {\n initializeWrapperContent = true;\n // Otherwise, create it.\n contentwrapper = document.createElement(\"div\");\n contentwrapper.setAttribute(\"id\", \"p-sidebar-contentwrapper\");\n wrapper.appendChild(contentwrapper);\n }\n\n if (initializeWrapperContent) {\n // Find containing target (otherwise use body)\n let targetEl = document.querySelector(target);\n console.info(`Targeting '${target}' to `, targetEl);\n if (!targetEl || targetEl.nodeType == \"HTML\") {\n targetEl = document.querySelector(\"body\");\n }\n \n // Move all target content parts to content wrapper....\n while (targetEl.childNodes.length > 0) {\n contentwrapper.appendChild(targetEl.childNodes[0]);\n }\n // Add sidebar wrapper to target Element\n targetEl.appendChild(wrapper);\n }\n // The actual target is created in a reposition call\n rePosition(false);\n // The \n setOffset(offsetref);\n}\n\n/**\n * Position a (new) sidebar element on the left or right \n * @param {Boolean} right Set to true to put the sidebar on the right\n */\nfunction rePosition(right) {\n // Place the portal target on the right place in the DOM.\n // Find or create the portal target.\n let el = document.querySelector(`#p-sidebar-mount`);\n if (!el) {\n el = document.createElement(\"div\");\n el.setAttribute(\"id\", `p-sidebar-mount`);\n\n // Initialize a resizeObser\n resizeObserver = new ResizeObserver(() => {\n let wx = 0 - el.getBoundingClientRect().width;\n wx += (wx != 0) ? \"px\" : \"\";\n el.style.setProperty(\"--p-sidebar-hideoffset\", wx);\n });\n resizeObserver.observe(el);\n\n }\n if (right) {\n wrapper.insertBefore(el, contentwrapper.nextSibling);\n } else {\n wrapper.insertBefore(el, contentwrapper);\n }\n}\n\n/**\n * Set the proper offset from the top on the sidebar related to the reference element \n * @param {String} reference Reference target for setting view height\n */\nfunction setOffset(reference) {\n const ref = reference ? document.querySelector(reference) : null;\n if (ref) {\n let offsetTop = (ref ? ref.offsetTop : 0);\n offsetTop += (offsetTop != 0) ? \"px\" : \"\";\n const el = document.querySelector(`#p-sidebar-mount`);\n if (el) {\n el.style.height = `calc( 100vh - ${offsetTop})`;\n el.style.marginTop = offsetTop;\n }\n }\n}\n\nexport default {\n install(Vue /* ,options */) {\n Vue.use(PortalVue);\n /* Create the portal target on initialization.\n Defaults to body. Offset and final position set through sidebar parameter.\n */\n window.addEventListener(\"load\", () => {\n createPortalTarget();\n });\n\n Vue.component('p-easeinout',{\n template: `\n <transition name=\"p-easeinout\"\n ><slot></slot>\n </transition>`\n });\n\n Vue.component('p-sidebar', {\n props: {\n value: {\n type: Boolean,\n 'default': true,\n },\n right: {\n type: Boolean,\n 'default': false,\n },\n shadow: {\n type: Boolean,\n 'default': false,\n },\n target: {\n type: String,\n 'default': 'body',\n },\n offsetRef: {\n type: String,\n 'default': '',\n }\n },\n data() {\n return {\n wrapper: null,\n contentwrapper: null,\n resizeobserver: null,\n };\n },\n computed: {\n },\n methods: {\n\n },\n watch: {\n right(newVal) {\n rePosition(newVal);\n },\n offsetRef(reference) {\n setOffset(reference,this.$refs.portal);\n }\n },\n mounted() {\n debug.info(\"OffsetRef\",this.offsetRef);\n setOffset(this.offsetRef);\n debug.info(\"Right\",this.right);\n rePosition(this.right);\n },\n unmounted() {\n\n },\n template: `\n <div\n ><mounting-portal ref='portal'\n mount-to=\"#p-sidebar-mount\"\n class=\"(right?'p-sidebar-right ':'')\"\n append\n transition=\"p-easeinout\"\n ><div ref='container' v-if=\"value\"\n :class=\"'p-sidebar ' + (right?'p-sidebar-right ':'') + (shadow?'p-sidebar-shadow ':'')\"\n ><slot></slot></div\n ></mounting-portal>\n </div>\n `,\n });\n },\n};"],"names":["wrapper","contentwrapper","resizeObserver","debug","rePosition","right","el","document","querySelector","createElement","setAttribute","ResizeObserver","wx","getBoundingClientRect","width","style","setProperty","observe","insertBefore","nextSibling","setOffset","reference","ref","offsetTop","height","marginTop","install","Vue","use","PortalVue","window","addEventListener","target","offsetref","initializeWrapperContent","appendChild","targetEl","console","info","nodeType","childNodes","length","createPortalTarget","component","template","props","value","type","Boolean","shadow","String","offsetRef","data","resizeobserver","computed","methods","watch","newVal","this","$refs","portal","mounted","unmounted"],"mappings":"oWAUIA,QACAC,eACAC,eALAC,MAAQ,2DAAa,sBA2DhBC,WAAWC,WAGZC,GAAKC,SAASC,cAAe,oBAC5BF,KACDA,GAAMC,SAASE,cAAc,OAC7BH,GAAGI,aAAa,KAAO,mBAGvBR,eAAiB,IAAIS,gBAAe,SAC5BC,GAAK,EAAIN,GAAGO,wBAAwBC,MACxCF,IAAa,GAANA,GAAW,KAAO,GACzBN,GAAGS,MAAMC,YAAY,yBAA0BJ,OAEnDV,eAAee,QAAQX,KAGvBD,MACAL,QAAQkB,aAAaZ,GAAIL,eAAekB,aAExCnB,QAAQkB,aAAaZ,GAAIL,yBAQxBmB,UAAUC,iBACTC,IAAMD,UAAYd,SAASC,cAAca,WAAa,QACxDC,IAAK,KACDC,UAAaD,IAAMA,IAAIC,UAAY,EACvCA,WAA2B,GAAbA,UAAkB,KAAO,SACjCjB,GAAKC,SAASC,cAAe,oBAC/BF,KACAA,GAAGS,MAAMS,OAAU,iBAAgBD,aACnCjB,GAAGS,MAAMU,UAAYF,yBAKlB,CACXG,QAAQC,KACJA,IAAIC,IAAIC,oBAIRC,OAAOC,iBAAiB,QAAQ,eA7FZC,OAAOC,eAC3BC,0BAA2B,KAG/BlC,QAAUO,SAASC,cAAc,sBAC5BR,UACDkC,0BAA2B,EAE3BlC,QAAUO,SAASE,cAAc,OACjCT,QAAQU,aAAa,KAAM,sBAG/BT,eAAiBM,SAASC,cAAc,6BACnCP,iBACDiC,0BAA2B,EAE3BjC,eAAiBM,SAASE,cAAc,OACxCR,eAAeS,aAAa,KAAM,4BAClCV,QAAQmC,YAAYlC,iBAGpBiC,yBAA0B,KAEtBE,SAAW7B,SAASC,cAAcwB,YAClCK,QAAQC,KAAM,cAAaN,cAAeI,UACzCA,UAAiC,QAArBA,SAASG,WACtBH,SAAW7B,SAASC,cAAc,SAI/B4B,SAASI,WAAWC,OAAS,GAChCxC,eAAekC,YAAYC,SAASI,WAAW,IAGnDJ,SAASD,YAAYnC,SAGzBI,YAAW,GAEXgB,UAAUa,WAuDFS,MAGJf,IAAIgB,UAAU,cAAc,CACxBC,SAAW,4GAMfjB,IAAIgB,UAAU,YAAa,CAC3BE,MAAO,CACHC,MAAO,CACHC,KAAMC,iBACK,GAEf3C,MAAO,CACH0C,KAAMC,iBACK,GAEfC,OAAQ,CACJF,KAAMC,iBACK,GAEfhB,OAAQ,CACJe,KAAMG,eACK,QAEfC,UAAW,CACPJ,KAAMG,eACK,KAGnBE,KAAI,KACO,CACHpD,QAAS,KACTC,eAAgB,KAChBoD,eAAgB,OAGxBC,SAAU,GAEVC,QAAS,GAGTC,MAAO,CACHnD,MAAMoD,QACFrD,WAAWqD,SAEfN,UAAU9B,WACND,UAAUC,UAAUqC,KAAKC,MAAMC,UAGvCC,UACI1D,MAAMmC,KAAK,YAAYoB,KAAKP,WAC5B/B,UAAUsC,KAAKP,WACfhD,MAAMmC,KAAK,QAAQoB,KAAKrD,OACxBD,WAAWsD,KAAKrD,QAEpByD,cAGAlB,SAAW"} |