{"version":3,"sources":["webpack:///./src/components/PageBuilder/Elements/Spoiler.vue?6072","webpack:///./src/assets/arrow_up_black.svg","webpack:///./src/components/PageBuilder/Elements/Spoiler.vue","webpack:///src/components/PageBuilder/Elements/Spoiler.vue","webpack:///./src/components/PageBuilder/Elements/Spoiler.vue?2089","webpack:///./src/components/PageBuilder/Elements/Spoiler.vue?c672"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","class","expanded","style","width","showTitle","on","toggleExpand","arrow","attrs","require","_e","title","titleExpanded","_v","_s","getTitleText","_t","height","staticRenderFns","name","data","no_title","props","default","computed","uncollapsable","methods","$emit","beforeMount","expand","watch","component"],"mappings":"2IAAA,W,uBCAAA,EAAOC,QAAU,IAA0B,mC,yCCA3C,IAAIC,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,cAAe,CAAE,SAAYL,EAAIM,WAAYC,MAAO,CAAEC,MAAOR,EAAIQ,QAAU,CAAER,EAAIS,UAAWP,EAAG,MAAM,CAACE,YAAY,QAAQM,GAAG,CAAC,MAAQV,EAAIW,eAAe,CAAEX,EAAIY,MAAOV,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACW,MAAM,CAAC,IAAMC,EAAQ,QAA+B,IAAM,gBAAgBd,EAAIe,KAAOf,EAAIM,SAAgGJ,EAAG,MAAM,CAAEF,EAAIgB,OAAShB,EAAIiB,cAAef,EAAG,KAAK,CAACF,EAAIkB,GAAGlB,EAAImB,GAAGnB,EAAIoB,iBAAiBpB,EAAIqB,GAAG,kBAAkB,GAAtMnB,EAAG,MAAM,CAAEF,EAAIgB,MAAOd,EAAG,KAAK,CAACF,EAAIkB,GAAGlB,EAAImB,GAAGnB,EAAIoB,iBAAiBpB,EAAIqB,GAAG,UAAU,KAAwHrB,EAAIe,KAAKb,EAAG,aAAa,CAACW,MAAM,CAAC,KAAO,UAAU,KAAO,SAAS,OAAS,KAAK,CAAEb,EAAIM,SAAUJ,EAAG,MAAM,CAACE,YAAY,UAAUG,MAAO,CAAE,aAAcP,EAAIsB,SAAW,CAACtB,EAAIqB,GAAG,YAAY,GAAGrB,EAAIe,QAAQ,MAEr0BQ,EAAkB,GC+BP,GACfC,KAAA,UAEAC,UACA,CACAnB,UAAA,EACAoB,UAAA,IAIAC,MAAA,CACA,QACAC,aAAA,GAEA,OACAA,YAAA,QAEA,QACAA,YAAA,QAEA,OACAA,YAAA,IAEA,eACAA,YAAA,IAEA,eACAA,aAAA,GAEA,OACAA,aAAA,IAIAC,SAAA,CACApB,YACA,YAAAqB,eAAA,KAAAA,gBAAA,KAAAxB,UAGAc,eACA,IAAAJ,EAMA,OAJAA,EADA,KAAAV,UAAA,KAAAW,cACA,KAAAA,cAEA,KAAAD,MAEAA,IAIAe,QAAA,CACApB,eACA,KAAAL,UAAA,KAAAA,SACA,KAAA0B,MAAA,gBAAA1B,YAIA2B,cACA,KAAA3B,SAAA,KAAA4B,QAGAC,MAAA,CACAD,SACA,KAAAJ,cACA,KAAAxB,UAAA,EAEA,KAAAA,SAAA,KAAA4B,UCnG8W,I,wBCQ1WE,EAAY,eACd,EACArC,EACAwB,GACA,EACA,KACA,WACA,MAIa,aAAAa,E","file":"js/chunk-7657a19d.16948d22.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Spoiler.vue?vue&type=style&index=0&id=58d897fd&prod&lang=scss&scoped=true\"","module.exports = __webpack_public_path__ + \"img/arrow_up_black.de5c8985.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"component-container\"},[_c('div',{class:['vue-spoiler', { 'expanded': _vm.expanded }],style:({ width: _vm.width })},[(_vm.showTitle)?_c('div',{staticClass:\"title\",on:{\"click\":_vm.toggleExpand}},[(_vm.arrow)?_c('div',{staticClass:\"arrow\"},[_c('img',{attrs:{\"src\":require(\"@/assets/arrow_up_black.svg\"),\"alt\":\"arrow up\"}})]):_vm._e(),(!_vm.expanded)?_c('div',[(_vm.title)?_c('h4',[_vm._v(_vm._s(_vm.getTitleText))]):_vm._t(\"title\")],2):_c('div',[(_vm.title || _vm.titleExpanded)?_c('h4',[_vm._v(_vm._s(_vm.getTitleText))]):_vm._t(\"titleExpanded\")],2)]):_vm._e(),_c('transition',{attrs:{\"name\":\"opacity\",\"mode\":\"out-in\",\"appear\":\"\"}},[(_vm.expanded)?_c('div',{staticClass:\"content\",style:({ 'max-height': _vm.height })},[_vm._t(\"default\")],2):_vm._e()])],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"component-container\">\n        <div :class=\"['vue-spoiler', { 'expanded': expanded }]\" :style=\"{ width }\">\n\n            <div @click=\"toggleExpand\" v-if=\"showTitle\" class=\"title\">\n                <div v-if=\"arrow\" class=\"arrow\">\n                    <img src=\"@/assets/arrow_up_black.svg\" alt=\"arrow up\">\n                </div>\n\n                <div v-if=\"!expanded\">\n                    <h4 v-if=\"title\">{{ getTitleText }}</h4>\n                    <slot v-else name=\"title\"></slot>\n                </div>\n\n                <div v-else>\n                    <h4 v-if=\"title || titleExpanded\">{{ getTitleText }}</h4>\n                    <slot v-else name=\"titleExpanded\"></slot>\n                </div>\n\n                \n            </div>\n\n            <transition name=\"opacity\" mode=\"out-in\" appear>\n                <div v-if=\"expanded\" class=\"content\" :style=\"{ 'max-height': height }\">\n                    <slot></slot>\n                </div>\n            </transition>\n\n        </div>\n    </div>\n</template>\n<script>\n\nexport default {\n    name: 'Spoiler',\n\n    data: () => {\n        return {\n            expanded: false,\n            no_title: true\n        }\n    },\n\n    props: {\n        'expand': {\n            default: () => false\n        },\n        'width': {\n            default: () => '100%'\n        },\n        'height': {\n            default: () => 'none'\n        },\n        'title': {\n            default: () => ''\n        },\n        'titleExpanded': {\n            default: () => ''\n        },\n        'uncollapsable': {\n            default: () => false\n        },\n        'arrow': {\n            default: () => true\n        },\n    },\n\n    computed: {\n        showTitle() {\n            return !this.uncollapsable || (this.uncollapsable && !this.expanded);\n        },\n\n        getTitleText() {\n            let title;\n            if (this.expanded && this.titleExpanded) {\n                title = this.titleExpanded;\n            } else {\n                title = this.title;\n            }\n            return title;\n        },\n    },\n\n    methods: {\n        toggleExpand() {\n            this.expanded = !this.expanded;\n            this.$emit('expanded', this.expanded);\n        }\n    },\n\n    beforeMount() {\n        this.expanded = this.expand;\n    },\n\n    watch: {\n        expand() {\n            if (this.uncollapsable) {\n                this.expanded = true;\n            } else {\n                this.expanded = this.expand;\n            }\n        },\n    }\n}\n\n</script>\n<style lang=\"scss\" scoped>\n.component-container {\n\n    .vue-spoiler {\n        position: relative;\n        max-width: $container-width;\n        margin: 0 auto;\n        border: 1px solid $timberGreen;\n\n        .title {\n            position: relative;\n            display: flex;\n            align-items: center;\n\n            word-break: break-word;\n            cursor: pointer;\n            user-select: none;\n        }\n\n        .content {\n            position: relative;\n            overflow-y: auto;\n            word-break: break-word;\n        }\n\n        .arrow {\n            width: 25px;\n            height: 25px;\n\n            padding: 16px 16px;\n            flex-shrink: 0;\n            transform: rotate(-90deg);\n\n            transition: transform 0.2s cubic-bezier(0.490, 0.265, 0.450, 1);\n\n            img {\n                height: 100%;\n                width: 25px;\n            }\n        }\n    }\n\n    .vue-spoiler.expanded .arrow {\n        transform: rotate(0deg);\n    }\n\n\n    /* Expand animation */\n    .opacity-enter-active {\n        transition: opacity .2s ease-out;\n    }\n\n    .opacity-leave-active {\n        transition: 0;\n    }\n\n    .opacity-enter,\n    .opacity-leave-to {\n        opacity: 0;\n    }\n}</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Spoiler.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Spoiler.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Spoiler.vue?vue&type=template&id=58d897fd&scoped=true\"\nimport script from \"./Spoiler.vue?vue&type=script&lang=js\"\nexport * from \"./Spoiler.vue?vue&type=script&lang=js\"\nimport style0 from \"./Spoiler.vue?vue&type=style&index=0&id=58d897fd&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"58d897fd\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}