← All changes | assets/chunks/AppearanceComponent.js +1 -1 1.6.6 → 1.7.1 View file →

		@@ -1 +1 @@
1		-import{l,i as N,r as O,e as o,o as t,d as s,a as y,b as p,t as i,u as C,F as S,g as A,n as U,c as B,w as q}from"./vue.esm-bundler.js?ver=1.6.6";import{_ as z}from"../app.js";import{_ as V}from"./DynamicIcon.js?ver=1.6.6";import E from"./AppearancePreview.js?ver=1.6.6";import{t as x}from"./Translator.js?ver=1.6.6";import{I as L}from"./IconButton.js?ver=1.6.6";import"./vue-router.js?ver=1.6.6";import"./preload-helper.js?ver=1.6.6";import"./Badge.js?ver=1.6.6";import"./Model.js?ver=1.6.6";import"./Rest.js?ver=1.6.6";import"./common.js?ver=1.6.6";import"./dayjs.min.js?ver=1.6.6";import"./Str.js?ver=1.6.6";import"./timezone.js?ver=1.6.6";import"./weekOfYear.js?ver=1.6.6";import"./Arr.js?ver=1.6.6";import"./Utils.js?ver=1.6.6";import"./CurrencyFormatter.js?ver=1.6.6";import"./index.js?ver=1.6.6";import"./Url.js?ver=1.6.6";import"./Notify.js?ver=1.6.6";import"./_plugin-vue_export-helper.js?ver=1.6.6";import"./index3.js?ver=1.6.6";import"./TransitionAccordion.js?ver=1.6.6";import"./Empty.js?ver=1.6.6";import"./OrderCustomerInformation.js?ver=1.6.6";import"./Animation.js?ver=1.6.6";import"./CardBody.js?ver=1.6.6";import"./UserCan.js?ver=1.6.6";import"./Asset.js?ver=1.6.6";import"./AddressComponent2.js?ver=1.6.6";import"./NotFound.js?ver=1.6.6";import"./productService.js?ver=1.6.6";import"./Activity.js?ver=1.6.6";import"./BundleProducts.js?ver=1.6.6";import"./dateShortCuts.js?ver=1.6.6";import"./index4.js?ver=1.6.6";import"./countries.js?ver=1.6.6";import"./index2.js?ver=1.6.6";import"./AttrGroups.js?ver=1.6.6";import"./DynamicTemplateParser.js?ver=1.6.6";import"./ProductVariationSelector.js?ver=1.6.6";import"./galleryTabs.js?ver=1.6.6";import"./FileUploaderDialog.js?ver=1.6.6";import"./Screenshot.js?ver=1.6.6";import"./useElementPlusComponents.js?ver=1.6.6";const G={class:"fct-appearance-component-wrapper"},M={class:"fct-appearance-component"},P={key:0,class:"fct-appearance-heading"},T={class:"setting-label"},W={key:0,class:"form-note"},F=["aria-label"],H=["aria-checked","tabindex","onClick","onKeydown"],J={class:"fct-appearance-source-card__text"},Q={class:"fct-appearance-source-card__title"},X={key:0,class:"fct-appearance-source-card__note"},Y={key:0,class:"fct-appearance-colors"},Z={class:"fct-appearance-color-group__label"},ee={class:"fct-appearance-color-fields"},ae={class:"setting-label"},Je={__name:"AppearanceComponent",props:{name:{type:String,required:!0},field:{type:Object},fieldKey:{type:String},value:{required:!0},variant:{type:String},nesting:{type:Boolean,default:!1},statePath:{type:String},form:{type:Object,required:!0},callback:{type:Function},label:{type:String},attribute:{required:!0}},setup(b){const u=b,h=l(()=>{var e;return((e=u.field)==null?void 0:e.heading)||{}}),m=l(()=>{var e;return((e=u.field)==null?void 0:e.source_options)||[]}),D=l(()=>{var e;return((e=u.field)==null?void 0:e.color_groups)||[]}),g=l(()=>{var e;return(e=u.field)==null?void 0:e.custom_source}),r=l(()=>u.form.data.values),k=e=>r.value.appearance_source===e.value,w=e=>{r.value.appearance_source=e.value},I=l(()=>r.value.appearance_source===g.value),K=l(()=>{const e=m.value.findIndex(k);return e===-1?0:e}),R=(e,d)=>{var a,f;const _=m.value.length;let c=d;if(e.key==="ArrowDown"||e.key==="ArrowRight")c=(d+1)%_;else if(e.key==="ArrowUp"||e.key==="ArrowLeft")c=(d-1+_)%_;else if(e.key===" "||e.key==="Enter"){e.preventDefault(),w(m.value[d]);return}else return;e.preventDefault(),w(m.value[c]),(f=(a=e.currentTarget.closest('[role="radiogroup"]'))==null?void 0:a.querySelectorAll('[role="radio"]')[c])==null||f.focus()},$=()=>{r.value.appearance_colors={}};return N(()=>{const e=r.value.appearance_colors;(!e||Array.isArray(e)||typeof e!="object")&&(r.value.appearance_colors={})}),(e,d)=>{var c;const _=O("el-tooltip");return t(),o("div",G,[s("div",M,[h.value.label?(t(),o("div",P,[s("span",T,i(h.value.label),1),h.value.note?(t(),o("div",W,i(h.value.note),1)):p("",!0)])):p("",!0),s("div",{class:"fct-appearance-source",role:"radiogroup","aria-label":C(x)("Where colors come from")},[(t(!0),o(S,null,A(m.value,(a,f)=>(t(),o("div",{key:a.value,class:U(["fct-appearance-source-card",{"is-checked":k(a)}])},[s("div",{class:"fct-appearance-source-card__header",role:"radio","aria-checked":k(a),tabindex:f===K.value?0:-1,onClick:n=>w(a),onKeydown:n=>R(n,f)},[a.icon?(t(),B(V,{key:0,name:a.icon,class:"fct-appearance-source-option-icon"},null,8,["name"])):p("",!0),s("span",J,[s("span",Q,i(a.label),1),a.note?(t(),o("span",X,i(a.note),1)):p("",!0)]),k(a)?(t(),B(V,{key:1,name:"CheckCircleFill",class:"fct-appearance-source-icon"})):p("",!0)],40,H),I.value&&a.value===g.value?(t(),o("div",Y,[y(_,{content:C(x)("Reset all colors"),placement:"top"},{default:q(()=>[y(L,{size:"small",tag:"button",type:"button",class:"fct-reset-color-btn","aria-label":C(x)("Reset all colors"),onClick:$},{default:q(()=>[y(V,{name:"Reset",class:"w-4 h-4"})]),_:1},8,["aria-label"])]),_:1},8,["content"]),(t(!0),o(S,null,A(D.value,n=>(t(),o("div",{key:n.key,class:"fct-appearance-color-group"},[s("span",Z,i(n.label),1),s("div",ee,[(t(!0),o(S,null,A(n.fields,v=>(t(),o("div",{class:"fct-appearance-color-field",key:v.key},[s("span",ae,i(v.label),1),y(z,{modelValue:r.value.appearance_colors[v.key],"onUpdate:modelValue":j=>r.value.appearance_colors[v.key]=j,field:v,form:b.form,attribute:{}},null,8,["modelValue","onUpdate:modelValue","field","form"])]))),128))])]))),128))])):p("",!0)],2))),128))],8,F)]),y(E,{preview:((c=b.field)==null?void 0:c.preview)||{},source:r.value.appearance_source,colors:r.value.appearance_colors||{},"custom-source":g.value},null,8,["preview","source","colors","custom-source"])])}}};export{Je as default};
	1	+import{e as i,w as M,y as T,v as j,g as t,j as r,C as c,G as f,l as n,x as l,u as w,F as C,D as V,A as q,m as U,t as I}from"./vue.esm-bundler.js?ver=1.7.1";import{s as W,_ as H,r as J}from"../app.js";import{_ as x}from"./DynamicIcon.js?ver=1.7.1";import Q from"./AppearancePreview.js?ver=1.7.1";import{t as S}from"./Translator.js?ver=1.7.1";import{I as X}from"./IconButton.js?ver=1.7.1";import"./vue-router.js?ver=1.7.1";import"./preload-helper.js?ver=1.7.1";import"./Badge.js?ver=1.7.1";import"./Model.js?ver=1.7.1";import"./Rest.js?ver=1.7.1";import"./common.js?ver=1.7.1";import"./dayjs.min.js?ver=1.7.1";import"./Str.js?ver=1.7.1";import"./timezone.js?ver=1.7.1";import"./weekOfYear.js?ver=1.7.1";import"./Arr.js?ver=1.7.1";import"./Utils.js?ver=1.7.1";import"./CurrencyFormatter.js?ver=1.7.1";import"./index.js?ver=1.7.1";import"./Url.js?ver=1.7.1";import"./Notify.js?ver=1.7.1";import"./_plugin-vue_export-helper.js?ver=1.7.1";import"./index3.js?ver=1.7.1";import"./TransitionAccordion.js?ver=1.7.1";import"./PageHeading.js?ver=1.7.1";import"./OrderCustomerInformation.js?ver=1.7.1";import"./Animation.js?ver=1.7.1";import"./Empty.js?ver=1.7.1";import"./CardBody.js?ver=1.7.1";import"./UserCan.js?ver=1.7.1";import"./Asset.js?ver=1.7.1";import"./AddressComponent.js?ver=1.7.1";import"./NotFound.js?ver=1.7.1";import"./productService.js?ver=1.7.1";import"./Activity.js?ver=1.7.1";import"./BundleProducts.js?ver=1.7.1";import"./dateShortCuts.js?ver=1.7.1";import"./index4.js?ver=1.7.1";import"./countries.js?ver=1.7.1";import"./index2.js?ver=1.7.1";import"./AttrGroups.js?ver=1.7.1";import"./DynamicTemplateParser.js?ver=1.7.1";import"./ProductVariationSelector.js?ver=1.7.1";import"./ReviewStar.js?ver=1.7.1";import"./reviewStar2.js?ver=1.7.1";import"./galleryTabs.js?ver=1.7.1";import"./FileUploaderDialog.js?ver=1.7.1";import"./Screenshot.js?ver=1.7.1";import"./useElementPlusComponents.js?ver=1.7.1";const Y={class:"fct-appearance-component-wrapper"},Z={class:"fct-appearance-component"},F={key:0,class:"fct-appearance-heading"},ee={class:"setting-label"},ae={key:0,class:"form-note"},re=["aria-label"],te=["aria-checked","tabindex","onClick","onKeydown"],oe={class:"fct-appearance-source-card__text"},se={class:"fct-appearance-source-card__title"},ce={key:0,class:"fct-appearance-source-card__note"},le={key:0,class:"fct-appearance-colors"},ne={class:"fct-appearance-color-group__label"},pe={class:"fct-appearance-color-fields"},ie={class:"setting-label"},ue={key:0,class:"fct-appearance-color-group fct-appearance-radius-group"},de={class:"fct-appearance-color-group__label"},me={key:0,class:"fct-appearance-radius-note"},_e={class:"fct-appearance-color-fields"},fe=["for"],ve={key:0,class:"fct-appearance-radius-field__error",role:"alert"},ye=["id"],_a={__name:"AppearanceComponent",props:{name:{type:String,required:!0},field:{type:Object},fieldKey:{type:String},value:{required:!0},variant:{type:String},nesting:{type:Boolean,default:!1},statePath:{type:String},form:{type:Object,required:!0},callback:{type:Function},label:{type:String},attribute:{required:!0}},setup(A){const p=A,h=i(()=>{var e;return((e=p.field)==null?void 0:e.heading)||{}}),v=i(()=>{var e;return((e=p.field)==null?void 0:e.source_options)||[]}),K=i(()=>{var e;return((e=p.field)==null?void 0:e.color_groups)||[]}),E=i(()=>{var e;return(e=p.field)==null?void 0:e.custom_source}),u=i(()=>{var e;return((e=p.field)==null?void 0:e.radius_section)||{}}),o=i(()=>p.form.data.values),O=i(()=>(u.value.fields||[]).map(e=>e.key));M(()=>({...o.value.appearance_radius||{}}),(e,d)=>{p.form.setValidationErrors(W(p.form.data.validationErrors,e,d||{},O.value,u.value.invalid))});const b=e=>J(p.form.data.validationErrors,e),g=e=>o.value.appearance_source===e.value,$=e=>{o.value.appearance_source=e.value},N=i(()=>o.value.appearance_source===E.value),z=i(()=>{const e=v.value.findIndex(g);return e===-1?0:e}),G=(e,d)=>{var k,s;const y=v.value.length;let _=d;if(e.key==="ArrowDown"||e.key==="ArrowRight")_=(d+1)%y;else if(e.key==="ArrowUp"||e.key==="ArrowLeft")_=(d-1+y)%y;else if(e.key===" "||e.key==="Enter"){e.preventDefault(),$(v.value[d]);return}else return;e.preventDefault(),$(v.value[_]),(s=(k=e.currentTarget.closest('[role="radiogroup"]'))==null?void 0:k.querySelectorAll('[role="radio"]')[_])==null||s.focus()},L=()=>{o.value.appearance_colors={}},B=e=>!!e&&!Array.isArray(e)&&typeof e=="object";return T(()=>{B(o.value.appearance_colors)||(o.value.appearance_colors={}),B(o.value.appearance_radius)||(o.value.appearance_radius={})}),(e,d)=>{var k;const y=j("el-tooltip"),_=j("el-input");return r(),t("div",Y,[c("div",Z,[h.value.label?(r(),t("div",F,[c("span",ee,l(h.value.label),1),h.value.note?(r(),t("div",ae,l(h.value.note),1)):n("",!0)])):n("",!0),c("div",{class:"fct-appearance-source",role:"radiogroup","aria-label":w(S)("Where colors and corner rounding come from")},[(r(!0),t(C,null,V(v.value,(s,D)=>{var R;return r(),t("div",{key:s.value,class:q(["fct-appearance-source-card",{"is-checked":g(s)}])},[c("div",{class:"fct-appearance-source-card__header",role:"radio","aria-checked":g(s),tabindex:D===z.value?0:-1,onClick:a=>$(s),onKeydown:a=>G(a,D)},[s.icon?(r(),U(x,{key:0,name:s.icon,class:"fct-appearance-source-option-icon"},null,8,["name"])):n("",!0),c("span",oe,[c("span",se,l(s.label),1),s.note?(r(),t("span",ce,l(s.note),1)):n("",!0)]),g(s)?(r(),U(x,{key:1,name:"CheckCircleFill",class:"fct-appearance-source-icon"})):n("",!0)],40,te),N.value&&s.value===E.value?(r(),t("div",le,[f(y,{content:w(S)("Reset all colors"),placement:"top"},{default:I(()=>[f(X,{size:"small",tag:"button",type:"button",class:"fct-reset-color-btn","aria-label":w(S)("Reset all colors"),onClick:L},{default:I(()=>[f(x,{name:"Reset",class:"w-4 h-4"})]),_:1},8,["aria-label"])]),_:1},8,["content"]),(r(!0),t(C,null,V(K.value,a=>(r(),t("div",{key:a.key,class:"fct-appearance-color-group"},[c("span",ne,l(a.label),1),c("div",pe,[(r(!0),t(C,null,V(a.fields,m=>(r(),t("div",{class:"fct-appearance-color-field",key:m.key},[c("span",ie,l(m.label),1),f(H,{modelValue:o.value.appearance_colors[m.key],"onUpdate:modelValue":P=>o.value.appearance_colors[m.key]=P,field:m,form:A.form,attribute:{}},null,8,["modelValue","onUpdate:modelValue","field","form"])]))),128))])]))),128)),(R=u.value.fields)!=null&&R.length?(r(),t("div",ue,[c("span",de,l(u.value.label),1),u.value.note?(r(),t("p",me,l(u.value.note),1)):n("",!0),c("div",_e,[(r(!0),t(C,null,V(u.value.fields,a=>(r(),t("div",{key:a.key,class:"fct-appearance-color-field fct-appearance-radius-field"},[c("label",{class:"setting-label",for:`fct-appearance-radius-${a.key}`},l(a.label),9,fe),f(_,{modelValue:o.value.appearance_radius[a.key],"onUpdate:modelValue":m=>o.value.appearance_radius[a.key]=m,id:`fct-appearance-radius-${a.key}`,placeholder:w(S)("Default"),class:q([{"is-error":!!b(a.key)},"fct-appearance-radius-input"]),"aria-invalid":!!b(a.key),"aria-describedby":`fct-appearance-radius-${a.key}-note`,clearable:""},null,8,["modelValue","onUpdate:modelValue","id","placeholder","class","aria-invalid","aria-describedby"]),b(a.key)?(r(),t("span",ve,l(b(a.key)),1)):n("",!0),a.note?(r(),t("span",{key:1,id:`fct-appearance-radius-${a.key}-note`,class:"fct-appearance-radius-field__note"},l(a.note),9,ye)):n("",!0)]))),128))])])):n("",!0)])):n("",!0)],2)}),128))],8,re)]),f(Q,{preview:((k=A.field)==null?void 0:k.preview)||{},source:o.value.appearance_source,colors:o.value.appearance_colors||{},radii:o.value.appearance_radius||{},"custom-source":E.value},null,8,["preview","source","colors","radii","custom-source"])])}}};export{_a as default};