{"version":3,"file":"CARnuz9M.js","sources":["../../../../layouts/default-layout/components/extras/Customize.vue","../../../../layouts/default-layout/components/extras/Customize.vue"],"sourcesContent":["<template>\n  <!--<button\n    id=\"kt_app_layout_builder_toggle\"\n    class=\"btn btn-dark app-layout-builder-toggle lh-1 py-4\"\n    data-bs-toggle=\"tooltip\"\n    data-bs-placement=\"left\"\n    data-bs-dismiss=\"click\"\n    data-bs-trigger=\"hover\"\n  >\n    <KTIcon icon-name=\"setting-4\" icon-class=\"fs-4 me-1\" />Customize\n  </button>-->\n\n  <div\n    id=\"kt_app_layout_builder\"\n    class=\"bg-body drawer drawer-end\"\n    data-kt-drawer=\"true\"\n    data-kt-drawer-name=\"app-settings\"\n    data-kt-drawer-activate=\"true\"\n    data-kt-drawer-overlay=\"true\"\n    data-kt-drawer-width=\"{default:'300px', 'lg': '380px'}\"\n    data-kt-drawer-direction=\"end\"\n    data-kt-drawer-toggle=\"#kt_app_layout_builder_toggle\"\n    data-kt-drawer-close=\"#kt_app_layout_builder_close\"\n  >\n    <!--begin::Card-->\n    <div class=\"card border-0 shadow-none rounded-0 w-100\">\n      <!--begin::Card header-->\n      <div\n        class=\"card-header bgi-position-y-bottom bgi-position-x-end bgi-size-cover bgi-no-repeat rounded-0 border-0 py-4\"\n        id=\"kt_app_layout_builder_header\"\n        :style=\"{\n          backgroundImage: `url(\n            ${getAssetPath('media/misc/layout/customizer-header-bg.jpg')}\n          )`,\n        }\"\n      >\n        <!--begin::Card title-->\n        <h3 class=\"card-title fs-3 fw-bold text-white flex-column m-0\">\n          Tùy biến giao diện\n          <small class=\"text-white opacity-50 fs-7 fw-semibold pt-1\"\n            >Cấu hình giao diện phù hợp với bạn</small\n          >\n        </h3>\n        <!--end::Card title-->\n        <!--begin::Card toolbar-->\n        <div class=\"card-toolbar\">\n          <button\n            type=\"button\"\n            class=\"btn btn-sm btn-icon btn-color-white p-0 w-20px h-20px rounded-1\"\n            id=\"kt_app_layout_builder_close\"\n          >\n            <KTIcon icon-name=\"cross-square\" icon-class=\"fs-2\" />\n          </button>\n        </div>\n        <!--end::Card toolbar-->\n      </div>\n      <!--end::Card header-->\n      <!--begin::Card body-->\n      <div class=\"card-body position-relative\" id=\"kt_app_layout_builder_body\">\n        <!--begin::Content-->\n        <div\n          id=\"kt_app_settings_content\"\n          class=\"position-relative scroll-y me-n5 pe-5\"\n          data-kt-scroll=\"true\"\n          data-kt-scroll-height=\"auto\"\n          data-kt-scroll-wrappers=\"#kt_app_layout_builder_body\"\n          data-kt-scroll-dependencies=\"#kt_app_layout_builder_header, #kt_app_layout_builder_footer\"\n          data-kt-scroll-offset=\"5px\"\n          style=\"height: 710px\"\n        >\n          <!--begin::Form-->\n          <form class=\"form\" id=\"kt_app_layout_builder_form\">\n            <input\n              type=\"hidden\"\n              id=\"kt_app_layout_builder_action\"\n              name=\"layout-builder[action]\"\n            />\n            <!--begin::Card body-->\n            <div class=\"card-body p-0\">\n              <!--begin::Form group-->\n              <div class=\"form-group\">\n                <!--begin::Heading-->\n                <div class=\"mb-6\">\n                  <h4 class=\"fw-bold text-gray-900\">Chủ đề</h4>\n                  <div class=\"fw-semibold text-muted fs-7 d-block lh-1\">\n                    Lựa chọn chủ đề giao diện Tối &amp; Sáng.\n                  </div>\n                </div>\n                <!--end::Heading-->\n                <!--begin::Options-->\n                <div\n                  class=\"row\"\n                  data-kt-buttons=\"true\"\n                  data-kt-buttons-target=\".form-check-image,.form-check-input\"\n                  data-kt-initialized=\"1\"\n                >\n                  <!--begin::Col-->\n                  <div class=\"col-6\">\n                    <!--begin::Option-->\n                    <label\n                      :class=\"[themeMode === 'light' && 'active']\"\n                      class=\"form-check-image form-check-success\"\n                    >\n                      <!--begin::Image-->\n                      <div class=\"form-check-wrapper\">\n                        <img\n                          :src=\"\n                            getAssetPath('media/misc/layout/demo1-light.png')\n                          \"\n                          class=\"mw-100\"\n                          alt=\"\"\n                        />\n                      </div>\n                      <!--end::Image-->\n                      <!--begin::Check-->\n                      <div\n                        class=\"form-check form-check-custom form-check-solid form-check-sm form-check-success\"\n                      >\n                        <input\n                          :checked=\"themeMode === 'light'\"\n                          @change=\"onThemeModeChange\"\n                          class=\"form-check-input\"\n                          type=\"radio\"\n                          value=\"light\"\n                          name=\"theme_mode\"\n                        />\n                        <!--begin::Label-->\n                        <div class=\"form-check-label text-gray-700\">Sáng</div>\n                        <!--end::Label-->\n                      </div>\n                      <!--end::Check-->\n                    </label>\n                    <!--end::Option-->\n                  </div>\n                  <!--end::Col-->\n                  <!--begin::Col-->\n                  <div class=\"col-6\">\n                    <!--begin::Option-->\n                    <label\n                      :class=\"[themeMode === 'dark' && 'active']\"\n                      class=\"form-check-image form-check-success\"\n                    >\n                      <!--begin::Image-->\n                      <div class=\"form-check-wrapper\">\n                        <img\n                          :src=\"\n                            getAssetPath('media/misc/layout/demo1-dark.png')\n                          \"\n                          class=\"mw-100\"\n                          alt=\"\"\n                        />\n                      </div>\n                      <!--end::Image-->\n                      <!--begin::Check-->\n                      <div\n                        class=\"form-check form-check-custom form-check-solid form-check-sm form-check-success\"\n                      >\n                        <input\n                          @change=\"onThemeModeChange\"\n                          :checked=\"themeMode === 'dark'\"\n                          class=\"form-check-input\"\n                          type=\"radio\"\n                          value=\"dark\"\n                          name=\"theme_mode\"\n                        />\n                        <!--begin::Label-->\n                        <div class=\"form-check-label text-gray-700\">Tối</div>\n                        <!--end::Label-->\n                      </div>\n                      <!--end::Check-->\n                    </label>\n                    <!--end::Option-->\n                  </div>\n                  <!--end::Col-->\n                </div>\n                <!--end::Options-->\n              </div>\n              <!--end::Form group-->\n              <!--begin::Separator-->\n              <div class=\"separator separator-dashed my-5\"></div>\n              <!--end::Separator-->\n              <!--begin::Form group-->\n              <div class=\"form-group\">\n                <!--begin::Heading-->\n                <div class=\"d-flex flex-column mb-4\">\n                  <h4 class=\"fw-bold text-gray-900\">Kích thước trang</h4>\n                  <div class=\"fs-7 fw-semibold text-muted\">\n                    Tùy biến kích thước vùng làm việc\n                  </div>\n                </div>\n                <!--end::Heading-->\n                <!--begin::Options-->\n                <div class=\"d-flex\">\n                  <!--begin::Check-->\n                  <div\n                    class=\"form-check form-check-custom form-check-success form-check-solid form-check-sm me-5\"\n                  >\n                    <input\n                      v-model=\"config.general.pageWidth\"\n                      class=\"form-check-input\"\n                      type=\"radio\"\n                      value=\"default\"\n                      id=\"kt_builder_page_width_default\"\n                    />\n                    <!--begin::Label-->\n                    <label\n                      class=\"form-check-label text-gray-700 fw-bold text-nowrap\"\n                      for=\"kt_builder_page_width_default\"\n                      >Mặc định</label\n                    >\n                    <!--end::Label-->\n                  </div>\n                  <!--end::Check-->\n                  <!--begin::Check-->\n                  <div\n                    class=\"form-check form-check-custom form-check-success form-check-solid form-check-sm me-5\"\n                  >\n                    <input\n                      v-model=\"config.general.pageWidth\"\n                      class=\"form-check-input\"\n                      type=\"radio\"\n                      value=\"fluid\"\n                      id=\"kt_builder_page_width_fluid\"\n                    />\n                    <!--begin::Label-->\n                    <label\n                      class=\"form-check-label text-gray-700 fw-bold text-nowrap\"\n                      for=\"kt_builder_page_width_fluid\"\n                      >Toàn màn hình</label\n                    >\n                    <!--end::Label-->\n                  </div>\n                  <!--end::Check-->\n                  <!--begin::Check-->\n                  <div\n                    class=\"form-check form-check-custom form-check-success form-check-solid form-check-sm me-5\"\n                  >\n                    <input\n                      v-model=\"config.general.pageWidth\"\n                      class=\"form-check-input\"\n                      type=\"radio\"\n                      value=\"fixed\"\n                      id=\"kt_builder_page_width_fixed\"\n                    />\n                    <!--begin::Label-->\n                    <label\n                      class=\"form-check-label text-gray-700 fw-bold text-nowrap\"\n                      for=\"kt_builder_page_width_fixed\"\n                      >Cố định</label\n                    >\n                    <!--end::Label-->\n                  </div>\n                  <!--end::Check-->\n                </div>\n                <!--end::Options-->\n              </div>\n              <!--end::Form group-->\n              <!--begin::Separator-->\n              <div class=\"separator separator-dashed my-5\"></div>\n              <!--end::Separator-->\n              <!--begin::Form group-->\n              <div class=\"form-group\">\n                <!--begin::Heading-->\n                <div class=\"d-flex flex-column mb-4\">\n                  <h4 class=\"fw-bold text-gray-900\">Kiểu icon</h4>\n                  <div>\n                    <span class=\"fs-7 fw-semibold text-muted\"\n                      >Lựa chọn kiểu icon ưa thích.</span\n                    >\n                  </div>\n                </div>\n                <!--end::Heading-->\n                <!--begin::Options-->\n                <div class=\"d-flex flex-stack gap-3\">\n                  <!--begin::Option-->\n                  <label\n                    :class=\"config.general.iconsType === 'duotone' && 'active'\"\n                    class=\"form-check-image form-check-success w-100 parent-active parent-hover\"\n                  >\n                    <!--begin::Image-->\n                    <div\n                      class=\"form-check-wrapper d-flex flex-center border-gray-200 border-2 mb-0 py-3 px-4\"\n                    >\n                      <KTIcon\n                        icon-type=\"duotone\"\n                        icon-name=\"picture\"\n                        icon-class=\"fs-1 text-gray-500 parent-active-gray-700 parent-hover-gray-700\"\n                      />\n                      <span\n                        class=\"fs-7 fw-semibold ms-2 text-gray-500 parent-active-gray-700 parent-hover-gray-700\"\n                        >Duotone</span\n                      >\n                    </div>\n                    <!--end::Image-->\n                    <!--begin::Check-->\n                    <div\n                      style=\"\n                        visibility: hidden;\n                        height: 0;\n                        width: 0;\n                        overflow: hidden;\n                      \"\n                    >\n                      <input\n                        v-model=\"config.general.iconsType\"\n                        class=\"form-check-input\"\n                        type=\"radio\"\n                        value=\"duotone\"\n                        :checked=\"config.general.iconsType === 'duotone'\"\n                        name=\"duotone\"\n                      />\n                    </div>\n                    <!--end::Check-->\n                  </label>\n                  <!--end::Option-->\n                  <!--begin::Option-->\n                  <label\n                    :class=\"config.general.iconsType === 'outline' && 'active'\"\n                    class=\"form-check-image form-check-success w-100 parent-active parent-hover\"\n                  >\n                    <!--begin::Image-->\n                    <div\n                      class=\"form-check-wrapper d-flex flex-center border-gray-200 border-2 mb-0 py-3 px-4\"\n                    >\n                      <KTIcon\n                        icon-type=\"outline\"\n                        icon-name=\"picture\"\n                        icon-class=\"fs-1 text-gray-500 parent-active-gray-700 parent-hover-gray-700\"\n                      />\n                      <span\n                        class=\"fs-7 fw-semibold ms-2 text-gray-500 parent-active-gray-700 parent-hover-gray-700\"\n                        >Outline</span\n                      >\n                    </div>\n                    <!--end::Image-->\n                    <!--begin::Check-->\n                    <div\n                      style=\"\n                        visibility: hidden;\n                        height: 0;\n                        width: 0;\n                        overflow: hidden;\n                      \"\n                    >\n                      <input\n                        v-model=\"config.general.iconsType\"\n                        class=\"form-check-input\"\n                        type=\"radio\"\n                        value=\"outline\"\n                        name=\"outline\"\n                        :checked=\"config.general.iconsType === 'outline'\"\n                      />\n                    </div>\n                    <!--end::Check-->\n                  </label>\n                  <!--end::Option-->\n                  <!--begin::Option-->\n                  <label\n                    :class=\"config.general.iconsType === 'solid' && 'active'\"\n                    class=\"form-check-image form-check-success w-100 parent-active parent-hover\"\n                  >\n                    <!--begin::Image-->\n                    <div\n                      class=\"form-check-wrapper d-flex flex-center border-gray-200 border-2 mb-0 py-3 px-4\"\n                    >\n                      <KTIcon\n                        icon-type=\"solid\"\n                        icon-name=\"picture\"\n                        icon-class=\"fs-1 text-gray-500 parent-active-gray-700 parent-hover-gray-700\"\n                      />\n                      <span\n                        class=\"fs-7 fw-semibold ms-2 text-gray-500 parent-active-gray-700 parent-hover-gray-700\"\n                        >Solid</span\n                      >\n                    </div>\n                    <!--end::Image-->\n                    <!--begin::Check-->\n                    <div\n                      style=\"\n                        visibility: hidden;\n                        height: 0;\n                        width: 0;\n                        overflow: hidden;\n                      \"\n                    >\n                      <input\n                        v-model=\"config.general.iconsType\"\n                        class=\"form-check-input\"\n                        type=\"radio\"\n                        value=\"solid\"\n                        name=\"solid\"\n                        :checked=\"config.general.iconsType === 'solid'\"\n                      />\n                    </div>\n                    <!--end::Check-->\n                  </label>\n                  <!--end::Option-->\n                </div>\n                <!--end::Options-->\n              </div>\n              <!--end::Form group-->\n              <!--begin::Separator-->\n              <div class=\"separator separator-dashed my-5\"></div>\n              <!--end::Separator-->\n              <!--begin::Form group-->\n              <!--<div class=\"form-group\">-->\n                <!--begin::Heading-->\n                <!--<div class=\"d-flex flex-column mb-4\">\n                  <h4 class=\"fw-bold text-gray-900\">Kiểu Icon menu</h4>\n                  <div class=\"fs-7 fw-semibold text-muted\">\n                    Với kiểu menu trái\n                  </div>\n                </div>-->\n                <!--end::Heading-->\n                <!--begin::Options-->\n                <!--<div class=\"d-flex\">-->\n                  <!--begin::Check-->\n                  <!--<div\n                    class=\"form-check form-check-custom form-check-success form-check-solid form-check-sm me-5\"\n                  >\n                    <input\n                      v-model=\"config.sidebar.default.menu.iconType\"\n                      class=\"form-check-input\"\n                      type=\"radio\"\n                      value=\"keenthemes\"\n                      id=\"kt_builder_keenthemes_icons\"\n                    />-->\n                    <!--begin::Label-->\n                    <!--<label\n                      class=\"form-check-label text-gray-700 fw-bold text-nowrap\"\n                      for=\"kt_builder_keenthemes_icons\"\n                      >Kiểu 1</label\n                    >-->\n                    <!--end::Label-->\n                  <!--</div>-->\n                  <!--end::Check-->\n                  <!--begin::Check-->\n                  <!--<div\n                    class=\"form-check form-check-custom form-check-success form-check-solid form-check-sm me-5\"\n                  >\n                    <input\n                      v-model=\"config.sidebar.default.menu.iconType\"\n                      class=\"form-check-input\"\n                      type=\"radio\"\n                      value=\"bootstrap\"\n                      id=\"kt_builder_bootstrap_icons\"\n                    />-->\n                    <!--begin::Label-->\n                    <!--<label\n                      class=\"form-check-label text-gray-700 fw-bold text-nowrap\"\n                      for=\"kt_builder_bootstrap_icons\"\n                      >Kiểu 2</label\n                    >-->\n                    <!--end::Label-->\n                  <!--</div>-->\n                  <!--end::Check-->\n                <!--</div>-->\n                <!--end::Options-->\n              <!--</div>-->\n              <!--end::Form group-->\n              <!--begin::Separator-->\n              <div class=\"separator separator-dashed my-5\"></div>\n              <!--end::Separator-->\n              <!--begin::Form group-->\n              <div class=\"form-group\">\n                <!--begin::Heading-->\n                <div class=\"mb-6\">\n                  <h4 class=\"fw-bold text-gray-900\">Bố cục</h4>\n                  <span class=\"fw-semibold text-muted fs-7 lh-1\"\n                    >4 kiểu bố cục chính.{{ \" \" }}</span\n                  >\n                  <router-link to=\"/builder\" class=\"text-primary\"\n                    >Xem thêm</router-link\n                  >\n                </div>\n                <!--end::Heading-->\n                <!--begin::Options-->\n                <div\n                  class=\"row gy-3\"\n                  data-kt-buttons=\"true\"\n                  data-kt-buttons-target=\".form-check-image:not(.disabled),.form-check-input:not([disabled])\"\n                  data-kt-initialized=\"1\"\n                >\n                  <!--begin::Col-->\n                  <div class=\"col-6\">\n                    <!--begin::Option-->\n                    <label\n                      class=\"form-check-image form-check-success\"\n                      :class=\"[layoutType === 'dark-sidebar' && 'active']\"\n                    >\n                      <!--begin::Image-->\n                      <div class=\"form-check-wrapper\">\n                        <img\n                          :src=\"\n                            getAssetPath('media/misc/layout/dark-sidebar.png')\n                          \"\n                          class=\"mw-100\"\n                          alt=\"\"\n                        />\n                      </div>\n                      <!--end::Image-->\n                      <!--begin::Check-->\n                      <div\n                        class=\"form-check form-check-custom form-check-success form-check-sm form-check-solid\"\n                      >\n                        <input\n                          v-model=\"layoutType\"\n                          class=\"form-check-input\"\n                          type=\"radio\"\n                          value=\"dark-sidebar\"\n                          name=\"layoutType\"\n                        />\n                        <!--begin::Label-->\n                        <div class=\"form-check-label text-gray-700\">\n                          Menu trái + tối\n                        </div>\n                        <!--end::Label-->\n                      </div>\n                      <!--end::Check-->\n                    </label>\n                    <!--end::Option-->\n                  </div>\n                  <!--end::Col-->\n                  <!--begin::Col-->\n                  <div class=\"col-6\">\n                    <!--begin::Option-->\n                    <label\n                      class=\"form-check-image form-check-success\"\n                      :class=\"[layoutType === 'light-sidebar' && 'active']\"\n                    >\n                      <!--begin::Image-->\n                      <div class=\"form-check-wrapper\">\n                        <img\n                          :src=\"\n                            getAssetPath('media/misc/layout/light-sidebar.png')\n                          \"\n                          class=\"mw-100\"\n                          alt=\"\"\n                        />\n                      </div>\n                      <!--end::Image-->\n                      <!--begin::Check-->\n                      <div\n                        class=\"form-check form-check-custom form-check-success form-check-sm form-check-solid\"\n                      >\n                        <input\n                          v-model=\"layoutType\"\n                          class=\"form-check-input\"\n                          type=\"radio\"\n                          value=\"light-sidebar\"\n                          name=\"layoutType\"\n                        />\n                        <!--begin::Label-->\n                        <div class=\"form-check-label text-gray-700\">\n                          Menu trái + sáng\n                        </div>\n                        <!--end::Label-->\n                      </div>\n                      <!--end::Check-->\n                    </label>\n                    <!--end::Option-->\n                  </div>\n                  <!--end::Col-->\n                  <!--begin::Col-->\n                  <div class=\"col-6\">\n                    <!--begin::Option-->\n                    <label\n                      class=\"form-check-image form-check-success\"\n                      :class=\"[layoutType === 'dark-header' && 'active']\"\n                    >\n                      <!--begin::Image-->\n                      <div class=\"form-check-wrapper\">\n                        <img\n                          :src=\"\n                            getAssetPath('media/misc/layout/dark-header.png')\n                          \"\n                          class=\"mw-100\"\n                          alt=\"\"\n                        />\n                      </div>\n                      <!--end::Image-->\n                      <!--begin::Check-->\n                      <div\n                        class=\"form-check form-check-custom form-check-success form-check-sm form-check-solid\"\n                      >\n                        <input\n                          v-model=\"layoutType\"\n                          class=\"form-check-input\"\n                          type=\"radio\"\n                          value=\"dark-header\"\n                          name=\"layoutType\"\n                        />\n                        <!--begin::Label-->\n                        <div class=\"form-check-label text-gray-700\">\n                          Menu trên + tối\n                        </div>\n                        <!--end::Label-->\n                      </div>\n                      <!--end::Check-->\n                    </label>\n                    <!--end::Option-->\n                  </div>\n                  <!--end::Col-->\n                  <!--begin::Col-->\n                  <div class=\"col-6\">\n                    <!--begin::Option-->\n                    <label\n                      class=\"form-check-image form-check-success\"\n                      :class=\"[layoutType === 'light-header' && 'active']\"\n                    >\n                      <!--begin::Image-->\n                      <div class=\"form-check-wrapper\">\n                        <img\n                          :src=\"\n                            getAssetPath('media/misc/layout/light-header.png')\n                          \"\n                          class=\"mw-100\"\n                          alt=\"\"\n                        />\n                      </div>\n                      <!--end::Image-->\n                      <!--begin::Check-->\n                      <div\n                        class=\"form-check form-check-custom form-check-success form-check-sm form-check-solid\"\n                      >\n                        <input\n                          v-model=\"layoutType\"\n                          class=\"form-check-input\"\n                          type=\"radio\"\n                          value=\"light-header\"\n                          name=\"layoutType\"\n                        />\n                        <!--begin::Label-->\n                        <div class=\"form-check-label text-gray-700\">\n                          Menu trên + sáng\n                        </div>\n                        <!--end::Label-->\n                      </div>\n                      <!--end::Check-->\n                    </label>\n                    <!--end::Option-->\n                  </div>\n                  <!--end::Col-->\n                </div>\n                <!--end::Options-->\n              </div>\n              <!--end::Form group-->\n            </div>\n            <!--end::Card body-->\n          </form>\n          <!--end::Form-->\n        </div>\n        <!--end::Content-->\n      </div>\n      <!--end::Card body-->\n      <!--begin::Card footer-->\n      <div\n        class=\"card-footer border-0 d-flex gap-3 pb-9 pt-0\"\n        id=\"kt_app_layout_builder_footer\"\n      >\n        <button\n          type=\"button\"\n          @click=\"submit\"\n          id=\"kt_app_layout_builder_preview\"\n          class=\"btn btn-primary flex-grow-1 fw-semibold\"\n        >\n          <!--begin::Indicator label-->\n          <span class=\"indicator-label\">Lưu thay đổi</span>\n          <!--end::Indicator label-->\n        </button>\n        <button\n          @click=\"reset\"\n          type=\"button\"\n          id=\"kt_app_layout_builder_reset\"\n          class=\"btn btn-light flex-grow-1 fw-semibold\"\n        >\n          <!--begin::Indicator label-->\n          <span class=\"indicator-label\">Trở về mặc định</span>\n          <!--end::Indicator label-->\n          <!--begin::Indicator progress-->\n          <span class=\"indicator-progress\"\n            >Please wait...\n            <span\n              class=\"spinner-border spinner-border-sm align-middle ms-2\"\n            ></span\n          ></span>\n          <!--end::Indicator progress-->\n        </button>\n      </div>\n      <!--end::Card footer-->\n    </div>\n    <!--end::Card-->\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { getAssetPath } from \"@/core/helpers/assets\";\nimport { defineComponent, ref } from \"vue\";\nimport { config, layout, themeMode } from \"@/layouts/default-layout/config/helper\";\nimport { LS_CONFIG_NAME_KEY, useConfigStore } from \"@/stores/config\";\nimport { useThemeStore } from \"@/stores/theme\";\n\nexport default defineComponent({\n  name: \"customize-layout\",\n  components: {},\n  setup() {\n    const storeConfig = useConfigStore();\n    const storeTheme = useThemeStore();\n\n    const layoutType = ref(layout.value);\n\n    /**\n     * Reset config\n     * @param e\n     */\n    const reset = (e: Event) => {\n      e.preventDefault();\n      // remove existing saved config\n      localStorage.removeItem(LS_CONFIG_NAME_KEY);\n      window.location.reload();\n    };\n\n    const onThemeModeChange = (e: Event) => {\n      const target = e.target as HTMLInputElement;\n\n      storeConfig.setLayoutConfigProperty(\"general.mode\", target.value);\n      storeTheme.setThemeMode(target.value as \"dark\" | \"light\" | \"system\");\n\n      // save new config to localStorage\n      localStorage.setItem(LS_CONFIG_NAME_KEY, JSON.stringify(config.value));\n    };\n\n    /**\n     * Submit form\n     * @param event\n     */\n    const submit = (event: Event) => {\n      event.preventDefault();\n\n      storeConfig.setLayoutConfigProperty(\"general.layout\", layoutType);\n      // save new config to localStorage\n      localStorage.setItem(LS_CONFIG_NAME_KEY, JSON.stringify(config.value));\n      window.location.reload();\n    };\n\n    return {\n      reset,\n      onThemeModeChange,\n      submit,\n      config,\n      layoutType,\n      themeMode,\n      getAssetPath,\n    };\n  },\n});\n</script>","<template>\n  <!--<button\n    id=\"kt_app_layout_builder_toggle\"\n    class=\"btn btn-dark app-layout-builder-toggle lh-1 py-4\"\n    data-bs-toggle=\"tooltip\"\n    data-bs-placement=\"left\"\n    data-bs-dismiss=\"click\"\n    data-bs-trigger=\"hover\"\n  >\n    <KTIcon icon-name=\"setting-4\" icon-class=\"fs-4 me-1\" />Customize\n  </button>-->\n\n  <div\n    id=\"kt_app_layout_builder\"\n    class=\"bg-body drawer drawer-end\"\n    data-kt-drawer=\"true\"\n    data-kt-drawer-name=\"app-settings\"\n    data-kt-drawer-activate=\"true\"\n    data-kt-drawer-overlay=\"true\"\n    data-kt-drawer-width=\"{default:'300px', 'lg': '380px'}\"\n    data-kt-drawer-direction=\"end\"\n    data-kt-drawer-toggle=\"#kt_app_layout_builder_toggle\"\n    data-kt-drawer-close=\"#kt_app_layout_builder_close\"\n  >\n    <!--begin::Card-->\n    <div class=\"card border-0 shadow-none rounded-0 w-100\">\n      <!--begin::Card header-->\n      <div\n        class=\"card-header bgi-position-y-bottom bgi-position-x-end bgi-size-cover bgi-no-repeat rounded-0 border-0 py-4\"\n        id=\"kt_app_layout_builder_header\"\n        :style=\"{\n          backgroundImage: `url(\n            ${getAssetPath('media/misc/layout/customizer-header-bg.jpg')}\n          )`,\n        }\"\n      >\n        <!--begin::Card title-->\n        <h3 class=\"card-title fs-3 fw-bold text-white flex-column m-0\">\n          Tùy biến giao diện\n          <small class=\"text-white opacity-50 fs-7 fw-semibold pt-1\"\n            >Cấu hình giao diện phù hợp với bạn</small\n          >\n        </h3>\n        <!--end::Card title-->\n        <!--begin::Card toolbar-->\n        <div class=\"card-toolbar\">\n          <button\n            type=\"button\"\n            class=\"btn btn-sm btn-icon btn-color-white p-0 w-20px h-20px rounded-1\"\n            id=\"kt_app_layout_builder_close\"\n          >\n            <KTIcon icon-name=\"cross-square\" icon-class=\"fs-2\" />\n          </button>\n        </div>\n        <!--end::Card toolbar-->\n      </div>\n      <!--end::Card header-->\n      <!--begin::Card body-->\n      <div class=\"card-body position-relative\" id=\"kt_app_layout_builder_body\">\n        <!--begin::Content-->\n        <div\n          id=\"kt_app_settings_content\"\n          class=\"position-relative scroll-y me-n5 pe-5\"\n          data-kt-scroll=\"true\"\n          data-kt-scroll-height=\"auto\"\n          data-kt-scroll-wrappers=\"#kt_app_layout_builder_body\"\n          data-kt-scroll-dependencies=\"#kt_app_layout_builder_header, #kt_app_layout_builder_footer\"\n          data-kt-scroll-offset=\"5px\"\n          style=\"height: 710px\"\n        >\n          <!--begin::Form-->\n          <form class=\"form\" id=\"kt_app_layout_builder_form\">\n            <input\n              type=\"hidden\"\n              id=\"kt_app_layout_builder_action\"\n              name=\"layout-builder[action]\"\n            />\n            <!--begin::Card body-->\n            <div class=\"card-body p-0\">\n              <!--begin::Form group-->\n              <div class=\"form-group\">\n                <!--begin::Heading-->\n                <div class=\"mb-6\">\n                  <h4 class=\"fw-bold text-gray-900\">Chủ đề</h4>\n                  <div class=\"fw-semibold text-muted fs-7 d-block lh-1\">\n                    Lựa chọn chủ đề giao diện Tối &amp; Sáng.\n                  </div>\n                </div>\n                <!--end::Heading-->\n                <!--begin::Options-->\n                <div\n                  class=\"row\"\n                  data-kt-buttons=\"true\"\n                  data-kt-buttons-target=\".form-check-image,.form-check-input\"\n                  data-kt-initialized=\"1\"\n                >\n                  <!--begin::Col-->\n                  <div class=\"col-6\">\n                    <!--begin::Option-->\n                    <label\n                      :class=\"[themeMode === 'light' && 'active']\"\n                      class=\"form-check-image form-check-success\"\n                    >\n                      <!--begin::Image-->\n                      <div class=\"form-check-wrapper\">\n                        <img\n                          :src=\"\n                            getAssetPath('media/misc/layout/demo1-light.png')\n                          \"\n                          class=\"mw-100\"\n                          alt=\"\"\n                        />\n                      </div>\n                      <!--end::Image-->\n                      <!--begin::Check-->\n                      <div\n                        class=\"form-check form-check-custom form-check-solid form-check-sm form-check-success\"\n                      >\n                        <input\n                          :checked=\"themeMode === 'light'\"\n                          @change=\"onThemeModeChange\"\n                          class=\"form-check-input\"\n                          type=\"radio\"\n                          value=\"light\"\n                          name=\"theme_mode\"\n                        />\n                        <!--begin::Label-->\n                        <div class=\"form-check-label text-gray-700\">Sáng</div>\n                        <!--end::Label-->\n                      </div>\n                      <!--end::Check-->\n                    </label>\n                    <!--end::Option-->\n                  </div>\n                  <!--end::Col-->\n                  <!--begin::Col-->\n                  <div class=\"col-6\">\n                    <!--begin::Option-->\n                    <label\n                      :class=\"[themeMode === 'dark' && 'active']\"\n                      class=\"form-check-image form-check-success\"\n                    >\n                      <!--begin::Image-->\n                      <div class=\"form-check-wrapper\">\n                        <img\n                          :src=\"\n                            getAssetPath('media/misc/layout/demo1-dark.png')\n                          \"\n                          class=\"mw-100\"\n                          alt=\"\"\n                        />\n                      </div>\n                      <!--end::Image-->\n                      <!--begin::Check-->\n                      <div\n                        class=\"form-check form-check-custom form-check-solid form-check-sm form-check-success\"\n                      >\n                        <input\n                          @change=\"onThemeModeChange\"\n                          :checked=\"themeMode === 'dark'\"\n                          class=\"form-check-input\"\n                          type=\"radio\"\n                          value=\"dark\"\n                          name=\"theme_mode\"\n                        />\n                        <!--begin::Label-->\n                        <div class=\"form-check-label text-gray-700\">Tối</div>\n                        <!--end::Label-->\n                      </div>\n                      <!--end::Check-->\n                    </label>\n                    <!--end::Option-->\n                  </div>\n                  <!--end::Col-->\n                </div>\n                <!--end::Options-->\n              </div>\n              <!--end::Form group-->\n              <!--begin::Separator-->\n              <div class=\"separator separator-dashed my-5\"></div>\n              <!--end::Separator-->\n              <!--begin::Form group-->\n              <div class=\"form-group\">\n                <!--begin::Heading-->\n                <div class=\"d-flex flex-column mb-4\">\n                  <h4 class=\"fw-bold text-gray-900\">Kích thước trang</h4>\n                  <div class=\"fs-7 fw-semibold text-muted\">\n                    Tùy biến kích thước vùng làm việc\n                  </div>\n                </div>\n                <!--end::Heading-->\n                <!--begin::Options-->\n                <div class=\"d-flex\">\n                  <!--begin::Check-->\n                  <div\n                    class=\"form-check form-check-custom form-check-success form-check-solid form-check-sm me-5\"\n                  >\n                    <input\n                      v-model=\"config.general.pageWidth\"\n                      class=\"form-check-input\"\n                      type=\"radio\"\n                      value=\"default\"\n                      id=\"kt_builder_page_width_default\"\n                    />\n                    <!--begin::Label-->\n                    <label\n                      class=\"form-check-label text-gray-700 fw-bold text-nowrap\"\n                      for=\"kt_builder_page_width_default\"\n                      >Mặc định</label\n                    >\n                    <!--end::Label-->\n                  </div>\n                  <!--end::Check-->\n                  <!--begin::Check-->\n                  <div\n                    class=\"form-check form-check-custom form-check-success form-check-solid form-check-sm me-5\"\n                  >\n                    <input\n                      v-model=\"config.general.pageWidth\"\n                      class=\"form-check-input\"\n                      type=\"radio\"\n                      value=\"fluid\"\n                      id=\"kt_builder_page_width_fluid\"\n                    />\n                    <!--begin::Label-->\n                    <label\n                      class=\"form-check-label text-gray-700 fw-bold text-nowrap\"\n                      for=\"kt_builder_page_width_fluid\"\n                      >Toàn màn hình</label\n                    >\n                    <!--end::Label-->\n                  </div>\n                  <!--end::Check-->\n                  <!--begin::Check-->\n                  <div\n                    class=\"form-check form-check-custom form-check-success form-check-solid form-check-sm me-5\"\n                  >\n                    <input\n                      v-model=\"config.general.pageWidth\"\n                      class=\"form-check-input\"\n                      type=\"radio\"\n                      value=\"fixed\"\n                      id=\"kt_builder_page_width_fixed\"\n                    />\n                    <!--begin::Label-->\n                    <label\n                      class=\"form-check-label text-gray-700 fw-bold text-nowrap\"\n                      for=\"kt_builder_page_width_fixed\"\n                      >Cố định</label\n                    >\n                    <!--end::Label-->\n                  </div>\n                  <!--end::Check-->\n                </div>\n                <!--end::Options-->\n              </div>\n              <!--end::Form group-->\n              <!--begin::Separator-->\n              <div class=\"separator separator-dashed my-5\"></div>\n              <!--end::Separator-->\n              <!--begin::Form group-->\n              <div class=\"form-group\">\n                <!--begin::Heading-->\n                <div class=\"d-flex flex-column mb-4\">\n                  <h4 class=\"fw-bold text-gray-900\">Kiểu icon</h4>\n                  <div>\n                    <span class=\"fs-7 fw-semibold text-muted\"\n                      >Lựa chọn kiểu icon ưa thích.</span\n                    >\n                  </div>\n                </div>\n                <!--end::Heading-->\n                <!--begin::Options-->\n                <div class=\"d-flex flex-stack gap-3\">\n                  <!--begin::Option-->\n                  <label\n                    :class=\"config.general.iconsType === 'duotone' && 'active'\"\n                    class=\"form-check-image form-check-success w-100 parent-active parent-hover\"\n                  >\n                    <!--begin::Image-->\n                    <div\n                      class=\"form-check-wrapper d-flex flex-center border-gray-200 border-2 mb-0 py-3 px-4\"\n                    >\n                      <KTIcon\n                        icon-type=\"duotone\"\n                        icon-name=\"picture\"\n                        icon-class=\"fs-1 text-gray-500 parent-active-gray-700 parent-hover-gray-700\"\n                      />\n                      <span\n                        class=\"fs-7 fw-semibold ms-2 text-gray-500 parent-active-gray-700 parent-hover-gray-700\"\n                        >Duotone</span\n                      >\n                    </div>\n                    <!--end::Image-->\n                    <!--begin::Check-->\n                    <div\n                      style=\"\n                        visibility: hidden;\n                        height: 0;\n                        width: 0;\n                        overflow: hidden;\n                      \"\n                    >\n                      <input\n                        v-model=\"config.general.iconsType\"\n                        class=\"form-check-input\"\n                        type=\"radio\"\n                        value=\"duotone\"\n                        :checked=\"config.general.iconsType === 'duotone'\"\n                        name=\"duotone\"\n                      />\n                    </div>\n                    <!--end::Check-->\n                  </label>\n                  <!--end::Option-->\n                  <!--begin::Option-->\n                  <label\n                    :class=\"config.general.iconsType === 'outline' && 'active'\"\n                    class=\"form-check-image form-check-success w-100 parent-active parent-hover\"\n                  >\n                    <!--begin::Image-->\n                    <div\n                      class=\"form-check-wrapper d-flex flex-center border-gray-200 border-2 mb-0 py-3 px-4\"\n                    >\n                      <KTIcon\n                        icon-type=\"outline\"\n                        icon-name=\"picture\"\n                        icon-class=\"fs-1 text-gray-500 parent-active-gray-700 parent-hover-gray-700\"\n                      />\n                      <span\n                        class=\"fs-7 fw-semibold ms-2 text-gray-500 parent-active-gray-700 parent-hover-gray-700\"\n                        >Outline</span\n                      >\n                    </div>\n                    <!--end::Image-->\n                    <!--begin::Check-->\n                    <div\n                      style=\"\n                        visibility: hidden;\n                        height: 0;\n                        width: 0;\n                        overflow: hidden;\n                      \"\n                    >\n                      <input\n                        v-model=\"config.general.iconsType\"\n                        class=\"form-check-input\"\n                        type=\"radio\"\n                        value=\"outline\"\n                        name=\"outline\"\n                        :checked=\"config.general.iconsType === 'outline'\"\n                      />\n                    </div>\n                    <!--end::Check-->\n                  </label>\n                  <!--end::Option-->\n                  <!--begin::Option-->\n                  <label\n                    :class=\"config.general.iconsType === 'solid' && 'active'\"\n                    class=\"form-check-image form-check-success w-100 parent-active parent-hover\"\n                  >\n                    <!--begin::Image-->\n                    <div\n                      class=\"form-check-wrapper d-flex flex-center border-gray-200 border-2 mb-0 py-3 px-4\"\n                    >\n                      <KTIcon\n                        icon-type=\"solid\"\n                        icon-name=\"picture\"\n                        icon-class=\"fs-1 text-gray-500 parent-active-gray-700 parent-hover-gray-700\"\n                      />\n                      <span\n                        class=\"fs-7 fw-semibold ms-2 text-gray-500 parent-active-gray-700 parent-hover-gray-700\"\n                        >Solid</span\n                      >\n                    </div>\n                    <!--end::Image-->\n                    <!--begin::Check-->\n                    <div\n                      style=\"\n                        visibility: hidden;\n                        height: 0;\n                        width: 0;\n                        overflow: hidden;\n                      \"\n                    >\n                      <input\n                        v-model=\"config.general.iconsType\"\n                        class=\"form-check-input\"\n                        type=\"radio\"\n                        value=\"solid\"\n                        name=\"solid\"\n                        :checked=\"config.general.iconsType === 'solid'\"\n                      />\n                    </div>\n                    <!--end::Check-->\n                  </label>\n                  <!--end::Option-->\n                </div>\n                <!--end::Options-->\n              </div>\n              <!--end::Form group-->\n              <!--begin::Separator-->\n              <div class=\"separator separator-dashed my-5\"></div>\n              <!--end::Separator-->\n              <!--begin::Form group-->\n              <!--<div class=\"form-group\">-->\n                <!--begin::Heading-->\n                <!--<div class=\"d-flex flex-column mb-4\">\n                  <h4 class=\"fw-bold text-gray-900\">Kiểu Icon menu</h4>\n                  <div class=\"fs-7 fw-semibold text-muted\">\n                    Với kiểu menu trái\n                  </div>\n                </div>-->\n                <!--end::Heading-->\n                <!--begin::Options-->\n                <!--<div class=\"d-flex\">-->\n                  <!--begin::Check-->\n                  <!--<div\n                    class=\"form-check form-check-custom form-check-success form-check-solid form-check-sm me-5\"\n                  >\n                    <input\n                      v-model=\"config.sidebar.default.menu.iconType\"\n                      class=\"form-check-input\"\n                      type=\"radio\"\n                      value=\"keenthemes\"\n                      id=\"kt_builder_keenthemes_icons\"\n                    />-->\n                    <!--begin::Label-->\n                    <!--<label\n                      class=\"form-check-label text-gray-700 fw-bold text-nowrap\"\n                      for=\"kt_builder_keenthemes_icons\"\n                      >Kiểu 1</label\n                    >-->\n                    <!--end::Label-->\n                  <!--</div>-->\n                  <!--end::Check-->\n                  <!--begin::Check-->\n                  <!--<div\n                    class=\"form-check form-check-custom form-check-success form-check-solid form-check-sm me-5\"\n                  >\n                    <input\n                      v-model=\"config.sidebar.default.menu.iconType\"\n                      class=\"form-check-input\"\n                      type=\"radio\"\n                      value=\"bootstrap\"\n                      id=\"kt_builder_bootstrap_icons\"\n                    />-->\n                    <!--begin::Label-->\n                    <!--<label\n                      class=\"form-check-label text-gray-700 fw-bold text-nowrap\"\n                      for=\"kt_builder_bootstrap_icons\"\n                      >Kiểu 2</label\n                    >-->\n                    <!--end::Label-->\n                  <!--</div>-->\n                  <!--end::Check-->\n                <!--</div>-->\n                <!--end::Options-->\n              <!--</div>-->\n              <!--end::Form group-->\n              <!--begin::Separator-->\n              <div class=\"separator separator-dashed my-5\"></div>\n              <!--end::Separator-->\n              <!--begin::Form group-->\n              <div class=\"form-group\">\n                <!--begin::Heading-->\n                <div class=\"mb-6\">\n                  <h4 class=\"fw-bold text-gray-900\">Bố cục</h4>\n                  <span class=\"fw-semibold text-muted fs-7 lh-1\"\n                    >4 kiểu bố cục chính.{{ \" \" }}</span\n                  >\n                  <router-link to=\"/builder\" class=\"text-primary\"\n                    >Xem thêm</router-link\n                  >\n                </div>\n                <!--end::Heading-->\n                <!--begin::Options-->\n                <div\n                  class=\"row gy-3\"\n                  data-kt-buttons=\"true\"\n                  data-kt-buttons-target=\".form-check-image:not(.disabled),.form-check-input:not([disabled])\"\n                  data-kt-initialized=\"1\"\n                >\n                  <!--begin::Col-->\n                  <div class=\"col-6\">\n                    <!--begin::Option-->\n                    <label\n                      class=\"form-check-image form-check-success\"\n                      :class=\"[layoutType === 'dark-sidebar' && 'active']\"\n                    >\n                      <!--begin::Image-->\n                      <div class=\"form-check-wrapper\">\n                        <img\n                          :src=\"\n                            getAssetPath('media/misc/layout/dark-sidebar.png')\n                          \"\n                          class=\"mw-100\"\n                          alt=\"\"\n                        />\n                      </div>\n                      <!--end::Image-->\n                      <!--begin::Check-->\n                      <div\n                        class=\"form-check form-check-custom form-check-success form-check-sm form-check-solid\"\n                      >\n                        <input\n                          v-model=\"layoutType\"\n                          class=\"form-check-input\"\n                          type=\"radio\"\n                          value=\"dark-sidebar\"\n                          name=\"layoutType\"\n                        />\n                        <!--begin::Label-->\n                        <div class=\"form-check-label text-gray-700\">\n                          Menu trái + tối\n                        </div>\n                        <!--end::Label-->\n                      </div>\n                      <!--end::Check-->\n                    </label>\n                    <!--end::Option-->\n                  </div>\n                  <!--end::Col-->\n                  <!--begin::Col-->\n                  <div class=\"col-6\">\n                    <!--begin::Option-->\n                    <label\n                      class=\"form-check-image form-check-success\"\n                      :class=\"[layoutType === 'light-sidebar' && 'active']\"\n                    >\n                      <!--begin::Image-->\n                      <div class=\"form-check-wrapper\">\n                        <img\n                          :src=\"\n                            getAssetPath('media/misc/layout/light-sidebar.png')\n                          \"\n                          class=\"mw-100\"\n                          alt=\"\"\n                        />\n                      </div>\n                      <!--end::Image-->\n                      <!--begin::Check-->\n                      <div\n                        class=\"form-check form-check-custom form-check-success form-check-sm form-check-solid\"\n                      >\n                        <input\n                          v-model=\"layoutType\"\n                          class=\"form-check-input\"\n                          type=\"radio\"\n                          value=\"light-sidebar\"\n                          name=\"layoutType\"\n                        />\n                        <!--begin::Label-->\n                        <div class=\"form-check-label text-gray-700\">\n                          Menu trái + sáng\n                        </div>\n                        <!--end::Label-->\n                      </div>\n                      <!--end::Check-->\n                    </label>\n                    <!--end::Option-->\n                  </div>\n                  <!--end::Col-->\n                  <!--begin::Col-->\n                  <div class=\"col-6\">\n                    <!--begin::Option-->\n                    <label\n                      class=\"form-check-image form-check-success\"\n                      :class=\"[layoutType === 'dark-header' && 'active']\"\n                    >\n                      <!--begin::Image-->\n                      <div class=\"form-check-wrapper\">\n                        <img\n                          :src=\"\n                            getAssetPath('media/misc/layout/dark-header.png')\n                          \"\n                          class=\"mw-100\"\n                          alt=\"\"\n                        />\n                      </div>\n                      <!--end::Image-->\n                      <!--begin::Check-->\n                      <div\n                        class=\"form-check form-check-custom form-check-success form-check-sm form-check-solid\"\n                      >\n                        <input\n                          v-model=\"layoutType\"\n                          class=\"form-check-input\"\n                          type=\"radio\"\n                          value=\"dark-header\"\n                          name=\"layoutType\"\n                        />\n                        <!--begin::Label-->\n                        <div class=\"form-check-label text-gray-700\">\n                          Menu trên + tối\n                        </div>\n                        <!--end::Label-->\n                      </div>\n                      <!--end::Check-->\n                    </label>\n                    <!--end::Option-->\n                  </div>\n                  <!--end::Col-->\n                  <!--begin::Col-->\n                  <div class=\"col-6\">\n                    <!--begin::Option-->\n                    <label\n                      class=\"form-check-image form-check-success\"\n                      :class=\"[layoutType === 'light-header' && 'active']\"\n                    >\n                      <!--begin::Image-->\n                      <div class=\"form-check-wrapper\">\n                        <img\n                          :src=\"\n                            getAssetPath('media/misc/layout/light-header.png')\n                          \"\n                          class=\"mw-100\"\n                          alt=\"\"\n                        />\n                      </div>\n                      <!--end::Image-->\n                      <!--begin::Check-->\n                      <div\n                        class=\"form-check form-check-custom form-check-success form-check-sm form-check-solid\"\n                      >\n                        <input\n                          v-model=\"layoutType\"\n                          class=\"form-check-input\"\n                          type=\"radio\"\n                          value=\"light-header\"\n                          name=\"layoutType\"\n                        />\n                        <!--begin::Label-->\n                        <div class=\"form-check-label text-gray-700\">\n                          Menu trên + sáng\n                        </div>\n                        <!--end::Label-->\n                      </div>\n                      <!--end::Check-->\n                    </label>\n                    <!--end::Option-->\n                  </div>\n                  <!--end::Col-->\n                </div>\n                <!--end::Options-->\n              </div>\n              <!--end::Form group-->\n            </div>\n            <!--end::Card body-->\n          </form>\n          <!--end::Form-->\n        </div>\n        <!--end::Content-->\n      </div>\n      <!--end::Card body-->\n      <!--begin::Card footer-->\n      <div\n        class=\"card-footer border-0 d-flex gap-3 pb-9 pt-0\"\n        id=\"kt_app_layout_builder_footer\"\n      >\n        <button\n          type=\"button\"\n          @click=\"submit\"\n          id=\"kt_app_layout_builder_preview\"\n          class=\"btn btn-primary flex-grow-1 fw-semibold\"\n        >\n          <!--begin::Indicator label-->\n          <span class=\"indicator-label\">Lưu thay đổi</span>\n          <!--end::Indicator label-->\n        </button>\n        <button\n          @click=\"reset\"\n          type=\"button\"\n          id=\"kt_app_layout_builder_reset\"\n          class=\"btn btn-light flex-grow-1 fw-semibold\"\n        >\n          <!--begin::Indicator label-->\n          <span class=\"indicator-label\">Trở về mặc định</span>\n          <!--end::Indicator label-->\n          <!--begin::Indicator progress-->\n          <span class=\"indicator-progress\"\n            >Please wait...\n            <span\n              class=\"spinner-border spinner-border-sm align-middle ms-2\"\n            ></span\n          ></span>\n          <!--end::Indicator progress-->\n        </button>\n      </div>\n      <!--end::Card footer-->\n    </div>\n    <!--end::Card-->\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { getAssetPath } from \"@/core/helpers/assets\";\nimport { defineComponent, ref } from \"vue\";\nimport { config, layout, themeMode } from \"@/layouts/default-layout/config/helper\";\nimport { LS_CONFIG_NAME_KEY, useConfigStore } from \"@/stores/config\";\nimport { useThemeStore } from \"@/stores/theme\";\n\nexport default defineComponent({\n  name: \"customize-layout\",\n  components: {},\n  setup() {\n    const storeConfig = useConfigStore();\n    const storeTheme = useThemeStore();\n\n    const layoutType = ref(layout.value);\n\n    /**\n     * Reset config\n     * @param e\n     */\n    const reset = (e: Event) => {\n      e.preventDefault();\n      // remove existing saved config\n      localStorage.removeItem(LS_CONFIG_NAME_KEY);\n      window.location.reload();\n    };\n\n    const onThemeModeChange = (e: Event) => {\n      const target = e.target as HTMLInputElement;\n\n      storeConfig.setLayoutConfigProperty(\"general.mode\", target.value);\n      storeTheme.setThemeMode(target.value as \"dark\" | \"light\" | \"system\");\n\n      // save new config to localStorage\n      localStorage.setItem(LS_CONFIG_NAME_KEY, JSON.stringify(config.value));\n    };\n\n    /**\n     * Submit form\n     * @param event\n     */\n    const submit = (event: Event) => {\n      event.preventDefault();\n\n      storeConfig.setLayoutConfigProperty(\"general.layout\", layoutType);\n      // save new config to localStorage\n      localStorage.setItem(LS_CONFIG_NAME_KEY, JSON.stringify(config.value));\n      window.location.reload();\n    };\n\n    return {\n      reset,\n      onThemeModeChange,\n      submit,\n      config,\n      layoutType,\n      themeMode,\n      getAssetPath,\n    };\n  },\n});\n</script>"],"names":["_sfc_main","defineComponent","storeConfig","useConfigStore","storeTheme","useThemeStore","layoutType","ref","layout","e","LS_CONFIG_NAME_KEY","target","config","event","themeMode","getAssetPath","_hoisted_1","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_27","_hoisted_28","_hoisted_30","_hoisted_31","_hoisted_33","_hoisted_34","_hoisted_35","_hoisted_36","_hoisted_38","_hoisted_39","_hoisted_40","_hoisted_42","_hoisted_43","_hoisted_44","_hoisted_46","_hoisted_47","_hoisted_48","_hoisted_50","_hoisted_51","_hoisted_52","_hoisted_55","_hoisted_56","_resolveComponent","_openBlock","_createElementBlock","_createElementVNode","_hoisted_2","_cache","_createTextVNode","_createVNode","_component_KTIcon","_hoisted_8","_normalizeClass","_hoisted_12","_ctx","args","_hoisted_17","_hoisted_21","_hoisted_22","_withDirectives","$event","_vModelRadio","_hoisted_26","_hoisted_29","_hoisted_32","_hoisted_37","_toDisplayString","_component_router_link","_hoisted_41","_hoisted_45","_hoisted_49","_hoisted_53","_hoisted_54"],"mappings":"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"}