https://aikid.com.tw/js/chunks/google-business-categories-modal.js

1/*! For license information please see google-business-categories-modal.js.LICENSE.txt */
2(self.webpackChunk=self.webpackChunk||[]).push([[1720],{48135:(t,e,i)=>{"use strict";i.d(e,{Z:()=>o});var a=i(77424),n=i.n(a);const o={methods:{showModal:function(){this.modal.show()},hideModal:function(){this.modal.hide()}},mounted:function(){this.modal=new(n())(this.$refs.modal),this.modal._config.backdrop="static",this.modal._config.keyboard=!1}}},77424:function(t,e,i){t.exports=function(t,e){"use strict";function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a=i(t),n=i(e);function o(t,e){for(var i=0;i<e.length;i++){var a=e[i];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}function r(t,e,i){return e&&o(t.prototype,e),i&&o(t,i),t}function s(){return s=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var a in i)Object.prototype.hasOwnProperty.call(i,a)&&(t[a]=i[a])}return t},s.apply(this,arguments)}var l="modal",d="4.6.1",u="bs.modal",c="."+u,p=".data-api",h=a.default.fn[l],f=27,y="modal-dialog-scrollable",g="modal-scrollbar-measure",m="modal-backdrop",_="modal-open",C="fade",v="show",b="modal-static",I="hide"+c,k="hidePrevented"+c,w="hidden"+c,E="show"+c,N="shown"+c,O="focusin"+c,T="resize"+c,A="click.dismiss"+c,S="keydown.dismiss"+c,D="mouseup.dismiss"+c,x="mousedown.dismiss"+c,R="click"+c+p,j=".modal-dialog",B=".modal-body",L='[data-toggle="modal"]',F='[data-dismiss="modal"]',P=".fixed-top, .fixed-bottom, .is-fixed, .sticky-top",V=".sticky-top",M={backdrop:!0,keyboard:!0,focus:!0,show:!0},$={backdrop:"(boolean|string)",keyboard:"boolean",focus:"boolean",show:"boolean"},q=function(){function t(t,e){this._config=this._getConfig(e),this._element=t,this._dialog=t.querySelector(j),this._backdrop=null,this._isShown=!1,this._isBodyOverflowing=!1,this._ignoreBackdropClick=!1,this._isTransitioning=!1,this._scrollbarWidth=0}var e=t.prototype;return e.toggle=function(t){return this._isShown?this.hide():this.show(t)},e.show=function(t){var e=this;if(!this._isShown&&!this._isTransitioning){var i=a.default.Event(E,{relatedTarget:t});a.default(this._element).trigger(i),i.isDefaultPrevented()||(this._isShown=!0,a.default(this._element).hasClass(C)&&(this._isTransitioning=!0),this._checkScrollbar(),this._setScrollbar(),this._adjustDialog(),this._setEscapeEvent(),this._setResizeEvent(),a.default(this._element).on(A,F,(function(t){return e.hide(t)})),a.default(this._dialog).on(x,(function(){a.default(e._element).one(D,(function(t){a.default(t.target).is(e._element)&&(e._ignoreBackdropClick=!0)}))})),this._showBackdrop((function(){return e._showElement(t)})))}},e.hide=function(t){var e=this;if(t&&t.preventDefault(),this._isShown&&!this._isTransitioning){var i=a.default.Event(I);if(a.default(this._element).trigger(i),this._isShown&&!i.isDefaultPrevented()){this._isShown=!1;var o=a.default(this._element).hasClass(C);if(o&&(this._isTransitioning=!0),this._setEscapeEvent(),this._setResizeEvent(),a.default(document).off(O),a.default(this._element).removeClass(v),a.default(this._element).off(A),a.default(this._dialog).off(x),o){var r=n.default.getTransitionDurationFromElement(this._element);a.default(this._element).one(n.default.TRANSITION_END,(function(t){return e._hideModal(t)})).emulateTransitionEnd(r)}else this._hideModal()}}},e.dispose=function(){[window,this._element,this._dialog].forEach((function(t){return a.default(t).off(c)})),a.default(document).off(O),a.default.removeData(this._element,u),this._config=null,this._element=null,this._dialog=null,this._backdrop=null,this._isShown=null,this._isBodyOverflowing=null,this._ignoreBackdropClick=null,this._isTransitioning=null,this._scrollbarWidth=null},e.handleUpdate=function(){this._adjustDialog()},e._getConfig=function(t){return t=s({},M,t),n.default.typeCheckConfig(l,t,$),t},e._triggerBackdropTransition=function(){var t=this,e=a.default.Event(k);if(a.default(this._element).trigger(e),!e.isDefaultPrevented()){var i=this._element.scrollHeight>document.documentElement.clientHeight;i||(this._element.style.overflowY="hidden"),this._element.classList.add(b);var o=n.default.getTransitionDurationFromElement(this._dialog);a.default(this._element).off(n.default.TRANSITION_END),a.default(this._element).one(n.default.TRANSITION_END,(function(){t._element.classList.remove(b),i||a.default(t._element).one(n.default.TRANSITION_END,(function(){t._element.style.overflowY=""})).emulateTransitionEnd(t._element,o)})).emulateTransitionEnd(o),this._element.focus()}},e._showElement=function(t){var e=this,i=a.default(this._element).hasClass(C),o=this._dialog?this._dialog.querySelector(B):null;this._element.parentNode&&this._element.parentNode.nodeType===Node.ELEMENT_NODE||document.body.appendChild(this._element),this._element.style.display="block",this._element.removeAttribute("aria-hidden"),this._element.setAttribute("aria-modal",!0),this._element.setAttribute("role","dialog"),a.default(this._dialog).hasClass(y)&&o?o.scrollTop=0:this._element.scrollTop=0,i&&n.default.reflow(this._element),a.default(this._element).addClass(v),this._config.focus&&this._enforceFocus();var r=a.default.Event(N,{relatedTarget:t}),s=function(){e._config.focus&&e._element.focus(),e._isTransitioning=!1,a.default(e._element).trigger(r)};if(i){var l=n.default.getTransitionDurationFromElement(this._dialog);a.default(this._dialog).one(n.default.TRANSITION_END,s).emulateTransitionEnd(l)}else s()},e._enforceFocus=function(){var t=this;a.default(document).off(O).on(O,(function(e){document!==e.target&&t._element!==e.target&&0===a.default(t._element).has(e.target).length&&t._element.focus()}))},e._setEscapeEvent=function(){var t=this;this._isShown?a.default(this._element).on(S,(function(e){t._config.keyboard&&e.which===f?(e.preventDefault(),t.hide()):t._config.keyboard||e.which!==f||t._triggerBackdropTransition()})):this._isShown||a.default(this._element).off(S)},e._setResizeEvent=function(){var t=this;this._isShown?a.default(window).on(T,(function(e){return t.handleUpdate(e)})):a.default(window).off(T)},e._hideModal=function(){var t=this;this._element.style.display="none",this._element.setAttribute("aria-hidden",!0),this._element.removeAttribute("aria-modal"),this._element.removeAttribute("role"),this._isTransitioning=!1,this._showBackdrop((function(){a.default(document.body).removeClass(_),t._resetAdjustments(),t._resetScrollbar(),a.default(t._element).trigger(w)}))},e._removeBackdrop=function(){this._backdrop&&(a.default(this._backdrop).remove(),this._backdrop=null)},e._showBackdrop=function(t){var e=this,i=a.default(this._element).hasClass(C)?C:"";if(this._isShown&&this._config.backdrop){if(this._backdrop=document.createElement("div"),this._backdrop.className=m,i&&this._backdrop.classList.add(i),a.default(this._backdrop).appendTo(document.body),a.default(this._element).on(A,(function(t){e._ignoreBackdropClick?e._ignoreBackdropClick=!1:t.target===t.currentTarget&&("static"===e._config.backdrop?e._triggerBackdropTransition():e.hide())})),i&&n.default.reflow(this._backdrop),a.default(this._backdrop).addClass(v),!t)return;if(!i)return void t();var o=n.default.getTransitionDurationFromElement(this._backdrop);a.default(this._backdrop).one(n.default.TRANSITION_END,t).emulateTransitionEnd(o)}else if(!this._isShown&&this._backdrop){a.default(this._backdrop).removeClass(v);var r=function(){e._removeBackdrop(),t&&t()};if(a.default(this._element).hasClass(C)){var s=n.default.getTransitionDurationFromElement(this._backdrop);a.default(this._backdrop).one(n.default.TRANSITION_END,r).emulateTransitionEnd(s)}else r()}else t&&t()},e._adjustDialog=function(){var t=this._element.scrollHeight>document.documentElement.clientHeight;!this._isBodyOverflowing&&t&&(this._element.style.paddingLeft=this._scrollbarWidth+"px"),this._isBodyOverflowing&&!t&&(this._element.style.paddingRight=this._scrollbarWidth+"px")},e._resetAdjustments=function(){this._element.style.paddingLeft="",this._element.style.paddingRight=""},e._checkScrollbar=function(){var t=document.body.getBoundingClientRect();this._isBodyOverflowing=Math.round(t.left+t.right)<window.innerWidth,this._scrollbarWidth=this._getScrollbarWidth()},e._setScrollbar=function(){var t=this;if(this._isBodyOverflowing){var e=[].slice.call(document.querySelectorAll(P)),i=[].slice.call(document.querySelectorAll(V));a.default(e).each((function(e,i){var n=i.style.paddingRight,o=a.default(i).css("padding-right");a.default(i).data("padding-right",n).css("padding-right",parseFloat(o)+t._scrollbarWidth+"px")})),a.default(i).each((function(e,i){var n=i.style.marginRight,o=a.default(i).css("margin-right");a.default(i).data("margin-right",n).css("margin-right",parseFloat(o)-t._scrollbarWidth+"px")}));var n=document.body.style.paddingRight,o=a.default(document.body).css("padding-right");a.default(document.body).data("padding-right",n).css("padding-right",parseFloat(o)+this._scrollbarWidth+"px")}a.default(document.body).addClass(_)},e._resetScrollbar=function(){var t=[].slice.call(document.querySelectorAll(P));a.default(t).each((function(t,e){var i=a.default(e).data("padding-right");a.default(e).removeData("padding-right"),e.style.paddingRight=i||""}));var e=[].slice.call(document.querySelectorAll(""+V));a.default(e).each((function(t,e){var i=a.default(e).data("margin-right");void 0!==i&&a.default(e).css("margin-right",i).removeData("margin-right")}));var i=a.default(document.body).data("padding-right");a.default(document.body).removeData("padding-right"),document.body.style.paddingRight=i||""},e._getScrollbarWidth=function(){var t=document.createElement("div");t.className=g,document.body.appendChild(t);var e=t.getBoundingClientRect().width-t.clientWidth;return document.body.removeChild(t),e},t._jQueryInterface=function(e,i){return this.each((function(){var n=a.default(this).data(u),o=s({},M,a.default(this).data(),"object"==typeof e&&e?e:{});if(n||(n=new t(this,o),a.default(this).data(u,n)),"string"==typeof e){if(void 0===n[e])throw new TypeError('No method n

2amed "'+e+'"');n[e](i)}else o.show&&n.show(i)}))},r(t,null,[{key:"VERSION",get:function(){return d}},{key:"Default",get:function(){return M}}]),t}();return a.default(document).on(R,L,(function(t){var e,i=this,o=n.default.getSelectorFromElement(this);o&&(e=document.querySelector(o));var r=a.default(e).data(u)?"toggle":s({},a.default(e).data(),a.default(this).data());"A"!==this.tagName&&"AREA"!==this.tagName||t.preventDefault();var l=a.default(e).one(E,(function(t){t.isDefaultPrevented()||l.one(w,(function(){a.default(i).is(":visible")&&i.focus()}))}));q._jQueryInterface.call(a.default(e),r,this)})),a.default.fn[l]=q._jQueryInterface,a.default.fn[l].Constructor=q,a.default.fn[l].noConflict=function(){return a.default.fn[l]=h,q._jQueryInterface},q}(i(19755),i(66801))},66801:function(t,e,i){t.exports=function(t){"use strict";function e(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var i=e(t),a="transitionend",n=1e6,o=1e3;function r(t){return null==t?""+t:{}.toString.call(t).match(/\s([a-z]+)/i)[1].toLowerCase()}function s(){return{bindType:a,delegateType:a,handle:function(t){if(i.default(t.target).is(this))return t.handleObj.handler.apply(this,arguments)}}}function l(t){var e=this,a=!1;return i.default(this).one(u.TRANSITION_END,(function(){a=!0})),setTimeout((function(){a||u.triggerTransitionEnd(e)}),t),this}function d(){i.default.fn.emulateTransitionEnd=l,i.default.event.special[u.TRANSITION_END]=s()}var u={TRANSITION_END:"bsTransitionEnd",getUID:function(t){do{t+=~~(Math.random()*n)}while(document.getElementById(t));return t},getSelectorFromElement:function(t){var e=t.getAttribute("data-target");if(!e||"#"===e){var i=t.getAttribute("href");e=i&&"#"!==i?i.trim():""}try{return document.querySelector(e)?e:null}catch(t){return null}},getTransitionDurationFromElement:function(t){if(!t)return 0;var e=i.default(t).css("transition-duration"),a=i.default(t).css("transition-delay"),n=parseFloat(e),r=parseFloat(a);return n||r?(e=e.split(",")[0],a=a.split(",")[0],(parseFloat(e)+parseFloat(a))*o):0},reflow:function(t){return t.offsetHeight},triggerTransitionEnd:function(t){i.default(t).trigger(a)},supportsTransitionEnd:function(){return Boolean(a)},isElement:function(t){return(t[0]||t).nodeType},typeCheckConfig:function(t,e,i){for(var a in i)if(Object.prototype.hasOwnProperty.call(i,a)){var n=i[a],o=e[a],s=o&&u.isElement(o)?"element":r(o);if(!new RegExp(n).test(s))throw new Error(t.toUpperCase()+': Option "'+a+'" provided type "'+s+'" but expected type "'+n+'".')}},findShadowRoot:function(t){if(!document.documentElement.attachShadow)return null;if("function"==typeof t.getRootNode){var e=t.getRootNode();return e instanceof ShadowRoot?e:null}return t instanceof ShadowRoot?t:t.parentNode?u.findShadowRoot(t.parentNode):null},jQueryDetection:function(){if(void 0===i.default)throw new TypeError("Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript.");var t=i.default.fn.jquery.split(" ")[0].split("."),e=1,a=2,n=9,o=1,r=4;if(t[0]<a&&t[1]<n||t[0]===e&&t[1]===n&&t[2]<o||t[0]>=r)throw new Error("Bootstrap's JavaScript requires at least jQuery v1.9.1 but less than v4.0.0")}};return u.jQueryDetection(),d(),u}(i(19755))},30510:(t,e,i)=>{"use strict";i.d(e,{Z:()=>o});var a=i(23645),n=i.n(a)()((function(t){return t[1]}));n.push([t.id,".list-group.mb-3[data-v-8e54c4ca]{max-height:200px;overflow-y:auto}",""]);const o=n},99213:(t,e,i)=>{"use strict";i.r(e),i.d(e,{default:()=>d});var a=i(48135);const n={props:{updateColumn:{type:String,default:""},categories:{type:Object,default:function(){return{primaryCategory:{displayName:""},additionalCategories:[]}}}},data:function(){return{currentCategories:{primaryCategory:{displayName:"",name:""},additionalCategories:[],sizes:["Small","Medium","Large","Extra Large"]},primaryCategoryInput:{},additionalCategoryInputs:[],categoryOptions:[],isLoading:!1}},mixins:[a.Z],methods:{updateCategories:function(){this.primaryCategoryInput.isValidate&&!this.additionalCategoryInputs.some((function(t){return!t.isValidate}))?(this.currentCategories={primaryCategory:{displayName:this.primaryCategoryInput.displayName,name:this.primaryCategoryInput.name},additionalCategories:this.additionalCategoryInputs.filter((function(t){return t.isValidate})).map((function(t){return{displayName:t.displayName,name:t.name}}))},this.$emit("update",this.updateColumn,this.currentCategories),this.hideModal()):this.toast("請輸入正確的類別名稱","danger")},addAdditionalCategory:function(){this.additionalCategoryInputs.push({displayName:"",name:"",categoryOptions:[],currentlyCounter:-1,isOpen:!1,isValidate:!1,isCategoryPreloaded:!1})},reduceAdditionalCategory:function(t){this.currentCategories.additionalCategories.splice(t,1)},AdditionalCategoryChange:function(t){this.additionalCategoryInputs[t].isLoading=!0,this.additionalCategoryInputs[t].categoryOptions=[],this.getCategoryOptions(t,"additional")},primaryCategoryInputChange:function(){this.primaryCategoryInput.isLoading=!0,this.primaryCategoryInput.isOpen=!0,this.primaryCategoryInput.categoryOptions=[],this.getCategoryOptions()},getCategoryOptions:_.debounce((function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"primary",a="";"primary"===i?(this.primaryCategoryInput.isValidate=!1,a=this.primaryCategoryInput.displayName):(this.additionalCategoryInputs[e].isValidate=!1,a=this.additionalCategoryInputs[e].displayName),axios.post("/business/category/options",{search:a}).then((function(a){"primary"===i?(t.primaryCategoryInput.categoryOptions=a.data.categories,t.primaryCategoryInput.isLoading=!1):(t.additionalCategoryInputs[e].categoryOptions=a.data.categories,t.additionalCategoryInputs[e].isLoading=!1)})).catch((function(t){console.log(t)}))}),500),setAdditionalCategory:function(t,e){0!==this.additionalCategoryInputs[t].categoryOptions.length&&(this.additionalCategoryInputs[t].displayName=e.displayName,this.additionalCategoryInputs[t].name=e.name,this.additionalCategoryInputs[t].isValidate=!0,this.clearAll(t))},setPrimaryCategory:function(t){0!==this.primaryCategoryInput.categoryOptions.length&&(this.primaryCategoryInput.displayName=t.displayName,this.primaryCategoryInput.name=t.name,this.primaryCategoryInput.isValidate=!0,this.primaryCategoryInput.currentlyCounter=-1,this.primaryCategoryInput.isOpen=!1)},onArrowDown:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"additional";"primary"===i?this.primaryCategoryInput.currentlyCounter<this.primaryCategoryInput.categoryOptions.length-1&&(this.primaryCategoryInput.currentlyCounter++,this.$nextTick((function(){return t.scrollToElement(null)}))):"additional"===i&&this.additionalCategoryInputs[e].currentlyCounter<this.additionalCategoryInputs[e].categoryOptions.length-1&&(this.additionalCategoryInputs[e].currentlyCounter++,this.$nextTick((function(){return t.scrollToElement(e)})))},onArrowUp:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"additional";"primary"===i?this.primaryCategoryInput.currentlyCounter>0&&(this.primaryCategoryInput.currentlyCounter--,this.$nextTick((function(){return t.scrollToElement(null)}))):"additional"===i&&this.additionalCategoryInputs[e].currentlyCounter>0&&(this.additionalCategoryInputs[e].currentlyCounter--,this.$nextTick((function(){return t.scrollToElement(e)})))},onEnter:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"additional";"primary"===e?this.primaryCategoryInput.isOpen&&(this.primaryCategoryInput.displayName=this.primaryCategoryInput.categoryOptions[this.primaryCategoryInput.currentlyCounter].displayName,this.primaryCategoryInput.name=this.primaryCategoryInput.categoryOptions[this.primaryCategoryInput.currentlyCounter].name,this.primaryCategoryInput.isValidate=!0,this.clearAll(null,"primary")):"additional"===e&&this.additionalCategoryInputs[t].isOpen&&(this.additionalCategoryInputs[t].displayName=this.additionalCategoryInputs[t].categoryOptions[this.additionalCategoryInputs[t].currentlyCounter].displayName,this.additionalCategoryInputs[t].name=this.additionalCategoryInputs[t].categoryOptions[this.additionalCategoryInputs[t].currentlyCounter].name,this.additionalCategoryInputs[t].isValidate=!0,this.clearAll(t))},onEsc:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"additional";"primary"===e?this.clearAll(null,"primary"):"additional"===e&&this.clearAll(t)},scrollToElement:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"additional",i=null;"primary"===e?i=this.$refs.primaryListGroup[0]:"additional"===e&&(i=this.$refs["listGroup".concat(t)][0]);var a=i.children,n=a[this.additionalCategoryInputs[t].currentlyCounter];

2if(n&&"none"!==n.style.display){var o=i.scrollTop,r=o+i.clientHeight,s=n.offsetTop,l=s+n.clientHeight;console.log(o,s,r,l),o+150>=s?i.scrollTop=s-185>0?s-185:0:l>r&&(i.scrollTop=l-i.clientHeight-35)}},clearAll:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"additional";"primary"===e?(this.primaryCategoryInput.currentlyCounter=-1,this.primaryCategoryInput.isOpen=!1):"additional"===e&&(this.additionalCategoryInputs[t].currentlyCounter=-1,this.additionalCategoryInputs[t].isOpen=!1)},toast:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"success";this.$bvToast.toast(t,{title:"商家資訊",variant:e,solid:!0})},openOption:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"additional";"primary"===e?this.primaryCategoryInput.isOpen=!0:"additional"===e&&(this.additionalCategoryInputs[t].isOpen=!0)},closeOption:function(t){var e=this,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"additional";setTimeout((function(){"primary"===i?e.primaryCategoryInput.isOpen=!1:"additional"===i&&(e.additionalCategoryInputs[t].isOpen=!1)}),150)}},computed:{validationAdditionalCategory:function(){var t=this;return function(e){return t.additionalCategoryInputs[e].displayName.length>0?!!t.additionalCategoryInputs[e].isValidate:null}},validationPrimaryCategory:function(){return this.primaryCategoryInput.displayName.length>0?!!this.primaryCategoryInput.isValidate:null}},mounted:function(){this.additionalCategoryInputs=this.categories.additionalCategories.map((function(t){return{displayName:t.displayName,name:t.name,categoryOptions:[],currentlyCounter:-1,isOpen:!1,isValidate:!0,isCategoryPreloaded:!0}}))},created:function(){this.primaryCategoryInput={displayName:this.categories.primaryCategory.displayName,name:this.categories.primaryCategory.name,categoryOptions:[],currentlyCounter:-1,isOpen:!1,isValidate:!0,isCategoryPreloaded:!0}}};var o=i(93379),r=i.n(o),s=i(30510),l={insert:"head",singleton:!1};r()(s.Z,l);s.Z.locals;const d=(0,i(51900).Z)(n,(function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{ref:"modal",staticClass:"modal fade",attrs:{id:"categoriesModal",tabindex:"-1","aria-labelledby":"categoriesModalLabel","aria-hidden":"true"}},[i("div",{staticClass:"modal-dialog modal-dialog-centered"},[i("div",{staticClass:"modal-content"},[t._m(0),t._v(" "),i("div",{staticClass:"modal-body"},[i("form",[i("div",{staticClass:"form-group"},[i("label",{staticClass:"col-form-label",attrs:{for:"recipient-name"}},[t._v("主要類別:")]),t._v(" "),i("b-form-input",{staticClass:"form-control",attrs:{required:"",type:"text",state:t.validationPrimaryCategory},on:{input:function(e){return t.primaryCategoryInputChange()},focus:function(e){return t.openOption(null,"primary")},focusout:function(e){return t.closeOption(null,"primary")},keydown:[function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"up",38,e.key,["Up","ArrowUp"])?null:t.onArrowUp(null)},function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"down",40,e.key,["Down","ArrowDown"])?null:t.onArrowDown(null)},function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.onEnter(null)},function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"esc",27,e.key,["Esc","Escape"])?null:t.onEsc(null)}]},model:{value:t.primaryCategoryInput.displayName,callback:function(e){t.$set(t.primaryCategoryInput,"displayName",e)},expression:"primaryCategoryInput.displayName"}}),t._v(" "),i("b-form-invalid-feedback",{attrs:{state:t.validationPrimaryCategory}},[t.primaryCategoryInput.isLoading||0!=t.primaryCategoryInput.categoryOptions.length||""==t.primaryCategoryInput.displayName||t.primaryCategoryInput.isCategoryPreloaded?i("p",[t._v("\n                                請選擇選項內分類\n                            ")]):i("p",[t._v("\n                                暫無此類別，請重新輸入\n                            ")])]),t._v(" "),i("ul",{directives:[{name:"show",rawName:"v-show",value:t.primaryCategoryInput.isOpen,expression:"primaryCategoryInput.isOpen"}],ref:"primaryListGroup",staticClass:"list-group mb-3"},[i("li",{directives:[{name:"show",rawName:"v-show",value:t.primaryCategoryInput.isLoading,expression:"primaryCategoryInput.isLoading"}],staticClass:"list-group-item"},[i("div",{staticClass:"d-flex justify-content-center mb-3"},[i("b-spinner",{attrs:{label:"Loading..."}})],1)]),t._v(" "),t._l(t.primaryCategoryInput.categoryOptions,(function(e,a){return i("li",{key:a,staticClass:"list-group-item",class:{active:a===t.primaryCategoryInput.currentlyCounter},on:{click:function(i){return t.setPrimaryCategory(e)}}},[t._v("\n                                "+t._s(e.displayName)+"\n                            ")])}))],2)],1),t._v(" "),i("div",{staticClass:"form-group"},[i("label",{staticClass:"col-form-label",attrs:{for:"recipient-name"}},[t._v("其他類別:")]),t._v(" "),i("button",{staticClass:"btn btn-primary",attrs:{type:"button"},on:{click:t.addAdditionalCategory}},[i("i",{staticClass:"fa-solid fa-plus"}),t._v("新增其他類別")])]),t._v(" "),t._l(t.additionalCategoryInputs,(function(e,a){return i("div",{key:a},[i("b-form-input",{staticClass:"form-control",attrs:{type:"text",state:t.validationAdditionalCategory(a)},on:{input:function(e){return t.AdditionalCategoryChange(a)},keydown:[function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"up",38,e.key,["Up","ArrowUp"])?null:t.onArrowUp(a)},function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"down",40,e.key,["Down","ArrowDown"])?null:t.onArrowDown(a)},function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.onEnter(a

2)},function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"esc",27,e.key,["Esc","Escape"])?null:t.onEsc(a)}],focus:function(e){return t.openOption(a)},focusout:function(e){return t.closeOption(a)}},model:{value:e.displayName,callback:function(i){t.$set(e,"displayName",i)},expression:"input.displayName"}}),t._v(" "),i("b-form-invalid-feedback",{attrs:{state:t.validationAdditionalCategory(a)}},[e.isLoading||0!=e.categoryOptions.length||""==e.displayName||e.isCategoryPreloaded?i("p",[t._v("\n                                請選擇選項內分類\n                            ")]):i("p",[t._v("\n                                暫無此類別，請重新輸入\n                            ")])]),t._v(" "),i("ul",{directives:[{name:"show",rawName:"v-show",value:e.isOpen,expression:"input.isOpen"}],ref:"listGroup"+a,refInFor:!0,staticClass:"list-group mb-3"},[i("li",{directives:[{name:"show",rawName:"v-show",value:e.isLoading,expression:"input.isLoading"}],staticClass:"list-group-item"},[i("div",{staticClass:"d-flex justify-content-center mb-3"},[i("b-spinner",{attrs:{label:"Loading..."}})],1)]),t._v(" "),t._l(e.categoryOptions,(function(n,o){return i("li",{key:o,staticClass:"list-group-item",class:{active:o===e.currentlyCounter},on:{click:function(e){return t.setAdditionalCategory(a,n)}}},[t._v("\n                                "+t._s(n.displayName)+"\n                            ")])}))],2)],1)}))],2)]),t._v(" "),i("div",{staticClass:"modal-footer"},[i("button",{staticClass:"btn btn-secondary",attrs:{type:"button","data-dismiss":"modal"}},[t._v("取消")]),t._v(" "),i("button",{staticClass:"btn btn-primary",attrs:{type:"button"},on:{click:t.updateCategories}},[t._v("儲存")])])])])])}),[function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"modal-header"},[i("h5",{staticClass:"modal-title",attrs:{id:"categoriesModalLabel"}},[t._v("類別")]),t._v(" "),i("button",{staticClass:"close",attrs:{type:"button","data-dismiss":"modal","aria-label":"Close"}},[i("span",{attrs:{"aria-hidden":"true"}},[t._v("×")])])])}],!1,null,"8e54c4ca",null).exports}}]);