{"version":3,"sources":["webpack:///./src/pages/create-category.page.vue?b87f","webpack:///./src/pages/create-category.page.vue?357a","webpack:///src/pages/create-category.page.vue","webpack:///./src/pages/create-category.page.vue?9b5f","webpack:///./src/pages/create-category.page.vue","webpack:///./src/components/common/Editor.vue?01a7","webpack:///src/components/common/Editor.vue","webpack:///./src/components/common/Editor.vue?5446","webpack:///./src/components/common/Editor.vue","webpack:///./src/components/common/Editor.vue?8632","webpack:///./src/components/common/ErrorMessage.vue?a9a4","webpack:///./src/components/common/ErrorMessage.vue?014c","webpack:///src/components/common/ErrorMessage.vue","webpack:///./src/components/common/ErrorMessage.vue"],"names":["key","title","scopedSlots","value","name","props","components","Editor","ProjectViewSection","BaseUploader","ErrorMessage","data","arrayType","arrayHierarchy","arrayDetailOfPage","arrayStatus","loading","category_id","creator_id","series_id","edition_id","arrayCategories","objectCategoryIdNameEn","objectCategoryNameEnId","arrayCreators","objectCreatorIdNameEn","objectCreatorNameEnId","arraySeries","objectSeriesIdNameEn","objectSeriesNameEnId","arrayEditions","objectEditionIdNameEn","objectEditionNameEnId","form","type","hierarchy","link","name_en","name_ja","thumbnail_url","banner_url","description_en","description_ja","recommendation_top_as_project","recommendation_categorytop_as_project","show_nftlist","carousel_title_en","carousel_title_ja","list_title_en","list_title_ja","wordpress_link","is_deleted","computed","mapGetters","userRole","mapState","locale","categoryDetailMap","arrayHierarchyFiltered","this","result","categoryDetail","console","id","typesOfCategory","resultArray","watch","mounted","methods","updateComboBoxOptions","getCategories","arrayObjectOptions","objectIdNameEn","objectNameEnId","getCreators","getSeries","getFromTableCategories","intType","strHierarchy","arrayObjectRecordCategories","items","arrayObject","objectRecordCategory","objectCategory","strCategoryName","objectResult","onTypeOfCategoryChange","onCategoryChange","onCreatorChange","onSeriesChange","strUndefined","getLink","includes","mapActions","fetchCategoryDetail","set_is_deleted","setValue","onSubmitForm","isValid","banner","thumbnail","payload","createCategory","UtilNotify","message","component","_vm","_h","$createElement","_c","_self","staticClass","on","$router","push","_v","_s","$t","ref","$event","preventDefault","apply","arguments","attrs","slot","_l","typeOfCategory","directives","rawName","expression","domProps","Array","isArray","_i","$$a","$$el","target","$$c","checked","$$i","$set","concat","slice","category","creator","series","_u","fn","errors","model","callback","$$v","_e","banner_uploaded_name","thumbnail_uploaded_name","max","class","staticRenderFns","VueEditor","required","maxLength","default","content","customToolbar","header","color","background","newValue","uploadImg","handleImageAdded","formData","url","resetUploader","handleInput","len","quill","$emit","error","s"],"mappings":"qIAAA,W,2CCAA,I,4KC8jBA,GAEA,CACEA,IAAFA,gBACEC,MAAFA,gBACEC,YAAFA,CAAIC,MAAJA,kBAIA,CACEH,IAAFA,eACEC,MAAFA,WACEC,YAAFA,CAAIC,MAAJA,kBAKA,GAEA,CACEH,IAAFA,WACEC,MAAFA,0BACEC,YAAFA,CAAIC,MAAJA,aAGA,CACEH,IAAFA,UACEC,MAAFA,wBACEC,YAAFA,CAAIC,MAAJA,YAGA,CACEH,IAAFA,SACEC,MAAFA,sBACEC,YAAFA,CAAIC,MAAJA,YAKA,GACA,CACEH,IAAFA,aACEC,MAAFA,0BACEC,YAAFA,CAAIC,MAAJA,eAGA,CACEH,IAAFA,gBACEC,MAAFA,4BACEC,YAAFA,CAAIC,MAAJA,kBAGA,CACEH,IAAFA,OACEC,MAAFA,qBACEC,YAAFA,CAAIC,MAAJA,OAAIF,MAAJA,eAGA,CACED,IAAFA,UACEC,MAAFA,qBACEC,YAAFA,CAAIC,MAAJA,UAAIF,MAAJA,kBAGA,CACED,IAAFA,cACEC,MAAFA,4BACEC,YAAFA,CAAIC,MAAJA,cAAIF,MAAJA,sBAGA,CACED,IAAFA,iBACEC,MAAFA,4BACEC,YAAFA,CAAIC,MAAJA,iBAAIF,MAAJA,yBAGA,CACED,IAAFA,gCACEC,MAAFA,MACEC,YAAFA,CAAIC,MAAJA,kCAGA,CACEH,IAAFA,wCACEC,MAAFA,6BACEC,YAAFA,CAAIC,MAAJA,0CAGA,CACEH,IAAFA,OACEC,MAAFA,sBACEC,YAAFA,CAAIC,MAAJA,SAGA,CACEH,IAAFA,oBACEC,MAAFA,mCACEC,YAAFA,CAAIC,MAAJA,sBAGA,CACEH,IAAFA,oBACEC,MAAFA,mCACEC,YAAFA,CAAIC,MAAJA,sBAGA,CACEH,IAAFA,gBACEC,MAAFA,+BACEC,YAAFA,CAAIC,MAAJA,kBAGA,CACEH,IAAFA,gBACEC,MAAFA,+BACEC,YAAFA,CAAIC,MAAJA,kBAGA,CACEH,IAAFA,iBACEC,MAAFA,gCACEC,YAAFA,CAAIC,MAAJA,oBAIA,GACA,CACEH,IAAFA,aACEC,MAAFA,gCACEC,YAAFA,CAAIC,MAAJA,gBAIe,GACbC,KAAMA,qBACNC,MAAOA,GACPC,WAAYA,CACVC,OAAJA,IACIC,mBAAJA,IACIC,aAAJA,IACIC,aAAJA,KAGEC,KAVF,WAWI,MAAO,CACLC,UAANA,EACMC,eAANA,EACMC,kBAANA,EACMC,YAANA,EACMC,SAAQA,EAERC,YAAaA,EACbC,WAANA,EACMC,UAANA,EACMC,WAANA,EACMC,gBAAiBA,GACjBC,uBAAwBA,GACxBC,uBAAwBA,GAExBC,cAAeA,GAGfC,sBAAuBA,GAGvBC,sBAAuBA,GACvBC,YAAaA,GACbC,qBAAsBA,GACtBC,qBAAsBA,GACtBC,cAAeA,GACfC,sBAAuBA,GACvBC,sBAAuBA,GAEvBC,KAAMA,CACJC,KAARA,GACQC,UAARA,GACQC,KAARA,GACQC,QAARA,GACQC,QAARA,GACQC,cAARA,KACQC,WAARA,KACQC,eAARA,GACQC,eAARA,GACQC,+BAA8BA,EAC9BC,uCAAsCA,EACtCC,gBACAC,kBAAmBA,GACnBC,kBAAmBA,GACnBC,cAARA,GACQC,cAARA,GACQC,eAARA,GACQC,iBAKNC,SAAUA,uCACZC,aACIC,SAAJA,2BAGAC,aACIC,OAAJA,YAAM,OAAN,iCACIC,kBAAJA,YAAM,OAAN,mCAPA,IAUIC,uBAVJ,WAWM,IAAN,EAuBM,OApBsB,GAAlBC,KAAK1B,KAAKC,OAApB0B,MAG4B,GAAlBD,KAAK1B,KAAKC,OACZ0B,EAASA,EAAeA,QAAOA,SACvC,GAAU,MAAV,uBAK4B,GAAlBD,KAAK1B,KAAKC,OACZ0B,EAASA,EAAjBA,iBACA,GAAU,MAAV,0CAK4B,GAAlBD,KAAK1B,KAAKC,OACZ0B,EAASA,GAEJA,GAGTC,eArCJ,WAsCM,IAAN,wBAEM,GADAC,QAAQA,MAAMA,CAApBC,KAAAN,2CACUM,EAAI,CACN,IAAR,4BAEQ,OADAD,QAAQA,MAAMA,CAAtBnD,SACeA,EAET,MAAO,IAKTqD,gBAlDJ,WA+DM,MAXmB,MAAfL,KAAKH,OACOS,CACtB,CAAUjE,IAAVA,WAAUG,MAAVA,GAAA,CAAUH,IAAVA,UAAUG,MAAVA,GACA,CAAUH,IAAVA,SAAUG,MAAVA,GAAA,CAAUH,IAAVA,UAAUG,MAAVA,IAGsB8D,CACtB,CAAUjE,IAAVA,OAAUG,MAAVA,GAAA,CAAUH,IAAVA,SAAUG,MAAVA,GACA,CAAUH,IAAVA,OAAUG,MAAVA,GAAA,CAAUH,IAAVA,SAAUG,MAAVA,OAOE+D,MAAOA,CAELV,OAAQA,WAAZ,wJACA,6BADA,kGAAYA,IAKVW,QAzIF,WAyIA,oKACA,0BADA,8CAQEC,QAASA,yBAEPC,sBAFJ,WAEA,oKACA,kBADA,uBAEA,gBAFA,uBAGA,cAHA,uBAIA,gBAJA,8CAQIC,cAVJ,WAUA,gLAIA,mCAJA,gBACAC,EADA,EACAA,mBACAC,EAFA,EAEAA,eACAC,EAHA,EAGAA,eAEA,oBACA,2BACA,2BAPA,8CAYIC,YAtBJ,WAsBA,gLAMA,2BACA,yCAPA,gBAGAH,EAHA,EAGAA,mBACAC,EAJA,EAIAA,eACAC,EALA,EAKAA,eAIA,kBACA,0BACA,0BAXA,8CAoBIE,UA1CJ,WA0CA,gLAIA,yBACA,EACA,6CACA,uCAPA,gBACAJ,EADA,EACAA,mBACAC,EAFA,EAEAA,eACAC,EAHA,EAGAA,eAMA,gBACA,yBACA,yBAXA,8CAmBIG,uBA7DJ,SA6DAC,EAAAC,GAAA,8LAIAR,aAGApC,OACAC,cARA,gBAGA4C,EAHA,EAGAC,MAUAC,EAAA,EAAAjF,qBAAAG,UAEAqE,EAAA,OAEAC,EAAA,GAjBA,cAkBAM,GAlBA,IAkBA,2BAAAG,UACAC,EAAA,GAEAC,EACA,0BACAF,UAGAC,QACAA,aAEAF,UACAT,kBACAC,kBA/BA,qCAkCAY,EAAA,IACAA,qBACAA,mBACAA,mBArCA,kBAsCAA,GAtCA,+CA2CIC,uBAxGJ,SAwGAnF,GAAA,2JACA,cADA,SAGA,kBAHA,OAKA,kBAAAH,qBAAAG,UACA,gBAAAH,qBAAAG,UAEA,gBACA,eACA,cAEA,wBAZA,8CAgBIoF,iBAxHJ,SAwHApF,GAAA,uJAEA,gBAEA,kBAAAH,qBAAAG,UACA,gBAAAH,qBAAAG,UAEA,eACA,cAEA,wBACAA,KAXA,wDAcA,yDAdA,UAiBA,gBAjBA,+CAuBIqF,gBA/IJ,SA+IArF,GAAA,uJACA,eAEA,gBAAAH,qBAAAG,UAEA,cAEA,yDACAA,KARA,wDAWA,uCACA,sCAZA,SAeA,cAfA,8CAmBIsF,eAlKJ,SAkKAtF,GAAA,uJACA,cAEA,iBACA,6CACA,sCACAA,KANA,iDASA,uCACA,oCAVA,8CAgBIuF,aAlLJ,WAqLM,MAFN,uCACA,gBAIIC,QAxLJ,SAwLAvD,GACM,OAAIA,EAAKwD,SAAS,aAAexD,EAAKwD,SAAS,WACtCxD,EAEA,WAAf,YAIAyD,aACIC,oBAAJA,oCAjMA,IAqMIC,eArMJ,SAqMAC,GACMrC,KAAK1B,KAAKkB,WAAa6C,GAGzBC,aAzMJ,WAyMA,iMAGA,4BAHA,UAGAC,EAHA,OAIApC,eACAoC,YAEAA,EAPA,qDAQA,UARA,iDAkBA,SATA,aAEAjE,EAXA,2BAYA,QAZA,IAaAkE,0DACAC,kEAGAC,EAAA,aACA,IACA1F,EAAAsB,OACA,QACAoE,4BArBA,iBAyBAC,eAzBA,QAyBA3F,EAzBA,OA0BA,aAEA,IACA4F,uBAAAC,oDACA,sCA9BA,kDAiCA,aAEA1C,oBACAyC,0BApCA,gEC7hC8V,I,wBCQ1VE,EAAY,YACd,GHTW,WAAa,IAAIC,EAAI/C,KAASgD,EAAGD,EAAIE,eAAmBC,EAAGH,EAAII,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAAmB,UAAjBH,EAAIpD,SAAsBuD,EAAG,MAAM,CAACE,YAAY,yCAAyC,CAACF,EAAG,SAAS,CAACE,YAAY,yCAAyCC,GAAG,CAAC,MAAQ,WAAc,OAAON,EAAIO,QAAQC,KAAK,yBAA2B,CAACR,EAAIS,GAAG,OAAOT,EAAIU,GAAGV,EAAIW,GAAG,aAAa,OAAOR,EAAG,UAAU,CAACE,YAAY,2CAA2C,CAACL,EAAIS,GAAG,IAAIT,EAAIU,GAAGV,EAAIW,GAAG,kBAAkB,OAAOR,EAAG,qBAAqB,CAACS,IAAI,YAAY,CAACT,EAAG,OAAO,CAACG,GAAG,CAAC,OAAS,SAASO,GAAgC,OAAxBA,EAAOC,iBAAwBd,EAAIT,aAAawB,MAAM,KAAMC,cAAc,CAACb,EAAG,UAAU,CAACE,YAAY,iBAAiB,CAACF,EAAG,qBAAqB,CAACE,YAAY,QAAQY,MAAM,CAAC,MAAQ,eAAe,WAAajB,EAAIzE,KAAK,QAAUyE,EAAI9F,YAAY,CAACiG,EAAG,MAAM,CAACc,MAAM,CAAC,KAAO,iBAAiBC,KAAK,iBAAiB,CAACf,EAAG,WAAW,CAACE,YAAY,OAAOY,MAAM,CAAC,MAAQjB,EAAIzE,KAAKC,MAAM8E,GAAG,CAAC,OAASN,EAAIpB,yBAAyB,CAACuB,EAAG,OAAO,CAACE,YAAY,+CAA+CY,MAAM,CAAC,KAAO,cAAcC,KAAK,cAAc,CAAClB,EAAIS,GAAG,OAAOT,EAAImB,GAAInB,EAAmB,0BAAWoB,GAAgB,OAAOjB,EAAG,kBAAkB,CAAC7G,IAAI8H,EAAe3H,MAAMwH,MAAM,CAAC,MAAQG,EAAe3H,QAAQ,CAACuG,EAAIS,GAAG,IAAIT,EAAIU,GAAGU,EAAe9H,KAAK,WAAU,IAAI,GAAG6G,EAAG,MAAM,CAACc,MAAM,CAAC,KAAO,gBAAgBC,KAAK,gBAAgB,CAACf,EAAG,QAAQ,CAACkB,WAAW,CAAC,CAAC3H,KAAK,QAAQ4H,QAAQ,UAAU7H,MAAOuG,EAAIzE,KAAiB,aAAEgG,WAAW,sBAAsBN,MAAM,CAAC,KAAO,YAAYO,SAAS,CAAC,QAAUC,MAAMC,QAAQ1B,EAAIzE,KAAKY,cAAc6D,EAAI2B,GAAG3B,EAAIzE,KAAKY,aAAa,OAAO,EAAG6D,EAAIzE,KAAiB,cAAG+E,GAAG,CAAC,OAAS,SAASO,GAAQ,IAAIe,EAAI5B,EAAIzE,KAAKY,aAAa0F,EAAKhB,EAAOiB,OAAOC,IAAIF,EAAKG,QAAuB,GAAGP,MAAMC,QAAQE,GAAK,CAAC,IAAaK,EAAIjC,EAAI2B,GAAGC,EAAhB,MAA4BC,EAAKG,QAASC,EAAI,GAAIjC,EAAIkC,KAAKlC,EAAIzE,KAAM,eAAgBqG,EAAIO,OAAO,CAAhG,QAA8GF,GAAK,GAAIjC,EAAIkC,KAAKlC,EAAIzE,KAAM,eAAgBqG,EAAIQ,MAAM,EAAEH,GAAKE,OAAOP,EAAIQ,MAAMH,EAAI,UAAYjC,EAAIkC,KAAKlC,EAAIzE,KAAM,eAAgBwG,OAAU/B,EAAIS,GAAG,IAAIT,EAAIU,GAAGV,EAAIW,GAAG,gBAAgB,SAASR,EAAG,qBAAqB,CAACE,YAAY,QAAQY,MAAM,CAAC,MAAQ,YAAY,WAAajB,EAAIzE,KAAK,QAAUyE,EAAIhD,yBAAyB,CAACmD,EAAG,MAAM,CAACc,MAAM,CAAC,KAAO,YAAYC,KAAK,YAAY,CAACf,EAAG,WAAW,CAACE,YAAY,OAAOY,MAAM,CAAC,MAAQhE,KAAK1C,aAAa+F,GAAG,CAAC,OAASN,EAAInB,mBAAmB,CAACsB,EAAG,OAAO,CAACE,YAAY,+CAA+CY,MAAM,CAAC,KAAO,cAAcC,KAAK,cAAc,CAAClB,EAAIS,GAAG,OAAOT,EAAImB,GAAIlE,KAAoB,0BAAWoF,GAAU,OAAOlC,EAAG,kBAAkB,CAAC7G,IAAI+I,EAAS/I,IAAI2H,MAAM,CAAC,MAAQoB,EAAS5I,QAAQ,CAACuG,EAAIS,GAAG,IAAIT,EAAIU,GAAG2B,EAAS/I,KAAK,WAAU,IAAI,GAAG6G,EAAG,MAAM,CAACc,MAAM,CAAC,KAAO,WAAWC,KAAK,WAAW,CAACf,EAAG,WAAW,CAACE,YAAY,OAAOY,MAAM,CAAC,MAAQhE,KAAKzC,YAAY8F,GAAG,CAAC,OAASN,EAAIlB,kBAAkB,CAACqB,EAAG,OAAO,CAACE,YAAY,+CAA+CY,MAAM,CAAC,KAAO,cAAcC,KAAK,cAAc,CAAClB,EAAIS,GAAG,OAAOT,EAAImB,GAAIlE,KAAkB,wBAAWqF,GAAS,OAAOnC,EAAG,kBAAkB,CAAC7G,IAAIgJ,EAAQhJ,IAAI2H,MAAM,CAAC,MAAQqB,EAAQ7I,QAAQ,CAACuG,EAAIS,GAAG,IAAIT,EAAIU,GAAG4B,EAAQhJ,KAAK,WAAU,IAAI,GAAG6G,EAAG,MAAM,CAACc,MAAM,CAAC,KAAO,UAAUC,KAAK,UAAU,CAACf,EAAG,WAAW,CAACE,YAAY,OAAOY,MAAM,CAAC,MAAQhE,KAAKxC,WAAW6F,GAAG,CAAC,OAASN,EAAIjB,iBAAiB,CAACoB,EAAG,OAAO,CAACE,YAAY,+CAA+CY,MAAM,CAAC,KAAO,cAAcC,KAAK,cAAc,CAAClB,EAAIS,GAAG,OAAOT,EAAImB,GAAIlE,KAAgB,sBAAWsF,GAAQ,OAAOpC,EAAG,kBAAkB,CAAC7G,IAAIiJ,EAAOjJ,IAAI2H,MAAM,CAAC,MAAQsB,EAAO9I,QAAQ,CAACuG,EAAIS,GAAG,IAAIT,EAAIU,GAAG6B,EAAOjJ,KAAK,WAAU,IAAI,KAAK6G,EAAG,qBAAqB,CAACE,YAAY,QAAQY,MAAM,CAAC,MAAQ,iBAAiB,WAAajB,EAAIzE,KAAK,QAAUyE,EAAI5F,oBAAoB,CAAC+F,EAAG,MAAM,CAACE,YAAY,oBAAoBY,MAAM,CAAC,KAAO,aAAa,MAAQ,IAAIC,KAAK,cAAc,CAACf,EAAG,qBAAqB,CAACc,MAAM,CAAC,MAAQ,GAAG,KAAO,cAAczH,YAAYwG,EAAIwC,GAAG,CAAC,CAAClJ,IAAI,UAAUmJ,GAAG,SAAS7B,GACz3H,IAAI8B,EAAS9B,EAAI8B,OACjB,MAAO,CAACvC,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,eAAe,CAACc,MAAM,CAAC,GAAK,SAAS,gBAAkB,IAAI0B,MAAM,CAAClJ,MAAOuG,EAAIzE,KAAW,OAAEqH,SAAS,SAAUC,GAAM7C,EAAIkC,KAAKlC,EAAIzE,KAAM,SAAUsH,IAAMtB,WAAW,iBAAmBvB,EAAIzE,KAAKkE,OAAyMO,EAAI8C,KAArM3C,EAAG,MAAM,CAACA,EAAG,IAAI,CAACE,YAAY,wBAAwBY,MAAM,CAAC,OAAS,SAAS,SAAW,GAAG,KAAOjB,EAAI7C,eAAerB,aAAa,CAACkE,EAAIS,GAAGT,EAAIU,GAAGV,EAAI7C,eAAe4F,4BAAqC,GAAG5C,EAAG,eAAe,CAACc,MAAM,CAAC,GAAK,aAAa,MAAQyB,EAAO,UAAU,MAAK,EAAM,eAAe,GAAGvC,EAAG,MAAM,CAACE,YAAY,oBAAoBY,MAAM,CAAC,KAAO,gBAAgB,MAAQ,IAAIC,KAAK,iBAAiB,CAACf,EAAG,qBAAqB,CAACc,MAAM,CAAC,MAAQ,GAAG,KAAO,iBAAiBzH,YAAYwG,EAAIwC,GAAG,CAAC,CAAClJ,IAAI,UAAUmJ,GAAG,SAAS7B,GACzwB,IAAI8B,EAAS9B,EAAI8B,OACjB,MAAO,CAACvC,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,eAAe,CAACc,MAAM,CAAC,GAAK,YAAY,gBAAkB,IAAI0B,MAAM,CAAClJ,MAAOuG,EAAIzE,KAAc,UAAEqH,SAAS,SAAUC,GAAM7C,EAAIkC,KAAKlC,EAAIzE,KAAM,YAAasH,IAAMtB,WAAW,oBAAsBvB,EAAIzE,KAAKmE,UAAkNM,EAAI8C,KAA3M3C,EAAG,MAAM,CAACA,EAAG,IAAI,CAACE,YAAY,wBAAwBY,MAAM,CAAC,OAAS,SAAS,SAAW,GAAG,KAAOjB,EAAI7C,eAAetB,gBAAgB,CAACmE,EAAIS,GAAGT,EAAIU,GAAGV,EAAI7C,eAAe6F,+BAAwC,GAAG7C,EAAG,eAAe,CAACc,MAAM,CAAC,GAAK,gBAAgB,MAAQyB,EAAO,UAAU,MAAK,EAAM,aAAa,GAAGvC,EAAG,MAAM,CAACc,MAAM,CAAC,KAAO,QAAQC,KAAK,QAAQ,CAACf,EAAG,qBAAqB,CAACc,MAAM,CAAC,MAAQ,WAAW,KAAO,iBAAiBzH,YAAYwG,EAAIwC,GAAG,CAAC,CAAClJ,IAAI,UAAUmJ,GAAG,SAAS7B,GAC1uB,IAAI8B,EAAS9B,EAAI8B,OACjB,MAAO,CAACvC,EAAG,UAAU,CAACc,MAAM,CAAC,UAAY,IAAI,YAAcjB,EAAIW,GAAG,oCAAqC,CAAEsC,IAAK,OAAQN,MAAM,CAAClJ,MAAOuG,EAAIzE,KAAY,QAAEqH,SAAS,SAAUC,GAAM7C,EAAIkC,KAAKlC,EAAIzE,KAAM,UAAWsH,IAAMtB,WAAW,kBAAkBpB,EAAG,eAAe,CAACc,MAAM,CAAC,GAAK,OAAO,MAAQyB,EAAO,UAAU,MAAK,EAAM,eAAe,GAAGvC,EAAG,MAAM,CAACc,MAAM,CAAC,KAAO,cAAcC,KAAK,cAAc,CAAClB,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,GAAG,wBAAwB,WAAWR,EAAG,MAAM,CAACc,MAAM,CAAC,KAAO,WAAWC,KAAK,WAAW,CAACf,EAAG,qBAAqB,CAACc,MAAM,CAAC,MAAQ,GAAG,KAAO,0BAA0BzH,YAAYwG,EAAIwC,GAAG,CAAC,CAAClJ,IAAI,UAAUmJ,GAAG,SAAS7B,GAC7mB,IAAI8B,EAAS9B,EAAI8B,OACjB,MAAO,CAACvC,EAAG,UAAU,CAACc,MAAM,CAAC,UAAY,IAAI,YAAcjB,EAAIW,GAAG,oCAAqC,CAAEsC,IAAK,OAAQN,MAAM,CAAClJ,MAAOuG,EAAIzE,KAAY,QAAEqH,SAAS,SAAUC,GAAM7C,EAAIkC,KAAKlC,EAAIzE,KAAM,UAAWsH,IAAMtB,WAAW,kBAAkBpB,EAAG,eAAe,CAACc,MAAM,CAAC,GAAK,UAAU,MAAQyB,EAAO,UAAU,MAAK,EAAM,cAAc,GAAGvC,EAAG,MAAM,CAACc,MAAM,CAAC,KAAO,iBAAiBC,KAAK,iBAAiB,CAAClB,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,GAAG,wBAAwB,WAAWR,EAAG,MAAM,CAACc,MAAM,CAAC,KAAO,eAAeC,KAAK,eAAe,CAACf,EAAG,qBAAqB,CAACc,MAAM,CAAC,MAAQ,WAAW,KAAO,wBAAwBzH,YAAYwG,EAAIwC,GAAG,CAAC,CAAClJ,IAAI,UAAUmJ,GAAG,SAAS7B,GACnoB,IAAI8B,EAAS9B,EAAI8B,OACjB,MAAO,CAACvC,EAAG,SAAS,CAACc,MAAM,CAAC,UAAY,MAAM0B,MAAM,CAAClJ,MAAOuG,EAAIzE,KAAmB,eAAEqH,SAAS,SAAUC,GAAM7C,EAAIkC,KAAKlC,EAAIzE,KAAM,iBAAkBsH,IAAMtB,WAAW,yBAAyBpB,EAAG,eAAe,CAACc,MAAM,CAAC,GAAK,cAAc,MAAQyB,EAAO,UAAU,MAAK,EAAM,cAAc,GAAGvC,EAAG,MAAM,CAACc,MAAM,CAAC,KAAO,qBAAqBC,KAAK,qBAAqB,CAAClB,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,GAAG,+BAA+B,WAAWR,EAAG,MAAM,CAACc,MAAM,CAAC,KAAO,wBAAwBC,KAAK,wBAAwB,CAAClB,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,GAAG,+BAA+B,WAAWR,EAAG,MAAM,CAACc,MAAM,CAAC,KAAO,kBAAkBC,KAAK,kBAAkB,CAACf,EAAG,qBAAqB,CAACc,MAAM,CAAC,MAAQ,GAAG,KAAO,iCAAiCzH,YAAYwG,EAAIwC,GAAG,CAAC,CAAClJ,IAAI,UAAUmJ,GAAG,SAAS7B,GACvvB,IAAI8B,EAAS9B,EAAI8B,OACjB,MAAO,CAACvC,EAAG,SAAS,CAACc,MAAM,CAAC,UAAY,MAAM0B,MAAM,CAAClJ,MAAOuG,EAAIzE,KAAmB,eAAEqH,SAAS,SAAUC,GAAM7C,EAAIkC,KAAKlC,EAAIzE,KAAM,iBAAkBsH,IAAMtB,WAAW,yBAAyBpB,EAAG,eAAe,CAACc,MAAM,CAAC,GAAK,iBAAiB,MAAQyB,EAAO,UAAU,MAAK,EAAM,eAAe,GAAGvC,EAAG,MAAM,CAACc,MAAM,CAAC,KAAO,iCAAiCC,KAAK,iCAAiC,CAACf,EAAG,aAAa,CAACwC,MAAM,CAAClJ,MAAOuG,EAAIzE,KAAkC,8BAAEqH,SAAS,SAAUC,GAAM7C,EAAIkC,KAAKlC,EAAIzE,KAAM,gCAAiCsH,IAAMtB,WAAW,uCAAuC,CAACvB,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,GAAG,8CAA8C,GAAGR,EAAG,MAAM,CAACc,MAAM,CAAC,KAAO,yCAAyCC,KAAK,yCAAyC,CAACf,EAAG,aAAa,CAACwC,MAAM,CAAClJ,MAAOuG,EAAIzE,KAA0C,sCAAEqH,SAAS,SAAUC,GAAM7C,EAAIkC,KAAKlC,EAAIzE,KAAM,wCAAyCsH,IAAMtB,WAAW,+CAA+C,CAACvB,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,GAAG,mDAAmD,GAAGR,EAAG,MAAM,CAACc,MAAM,CAAC,KAAO,QAAQC,KAAK,QAAQ,CAACf,EAAG,UAAU,CAACc,MAAM,CAAC,UAAY,IAAI,YAAcjB,EAAIW,GAAG,oCAAqC,CAAEsC,IAAK,MAAON,MAAM,CAAClJ,MAAOuG,EAAIzE,KAAS,KAAEqH,SAAS,SAAUC,GAAM7C,EAAIkC,KAAKlC,EAAIzE,KAAM,OAAQsH,IAAMtB,WAAW,gBAAgB,GAAGpB,EAAG,MAAM,CAACc,MAAM,CAAC,KAAO,qBAAqBC,KAAK,qBAAqB,CAACf,EAAG,UAAU,CAACc,MAAM,CAAC,UAAY,IAAI,YAAcjB,EAAIW,GAAG,oCAAqC,CAAEsC,IAAK,MAAON,MAAM,CAAClJ,MAAOuG,EAAIzE,KAAsB,kBAAEqH,SAAS,SAAUC,GAAM7C,EAAIkC,KAAKlC,EAAIzE,KAAM,oBAAqBsH,IAAMtB,WAAW,6BAA6B,GAAGpB,EAAG,MAAM,CAACc,MAAM,CAAC,KAAO,qBAAqBC,KAAK,qBAAqB,CAACf,EAAG,UAAU,CAACc,MAAM,CAAC,UAAY,IAAI,YAAcjB,EAAIW,GAAG,oCAAqC,CAAEsC,IAAK,MAAON,MAAM,CAAClJ,MAAOuG,EAAIzE,KAAsB,kBAAEqH,SAAS,SAAUC,GAAM7C,EAAIkC,KAAKlC,EAAIzE,KAAM,oBAAqBsH,IAAMtB,WAAW,6BAA6B,GAAGpB,EAAG,MAAM,CAACc,MAAM,CAAC,KAAO,iBAAiBC,KAAK,iBAAiB,CAACf,EAAG,UAAU,CAACc,MAAM,CAAC,UAAY,IAAI,YAAcjB,EAAIW,GAAG,oCAAqC,CAAEsC,IAAK,MAAON,MAAM,CAAClJ,MAAOuG,EAAIzE,KAAkB,cAAEqH,SAAS,SAAUC,GAAM7C,EAAIkC,KAAKlC,EAAIzE,KAAM,gBAAiBsH,IAAMtB,WAAW,yBAAyB,GAAGpB,EAAG,MAAM,CAACc,MAAM,CAAC,KAAO,iBAAiBC,KAAK,iBAAiB,CAACf,EAAG,UAAU,CAACc,MAAM,CAAC,UAAY,IAAI,YAAcjB,EAAIW,GAAG,oCAAqC,CAAEsC,IAAK,MAAON,MAAM,CAAClJ,MAAOuG,EAAIzE,KAAkB,cAAEqH,SAAS,SAAUC,GAAM7C,EAAIkC,KAAKlC,EAAIzE,KAAM,gBAAiBsH,IAAMtB,WAAW,yBAAyB,GAAGpB,EAAG,MAAM,CAACc,MAAM,CAAC,KAAO,kBAAkBC,KAAK,kBAAkB,CAACf,EAAG,UAAU,CAACc,MAAM,CAAC,UAAY,KAAK0B,MAAM,CAAClJ,MAAOuG,EAAIzE,KAAmB,eAAEqH,SAAS,SAAUC,GAAM7C,EAAIkC,KAAKlC,EAAIzE,KAAM,iBAAkBsH,IAAMtB,WAAW,0BAA0B,KAAKpB,EAAG,qBAAqB,CAACc,MAAM,CAAC,WAAajB,EAAIzE,KAAK,MAAQ,+BAA+B,QAAUyE,EAAI3F,cAAc,CAAC8F,EAAG,MAAM,CAACE,YAAY,wBAAwBY,MAAM,CAAC,KAAO,cAAcC,KAAK,cAAc,CAACf,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAAC+C,MAAM,CAAE,sBAAuBlD,EAAIzE,KAAKkB,YAAawE,MAAM,CAAC,SAAWjB,EAAI1F,SAASgG,GAAG,CAAC,MAAQ,SAASO,GAAQ,OAAOb,EAAIX,gBAAeA,MAAU,CAACW,EAAIS,GAAG,IAAIT,EAAIU,GAAGV,EAAIW,GAAG,kCAAkC,OAAOR,EAAG,MAAM,CAAC+C,MAAM,CAAE,qBAAsBlD,EAAIzE,KAAKkB,YAAawE,MAAM,CAAC,SAAWjB,EAAI1F,SAASgG,GAAG,CAAC,MAAQ,SAASO,GAAQ,OAAOb,EAAIX,gBAAeA,MAAS,CAACW,EAAIS,GAAG,IAAIT,EAAIU,GAAGV,EAAIW,GAAG,kCAAkC,cAAc,GAAGR,EAAG,MAAM,CAACE,YAAY,yCAAyC,CAACF,EAAG,SAAS,CAACE,YAAY,sFAAsFY,MAAM,CAAC,KAAO,SAAS,SAAWjB,EAAI1F,UAAU,CAAC0F,EAAIS,GAAG,IAAIT,EAAIU,GAAGV,EAAIW,GAAG,qBAAqB,cAAc,GAAGR,EAAG,MAAM,CAACE,YAAY,wCAAwC,CAACL,EAAIS,GAAG,IAAIT,EAAIU,GAAGV,EAAIW,GAAG,sCAAsC,WAC/6H,IGFpBwC,EAEA,KACA,WACA,MAIa,UAAApD,E,6CCnBf,I,kFCoBe,GACbnG,WAAYA,CAAdwJ,uBACEzJ,MAAOA,CACLF,MAAOA,CACL+B,KAAMA,OACN6H,UAASA,GAEXC,UAAWA,CACT9H,KAAMA,OACN+H,QAASA,OAGbtJ,KAZF,WAaI,MAAO,CACLuJ,QAASA,KAAKA,MACdC,cAAeA,CACrB,EAAQC,OAARA,aACA,8BACA,EAAQC,MAARA,KAAA,CAAQC,WAARA,MACA,oBAIEpG,MAAOA,CACL/D,MADJ,SACAoK,GACM5G,KAAKuG,QAAUK,IAGnBnG,QAASA,CACPoG,UAAJA,IACIC,iBAAkBA,WAAtB,0KAEAC,EAAA,cACAA,kBAHA,SAKA,kBALA,OAKA9G,EALA,OAMA+G,EAAA/G,WACArD,2BACAqK,IARA,kDAUArE,yCACAqE,IAXA,mHAAsBH,GAclBI,YAhBJ,WAiBM,IAAN,0BACA,kBACUC,EAAMnH,KAAKqG,WACbe,EAAMA,WAAWA,KAAKA,UAAWA,GAEnCpH,KAAKqH,MAAM,QAASrH,KAAKuG,SACzBvG,KAAKqH,MAAM,eAAgBF,MCvE8T,I,wBCQ3VrE,EAAY,YACd,GHTW,WAAa,IAAIC,EAAI/C,KAASgD,EAAGD,EAAIE,eAAmBC,EAAGH,EAAII,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,aAAa,CAACS,IAAI,SAASK,MAAM,CAAC,YAAe,QAAUjB,EAAIsD,UAAY,cAAe,sBAAwB,GAAG,iBAAiBtD,EAAIyD,eAAenD,GAAG,CAAC,cAAcN,EAAImE,YAAY,WAAanE,EAAI+D,kBAAkBpB,MAAM,CAAClJ,MAAOuG,EAAW,QAAE4C,SAAS,SAAUC,GAAM7C,EAAIwD,QAAQX,GAAKtB,WAAW,cAAc,KACpb,IGUpB4B,EAEA,KACA,WACA,MAIa,IAAApD,E,sECnBf,W,oCCAA,ICAqW,ECOtV,CACbpG,MAAOA,CACL4K,MAAOA,CACL/I,KAAMA,OACN+H,QAASA,M,YCJXxD,EAAY,YACdyE,GHRW,WAAa,IAAIxE,EAAI/C,KAASgD,EAAGD,EAAIE,eAAmBC,EAAGH,EAAII,MAAMD,IAAIF,EAAG,OAAQD,EAAS,MAAEG,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACL,EAAIS,GAAG,IAAIT,EAAIU,GAAGV,EAAIuE,OAAO,OAAOvE,EAAI8C,OACjL,IGSpBK,EAEA,KACA,KACA,MAIa,IAAApD,E","file":"js/chunk-641e2408.8681b8f1.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./create-category.page.vue?vue&type=style&index=0&id=e406cef4&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.userRole === 'admin')?_c('div',{staticClass:\"create-project-page pb-8 bg-purple-bg\"},[_c('button',{staticClass:\"text-sm mb-8 cursor-pointer text-white\",on:{\"click\":function () { return _vm.$router.push('/manage/categories'); }}},[_vm._v(\" << \"+_vm._s(_vm.$t('BACK_BTN'))+\" \")]),_c('section',{staticClass:\"text-3xl mb-20 font-semibold text-white\"},[_vm._v(\" \"+_vm._s(_vm.$t('CATEGORY_VIEW'))+\" \")]),_c('ValidationObserver',{ref:\"observer\"},[_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.onSubmitForm.apply(null, arguments)}}},[_c('section',{staticClass:\"category-info\"},[_c('ProjectViewSection',{staticClass:\"!mb-0\",attrs:{\"title\":\"TYPE_OF_PAGE\",\"dataSource\":_vm.form,\"columns\":_vm.arrayType}},[_c('div',{attrs:{\"slot\":\"category_type\"},slot:\"category_type\"},[_c('a-select',{staticClass:\"w-80\",attrs:{\"value\":_vm.form.type},on:{\"change\":_vm.onTypeOfCategoryChange}},[_c('span',{staticClass:\"text-4xl text-black relative -top-3.5 left-2\",attrs:{\"slot\":\"suffixIcon\"},slot:\"suffixIcon\"},[_vm._v(\"▾\")]),_vm._l((_vm.typesOfCategory),function(typeOfCategory){return _c('a-select-option',{key:typeOfCategory.value,attrs:{\"value\":typeOfCategory.value}},[_vm._v(\" \"+_vm._s(typeOfCategory.key)+\" \")])})],2)],1),_c('div',{attrs:{\"slot\":\"show_nftlist\"},slot:\"show_nftlist\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.show_nftlist),expression:\"form.show_nftlist\"}],attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.form.show_nftlist)?_vm._i(_vm.form.show_nftlist,null)>-1:(_vm.form.show_nftlist)},on:{\"change\":function($event){var $$a=_vm.form.show_nftlist,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.form, \"show_nftlist\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.form, \"show_nftlist\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.form, \"show_nftlist\", $$c)}}}}),_vm._v(\" \"+_vm._s(_vm.$t('NFT_LISTING'))+\" \")])]),_c('ProjectViewSection',{staticClass:\"!mb-0\",attrs:{\"title\":\"HIERARCHY\",\"dataSource\":_vm.form,\"columns\":_vm.arrayHierarchyFiltered}},[_c('div',{attrs:{\"slot\":\"category\"},slot:\"category\"},[_c('a-select',{staticClass:\"w-80\",attrs:{\"value\":this.category_id},on:{\"change\":_vm.onCategoryChange}},[_c('span',{staticClass:\"text-4xl text-black relative -top-3.5 left-2\",attrs:{\"slot\":\"suffixIcon\"},slot:\"suffixIcon\"},[_vm._v(\"▾\")]),_vm._l((this.arrayCategories),function(category){return _c('a-select-option',{key:category.key,attrs:{\"value\":category.value}},[_vm._v(\" \"+_vm._s(category.key)+\" \")])})],2)],1),_c('div',{attrs:{\"slot\":\"project\"},slot:\"project\"},[_c('a-select',{staticClass:\"w-80\",attrs:{\"value\":this.creator_id},on:{\"change\":_vm.onCreatorChange}},[_c('span',{staticClass:\"text-4xl text-black relative -top-3.5 left-2\",attrs:{\"slot\":\"suffixIcon\"},slot:\"suffixIcon\"},[_vm._v(\"▾\")]),_vm._l((this.arrayCreators),function(creator){return _c('a-select-option',{key:creator.key,attrs:{\"value\":creator.value}},[_vm._v(\" \"+_vm._s(creator.key)+\" \")])})],2)],1),_c('div',{attrs:{\"slot\":\"series\"},slot:\"series\"},[_c('a-select',{staticClass:\"w-80\",attrs:{\"value\":this.series_id},on:{\"change\":_vm.onSeriesChange}},[_c('span',{staticClass:\"text-4xl text-black relative -top-3.5 left-2\",attrs:{\"slot\":\"suffixIcon\"},slot:\"suffixIcon\"},[_vm._v(\"▾\")]),_vm._l((this.arraySeries),function(series){return _c('a-select-option',{key:series.key,attrs:{\"value\":series.value}},[_vm._v(\" \"+_vm._s(series.key)+\" \")])})],2)],1)]),_c('ProjectViewSection',{staticClass:\"!mb-0\",attrs:{\"title\":\"DETAIL_OF_PAGE\",\"dataSource\":_vm.form,\"columns\":_vm.arrayDetailOfPage}},[_c('div',{staticClass:\"flex items-center\",attrs:{\"slot\":\"banner_url\",\"value\":\"\"},slot:\"banner_url\"},[_c('ValidationProvider',{attrs:{\"rules\":\"\",\"name\":\"BANNER_URL\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('div',{staticClass:\"flex items-center\"},[_c('BaseUploader',{attrs:{\"id\":\"banner\",\"suggestSizeText\":\"\"},model:{value:(_vm.form.banner),callback:function ($$v) {_vm.$set(_vm.form, \"banner\", $$v)},expression:\"form.banner\"}}),(!_vm.form.banner)?_c('div',[_c('a',{staticClass:\"text-xl font-semibold\",attrs:{\"target\":\"_blank\",\"download\":\"\",\"href\":_vm.categoryDetail.banner_url}},[_vm._v(_vm._s(_vm.categoryDetail.banner_uploaded_name))])]):_vm._e()],1),_c('ErrorMessage',{attrs:{\"id\":\"banner_url\",\"error\":errors[0]}})]}}],null,false,2756379488)})],1),_c('div',{staticClass:\"flex items-center\",attrs:{\"slot\":\"thumbnail_url\",\"value\":\"\"},slot:\"thumbnail_url\"},[_c('ValidationProvider',{attrs:{\"rules\":\"\",\"name\":\"THUMBNAIL_URL\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('div',{staticClass:\"flex items-center\"},[_c('BaseUploader',{attrs:{\"id\":\"thumbnail\",\"suggestSizeText\":\"\"},model:{value:(_vm.form.thumbnail),callback:function ($$v) {_vm.$set(_vm.form, \"thumbnail\", $$v)},expression:\"form.thumbnail\"}}),(!_vm.form.thumbnail)?_c('div',[_c('a',{staticClass:\"text-xl font-semibold\",attrs:{\"target\":\"_blank\",\"download\":\"\",\"href\":_vm.categoryDetail.thumbnail_url}},[_vm._v(_vm._s(_vm.categoryDetail.thumbnail_uploaded_name))])]):_vm._e()],1),_c('ErrorMessage',{attrs:{\"id\":\"thumbnail_url\",\"error\":errors[0]}})]}}],null,false,91590848)})],1),_c('div',{attrs:{\"slot\":\"name\"},slot:\"name\"},[_c('ValidationProvider',{attrs:{\"rules\":\"required\",\"name\":\"CATEGORY_NAME\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('a-input',{attrs:{\"maxLength\":100,\"placeholder\":_vm.$t('PROJECT_MAX_CHARACTER_PLACEHOLDER', { max: 100 })},model:{value:(_vm.form.name_en),callback:function ($$v) {_vm.$set(_vm.form, \"name_en\", $$v)},expression:\"form.name_en\"}}),_c('ErrorMessage',{attrs:{\"id\":\"name\",\"error\":errors[0]}})]}}],null,false,3416252988)})],1),_c('div',{attrs:{\"slot\":\"label_name\"},slot:\"label_name\"},[_vm._v(_vm._s(_vm.$t('CATEGORY_NAME_LABEL'))+\" (en)\")]),_c('div',{attrs:{\"slot\":\"name_ja\"},slot:\"name_ja\"},[_c('ValidationProvider',{attrs:{\"rules\":\"\",\"name\":\"CATEGORY_NAME_JAPANESE\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('a-input',{attrs:{\"maxLength\":100,\"placeholder\":_vm.$t('PROJECT_MAX_CHARACTER_PLACEHOLDER', { max: 100 })},model:{value:(_vm.form.name_ja),callback:function ($$v) {_vm.$set(_vm.form, \"name_ja\", $$v)},expression:\"form.name_ja\"}}),_c('ErrorMessage',{attrs:{\"id\":\"name_ja\",\"error\":errors[0]}})]}}],null,false,353771208)})],1),_c('div',{attrs:{\"slot\":\"label_name_ja\"},slot:\"label_name_ja\"},[_vm._v(_vm._s(_vm.$t('CATEGORY_NAME_LABEL'))+\" (ja)\")]),_c('div',{attrs:{\"slot\":\"description\"},slot:\"description\"},[_c('ValidationProvider',{attrs:{\"rules\":\"required\",\"name\":\"CATEGORY_DESCRIPTION\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('Editor',{attrs:{\"maxLength\":2400},model:{value:(_vm.form.description_en),callback:function ($$v) {_vm.$set(_vm.form, \"description_en\", $$v)},expression:\"form.description_en\"}}),_c('ErrorMessage',{attrs:{\"id\":\"description\",\"error\":errors[0]}})]}}],null,false,794993317)})],1),_c('div',{attrs:{\"slot\":\"label_description\"},slot:\"label_description\"},[_vm._v(_vm._s(_vm.$t('CATEGORY_DESCRIPTION_LABEL'))+\" (en)\")]),_c('div',{attrs:{\"slot\":\"label_description_ja\"},slot:\"label_description_ja\"},[_vm._v(_vm._s(_vm.$t('CATEGORY_DESCRIPTION_LABEL'))+\" (ja)\")]),_c('div',{attrs:{\"slot\":\"description_ja\"},slot:\"description_ja\"},[_c('ValidationProvider',{attrs:{\"rules\":\"\",\"name\":\"CATEGORY_DESCRIPTION_JAPANESE\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('Editor',{attrs:{\"maxLength\":2400},model:{value:(_vm.form.description_ja),callback:function ($$v) {_vm.$set(_vm.form, \"description_ja\", $$v)},expression:\"form.description_ja\"}}),_c('ErrorMessage',{attrs:{\"id\":\"description_ja\",\"error\":errors[0]}})]}}],null,false,1960372177)})],1),_c('div',{attrs:{\"slot\":\"recommendation_top_as_project\"},slot:\"recommendation_top_as_project\"},[_c('a-checkbox',{model:{value:(_vm.form.recommendation_top_as_project),callback:function ($$v) {_vm.$set(_vm.form, \"recommendation_top_as_project\", $$v)},expression:\"form.recommendation_top_as_project\"}},[_vm._v(_vm._s(_vm.$t('PROJECT_DISPLAY_AS_RECOMMENDED_ON_TOP')))])],1),_c('div',{attrs:{\"slot\":\"recommendation_categorytop_as_project\"},slot:\"recommendation_categorytop_as_project\"},[_c('a-checkbox',{model:{value:(_vm.form.recommendation_categorytop_as_project),callback:function ($$v) {_vm.$set(_vm.form, \"recommendation_categorytop_as_project\", $$v)},expression:\"form.recommendation_categorytop_as_project\"}},[_vm._v(_vm._s(_vm.$t('PROJECT_DISPLAY_AS_RECOMMENDED_ON_CATEGORY')))])],1),_c('div',{attrs:{\"slot\":\"link\"},slot:\"link\"},[_c('a-input',{attrs:{\"maxLength\":500,\"placeholder\":_vm.$t('PROJECT_MAX_CHARACTER_PLACEHOLDER', { max: 20 })},model:{value:(_vm.form.link),callback:function ($$v) {_vm.$set(_vm.form, \"link\", $$v)},expression:\"form.link\"}})],1),_c('div',{attrs:{\"slot\":\"carousel_title_en\"},slot:\"carousel_title_en\"},[_c('a-input',{attrs:{\"maxLength\":100,\"placeholder\":_vm.$t('PROJECT_MAX_CHARACTER_PLACEHOLDER', { max: 20 })},model:{value:(_vm.form.carousel_title_en),callback:function ($$v) {_vm.$set(_vm.form, \"carousel_title_en\", $$v)},expression:\"form.carousel_title_en\"}})],1),_c('div',{attrs:{\"slot\":\"carousel_title_ja\"},slot:\"carousel_title_ja\"},[_c('a-input',{attrs:{\"maxLength\":100,\"placeholder\":_vm.$t('PROJECT_MAX_CHARACTER_PLACEHOLDER', { max: 20 })},model:{value:(_vm.form.carousel_title_ja),callback:function ($$v) {_vm.$set(_vm.form, \"carousel_title_ja\", $$v)},expression:\"form.carousel_title_ja\"}})],1),_c('div',{attrs:{\"slot\":\"list_title_en\"},slot:\"list_title_en\"},[_c('a-input',{attrs:{\"maxLength\":100,\"placeholder\":_vm.$t('PROJECT_MAX_CHARACTER_PLACEHOLDER', { max: 20 })},model:{value:(_vm.form.list_title_en),callback:function ($$v) {_vm.$set(_vm.form, \"list_title_en\", $$v)},expression:\"form.list_title_en\"}})],1),_c('div',{attrs:{\"slot\":\"list_title_ja\"},slot:\"list_title_ja\"},[_c('a-input',{attrs:{\"maxLength\":100,\"placeholder\":_vm.$t('PROJECT_MAX_CHARACTER_PLACEHOLDER', { max: 20 })},model:{value:(_vm.form.list_title_ja),callback:function ($$v) {_vm.$set(_vm.form, \"list_title_ja\", $$v)},expression:\"form.list_title_ja\"}})],1),_c('div',{attrs:{\"slot\":\"wordpress_link\"},slot:\"wordpress_link\"},[_c('a-input',{attrs:{\"maxLength\":200},model:{value:(_vm.form.wordpress_link),callback:function ($$v) {_vm.$set(_vm.form, \"wordpress_link\", $$v)},expression:\"form.wordpress_link\"}})],1)]),_c('ProjectViewSection',{attrs:{\"dataSource\":_vm.form,\"title\":\"PROJECT_STATUS_SECTION_TITLE\",\"columns\":_vm.arrayStatus}},[_c('div',{staticClass:\"text-xl font-semibold\",attrs:{\"slot\":\"is_deleted\"},slot:\"is_deleted\"},[_c('div',{staticClass:\"toggle-btn\"},[_c('div',{class:{ 'toggle-btn__active': !_vm.form.is_deleted },attrs:{\"disabled\":_vm.loading},on:{\"click\":function($event){return _vm.set_is_deleted(false)}}},[_vm._v(\" \"+_vm._s(_vm.$t('PROJECT_STATUS_SHOW_RADIO_BTN'))+\" \")]),_c('div',{class:{ 'toggle-btn__active': _vm.form.is_deleted },attrs:{\"disabled\":_vm.loading},on:{\"click\":function($event){return _vm.set_is_deleted(true)}}},[_vm._v(\" \"+_vm._s(_vm.$t('PROJECT_STATUS_HIDE_RADIO_BTN'))+\" \")])])])])],1),_c('div',{staticClass:\"w-full text-center bg-section-bg py-8\"},[_c('button',{staticClass:\"bg-primary text-white hover:opacity-60 text-2xl font-semibold py-2 px-12 rounded-xl\",attrs:{\"type\":\"submit\",\"disabled\":_vm.loading}},[_vm._v(\" \"+_vm._s(_vm.$t('PROJECT_SAVE_BTN'))+\" \")])])])])],1):_c('div',{staticClass:\"mt-20 text-2xl font-bold text-center\"},[_vm._v(\" \"+_vm._s(_vm.$t('PROJECT_INVALID_ROLE_NOTIFICATION'))+\" \")])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <!-- adminユーザのみ使用可能 -->\n    <div\n      v-if=\"userRole === 'admin'\"\n      class=\"create-project-page pb-8 bg-purple-bg\"\n    >\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- ↓「戻る」ボタン 行 ↓ -->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <button\n        class=\"text-sm mb-8 cursor-pointer text-white\"\n        @click=\"() => $router.push('/manage/categories')\"\n      >\n        &lt;&lt;&nbsp;{{ $t('BACK_BTN') }}\n      </button>\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- ↑「戻る」ボタン 行 ↑ -->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!--「カテゴリを見る」-->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <section class=\"text-3xl mb-20 font-semibold text-white\">\n        {{ $t('CATEGORY_VIEW') }}\n      </section>\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <ValidationObserver ref=\"observer\">\n        <form @submit.prevent=\"onSubmitForm\">\n          <section class=\"category-info\">\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- ↓「ページ種類」セクション ↓ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <ProjectViewSection\n              class=\"!mb-0\"\n              title=\"TYPE_OF_PAGE\"\n              :dataSource=\"form\"\n              :columns=\"arrayType\"\n            >\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↓ ページ種類：種類 行 ↓ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <div slot=\"category_type\">\n                <a-select\n                  :value=\"form.type\"\n                  @change=\"onTypeOfCategoryChange\"\n                  class=\"w-80\"\n                >\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <!-- コンボボックスの右端の▼ -->\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <span\n                    slot=\"suffixIcon\"\n                    class=\"text-4xl text-black relative -top-3.5 left-2\"\n                    >▾</span\n                  >\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <!-- ↓ ページ種類：種類の複数選択肢 ↓ -->\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <a-select-option\n                    v-for=\"typeOfCategory in typesOfCategory\"\n                    :value=\"typeOfCategory.value\"\n                    :key=\"typeOfCategory.value\"\n                  >\n                    {{ typeOfCategory.key }}\n                  </a-select-option>\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <!-- ↑ ページ種類：種類の複数選択肢 ↑ -->\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                </a-select>\n              </div>\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↑ ページ種類：種類 行 ↑ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↓ ページ種類：一覧表示 行 ↓ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <div slot=\"show_nftlist\">\n                <input type=\"checkbox\"\n                  v-model=\"form.show_nftlist\"\n                >\n                {{ $t('NFT_LISTING') }}\n              </div>\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↑ ページ種類：一覧表示 行 ↑ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n            </ProjectViewSection>\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- ↑「ページ種類」セクション ↑ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- ↓「階層」セクション ↓ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <ProjectViewSection\n              class=\"!mb-0\"\n              title=\"HIERARCHY\"\n              :dataSource=\"form\"\n              :columns=\"arrayHierarchyFiltered\"\n            >\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↓「カテゴリ」選択コンボボックス ↓ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <div slot=\"category\">\n                <a-select\n                  :value=\"this.category_id\"\n                  @change=\"onCategoryChange\"\n                  class=\"w-80\"\n                >\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <!-- コンボボックスの右端の▼ -->\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <span\n                    slot=\"suffixIcon\"\n                    class=\"text-4xl text-black relative -top-3.5 left-2\"\n                    >▾</span\n                  >\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <!-- ↓「カテゴリ」選択コンボボックスの複数選択肢 ↓ -->\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <a-select-option\n                    v-for=\"category in this.arrayCategories\"\n                    :value=\"category.value\"\n                    :key=\"category.key\"\n                  >\n                    {{ category.key }}\n                  </a-select-option>\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <!-- ↑「カテゴリ」選択コンボボックスの複数選択肢 ↑ -->\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                </a-select>\n              </div>\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↑「カテゴリ」選択コンボボックス ↑ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↓「プロジェクト」選択コンボボックス ↓ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <div slot=\"project\">\n                <a-select\n                  :value=\"this.creator_id\"\n                  @change=\"onCreatorChange\"\n                  class=\"w-80\"\n                >\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <!-- コンボボックスの右端の▼ -->\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <span\n                    slot=\"suffixIcon\"\n                    class=\"text-4xl text-black relative -top-3.5 left-2\"\n                    >▾</span\n                  >\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <!-- ↓「プロジェクト」選択コンボボックスの複数選択肢 ↓ -->\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <a-select-option\n                    v-for=\"creator in this.arrayCreators\"\n                    :value=\"creator.value\"\n                    :key=\"creator.key\"\n                  >\n                    {{ creator.key }}\n                  </a-select-option>\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <!-- ↑「プロジェクト」選択コンボボックスの複数選択肢 ↑ -->\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                </a-select>\n              </div>\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↑「プロジェクト」選択コンボボックス ↑ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↓「シリーズ」選択コンボボックス 行 ↓ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <div slot=\"series\">\n                <a-select\n                  :value=\"this.series_id\"\n                  @change=\"onSeriesChange\"\n                  class=\"w-80\"\n                >\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <!-- コンボボックスの右端の▼ -->\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <span\n                    slot=\"suffixIcon\"\n                    class=\"text-4xl text-black relative -top-3.5 left-2\"\n                    >▾</span\n                  >\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <!-- ↓「シリーズ」選択コンボボックスの複数選択肢 ↓ -->\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <a-select-option\n                    v-for=\"series in this.arraySeries\"\n                    :value=\"series.value\"\n                    :key=\"series.key\"\n                  >\n                    {{ series.key }}\n                  </a-select-option>\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <!-- ↑「シリーズ」選択コンボボックスの複数選択肢 ↑ -->\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                </a-select>\n              </div>\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↑「シリーズ」選択コンボボックス 行 ↑ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n            </ProjectViewSection>\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- ↑「階層」セクション ↑ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- ↓「ページ内容」セクション ↓ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <ProjectViewSection\n              class=\"!mb-0\"\n              title=\"DETAIL_OF_PAGE\"\n              :dataSource=\"form\"\n              :columns=\"arrayDetailOfPage\"\n            >\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↓ ページ内容：プロジェクト画像アップロード 行 ↓ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <div\n                slot=\"banner_url\"\n                value=\"\"\n                class=\"flex items-center\"\n              >\n                <ValidationProvider\n                  rules=\"\"\n                  v-slot=\"{ errors }\"\n                  name=\"BANNER_URL\"\n                >\n                  <div class=\"flex items-center\">\n                    <BaseUploader\n                      v-model=\"form.banner\"\n                      id=\"banner\"\n                      suggestSizeText=\"\"\n                    />\n                    <!-- ----+---------+---------+---------+---------+------ -->\n                    <div v-if=\"!form.banner\">\n                      <a\n                        class=\"text-xl font-semibold\"\n                        target=\"_blank\"\n                        download\n                        :href=\"categoryDetail.banner_url\"\n                        >{{ categoryDetail.banner_uploaded_name }}</a\n                      >\n                    </div>\n                  </div>\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <ErrorMessage\n                    id=\"banner_url\"\n                    :error=\"errors[0]\"\n                  />\n                </ValidationProvider>\n              </div>\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↑ ページ内容：プロジェクト画像アップロード 行 ↑ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↓ ページ内容：一覧表示用画像アップロード 行 ↓ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <div\n                slot=\"thumbnail_url\"\n                value=\"\"\n                class=\"flex items-center\"\n              >\n                <ValidationProvider\n                  rules=\"\"\n                  v-slot=\"{ errors }\"\n                  name=\"THUMBNAIL_URL\"\n                >\n                  <div class=\"flex items-center\">\n                    <BaseUploader\n                      v-model=\"form.thumbnail\"\n                      id=\"thumbnail\"\n                      suggestSizeText=\"\"\n                    />\n                    <!-- ----+---------+---------+---------+---------+------ -->\n                    <div v-if=\"!form.thumbnail\">\n                      <a\n                        class=\"text-xl font-semibold\"\n                        target=\"_blank\"\n                        download\n                        :href=\"categoryDetail.thumbnail_url\"\n                        >{{ categoryDetail.thumbnail_uploaded_name }}</a\n                      >\n                    </div>\n                  </div>\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <ErrorMessage\n                    id=\"thumbnail_url\"\n                    :error=\"errors[0]\"\n                  />\n                </ValidationProvider>\n              </div>\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↑ ページ内容：一覧表示用画像アップロード 行 ↑ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↓ ページ内容：名称 (en) 行 ↓ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <div slot=\"name\">\n                <ValidationProvider\n                  rules=\"required\"\n                  v-slot=\"{ errors }\"\n                  name=\"CATEGORY_NAME\"\n                >\n                  <a-input\n                    v-model=\"form.name_en\"\n                    :maxLength=\"100\"\n                    :placeholder=\"$t('PROJECT_MAX_CHARACTER_PLACEHOLDER', { max: 100 })\"\n                  />\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <ErrorMessage\n                    id=\"name\"\n                    :error=\"errors[0]\"\n                  />\n                </ValidationProvider>\n              </div>\n              <div slot=\"label_name\">{{ $t('CATEGORY_NAME_LABEL') }}&nbsp;(en)</div>\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↑ ページ内容：名称(en) 行 ↑ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↓ ページ内容：名称 (ja) 行 ↓ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <div slot=\"name_ja\">\n                <ValidationProvider\n                  rules=\"\"\n                  v-slot=\"{ errors }\"\n                  name=\"CATEGORY_NAME_JAPANESE\"\n                >\n                  <a-input\n                    v-model=\"form.name_ja\"\n                    :maxLength=\"100\"\n                    :placeholder=\"$t('PROJECT_MAX_CHARACTER_PLACEHOLDER', { max: 100 })\"\n                  />\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <ErrorMessage\n                    id=\"name_ja\"\n                    :error=\"errors[0]\"\n                  />\n                </ValidationProvider>\n              </div>\n              <div slot=\"label_name_ja\">{{ $t('CATEGORY_NAME_LABEL') }}&nbsp;(ja)</div>\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↑ ページ内容：名称 (ja) 行 ↑ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↓ ページ内容：紹介文 (en) 行 ↓ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <div slot=\"description\">\n                <ValidationProvider\n                  rules=\"required\"\n                  v-slot=\"{ errors }\"\n                  name=\"CATEGORY_DESCRIPTION\"\n                >\n                  <Editor\n                    v-model=\"form.description_en\"\n                    :maxLength=\"2400\"\n                  ></Editor>\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <ErrorMessage\n                    id=\"description\"\n                    :error=\"errors[0]\"\n                  />\n                </ValidationProvider>\n              </div>\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↑ ページ内容：紹介文(en) 行 ↑ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <div slot=\"label_description\">{{ $t('CATEGORY_DESCRIPTION_LABEL') }}&nbsp;(en)</div>\n              <div slot=\"label_description_ja\">{{ $t('CATEGORY_DESCRIPTION_LABEL') }}&nbsp;(ja)</div>\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↓ ページ内容：紹介文(ja) 行 ↓ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <div slot=\"description_ja\">\n                <ValidationProvider\n                  rules=\"\"\n                  v-slot=\"{ errors }\"\n                  name=\"CATEGORY_DESCRIPTION_JAPANESE\"\n                >\n                  <Editor\n                    v-model=\"form.description_ja\"\n                    :maxLength=\"2400\"\n                  ></Editor>\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <ErrorMessage\n                    id=\"description_ja\"\n                    :error=\"errors[0]\"\n                  />\n                </ValidationProvider>\n              </div>\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↑ ページ内容：紹介文 (ja) 行 ↑ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↓ ページ内容：TOP 行 ↓ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <div slot=\"recommendation_top_as_project\">\n                <a-checkbox\n                  v-model=\"form.recommendation_top_as_project\"\n                  >{{ $t('PROJECT_DISPLAY_AS_RECOMMENDED_ON_TOP') }}</a-checkbox\n                >\n              </div>\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↑ ページ内容：TOP 行 ↑ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↓ ページ内容：カテゴリTOP 行 ↓ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <div slot=\"recommendation_categorytop_as_project\">\n                <a-checkbox\n                  v-model=\"form.recommendation_categorytop_as_project\"\n                  >{{ $t('PROJECT_DISPLAY_AS_RECOMMENDED_ON_CATEGORY') }}</a-checkbox\n                >\n              </div>\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↑ ページ内容：カテゴリTOP 行 ↑ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↓ ページ内容：リンク 行 ↓ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <div slot=\"link\">\n                <a-input\n                  v-model=\"form.link\"\n                  :maxLength=\"500\"\n                  :placeholder=\"$t('PROJECT_MAX_CHARACTER_PLACEHOLDER', { max: 20 })\"\n                />\n              </div>\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↑ ページ内容：リンク 行 ↑ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↓ ページ内容：カルーセル見出し (en) 行 ↓ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <div slot=\"carousel_title_en\">\n                <a-input\n                  v-model=\"form.carousel_title_en\"\n                  :maxLength=\"100\"\n                  :placeholder=\"$t('PROJECT_MAX_CHARACTER_PLACEHOLDER', { max: 20 })\"\n                />\n              </div>\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↑ ページ内容：カルーセル見出し (en) 行 ↑ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↓ ページ内容：カルーセル見出し (ja) 行 ↓ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <div slot=\"carousel_title_ja\">\n                <a-input\n                  v-model=\"form.carousel_title_ja\"\n                  :maxLength=\"100\"\n                  :placeholder=\"$t('PROJECT_MAX_CHARACTER_PLACEHOLDER', { max: 20 })\"\n                />\n              </div>\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↑ ページ内容：カルーセル見出し (en) 行 ↑ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↓ ページ内容：リスト見出し (en) 行 ↓ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <div slot=\"list_title_en\">\n                <a-input\n                  v-model=\"form.list_title_en\"\n                  :maxLength=\"100\"\n                  :placeholder=\"$t('PROJECT_MAX_CHARACTER_PLACEHOLDER', { max: 20 })\"\n                />\n              </div>\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↑ ページ内容：リスト見出し (en) 行 ↑ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↓ ページ内容：リスト見出し (ja) 行 ↓ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <div slot=\"list_title_ja\">\n                <a-input\n                  v-model=\"form.list_title_ja\"\n                  :maxLength=\"100\"\n                  :placeholder=\"$t('PROJECT_MAX_CHARACTER_PLACEHOLDER', { max: 20 })\"\n                />\n              </div>\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↑ ページ内容：リスト見出し (ja) 行 ↑ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↓ ページ内容：wordpress_link行 ↓ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <div slot=\"wordpress_link\">\n                <a-input\n                  v-model=\"form.wordpress_link\"\n                  :maxLength=\"200\"\n                />\n              </div>\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↑ ページ内容：wordpress_link行 ↑ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n            </ProjectViewSection>\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- ↑「ページ内容」セクション ↑ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- ↓「ステータス」セクション ↓ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <ProjectViewSection\n              :dataSource=\"form\"\n              title=\"PROJECT_STATUS_SECTION_TITLE\"\n              :columns=\"arrayStatus\"\n            >\n              <div slot=\"is_deleted\" class=\"text-xl font-semibold\">\n                <div class=\"toggle-btn\">\n                  <div\n                    @click=\"set_is_deleted(false)\"\n                    :class=\"{ 'toggle-btn__active': !form.is_deleted }\"\n                    :disabled=\"loading\"\n                  >\n                    {{ $t('PROJECT_STATUS_SHOW_RADIO_BTN') }}\n                  </div>\n                  <div\n                    @click=\"set_is_deleted(true)\"\n                    :class=\"{ 'toggle-btn__active': form.is_deleted }\"\n                    :disabled=\"loading\"\n                  >\n                    {{ $t('PROJECT_STATUS_HIDE_RADIO_BTN') }}\n                  </div>\n                </div>\n              </div>\n            </ProjectViewSection>\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- ↑「ステータス」セクション ↑ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n          </section>\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ↓「保存」ボタン 行 ↓ -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <div class=\"w-full text-center bg-section-bg py-8\">\n            <button\n              class=\"bg-primary text-white hover:opacity-60 text-2xl font-semibold py-2 px-12 rounded-xl\"\n              type=\"submit\"\n              :disabled=\"loading\"\n            >\n              {{ $t('PROJECT_SAVE_BTN') }}\n            </button>\n          </div>\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ↑「保存」ボタン 行 ↑ -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n        </form>\n      </ValidationObserver>\n    </div>\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <!-- ↓「ユーザーロールが有効ではありませ」メッセージ ↓ -->\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <div\n      v-else\n      class=\"mt-20 text-2xl font-bold text-center\"\n    >\n      {{ $t('PROJECT_INVALID_ROLE_NOTIFICATION') }}\n    </div>\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <!-- ↑「ユーザーロールが有効ではありませ」メッセージ ↑ -->\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n  </div>\n</template>\n<!-- ====+=========+=========+=========+=========+=========+=========+====== -->\n<script>\nimport ProjectViewSection from '@/components/project-management/ProjectViewSection';\nimport BaseUploader from '@/components/common/BaseUploader.vue';\nimport Editor from '@/components/common/Editor.vue';\n// ------+---------+---------+---------+---------+---------+---------+---------E\nimport ErrorMessage from '@/components/common/ErrorMessage.vue';\nimport { getCategories, createCategory } from '@/services/categories';\nimport UtilNotify from '@/utils/notify.util';\nimport { mapGetters, mapState, mapActions } from 'vuex';\n// ======+=========+=========+=========+=========+=========+=========+=========E\n// 「ページ種類」セクションのサブセクションに関する情報。\nconst arrayType = [\n  // ページ種類の下位項目「種類」\n  {\n    key: 'category_type',\n    title: 'CATEGORY_TYPE', // 「種類」（カテゴリ・プロジェクト・シリーズ・エディション）\n    scopedSlots: { value: 'category_type' },\n  },\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  // ページ種類の下位項目「一覧表示」\n  {\n    key: 'show_nftlist',\n    title: 'NFT_LIST', // 「一覧表示」\n    scopedSlots: { value: 'show_nftlist' },\n  },\n]; // End of arrayType = [...]\n// ======+=========+=========+=========+=========+=========+=========+=========E\n// 「階層」セクションのサブセクションに関する情報。\nconst arrayHierarchy = [\n  // カテゴリ選択行\n  {\n    key: 'category',\n    title: 'CATEGORY_CATEGORY_LABEL',\n    scopedSlots: { value: 'category' },\n  },\n  // プロジェクト（クリエイター）選択行\n  {\n    key: 'project',\n    title: 'PROJECT_PROJECT_LABEL',\n    scopedSlots: { value: 'project' },\n  },\n  // シリーズ選択行\n  {\n    key: 'series',\n    title: 'SERIES_SERIES_LABEL',\n    scopedSlots: { value: 'series' },\n  },\n]; // End of const arrayHierarchy = [...]\n// ======+=========+=========+=========+=========+=========+=========+=========E\n// 「ページ内容」セクションのサブセクションに関する情報。\nconst arrayDetailOfPage = [\n  {\n    key: 'banner_url',\n    title: 'BANNER_IMG_UPLOAD_LABEL', // 「バナー画像アップロード」\n    scopedSlots: { value: 'banner_url' },\n  },\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  {\n    key: 'thumbnail_url',\n    title: 'PROJECT_LISTING_IMG_LABEL', // 「一覧表示用画像アップロード」\n    scopedSlots: { value: 'thumbnail_url' },\n  },\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  {\n    key: 'name',\n    title: 'PROJECT_NAME_LABEL', // 「名称」\n    scopedSlots: { value: 'name', title: 'label_name' },\n  },\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  {\n    key: 'name_ja',\n    title: 'PROJECT_NAME_LABEL', // 「名称」\n    scopedSlots: { value: 'name_ja', title: 'label_name_ja' },\n  },\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  {\n    key: 'description',\n    title: 'PROJECT_DESCRIPTION_LABEL', // 「プロジェクト概要」\n    scopedSlots: { value: 'description', title: 'label_description' },\n  },\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  {\n    key: 'description_ja',\n    title: 'PROJECT_DESCRIPTION_LABEL', // 「プロジェクト概要」\n    scopedSlots: { value: 'description_ja', title: 'label_description_ja' },\n  },\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  {\n    key: 'recommendation_top_as_project',\n    title: 'TOP', // 「TOP」\n    scopedSlots: { value: 'recommendation_top_as_project' },\n  },\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  {\n    key: 'recommendation_categorytop_as_project',\n    title: 'PROJECT_CATEGORY_TOP_LABEL', // 「カテゴリTOP」\n    scopedSlots: { value: 'recommendation_categorytop_as_project' },\n  },\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  {\n    key: 'link',\n    title: 'CATEGORY_LINK_LABEL',  // 「リンク」\n    scopedSlots: { value: 'link' },\n  },\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  {\n    key: 'carousel_title_en',\n    title: 'CATEGORY_CAROUSEL_TITLE_EN_LABEL',  // 「カルーセル見出し(en)」\n    scopedSlots: { value: 'carousel_title_en' },\n  },\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  {\n    key: 'carousel_title_ja',\n    title: 'CATEGORY_CAROUSEL_TITLE_JA_LABEL',  // 「カルーセル見出し(ja)」\n    scopedSlots: { value: 'carousel_title_ja' },\n  },\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  {\n    key: 'list_title_en',\n    title: 'CATEGORY_LIST_TITLE_EN_LABEL',  // 「リスト見出し(en)」\n    scopedSlots: { value: 'list_title_en' },\n  },\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  {\n    key: 'list_title_ja',\n    title: 'CATEGORY_LIST_TITLE_JA_LABEL',  // 「リスト見出し(ja)」\n    scopedSlots: { value: 'list_title_ja' },\n  },\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  {\n    key: 'wordpress_link',\n    title: 'CATEGORY_WORDPRESS_LINK_LABEL',  // 「wordpress_link」\n    scopedSlots: { value: 'wordpress_link' },\n  },\n]; // End of const arrayDetailOfPage = [...]\n// ======+=========+=========+=========+=========+=========+=========+=========E\nconst arrayStatus = [\n  {\n    key: 'is_deleted',\n    title: 'PROJECT_STATUS_SHOW_RADIO_BTN', //「表示」\n    scopedSlots: { value: 'is_deleted' },\n  },\n]; // End of arrayStatus = [...]\n// ======+=========+=========+=========+=========+=========+=========+=========E\nexport default {\n  name: 'CategoryDetailPage',\n  props: {},\n  components: {\n    Editor,\n    ProjectViewSection,\n    BaseUploader,\n    ErrorMessage,\n  }, // End of components: {...}\n  // ====+=========+=========+=========+=========+=========+=========+=========E\n  data() {\n    return {\n      arrayType,\n      arrayHierarchy,\n      arrayDetailOfPage,\n      arrayStatus,\n      loading: false,\n      // +---------+---------+---------+---------+---------+---------+---------E\n      category_id: 0,\n      creator_id : 0,\n      series_id  : 0,\n      edition_id : 0,\n      arrayCategories: [],        // カテゴリコンボボックスの選択肢\n      objectCategoryIdNameEn: {}, // カテゴリidと英語カテゴリ名を紐づけるオブジェクト\n      objectCategoryNameEnId: {}, // 英語カテゴリ名とカテゴリidを紐づけるオブジェクト\n      // プロジェクト（漫画家、アーティスト）コンボボックスの選択肢\n      arrayCreators: [],\n      // プロジェクト（漫画家、アーティスト）idと\n      // 英語プロジェクト（漫画家、アーティスト）名を紐づけるオブジェクト\n      objectCreatorIdNameEn: {},\n      // 英語プロジェクト（漫画家、アーティスト）名と\n      // プロジェクト（漫画家、アーティスト）idを紐づけるオブジェクト\n      objectCreatorNameEnId: {},\n      arraySeries: [],            // シリーズコンボボックスの選択肢\n      objectSeriesIdNameEn: {},   // シリーズidと英語シリーズ名を紐づけるオブジェクト     \n      objectSeriesNameEnId: {},   // 英語シリーズ名とシリーズidを紐づけるオブジェクト     \n      arrayEditions: [],          // エディションコンボボックスの選択肢\n      objectEditionIdNameEn: {},  // エディションidと英語シリーズ名を紐づけるオブジェクト     \n      objectEditionNameEnId: {},  // 英語エディション名とエディションidを紐づけるオブジェクト     \n      // +---------+---------+---------+---------+---------+---------+---------E\n      form: {\n        type             : '',\n        hierarchy        : '',\n        link             : '',\n        name_en          : '',\n        name_ja          : '',\n        thumbnail_url    : null,\n        banner_url       : null,\n        description_en   : '',\n        description_ja   : '',\n        recommendation_top_as_project: false, // 「TOP」チェックボックスの値\n        recommendation_categorytop_as_project: false, // 「カテゴリTOP」チェックボックスの値\n        show_nftlist     : false,\n        carousel_title_en: '',\n        carousel_title_ja: '',\n        list_title_en    : '',\n        list_title_ja    : '',\n        wordpress_link   : '',\n        is_deleted       :  false, // 「ステータス」の表示／非表示ボタン\n      }, // End of form: {...}\n    }; // End of return {...}\n  }, // End of data() {...}\n  // ====+=========+=========+=========+=========+=========+=========+=========E\n  computed: {\n    ...mapGetters({\n      userRole: 'wallet/loggedUserRole',\n    }),\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    ...mapState({\n      locale: (state) => state?.setting.locale,\n      categoryDetailMap: (state) => state.categories.categoryDetailMap,\n    }),\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    arrayHierarchyFiltered() {\n      let result;\n      // 種類「カテゴリ」のレコードを編集する。\n      // クリエイター・シリーズ・エディションのコンボボックスは表示しない。\n      if (this.form.type == 0) { result = [] }\n      // 種類「クリエイター」のレコードを編集する。\n      // カテゴリのコンボボックスを表示する。\n      if (this.form.type == 1) {\n        result = arrayHierarchy.filter(\n          (el) => el.key==='category'\n        )\n      } // End of if (this.form.type == 1) {...}\n      // 種類「シリーズ」のレコードを編集する。\n      // カテゴリ・クリエイターのコンボボックスを表示する。\n      if (this.form.type == 2) {\n        result =  arrayHierarchy.filter(\n          (el) => el.key==='category' || el.key==='project'\n        )\n      } // End of if (this.form.type == 2) {...}\n      // 種類「エディション」のレコードを編集する。\n      // カテゴリ・クリエイター・シリーズのコンボボックスを表示する。\n      if (this.form.type == 3) {\n        result = arrayHierarchy\n      }\n      return result;\n    }, // End of arrayHierarchyFiltered() {...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    categoryDetail() {\n      const { id } = this.$route.params;\n      console.debug({ id, categoryDetailMap: this.categoryDetailMap });\n      if (id) {\n        const data = this.categoryDetailMap[id];\n        console.debug({ data });\n        return data;\n      } // End of if (id) {...}\n      return {};\n    }, // End of categoryDetail() {...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    // カテゴリの種類を選択するコンボボックスの選択肢。\n    //（カテゴリ・プロジェクト（クリエイター）・シリーズ・エディション）\n    typesOfCategory() {\n      let resultArray;\n      if (this.locale == 'en') {\n        resultArray = [\n          {key: 'category', value: 0}, {key: 'project', value: 1},\n          {key: 'series'  , value: 2}, {key: 'edition', value: 3},\n        ]\n      } else {\n        resultArray = [\n          {key: 'カテゴリ', value: 0}, {key: 'プロジェクト', value: 1},\n          {key: 'シリーズ', value: 2}, {key: 'エディション', value: 3},\n        ] \n      } // End of if (this.locale == 'en') {...} else {...}\n      return resultArray;\n    }, // End of typesOfCategory() {...}\n  }, // End of computed: {...}\n  // ====+=========+=========+=========+=========+=========+=========+=========E\n  watch: {\n    // 言語が切り替わったら、コンボボックスの選択肢も言語に合わせて切り替える。\n    locale: async function() {\n      await this.updateComboBoxOptions()\n    },\n  }, // End of watch: {...}\n  // ====+=========+=========+=========+=========+=========+=========+=========E\n  async mounted() {\n    await this.updateComboBoxOptions()\n  }, // End of mounted() {...}\n  // ====+=========+=========+=========+=========+=========+=========+=========E\n  // created() {\n  //   this.fetchCategoryDetailById();\n  // },\n  // ====+=========+=========+=========+=========+=========+=========+=========E\n  methods: {\n    // コンボボックスの選択肢を更新。\n    async updateComboBoxOptions() {\n      await this.getCategories();\n      await this.getCreators();\n      await this.getSeries();\n      await this.getEditions();\n    }, // End of async updateComboBoxOptions() {...}\n    // ---+--------+---------+---------+---------+---------+---------+---------E\n    // テーブル categories からカテゴリを取得する。カテゴリコンボボックスで使う。\n    async getCategories() {\n      const { arrayObjectOptions: arrayObjectOptions,\n              objectIdNameEn    : objectIdNameEn,\n              objectNameEnId    : objectNameEnId,\n      } = await this.getFromTableCategories(0, undefined);\n      this.arrayCategories = arrayObjectOptions;\n      this.objectCategoryIdNameEn = objectIdNameEn;\n      this.objectCategoryNameEnId = objectNameEnId;\n    }, // End of async getCategories() {...}\n    // ---+--------+---------+---------+---------+---------+---------+---------E\n    // テーブル categories からプロジェクト（漫画家、アーティスト）を取得する。\n    // プロジェクト（漫画家、アーティスト）コンボボックスで使う。\n    async getCreators() {\n      // alert(`this.objectCategoryIdNameEn=${JSON.stringify(this.objectCategoryIdNameEn)}`);\n      // alert(`this.category_id=${JSON.stringify(this.category_id)}`);\n      const { arrayObjectOptions: arrayObjectOptions,\n              objectIdNameEn    : objectIdNameEn,\n              objectNameEnId    : objectNameEnId,\n      } = await this.getFromTableCategories(1,\n                          this.objectCategoryIdNameEn[this.category_id]\n      );\n      this.arrayCreators = arrayObjectOptions;\n      this.objectCreatorIdNameEn = objectIdNameEn;\n      this.objectCreatorNameEnId = objectNameEnId;\n      // alert(`this.arrayCreators=${JSON.stringify(this.arrayCreators)}: getCreators()`);\n      // alert(`this.objectCreatorIdNameEn=${JSON.stringify(this.objectCreatorIdNameEn)}: getCreators()`);\n      // alert(`this.objectCreatorNameEnId=${JSON.stringify(this.objectCreatorNameEnId)}: getCreators()`);\n      // alert(`END  : getCreators()`);\n    }, // End of async getCreators() {...}\n    // ---+--------+---------+---------+---------+---------+---------+---------E\n    // テーブル categories からシリーズを取得する。\n    // シリーズコンボボックスで使う。\n    async getSeries() {\n      const { arrayObjectOptions: arrayObjectOptions,\n              objectIdNameEn    : objectIdNameEn,\n              objectNameEnId    : objectNameEnId,\n      } = await this.getFromTableCategories(\n        2,\n        this.objectCategoryIdNameEn[this.category_id] + '\\\\' +\n        this.objectCreatorIdNameEn[ this.creator_id]\n      );\n      this.arraySeries = arrayObjectOptions;\n      this.objectSeriesIdNameEn = objectIdNameEn;\n      this.objectSeriesNameEnId = objectNameEnId;\n      // alert(`this.arraySeries=${JSON.stringify(this.arraySeries)}: getSeries()`);\n      // alert(`this.objectSeriesIdNameEn=${JSON.stringify(this.objectSeriesIdNameEn)}: getSeries()`);\n      // alert(`this.objectSeriesNameEnId=${JSON.stringify(this.objectSeriesNameEnId)}: getSeries()`);\n    }, // End of async getSeries() {...}\n    // ---+--------+---------+---------+---------+---------+---------+---------E\n    // テーブル categories から、カテゴリ、プロジェクト（漫画家、アーティスト）、\n    // シリーズ、又は、エディションを取得する。コンボボックスで使う。\n    async getFromTableCategories(intType, strHierarchy) {\n      // alert(`this.locale=${this.locale}: getFromTableCategories()`);\n      // alert(`intType=${intType}, strHierarchy=${strHierarchy}: getFromTableCategories()`);\n      const {items: arrayObjectRecordCategories} =\n        await getCategories({\n          // type  0:カテゴリ、1:プロジェクト（漫画家、アーティスト）\n          //       2:シリーズ\n          type:  intType,\n          hierarchy: strHierarchy,\n        }); // End of await getCategories({...})\n      // +---------+---------+---------+---------+---------+---------+---------E\n      // コンボボックス用のカテゴリのオブジェクト配列を作成。\n      // 配列の最初に、指定無しを表す選択肢を入れる。\n      let arrayObject = [{key: this.strUndefined(), value: 0}];\n      // 同時に id から name_en が得られるオブジェクトも作成。\n      let objectIdNameEn = {0: ''}; // 指定無しで、id=0, value=\"\"\n      // 同時に name_en から id が得られるオブジェクトも作成。\n      let objectNameEnId = {};\n      for (const objectRecordCategory of arrayObjectRecordCategories) {\n        let objectCategory = {}; // カテゴリのオブジェクト配列の一要素\n        // --------+---------+---------+---------+---------+---------+---------E\n        const strCategoryName = (\n          this.locale === 'en'  ? objectRecordCategory.name_en\n                                : objectRecordCategory.name_ja\n        );\n        // --------+---------+---------+---------+---------+---------+---------E\n        objectCategory['key'  ] = strCategoryName;\n        objectCategory['value'] = objectRecordCategory.id;\n        // --------+---------+---------+---------+---------+---------+---------E\n        arrayObject.push(objectCategory);\n        objectIdNameEn[objectRecordCategory.id] = objectRecordCategory.name_en;\n        objectNameEnId[objectRecordCategory.name_en] = objectRecordCategory.id;\n      } // End of for (const objectRecordCategory of ...) {...}\n      // +---------+---------+---------+---------+---------+---------+---------E\n      let objectResult = {};\n      objectResult['arrayObjectOptions'] = arrayObject;\n      objectResult['objectIdNameEn'    ] = objectIdNameEn;\n      objectResult['objectNameEnId'    ] = objectNameEnId;\n      return objectResult;\n    }, // End of async getFromTableCategories() {...}\n    // ---+--------+---------+---------+---------+---------+---------+---------E    \n    // カテゴリの種類（カテゴリ、プロジェクト、シリーズ、エディション）の\n    // コンボボックスを変更したときの処理。\n    async onTypeOfCategoryChange(value) {\n      this.form.type = value;\n      // カテゴリ選択肢を作る。\n      await this.getCategories();\n      // プロジェクト、シリーズのコンボボックスに「指定なし」の選択肢を入れる。\n      this.arrayCreators   = [{key: this.strUndefined(), value: 0}];\n      this.arraySeries     = [{key: this.strUndefined(), value: 0}];\n      // カテゴリ以下コンボボックスの選択を「指定なし」にする。\n      this.category_id = 0; // コンボボックスの選択を「指定なし」にする。\n      this.creator_id  = 0; // コンボボックスの選択を「指定なし」にする。\n      this.series_id   = 0; // コンボボックスの選択を「指定なし」にする。\n      // hierarchy クリア。\n      this.form.hierarchy = undefined;\n    }, // End of onTypeOfCategoryChange(value) {...}\n    // ---+--------+---------+---------+---------+---------+---------+---------E\n    // カテゴリのコンボボックスが使われた時に実行する関数。\n    async onCategoryChange(value) {\n      // alert(`START: onCategoryChange(value=${value})`);\n      this.category_id = value;\n      // コンボボックスに「指定なし」の選択肢を入れる。\n      this.arrayCreators = [{key: this.strUndefined(), value: 0}];\n      this.arraySeries   = [{key: this.strUndefined(), value: 0}];\n      // サブカテゴリ以下はコンボボックスの選択を「指定なし」にする。\n      this.creator_id = 0; // コンボボックスの選択を「指定なし」にする。\n      this.series_id  = 0; // コンボボックスの選択を「指定なし」にする。\n      // hierarchy クリア。\n      this.form.hierarchy = undefined;\n      if (value == 0) { return } // 「指定無し」選択された場合。\n      // カテゴリが選択された。\n      // hierarchy 作成。\n      this.form.hierarchy = this.objectCategoryIdNameEn[this.category_id];\n      // alert(`this.form.hierarchy=${this.form.hierarchy}: onCategoryChange`);\n      // プロジェクト（漫画家、アーティスト） 選択肢作成。\n      await this.getCreators();\n      // alert(`END  : onCategoryChange`);\n    }, // End of async onCategoryChange(value) {...}\n    // ---+--------+---------+---------+---------+---------+---------+---------E\n    // 「プロジェクト（漫画家、アーティスト）」のコンボボックスが使われた時\n    // に実行する関数。\n    async onCreatorChange(value) {\n      this.creator_id = value;\n      // コンボボックスに「指定なし」の選択肢を入れる。\n      this.arraySeries = [{key: this.strUndefined(), value: 0}];\n      // サブカテゴリ以下はコンボボックスの選択を「指定なし」にする。\n      this.series_id  = 0; // コンボボックスの選択を「指定なし」にする。\n      // hierarchy の上位カテゴリ部分まで作成。\n      this.form.hierarchy = this.objectCategoryIdNameEn[this.category_id];\n      if (value == 0) { return } // 「指定無し」選択された場合。\n      // クリエイターが選択された。\n      // hierarchy のクリエイター部分追加。\n      this.form.hierarchy = this.form.hierarchy + '\\\\' +\n                            this.objectCreatorIdNameEn[ this.creator_id ];\n      // alert(`this.form.hierarchy=${this.form.hierarchy}: onCreatorChange`);\n      // シリーズ選択肢作成。\n      await this.getSeries();\n    }, // End of async onCreatorChange(value) {...}\n    // ---+--------+---------+---------+---------+---------+---------+---------E\n    // 「シリーズ」のコンボボックスが使われた時に実行する関数。\n    async onSeriesChange(value) {\n      this.series_id = value;\n      // hierarchy の上位カテゴリ部分まで作成。\n      this.form.hierarchy =\n        this.objectCategoryIdNameEn[this.category_id] + '\\\\' +\n        this.objectCreatorIdNameEn[ this.creator_id ];\n      if (value == 0) { return } // 「指定無し」選択された場合。\n      // シリーズが選択された。\n      // hierarchy 作成。\n      this.form.hierarchy = this.form.hierarchy + '\\\\' +\n                            this.objectSeriesIdNameEn[  this.series_id  ];\n    // (`this.form.hierarchy=${this.form.hierarchy}: onSeriesChange`);\n    }, // End of async onSeriesChange(value) {...}\n    // ---+--------+---------+---------+---------+---------+---------+---------E\n    // コンボボックス選択肢用の「--- Undefined ---」「--- 指定無し ---」。\n    // 英語と日本語で切り替える。\n    strUndefined() {\n      let result = (this.locale === 'en'  ? '--- Undefined ---'\n                                          : '--- 指定無し ---');\n      return result;\n    }, // End of strUndefined() {...}\n    // ---+--------+---------+---------+---------+---------+---------+---------E\n    getLink(link) {\n      if (link.includes('https://') || link.includes('http://')) {\n        return link;\n      } else {\n        return `https://${link}`;\n      } // End of if (link.includes('https://') || ...) {...}\n    }, // End of getLink(link) {...}\n    // ---+--------+---------+---------+---------+---------+---------+---------E\n    ...mapActions({\n      fetchCategoryDetail: 'categories/fetchCategoryDetail',\n    }),\n    // ---+--------+---------+---------+---------+---------+---------+---------E\n    // カテゴリレコードの is_deleted に値セットする。\n    set_is_deleted(setValue) {\n      this.form.is_deleted = setValue;\n    }, // End of set_is_deleted() {...}\n    // ---+--------+---------+---------+---------+---------+---------+---------E\n    async onSubmitForm() {\n      // alert(`START: onSubmitForm`);\n      try {\n        const isValid = await this.$refs.observer.validate();\n        console.debug({\n          isValid,\n        }); // End of console.debug({...})\n        if (!isValid) return;\n        if (this.loading) return;\n        this.loading = true;\n        // --------+---------+---------+---------+---------+---------+---------E\n        const form = {\n          ...this.form,\n          banner   : this.form.banner?.file,\n          thumbnail: this.form.thumbnail?.file,\n        }; // End of const form = {...}\n        // alert(`form=${JSON.stringify(form)}: onSubmitForm`);\n        const payload = new FormData();\n        for (const property in form) {\n          const data = form[property];\n          if (data || data === 0) {\n            payload.append(`${property}`, form[property]);\n          }\n        } // End of for (const property in form) {...}\n        // alert([...payload.entries()]);\n        const data = await createCategory(payload);\n        this.loading = false;\n        // --------+---------+---------+---------+---------+---------+---------E\n        if (data) {\n          UtilNotify.success(this.$notify, { message: 'CATEGORY_CREATE_SUCCESSFUL_NOTIFICATION' });\n          this.$router.push('/manage/categories');\n        }\n      } catch (error) {\n        this.loading = false;\n        // --------+---------+---------+---------+---------+---------+---------E\n        console.error(error);\n        UtilNotify.error(this.$notify, error);\n      } // End of try {...} catch (error) {...}\n    }, // End of async onSubmitForm() {...}\n  }, // End of methods: {...}\n}; // End of export default {...}\n</script>\n<!-- ====+=========+=========+=========+=========+=========+=========+====== -->\n<style\n  lang=\"scss\"\n  scoped\n>\n::v-deep .input-number-custom input {\n  @apply px-2 rounded-none;\n  @apply bg-white text-black text-lg;\n  @apply h-8;\n  @apply disabled:cursor-not-allowed;\n}\n\n::v-deep .ant-input {\n  @apply border-none rounded-sm text-black text-lg;\n}\n\n::v-deep .ant-select {\n  @apply font-semibold text-black;\n  &-selection {\n    background-color: #fff;\n    @apply text-lg font-semibold;\n    border: none;\n    border-radius: 0px;\n    &__rendered {\n      // .ant-select-selection-selected-value {\n      //   @apply relative left-1/2;\n      //   transform: translateX(-50%);\n      // }\n    }\n  }\n}\n\n/* ::v-deep .ant-radio-wrapper { */\n/*   .ant-radio-disabled + span { */\n/*     color: white !important; */\n/*   } */\n/* } */\n\n::v-deep .ant-checkbox-wrapper {\n  @apply text-white text-xl;\n  .ant-checkbox {\n    span {\n      @apply text-xl text-white;\n    }\n  }\n  .ant-checkbox-checked {\n    .ant-checkbox-inner {\n      @apply border-white bg-white;\n      &::after {\n        @apply border-primary;\n      }\n    }\n    &::after {\n      @apply border border-solid border-primary;\n    }\n  }\n}\n\n.w-150px {\n  width: 150px;\n}\n\n/* is_deletedをセットするボタンに使用 */\n.toggle-btn {\n  @apply flex items-center w-max;\n  border-radius: 14px;\n  padding: 2px 4px;\n  background-color: #21134d;\n  div {\n    border-radius: 14px;\n    @apply px-6 py-2 font-semibold text-2xl;\n    &:first-child {\n      @apply mr-2;\n    }\n  }\n  &__active {\n    @apply bg-primary;\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./create-category.page.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./create-category.page.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./create-category.page.vue?vue&type=template&id=e406cef4&scoped=true&\"\nimport script from \"./create-category.page.vue?vue&type=script&lang=js&\"\nexport * from \"./create-category.page.vue?vue&type=script&lang=js&\"\nimport style0 from \"./create-category.page.vue?vue&type=style&index=0&id=e406cef4&lang=scss&scoped=true&\"\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  \"e406cef4\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"editor-component\"},[_c('vue-editor',{ref:\"editor\",attrs:{\"placeholder\":(\"Max. \" + _vm.maxLength + \" characters\"),\"useCustomImageHandler\":\"\",\"editor-toolbar\":_vm.customToolbar},on:{\"text-change\":_vm.handleInput,\"imageAdded\":_vm.handleImageAdded},model:{value:(_vm.content),callback:function ($$v) {_vm.content=$$v},expression:\"content\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"editor-component\">\n    <vue-editor\n      ref=\"editor\"\n      :placeholder=\"`Max. ${maxLength} characters`\"\n      v-model=\"content\"\n      @text-change=\"handleInput\"\n      useCustomImageHandler\n      @imageAdded=\"handleImageAdded\"\n      :editor-toolbar=\"customToolbar\"\n    />\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from 'vue2-editor';\nimport { COLORS } from '../../constants/types.constant';\nimport { uploadImg } from '../../services/projects';\nimport UtilNotify from '@/utils/notify.util';\n\nexport default {\n  components: { VueEditor },\n  props: {\n    value: {\n      type: String,\n      required: false,\n    },\n    maxLength: {\n      type: Number,\n      default: 2400,\n    },\n  },\n  data() {\n    return {\n      content: this.value,\n      customToolbar: [\n        [{ header: [false, 1, 2, 3] }],\n        ['bold', 'italic', 'underline'],\n        [{ color: COLORS }, { background: COLORS }],\n        ['link', 'image'],\n      ],\n    };\n  },\n  watch: {\n    value(newValue) {\n      this.content = newValue;\n    },\n  },\n  methods: {\n    uploadImg,\n    handleImageAdded: async function (file, Editor, cursorLocation, resetUploader) {\n      try {\n        const formData = new FormData();\n        formData.append('image', file);\n\n        const result = await this.uploadImg(formData);\n        const url = result.imageUrl; // Get url from response\n        Editor.insertEmbed(cursorLocation, 'image', url);\n        resetUploader();\n      } catch (err) {\n        UtilNotify.error(this.$notify, err, this.$modal);\n        resetUploader();\n      }\n    },\n    handleInput() {\n      const quill = this.$refs.editor.quill;\n      const len = quill.getLength() - 1;\n      if (len > this.maxLength) {\n        quill.deleteText(this.maxLength, len);\n      }\n      this.$emit('input', this.content);\n      this.$emit('lengthChange', len);\n    },\n  },\n};\n</script>\n\n<style\n  lang=\"scss\"\n  scoped\n>\n.editor-component {\n  ::v-deep .quillWrapper {\n    @apply relative;\n    @apply rounded-xl;\n    background-color: rgba(0, 0, 0, 0.312);\n    .ql-toolbar.ql-snow {\n      @apply rounded-t-xl;\n      background-color: white;\n      @apply border-none;\n      .ql-picker-options {\n        span:first-child {\n          background-color: gray !important;\n        }\n        span:first-child::before {\n          content: 'X';\n          font-size: 14px;\n          color: white;\n          @apply relative -top-1.5 left-0.5;\n        }\n      }\n    }\n    .ql-container {\n      @apply rounded-b-xl;\n      .ql-editor.ql-blank::before {\n        @apply text-gray-400 font-medium;\n        @apply text-xl;\n        font-style: normal;\n      }\n      .ql-editor {\n        @apply text-black text-base;\n        @apply text-white;\n        a {\n          text-decoration: none;\n          color: inherit;\n        }\n        a:hover {\n          color: rgba(159, 232, 255, 1);\n        }\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Editor.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Editor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Editor.vue?vue&type=template&id=a1de4d40&scoped=true&\"\nimport script from \"./Editor.vue?vue&type=script&lang=js&\"\nexport * from \"./Editor.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Editor.vue?vue&type=style&index=0&id=a1de4d40&lang=scss&scoped=true&\"\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  \"a1de4d40\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Editor.vue?vue&type=style&index=0&id=a1de4d40&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.error)?_c('div',{staticClass:\"error-msg mt-2 text-base\"},[_vm._v(\" \"+_vm._s(_vm.error)+\" \")]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ErrorMessage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ErrorMessage.vue?vue&type=script&lang=js&\"","<template>\n  <div v-if=\"error\" class=\"error-msg mt-2 text-base\">\n    {{ error }}\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    error: {\n      type: String,\n      default: \"\",\n    },\n  },\n};\n</script>\n\n<style></style>\n","import { render, staticRenderFns } from \"./ErrorMessage.vue?vue&type=template&id=3bdbce34&\"\nimport script from \"./ErrorMessage.vue?vue&type=script&lang=js&\"\nexport * from \"./ErrorMessage.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}