https://dashboard.paintory.com/js/7428-legacy.d351348a.js

1"use strict";(self["webpackChunkpaintory_app"]=self["webpackChunkpaintory_app"]||[]).push([[7428],{21686:(e,t,a)=>{a.d(t,{A:()=>p});var l=a(35980),n=a(20641);function o(e,t,a,o,s,i){const r=l.A;return(0,n.uX)(),(0,n.Wv)(r,{image:o.brandNameImage,previewSize:o.props.previewSize},null,8,["image","previewSize"])}var s=a(50953),i=a(22720),r=a(85281);const u=(0,n.pM)({__name:"BrandTag",props:{defaultImage:{},brandName:{},fontFamily:{},logoType:{},previewSize:{default:"1_1"}},setup(e,{expose:t}){t();const a=e,o=(0,r.y2)(),u=(0,s.lW)(a,"brandName"),c=(0,s.lW)(a,"fontFamily"),d=(0,s.KR)(a.defaultImage||""),p=(0,s.KR)(!1),f=async()=>{if(!u.value||!c.value)return;p.value=!0;const e=await o.getLogoPreviewImage({brand_name:u.value,font_family:c.value,logo_type:a.logoType});d.value=e.preview_image,p.value=!1};(0,i.Th)([u,c],f,{debounce:500});const v={props:a,api:o,brandName:u,fontFamily:c,brandNameImage:d,brandNameImageLoading:p,updateBrandNameImage:f,computed:n.EW,nextTick:n.dY,onMounted:n.sV,ref:s.KR,toRef:s.lW,get watchDebounced(){return i.Th},get injectFetchApi(){return r.y2},PreviewSize:l.PreviewSize};return Object.defineProperty(v,"__isScriptSetup",{enumerable:!1,value:!0}),v}});var c=a(66262);const d=(0,c.A)(u,[["render",o]]),p=d},35980:(e,t,a)=>{a.d(t,{A:()=>c});var l=a(20641),n=a(90033),o=a(43391);function s(e,t,a,s,i,r){return s.props.image?((0,l.uX)(),(0,l.CE)("div",{key:0,class:(0,n.C4)(["logo",[s.sizeClass]]),style:(0,n.Tr)(s.style)},null,6)):((0,l.uX)(),(0,l.CE)("div",{key:1,class:(0,n.C4)(["logo",[s.sizeClass]])},t[0]||(t[0]=[(0,l.Lk)("img",{src:o},null,-1)]),2))}const i=(0,l.pM)({__name:"BrandTagImg",props:{image:{},previewSize:{default:"1_1"},width:{default:300}},setup(e,{expose:t}){t();const a=e,n=(0,l.EW)((()=>`s${a.previewSize}`)),o=(0,l.EW)((()=>({backgroundImage:`url('${a.image}')`})));console.log("props",o.value);const s={props:a,sizeClass:n,style:o,computed:l.EW};return Object.defineProperty(s,"__isScriptSetup",{enumerable:!1,value:!0}),s}});var r=a(66262);const u=(0,r.A)(i,[["render",s],["__scopeId","data-v-1615031a"]]),c=u},55481:(e,t,a)=>{a.d(t,{A:()=>S});var l={};a.r(l);var n=a(47686),o=a(20641),s=a(90033),i=a(53751);const r={class:"font-selector-title-text"},u=["src","onError"],c={key:1,class:"text-h5 text-grey"},d={key:0,class:"d-flex align-center justify-space-between font-btn"},p=["src","onError"],f={key:1,class:"text-h5 text-grey"},v={class:"right"},m=["onClick"],y=["onClick"];function g(e,t,a,l,g,_){const F=(0,o.g2)("v-icon"),b=(0,o.g2)("v-btn"),k=(0,o.g2)("v-card-title"),w=(0,o.g2)("v-tab"),E=(0,o.g2)("v-tabs"),C=(0,o.g2)("v-card"),h=(0,o.g2)("v-item"),S=(0,o.g2)("v-item-group"),R=(0,o.g2)("v-window-item"),x=n.A,V=(0,o.g2)("v-window"),A=(0,o.g2)("v-card-text");return(0,o.uX)(),(0,o.Wv)(C,{class:"card"},{default:(0,o.k6)((()=>[(0,o.bF)(k,{class:"text-center"},{default:(0,o.k6)((()=>[(0,o.Lk)("div",r,[t[4]||(t[4]=(0,o.eW)("フォント選択")),(0,o.bF)(b,{class:"pa-0 font-selector-close",flat:"",size:"x-small"},{default:(0,o.k6)((()=>[(0,o.bF)(F,{size:"x-large",color:"grey",onClick:l.close},{default:(0,o.k6)((()=>t[3]||(t[3]=[(0,o.eW)("mdi-close")]))),_:1})])),_:1})])])),_:1}),(0,o.bF)(A,{class:"card-text"},{default:(0,o.k6)((()=>[(0,o.bF)(E,{modelValue:l.tab,"onUpdate:modelValue":t[0]||(t[0]=e=>l.tab=e),grow:""},{default:(0,o.k6)((()=>[(0,o.bF)(w,{value:"list"},{default:(0,o.k6)((()=>t[5]||(t[5]=[(0,o.eW)("マイフォント")]))),_:1}),(0,o.bF)(w,{value:"management"},{default:(0,o.k6)((()=>t[6]||(t[6]=[(0,o.eW)("フォント管理")]))),_:1})])),_:1},8,["modelValue"]),(0,o.bF)(V,{modelValue:l.tab,"onUpdate:modelValue":t[2]||(t[2]=e=>l.tab=e)},{default:(0,o.k6)((()=>[(0,o.bF)(R,{value:"list"},{default:(0,o.k6)((()=>[(0,o.bF)(S,{class:"d-flex flex-wrap justify-space-between font-btn",mandatory:"",modelValue:l.selection,"onUpdate:modelValue":[t[1]||(t[1]=e=>l.selection=e),l.updateSelect]},{default:(0,o.k6)((()=>[((0,o.uX)(!0),(0,o.CE)(o.FK,null,(0,o.pI)(l.selectableFonts,(e=>((0,o.uX)(),(0,o.Wv)(h,{key:`key:font:${e.family}`},{default:(0,o.k6)((({isSelected:t,toggle:a})=>[(0,o.bF)(C,{class:"px-5 py-1 my-1",flat:"",color:t?"green":"",onClick:a},{default:(0,o.k6)((()=>[e.error?((0,o.uX)(),(0,o.CE)("p",c,(0,s.v_)(e.family),1)):((0,o.uX)(),(0,o.CE)("img",{key:0,class:"font-image",src:e.font_image,onError:t=>e.error=!0}

1,null,40,u))])),_:2},1032,["color","onClick"])])),_:2},1024)))),128))])),_:1},8,["modelValue"])])),_:1}),(0,o.bF)(R,{value:"management"},{default:(0,o.k6)((()=>[(0,o.bF)(S,{class:"font-items"},{default:(0,o.k6)((()=>[((0,o.uX)(!0),(0,o.CE)(o.FK,null,(0,o.pI)(l.displayFonts,(e=>((0,o.uX)(),(0,o.Wv)(h,{key:`key:font:${e.family}`},{default:(0,o.k6)((({isSelected:t,toggle:a})=>[l.isDefaultFont(e)?(0,o.Q3)("",!0):((0,o.uX)(),(0,o.CE)("div",d,[e.error?((0,o.uX)(),(0,o.CE)("p",f,(0,s.v_)(e.family),1)):((0,o.uX)(),(0,o.CE)("img",{key:0,class:"font-image",src:e.font_image,onError:t=>e.error=!0},null,40,p)),(0,o.Lk)("div",v,[l.isMyFont(e)?((0,o.uX)(),(0,o.CE)("div",{key:0,class:"font-myfont-button",onClick:(0,i.D$)((t=>l.removeMyFont(e)),["stop"])},"マイフォントから外す",8,m)):((0,o.uX)(),(0,o.CE)("div",{key:1,class:"font-myfont-button",onClick:(0,i.D$)((t=>l.addMyFont(e)),["stop"])},"マイフォントに登録する",8,y))])]))])),_:2},1024)))),128)),(0,o.Lk)("div",null,[l.infiniteLoading?((0,o.uX)(),(0,o.Wv)(x,{key:0,class:"loading",loading:l.loading,onVisible:l.infiniteHandler},null,8,["loading"])):(0,o.Q3)("",!0)])])),_:1})])),_:1})])),_:1},8,["modelValue"])])),_:1})])),_:1})}a(74423),a(44114),a(18111),a(22489),a(27495),a(25440),a(62953);var _=a(85281),F=a(50953),b=a(6810),k=a(64251),w=a(81719);const E=(0,o.pM)({__name:"FontSelector",props:{selected:{}},emits:["select:font","update:showDialog"],setup(e,{expose:t,emit:a}){t();const n=e,s=a,i=(0,F.KR)("list"),r=(0,_.y2)(),u=(0,F.KR)(),c=(0,F.KR)(1),d=(0,F.KR)(1),p=(0,F.KR)([]),f=(0,F.KR)([]),v=(0,F.KR)([]),m=(0,o.EW)((()=>[...f.value,...v.value])),y=(0,F.KR)(!0),g=(0,F.KR)(!1);(0,o.sV)((async()=>{c.value=1,d.value=1,p.value=[],f.value=[],v.value=[],await C();const e=m.value.filter((e=>e.family===n.selected))[0];u.value=m.value.indexOf(e)}));const E=(e,t)=>e.filter((e=>e.family===t.family)).length>0,C=async()=>{g.value=!0;try{const e=await r.getMyFont(25,c.value);f.value=e.my_fonts,v.value=e.available_fonts,p.value=[...p.value,...e.google_fonts.filter((e=>!E(p.value,e)))],d.value=e.total_page}finally{g.value=!1}},h=async()=>{c.value>=d.value||(c.value+=1,await C(),c.value===d.value&&(y.value=!1))},S=e=>E(v.value,e),R=e=>E(f.value,e),x=async e=>{f.value.push(e),await r.putMyFont({my_fonts:f.value},"マイフォントに登録しました。")},V=async e=>{f.value=f.value.filter((t=>t.family!==e.family)),await r.putMyFont({my_fonts:f.value},"マイフォントから削除しました。")},A=async e=>{const t=m.value[e];await N(t.family,t.font_file),s("select:font",t.family)},I=()=>{s("update:showDialog")},M=[],N=async(e,t)=>{if(M.includes(e))return;M.push(e);const a=new FontFace(e,`url(${t.replace("http://","https://")})`);try{const e=await a.load();document.fonts.add(e)}catch(l){b.Z({message:"error on read font file"}),k.Cp(l)}},W={props:n,emits:s,tab:i,api:r,selection:u,page:c,totalPage:d,displayFonts:p,myFonts:f,defaultFonts:v,selectableFonts:m,infiniteLoading:y,loading:g,searchFont:E,updateFonts:C,infiniteHandler:h,isDefaultFont:S,isMyFont:R,addMyFont:x,removeMyFont:V,updateSelect:A,close:I,addedFontList:M,addFont:N,get injectFetchApi(){return _.y2},onMounted:o.sV,ref:F.KR,computed:o.EW,get FontInfo(){return l.FontInfo},get MyFontsResult(){return l.MyFontsResult},get Sentry(){return w}};return Object.defineProperty(W,"__isScriptSetup",{enumerable:!1,value:!0}),W}});var C=a(66262);const h=(0,C.A)(E,[["render",g],["__scopeId","data-v-697fe8bc"]]),S=h},55567:(e,t,a)=>{a.d(t,{r:()=>n});const l={defaultFontFamily:{VUE_APP_ENV:"production-web",NODE_ENV:"production",BASE_URL:"/"}.DEFAULT_FONT_FAMILY||"Oswald",information:{cootentPageUrl:{VUE_APP_ENV:"production-web",NODE_ENV:"production",BASE_URL:"/"}.INFORMATION_CONTENT_PAGE_URL||"https://paintory.com/"}},n=()=>l}}]);
2//# sourceMappingURL=7428-legacy.d351348a.js.map