{"version":3,"file":"Panel-DNPfYoV1.js","sources":["../../../node_modules/@experiments-labs/rise_ui/src/components/Panel/Panel.vue"],"sourcesContent":["<template>\n  <div class=\"rui-panel\">\n    <div v-if=\"resize === 'left'\" class=\"rui-panel__resizer rui-panel__resizer--left\" @mousedown=\"initDrag\" />\n\n    <div ref=\"wrapper\" class=\"rui-panel__wrapper\">\n      <div class=\"rui-panel__content\">\n        <slot />\n      </div>\n    </div>\n\n    <div v-if=\"resize === 'right'\" class=\"rui-panel__resizer rui-panel__resizer--right\" @mousedown=\"initDrag\" />\n  </div>\n</template>\n\n<script>\nconst resizeSides = ['left', 'right']\n\n/**\n * Resizable side panel\n *\n * @preset Default { \"slots\": { \"default\": \"Lorem ipsum dolor sit amet, consectetur adipisicing elit.\" } }\n */\nexport default {\n  name: 'RuiPanel',\n  props: {\n    /**\n     * Whether the panel is resizable on the given side\n     *\n     * @values left, right\n     */\n    resize: { required: false, type: String, default: null, validator: v => resizeSides.includes(v) },\n  },\n  data () {\n    return {\n      // Used to resize the panel\n      resizeX: null,\n      resizeStartWidth: null,\n    }\n  },\n  methods: {\n    initDrag (event) {\n      event.preventDefault()\n      this.resizeX = event.clientX\n      this.resizeStartWidth = parseInt(document.defaultView.getComputedStyle(this.$refs.wrapper).width, 10)\n      document.documentElement.addEventListener('mousemove', this.doResize, false)\n      document.documentElement.addEventListener('mouseup', this.stopResize, false)\n    },\n    doResize (event) {\n      let value\n      if (this.resize === 'left') value = this.resizeStartWidth - event.clientX + this.resizeX // + 12\n      else value = this.resizeStartWidth + event.clientX - this.resizeX\n\n      this.$refs.wrapper.style.width = value + 'px'\n    },\n    stopResize () {\n      document.documentElement.removeEventListener('mousemove', this.doResize, false)\n      document.documentElement.removeEventListener('mouseup', this.stopResize, false)\n    },\n  },\n}\n</script>\n"],"names":["resizeSides","_sfc_main","v","event","value","_hoisted_1","_hoisted_3","_openBlock","_createElementBlock","$props","$options","args","_createCommentVNode","_createElementVNode","_hoisted_2","_renderSlot","_ctx"],"mappings":"2EAeA,MAAMA,EAAc,CAAC,OAAQ,OAAO,EAO/BC,EAAU,CACb,KAAM,WACN,MAAO,CAML,OAAQ,CAAE,SAAU,GAAO,KAAM,OAAQ,QAAS,KAAM,UAAWC,GAAKF,EAAY,SAASE,CAAC,CAAG,CAClG,EACD,MAAQ,CACN,MAAO,CAEL,QAAS,KACT,iBAAkB,IACpB,CACD,EACD,QAAS,CACP,SAAUC,EAAO,CACfA,EAAM,eAAc,EACpB,KAAK,QAAUA,EAAM,QACrB,KAAK,iBAAmB,SAAS,SAAS,YAAY,iBAAiB,KAAK,MAAM,OAAO,EAAE,MAAO,EAAE,EACpG,SAAS,gBAAgB,iBAAiB,YAAa,KAAK,SAAU,EAAK,EAC3E,SAAS,gBAAgB,iBAAiB,UAAW,KAAK,WAAY,EAAK,CAC5E,EACD,SAAUA,EAAO,CACf,IAAIC,EACA,KAAK,SAAW,OAAQA,EAAQ,KAAK,iBAAmBD,EAAM,QAAU,KAAK,QAC5EC,EAAQ,KAAK,iBAAmBD,EAAM,QAAU,KAAK,QAE1D,KAAK,MAAM,QAAQ,MAAM,MAAQC,EAAQ,IAC1C,EACD,YAAc,CACZ,SAAS,gBAAgB,oBAAoB,YAAa,KAAK,SAAU,EAAK,EAC9E,SAAS,gBAAgB,oBAAoB,UAAW,KAAK,WAAY,EAAK,CAC/E,CACF,CACH,EA1DOC,EAAA,CAAA,MAAM,WAAW,KAGf,IAAI,UAAU,MAAM,sBAClBC,EAAA,CAAA,MAAM,oBAAoB,0BAJnC,OAAAC,EAAA,EAAAC,EAUM,MAVNH,EAUM,CATOI,EAAM,SAAA,YAAjBD,EAA0G,MAAA,CAF9G,IAAA,EAEkC,MAAM,8CAA+C,gCAAWE,EAAQ,UAAAA,EAAA,SAAA,GAAAC,CAAA,cAF1GC,EAAA,GAAA,EAAA,EAIIC,EAIM,MAJNC,EAIM,CAHJD,EAEM,MAFNP,EAEM,CADJS,EAAQC,EAAA,OAAA,SAAA,UAIDP,EAAM,SAAA,aAAjBD,EAA4G,MAAA,CAVhH,IAAA,EAUmC,MAAM,+CAAgD,gCAAWE,EAAQ,UAAAA,EAAA,SAAA,GAAAC,CAAA,cAV5GC,EAAA,GAAA,EAAA","x_google_ignoreList":[0]}