{"version":3,"sources":["webpack:///./src/directives/validate.ts","webpack:///./src/components/common/modals/UnsavedFormModal.vue?2f75","webpack:///./src/components/common/modals/UnsavedFormModal.vue","webpack:///./src/components/common/modals/UnsavedFormModal.vue?d3fc","webpack:///./src/components/common/modals/UnsavedFormModal.vue?8c30","webpack:///./src/components/styles/_DesignButtonStylesForm.vue?6827","webpack:///./src/services/styles/designButtonStylesService.ts","webpack:///./src/components/styles/validators.ts","webpack:///./src/services/channels/types.ts","webpack:///./src/components/styles/_DesignButtonStylesForm.vue?42be","webpack:///./src/components/styles/_DesignButtonStylesForm.vue","webpack:///./src/components/styles/_DesignButtonStylesForm.vue?3fc4","webpack:///./src/components/styles/_DesignButtonStylesForm.vue?1214"],"names":["validate","bind","element","binding","vNode","componentContext","context","el","validators","property","id","rules","set","value","addEventListener","event","confirm","matchRule","find","x","type","Confirm","confirmProperty","then","response","message","state","update","unbind","render","_vm","this","_h","$createElement","_c","_self","attrs","scopedSlots","_u","key","fn","on","_v","_s","$t","decline","proxy","staticClass","staticRenderFns","UnsavedFormModal","$bvModal","show","$emit","hide","component","getAllDesignButtonStyles","a","Promise","resolve","reject","get","data","error","getDesignButtonStyle","createDesignButtonStyle","model","post","updateDesignButtonStyle","put","deleteDesignButtontyle","delete","copyDesignButtonStyle","settingsValidators","name","Required","Min","ChannelGroupBehavior","TransitionTypes","InteractionTypes","ChannelStyleTypes","isShift","interactionTypes","interactionType","none","undefined","designButtonStyle","back","save","directives","rawName","expression","callback","$$v","$set","_e","css","staticStyle","style","ref","onContinue","_designButtonStyleId","designButtonStyleId","priorDesignButtonStyleState","JSON","parse","stringify","nextRoute","saveClicked","continue","fetchingActive","fixedError","timeout","routeParams","designButtonReload","cleanFixed","bus","initializeStyleId","fetchData","$route","params","to","next","noChanges","lodash","isEqual","$refs","open","$router","push","c","toLowerCase","includes","replace","clearTimeout","setTimeout","window","history","go","evt","editMode","deep","beforeRouteLeave","from","onBeforeRouteLeave","components"],"mappings":"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","file":"js/chunk-8c4c4e9e.6c2020ec.js","sourcesContent":["import { DirectiveOptions } from \"vue\";\r\nimport { Vue } from \"vue-property-decorator\";\r\nimport { validateValue } from \"@/services/validation/validationService\";\r\nimport { ValidationType } from \"@/services/validation/types\";\r\n\r\nconst validate: DirectiveOptions = {\r\n    bind(element, binding, vNode) {\r\n        const componentContext = vNode.context as any;\r\n        const el = element as HTMLInputElement;\r\n\r\n        if (!componentContext || !componentContext.validators) return;\r\n\r\n        const property = componentContext.validators[el.id];\r\n        if (!property || !property.rules) return;\r\n\r\n        Vue.set(property, \"value\", binding.value);\r\n        Vue.set(property, \"active\", true);\r\n\r\n        element.addEventListener(\"input\", (event) => {\r\n            Vue.set(property, \"value\", el.value);\r\n\r\n            if (binding.value && binding.value.confirm) {\r\n                const matchRule = (property.rules as any[]).find(x => x.type === ValidationType.Confirm);\r\n                const confirmProperty = componentContext.validators[binding.value.confirm];\r\n                matchRule.value = confirmProperty.value;\r\n            }\r\n            validateValue(property).then(response => {\r\n                Vue.set(property, \"message\", response.message);\r\n                Vue.set(property, \"state\", response.state);\r\n            });\r\n        });\r\n    },\r\n    // we use update for setting the value of already populated form fields\r\n    update(element, binding, vNode) {\r\n        const componentContext = vNode.context as any;\r\n        const property = componentContext.validators[element.id];\r\n        Vue.set(property, \"value\", binding.value);\r\n    },\r\n    unbind(element, binding, vNode) {\r\n        const componentContext = vNode.context as any;\r\n        const property = componentContext.validators[element.id];\r\n        Vue.set(property, \"state\", null);\r\n        Vue.set(property, \"message\", \"\");\r\n        Vue.set(property, \"value\", \"\");\r\n        Vue.set(property, \"active\", false);\r\n    }\r\n};\r\n\r\nexport default validate;\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{attrs:{\"centered\":\"\",\"id\":\"modal-navigateFromUnsavedForm\"},scopedSlots:_vm._u([{key:\"modal-footer\",fn:function(){return [_c('b-button',{attrs:{\"variant\":\"primary\"},on:{\"click\":_vm.confirm}},[_vm._v(_vm._s(_vm.$t(\"common.btnYesContinue\")))]),_c('b-button',{attrs:{\"variant\":\"dark\"},on:{\"click\":_vm.decline}},[_vm._v(_vm._s(_vm.$t(\"common.btnNo\")))])]},proxy:true}])},[_c('div',{staticClass:\"confirmation-modal-body\"},[_c('svg',{staticClass:\"vc-icon_xl ver-ar fill-danger\",attrs:{\"viewBox\":\"0 0 100 100\"}},[_c('use',{attrs:{\"xlink:href\":\"#delete-icon\"}})]),_c('h2',[_vm._v(_vm._s(_vm.$t(\"common.unsavedFormTitle\")))]),_c('small',[_vm._v(_vm._s(_vm.$t(\"common.unsavedFormDescription\")))])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\nimport { Component, Vue } from \"vue-property-decorator\";\r\n\r\n@Component\r\nexport default class UnsavedFormModal extends Vue {\r\n    open() {\r\n        this.$bvModal.show(\"modal-navigateFromUnsavedForm\");\r\n    }\r\n\r\n    decline() {\r\n        this.$emit(\"continue\", false);\r\n        this.$bvModal.hide(\"modal-navigateFromUnsavedForm\");\r\n    }\r\n\r\n    confirm() {\r\n        this.$emit(\"continue\", true);\r\n        this.$bvModal.hide(\"modal-navigateFromUnsavedForm\");\r\n    }\r\n}\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UnsavedFormModal.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UnsavedFormModal.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./UnsavedFormModal.vue?vue&type=template&id=f971da18&\"\nimport script from \"./UnsavedFormModal.vue?vue&type=script&lang=ts&\"\nexport * from \"./UnsavedFormModal.vue?vue&type=script&lang=ts&\"\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","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./_DesignButtonStylesForm.vue?vue&type=style&index=0&id=45df15c8&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./_DesignButtonStylesForm.vue?vue&type=style&index=0&id=45df15c8&scoped=true&lang=css&\"","import Api from \"@/services/api\";\r\nimport { DesignButtonStyle, CopyStyle } from \"@/services/styles/types\";\r\n\r\nexport async function getAllDesignButtonStyles(): Promise<Array<DesignButtonStyle>> {\r\n    return new Promise((resolve, reject) => {\r\n        Api.get(\"/designButtonStyles\").then(\r\n            response => {\r\n                resolve(response.data);\r\n            },\r\n            error => {\r\n                reject(error);\r\n            }\r\n        );\r\n    });\r\n}\r\n\r\nexport async function getDesignButtonStyle(id: string): Promise<DesignButtonStyle> {\r\n    return new Promise((resolve, reject) => {\r\n        Api.get(`/designButtonStyles/${id}`).then(\r\n            response => {\r\n                resolve(response.data);\r\n            },\r\n            error => {\r\n                reject(error);\r\n            }\r\n        );\r\n    });\r\n}\r\n\r\nexport async function createDesignButtonStyle(model: DesignButtonStyle): Promise<void> {\r\n    return new Promise((resolve, reject) => {\r\n        Api.post(\"/designButtonStyles\", model).then(\r\n            response => {\r\n                resolve(response.data);\r\n            },\r\n            error => {\r\n                reject(error);\r\n            }\r\n        );\r\n    });\r\n}\r\n\r\nexport async function updateDesignButtonStyle(model: DesignButtonStyle): Promise<void> {\r\n    return new Promise((resolve, reject) => {\r\n        Api.put(\"/designButtonStyles\", model).then(\r\n            response => {\r\n                resolve(response.data);\r\n            },\r\n            error => {\r\n                reject(error);\r\n            }\r\n        );\r\n    });\r\n}\r\n\r\nexport async function deleteDesignButtontyle(id: string): Promise<void> {\r\n    return new Promise((resolve, reject) => {\r\n        Api.delete(`/designButtonStyles/${id}`).then(\r\n            response => {\r\n                resolve(response.data);\r\n            },\r\n            error => {\r\n                reject(error);\r\n            }\r\n        );\r\n    });\r\n}\r\n\r\nexport async function copyDesignButtonStyle(model: CopyStyle): Promise<void> {\r\n    return new Promise((resolve, reject) => {\r\n        Api.post(\"/designButtonStyles/copy\", model).then(\r\n            response => {\r\n                resolve(response.data);\r\n            },\r\n            error => {\r\n                reject(error);\r\n            }\r\n        );\r\n    });\r\n}\r\n","import { ValidationModel, ValidationType } from \"@/services/validation/types\";\r\n\r\nexport const settingsValidators = {\r\n    name: {\r\n        rules: [\r\n            { type: ValidationType.Required },\r\n            { type: ValidationType.Min, value: 3 }\r\n        ]\r\n    } as ValidationModel\r\n};\r\n","import { Style } from \"../styles/types\";\r\nimport { Post } from \"../posts/types\";\r\nimport { AclMemberDto } from \"@/services/security/types\";\r\nimport { RenderChannelModel } from \"@/services/render/types\";\r\n\r\nexport interface Channel {\r\n    id: string,\r\n    name: string,\r\n    height: number,\r\n    width: number,\r\n    allowedPostTypes: Array<AllowedPostSettings>,\r\n    items: Array<Post>,\r\n    folderId: string,\r\n    transitionType: string,\r\n    interactionType: string,\r\n    returnToFirstPostTime: number,\r\n    menuStyleId: string | null,\r\n    transitionTime: number,\r\n    defaultShowTime: number,\r\n    favorite: boolean,\r\n    resolution: string,\r\n    counterIndicator: boolean;\r\n    durationIndicator: boolean;\r\n    durationIndicatorStyleID: string | null;\r\n    counterIndicatorStyleID: string | null;\r\n}\r\n\r\nexport interface AllowedPostSettings {\r\n    postType: string\r\n}\r\n\r\nexport interface AllowedPostType {\r\n    key: string,\r\n    selected: boolean,\r\n    isNew: boolean\r\n}\r\n\r\nexport interface Settings {\r\n    height: number,\r\n    width: number,\r\n    transitionType: string,\r\n    interactionType: string,\r\n    returnToFirstPostTime: number,\r\n    menuStyleId: string | null,\r\n    transitionTime: number,\r\n    defaultShowTime: number,\r\n    counterIndicator: boolean;\r\n    durationIndicator: boolean;\r\n    durationIndicatorStyleID: string | null;\r\n    counterIndicatorStyleID: string | null;\r\n}\r\n\r\nexport interface GroupSettings {\r\n    name: string,\r\n    height: number,\r\n    width: number,\r\n    behavior: string,\r\n    interactionType: string,\r\n    returnToFirstPostTime: number,\r\n    menuStyleId: string | null,\r\n    transitionType: string,\r\n    transitionTime: number,\r\n    showFirstPost: boolean,\r\n    counterIndicator: boolean;\r\n    durationIndicator: boolean;\r\n    durationIndicatorStyleID: string | null;\r\n    counterIndicatorStyleID: string | null;\r\n}\r\n\r\nexport interface AddEditChannelDto {\r\n    channel: Channel,\r\n    acl: AclMemberDto[]\r\n}\r\n\r\nexport interface ChannelPostTypeStyles {\r\n    postType: string,\r\n    itemTypeName: string,\r\n    value: string,\r\n    selected: boolean,\r\n    styleId: string,\r\n    disabled: boolean,\r\n    styleable: boolean,\r\n    styleOptions: Array<Style>\r\n}\r\n\r\nexport interface ChannelPostOption {\r\n    postType: string,\r\n    selected: boolean,\r\n    canBeStyled: boolean,\r\n    styleId: string,\r\n    styleOptions: Array<Style>\r\n}\r\n\r\nexport interface ChannelGroup {\r\n    id: string,\r\n    name: string,\r\n    width: number,\r\n    height: number,\r\n    behavior: ChannelGroupBehavior,\r\n    folderId: string,\r\n    postTypeStyles: Array<PostTypeStyle>,\r\n    transitionType: string,\r\n    interactionType: string,\r\n    returnToFirstPostTime: number,\r\n    menuStyleId: string | null,\r\n    transitionTime: number,\r\n    channelGroupChannels: Array<ChannelGroupChannel>,\r\n    showFirstPost: boolean,\r\n    counterIndicator: boolean;\r\n    durationIndicator: boolean;\r\n    durationIndicatorStyleID: string | null;\r\n    counterIndicatorStyleID: string | null;\r\n}\r\n\r\nexport interface ChannelGroupResolution {\r\n    width: number;\r\n    height: number;\r\n    display: string;\r\n}\r\n\r\nexport interface PostTypeStyle {\r\n    postType: string,\r\n    styleId: string\r\n}\r\n\r\nexport interface ChannelGroupItemTypeStyles {\r\n    itemTypeName: string,\r\n    value: string,\r\n    selected: boolean,\r\n    styleId: string,\r\n    styleable: boolean,\r\n    styleOptions: Array<Style>\r\n}\r\n\r\nexport interface ChannelGroupChannel {\r\n    channelId: string,\r\n    channelName: string,\r\n    order: number,\r\n    width: number,\r\n    height: number,\r\n    folderId: string,\r\n    showTime: number,\r\n    selected: boolean;\r\n}\r\n\r\nexport interface ChannelGroupChannelDrag {\r\n    channelId: string,\r\n    channelName: string,\r\n    order: number,\r\n    width: number,\r\n    height: number,\r\n    folderId: string,\r\n    showTime: number,\r\n    selected: boolean;\r\n    active: boolean;\r\n    activeDropTarget: boolean;\r\n}\r\n\r\nexport enum ChannelGroupBehavior {\r\n    Sorted = \"Sorted\",\r\n    Queue = \"Queue\",\r\n    Random = \"Random\"\r\n}\r\n\r\nexport interface ChannelDto {\r\n    id: string,\r\n    name: string,\r\n    width: number,\r\n    height: number,\r\n    styleId: string\r\n}\r\n\r\nexport interface ChannelSize {\r\n    width: number,\r\n    height: number,\r\n    display: string\r\n}\r\n\r\nexport interface ChannelStyle {\r\n    width: number,\r\n    height: number,\r\n    css: {}\r\n}\r\n\r\nexport interface ChannelsFilterDtoIn {\r\n    templateId: string,\r\n    solutionId: string,\r\n    channelGroupId: string,\r\n    postType:string,\r\n    resolution: string,\r\n    folderId: string,\r\n    search: string\r\n    flatList: boolean\r\n}\r\n\r\nexport interface ChannelInfo {\r\n    name: string,\r\n    height: number,\r\n    width: number,\r\n    folderPath: string,\r\n    types: Array<AllowedPostSettings>,\r\n    templates: Array<InfoValue>,\r\n    backgrounds: Array<InfoValue>,\r\n    solutions: Array<InfoValue>,\r\n    channelGroups: Array<InfoValue>,\r\n    stages: Array<InfoValue>,\r\n}\r\n\r\nexport interface InfoValue {\r\n    id: string,\r\n    name: string,\r\n    hasPermission: boolean\r\n}\r\n\r\nexport interface CopyChannel {\r\n    channelId: string,\r\n    name: string,\r\n    width: number,\r\n    height: number,\r\n    copyContent: boolean,\r\n    copyUserAccess: boolean,\r\n}\r\n\r\nexport interface ChannelGroupsFilterDtoIn {\r\n    templateId: string,\r\n    solutionsId: string\r\n}\r\n\r\nexport interface ChannelGroupInfo {\r\n    name: string,\r\n    height: number,\r\n    width: number,\r\n    folderPath: string,\r\n    templates: Array<InfoValue>,\r\n    backgrounds: Array<InfoValue>,\r\n    solutions: Array<InfoValue>,\r\n    stages: Array<InfoValue>\r\n}\r\n\r\nexport interface CopyChannelGroup {\r\n    channelGroupId: string,\r\n    name: string,\r\n    width: number,\r\n    height: number,\r\n    copyChannels: boolean,\r\n}\r\n\r\nexport enum TransitionTypes {\r\n    none = \"none\",\r\n    fade = \"fade\",\r\n    tickerUp = \"tickerUp\",\r\n    tickerLeft = \"tickerLeft\",\r\n    tickerRight = \"tickerRight\",\r\n    tickerDown = \"tickerDown\"\r\n}\r\n\r\nexport enum InteractionTypes {\r\n    none = \"none\",\r\n    menu = \"menu\",\r\n    menuFlat = \"menuFlat\"\r\n}\r\n\r\nexport function isShift(model: RenderChannelModel) {\r\n    const interactionTypes = InteractionTypes;\r\n    if (model.interactionType === interactionTypes.none || model.interactionType === \"\" || model.interactionType === undefined || model.interactionType === null) return true;\r\n    return false;\r\n}\r\n\r\nexport enum ChannelStyleTypes {\r\n    duration = \"duration\",\r\n    counter = \"counter\",\r\n    menuStyle = \"menuStyle\",\r\n    all = \"all\" // used only for the \"no style\" option in front end\r\n}\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('header',{staticClass:\"page-header\"}),_c('div',{attrs:{\"autocomplete\":\"off\"}},[_c('div',{staticClass:\"d-flex justify-content-between\"},[(_vm.designButtonStyle.id)?_c('h2',[_vm._v(_vm._s(_vm.designButtonStyle.name))]):[_c('h2',[_vm._v(_vm._s(_vm.$t(\"designButtonStyles.create\")))])],_c('div',[_c('b-button',{staticClass:\"ml-1 float-right\",attrs:{\"variant\":\"secondary\"},on:{\"click\":_vm.back}},[_vm._v(_vm._s(_vm.$t(\"common.back\")))]),_c('b-button',{attrs:{\"variant\":\"primary\"},on:{\"click\":_vm.save}},[_vm._v(_vm._s(_vm.$t(\"common.save\")))])],1)],2)]),_c('b-card',[_c('b-row',[_c('b-col',[_c('div',{staticClass:\"form-group row\"},[_c('label',{staticClass:\"col-form-label col-sm-2\"},[_vm._v(_vm._s(_vm.$t(\"designButtonStyles.name\"))+\":\")]),_c('div',{staticClass:\"col\"},[_c('b-form-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:(_vm.designButtonStyle.name),expression:\"designButtonStyle.name\"}],attrs:{\"placeholder\":_vm.$t('designButtonStyles.enterName'),\"id\":\"name\",\"state\":_vm.validators.name.state},model:{value:(_vm.designButtonStyle.name),callback:function ($$v) {_vm.$set(_vm.designButtonStyle, \"name\", $$v)},expression:\"designButtonStyle.name\"}}),_c('b-form-invalid-feedback',[_vm._v(_vm._s(_vm.validators.name.message))])],1)])])],1),_c('b-row',[_c('b-container',{attrs:{\"fluid\":\"\"}},[(_vm.fixedError)?_c('b-alert',{attrs:{\"show\":\"\",\"variant\":\"primary\"}},[_vm._v(_vm._s(_vm.$t(\"style.fixed\")))]):_vm._e(),_c('b-row',[_c('b-col',[_c('b-tabs',{attrs:{\"content-class\":\"mt-3\"}},[_c('b-tab',{attrs:{\"title\":_vm.$t('designButtonStyles.button'),\"active\":\"\"}},[_c('b-form-textarea',{attrs:{\"rows\":\"15\",\"id\":\"button\"},model:{value:(_vm.designButtonStyle.css.button),callback:function ($$v) {_vm.$set(_vm.designButtonStyle.css, \"button\", $$v)},expression:\"designButtonStyle.css.button\"}})],1)],1)],1),_c('b-col',[_c('h4',{staticClass:\"d-flex w-100\",staticStyle:{\"align-items\":\"center\",\"justify-content\":\"center\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"common.preview\"))+\" \")]),_c('div',{staticClass:\"preview\"},[_c('div',[_c('button',{style:(_vm.designButtonStyle.css.button)},[_vm._v(_vm._s(_vm.$t(\"designButtonStyles.button\")))])])])])],1)],1)],1)],1),_c('unsaved-form-modal',{ref:\"UnsavedFormModal\",on:{\"continue\":_vm.onContinue}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\nimport { Component, Prop, Vue, Watch } from \"vue-property-decorator\";\r\nimport { Route } from \"vue-router\";\r\nimport { DesignButtonStyle } from \"@/services/styles/types\";\r\nimport {\r\n    getDesignButtonStyle,\r\n    createDesignButtonStyle,\r\n    updateDesignButtonStyle\r\n} from \"@/services/styles/designButtonStylesService\";\r\nimport UnsavedFormModal from \"@/components/common/modals/UnsavedFormModal.vue\";\r\n\r\nimport { settingsValidators } from \"@/components/styles/validators\";\r\nimport validate from \"@/directives/validate\";\r\nimport { validateForm } from \"@/services/validation/validationService\";\r\n\r\nimport { InteractionTypes } from \"@/services/channels/types\";\r\nimport { bus } from \"@/bus\";\r\n\r\n@Component<DesignButtonStylesForm>({\r\n    beforeRouteLeave(to, from, next) {\r\n        this.onBeforeRouteLeave(to, next);\r\n    },\r\n    components: {\r\n        UnsavedFormModal\r\n    },\r\n    directives: {\r\n        validate\r\n    }\r\n})\r\nexport default class DesignButtonStylesForm extends Vue {\r\n    @Prop() private designButtonStyleId!: string;\r\n    _designButtonStyleId = this.designButtonStyleId;\r\n\r\n    @Watch(\"CSS\", { deep: true }) t() {\r\n        this.cleanFixed();\r\n    }\r\n\r\n    interactionTypes = InteractionTypes;\r\n    validators = settingsValidators;\r\n\r\n    designButtonStyle = {\r\n        id: \"\",\r\n        name: \"\",\r\n        css: {}\r\n    } as DesignButtonStyle;\r\n\r\n    // used for comparing if form have changes\r\n    priorDesignButtonStyleState = JSON.parse(JSON.stringify(this.designButtonStyle)) as DesignButtonStyle;\r\n\r\n    nextRoute = \"\";\r\n    saveClicked = false;\r\n    continue = false;\r\n    fetchingActive = false;\r\n    fixedError = false;\r\n    timeout = 0;\r\n    routeParams = {};\r\n\r\n    designButtonReload = 0;\r\n\r\n    fetchData() {\r\n        if (this._designButtonStyleId) {\r\n            this.fetchingActive = true;\r\n            getDesignButtonStyle(this._designButtonStyleId).then((response: DesignButtonStyle) => {\r\n                this.designButtonStyle = response;\r\n                bus.$emit(\"documentTitle\", this.designButtonStyle.name);\r\n                this.priorDesignButtonStyleState = JSON.parse(JSON.stringify(this.designButtonStyle));\r\n                this.designButtonReload++;\r\n                this.fetchingActive = false;\r\n            });\r\n        }\r\n    }\r\n\r\n    // Lifecycle hooks\r\n    created() {\r\n        this.initializeStyleId();\r\n        this.fetchData();\r\n    }\r\n\r\n    // Computed\r\n    get editMode() {\r\n        return this._designButtonStyleId !== undefined;\r\n    }\r\n\r\n    // Methods\r\n    initializeStyleId() {\r\n        if (!this._designButtonStyleId) {\r\n            this._designButtonStyleId = this.$route.params.designButtonStyleId;\r\n        }\r\n    }\r\n\r\n    onBeforeRouteLeave(to: Route, next: any) {\r\n        if (this.saveClicked || this.continue || this.fetchingActive) {\r\n            next();\r\n        } else {\r\n            this.nextRoute = to.name ? to.name : \"\";\r\n            this.routeParams = to.params;\r\n            const noChanges = this.lodash.isEqual(this.priorDesignButtonStyleState, this.designButtonStyle);\r\n            if (noChanges) {\r\n                next();\r\n            } else {\r\n                next(false);\r\n                (this.$refs.UnsavedFormModal as any).open();\r\n            }\r\n        }\r\n    }\r\n\r\n    onContinue(data: boolean) {\r\n        this.continue = data;\r\n        if (data) this.$router.push({ name: this.nextRoute, params: this.routeParams });\r\n        this.nextRoute = \"\";\r\n    }\r\n\r\n    cleanFixed() {\r\n        for (const c in this.designButtonStyle.css) {\r\n            if ((this.designButtonStyle.css as any)[c].toLowerCase().includes(\"fixed\")) {\r\n                this.fixedError = true;\r\n                (this.designButtonStyle.css as any)[c] = (this.designButtonStyle.css as any)[c].replace(/fixed/gi, \"absolute\");\r\n            }\r\n        }\r\n        if (this.fixedError) {\r\n            clearTimeout(this.timeout);\r\n            this.timeout = setTimeout(() => {\r\n                this.fixedError = false;\r\n            }, 10000);\r\n        }\r\n    }\r\n\r\n    // header buttons\r\n    back() {\r\n        window.history.go(-1);\r\n    }\r\n\r\n    // footer buttons\r\n    async save(evt: any) {\r\n        this.saveClicked = true;\r\n        if (!await validateForm([this.validators])) return;\r\n        this.cleanFixed();\r\n        if (!this.editMode) {\r\n            createDesignButtonStyle(this.designButtonStyle).then(() => {\r\n                this.$router.push({ name: \"designButtonStyles\" });\r\n            });\r\n        } else {\r\n            updateDesignButtonStyle(this.designButtonStyle).then(() => {\r\n                this.$router.push({ name: \"designButtonStyles\" });\r\n            });\r\n        }\r\n    }\r\n}\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??ref--14-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./_DesignButtonStylesForm.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??ref--14-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./_DesignButtonStylesForm.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./_DesignButtonStylesForm.vue?vue&type=template&id=45df15c8&scoped=true&\"\nimport script from \"./_DesignButtonStylesForm.vue?vue&type=script&lang=ts&\"\nexport * from \"./_DesignButtonStylesForm.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./_DesignButtonStylesForm.vue?vue&type=style&index=0&id=45df15c8&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  \"45df15c8\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}