1 line
6.9 KiB
Plaintext
1 line
6.9 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*/\n\nimport {calc} from \"./css-calc\";\n\nexport default {\n install(Vue/*,options*/){\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 initWrappers(target) {\n // First check if the sidebar wrapper already exists.\n this.wrapper = document.querySelector(\"#p-sidebar-wrapper\");\n if (! this.wrapper) {\n // Otherwise, create it.\n this.wrapper = document.createElement(\"div\");\n this.wrapper.setAttribute(\"id\",\"p-sidebar-wrapper\");\n }\n // First check if the contentwrapper already exists\n this.contentwrapper = document.querySelector(\"#p-sidebar-contentwrapper\");\n if (!this.contentwrapper) {\n // Otherwise, create it.\n this.contentwrapper = document.createElement(\"div\");\n this.contentwrapper.setAttribute(\"id\",\"p-sidebar-contentwrapper\");\n this.wrapper.appendChild(this.contentwrapper);\n }\n\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 // Move all target content parts to content wrapper....\n while (targetEl.childNodes.length >0) {\n this.contentwrapper.appendChild(targetEl.childNodes[0]);\n }\n // Add sidebar wrapper to target Element\n targetEl.appendChild(this.wrapper);\n \n },\n rePosition(right) {\n // Place the container elsewhere in the DOM.\n const el = this.$refs.container;\n\n\n if(right) {\n this.wrapper.insertBefore(el,this.contentwrapper.nextSibling);\n } else {\n this.wrapper.insertBefore(el,this.contentwrapper);\n }\n },\n setOffset(reference) {\n const ref = reference?document.querySelector(reference):null;\n console.info(`Setting offset from '${reference}'`,ref);\n let offsetTop = (ref?ref.offsetTop:0);\n offsetTop+=(offsetTop!=0)?\"px\":\"\";\n const el = this.$refs.container;\n el.style.height=`calc( 100vh - ${offsetTop})`;\n el.style.marginTop=offsetTop;\n }\n\n },\n watch: {\n right(newVal) {\n this.rePosition(newVal);\n },\n offsetRef(reference) {\n this.setOffset(reference);\n }\n },\n mounted() {\n const self = this;\n const el = self.$refs.container;\n this.initWrappers(this.target);\n this.setOffset(this.offsetRef);\n this.rePosition(this.right,this.besides);\n this.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 this.resizeObserver.observe(el);\n },\n unmounted() {\n if(this.resizeObserver) {\n this.resizeObserver.disconnect();\n }\n },\n template: `\n <div>\n <div ref='container' \n :class=\"'p-sidebar ' + (right?'p-sidebar-right ':'') + (shadow?'p-sidebar-shadow ':'') + (value?'shown ':'hidden ')\"\n ><slot></slot></div>\n </div>\n `,\n });\n },\n};"],"names":["install","Vue","component","props","value","type","Boolean","default","right","shadow","target","String","offsetRef","data","wrapper","contentwrapper","resizeobserver","computed","methods","initWrappers","document","querySelector","this","createElement","setAttribute","appendChild","targetEl","console","info","nodeType","childNodes","length","rePosition","el","$refs","container","insertBefore","nextSibling","setOffset","reference","ref","offsetTop","style","height","marginTop","watch","newVal","mounted","besides","resizeObserver","ResizeObserver","wx","getBoundingClientRect","width","setProperty","observe","unmounted","disconnect","template"],"mappings":"kMAQe,CACXA,QAAQC,KACJA,IAAIC,UAAU,YAAY,CAC1BC,MAAO,CACHC,MAAO,CACHC,KAAMC,QACNC,SAAS,GAEbC,MAAO,CACHH,KAAMC,QACNC,SAAS,GAEbE,OAAQ,CACJJ,KAAMC,QACNC,SAAS,GAEbG,OAAQ,CACJL,KAAMM,OACNJ,QAAS,QAEbK,UAAW,CACPP,KAAMM,OACNJ,QAAS,KAGjBM,KAAI,KACO,CACHC,QAAS,KACTC,eAAgB,KAChBC,eAAgB,OAGxBC,SAAU,GAEVC,QAAS,CACLC,aAAaT,aAEJI,QAAUM,SAASC,cAAc,sBAChCC,KAAKR,eAEFA,QAAUM,SAASG,cAAc,YACjCT,QAAQU,aAAa,KAAK,2BAG9BT,eAAiBK,SAASC,cAAc,6BACxCC,KAAKP,sBAEDA,eAAiBK,SAASG,cAAc,YACxCR,eAAeS,aAAa,KAAK,iCACjCV,QAAQW,YAAYH,KAAKP,qBAI9BW,SAAWN,SAASC,cAAcX,YAClCiB,QAAQC,KAAM,cAAalB,cAAcgB,UACxCA,UAAiC,QAArBA,SAASG,WACtBH,SAAWN,SAASC,cAAc,SAG/BK,SAASI,WAAWC,OAAQ,QAC1BhB,eAAeU,YAAYC,SAASI,WAAW,IAGxDJ,SAASD,YAAYH,KAAKR,UAG9BkB,WAAWxB,aAEDyB,GAAKX,KAAKY,MAAMC,UAGnB3B,WACMM,QAAQsB,aAAaH,GAAGX,KAAKP,eAAesB,kBAE5CvB,QAAQsB,aAAaH,GAAGX,KAAKP,iBAG1CuB,UAAUC,iBACAC,IAAMD,UAAUnB,SAASC,cAAckB,WAAW,KACxDZ,QAAQC,KAAM,wBAAuBW,aAAaC,SAC9CC,UAAaD,IAAIA,IAAIC,UAAU,EACnCA,WAAuB,GAAXA,UAAc,KAAK,SACzBR,GAAKX,KAAKY,MAAMC,UACtBF,GAAGS,MAAMC,OAAQ,iBAAgBF,aACjCR,GAAGS,MAAME,UAAUH,YAI3BI,MAAO,CACHrC,MAAMsC,aACGd,WAAWc,SAEpBlC,UAAU2B,gBACDD,UAAUC,aAGvBQ,gBAEUd,GADOX,KACGY,MAAMC,eACjBhB,aAAaG,KAAKZ,aAClB4B,UAAUhB,KAAKV,gBACfoB,WAAWV,KAAKd,MAAMc,KAAK0B,cAC3BC,eAAiB,IAAIC,gBAAe,SAChCC,GAAK,EAAIlB,GAAGmB,wBAAwBC,MACzCF,IAAW,GAAJA,GAAO,KAAK,GACnBlB,GAAGS,MAAMY,YAAY,yBAAyBH,YAE7CF,eAAeM,QAAQtB,KAEhCuB,YACOlC,KAAK2B,qBACCA,eAAeQ,cAG5BC,SAAW"} |