{"version":3,"sources":["webpack:///./src/components/TextEditor.vue?3980","webpack:///src/components/TextEditor.vue","webpack:///./src/components/TextEditor.vue?dd4b","webpack:///./src/components/TextEditor.vue?db97","webpack:///./src/views/B-8__AlertInfo/B-8-1__AlertInfoEdit.vue?07b8","webpack:///src/views/B-8__AlertInfo/B-8-1__AlertInfoEdit.vue","webpack:///./src/views/B-8__AlertInfo/B-8-1__AlertInfoEdit.vue?93d8","webpack:///./src/views/B-8__AlertInfo/B-8-1__AlertInfoEdit.vue","webpack:///./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js","webpack:///./node_modules/@babel/runtime/helpers/esm/iterableToArray.js","webpack:///./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js","webpack:///./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js","webpack:///../../../src/components/VGrid/VSpacer.ts","webpack:///./src/components/TextEditor.vue?c364","webpack:///./src/components/Breadscrumbs.vue?7e15","webpack:///src/components/Breadscrumbs.vue","webpack:///./src/components/Breadscrumbs.vue?12b1","webpack:///./src/components/Breadscrumbs.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","on","$event","isLinkShow","_v","_e","_m","staticStyle","attrs","cancelLink","setLink","staticRenderFns","ref","style","bodyMinHeight","placeholder","domProps","_s","value","changeText","isLocked","props","type","Number","default","String","titleButton","Boolean","photoButton","data","watch","$refs","textArea","innerHTML","methods","$emit","component","VIcon","name","to","path","cancelHandler","saveHandler","options","year","yearOfStart","month","monthOfStart","date","dateOfStart","yearOfClose","monthOfClose","dateOfClose","components","Breadscrumbs","TextEditor","SimpleSelectWithSearchInput","$router","push","VSpacer","_arrayWithoutHoles","arr","Array","isArray","arrayLikeToArray","_iterableToArray","iter","Symbol","iterator","from","_nonIterableSpread","TypeError","_toConsumableArray","arrayWithoutHoles","iterableToArray","unsupportedIterableToArray","nonIterableSpread","_l","link","i","key","class","active","links","length"],"mappings":"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","file":"js/chunk-51b7d33a.4f0cf723.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"editor\"},[_c('div',{staticClass:\"editor-head\"},[_c('button',{staticClass:\"editor-button\",on:{\"click\":function($event){_vm.isLinkShow = !_vm.isLinkShow}}},[_c('v-icon',[_vm._v(\"link\")]),_c('div',{staticClass:\"tooltip\"},[_vm._v(\"插入超連結\")])],1),(_vm.titleButton)?_c('button',{staticClass:\"editor-button\"},[_c('v-icon',[_vm._v(\"title\")]),_c('div',{staticClass:\"tooltip\"},[_vm._v(\"設為標題\")])],1):_vm._e(),(_vm.photoButton)?_c('button',{staticClass:\"editor-button\"},[_c('v-icon',[_vm._v(\"photo\")]),_c('div',{staticClass:\"tooltip\"},[_vm._v(\"插入圖片\")])],1):_vm._e()]),_vm._m(0),(_vm.isLinkShow)?_c('div',{staticClass:\"editor-link-modal\"},[_vm._m(1),_c('label',{staticClass:\"d-flex align-center mb-10px\"},[_c('div',{staticClass:\"h4 mr-5\"},[_vm._v(\"連結\")]),_c('div',{staticClass:\"form-input-group flex-grow-1\"},[_c('div',{staticClass:\"prepend-icon\",staticStyle:{\"top\":\"45%\"}},[_c('v-icon',[_vm._v(\"link\")])],1),_c('input',{staticClass:\"pl-42px\",attrs:{\"type\":\"text\"}})])]),_c('div',{staticClass:\"text-right mb-10px\"},[_c('button',{staticClass:\"btn mr-10px\",on:{\"click\":_vm.cancelLink}},[_vm._v(\"取消連結\")]),_c('button',{staticClass:\"btn btn-primary\",on:{\"click\":_vm.setLink}},[_vm._v(\"設定連結\")])])]):_vm._e()])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"textArea\",staticClass:\"editor-body\",style:({ 'min-height': (_vm.bodyMinHeight + \"px\") }),attrs:{\"contenteditable\":\"\",\"data-text\":_vm.placeholder},domProps:{\"innerHTML\":_vm._s(_vm.value)},on:{\"input\":_vm.changeText,\"focus\":function($event){_vm.isLocked = true},\"blur\":function($event){_vm.isLocked = false}}})},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',{staticClass:\"d-flex align-center mb-10px\"},[_c('div',{staticClass:\"h4 mr-5\"},[_vm._v(\"文字\")]),_c('div',{staticClass:\"form-input-group flex-grow-1\"},[_c('input',{attrs:{\"type\":\"text\",\"placeholder\":\"文字內設定連結\"}})])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"editor\">\n    <div class=\"editor-head\">\n      <button class=\"editor-button\" @click=\"isLinkShow = !isLinkShow\">\n        <v-icon>link</v-icon>\n        <div class=\"tooltip\">插入超連結</div>\n      </button>\n      <button class=\"editor-button\" v-if=\"titleButton\">\n        <v-icon>title</v-icon>\n        <div class=\"tooltip\">設為標題</div>\n      </button>\n      <button class=\"editor-button\" v-if=\"photoButton\">\n        <v-icon>photo</v-icon>\n        <div class=\"tooltip\">插入圖片</div>\n      </button>\n    </div>\n    <div\n      v-once\n      ref=\"textArea\"\n      class=\"editor-body\"\n      contenteditable\n      :data-text=\"placeholder\"\n      :style=\"{ 'min-height': `${bodyMinHeight}px` }\"\n      v-html=\"value\"\n      @input=\"changeText\"\n      @focus=\"isLocked = true\"\n      @blur=\"isLocked = false\"\n    ></div>\n\n    <!-- modal link -->\n    <div class=\"editor-link-modal\" v-if=\"isLinkShow\">\n      <!-- 文字 -->\n      <label class=\"d-flex align-center mb-10px\">\n        <div class=\"h4 mr-5\">文字</div>\n        <div class=\"form-input-group flex-grow-1\">\n          <input type=\"text\" placeholder=\"文字內設定連結\" />\n        </div>\n      </label>\n      <!-- 連結 -->\n      <label class=\"d-flex align-center mb-10px\">\n        <div class=\"h4 mr-5\">連結</div>\n        <div class=\"form-input-group flex-grow-1\">\n          <div class=\"prepend-icon\" style=\"top: 45%;\">\n            <v-icon>link</v-icon>\n          </div>\n          <input type=\"text\" class=\"pl-42px\" />\n        </div>\n      </label>\n      <!-- actions -->\n      <div class=\"text-right mb-10px\">\n        <button class=\"btn mr-10px\" @click=\"cancelLink\">取消連結</button>\n        <button class=\"btn btn-primary\" @click=\"setLink\">設定連結</button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    bodyMinHeight: {\n      type: Number,\n      default: 150,\n    },\n    value: {\n      type: String,\n      default: '',\n    },\n    placeholder: {\n      type: String,\n      default: '',\n    },\n    titleButton: {\n      type: Boolean,\n      default: false,\n    },\n    photoButton: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  data() {\n    return {\n      isLinkShow: false,\n      isLocked: false,\n    };\n  },\n  watch: {\n    value() {\n      if (!this.isLocked) {\n        this.$refs.textArea.innerHTML = this.value;\n      }\n    },\n  },\n  methods: {\n    // link\n    cancelLink() {\n      this.isLinkShow = false;\n    },\n    setLink() {\n      this.isLinkShow = false;\n    },\n    changeText() {\n      this.$emit('input', this.$refs.textArea.innerHTML);\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n.editor {\n  position: relative;\n  border-radius: 4px;\n  border: solid 1px #d7dee7;\n  background-color: #ffffff;\n\n  // placeholder\n  [contentEditable='true']:empty:not(:focus):before {\n    content: attr(data-text);\n    color: $gray-600;\n  }\n\n  // head\n  &-head {\n    box-shadow: inset 0 -1px 0 0 #d7dee7;\n  }\n  &-button {\n    position: relative;\n    width: 32px;\n    height: 32px;\n    border-right: solid 1px #d7dee7;\n    &:focus {\n      outline: 2px solid $brand-01-emphasis;\n    }\n\n    i {\n      font-size: 20px;\n    }\n\n    &.link:hover::before {\n      content: '';\n    }\n    & .tooltip {\n      position: absolute;\n      // display: flex;\n      display: none;\n      justify-content: center;\n      align-items: center;\n      top: -35px;\n      left: 50%;\n      transform: translateX(-50%);\n      min-width: 72px;\n      height: 28px;\n      opacity: 0.9;\n      font-size: 12px;\n      color: white;\n      border-radius: 3px;\n      background-color: #101112;\n    }\n    &:hover .tooltip {\n      display: flex;\n    }\n  }\n  // body\n  &-body {\n    width: 100%;\n    min-height: 150px;\n    padding: 8.4px 12px;\n\n    &:focus {\n      outline: 2px solid $brand-01-emphasis;\n    }\n\n    h1,\n    h2,\n    h3,\n    h4,\n    h5 {\n      margin-top: 20px;\n      margin-bottom: 10px;\n    }\n\n    img {\n      width: 100%;\n    }\n  }\n}\n\n.editor-link-modal {\n  position: absolute;\n  top: 40px;\n  width: 392px;\n  height: 170px;\n  padding: 10px 20px 0px 20px;\n  border-radius: 8px;\n  box-shadow: 0 16px 16px -2px rgba(4, 48, 71, 0.1),\n    0 0 1px 0 rgba(4, 48, 71, 0.1);\n  background-color: #ffffff;\n  z-index: 1;\n}\n</style>\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!./TextEditor.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!./TextEditor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TextEditor.vue?vue&type=template&id=25d140ba&\"\nimport script from \"./TextEditor.vue?vue&type=script&lang=js&\"\nexport * from \"./TextEditor.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TextEditor.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VIcon } from 'vuetify/lib/components/VIcon';\ninstallComponents(component, {VIcon})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-custom\"},[_c('Breadscrumbs',{attrs:{\"links\":[\n      { name: 'Alert Info', to: { path: '/alert-info' } },\n      { name: 'Edit', to: { path: '/alert-info/edit' } } ]}}),_c('div',{staticClass:\"page-actions\"},[_c('h2',[_vm._v(\"編輯Alert Info\")]),_c('v-spacer'),_c('button',{staticClass:\"btn mr-5\",on:{\"click\":_vm.cancelHandler}},[_vm._v(\" 取消 \")]),_c('button',{staticClass:\"btn btn-primary\",on:{\"click\":_vm.saveHandler}},[_vm._v(\"儲存\")])],1),_c('div',{staticClass:\"block\"},[_vm._m(0),_c('div',{staticClass:\"form-item py-5 d-flex\"},[_vm._m(1),_c('div',{staticClass:\"flex-grow-1 flex-basis-0 my-n2\"},[_c('TextEditor')],1)]),_c('div',{staticClass:\"form-item py-5 d-flex\"},[_vm._m(2),_c('div',{staticClass:\"flex-grow-1 flex-basis-0 my-n2 d-flex\"},[_c('SimpleSelectWithSearchInput',{staticClass:\"mr-5\",attrs:{\"buttonPlaceholder\":\"請選擇年份\",\"buttonWidth\":\"148px\",\"modalWidth\":\"148px\",\"modalBodyHeight\":\"208px\",\"options\":_vm.options.year,\"selectedValue\":_vm.yearOfStart},on:{\"update:selectedValue\":function($event){_vm.yearOfStart=$event},\"update:selected-value\":function($event){_vm.yearOfStart=$event}}}),_c('SimpleSelectWithSearchInput',{staticClass:\"mr-5\",attrs:{\"buttonPlaceholder\":\"請選擇月份\",\"buttonWidth\":\"148px\",\"modalWidth\":\"148px\",\"modalBodyHeight\":\"208px\",\"options\":_vm.options.month,\"selectedValue\":_vm.monthOfStart},on:{\"update:selectedValue\":function($event){_vm.monthOfStart=$event},\"update:selected-value\":function($event){_vm.monthOfStart=$event}}}),_c('SimpleSelectWithSearchInput',{staticClass:\"mr-5\",attrs:{\"buttonPlaceholder\":\"請選擇日期\",\"buttonWidth\":\"148px\",\"modalWidth\":\"148px\",\"modalBodyHeight\":\"208px\",\"options\":_vm.options.date,\"selectedValue\":_vm.dateOfStart},on:{\"update:selectedValue\":function($event){_vm.dateOfStart=$event},\"update:selected-value\":function($event){_vm.dateOfStart=$event}}})],1)]),_c('div',{staticClass:\"form-item py-5 d-flex\"},[_vm._m(3),_c('div',{staticClass:\"flex-grow-1 flex-basis-0 d-flex my-n2\"},[_c('SimpleSelectWithSearchInput',{staticClass:\"mr-5\",attrs:{\"buttonPlaceholder\":\"請選擇年份\",\"buttonWidth\":\"148px\",\"modalWidth\":\"148px\",\"modalBodyHeight\":\"208px\",\"options\":_vm.options.year,\"selectedValue\":_vm.yearOfClose},on:{\"update:selectedValue\":function($event){_vm.yearOfClose=$event},\"update:selected-value\":function($event){_vm.yearOfClose=$event}}}),_c('SimpleSelectWithSearchInput',{staticClass:\"mr-5\",attrs:{\"buttonPlaceholder\":\"請選擇月份\",\"buttonWidth\":\"148px\",\"modalWidth\":\"148px\",\"modalBodyHeight\":\"208px\",\"options\":_vm.options.month,\"selectedValue\":_vm.monthOfClose},on:{\"update:selectedValue\":function($event){_vm.monthOfClose=$event},\"update:selected-value\":function($event){_vm.monthOfClose=$event}}}),_c('SimpleSelectWithSearchInput',{staticClass:\"mr-5\",attrs:{\"buttonPlaceholder\":\"請選擇日期\",\"buttonWidth\":\"148px\",\"modalWidth\":\"148px\",\"modalBodyHeight\":\"208px\",\"options\":_vm.options.date,\"selectedValue\":_vm.dateOfClose},on:{\"update:selectedValue\":function($event){_vm.dateOfClose=$event},\"update:selected-value\":function($event){_vm.dateOfClose=$event}}})],1)])]),_c('div',{staticClass:\"page-actions\"},[_c('v-spacer'),_c('button',{staticClass:\"btn mr-5\",on:{\"click\":_vm.cancelHandler}},[_vm._v(\" 取消 \")]),_c('button',{staticClass:\"btn btn-primary\",on:{\"click\":_vm.saveHandler}},[_vm._v(\"儲存\")])],1)],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"form-item py-5 d-flex\"},[_c('div',{staticClass:\"w-240px mr-5\"},[_c('h4',[_vm._v(\"Title\")])]),_c('div',{staticClass:\"flex-grow-1 flex-basis-0 my-n2\"},[_c('div',{staticClass:\"form-input-group\"},[_c('input',{attrs:{\"type\":\"text\"}})]),_c('div',{staticClass:\"h5 mt-1 ink-02-medium--text text-right\"},[_vm._v(\"4/20\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"w-240px mr-5\"},[_c('h4',[_vm._v(\"Content\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"w-240px mr-5\"},[_c('h4',[_vm._v(\"設定開始日期\")]),_c('div',{staticClass:\"mt-3 h5 ink-02-medium--text\"},[_vm._v(\" 前台將依設定日期發布此Alert \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"w-240px mr-5\"},[_c('h4',[_vm._v(\"設定結束日期\")]),_c('div',{staticClass:\"mt-3 h5 ink-02-medium--text\"},[_vm._v(\" 前台將依設定日期關閉此Alert \")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"container-custom\">\n    <Breadscrumbs\n      :links=\"[\n        { name: 'Alert Info', to: { path: '/alert-info' } },\n        { name: 'Edit', to: { path: '/alert-info/edit' } },\n      ]\"\n    ></Breadscrumbs>\n    <div class=\"page-actions\">\n      <h2>編輯Alert Info</h2>\n      <v-spacer></v-spacer>\n      <button class=\"btn mr-5\" @click=\"cancelHandler\">\n        取消\n      </button>\n      <button class=\"btn btn-primary\" @click=\"saveHandler\">儲存</button>\n    </div>\n    <div class=\"block\">\n      <!-- Title -->\n      <div class=\"form-item py-5 d-flex\">\n        <div class=\"w-240px mr-5\">\n          <h4>Title</h4>\n        </div>\n        <div class=\"flex-grow-1 flex-basis-0 my-n2\">\n          <div class=\"form-input-group\">\n            <input type=\"text\" />\n          </div>\n          <div class=\"h5 mt-1 ink-02-medium--text text-right\">4/20</div>\n        </div>\n      </div>\n      <!-- Content -->\n      <div class=\"form-item py-5 d-flex\">\n        <div class=\"w-240px mr-5\">\n          <h4>Content</h4>\n        </div>\n        <div class=\"flex-grow-1 flex-basis-0 my-n2\">\n          <TextEditor></TextEditor>\n        </div>\n      </div>\n      <!-- 設定開始日期 -->\n      <div class=\"form-item py-5 d-flex\">\n        <div class=\"w-240px mr-5\">\n          <h4>設定開始日期</h4>\n          <div class=\"mt-3 h5 ink-02-medium--text\">\n            前台將依設定日期發布此Alert\n          </div>\n        </div>\n        <div class=\"flex-grow-1 flex-basis-0 my-n2 d-flex\">\n          <SimpleSelectWithSearchInput\n            class=\"mr-5\"\n            buttonPlaceholder=\"請選擇年份\"\n            buttonWidth=\"148px\"\n            modalWidth=\"148px\"\n            modalBodyHeight=\"208px\"\n            :options=\"options.year\"\n            :selectedValue.sync=\"yearOfStart\"\n          ></SimpleSelectWithSearchInput>\n          <SimpleSelectWithSearchInput\n            class=\"mr-5\"\n            buttonPlaceholder=\"請選擇月份\"\n            buttonWidth=\"148px\"\n            modalWidth=\"148px\"\n            modalBodyHeight=\"208px\"\n            :options=\"options.month\"\n            :selectedValue.sync=\"monthOfStart\"\n          ></SimpleSelectWithSearchInput>\n          <SimpleSelectWithSearchInput\n            class=\"mr-5\"\n            buttonPlaceholder=\"請選擇日期\"\n            buttonWidth=\"148px\"\n            modalWidth=\"148px\"\n            modalBodyHeight=\"208px\"\n            :options=\"options.date\"\n            :selectedValue.sync=\"dateOfStart\"\n          ></SimpleSelectWithSearchInput>\n        </div>\n      </div>\n      <!-- 設定結束日期 -->\n      <div class=\"form-item py-5 d-flex\">\n        <div class=\"w-240px mr-5\">\n          <h4>設定結束日期</h4>\n          <div class=\"mt-3 h5 ink-02-medium--text\">\n            前台將依設定日期關閉此Alert\n          </div>\n        </div>\n        <div class=\"flex-grow-1 flex-basis-0 d-flex my-n2\">\n          <SimpleSelectWithSearchInput\n            class=\"mr-5\"\n            buttonPlaceholder=\"請選擇年份\"\n            buttonWidth=\"148px\"\n            modalWidth=\"148px\"\n            modalBodyHeight=\"208px\"\n            :options=\"options.year\"\n            :selectedValue.sync=\"yearOfClose\"\n          ></SimpleSelectWithSearchInput>\n          <SimpleSelectWithSearchInput\n            class=\"mr-5\"\n            buttonPlaceholder=\"請選擇月份\"\n            buttonWidth=\"148px\"\n            modalWidth=\"148px\"\n            modalBodyHeight=\"208px\"\n            :options=\"options.month\"\n            :selectedValue.sync=\"monthOfClose\"\n          ></SimpleSelectWithSearchInput>\n          <SimpleSelectWithSearchInput\n            class=\"mr-5\"\n            buttonPlaceholder=\"請選擇日期\"\n            buttonWidth=\"148px\"\n            modalWidth=\"148px\"\n            modalBodyHeight=\"208px\"\n            :options=\"options.date\"\n            :selectedValue.sync=\"dateOfClose\"\n          ></SimpleSelectWithSearchInput>\n        </div>\n      </div>\n    </div>\n    <div class=\"page-actions\">\n      <v-spacer></v-spacer>\n      <button class=\"btn mr-5\" @click=\"cancelHandler\">\n        取消\n      </button>\n      <button class=\"btn btn-primary\" @click=\"saveHandler\">儲存</button>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Breadscrumbs from '@/components/Breadscrumbs.vue';\nimport TextEditor from '@/components/TextEditor.vue';\nimport SimpleSelectWithSearchInput from '@/components/Selection/SimpleSelectWithSearchInput.vue';\n\nexport default {\n  components: {\n    Breadscrumbs,\n    TextEditor,\n    SimpleSelectWithSearchInput,\n  },\n  data: () => ({\n    yearOfStart: '',\n    monthOfStart: '',\n    dateOfStart: '',\n    yearOfClose: '',\n    monthOfClose: '',\n    dateOfClose: '',\n    options: {\n      year: [...Array(100).keys()].map((i) => `${i + 1991}`),\n      month: [...Array(12).keys()].map((i) => `${i + 1} `),\n      date: [...Array(31).keys()].map((i) => `${i + 1} `),\n    },\n  }),\n  methods: {\n    cancelHandler() {\n      this.$router.push('/alert-info');\n    },\n    saveHandler() {\n      this.$router.push('/alert-info');\n    },\n  },\n};\n</script>\n\n<style></style>\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!./B-8-1__AlertInfoEdit.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!./B-8-1__AlertInfoEdit.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./B-8-1__AlertInfoEdit.vue?vue&type=template&id=7c9f4592&\"\nimport script from \"./B-8-1__AlertInfoEdit.vue?vue&type=script&lang=js&\"\nexport * from \"./B-8-1__AlertInfoEdit.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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VSpacer})\n","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _arrayWithoutHoles(arr) {\n  if (Array.isArray(arr)) return arrayLikeToArray(arr);\n}","export default function _iterableToArray(iter) {\n  if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter);\n}","export default function _nonIterableSpread() {\n  throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","import arrayWithoutHoles from \"./arrayWithoutHoles.js\";\nimport iterableToArray from \"./iterableToArray.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableSpread from \"./nonIterableSpread.js\";\nexport default function _toConsumableArray(arr) {\n  return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();\n}","import './_grid.sass'\nimport { createSimpleFunctional } from '../../util/helpers'\n\nexport default createSimpleFunctional('spacer', 'div', 'v-spacer')\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TextEditor.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"breadscrumbs\"},_vm._l((_vm.links),function(link,i){return _c('div',{key:link.name,staticClass:\"d-inline-block\"},[(i != 0)?_c('v-icon',[_vm._v(\"chevron_right\")]):_vm._e(),_c('router-link',{staticClass:\"breadscrumbs-item\",class:{ active: _vm.links.length - 1 == i },attrs:{\"to\":link.to}},[_vm._v(_vm._s(link.name))])],1)}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <!-- ussage -->\n  <!-- <Breadscrumbs :links=\"[{name: '', to: {path: ''}}]\"\"></Breadscrumbs> -->\n  <div class=\"breadscrumbs\">\n    <div v-for=\"(link, i) in links\" :key=\"link.name\" class=\"d-inline-block\">\n      <v-icon v-if=\"i != 0\">chevron_right</v-icon>\n      <router-link\n        :to=\"link.to\"\n        class=\"breadscrumbs-item\"\n        :class=\"{ active: links.length - 1 == i }\"\n        >{{ link.name }}</router-link\n      >\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    links: {\n      type: Array,\n      default: () => [\n        { to: { path: '/' }, name: 'HomePage' },\n        { to: { path: '/aboutus' }, name: 'AboutUs' },\n      ],\n    },\n  },\n};\n</script>\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!./Breadscrumbs.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!./Breadscrumbs.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Breadscrumbs.vue?vue&type=template&id=77a79786&\"\nimport script from \"./Breadscrumbs.vue?vue&type=script&lang=js&\"\nexport * from \"./Breadscrumbs.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\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VIcon } from 'vuetify/lib/components/VIcon';\ninstallComponents(component, {VIcon})\n"],"sourceRoot":""}