| 1 |
import{l as n,e as l,o as v,d as e,b as h,t,u as s,a as _,G as y}from"./vue.esm-bundler.js?ver=1.6.6";import{_ as o}from"./DynamicIcon.js?ver=1.6.6";import{t as c}from"./Translator.js?ver=1.6.6";import"./preload-helper.js?ver=1.6.6";import"./Arr.js?ver=1.6.6";const b={class:"fct-appearance-preview"},S={class:"fct-appearance-preview__header"},g={class:"fct-appearance-preview__title"},A={key:0,class:"fct-appearance-preview__note"},C={class:"fct-appearance-preview__grid"},x={class:"fct-preview-card"},k={class:"fct-preview-card__media"},$={class:"fct-preview-card__heading"},B={class:"fct-preview-card__badge"},E={class:"fct-preview-card__title"},G={class:"fct-preview-card__meta"},N={class:"fct-preview-card__variants"},V={class:"fct-preview-card__variant-label"},q={class:"fct-preview-card__button"},P={class:"fct-preview-card__button fct-preview-card__button--secondary"},Q={class:"fct-preview-card__link"},T={class:"fct-preview-cart"},j={class:"fct-preview-cart__title"},D={class:"fct-preview-cart__item"},O={class:"fct-preview-cart__thumb"},z={class:"fct-preview-cart__item-text"},F={class:"fct-preview-cart__item-name"},R={class:"fct-preview-cart__item-qty"},U={class:"fct-preview-cart__item"},W={class:"fct-preview-cart__thumb"},H={class:"fct-preview-cart__item-text"},I={class:"fct-preview-cart__item-name"},J={class:"fct-preview-cart__item-qty"},K={class:"fct-preview-cart__item"},L={class:"fct-preview-cart__thumb"},M={class:"fct-preview-cart__item-text"},X={class:"fct-preview-cart__item-name"},Y={class:"fct-preview-cart__item-qty"},Z={class:"fct-preview-cart__subtotal"},ee={class:"fct-preview-cart__subtotal-label"},te={class:"fct-preview-cart__button"},se={class:"fct-preview-form"},ce={class:"fct-preview-form__title"},ie={class:"fct-preview-form__field"},ae={class:"fct-preview-form__label"},re={class:"fct-preview-form__field"},_e={class:"fct-preview-form__label"},oe={class:"fct-preview-form__field"},ne={class:"fct-preview-form__label"},de={class:"fct-preview-form__input fct-preview-form__select"},pe={class:"fct-preview-form__field"},le={class:"fct-preview-form__label"},ve={class:"fct-preview-form__input is-disabled"},fe={class:"fct-preview-form__button"},be={__name:"AppearancePreview",props:{preview:{type:Object,default:()=>({})},source:{type:String,default:""},colors:{type:Object,default:()=>({})},customSource:{type:String,default:""}},setup(f){const a=f,w=n(()=>a.source===a.customSource),d=n(()=>(a.preview.notes||{})[a.source]||""),m=r=>w.value?r.key&&a.colors[r.key]||"":a.source===a.preview.theme_source&&(a.preview.theme_roles||{})[r.role]||"",u=n(()=>{const r={};return(a.preview.slots||[]).forEach(i=>{const p=m(i);p&&(r[`--fct-pv-${i.var}`]=p)}),r});return(r,i)=>(v(),l("div",b,[e("div",S,[e("span",g,t(s(c)("Storefront preview")),1)]),d.value?(v(),l("p",A,t(d.value),1)):h("",!0),e("div",{class:"fct-appearance-preview__body",style:y(u.value),"aria-hidden":"true"},[e("div",C,[e("div",x,[e("div",k,[_(o,{name:"GalleryAdd",class:"fct-preview-card__media-icon"})]),e("div",$,[e("span",B,t(s(c)("NEW")),1),e("span",E,t(s(c)("Everyday Tote Bag")),1)]),e("div",G,t(s(c)("Canvas · Natural")),1),i[1]||(i[1]=e("div",{class:"fct-preview-card__price"},"$48.00",-1)),e("div",N,[i[0]||(i[0]=e("span",{class:"fct-preview-card__swatch is-active"},null,-1)),e("span",V,t(s(c)("Selected")),1)]),e("div",q,t(s(c)("Buy now")),1),e("div",P,t(s(c)("Add to cart")),1),e("div",Q,t(s(c)("View details")),1)]),e("div",T,[e("span",j,t(s(c)("Shopping Cart (2 items)")),1),e("div",D,[e("div",O,[_(o,{name:"GalleryAdd",class:"fct-preview-cart__thumb-icon"})]),e("div",z,[e("span",F,t(s(c)("Everyday Tote Bag")),1),e("span",R,t(s(c)("Qty 1")),1)]),i[2]||(i[2]=e("span",{class:"fct-preview-cart__item-price"},"$48.00",-1))]),e("div",U,[e("div",W,[_(o,{name:"GalleryAdd",class:"fct-preview-cart__thumb-icon"})]),e("div",H,[e("span",I,t(s(c)("Canvas Pouch")),1),e("span",J,t(s(c)("Qty 2")),1)]),i[3]||(i[3]=e("span",{class:"fct-preview-cart__item-price"},"$28.00",-1))]),e("div",K,[e("div",L,[_(o,{name:"GalleryAdd",class:"fct-preview-cart__thumb-icon"})]),e("div",M,[e("span",X,t(s(c)("Shipping Product ")),1),e("span",Y,t(s(c)("Qty 3")),1)]),i[4]||(i[4]=e("span",{class:"fct-preview-cart__item-price"},"$20.00",-1))]),e("div",Z,[e("span",ee,t(s(c)("Total")),1),i[5]||(i[5]=e("span",{class:"fct-preview-cart__subtotal-value"},"$96.00",-1))]),e("div",te,t(s(c)("Checkout")),1)]),e("div",se,[e("span",ce,t(s(c)("Shipping Address")),1),e("div",ie,[e("span",ae,t(s(c)("Full name")),1),i[6]||(i[6]=e("div",{class:"fct-preview-form__input"},"Alex Rivera",-1))]),e("div",re,[e("span",_e,t(s(c)("Email")),1),i[7]||(i[7]=e("div",{class:"fct-preview-form__input is-placeholder"},"[email protected]",-1))]),e("div",oe,[e("span",ne,t(s(c)("Country")),1),e("div",de,[e("span",null,t(s(c)("USA")),1),_(o,{name:"ChevronDown",class:"fct-preview-form__select-icon"})])]),e("div",pe,[e("span",le,t(s(c)("State")),1),e("div",ve,t(s(c)("Select a country first")),1)]),e("div",fe,t(s(c)("Save address")),1)])])],4)]))}};export{be as default}; |
