{"version":3,"sources":["webpack:///./src/client/system_app_settings.vue?467a","webpack:///./src/client/system_app_settings.vue","webpack:///src/client/system_app_settings.vue","webpack:///./src/client/system_app_settings.vue?85af","webpack:///./src/client/system_app_settings.vue?83bd","webpack:///./src/client/share_settings.vue?42f3","webpack:///./src/client/share_settings.vue","webpack:///src/client/share_settings.vue","webpack:///./src/client/share_settings.vue?fd04","webpack:///./src/client/share_settings.vue?db4e"],"names":["render","_vm","this","_c","_self","attrs","staticClass","permissionExist","on","collapseAll","_v","_s","$t","_e","staticRenderFns","toast","timeout","position","Vue","components","data","version_code","version_name","collapses","show","getPermissionsData","methods","getPermissions","getClient","id","API","param","mounted","document","el","beforeMount","watch","$route","component","$event","stopPropagation","preventDefault","onSubmit","apply","arguments","updateShareableSettings","model","value","form","show_menu","callback","$$v","$set","expression","show_filter","show_category_count","show_weather_menu","show_spots_menu","show_surveys_menu","show_spotters_menu","copyToClipboard","client_url","_m","copyToClipboardIframe","name","mixins","system_app_settings","client_id","clientSettings","copyText","console","textArea","clientURL","ifrm","getClientSettings","getAppSettings"],"mappings":"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","file":"js/chunk-4ecf3800.0e03e3f2.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./system_app_settings.vue?vue&type=style&index=0&id=1d7227c8&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"app\"}},[_c('nav',{staticClass:\"navbar navbar-expand-lg navbar-dark\"},[_c('div',{staticClass:\"container-fluid\"},[_c('div',{staticClass:\"collapse navbar-collapse\",attrs:{\"id\":\"navbar\"}},[_c('ul',{staticClass:\"navbar-nav\"},[(_vm.permissionExist('share_settings'))?_c('li',{staticClass:\"nav-item me-3\",on:{\"click\":_vm.collapseAll}},[_c('router-link',{staticClass:\"navbar-brand d-flex align-items-center nav-link\",attrs:{\"to\":\"/app/share/settings\"}},[_c('span',{staticClass:\"menu-title\"},[_vm._v(_vm._s(_vm.$t('share-settings')))])])],1):_vm._e(),(_vm.permissionExist('map_settings'))?_c('li',{staticClass:\"nav-item me-3\",on:{\"click\":_vm.collapseAll}},[_c('router-link',{staticClass:\"navbar-brand d-flex align-items-center nav-link\",attrs:{\"to\":\"/app/map/settings\"}},[_c('span',{staticClass:\"menu-title\"},[_vm._v(_vm._s(_vm.$t('map-settings')))])])],1):_vm._e(),(_vm.permissionExist('spotter_settings'))?_c('li',{staticClass:\"nav-item me-3\",on:{\"click\":_vm.collapseAll}},[_c('router-link',{staticClass:\"navbar-brand d-flex align-items-center nav-link\",attrs:{\"to\":\"/app/spotter/settings\"}},[_c('span',{staticClass:\"menu-title\"},[_vm._v(_vm._s(_vm.$t('spotter-settings')))])])],1):_vm._e(),(_vm.permissionExist('brand_settings'))?_c('li',{staticClass:\"nav-item me-3\",on:{\"click\":_vm.collapseAll}},[_c('router-link',{staticClass:\"navbar-brand d-flex align-items-center nav-link\",attrs:{\"to\":\"/app/branding/settings\"}},[_c('span',{staticClass:\"menu-title\"},[_vm._v(_vm._s(_vm.$t('branding')))])])],1):_vm._e(),(_vm.permissionExist('field_guide'))?_c('li',{staticClass:\"nav-item me-3\",on:{\"click\":_vm.collapseAll}},[_c('router-link',{staticClass:\"navbar-brand d-flex align-items-center nav-link\",attrs:{\"to\":\"/app/field_guide\"}},[_c('span',{staticClass:\"menu-title\"},[_vm._v(_vm._s(_vm.$t('field-guide')))])])],1):_vm._e(),(_vm.permissionExist('field_guide'))?_c('li',{staticClass:\"nav-item me-3\",on:{\"click\":_vm.collapseAll}},[_c('router-link',{staticClass:\"navbar-brand d-flex align-items-center nav-link\",attrs:{\"to\":\"/app/notification\"}},[_c('span',{staticClass:\"menu-title\"},[_vm._v(_vm._s(_vm.$t('notifications')))])])],1):_vm._e()])])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n<template>\r\n<div id=\"app\">\r\n    <nav class=\"navbar navbar-expand-lg navbar-dark\">\r\n      <div class=\"container-fluid\">\r\n        <div class=\"collapse navbar-collapse\" id=\"navbar\">\r\n          <ul class=\"navbar-nav\">\r\n            <!-- <li class=\"nav-item me-3\" v-if=\"permissionExist('system_settings')\">\r\n                <router-link class=\"navbar-brand d-flex align-items-center nav-link\" to=\"/app/system/settings\">\r\n                    <span class=\"menu-title\">{{ $t('System Settings') }}</span>\r\n                </router-link>\r\n            </li> -->\r\n            <li class=\"nav-item me-3\" v-if=\"permissionExist('share_settings')\" v-on:click=\"collapseAll\">\r\n                <router-link class=\"navbar-brand d-flex align-items-center nav-link\" to=\"/app/share/settings\">\r\n                    <!-- <i class=\"ti-user menu-icon me-1\"></i> -->\r\n                    <span class=\"menu-title\">{{ $t('share-settings') }}</span>\r\n                </router-link>\r\n            </li>\r\n            <li class=\"nav-item me-3\" v-if=\"permissionExist('map_settings')\" v-on:click=\"collapseAll\">\r\n                <router-link class=\"navbar-brand d-flex align-items-center nav-link\" to=\"/app/map/settings\">\r\n                    <!-- <i class=\"ti-user menu-icon me-1\"></i> -->\r\n                    <span class=\"menu-title\">{{ $t('map-settings') }}</span>\r\n                </router-link>\r\n            </li>\r\n            <li class=\"nav-item me-3\" v-if=\"permissionExist('spotter_settings')\" v-on:click=\"collapseAll\">\r\n                <router-link class=\"navbar-brand d-flex align-items-center nav-link\" to=\"/app/spotter/settings\">\r\n                    <!-- <i class=\"ti-user menu-icon me-1\"></i> -->\r\n                    <span class=\"menu-title\">{{ $t('spotter-settings') }}</span>\r\n                </router-link>\r\n            </li>\r\n            <li class=\"nav-item me-3\" v-if=\"permissionExist('brand_settings')\" v-on:click=\"collapseAll\">\r\n                <router-link class=\"navbar-brand d-flex align-items-center nav-link\" to=\"/app/branding/settings\">\r\n                    <!-- <i class=\"ti-user menu-icon me-1\"></i> -->\r\n                    <span class=\"menu-title\">{{ $t('branding') }}</span>\r\n                </router-link>\r\n            </li>\r\n            <li class=\"nav-item me-3\" v-if=\"permissionExist('field_guide')\" v-on:click=\"collapseAll\">\r\n                <router-link class=\"navbar-brand d-flex align-items-center nav-link\" to=\"/app/field_guide\">\r\n                    <!-- <i class=\"ti-user menu-icon me-1\"></i> -->\r\n                    <span class=\"menu-title\">{{ $t('field-guide') }}</span>\r\n                </router-link>\r\n            </li>\r\n            <!-- <li class=\"nav-item me-3\" v-if=\"permissionExist('field_guide')\" v-on:click=\"collapseAll\">\r\n                <router-link class=\"navbar-brand d-flex align-items-center nav-link\" to=\"/app/billing\">\r\n                   <i class=\"ti-user menu-icon me-1\"></i> \r\n                    <span class=\"menu-title\">{{ $t('billing') }}</span>\r\n                </router-link>\r\n            </li> -->\r\n            <li class=\"nav-item me-3\" v-if=\"permissionExist('field_guide')\" v-on:click=\"collapseAll\">\r\n                <router-link class=\"navbar-brand d-flex align-items-center nav-link\" to=\"/app/notification\">\r\n                    <!-- <i class=\"ti-user menu-icon me-1\"></i> -->\r\n                    <span class=\"menu-title\">{{ $t('notifications') }}</span>\r\n                </router-link>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n    </nav>\r\n</div>\r\n</template>\r\n\r\n<script lang=\"js\">\r\n    import API from '@/api'\r\n    import Snotify, {SnotifyPosition} from 'vue-snotify'\r\n    import Vue from \"vue\";\r\n    import {validationMixin} from \"vuelidate\";\r\n    import $ from 'jquery';\r\n    import {required, minLength, email, requiredIf, sameAs, between} from \"vuelidate/lib/validators\";\r\n    const options = {\r\n        toast: {\r\n            timeout: 2000,\r\n            position: SnotifyPosition.rightTop,\r\n        }\r\n    }\r\n    Vue.use(Snotify, options)\r\n    export default {\r\n        components:{\r\n        },\r\n        data() {\r\n            return {\r\n                version_code: '',\r\n                version_name: '',\r\n                collapses: [{show: false}, {show: false}, {show: false}],\r\n                getPermissionsData: [],\r\n            };\r\n        },\r\n        methods: {\r\n            getPermissions() {\r\n                this.getPermissionsData = JSON.parse(localStorage.getItem('userPermissions'));\r\n            },\r\n            getClient() {\r\n                const data = {\r\n                    id: JSON.parse(localStorage.getItem('client_id')),\r\n                }\r\n                API.get_client(\r\n                    data,\r\n                    data => {\r\n                        if(data.version) {\r\n                            this.version_name = data.version.version_name;\r\n                            this.version_code = data.version.version_code;\r\n                        }\r\n                    },\r\n                    err => {})\r\n            },\r\n            permissionExist(param) {\r\n                var check = this.getPermissionsData.includes(param);\r\n                if (check) {\r\n                    return true;\r\n                } else {\r\n                    return false;\r\n                }\r\n            },\r\n            collapseAll() {\r\n                var exp_elm = document.getElementsByClassName(\"show\");\r\n                if (exp_elm.length > 0) {\r\n                    var elm_id = exp_elm[0].id;\r\n                    this.$root.$emit(\"bv::toggle::collapse\", elm_id);\r\n                }\r\n            },\r\n            // activeParent() {\r\n            //     document.querySelector(\".nav-link.active\").classList.parent.a.addClass(\"sub-nav-item\");\r\n            // }\r\n        },\r\n        mounted() {\r\n            const body = document.querySelector(\"body\");\r\n            // add class 'hover-open' to sidebar navitem while hover in sidebar-icon-only menu\r\n            document.querySelectorAll(\".navbar .nav-item\").forEach(function (el) {\r\n                el.addEventListener(\"mouseover\", function () {\r\n                    if (body.classList.contains(\"sidebar-icon-only\")) {\r\n                        el.classList.add(\"hover-open\");\r\n                    }\r\n                });\r\n                el.addEventListener(\"mouseout\", function () {\r\n                    if (body.classList.contains(\"sidebar-icon-only\")) {\r\n                        el.classList.remove(\"hover-open\");\r\n                    }\r\n                });\r\n            });\r\n\r\n\r\n        }, beforeMount() {\r\n            this.getPermissions();\r\n            var client_id = JSON.parse(localStorage.getItem('client_id'));\r\n            if(client_id !== null) {\r\n                this.getClient();\r\n            }\r\n        },\r\n        watch: {\r\n            $route() {\r\n                document.querySelector(\"#sidebar\").classList.toggle(\"active\");\r\n            }\r\n        }\r\n    };\r\n\r\n</script>\r\n<style scoped>\r\n    .document-editor {\r\n        border: 1px solid var(--ck-color-base-border);\r\n        border-radius: var(--ck-border-radius);\r\n\r\n        /* Set vertical boundaries for the document editor. */\r\n        max-height: 700px;\r\n\r\n        /* This element is a flex container for easier rendering. */\r\n        display: flex;\r\n        flex-flow: column nowrap;\r\n    }\r\n\r\n    .document-editor__toolbar {\r\n        /* Make sure the toolbar container is always above the editable. */\r\n        z-index: 1;\r\n\r\n        /* Create the illusion of the toolbar floating over the editable. */\r\n        box-shadow: 0 0 5px hsla(0, 0%, 0%, .2);\r\n\r\n        /* Use the CKEditor CSS variables to keep the UI consistent. */\r\n        border-bottom: 1px solid var(--ck-color-toolbar-border);\r\n    }\r\n\r\n    /* Adjust the look of the toolbar inside the container. */\r\n    .document-editor__toolbar .ck-toolbar {\r\n        border: 0;\r\n        border-radius: 0;\r\n    }\r\n\r\n    /* Make the editable container look like the inside of a native word processor application. */\r\n    .document-editor__editable-container {\r\n        padding: calc(2 * var(--ck-spacing-large));\r\n        background: var(--ck-color-base-foreground);\r\n\r\n        /* Make it possible to scroll the \"page\" of the edited content. */\r\n        overflow-y: scroll;\r\n    }\r\n\r\n    .document-editor__editable-container .ck-editor__editable {\r\n        /* Set the dimensions of the \"page\". */\r\n        width: 15.8cm;\r\n        min-height: 21cm;\r\n\r\n        /* Keep the \"page\" off the boundaries of the container. */\r\n        padding: 1cm 2cm 2cm;\r\n\r\n        border: 1px hsl(0, 0%, 82.7%) solid;\r\n        border-radius: var(--ck-border-radius);\r\n        background: white;\r\n\r\n        /* The \"page\" should cast a slight shadow (3D illusion). */\r\n        box-shadow: 0 0 5px hsla(0, 0%, 0%, .1);\r\n\r\n        /* Center the \"page\". */\r\n        margin: 0 auto;\r\n    }\r\n\r\n    /* Set the default font for the \"page\" of the content. */\r\n    .document-editor .ck-content,\r\n    .document-editor .ck-heading-dropdown .ck-list .ck-button__label {\r\n        font: 16px/1.6 \"Helvetica Neue\", Helvetica, Arial, sans-serif;\r\n    }\r\n\r\n    /* Adjust the headings dropdown to host some larger heading styles. */\r\n    .document-editor .ck-heading-dropdown .ck-list .ck-button__label {\r\n        line-height: calc(1.7 * var(--ck-line-height-base) * var(--ck-font-size-base));\r\n        min-width: 6em;\r\n    }\r\n\r\n    /* Scale down all heading previews because they are way too big to be presented in the UI.\r\n    Preserve the relative scale, though. */\r\n    .document-editor .ck-heading-dropdown .ck-list .ck-button:not(.ck-heading_paragraph) .ck-button__label {\r\n        transform: scale(0.8);\r\n        transform-origin: left;\r\n    }\r\n\r\n    /* Set the styles for \"Heading 1\". */\r\n    .document-editor .ck-content h2,\r\n    .document-editor .ck-heading-dropdown .ck-heading_heading1 .ck-button__label {\r\n        font-size: 2.18em;\r\n        font-weight: normal;\r\n    }\r\n\r\n    .document-editor .ck-content h2 {\r\n        line-height: 1.37em;\r\n        padding-top: .342em;\r\n        margin-bottom: .142em;\r\n    }\r\n\r\n    /* Set the styles for \"Heading 2\". */\r\n    .document-editor .ck-content h3,\r\n    .document-editor .ck-heading-dropdown .ck-heading_heading2 .ck-button__label {\r\n        font-size: 1.75em;\r\n        font-weight: normal;\r\n        color: hsl(203, 100%, 50%);\r\n    }\r\n\r\n    .document-editor .ck-heading-dropdown .ck-heading_heading2.ck-on .ck-button__label {\r\n        color: var(--ck-color-list-button-on-text);\r\n    }\r\n\r\n    /* Set the styles for \"Heading 2\". */\r\n    .document-editor .ck-content h3 {\r\n        line-height: 1.86em;\r\n        padding-top: .171em;\r\n        margin-bottom: .357em;\r\n    }\r\n\r\n    /* Set the styles for \"Heading 3\". */\r\n    .document-editor .ck-content h4,\r\n    .document-editor .ck-heading-dropdown .ck-heading_heading3 .ck-button__label {\r\n        font-size: 1.31em;\r\n        font-weight: bold;\r\n    }\r\n\r\n    .document-editor .ck-content h4 {\r\n        line-height: 1.24em;\r\n        padding-top: .286em;\r\n        margin-bottom: .952em;\r\n    }\r\n\r\n    /* Set the styles for \"Paragraph\". */\r\n    .document-editor .ck-content p {\r\n        font-size: 1em;\r\n        line-height: 1.63em;\r\n        padding-top: .5em;\r\n        margin-bottom: 1.13em;\r\n    }\r\n\r\n    /* Make the block quoted text serif with some additional spacing. */\r\n    .document-editor .ck-content blockquote {\r\n        font-family: Georgia, serif;\r\n        margin-left: calc(2 * var(--ck-spacing-large));\r\n        margin-right: calc(2 * var(--ck-spacing-large));\r\n    }\r\n\r\n    .ck.ck-editor__editable_inline {\r\n        border: 1px solid #e3e3e3;\r\n        overflow: auto;\r\n        padding: 0 var(--ck-spacing-standard);\r\n    }\r\n\r\n.btn-2 {\r\n  display: flex;\r\n  align-items: center;\r\n  --background: #2b3044;\r\n  --background-hover: #1e2235;\r\n  background: none;\r\n  border: 1px solid lighten(gray, 24%);\r\n  height: 48px;\r\n  padding: 0 24px 0 16px;\r\n  letter-spacing: .25px;\r\n  border-radius: 18px;\r\n  cursor: pointer;\r\n}\r\n\r\n.btn-delete {\r\n  font-size: 12px;\r\n  color: red;\r\n}\r\n\r\n.button-62 {\r\n  background: linear-gradient(to bottom right, #EF4765, #FF9A5A);\r\n  border: 0;\r\n  border-radius: 12px;\r\n  color: #FFFFFF;\r\n  cursor: pointer;\r\n  display: inline-block;\r\n  font-family: -apple-system,system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  line-height: 2.5;\r\n  outline: transparent;\r\n  padding: 0 1rem;\r\n  text-align: center;\r\n  text-decoration: none;\r\n  transition: box-shadow .2s ease-in-out;\r\n  user-select: none;\r\n  -webkit-user-select: none;\r\n  touch-action: manipulation;\r\n  white-space: nowrap;\r\n}\r\n\r\n.btn-2:not([disabled]):focus {\r\n  box-shadow: 0 0 .25rem rgba(0, 0, 0, 0), -.125rem -.125rem 1rem rgba(239, 71, 101, 0.5), .125rem .125rem 1rem rgba(255, 154, 90, 0.5);\r\n}\r\n\r\n.btn-2:not([disabled]):hover {\r\n  box-shadow: 0 0 .25rem rgba(0, 0, 0, 0), -.125rem -.125rem 1rem rgba(239, 71, 101, 0.5), .125rem .125rem 1rem rgba(255, 154, 90, 0.5);\r\n}\r\n.tab .nav-tabs{\r\n    border-bottom:0 none;\r\n    margin-top: 20px;\r\n    /* width: 80% ; */\r\n}\r\n.navbar{\r\n    background-color: #9a5379;\r\n    color: #9a5379;\r\n}\r\n.tab .nav-tabs li a {\r\n    font-size:14px;\r\n    color:#fff;\r\n    margin-right:0;\r\n    padding:10px 45px;\r\n    border-radius:0;\r\n    overflow: hidden;\r\n    background:#9a5379;\r\n    text-transform:uppercase;\r\n    box-shadow: 8px 12px 25px 2px rgba(0, 0, 0, 0.4);\r\n    transition: all 0.4s ease 0s;\r\n    -webkit-transition: all 0.4s ease 0s;\r\n    -moz-transition: all 0.4s ease 0s;\r\n    -o-transition: all 0.4s ease 0s;\r\n}\r\n.tab .nav-tabs li:first-child a{\r\n    border-top-left-radius:8px;\r\n}\r\n.tab .nav-tabs li:last-child a{\r\n    border-top-right-radius:8px;\r\n}\r\n.tab .nav-tabs li a:hover,\r\n.tab .nav-tabs li.active a:hover,\r\n.tab .nav-tabs li.active a{\r\n    background:#545f60;\r\n    color:#fff;\r\n    margin-top: -19px;\r\n    padding:20px 45px;\r\n    border:1px solid #545f60;\r\n}\r\n.tab .tab-content{\r\n    color:#545f60;\r\n    padding: 25px 20px;\r\n    /* background:#545f60; */\r\n    border-radius: 0 0 8px 8px;\r\n    box-shadow: 8px 12px 25px 2px rgba(0, 0, 0, 0.4);\r\n}\r\n/* .tab .tab-content .h3{\r\n    color:rgb(221, 19, 19);\r\n    padding: 25px 20px;\r\n    background:#fff;\r\n    border-radius: 0 0 8px 8px;\r\n    box-shadow: 8px 12px 25px 2px rgba(0, 0, 0, 0.4);\r\n\r\n} */\r\n.my_nav{\r\n    list-style-type: none\r\n}\r\n@media (max-width: 1150px) {\r\n    .card .new-card-body {\r\n        padding: 1.25rem 1.437rem !important;\r\n    }\r\n}\r\n@media only screen and (max-width: 650px){\r\n    .tab .nav-tabs li{ width:100%; }\r\n    .tab .nav-tabs li a{\r\n        margin:0;\r\n        padding:20px 45px;\r\n        box-shadow: -2px -1px 25px 2px rgba(0, 0, 0, 0.4);\r\n    }\r\n    .tab .nav-tabs li:first-child a,\r\n    .tab .nav-tabs li:last-child a{\r\n        border-radius: 0;\r\n    }\r\n    .tab .nav-tabs li a:hover,\r\n    .tab .nav-tabs li.active a:hover,\r\n    .tab .nav-tabs li.active a{\r\n        margin:0;\r\n    }\r\n}\r\n</style>\r\n","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!./system_app_settings.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!./system_app_settings.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./system_app_settings.vue?vue&type=template&id=1d7227c8&scoped=true&\"\nimport script from \"./system_app_settings.vue?vue&type=script&lang=js&\"\nexport * from \"./system_app_settings.vue?vue&type=script&lang=js&\"\nimport style0 from \"./system_app_settings.vue?vue&type=style&index=0&id=1d7227c8&prod&scoped=true&lang=css&\"\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  \"1d7227c8\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./share_settings.vue?vue&type=style&index=0&id=ec277fe2&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"advanced-form-elements new-updated-design\"},[_c('vue-snotify'),_c('system_app_settings'),_c('br'),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12 grid-margin\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-header\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(_vm._s(_vm.$t('share-settings')))])]),_c('form',{staticClass:\"forms-sample\",on:{\"submit\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.onSubmit.apply(null, arguments)}}},[_c('div',{staticClass:\"card-body new-card-body\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6 row-3\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-8\"},[_c('label',{staticClass:\"text-left\",attrs:{\"for\":\"inline-form-custom-select-pref\"}},[_vm._v(_vm._s(_vm.$t('show-menu-on-shareable-map')))])]),_c('div',{staticClass:\"col-md-2\"},[_c('toggle-button',{staticClass:\"switchColor\",attrs:{\"sync\":true},on:{\"change\":function($event){return _vm.updateShareableSettings()}},model:{value:(_vm.form.show_menu),callback:function ($$v) {_vm.$set(_vm.form, \"show_menu\", $$v)},expression:\"form.show_menu\"}})],1)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-8\"},[_c('label',{staticClass:\"text-left\",attrs:{\"for\":\"inline-form-custom-select-pref\"}},[_vm._v(_vm._s(_vm.$t('show-filter-on-shareable-map')))])]),_c('div',{staticClass:\"col-md-2\"},[_c('toggle-button',{staticClass:\"switchColor\",attrs:{\"sync\":true},on:{\"change\":function($event){return _vm.updateShareableSettings()}},model:{value:(_vm.form.show_filter),callback:function ($$v) {_vm.$set(_vm.form, \"show_filter\", $$v)},expression:\"form.show_filter\"}})],1)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-8\"},[_c('label',{staticClass:\"text-left\",attrs:{\"for\":\"inline-form-custom-select-pref\"}},[_vm._v(_vm._s(_vm.$t('show-category-count-on-shareable-map')))])]),_c('div',{staticClass:\"col-md-2\"},[_c('toggle-button',{staticClass:\"switchColor\",attrs:{\"sync\":true},on:{\"change\":function($event){return _vm.updateShareableSettings()}},model:{value:(_vm.form.show_category_count),callback:function ($$v) {_vm.$set(_vm.form, \"show_category_count\", $$v)},expression:\"form.show_category_count\"}})],1)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-8\"},[_c('label',{staticClass:\"text-left\",attrs:{\"for\":\"inline-form-custom-select-pref\"}},[_vm._v(_vm._s(_vm.$t('Show Weather Menu')))])]),_c('div',{staticClass:\"col-md-2\"},[_c('toggle-button',{staticClass:\"switchColor\",attrs:{\"sync\":true},on:{\"change\":function($event){return _vm.updateShareableSettings()}},model:{value:(_vm.form.show_weather_menu),callback:function ($$v) {_vm.$set(_vm.form, \"show_weather_menu\", $$v)},expression:\"form.show_weather_menu\"}})],1)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-8\"},[_c('label',{staticClass:\"text-left\",attrs:{\"for\":\"inline-form-custom-select-pref\"}},[_vm._v(_vm._s(_vm.$t('Show Spots Menu')))])]),_c('div',{staticClass:\"col-md-2\"},[_c('toggle-button',{staticClass:\"switchColor\",attrs:{\"sync\":true},on:{\"change\":function($event){return _vm.updateShareableSettings()}},model:{value:(_vm.form.show_spots_menu),callback:function ($$v) {_vm.$set(_vm.form, \"show_spots_menu\", $$v)},expression:\"form.show_spots_menu\"}})],1)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-8\"},[_c('label',{staticClass:\"text-left\",attrs:{\"for\":\"inline-form-custom-select-pref\"}},[_vm._v(_vm._s(_vm.$t('Show Surveys Menu')))])]),_c('div',{staticClass:\"col-md-2\"},[_c('toggle-button',{staticClass:\"switchColor\",attrs:{\"sync\":true},on:{\"change\":function($event){return _vm.updateShareableSettings()}},model:{value:(_vm.form.show_surveys_menu),callback:function ($$v) {_vm.$set(_vm.form, \"show_surveys_menu\", $$v)},expression:\"form.show_surveys_menu\"}})],1)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-8\"},[_c('label',{staticClass:\"text-left\",attrs:{\"for\":\"inline-form-custom-select-pref\"}},[_vm._v(_vm._s(_vm.$t('Show Spotters Menu')))])]),_c('div',{staticClass:\"col-md-2\"},[_c('toggle-button',{staticClass:\"switchColor\",attrs:{\"sync\":true},on:{\"change\":function($event){return _vm.updateShareableSettings()}},model:{value:(_vm.form.show_spotters_menu),callback:function ($$v) {_vm.$set(_vm.form, \"show_spotters_menu\", $$v)},expression:\"form.show_spotters_menu\"}})],1)])]),_c('div',{staticClass:\"col-md-6 text-center row-3\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('label',{staticClass:\"text-left\",attrs:{\"for\":\"inline-form-custom-select-pref\"}},[_vm._v(_vm._s(_vm.$t('shareable-map'))+\": \"),_c('a',{staticClass:\"button control is-medium\",on:{\"click\":function($event){$event.preventDefault();return _vm.copyToClipboard(_vm.client_url)}}},[_vm._m(0)])]),_c('div',[_c('a',{attrs:{\"href\":_vm.client_url,\"target\":\"_blank\"}},[_vm._v(_vm._s(this.client_url))])])])]),_c('div',{staticClass:\"row text-center\"},[_c('div',{staticClass:\"col-md-12\"},[_c('label',{staticClass:\"text-left\",attrs:{\"for\":\"inline-form-custom-select-pref\"}},[_vm._v(_vm._s(_vm.$t('Website Integration'))+\": \"),_c('a',{staticClass:\"button control is-medium\",on:{\"click\":function($event){$event.preventDefault();return _vm.copyToClipboardIframe(_vm.client_url)}}},[_vm._m(1)])]),_c('label',{staticClass:\"_iframe3e\"},[_vm._v(\"<iframe src=\\\"\"+_vm._s(this.client_url)+\"\\\" width=\\\"100%\\\" height=\\\"600px\\\"></iframe> \")])])])])])])])])])])],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"icon\"},[_c('i',{staticClass:\"fa fa-clipboard\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"icon\"},[_c('i',{staticClass:\"fa fa-clipboard\"})])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n    <section class=\"advanced-form-elements new-updated-design\">\r\n        <vue-snotify></vue-snotify>\r\n        <system_app_settings></system_app_settings>\r\n        <br>\r\n        <div class=\"row\">\r\n            <div class=\"col-md-12 grid-margin\">\r\n                <div class=\"card\">\r\n                    <div class=\"card-header\">\r\n                        <h4 class=\"card-title\">{{ $t('share-settings') }}</h4>\r\n                    </div>\r\n                    <form class=\"forms-sample\" @submit.stop.prevent=\"onSubmit\">\r\n                        <div class=\"card-body new-card-body\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-6 row-3\">\r\n                                    <div class=\"row\">\r\n                                        <div class=\"col-md-8\">\r\n                                            <label class=\"text-left\" for=\"inline-form-custom-select-pref\">{{ $t('show-menu-on-shareable-map') }}</label>\r\n                                        </div>\r\n                                        <div class=\"col-md-2\">\r\n                                            <toggle-button @change=\"updateShareableSettings()\" v-model=\"form.show_menu\" :sync=true class=\"switchColor\"/>\r\n                                        </div> \r\n                                    </div>\r\n                                    <div class=\"row\">\r\n                                        <div class=\"col-md-8\">\r\n                                            <label class=\"text-left\" for=\"inline-form-custom-select-pref\">{{ $t('show-filter-on-shareable-map') }}</label>\r\n                                        </div>\r\n                                        <div class=\"col-md-2\">\r\n                                            <toggle-button @change=\"updateShareableSettings()\" v-model=\"form.show_filter\" :sync=true class=\"switchColor\"/>\r\n                                        </div> \r\n                                    </div>\r\n                                    <div class=\"row\">\r\n                                        <div class=\"col-md-8\">\r\n                                            <label class=\"text-left\" for=\"inline-form-custom-select-pref\">{{ $t('show-category-count-on-shareable-map') }}</label>\r\n                                        </div>\r\n                                        <div class=\"col-md-2\">\r\n                                            <toggle-button @change=\"updateShareableSettings()\" v-model=\"form.show_category_count\" :sync=true class=\"switchColor\"/>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"row\">\r\n                                        <div class=\"col-md-8\">\r\n                                            <label class=\"text-left\" for=\"inline-form-custom-select-pref\">{{ $t('Show Weather Menu') }}</label>\r\n                                        </div>\r\n                                        <div class=\"col-md-2\">\r\n                                            <toggle-button @change=\"updateShareableSettings()\" v-model=\"form.show_weather_menu\" :sync=true class=\"switchColor\"/>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"row\">\r\n                                        <div class=\"col-md-8\">\r\n                                            <label class=\"text-left\" for=\"inline-form-custom-select-pref\">{{ $t('Show Spots Menu') }}</label>\r\n                                        </div>\r\n                                        <div class=\"col-md-2\">\r\n                                            <toggle-button @change=\"updateShareableSettings()\" v-model=\"form.show_spots_menu\" :sync=true class=\"switchColor\"/>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"row\">\r\n                                        <div class=\"col-md-8\">\r\n                                            <label class=\"text-left\" for=\"inline-form-custom-select-pref\">{{ $t('Show Surveys Menu') }}</label>\r\n                                        </div>\r\n                                        <div class=\"col-md-2\">\r\n                                            <toggle-button @change=\"updateShareableSettings()\" v-model=\"form.show_surveys_menu\" :sync=true class=\"switchColor\"/>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"row\">\r\n                                        <div class=\"col-md-8\">\r\n                                            <label class=\"text-left\" for=\"inline-form-custom-select-pref\">{{ $t('Show Spotters Menu') }}</label>\r\n                                        </div>\r\n                                        <div class=\"col-md-2\">\r\n                                            <toggle-button @change=\"updateShareableSettings()\" v-model=\"form.show_spotters_menu\" :sync=true class=\"switchColor\"/>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"col-md-6 text-center row-3\">\r\n                                    <div class=\"row\">\r\n                                        <div class=\"col-md-12\">\r\n                                            <label class=\"text-left\" for=\"inline-form-custom-select-pref\">{{ $t('shareable-map') }}: \r\n                                                <a v-on:click.prevent=\"copyToClipboard(client_url)\" class=\"button control is-medium\">\r\n                                                    <span class=\"icon\">\r\n                                                    <i class=\"fa fa-clipboard\"></i>\r\n                                                    </span>\r\n                                                </a>\r\n                                            </label>\r\n                                            <div>\r\n                                               <a :href=\"client_url\" target=\"_blank\">{{this.client_url}}</a>                                            \r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"row text-center\">\r\n                                        <div class=\"col-md-12\">\r\n                                            <label class=\"text-left\" for=\"inline-form-custom-select-pref\">{{ $t('Website Integration') }}: \r\n                                                <a v-on:click.prevent=\"copyToClipboardIframe(client_url)\" class=\"button control is-medium\">\r\n                                                    <span class=\"icon\">\r\n                                                    <i class=\"fa fa-clipboard\"></i>\r\n                                                    </span>\r\n                                                </a>\r\n                                            </label>\r\n                                            <label class=\"_iframe3e\">&lt;iframe src=\"{{ this.client_url }}\" width=\"100%\" height=\"600px\"&gt;&lt;/iframe&gt; </label>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </form>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </section>\r\n</template>\r\n\r\n<script lang=\"js\">\r\n    import VueTrix from \"vue-trix\";\r\n    import API from '@/api'\r\n    import Snotify, {SnotifyPosition} from 'vue-snotify'\r\n    import Vue from \"vue\";\r\n    import CKEditor from '@ckeditor/ckeditor5-vue2';\r\n    import CkEditorBuild from 'ckeditor5-custom-build/build/ckeditor';\r\n    import UploadAdapter from '@/UploadAdapter';\r\n    import {validationMixin} from \"vuelidate\";\r\n    import {required, minLength, email, requiredIf, sameAs, between} from \"vuelidate/lib/validators\";\r\n    import system_app_settings from \"./system_app_settings.vue\";\r\n    const options = {\r\n        toast: {\r\n            timeout: 2000,\r\n            position: SnotifyPosition.rightTop,\r\n        }\r\n    }\r\n    Vue.use(CKEditor);\r\n    Vue.use(Snotify, options)\r\n    export default {\r\n        name: 'textEditor',\r\n        mixins: [validationMixin],\r\n        components: {\r\n            system_app_settings\r\n        },\r\n        data() {\r\n            return {\r\n                form: {\r\n                    show_filter: null,\r\n                    show_menu: null,\r\n                    show_category_count: null,\r\n                    show_weather_menu: null,\r\n                    show_spots_menu: null,\r\n                    show_surveys_menu: null,\r\n                    show_spotters_menu: null,\r\n                    client_id: JSON.parse(localStorage.getItem('client_id')),\r\n                },\r\n                clientSettings: [],\r\n                client_url: null,\r\n                client_id: JSON.parse(localStorage.getItem('client_id')),\r\n            }\r\n        },\r\n        mounted() {\r\n            this.getAppSettings();\r\n        },\r\n        methods: {\r\n            copyToClipboard(copyText) {\r\n                console.log('copyText :', copyText);\r\n                const textArea = document.createElement('textarea')\r\n                textArea.textContent = copyText\r\n                document.body.append(textArea)\r\n                textArea.select()\r\n                document.execCommand('copy')\r\n                textArea.remove();\r\n                this.$snotify.success(\"Copy to clipboard\");\r\n            },\r\n            copyToClipboardIframe(clientURL) {\r\n                var ifrm = document.createElement(\"iframe\");\r\n                ifrm.setAttribute(\"src\", clientURL);\r\n                ifrm.style.width = \"100%\";\r\n                ifrm.style.height = \"600px\";\r\n                this.copyToClipboard(ifrm.outerHTML);\r\n            },\r\n            updateShareableSettings() {\r\n                const data = {\r\n                    client_id: JSON.parse(localStorage.getItem('client_id')),\r\n                    show_category_count: this.form.show_category_count,\r\n                    show_filter: this.form.show_filter,\r\n                    show_menu: this.form.show_menu,\r\n                    show_weather_menu: this.form.show_weather_menu,\r\n                    show_spots_menu: this.form.show_spots_menu,\r\n                    show_surveys_menu: this.form.show_surveys_menu,\r\n                    show_spotters_menu: this.form.show_spotters_menu\r\n                };\r\n\r\n                API.updateShareableSettings(\r\n                    data,\r\n                    data => {\r\n                        if (data.status === 200) {\r\n                            this.$snotify.success(data.message);\r\n                            // Emit the event with updated settings\r\n                            this.$EventBus.$emit('settings-updated', {\r\n                                show_weather_menu: this.form.show_weather_menu,\r\n                                show_spots_menu: this.form.show_spots_menu,\r\n                                show_surveys_menu: this.form.show_surveys_menu,\r\n                                show_spotters_menu: this.form.show_spotters_menu\r\n                            });\r\n                        }\r\n                    },\r\n                    err => {}\r\n                );\r\n            },\r\n            getClientSettings() {\r\n                this.clientSettings = JSON.parse(localStorage.getItem('client_settings'));\r\n                if (this.clientSettings) {\r\n                    this.client_url = this.clientSettings.url;\r\n                }\r\n            },\r\n            getAppSettings() {\r\n                const data = {\r\n                    client_id: JSON.parse(localStorage.getItem('client_id')),\r\n                }\r\n                API.getAppSettings(\r\n                    data,\r\n                    data => {\r\n                        this.form.show_menu = (data.data.show_menu === 1) ? true : false;\r\n                        this.form.show_filter = (data.data.show_filter === 1) ? true : false;\r\n                        this.form.show_category_count = (data.data.show_category_count === 1) ? true : false;\r\n                        this.form.show_weather_menu = (data.data.show_weather_menu === 1) ? true : false;\r\n                        this.form.show_spots_menu = (data.data.show_spots_menu === 1) ? true : false;\r\n                        this.form.show_surveys_menu = (data.data.show_surveys_menu === 1) ? true : false;\r\n                        this.form.show_spotters_menu = (data.data.show_spotters_menu === 1) ? true : false;\r\n                    },\r\n                    err => {\r\n                    }\r\n                )\r\n            },\r\n        }\r\n        ,\r\n        beforeMount() {\r\n\r\n            this.getAppSettings();\r\n            this.getClientSettings();\r\n        }\r\n    }\r\n</script>\r\n<style scoped>\r\n    .document-editor {\r\n        border: 1px solid var(--ck-color-base-border);\r\n        border-radius: var(--ck-border-radius);\r\n\r\n        /* Set vertical boundaries for the document editor. */\r\n        max-height: 700px;\r\n\r\n        /* This element is a flex container for easier rendering. */\r\n        display: flex;\r\n        flex-flow: column nowrap;\r\n    }\r\n\r\n    .document-editor__toolbar {\r\n        /* Make sure the toolbar container is always above the editable. */\r\n        z-index: 1;\r\n\r\n        /* Create the illusion of the toolbar floating over the editable. */\r\n        box-shadow: 0 0 5px hsla(0, 0%, 0%, .2);\r\n\r\n        /* Use the CKEditor CSS variables to keep the UI consistent. */\r\n        border-bottom: 1px solid var(--ck-color-toolbar-border);\r\n    }\r\n    /* Adjust the look of the toolbar inside the container. */\r\n    .document-editor__toolbar .ck-toolbar {\r\n        border: 0;\r\n        border-radius: 0;\r\n    }\r\n\r\n    /* Make the editable container look like the inside of a native word processor application. */\r\n    .document-editor__editable-container {\r\n        padding: calc(2 * var(--ck-spacing-large));\r\n        background: var(--ck-color-base-foreground);\r\n\r\n        /* Make it possible to scroll the \"page\" of the edited content. */\r\n        overflow-y: scroll;\r\n    }\r\n\r\n    .document-editor__editable-container .ck-editor__editable {\r\n        /* Set the dimensions of the \"page\". */\r\n        width: 15.8cm;\r\n        min-height: 21cm;\r\n\r\n        /* Keep the \"page\" off the boundaries of the container. */\r\n        padding: 1cm 2cm 2cm;\r\n\r\n        border: 1px hsl(0, 0%, 82.7%) solid;\r\n        border-radius: var(--ck-border-radius);\r\n        background: white;\r\n\r\n        /* The \"page\" should cast a slight shadow (3D illusion). */\r\n        box-shadow: 0 0 5px hsla(0, 0%, 0%, .1);\r\n\r\n        /* Center the \"page\". */\r\n        margin: 0 auto;\r\n    }\r\n\r\n    /* Set the default font for the \"page\" of the content. */\r\n    .document-editor .ck-content,\r\n    .document-editor .ck-heading-dropdown .ck-list .ck-button__label {\r\n        font: 16px/1.6 \"Helvetica Neue\", Helvetica, Arial, sans-serif;\r\n    }\r\n\r\n    /* Adjust the headings dropdown to host some larger heading styles. */\r\n    .document-editor .ck-heading-dropdown .ck-list .ck-button__label {\r\n        line-height: calc(1.7 * var(--ck-line-height-base) * var(--ck-font-size-base));\r\n        min-width: 6em;\r\n    }\r\n\r\n    /* Scale down all heading previews because they are way too big to be presented in the UI.\r\n    Preserve the relative scale, though. */\r\n    .document-editor .ck-heading-dropdown .ck-list .ck-button:not(.ck-heading_paragraph) .ck-button__label {\r\n        transform: scale(0.8);\r\n        transform-origin: left;\r\n    }\r\n\r\n    /* Set the styles for \"Heading 1\". */\r\n    .document-editor .ck-content h2,\r\n    .document-editor .ck-heading-dropdown .ck-heading_heading1 .ck-button__label {\r\n        font-size: 2.18em;\r\n        font-weight: normal;\r\n    }\r\n\r\n    .document-editor .ck-content h2 {\r\n        line-height: 1.37em;\r\n        padding-top: .342em;\r\n        margin-bottom: .142em;\r\n    }\r\n\r\n    /* Set the styles for \"Heading 2\". */\r\n    .document-editor .ck-content h3,\r\n    .document-editor .ck-heading-dropdown .ck-heading_heading2 .ck-button__label {\r\n        font-size: 1.75em;\r\n        font-weight: normal;\r\n        color: hsl(203, 100%, 50%);\r\n    }\r\n\r\n    .document-editor .ck-heading-dropdown .ck-heading_heading2.ck-on .ck-button__label {\r\n        color: var(--ck-color-list-button-on-text);\r\n    }\r\n\r\n    /* Set the styles for \"Heading 2\". */\r\n    .document-editor .ck-content h3 {\r\n        line-height: 1.86em;\r\n        padding-top: .171em;\r\n        margin-bottom: .357em;\r\n    }\r\n\r\n    /* Set the styles for \"Heading 3\". */\r\n    .document-editor .ck-content h4,\r\n    .document-editor .ck-heading-dropdown .ck-heading_heading3 .ck-button__label {\r\n        font-size: 1.31em;\r\n        font-weight: bold;\r\n    }\r\n\r\n    .document-editor .ck-content h4 {\r\n        line-height: 1.24em;\r\n        padding-top: .286em;\r\n        margin-bottom: .952em;\r\n    }\r\n\r\n    /* Set the styles for \"Paragraph\". */\r\n    .document-editor .ck-content p {\r\n        font-size: 1em;\r\n        line-height: 1.63em;\r\n        padding-top: .5em;\r\n        margin-bottom: 1.13em;\r\n    }\r\n\r\n    /* Make the block quoted text serif with some additional spacing. */\r\n    .document-editor .ck-content blockquote {\r\n        font-family: Georgia, serif;\r\n        margin-left: calc(2 * var(--ck-spacing-large));\r\n        margin-right: calc(2 * var(--ck-spacing-large));\r\n    }\r\n\r\n    .ck.ck-editor__editable_inline {\r\n        border: 1px solid #e3e3e3;\r\n        overflow: auto;\r\n        padding: 0 var(--ck-spacing-standard);\r\n    }\r\n\r\n.btn-2 {\r\n  display: flex;\r\n  align-items: center;\r\n  --background: #2b3044;\r\n  --background-hover: #1e2235;\r\n  background: none;\r\n  border: 1px solid lighten(gray, 24%);\r\n  height: 48px;\r\n  padding: 0 24px 0 16px;\r\n  letter-spacing: .25px;\r\n  border-radius: 18px;\r\n  cursor: pointer;\r\n}\r\n\r\n.btn-delete {\r\n  font-size: 12px;\r\n  color: red;\r\n}\r\n\r\n.button-62 {\r\n  background: linear-gradient(to bottom right, #EF4765, #FF9A5A);\r\n  border: 0;\r\n  border-radius: 12px;\r\n  color: #FFFFFF;\r\n  cursor: pointer;\r\n  display: inline-block;\r\n  font-family: -apple-system,system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  line-height: 2.5;\r\n  outline: transparent;\r\n  padding: 0 1rem;\r\n  text-align: center;\r\n  text-decoration: none;\r\n  transition: box-shadow .2s ease-in-out;\r\n  user-select: none;\r\n  -webkit-user-select: none;\r\n  touch-action: manipulation;\r\n  white-space: nowrap;\r\n}\r\n\r\n.btn-2:not([disabled]):focus {\r\n  box-shadow: 0 0 .25rem rgba(0, 0, 0, 0), -.125rem -.125rem 1rem rgba(239, 71, 101, 0.5), .125rem .125rem 1rem rgba(255, 154, 90, 0.5);\r\n}\r\n\r\n.btn-2:not([disabled]):hover {\r\n  box-shadow: 0 0 .25rem rgba(0, 0, 0, 0), -.125rem -.125rem 1rem rgba(239, 71, 101, 0.5), .125rem .125rem 1rem rgba(255, 154, 90, 0.5);\r\n}\r\n.row-3 .row {\r\n    margin-top: 10px;\r\n    margin-bottom: 20px;\r\n}\r\n._iframe3e {\r\n    border: 1px solid;\r\n    padding: 20px;\r\n    width: 460px;\r\n}\r\n@media (max-width: 1150px) {\r\n    .card .new-card-body {\r\n        padding: 1.25rem 1.437rem !important;\r\n    }\r\n}\r\n</style>\r\n","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!./share_settings.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!./share_settings.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./share_settings.vue?vue&type=template&id=ec277fe2&scoped=true&\"\nimport script from \"./share_settings.vue?vue&type=script&lang=js&\"\nexport * from \"./share_settings.vue?vue&type=script&lang=js&\"\nimport style0 from \"./share_settings.vue?vue&type=style&index=0&id=ec277fe2&prod&scoped=true&lang=css&\"\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  \"ec277fe2\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}