{"version":3,"sources":["webpack:///./node_modules/Ceres/resources/js/src/app/components/pageDesign/Popper.vue?c888","webpack:///./node_modules/Ceres/resources/js/src/app/components/pageDesign/Popper.vue?dd6a","webpack:///./node_modules/Ceres/resources/js/src/app/components/pageDesign/Popper.vue?6242","webpack:///node_modules/Ceres/resources/js/src/app/components/pageDesign/Popper.vue","webpack:///./node_modules/Ceres/resources/js/src/app/components/pageDesign/Popper.vue"],"names":["props","placement","type","default","trigger","popoverClass","bodyClass","bodyStyle","mounted","findModal","on","destroyed","window","data","isVisible","popper","eventListener","computed","classNames","methods","initializePopper","node","document","modifiers","arrow","element","removeOnDestroy","addEventListeners","setTimeout","handle","togglePopper","showPopper","hidePopper","update","render","_vm","_c","_self","ref","staticClass","_t","_m","_v","class","style","staticRenderFns","_withStripped"],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAqF;AAC3B;AACL;;;AAGrD;AAC4F;AAC5F,gBAAgB,8FAAU;AAC1B,EAAE,4EAAM;AACR,EAAE,iFAAM;AACR,EAAE,0FAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACtCf;AAAA;AAAA,wCAA0K,CAAgB,gNAAG,EAAC,C;;;;;;;;;;;;ACA9L;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;AC4BA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAuD;AACT;AACU;AAClC;AACS;AAEhB;EACfA;IACAC;MACAC;MACAC;IACA;IACAC;MACAF;MACAC;IACA;IACAE;MACAH;MACAC;IACA;IACAG;MACAJ;MACAC;IACA;IACAI;MACAL;MACAC;IACA;EACA;EAEAK,4BACA;IAAA;IACA,2BACA;MACA,gMACA;QACA;MACA;MAEA;MAEA,2FACA;QACAC,sFACAC,gCACA;UACA;QACA;MACA;IAEA;EACA;EAEAC,gCACA;IACA;IACAC;EACA;EAEAC,sBACA;IACA;MACAC;MACAC;MACAC;IACA;EACA;EAEAC,UACA;IACAC,kCACA;MACA;MACA;MAEA;IACA;EACA;EAEAC,SACA;IACAC,8CACA;MACA;MAEA,wBACA;QACAC;QACAC;MACA;MAEA,oEACA,0DACAD,MACA;QACApB;QACAsB;UACAC;YACAC;UACA;QACA;QACAC;MACA,EACA;MAEA;IACA;IAEAC,gDACA;MAAA;MACA,mEACA;QACA;QACA;QAEAC;UACA;QACA;MACA;MAEA;MAEA,8BACA;QACAC,6CACA;UACA;QACA;QACAA,4CACA;UACA;QACA;MACA,OAEA;QACAA,kDACA;UACA;QACA;MACA;IACA;IAEAC,sCACA;MACA;MACA;IACA;IAEAC,kCACA;MACA;MACA;IACA;IAEAC,kCACA;MACA;MACA;IACA;IAEAC,0BACA;MACA,2FACA;QACA;MACA;IACA;EACA;AACA,CAAC,E;;;;;;;;;;;;ACpMD;AAAA;AAAA;AAAA,IAAIC,MAAM,GAAG,SAASA,MAAM,GAAG;EAC7B,IAAIC,GAAG,GAAG,IAAI;IACZC,EAAE,GAAGD,GAAG,CAACE,KAAK,CAACD,EAAE;EACnB,OAAOA,EAAE,CAAC,KAAK,EAAE,CACfA,EAAE,CACA,KAAK,EACL;IAAEE,GAAG,EAAE,QAAQ;IAAEC,WAAW,EAAE;EAAgB,CAAC,EAC/C,CACEJ,GAAG,CAACK,EAAE,CAAC,QAAQ,EAAE,YAAY;IAC3B,OAAO,CAACL,GAAG,CAACM,EAAE,CAAC,CAAC,CAAC,CAAC;EACpB,CAAC,CAAC,CACH,EACD,CAAC,CACF,EACDN,GAAG,CAACO,EAAE,CAAC,GAAG,CAAC,EACXN,EAAE,CACA,KAAK,EACL;IACEE,GAAG,EAAE,MAAM;IACXC,WAAW,EAAE,yBAAyB;IACtCI,KAAK,EAAER,GAAG,CAACjB;EACb,CAAC,EACD,CACEkB,EAAE,CAAC,IAAI,EAAE;IAAEG,WAAW,EAAE;EAAiB,CAAC,EAAE,CAACJ,GAAG,CAACK,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,EACjEL,GAAG,CAACO,EAAE,CAAC,GAAG,CAAC,EACXN,EAAE,CACA,KAAK,EACL;IACEG,WAAW,EAAE,cAAc;IAC3BI,KAAK,EAAER,GAAG,CAAC7B,SAAS;IACpBsC,KAAK,EAAET,GAAG,CAAC5B;EACb,CAAC,EACD,CAAC4B,GAAG,CAACK,EAAE,CAAC,SAAS,CAAC,CAAC,EACnB,CAAC,CACF,EACDL,GAAG,CAACO,EAAE,CAAC,GAAG,CAAC,EACXN,EAAE,CAAC,KAAK,EAAE;IAAEE,GAAG,EAAE,OAAO;IAAEC,WAAW,EAAE;EAAQ,CAAC,CAAC,CAClD,CACF,CACF,CAAC;AACJ,CAAC;AACD,IAAIM,eAAe,GAAG,CACpB,YAAY;EACV,IAAIV,GAAG,GAAG,IAAI;IACZC,EAAE,GAAGD,GAAG,CAACE,KAAK,CAACD,EAAE;EACnB,OAAOA,EAAE,CAAC,QAAQ,EAAE;IAAEG,WAAW,EAAE;EAAoC,CAAC,EAAE,CACxEH,EAAE,CAAC,GAAG,EAAE;IAAEG,WAAW,EAAE;EAAa,CAAC,CAAC,CACvC,CAAC;AACJ,CAAC,CACF;AACDL,MAAM,CAACY,aAAa,GAAG,IAAI","file":"chunks/ceres-45.js","sourcesContent":["import { render, staticRenderFns } from \"./Popper.vue?vue&type=template&id=56dc9fa2&\"\nimport script from \"./Popper.vue?vue&type=script&lang=js&\"\nexport * from \"./Popper.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/Users/fhartwig/Sites/dia-wigento/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('56dc9fa2')) {\n      api.createRecord('56dc9fa2', component.options)\n    } else {\n      api.reload('56dc9fa2', component.options)\n    }\n    module.hot.accept(\"./Popper.vue?vue&type=template&id=56dc9fa2&\", function () {\n      api.rerender('56dc9fa2', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"node_modules/Ceres/resources/js/src/app/components/pageDesign/Popper.vue\"\nexport default component.exports","import mod from \"-!../../../../../../../babel-loader/lib/index.js!../../../../../../../vue-loader/lib/index.js??vue-loader-options!./Popper.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../babel-loader/lib/index.js!../../../../../../../vue-loader/lib/index.js??vue-loader-options!./Popper.vue?vue&type=script&lang=js&\"","export * from \"-!../../../../../../../babel-loader/lib/index.js!../../../../../../../vue-loader/lib/loaders/templateLoader.js??ref--6!../../../../../../../vue-loader/lib/index.js??vue-loader-options!./Popper.vue?vue&type=template&id=56dc9fa2&\"","<template>\n  \t<div>\n\t\t<div class=\"popper-handle\" ref=\"handle\">\n\t\t\t<slot name=\"handle\">\n\t\t\t\t<!--Element to trigger popper -->\n                <button class=\"btn btn-icon btn-secondary btn-sm\">\n                    <i class=\"fa fa-info\"></i>\n                </button>\n\t\t\t</slot>\n\t\t</div>\n\n\t\t<div ref=\"node\" class=\"popover bs-popover-auto\" :class=\"classNames\">\n\t\t\t<h3 class=\"popover-header\">\n\t\t\t\t<slot name=\"title\">\n\t\t\t\t\t<!-- {# Title to display in the popper #} -->\n\t\t\t\t</slot>\n\t\t\t</h3>\n\t\t\t<div class=\"popover-body\" :class=\"bodyClass\" :style=\"bodyStyle\">\n\t\t\t\t<slot name=\"content\">\n\t\t\t\t\t<!-- {# Content to display in the popper #} -->\n\t\t\t\t</slot>\n\t\t\t</div>\n\t\t\t<div class=\"arrow\" ref=\"arrow\"></div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport { isNullOrUndefined } from \"../../helper/utils\";\nimport { findParent } from \"../../helper/dom\";\nimport { findModal } from \"../../services/ModalService\";\nimport Vue from \"vue\";\nimport Popper from \"popper.js\";\n\nexport default {\n    props: {\n        placement: {\n            type: String,\n            default: \"auto\"\n        },\n        trigger: {\n            type: String,\n            default: \"click\"\n        },\n        popoverClass: {\n            type: String,\n            default: \"\"\n        },\n        bodyClass: {\n            type: String,\n            default: \"\"\n        },\n        bodyStyle: {\n            type: String,\n            default: \"\"\n        }\n    },\n\n    mounted()\n    {\n        this.$nextTick(() =>\n        {\n            if (!isNullOrUndefined(this.$refs.node) && !isNullOrUndefined(this.$refs.handle))\n            {\n                this.initializePopper();\n            }\n\n            const parentModal = findParent(this.$el, \".modal\");\n\n            if (!isNullOrUndefined(parentModal))\n            {\n                findModal(parentModal)\n                    .on(\"hide.bs.modal\", () =>\n                    {\n                        this.hidePopper();\n                    });\n            }\n\n        });\n    },\n\n    destroyed()\n    {\n        this.popper.destroy();\n        window.removeEventListener(\"resize\", this.eventListener);\n    },\n\n    data()\n    {\n        return {\n            isVisible: false,\n            popper: null,\n            eventListener: null\n        };\n    },\n\n    computed:\n    {\n        classNames()\n        {\n            // in the shopbuilder we need to hide the popper completely, to hide the dropzone\n            const hideClass = App.isShopBuilder ? \" d-none\" : \" hidden\";\n\n            return this.popoverClass + (!this.isVisible ? hideClass : \"\");\n        }\n    },\n\n    methods:\n    {\n        initializePopper()\n        {\n            const node = this.$refs.node;\n\n            if (!App.isShopBuilder)\n            {\n                node.parentElement.removeChild(node);\n                document.body.appendChild(node);\n            }\n\n            this.popper = new Popper(\n                (this.$refs.handle.firstElementChild || this.$refs.handle),\n                node,\n                {\n                    placement: this.placement,\n                    modifiers: {\n                        arrow: {\n                            element: this.$refs.arrow\n                        }\n                    },\n                    removeOnDestroy: true\n                }\n            );\n\n            this.addEventListeners();\n        },\n        \n        addEventListeners()\n        {\n            this.eventListener = window.addEventListener(\"resize\", () =>\n            {\n            // popper's position needs to be reset after a resize, to prevent the overflow, after switching from landscape to normal\n                this.hidePopper();\n\n                setTimeout(() => {\n                    this.$refs.node.style.transform = \"\";\n                }, 0);\n            });\n\n            const handle = this.$refs.handle.firstElementChild || this.$refs.handle;\n\n            if (this.trigger === \"focus\")\n            {\n                handle.addEventListener(\"focus\", () =>\n                {\n                    this.showPopper();\n                });\n                handle.addEventListener(\"blur\", () =>\n                {\n                    this.hidePopper();\n                });\n            }\n            else\n            {\n                handle.addEventListener(this.trigger, () =>\n                {\n                    this.togglePopper();\n                });\n            }\n        },\n\n        togglePopper()\n        {\n            this.isVisible = !this.isVisible;\n            this.update();\n        },\n\n        showPopper()\n        {\n            this.isVisible = true;\n            this.update();\n        },\n\n        hidePopper()\n        {\n            this.isVisible = false;\n            this.update();\n        },\n\n        update()\n        {\n            if (!isNullOrUndefined(this.popper))\n            {\n                this.popper.scheduleUpdate();\n            }\n        }\n    }\n}\n</script>\n","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"div\", [\n    _c(\n      \"div\",\n      { ref: \"handle\", staticClass: \"popper-handle\" },\n      [\n        _vm._t(\"handle\", function () {\n          return [_vm._m(0)]\n        }),\n      ],\n      2\n    ),\n    _vm._v(\" \"),\n    _c(\n      \"div\",\n      {\n        ref: \"node\",\n        staticClass: \"popover bs-popover-auto\",\n        class: _vm.classNames,\n      },\n      [\n        _c(\"h3\", { staticClass: \"popover-header\" }, [_vm._t(\"title\")], 2),\n        _vm._v(\" \"),\n        _c(\n          \"div\",\n          {\n            staticClass: \"popover-body\",\n            class: _vm.bodyClass,\n            style: _vm.bodyStyle,\n          },\n          [_vm._t(\"content\")],\n          2\n        ),\n        _vm._v(\" \"),\n        _c(\"div\", { ref: \"arrow\", staticClass: \"arrow\" }),\n      ]\n    ),\n  ])\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"button\", { staticClass: \"btn btn-icon btn-secondary btn-sm\" }, [\n      _c(\"i\", { staticClass: \"fa fa-info\" }),\n    ])\n  },\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"],"sourceRoot":""}