{"version":3,"file":"static/js/331.22c9d021.js","mappings":"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","sources":["webpack://finnish-art/./src/assets/images/flag_en.svg","webpack://finnish-art/./src/assets/images/flag_fi.svg","webpack://finnish-art/./src/assets/images/flag_sv.svg","webpack://finnish-art/./src/components/EditableHtmlSection.vue","webpack://finnish-art/./src/components/EditableHtmlSection.vue?8d4c","webpack://finnish-art/src/components/EditableHtmlSection.vue","webpack://finnish-art/./src/components/EditableHtmlSection.vue?c4ad","webpack://finnish-art/./src/components/EditableHtmlSection.vue?bc7e","webpack://finnish-art/./src/assets/images/ sync ^\\.\\/flag_.*\\.svg$"],"sourcesContent":["module.exports = __webpack_public_path__ + \"static/img/flag_en.5f971c7.svg\";","module.exports = __webpack_public_path__ + \"static/img/flag_fi.5defdf7.svg\";","module.exports = __webpack_public_path__ + \"static/img/flag_sv.18be91e.svg\";","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _vm.doEdit || _vm.value\n    ? _c(\n        \"section\",\n        { staticClass: \"page-text\" },\n        [\n          _vm.doEdit\n            ? _c(\n                \"div\",\n                { staticClass: \"editing\" },\n                [\n                  _c(\"div\", { staticClass: \"edit-access\" }, [\n                    _vm.editTitle\n                      ? _c(\"span\", { staticClass: \"edit-field-label label\" }, [\n                          _vm._v(_vm._s(_vm.editTitle)),\n                        ])\n                      : _vm._e(),\n                    _vm.lang\n                      ? _c(\"img\", {\n                          staticClass: \"flag\",\n                          attrs: {\n                            src: require(`assets/images/flag_${_vm.lang}.svg`),\n                            title: _vm.lang,\n                          },\n                        })\n                      : _vm._e(),\n                  ]),\n                  _c(\n                    \"article\",\n                    {\n                      on: {\n                        mouseenter: _vm.onMouseEnter,\n                        mouseleave: _vm.onMouseLeave,\n                        keydown: function ($event) {\n                          if (\n                            !$event.type.indexOf(\"key\") &&\n                            _vm._k(\n                              $event.keyCode,\n                              \"enter\",\n                              13,\n                              $event.key,\n                              \"Enter\"\n                            )\n                          )\n                            return null\n                          return _vm.onEnterKey.apply(null, arguments)\n                        },\n                      },\n                    },\n                    [\n                      !_vm.plainText\n                        ? _c(\"dx-html-editor\", {\n                            ref: \"textArea\",\n                            class: _vm.className,\n                            attrs: {\n                              \"value-type\": \"html\",\n                              value: _vm.buffer,\n                              placeholder: _vm.placeholder,\n                              toolbar: _vm.toolbarOptions,\n                              disabled: _vm.disabled,\n                            },\n                            on: {\n                              \"update:value\": function ($event) {\n                                _vm.buffer = $event\n                              },\n                              \"focus-in\": _vm.onFocusIn,\n                              \"focus-out\": _vm.onFocusOut,\n                              \"content-ready\": function ($event) {\n                                return _vm.toggleToolbar(false)\n                              },\n                            },\n                          })\n                        : _c(\"dx-text-area\", {\n                            ref: \"textArea\",\n                            class: _vm.className,\n                            attrs: {\n                              \"auto-resize-enabled\": !_vm.oneline,\n                              value: _vm.buffer,\n                              placeholder: _vm.placeholder,\n                              \"input-attr\": { rows: 1 },\n                              \"max-length\": _vm.maxLength,\n                              disabled: _vm.disabled,\n                            },\n                            on: {\n                              \"update:value\": function ($event) {\n                                _vm.buffer = $event\n                              },\n                              \"enter-key\": _vm.onPlainTextEnterKey,\n                              \"value-changed\": _vm.onPlainTextValueChanged,\n                            },\n                          }),\n                    ],\n                    1\n                  ),\n                  _vm.tooltip\n                    ? _c(\n                        \"dx-tooltip\",\n                        {\n                          attrs: { visible: _vm.showTooltip, target: _vm.$el },\n                          on: {\n                            \"update:visible\": function ($event) {\n                              _vm.showTooltip = $event\n                            },\n                          },\n                        },\n                        [_c(\"span\", [_vm._v(_vm._s(_vm.tooltip))])]\n                      )\n                    : _vm._e(),\n                ],\n                1\n              )\n            : _vm.value && !_vm.$slots.plain\n            ? _c(\"article\", [\n                _vm.title ? _c(\"h3\", [_vm._v(_vm._s(_vm.title))]) : _vm._e(),\n                _c(\"p\", { domProps: { innerHTML: _vm._s(_vm.value) } }),\n              ])\n            : _c(\"div\", [_vm._t(\"plain\")], 2),\n          _vm.editors\n            ? _c(\"last-modified\", {\n                attrs: { editors: _vm.editors, \"do-edit\": _vm.doEdit },\n                on: {\n                  \"update:editors\": function ($event) {\n                    _vm.editors = $event\n                  },\n                  input: function ($event) {\n                    _vm.editors = $event\n                  },\n                },\n              })\n            : _vm._e(),\n          _vm.doEdit && _vm.toolbar\n            ? _c(\n                \"div\",\n                { staticClass: \"edit-toolbar\" },\n                [\n                  _c(\n                    \"button\",\n                    {\n                      staticClass: \"btn save\",\n                      class: _vm.disabled || _vm.busy ? \"disabled\" : \"\",\n                      on: {\n                        click: function ($event) {\n                          return _vm.onPreSave($event)\n                        },\n                      },\n                    },\n                    [\n                      _vm.busy\n                        ? _c(\"div\", { staticClass: \"is-loading button\" })\n                        : _c(\"span\", [_vm._v(_vm._s(_vm.$t(\"common.save\")))]),\n                    ]\n                  ),\n                  _vm._t(\"toolbar\"),\n                ],\n                2\n              )\n            : _vm._e(),\n        ],\n        1\n      )\n    : _vm._e()\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","export * from \"-!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!../../node_modules/pug-plain-loader/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditableHtmlSection.vue?vue&type=template&id=b85a90b6&lang=pug\"","<template lang=\"pug\">\nsection.page-text(v-if=\"doEdit || value\")\n    div.editing(v-if=\"doEdit\")\n        div.edit-access\n            span.edit-field-label.label(v-if=\"editTitle\") {{ editTitle }}\n            img.flag(v-if=\"lang\" v-bind:src=\"require(`assets/images/flag_${lang}.svg`)\" v-bind:title=\"lang\")\n\n        article(\n            v-on:mouseenter=\"onMouseEnter\"\n            v-on:mouseleave=\"onMouseLeave\"\n            v-on:keydown.enter=\"onEnterKey\")\n            dx-html-editor(\n                v-if=\"!plainText\"\n                ref=\"textArea\"\n                value-type=\"html\"\n                v-bind:value.sync=\"buffer\"\n                v-bind:class=\"className\"\n                v-bind:placeholder=\"placeholder\"\n                v-bind:toolbar=\"toolbarOptions\"\n                v-bind:disabled=\"disabled\"\n                v-on:focus-in=\"onFocusIn\"\n                v-on:focus-out=\"onFocusOut\"\n                v-on:content-ready=\"toggleToolbar(false)\")\n            dx-text-area(\n                v-else\n                ref=\"textArea\"\n                v-bind:auto-resize-enabled=\"!oneline\"\n                v-bind:value.sync=\"buffer\"\n                v-bind:class=\"className\"\n                v-bind:placeholder=\"placeholder\"\n                v-bind:input-attr=\"{rows: 1}\"\n                v-bind:max-length=\"maxLength\"\n                v-bind:disabled=\"disabled\"\n                v-on:enter-key=\"onPlainTextEnterKey\"\n                v-on:value-changed=\"onPlainTextValueChanged\")\n\n        dx-tooltip(\n            v-if=\"tooltip\"\n            v-bind:visible.sync=\"showTooltip\"\n            v-bind:target=\"$el\")\n            span {{ tooltip }}\n\n    article(v-else-if=\"value && !$slots.plain\")\n        h3(v-if=\"title\") {{ title }}\n        p(v-html=\"value\")\n\n    div(v-else)\n        slot(name=\"plain\")\n\n\n    //- Editors\n    last-modified(\n        v-if=\"editors\"\n        v-bind:editors.sync=\"editors\"\n        v-bind:do-edit=\"doEdit\"\n        v-on:input=\"editors = $event\")\n\n    //- \"toolbar\" with save button\n    div.edit-toolbar(\n        v-if=\"doEdit && toolbar\")\n        button.btn.save(\n            v-bind:class=\"(disabled || busy) ? 'disabled' : ''\"\n            v-on:click=\"onPreSave($event)\")\n            div.is-loading.button(v-if=\"busy\")\n            span(v-else) {{ $t('common.save') }}\n        slot(name=\"toolbar\")\n\n\n</template>\n\n<script>\nexport default {\n    name: 'editable-html-section',\n\n    props: {\n        value: {            type: String },\n        title: {            type: String },\n        titleForEdit: {     type: String },\n        lang: {             type: String }, // language flag\n        maxLength: {        type: Number }, // max length for plain-text type\n        placeholder: {      type: String },\n        narrow: {           type: Boolean },\n        disabled: {         type: Boolean },\n        doEdit: {           type: Boolean, default: false },\n        onSave: {           type: Function },\n        plainText: {        type: Boolean, default: false },\n        oneline: {          type: Boolean, default: false },\n        editors: {          type: Array[Object] },\n        toolbar: {          type: Boolean, default: true },\n        tooltip: {          type: String },\n        tooltipTimeout: {   type: Number }\n    },\n\n    components: {\n        DxHtmlEditor: () => import('devextreme-vue/html-editor'),\n        DxTextArea: () => import('devextreme-vue/text-area'),\n        // DxTooltip: () => import('devextreme-vue/tooltip'),\n        LastModified: () => import('@/components/LastModified')\n    },\n\n    data: function () {\n        return {\n            buffer: this.value,\n            editTitle: this.titleForEdit ? this.titleForEdit : this.title,\n            showTooltip: false,\n            focused: false,\n            busy: false,\n            className: '',\n            debouncedEmit: _.debounce(this.emitBuffer, 15000, {leading: true, trailing: true}),\n            toolbarOptions: {\n                items: [\n                    \"bold\", \"italic\", \"underline\", \"separator\",\n                    {name: \"size\", acceptedValues: ['8pt', '10pt', '12pt', '14pt', '18pt', '24pt', '36pt']},\n                    // {name: \"font\", acceptedValues: ['Arial', 'Times New Roman']},\n                    \"separator\",\n                    \"alignLeft\", \"alignCenter\", \"alignRight\", \"alignJustify\", \"separator\",\n                    \"blockquote\", \"link\", \"separator\",\n                    \"orderedList\", \"bulletList\"\n                ]\n            }\n        };\n    },\n\n    created: function () {\n        this.className = this.getEditorClassName();\n    },\n\n    mounted: function () {\n        // flush the buffer on save signal\n        this.$eventBus.$on('save', this.flush);\n        if (this.toolbar) {\n            this.$eventBus.$on('save-success', this.onSaved);\n            this.$eventBus.$on('save-error', this.onSaved);\n        }\n        this.$nextTick(() => {\n            this.toggleToolbar(false);\n        });\n    },\n\n    beforeDestroy: function () {\n        this.$eventBus.$off('save', this.flush);\n        if (this.toolbar) {\n            this.$eventBus.$off('save-success', this.onSaved);\n            this.$eventBus.$off('save-error', this.onSaved);\n        }\n    },\n\n    watch: {\n        buffer: function () {\n            // input does not need to emit for every single keypress,\n            // except for oneline input fields\n            if (this.oneline && this.plainText) {\n                this.emitBuffer();\n            }\n            else {\n                this.debouncedEmit();\n            }\n        },\n\n        value: function () {\n            this.buffer = this.value;\n        }\n    },\n\n    methods: {\n        emitBuffer: function () {\n            this.$emit('input', this.buffer);\n\n            // set unsaved flag on for html articles\n            if (!this.plainText) {\n                this.$store.commit('ux/setHasUnsavedEdits', true);\n            }\n        },\n\n        /**\n         * Flush the buffer.\n         */\n        flush: function () {\n            // strip leftover <br> line-break which cannot be removed in the wysiwyg editor\n            if (this.buffer === '<br>') {\n                this.buffer = '';\n            }\n            this.debouncedEmit.flush();\n        },\n\n        /**\n         * Before saving, flush the buffer and set busy flag on to show the spinner\n         * (if toolbar is visible). The prop `onSave` function usually triggers\n         * EditableMixin#onSave, which emits the 'save-success' or 'save-error' signals.\n         * NOTE: there may be several edit fields on page, but only one shows the save button.\n         */\n        onPreSave: function () {\n            if (this.busy) {\n                return;\n            }\n            this.flush();\n            if (this.toolbar) {\n                this.busy = true;\n            }\n            this.onSave && this.onSave();\n        },\n\n        /**\n         * Set busy flag off regardless of save status (success or error).\n         */\n        onSaved: function () {\n            this.busy = false;\n        },\n\n        /**\n         * When the input loses focus or user presses enter.\n         * With `oneline` and `plainText`, buffers are flushed.\n         */\n        onPlainTextValueChanged: function () {\n            if (this.oneline && this.plainText) {\n                this.emitBuffer();\n                // this.$emit('enter-key'); // this will cause unnecessary triggers when data is changed otherwise\n            }\n        },\n\n        /**\n         * Necessary in order to flush the dx buffer, by calling blur() and focus() on the instance.\n         * The value in buffer may still be old even right after.\n         */\n        onPlainTextEnterKey: async function (event) {\n            const instance = this.$refs.textArea.instance;\n            if (instance) {\n                instance.blur();\n                instance.focus();\n            }\n            this.$emit('enter-key');\n        },\n\n        /**\n         * Enter key (on key down) on the wrapper will emit `enter-key` event for `plainText` articles in edit,\n         * and with `oneline` document, prevent default enter from deforming the element into multiline, even with precautions.\n         */\n        onEnterKey: function (event) {\n            event.preventDefault();\n            event.stopPropagation();\n            event.cancelBubble = true;\n            return false; // important to not let dx-textarea receive this event\n        },\n\n        onMouseEnter: function () {\n            this.showTooltip = true;\n            this.toggleToolbar(true);\n        },\n\n        onMouseLeave: function () {\n            this.showTooltip = false;\n            if (!this.focused) {\n                this.toggleToolbar(false);\n            }\n        },\n\n        onFocusIn: function () {\n            this.focused = true;\n            this.toggleToolbar(true);\n        },\n\n        onFocusOut: function () {\n            this.focused = false;\n            this.toggleToolbar(false);\n        },\n\n        toggleToolbar: function (show) {\n            const el = this.$el.querySelector && this.$el.querySelector('.dx-htmleditor-toolbar-wrapper');\n            if (el) {\n                el.style.opacity = (show ? 1 : 0);\n            }\n        },\n\n        getEditorClassName: function () {\n            return this.narrow ? 'narrow' : '';\n        }\n    }\n};\n</script>\n\n<style lang=\"scss\">\n// @import '~assets/styles/variables';\n\nsection.page-text {\n    margin-bottom: 1rem;\n    h3 {\n        font-family: 'Sabon MT W01 Regular', serif;\n        font-weight: bold;\n        font-size: 1.35rem;\n    }\n    .edit-access {\n        display: flex;\n        justify-content: space-between;\n        h3 {\n            align-self: center;\n            font-family: $main-sans-serif;\n            font-weight: normal;\n            font-size: 1rem;\n        }\n        .flag {\n            align-self: center;\n            justify-self: right;\n            width: 37px;\n            height: 25px;\n        }\n    }\n    .edit-toolbar {\n        margin-top: 1rem;\n        .is-loading {\n            margin-top: 6px;\n        }\n    }\n    .dx-htmleditor {\n        flex-direction: column-reverse; // switch toolbar to bottom\n        min-width: 550px;\n        max-width: calc(100vw - 180px);\n        border-color: transparent;\n        @media screen and (max-width: $breakpoint-tablet - 1) {\n            width: 100%;\n            min-width: 70vw;\n        }\n        &.narrow {\n            width: auto !important;\n            min-width: 70vw;\n        }\n        &.dx-widget {\n            font-family: inherit;\n            font-size: inherit;\n        }\n        .dx-quill-container {\n            border-bottom: 1px dotted $medium-gray;\n        }\n        .dx-toolbar .dx-toolbar-items-container {\n            height: 46px;\n        }\n        .dx-toolbar-item {\n            line-height: 42px;\n            .dx-button {\n                // selected button has background with border-radius, this needs to be 1:1\n                width: 38px;\n                height: 38px;\n                margin-top: 5px;\n                vertical-align: top;\n            }\n            .dx-htmleditor-toolbar-separator {\n                height: 42px;\n            }\n            input.dx-texteditor-input[role=\"combobox\"],\n            .dx-placeholder::before {\n                padding-top: 7px !important;\n                padding-bottom: 7px !important;\n                color: $dark-gray-2;\n            }\n            .dx-dropdowneditor .dx-placeholder {\n                font-size: 18px;\n            }\n        }\n        .dx-toolbar-item,\n        .dx-toolbar-menu-container {\n            vertical-align: top;\n        }\n    }\n    .dx-htmleditor-toolbar-wrapper {\n        border-bottom: 0 !important;\n        transform: opacity;\n        transition-duration: 1s;\n        transition-timing-function: ease-out;\n        //- very important to get icon size right to avoid \"...\" instead of the icon\n        .dx-toolbar-text-auto-hide .dx-button .dx-button-content {\n            padding-right: 0;\n            padding-left: 0;\n        }\n        .dx-button .dx-icon {\n            color: $dark-gray !important;\n        }\n        &.hidden {\n            opacity: 0;\n        }\n    }\n    .dx-textarea.dx-editor-outlined.dx-state-hover {\n        border-color: $medium-gray-3;\n    }\n    .dx-textarea.dx-editor-outlined.dx-state-focused {\n        border-color: $medium-gray-2;\n    }\n    .editing {\n        width: 100%;\n        .dx-widget,\n        .dx-texteditor-container {\n            font-family: inherit;\n            font-weight: inherit;\n            font-size: inherit;\n        }\n    }\n}\n</style>\n","import mod from \"-!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditableHtmlSection.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditableHtmlSection.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./EditableHtmlSection.vue?vue&type=template&id=b85a90b6&lang=pug\"\nimport script from \"./EditableHtmlSection.vue?vue&type=script&lang=js\"\nexport * from \"./EditableHtmlSection.vue?vue&type=script&lang=js\"\nimport style0 from \"./EditableHtmlSection.vue?vue&type=style&index=0&id=b85a90b6&prod&lang=scss\"\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  null,\n  null\n  \n)\n\nexport default component.exports","var map = {\n\t\"./flag_en.svg\": 23892,\n\t\"./flag_fi.svg\": 69086,\n\t\"./flag_sv.svg\": 30766\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 4156;"],"names":["render","_vm","_c","_self","doEdit","value","staticClass","editTitle","_v","_s","_e","lang","attrs","src","require","concat","title","on","mouseenter","onMouseEnter","mouseleave","onMouseLeave","keydown","$event","type","indexOf","_k","keyCode","key","onEnterKey","apply","arguments","plainText","ref","class","className","buffer","placeholder","toolbar","toolbarOptions","disabled","updateValue","onFocusIn","onFocusOut","contentReady","toggleToolbar","oneline","rows","maxLength","onPlainTextEnterKey","onPlainTextValueChanged","tooltip","visible","showTooltip","target","$el","updateVisible","$slots","plain","domProps","innerHTML","_t","editors","updateEditors","input","busy","click","onPreSave","$t","staticRenderFns","_withStripped","name","props","String","titleForEdit","Number","narrow","Boolean","default","onSave","Function","Array","Object","tooltipTimeout","components","DxHtmlEditor","DxTextArea","LastModified","data","focused","debouncedEmit","_","debounce","emitBuffer","leading","trailing","items","acceptedValues","created","getEditorClassName","mounted","_this","$eventBus","$on","flush","onSaved","$nextTick","beforeDestroy","$off","watch","methods","$emit","$store","commit","_onPlainTextEnterKey","_asyncToGenerator","_regeneratorRuntime","mark","_callee","event","instance","wrap","_callee$","_context","prev","next","$refs","textArea","blur","focus","stop","_x","preventDefault","stopPropagation","cancelBubble","show","el","querySelector","style","opacity"],"sourceRoot":""}