{"version":3,"sources":["webpack:///./src/view/pages/Builder.vue?9a85","webpack:///src/view/pages/Builder.vue","webpack:///./src/view/pages/Builder.vue?f622","webpack:///./src/view/pages/Builder.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_m","ref","on","setActiveTab","_v","$event","submit","model","value","callback","$$v","tabIndex","expression","directives","name","rawName","config","loader","$$selectedVal","Array","prototype","filter","call","target","options","o","selected","map","val","_value","$set","multiple","header","self","fixed","domProps","isArray","desktop","_i","$$a","$$el","$$c","checked","$$i","concat","slice","mobile","menu","subheader","display","content","_s","colors","theme","light","primary","aside","logo","footer","reset","modifiers","staticRenderFns","components","data","computed","layoutConfig","mounted","setActivePreviousTab","$store","dispatch","$nextTick","hljs","forEach","hl","classList","remove","add","destroyed","localStorage","removeItem","methods","event","preventDefault","window","location","reload","parseInt","getItem","links","i","$refs","getAttribute","setItem","JSON","stringify","component"],"mappings":"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","file":"js/chunk-2d221823.4cbb0344.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"alert alert-custom alert-white alert-shadow gutter-b\",attrs:{\"role\":\"alert\"}},[_c('div',{staticClass:\"alert-icon alert-icon-top\"},[_c('span',{staticClass:\"svg-icon svg-icon-3x svg-icon-primary mt-4\"},[_c('inline-svg',{attrs:{\"src\":\"media/svg/icons/Tools/Tools.svg\"}})],1)]),_vm._m(0)]),_c('div',{staticClass:\"card card-custom gutter-b\"},[_c('div',{staticClass:\"card-header card-header-tabs-line\"},[_c('ul',{ref:\"builder-tab\",staticClass:\"nav nav-dark nav-bold nav-tabs nav-tabs-line\",attrs:{\"role\":\"tablist\"}},[_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link active\",attrs:{\"data-tab\":\"0\",\"data-toggle\":\"tab\",\"href\":\"#\",\"role\":\"tab\"},on:{\"click\":_vm.setActiveTab}},[_vm._v(\" Page \")])]),_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link\",attrs:{\"data-tab\":\"1\",\"data-toggle\":\"tab\",\"href\":\"#\",\"role\":\"tab\"},on:{\"click\":_vm.setActiveTab}},[_vm._v(\" Header \")])]),_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link\",attrs:{\"data-tab\":\"2\",\"data-toggle\":\"tab\",\"href\":\"#\",\"role\":\"tab\"},on:{\"click\":_vm.setActiveTab}},[_vm._v(\" Subheader \")])]),_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link\",attrs:{\"data-tab\":\"3\",\"data-toggle\":\"tab\",\"href\":\"#\",\"role\":\"tab\"},on:{\"click\":_vm.setActiveTab}},[_vm._v(\" Content \")])]),_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link\",attrs:{\"data-tab\":\"4\",\"data-toggle\":\"tab\",\"href\":\"#\",\"role\":\"tab\"},on:{\"click\":_vm.setActiveTab}},[_vm._v(\" Aside \")])]),_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link\",attrs:{\"data-tab\":\"5\",\"data-toggle\":\"tab\",\"href\":\"#\",\"role\":\"tab\"},on:{\"click\":_vm.setActiveTab}},[_vm._v(\" Footer \")])])])]),_c('form',{staticClass:\"form\",on:{\"submit\":function($event){return _vm.submit($event)}}},[_c('div',{staticClass:\"card-body\"},[_c('b-tabs',{staticClass:\"hide-tabs\",model:{value:(_vm.tabIndex),callback:function ($$v) {_vm.tabIndex=$$v},expression:\"tabIndex\"}},[_c('b-tab',{attrs:{\"active\":\"\"}},[_c('div',{staticClass:\"form-group row\"},[_c('label',{staticClass:\"col-lg-3 col-form-label\"},[_vm._v(\" Page Loader: \")]),_c('div',{staticClass:\"col-lg-9 col-xl-4\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.config.loader.type),expression:\"config.loader.type\"}],staticClass:\"form-control\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.config.loader, \"type\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"value\":\"false\"}},[_vm._v(\" Disabled \")]),_c('option',{attrs:{\"value\":\"spinner-logo\",\"selected\":\"selected\"}},[_vm._v(\" Spinner & Logo \")])]),_c('div',{staticClass:\"form-text text-muted\"},[_vm._v(\" Select page loading indicator. \")])])])]),_c('b-tab',[_c('div',{staticClass:\"form-group row\"},[_c('label',{staticClass:\"col-lg-3 col-form-label\"},[_vm._v(\" Desktop Fixed Header: \")]),_c('div',{staticClass:\"col-lg-9 col-xl-4\"},[_c('span',{staticClass:\"switch switch-icon\"},[_c('label',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.config.header.self.fixed.desktop),expression:\"config.header.self.fixed.desktop\"}],attrs:{\"type\":\"checkbox\",\"value\":\"true\",\"checked\":\"\"},domProps:{\"checked\":Array.isArray(_vm.config.header.self.fixed.desktop)?_vm._i(_vm.config.header.self.fixed.desktop,\"true\")>-1:(_vm.config.header.self.fixed.desktop)},on:{\"change\":function($event){var $$a=_vm.config.header.self.fixed.desktop,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=\"true\",$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.config.header.self.fixed, \"desktop\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.config.header.self.fixed, \"desktop\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.config.header.self.fixed, \"desktop\", $$c)}}}}),_c('span')])]),_c('div',{staticClass:\"form-text text-muted\"},[_vm._v(\" Enable fixed header for desktop mode \")])])]),_c('div',{staticClass:\"form-group row\"},[_c('label',{staticClass:\"col-lg-3 col-form-label\"},[_vm._v(\" Mobile Fixed Header: \")]),_c('div',{staticClass:\"col-lg-9 col-xl-4\"},[_c('span',{staticClass:\"switch switch-icon\"},[_c('label',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.config.header.self.fixed.mobile),expression:\"config.header.self.fixed.mobile\"}],attrs:{\"type\":\"checkbox\",\"value\":\"true\",\"checked\":\"\"},domProps:{\"checked\":Array.isArray(_vm.config.header.self.fixed.mobile)?_vm._i(_vm.config.header.self.fixed.mobile,\"true\")>-1:(_vm.config.header.self.fixed.mobile)},on:{\"change\":function($event){var $$a=_vm.config.header.self.fixed.mobile,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=\"true\",$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.config.header.self.fixed, \"mobile\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.config.header.self.fixed, \"mobile\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.config.header.self.fixed, \"mobile\", $$c)}}}}),_c('span')])]),_c('div',{staticClass:\"form-text text-muted\"},[_vm._v(\" Enable fixed header for mobile mode \")])])]),_c('div',{staticClass:\"form-group row\"},[_c('label',{staticClass:\"col-lg-3 col-form-label\"},[_vm._v(\" Header Width: \")]),_c('div',{staticClass:\"col-lg-9 col-xl-4\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.config.header.self.width),expression:\"config.header.self.width\"}],staticClass:\"form-control\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.config.header.self, \"width\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"value\":\"fluid\",\"selected\":\"\"}},[_vm._v(\"Fluid\")]),_c('option',{attrs:{\"value\":\"fixed\"}},[_vm._v(\"Fixed\")])]),_c('div',{staticClass:\"form-text text-muted\"},[_vm._v(\" Select header width type. \")])])]),_c('div',{staticClass:\"form-group row\"},[_c('label',{staticClass:\"col-lg-3 col-form-label\"},[_vm._v(\" Header Menu Arrows: \")]),_c('div',{staticClass:\"col-lg-9 col-xl-4\"},[_c('span',{staticClass:\"switch switch-icon\"},[_c('label',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.config.header.menu.self['root-arrow']),expression:\"config.header.menu.self['root-arrow']\"}],attrs:{\"type\":\"checkbox\",\"value\":\"true\"},domProps:{\"checked\":Array.isArray(_vm.config.header.menu.self['root-arrow'])?_vm._i(_vm.config.header.menu.self['root-arrow'],\"true\")>-1:(_vm.config.header.menu.self['root-arrow'])},on:{\"change\":function($event){var $$a=_vm.config.header.menu.self['root-arrow'],$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=\"true\",$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.config.header.menu.self, 'root-arrow', $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.config.header.menu.self, 'root-arrow', $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.config.header.menu.self, 'root-arrow', $$c)}}}}),_c('span')])]),_c('div',{staticClass:\"form-text text-muted\"},[_vm._v(\" Enable header menu root link arrows \")])])])]),_c('b-tab',[_c('div',{staticClass:\"form-group row\"},[_c('label',{staticClass:\"col-lg-3 col-form-label\"},[_vm._v(\" Display Subheader: \")]),_c('div',{staticClass:\"col-lg-9 col-xl-4\"},[_c('span',{staticClass:\"switch switch-icon\"},[_c('label',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.config.subheader.display),expression:\"config.subheader.display\"}],attrs:{\"type\":\"checkbox\",\"value\":\"true\",\"checked\":\"\"},domProps:{\"checked\":Array.isArray(_vm.config.subheader.display)?_vm._i(_vm.config.subheader.display,\"true\")>-1:(_vm.config.subheader.display)},on:{\"change\":function($event){var $$a=_vm.config.subheader.display,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=\"true\",$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.config.subheader, \"display\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.config.subheader, \"display\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.config.subheader, \"display\", $$c)}}}}),_c('span')])]),_c('div',{staticClass:\"form-text text-muted\"},[_vm._v(\"Display subheader\")])])]),_c('div',{staticClass:\"form-group row\"},[_c('label',{staticClass:\"col-lg-3 col-form-label\"},[_vm._v(\"Width:\")]),_c('div',{staticClass:\"col-lg-9 col-xl-4\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.config.subheader.width),expression:\"config.subheader.width\"}],staticClass:\"form-control\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.config.subheader, \"width\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"value\":\"fluid\",\"selected\":\"\"}},[_vm._v(\"Fluid\")]),_c('option',{attrs:{\"value\":\"fixed\"}},[_vm._v(\"Fixed\")])]),_c('div',{staticClass:\"form-text text-muted\"},[_vm._v(\" Select layout width type. \")])])])]),_c('b-tab',[_c('div',{staticClass:\"form-group row\"},[_c('label',{staticClass:\"col-lg-3 col-form-label\"},[_vm._v(\"Width:\")]),_c('div',{staticClass:\"col-lg-9 col-xl-4\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.config.content.width),expression:\"config.content.width\"}],staticClass:\"form-control\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.config.content, \"width\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"value\":\"fluid\"}},[_vm._v(\"Fluid\")]),_c('option',{attrs:{\"value\":\"fixed\",\"selected\":\"\"}},[_vm._v(\"Fixed\")])]),_c('div',{staticClass:\"form-text text-muted\"},[_vm._v(\" Select layout width type. \")])])])]),_c('b-tab',[_c('div',{staticClass:\"form-group row\"},[_c('p',[_vm._v(_vm._s(_vm.config.colors.theme.light.primary))]),_c('label',{staticClass:\"col-lg-3 col-form-label\"},[_vm._v(\"Display:\")]),_c('div',{staticClass:\"col-lg-9 col-xl-4\"},[_c('span',{staticClass:\"switch switch-icon\"},[_c('label',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.config.aside.self.display),expression:\"config.aside.self.display\"}],attrs:{\"type\":\"checkbox\",\"value\":\"true\",\"checked\":\"\"},domProps:{\"checked\":Array.isArray(_vm.config.aside.self.display)?_vm._i(_vm.config.aside.self.display,\"true\")>-1:(_vm.config.aside.self.display)},on:{\"change\":function($event){var $$a=_vm.config.aside.self.display,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=\"true\",$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.config.aside.self, \"display\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.config.aside.self, \"display\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.config.aside.self, \"display\", $$c)}}}}),_c('span')])]),_c('div',{staticClass:\"form-text text-muted\"},[_vm._v(\"Display aside\")])])]),_c('div',{staticClass:\"form-group row\"},[_c('label',{staticClass:\"col-lg-3 col-form-label\"},[_vm._v(\"Color :\")]),_c('div',{staticClass:\"col-lg-9 col-xl-4\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.config.colors.theme.light.primary),expression:\"config.colors.theme.light.primary\"}],staticClass:\"form-control\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.config.colors.theme.light, \"primary\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"value\":\"#6993FF\",\"selected\":\"\"}},[_vm._v(\"Blue\")]),_c('option',{attrs:{\"value\":\"#8950FC\"}},[_vm._v(\"Info\")])]),_c('div',{staticClass:\"form-text text-muted\"},[_vm._v(\"Select color\")])])]),_c('div',{staticClass:\"form-group row\"},[_c('label',{staticClass:\"col-lg-3 col-form-label\"},[_vm._v(\"Color :\")]),_c('div',{staticClass:\"col-lg-9 col-xl-4\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.config.self.logo.sticky),expression:\"config.self.logo.sticky\"}],staticClass:\"form-control\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.config.self.logo, \"sticky\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"value\":\"https://app.max-lineconnected.com/media/logos/logo.jpg\",\"selected\":\"\"}},[_vm._v(\"Max Line\")]),_c('option',{attrs:{\"value\":\"https://preview.keenthemes.com/metronic/vue/demo7/media/logos/logo-letter-9.png\"}},[_vm._v(\"XXX\")])]),_c('div',{staticClass:\"form-text text-muted\"},[_vm._v(\"Select color\")])])])]),_c('b-tab',[_c('div',{staticClass:\"form-group row\"},[_c('label',{staticClass:\"col-lg-3 col-form-label\"},[_vm._v(\"Footer Layout:\")]),_c('div',{staticClass:\"col-lg-9 col-xl-4\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.config.footer.layout),expression:\"config.footer.layout\"}],staticClass:\"form-control\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.config.footer, \"layout\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"value\":\"extended\",\"selected\":\"\"}},[_vm._v(\"Extended\")]),_c('option',{attrs:{\"value\":\"compact\"}},[_vm._v(\"Compact\")])]),_c('div',{staticClass:\"form-text text-muted\"},[_vm._v(\"Select footer layout\")])])]),_c('div',{staticClass:\"form-group row\"},[_c('label',{staticClass:\"col-lg-3 col-form-label\"},[_vm._v(\"Width:\")]),_c('div',{staticClass:\"col-lg-9 col-xl-4\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.config.footer.width),expression:\"config.footer.width\"}],staticClass:\"form-control\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.config.footer, \"width\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"value\":\"fluid\",\"selected\":\"\"}},[_vm._v(\"Fluid\")]),_c('option',{attrs:{\"value\":\"fixed\"}},[_vm._v(\"Fixed\")])]),_c('div',{staticClass:\"form-text text-muted\"},[_vm._v(\" Select layout width type. \")])])])])],1)],1),_c('div',{staticClass:\"card-footer\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-3\"}),_c('div',{staticClass:\"col-lg-9\"},[_vm._m(1),_vm._v(\" \"),_c('button',{staticClass:\"btn btn-clean font-weight-bold\",on:{\"click\":function($event){return _vm.reset($event)}}},[_c('i',{staticClass:\"la la-recycle\"}),_vm._v(\" Reset \")])])])])])]),_c('div',{staticClass:\"card card-custom gutter-b\"},[_vm._m(2),_c('div',{staticClass:\"card-body\"},[_c('div',{staticClass:\"example mb-10\"},[_vm._m(3),_c('div',{staticClass:\"example-code\"},[_c('div',{staticClass:\"example-code\"},[_c('span',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.top\",value:('Copy code'),expression:\"'Copy code'\",modifiers:{\"hover\":true,\"top\":true}}],staticClass:\"example-copy\"}),_c('div',{staticClass:\"example-highlight\"},[_c('highlight-code',{staticClass:\"language-json\",attrs:{\"lang\":\"json\"}},[_vm._v(\" \"+_vm._s(_vm.config)+\" \")])],1)])])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"alert-text\"},[_c('p',[_vm._v(\" The layout builder helps to configure the layout with preferred options and preview it in real time. The configured layout options will be saved until you change or reset them. To use the layout builder choose the layout options and click the \"),_c('code',[_vm._v(\"Preview\")]),_vm._v(\" button to preview the changes. \")]),_c('p',[_c('span',{staticClass:\"label label-inline label-pill label-info label-rounded mr-2\"},[_vm._v(\" INFO: \")]),_vm._v(\" Some pages from the \"),_c('code',[_vm._v(\"html\")]),_vm._v(\" version might not exist in the \"),_c('code',[_vm._v(\"vue\")]),_vm._v(\". But the CSS styles from \"),_c('code',[_vm._v(\"html\")]),_vm._v(\" version already integrated into the \"),_c('code',[_vm._v(\"vue\")]),_vm._v(\". All the components from the \"),_c('code',[_vm._v(\"html\")]),_vm._v(\" version are static and non-working components. You can copy the component HTML from the \"),_c('code',[_vm._v(\"html\")]),_vm._v(\" version, and paste it in the \"),_c('code',[_vm._v(\"vue\")]),_vm._v(\" component to get the same style. The actual functionality and implementation need to be done by the customer because every application has its own business requirements. \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{staticClass:\"btn btn-primary font-weight-bold\",attrs:{\"type\":\"submit\"}},[_c('i',{staticClass:\"la la-eye\"}),_vm._v(\" Preview \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card-header\"},[_c('div',{staticClass:\"card-title\"},[_c('h3',{staticClass:\"card-label\"},[_vm._v(\"Generated Config\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',[_vm._v(\" Use for layout config in \"),_c('code',[_vm._v(\"/src/core/config/layout.config.json\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <!--begin::Notice-->\r\n    <div\r\n      class=\"alert alert-custom alert-white alert-shadow gutter-b\"\r\n      role=\"alert\"\r\n    >\r\n      <div class=\"alert-icon alert-icon-top\">\r\n        <span class=\"svg-icon svg-icon-3x svg-icon-primary mt-4\">\r\n          <!--begin::Svg Icon-->\r\n          <inline-svg src=\"media/svg/icons/Tools/Tools.svg\" />\r\n          <!--end::Svg Icon-->\r\n        </span>\r\n      </div>\r\n      <div class=\"alert-text\">\r\n        <p>\r\n          The layout builder helps to configure the layout with preferred\r\n          options and preview it in real time. The configured layout options\r\n          will be saved until you change or reset them. To use the layout\r\n          builder choose the layout options and click the\r\n          <code>Preview</code> button to preview the changes.\r\n        </p>\r\n        <p>\r\n          <span\r\n            class=\"label label-inline label-pill label-info label-rounded mr-2\"\r\n          >\r\n            INFO:\r\n          </span>\r\n          Some pages from the <code>html</code> version might not exist in the\r\n          <code>vue</code>. But the CSS styles from <code>html</code> version\r\n          already integrated into the <code>vue</code>. All the components from\r\n          the <code>html</code> version are static and non-working components.\r\n          You can copy the component HTML from the <code>html</code> version,\r\n          and paste it in the <code>vue</code> component to get the same style.\r\n          The actual functionality and implementation need to be done by the\r\n          customer because every application has its own business requirements.\r\n        </p>\r\n      </div>\r\n    </div>\r\n    <!--end::Notice-->\r\n\r\n    <div class=\"card card-custom gutter-b\">\r\n      <div class=\"card-header card-header-tabs-line\">\r\n        <ul\r\n          class=\"nav nav-dark nav-bold nav-tabs nav-tabs-line\"\r\n          role=\"tablist\"\r\n          ref=\"builder-tab\"\r\n        >\r\n          <li class=\"nav-item\">\r\n            <a\r\n              class=\"nav-link active\"\r\n              v-on:click=\"setActiveTab\"\r\n              data-tab=\"0\"\r\n              data-toggle=\"tab\"\r\n              href=\"#\"\r\n              role=\"tab\"\r\n            >\r\n              Page\r\n            </a>\r\n          </li>\r\n          <li class=\"nav-item\">\r\n            <a\r\n              class=\"nav-link\"\r\n              v-on:click=\"setActiveTab\"\r\n              data-tab=\"1\"\r\n              data-toggle=\"tab\"\r\n              href=\"#\"\r\n              role=\"tab\"\r\n            >\r\n              Header\r\n            </a>\r\n          </li>\r\n          <li class=\"nav-item\">\r\n            <a\r\n              class=\"nav-link\"\r\n              v-on:click=\"setActiveTab\"\r\n              data-tab=\"2\"\r\n              data-toggle=\"tab\"\r\n              href=\"#\"\r\n              role=\"tab\"\r\n            >\r\n              Subheader\r\n            </a>\r\n          </li>\r\n          <li class=\"nav-item\">\r\n            <a\r\n              class=\"nav-link\"\r\n              v-on:click=\"setActiveTab\"\r\n              data-tab=\"3\"\r\n              data-toggle=\"tab\"\r\n              href=\"#\"\r\n              role=\"tab\"\r\n            >\r\n              Content\r\n            </a>\r\n          </li>\r\n          <li class=\"nav-item\">\r\n            <a\r\n              class=\"nav-link\"\r\n              v-on:click=\"setActiveTab\"\r\n              data-tab=\"4\"\r\n              data-toggle=\"tab\"\r\n              href=\"#\"\r\n              role=\"tab\"\r\n            >\r\n              Aside\r\n            </a>\r\n          </li>\r\n          <li class=\"nav-item\">\r\n            <a\r\n              class=\"nav-link\"\r\n              v-on:click=\"setActiveTab\"\r\n              data-tab=\"5\"\r\n              data-toggle=\"tab\"\r\n              href=\"#\"\r\n              role=\"tab\"\r\n            >\r\n              Footer\r\n            </a>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n\r\n      <!--begin::Form-->\r\n      <form class=\"form\" v-on:submit=\"submit($event)\">\r\n        <div class=\"card-body\">\r\n          <b-tabs class=\"hide-tabs\" v-model=\"tabIndex\">\r\n            <b-tab active>\r\n              <div class=\"form-group row\">\r\n                <label class=\"col-lg-3 col-form-label\">\r\n                  Page Loader:\r\n                </label>\r\n                <div class=\"col-lg-9 col-xl-4\">\r\n                  <select class=\"form-control\" v-model=\"config.loader.type\">\r\n                    <option value=\"false\">\r\n                      Disabled\r\n                    </option>\r\n                    <option value=\"spinner-logo\" selected=\"selected\">\r\n                      Spinner &amp; Logo\r\n                    </option>\r\n                  </select>\r\n                  <div class=\"form-text text-muted\">\r\n                    Select page loading indicator.\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </b-tab>\r\n\r\n            <b-tab>\r\n              <div class=\"form-group row\">\r\n                <label class=\"col-lg-3 col-form-label\">\r\n                  Desktop Fixed Header:\r\n                </label>\r\n                <div class=\"col-lg-9 col-xl-4\">\r\n                  <span class=\"switch switch-icon\">\r\n                    <label>\r\n                      <input\r\n                        type=\"checkbox\"\r\n                        v-model=\"config.header.self.fixed.desktop\"\r\n                        value=\"true\"\r\n                        checked=\"\"\r\n                      />\r\n                      <span></span>\r\n                    </label>\r\n                  </span>\r\n                  <div class=\"form-text text-muted\">\r\n                    Enable fixed header for desktop mode\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"form-group row\">\r\n                <label class=\"col-lg-3 col-form-label\">\r\n                  Mobile Fixed Header:\r\n                </label>\r\n                <div class=\"col-lg-9 col-xl-4\">\r\n                  <span class=\"switch switch-icon\">\r\n                    <label>\r\n                      <input\r\n                        type=\"checkbox\"\r\n                        v-model=\"config.header.self.fixed.mobile\"\r\n                        value=\"true\"\r\n                        checked=\"\"\r\n                      />\r\n                      <span></span>\r\n                    </label>\r\n                  </span>\r\n                  <div class=\"form-text text-muted\">\r\n                    Enable fixed header for mobile mode\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div class=\"form-group row\">\r\n                <label class=\"col-lg-3 col-form-label\">\r\n                  Header Width:\r\n                </label>\r\n                <div class=\"col-lg-9 col-xl-4\">\r\n                  <select\r\n                    class=\"form-control\"\r\n                    v-model=\"config.header.self.width\"\r\n                  >\r\n                    <option value=\"fluid\" selected=\"\">Fluid</option>\r\n                    <option value=\"fixed\">Fixed</option>\r\n                  </select>\r\n                  <div class=\"form-text text-muted\">\r\n                    Select header width type.\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div class=\"form-group row\">\r\n                <label class=\"col-lg-3 col-form-label\">\r\n                  Header Menu Arrows:\r\n                </label>\r\n                <div class=\"col-lg-9 col-xl-4\">\r\n                  <span class=\"switch switch-icon\">\r\n                    <label>\r\n                      <input\r\n                        type=\"checkbox\"\r\n                        v-model=\"config.header.menu.self['root-arrow']\"\r\n                        value=\"true\"\r\n                      />\r\n                      <span></span>\r\n                    </label>\r\n                  </span>\r\n                  <div class=\"form-text text-muted\">\r\n                    Enable header menu root link arrows\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </b-tab>\r\n\r\n            <b-tab>\r\n              <div class=\"form-group row\">\r\n                <label class=\"col-lg-3 col-form-label\">\r\n                  Display Subheader:\r\n                </label>\r\n                <div class=\"col-lg-9 col-xl-4\">\r\n                  <span class=\"switch switch-icon\">\r\n                    <label>\r\n                      <input\r\n                        type=\"checkbox\"\r\n                        v-model=\"config.subheader.display\"\r\n                        value=\"true\"\r\n                        checked=\"\"\r\n                      />\r\n                      <span></span>\r\n                    </label>\r\n                  </span>\r\n                  <div class=\"form-text text-muted\">Display subheader</div>\r\n                </div>\r\n              </div>\r\n              <div class=\"form-group row\">\r\n                <label class=\"col-lg-3 col-form-label\">Width:</label>\r\n                <div class=\"col-lg-9 col-xl-4\">\r\n                  <select class=\"form-control\" v-model=\"config.subheader.width\">\r\n                    <option value=\"fluid\" selected=\"\">Fluid</option>\r\n                    <option value=\"fixed\">Fixed</option>\r\n                  </select>\r\n                  <div class=\"form-text text-muted\">\r\n                    Select layout width type.\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </b-tab>\r\n\r\n            <b-tab>\r\n              <div class=\"form-group row\">\r\n                <label class=\"col-lg-3 col-form-label\">Width:</label>\r\n                <div class=\"col-lg-9 col-xl-4\">\r\n                  <select class=\"form-control\" v-model=\"config.content.width\">\r\n                    <option value=\"fluid\">Fluid</option>\r\n                    <option value=\"fixed\" selected=\"\">Fixed</option>\r\n                  </select>\r\n                  <div class=\"form-text text-muted\">\r\n                    Select layout width type.\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </b-tab>\r\n\r\n            <b-tab>\r\n              <div class=\"form-group row\">\r\n                <p>{{ config.colors.theme.light.primary }}</p>\r\n                <label class=\"col-lg-3 col-form-label\">Display:</label>\r\n                <div class=\"col-lg-9 col-xl-4\">\r\n                  <span class=\"switch switch-icon\">\r\n                    <label>\r\n                      <input\r\n                        type=\"checkbox\"\r\n                        v-model=\"config.aside.self.display\"\r\n                        value=\"true\"\r\n                        checked=\"\"\r\n                      />\r\n                      <span></span>\r\n                    </label>\r\n                  </span>\r\n                  <div class=\"form-text text-muted\">Display aside</div>\r\n                </div>\r\n              </div>\r\n              <div class=\"form-group row\">\r\n                <label class=\"col-lg-3 col-form-label\">Color :</label>\r\n                <div class=\"col-lg-9 col-xl-4\">\r\n                  <select class=\"form-control\" v-model=\"config.colors.theme.light.primary\">\r\n                    <option value=\"#6993FF\" selected=\"\">Blue</option>\r\n                    <option value=\"#8950FC\">Info</option>\r\n                  </select>\r\n                  <div class=\"form-text text-muted\">Select color</div>\r\n                </div>\r\n              </div>\r\n              <div class=\"form-group row\">\r\n                <label class=\"col-lg-3 col-form-label\">Color :</label>\r\n                <div class=\"col-lg-9 col-xl-4\">\r\n                  <!-- <select class=\"form-control\" v-model=\"config.self.body.backgroundimage\"> -->\r\n                  <select class=\"form-control\" v-model=\"config.self.logo.sticky\">\r\n                    <option value=\"https://app.max-lineconnected.com/media/logos/logo.jpg\" selected=\"\">Max Line</option>\r\n                    <option value=\"https://preview.keenthemes.com/metronic/vue/demo7/media/logos/logo-letter-9.png\">XXX</option>\r\n                  </select>\r\n                  <div class=\"form-text text-muted\">Select color</div>\r\n                </div>\r\n              </div>\r\n            </b-tab>\r\n\r\n            <b-tab>\r\n              <div class=\"form-group row\">\r\n                <label class=\"col-lg-3 col-form-label\">Footer Layout:</label>\r\n                <div class=\"col-lg-9 col-xl-4\">\r\n                  <select class=\"form-control\" v-model=\"config.footer.layout\">\r\n                    <option value=\"extended\" selected=\"\">Extended</option>\r\n                    <option value=\"compact\">Compact</option>\r\n                  </select>\r\n                  <div class=\"form-text text-muted\">Select footer layout</div>\r\n                </div>\r\n              </div>\r\n              <div class=\"form-group row\">\r\n                <label class=\"col-lg-3 col-form-label\">Width:</label>\r\n                <div class=\"col-lg-9 col-xl-4\">\r\n                  <select class=\"form-control\" v-model=\"config.footer.width\">\r\n                    <option value=\"fluid\" selected=\"\">Fluid</option>\r\n                    <option value=\"fixed\">Fixed</option>\r\n                  </select>\r\n                  <div class=\"form-text text-muted\">\r\n                    Select layout width type.\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </b-tab>\r\n          </b-tabs>\r\n        </div>\r\n\r\n        <div class=\"card-footer\">\r\n          <div class=\"row\">\r\n            <div class=\"col-lg-3\"></div>\r\n            <div class=\"col-lg-9\">\r\n              <button type=\"submit\" class=\"btn btn-primary font-weight-bold\">\r\n                <i class=\"la la-eye\"></i>\r\n                Preview\r\n              </button>\r\n              &nbsp;\r\n              <button\r\n                v-on:click=\"reset($event)\"\r\n                class=\"btn btn-clean font-weight-bold\"\r\n              >\r\n                <i class=\"la la-recycle\"></i>\r\n                Reset\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </form>\r\n      <!--end::Form-->\r\n    </div>\r\n\r\n    <div class=\"card card-custom gutter-b\">\r\n      <div class=\"card-header\">\r\n        <div class=\"card-title\">\r\n          <h3 class=\"card-label\">Generated Config</h3>\r\n        </div>\r\n      </div>\r\n      <div class=\"card-body\">\r\n        <!--begin::Example-->\r\n        <div class=\"example mb-10\">\r\n          <p>\r\n            Use for layout config in\r\n            <code>/src/core/config/layout.config.json</code>\r\n          </p>\r\n          <div class=\"example-code\">\r\n            <div class=\"example-code\">\r\n              <span\r\n                class=\"example-copy\"\r\n                v-b-tooltip.hover.top=\"'Copy code'\"\r\n              ></span>\r\n              <div class=\"example-highlight\">\r\n                <highlight-code lang=\"json\" class=\"language-json\">\r\n                  {{ config }}\r\n                </highlight-code>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!--end::Example-->\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from \"vuex\";\r\nimport { SET_BREADCRUMB } from \"@/core/services/store/breadcrumbs.module\";\r\n\r\nexport default {\r\n  name: \"builder\",\r\n  components: {},\r\n  data() {\r\n    return {\r\n      tabIndex: 0\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters([\"layoutConfig\"]),\r\n\r\n    config() {\r\n      return this.layoutConfig();\r\n    }\r\n  },\r\n  mounted() {\r\n    // set the tab from previous\r\n    this.setActivePreviousTab();\r\n\r\n    this.$store.dispatch(SET_BREADCRUMB, [{ title: \"Layout Builder\" }]);\r\n\r\n    this.$nextTick(() => {\r\n      const hljs = this.$el.querySelectorAll(\".hljs\");\r\n      hljs.forEach(hl => {\r\n        hl.classList.remove(\"hljs\");\r\n        hl.classList.add(`language-${hl.classList[1]}`);\r\n      });\r\n    });\r\n  },\r\n  destroyed() {\r\n    localStorage.removeItem(\"builderTab\");\r\n  },\r\n  methods: {\r\n    /**\r\n     * Reset config\r\n     */\r\n    reset(event) {\r\n      event.preventDefault();\r\n      // remove existing saved config\r\n      localStorage.removeItem(\"config\");\r\n      window.location.reload();\r\n    },\r\n\r\n    /**\r\n     * Set previous tab active\r\n     */\r\n    setActivePreviousTab() {\r\n      this.tabIndex = parseInt(localStorage.getItem(\"builderTab\")) || 0;\r\n      const links = this.$refs[\"builder-tab\"].querySelectorAll(\".nav-link\");\r\n      // remove active tab links\r\n      for (let i = 0; i < links.length; i++) {\r\n        links[i].classList.remove(\"active\");\r\n      }\r\n      this.$refs[\"builder-tab\"]\r\n        .querySelector(`[data-tab=\"${this.tabIndex}\"]`)\r\n        .classList.add(\"active\");\r\n    },\r\n    /**\r\n     * Set current active on click\r\n     * @param event\r\n     */\r\n    setActiveTab(event) {\r\n      const tab = event.target.closest('[role=\"tablist\"]');\r\n      const links = tab.querySelectorAll(\".nav-link\");\r\n      // remove active tab links\r\n      for (let i = 0; i < links.length; i++) {\r\n        links[i].classList.remove(\"active\");\r\n      }\r\n\r\n      // set clicked tab index to bootstrap tab\r\n      this.tabIndex = parseInt(event.target.getAttribute(\"data-tab\"));\r\n\r\n      // set current active tab\r\n      event.target.classList.add(\"active\");\r\n\r\n      // keep active tab\r\n      localStorage.setItem(\"builderTab\", this.tabIndex);\r\n    },\r\n\r\n    /**\r\n     * Submit form\r\n     * @param event\r\n     */\r\n    submit(event) {\r\n      event.preventDefault();\r\n      // save new config to localStorage\r\n      localStorage.setItem(\"config\", JSON.stringify(this.config));\r\n      window.location.reload();\r\n    }\r\n  }\r\n};\r\n</script>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Builder.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Builder.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Builder.vue?vue&type=template&id=2c2f4a55&\"\nimport script from \"./Builder.vue?vue&type=script&lang=js&\"\nexport * from \"./Builder.vue?vue&type=script&lang=js&\"\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"],"sourceRoot":""}