@lightspeed/crane 1.4.2 → 2.0.1

package/dist/app.mjs

@@ -1 +1 @@
-import{getCurrentInstance as U,ref as b,computed as o,reactive as d,createSSRApp as K}from"vue";import{renderToString as Y}from"vue/server-renderer";const C=new Map;function c(){const e=(l,r,a,v,f,s,u)=>{C.set(l._uid,{context:b(r),content:b(a),design:b(v),defaults:b(f),site:b(s?.site??{}),category:b(s?.category),globalDesign:b(u)})},n=(l,r,a,v,f,s)=>{const u=C.get(l._uid);u!==void 0&&(u.content.value=r,u.design.value=a,u.defaults.value=v,u.site.value=f.site??{},u.category.value=f.category,u.globalDesign.value=s)},t=U()?.appContext.app._uid??-1,i=C.get(t);return{init:e,update:n,context:i?.context,content:i?.content,design:i?.design,defaults:i?.defaults,site:i?.site,category:i?.category,globalDesign:i?.globalDesign}}function w(e,n){const t=c(),i=o(()=>n!==void 0?n:t.content.value);return F(i,e)}function F(e,n){const t=o(()=>{const r=e.value[n];if(r!==void 0){if(typeof r=="string")return r;throw new Error(`Element ${n} is not inputbox`)}}),i=o(()=>t.value!==void 0),l=o(()=>t.value);return d({hasContent:i,value:l})}function y(e,n){const t=c(),i=o(()=>n!==void 0?n:t.content.value);return W(i,e)}function W(e,n){const t=o(()=>{const r=e.value[n];if(r!==void 0){if(typeof r=="string")return r;throw new Error(`Element ${n} is not textarea`)}}),i=o(()=>t.value!==void 0),l=o(()=>t.value);return d({hasContent:i,value:l})}const T={HYPER_LINK:"HYPER_LINK",SCROLL_TO_TILE:"SCROLL_TO_TILE",MAIL_LINK:"MAIL_LINK",TEL_LINK:"TEL_LINK",GO_TO_STORE:"GO_TO_STORE",GO_TO_STORE_LINK:"GO_TO_STORE_LINK",GO_TO_PAGE:"GO_TO_PAGE",GO_TO_CATEGORY:"GO_TO_CATEGORY",GO_TO_CATEGORY_LINK:"GO_TO_CATEGORY_LINK"};function X(e){if("tileId"in e)return e.tileId;if("tileIdForScroll"in e)return e.tileIdForScroll}function V(e){if("pageId"in e)return e.pageId;if("pageIdForNavigate"in e)return e.pageIdForNavigate}function H(e){if("pageUrl"in e)return e.pageUrl;switch(V(e)){case"products":return"/products";case"cart":return"/cart";case"account":return"/account";case"search":return"/search";case"home":default:return"/"}}function j(e){if("categoryId"in e)return e.categoryId}const R=(e,n,t)=>{if(!e||n)return;const{type:i,link:l,email:r,phone:a}=e,v=H(e),f=j(e);switch(i){case T.HYPER_LINK:if(l)return()=>window.open(l,"_blank");break;case T.GO_TO_STORE:case T.GO_TO_STORE_LINK:return()=>window.open("/products","_self");case T.GO_TO_CATEGORY:case T.GO_TO_CATEGORY_LINK:const s=t?.find(u=>u.id===f)?.url;return s===void 0?()=>window.open("/404","_self"):()=>window.open(s,"_self");case T.MAIL_LINK:if(r)return()=>window.open(`mailto:${r}`,"_self");break;case T.TEL_LINK:if(a)return()=>window.open(`tel:${a}`,"_self");break;case T.SCROLL_TO_TILE:if(typeof document<"u")return()=>{const u=X(e);document.getElementById(`tile-${u}`)?.scrollIntoView()};break;case T.GO_TO_PAGE:if(v)return()=>window.open(v,"_self");break;default:console.error(`Unknown type of ActionLink: ${i}`)}};function J(e){return"title"in e&&"type"in e}function q(e,n,t,i){const l=o(()=>{const I=e.value[n];if(I!==void 0){if(J(I))return I;throw new Error(`Element ${n} is not action link`)}}),r=o(()=>l.value?.title),a=o(()=>l.value?.type),v=o(()=>l.value?.link),f=o(()=>l.value?.email),s=o(()=>l.value?.phone),u=o(()=>l.value?.tileId?`tile-${l.value?.tileId}`:null),g=o(()=>l.value?.type==="GO_TO_STORE_LINK"?"products":l.value?.pageId),E=o(()=>l.value?.pageUrl),$=o(()=>!!r.value),z=o(()=>!!v.value),P=R(l.value,t,i);return d({title:r,type:a,link:v,email:f,phone:s,tileDivId:u,pageId:g,pageUrl:E,hasTitle:$,hasLink:z,performAction:P})}function S(e,n){const t=c(),i=o(()=>!!t.site?.value?.isPreviewMode),l=o(()=>t.category?.value?.categories??[]),r=o(()=>n!==void 0?n:t.content.value!==void 0?t.content.value:{});return q(r,e,i.value,l.value)}function Q(e){return"bucket"in e&&"borderInfo"in e&&"set"in e}function O(e,n){const t=new RegExp(/^https?:\/\//);return e!=null&&t.test(e)?e:`${n}/${e}`}function h(e,n){const t=c(),i=o(()=>n!==void 0?n:t.content.value);return Z(i,e)}function Z(e,n){const t=o(()=>{const s=e.value[n];if(s!==void 0){if(Q(s))return s;throw new Error(`Element ${n} is not image`)}}),i=o(()=>t.value===void 0?"":c().context.value.imageBuckets?.[t.value?.bucket]),l=o(()=>t.value!==void 0),r=o(()=>O(t.value?.set?.["cropped-webp-100x200"]?.url,i.value)),a=o(()=>O(t.value?.set?.["cropped-webp-1000x2000"]?.url,i.value)),v=o(()=>O(t.value?.set?.["webp-200x200"]?.url,i.value)),f=o(()=>O(t.value?.set?.["webp-2000x2000"]?.url,i.value));return d({hasContent:l,lowResolutionMobileImage:r,highResolutionMobileImage:a,lowResolutionDesktopImage:v,highResolutionDesktopImage:f})}function ee(e){return"enabled"in e}function A(e,n){const t=c(),i=o(()=>n!==void 0?n:t.content.value);return te(i,e)}function te(e,n){const t=o(()=>{const r=e.value[n];if(r!==void 0){if(ee(r))return r;throw new Error(`Element ${n} is not toggle`)}}),i=o(()=>t.value!==void 0),l=o(()=>t.value?.enabled);return d({hasContent:i,value:l})}function D(e,n){const t=c(),i=o(()=>n!==void 0?n:t.content.value);return ne(i,e)}function ne(e,n){const t=o(()=>{const r=e.value[n];if(r!==void 0){if(typeof r=="string")return r;throw new Error(`Element ${n} is not selectbox`)}}),i=o(()=>t.value!==void 0),l=o(()=>t.value);return d({hasContent:i,value:l})}function oe(e){return e!==null&&"items"in e}function G(e){const n=c(),t=o(()=>{const a=n.content.value[e];if(a!==void 0){if(oe(a))return a;throw new Error(`Element ${e} is not an menu`)}}),i=o(()=>!!n.site?.value?.isPreviewMode),l=o(()=>t.value!==void 0),r=o(()=>t.value?.items?t.value.items.map(a=>({...a,performAction:R(a,i.value)})):[]);return d({hasContent:l,items:r})}const ie="menu";function le(){return G(ie)}var x=(e=>(e.INPUTBOX="INPUTBOX",e.TEXTAREA="TEXTAREA",e.BUTTON="BUTTON",e.IMAGE="IMAGE",e.TOGGLE="TOGGLE",e.SELECTBOX="SELECTBOX",e))(x||{});function re(e){if(typeof e!="object"||e===null)return!1;const n=e;return Array.isArray(n.cards)&&n.cards.every(t=>typeof t.settings=="object"&&t.settings!==null)}function ae(e){const n=c(),t=o(()=>{const r=n.content.value[e];if(r!==void 0){if(re(r))return r;throw new Error(`Element ${e} is not of DECK type`)}}),i=o(()=>t.value!==void 0&&t.value.cards.length>0),l=o(()=>t.value?.cards);return d({hasContent:i,cards:l,getReactiveRef:ue})}function ue(e,n,t){if(e==null)throw Error("Could not get a reactive ref for undefined Card");const i=e.settings[t];if(i===void 0)return i;switch(n){case"TEXTAREA":return y(t,e.settings);case"INPUTBOX":return w(t,e.settings);case"SELECTBOX":return D(t,e.settings);case"IMAGE":return h(t,e.settings);case"TOGGLE":return A(t,e.settings);case"BUTTON":return S(t,e.settings);default:return}}function se(e){return"type"in e&&("text"in e||"image"in e)}function m(e,n){const t=new RegExp(/^https?:\/\//);return e!==void 0&&t.test(e)?e:`${n}/${e}`}function ce(){const e=c(),n=o(()=>{const a=e.content.value.logo;if(a!==void 0){if(se(a))return a;throw new Error("Element logo is not LOGO")}}),t=o(()=>n.value?.type),i=o(()=>n.value?.text),l=o(()=>n.value?.image===void 0?"":e.context.value.imageBuckets?.[n.value.image.bucket]),r=o(()=>({lowResolutionMobileImage:m(n.value?.image?.set?.["cropped-webp-100x200"]?.url,l.value),highResolutionMobileImage:m(n.value?.image?.set?.["cropped-webp-1000x2000"]?.url,l.value),lowResolutionDesktopImage:m(n.value?.image?.set?.["webp-200x200"]?.url,l.value),highResolutionDesktopImage:m(n.value?.image?.set?.["webp-2000x2000"]?.url,l.value)}));return d({type:t,text:i,image:r})}function k(e,n){if(n===void 0)return;if(!n.startsWith("global."))return n.replaceAll("_"," ");const t=n.split(".").at(2);if(t!==void 0)return e.fontFamily?e.fontFamily[t].replaceAll("_"," "):void 0}function _(e,n,t){return n?k(e,n):k(e,t)}function N(e,n){if(n===void 0)return;if(typeof n!="string"||!n.startsWith("global."))return n;const t=n.split(".").at(2);if(t!==void 0)return e.textSize?e.textSize[t]:void 0}function L(e,n,t){return n?N(e,n):N(e,t)}function B(e,n){if(n===void 0)return;if(typeof n!="string"||!n.startsWith("global."))return n;const t=n.split(".").at(2);if(t!==void 0)return e.color?e.color[t]:void 0}function p(e,n,t){return n?B(e,n):B(e,t)}function ve(e,n,t){return{visible:n?.visible??t?.visible??!1,width:n?.width??t?.width??1,color:p(e,n?.color,t?.color)}}function de(e){const n=c(),t=o(()=>{const s=n.design.value[e],u=n.defaults.value[e],g=n.globalDesign.value;return{font:_(g,s?.font,u?.font),size:L(g,s?.size,u?.size),bold:s?.bold??u?.bold,italic:s?.italic??u?.italic,color:p(g,s?.color,u?.color),visible:s?.visible??u?.visible??!1}}),i=o(()=>t.value?.font),l=o(()=>t.value?.size),r=o(()=>t.value?.bold),a=o(()=>t.value?.italic),v=o(()=>t.value?.color),f=o(()=>t.value?.visible);return d({font:i,size:l,bold:r,italic:a,color:v,visible:f})}function fe(e){const n=c(),t=o(()=>{const u=n.design.value[e],g=n.defaults.value[e],E=n.globalDesign.value;return{font:_(E,u?.font,g?.font),size:L(E,u?.size,g?.size),bold:u?.bold??g?.bold,italic:u?.italic??g?.italic,color:p(E,u?.color,g?.color),visible:u?.visible??g?.visible??!1,whiteSpace:"pre-wrap"}}),i=o(()=>t.value?.font),l=o(()=>t.value?.size),r=o(()=>t.value?.bold),a=o(()=>t.value?.italic),v=o(()=>t.value?.color),f=o(()=>t.value?.visible),s=o(()=>t.value?.whiteSpace);return d({font:i,size:l,bold:r,italic:a,color:v,visible:f,whiteSpace:s})}function ge(e){const n=c(),t=o(()=>{const s=n.design.value[e],u=n.defaults.value[e],g=n.globalDesign.value;return{appearance:s?.appearance??u?.appearance,font:_(g,s?.font,u?.font),size:s?.size??u?.size,style:s?.style??u?.style,color:p(g,s?.color,u?.color),visible:s?.visible??u?.visible??!1}}),i=o(()=>t.value?.appearance),l=o(()=>t.value?.font),r=o(()=>t.value?.size),a=o(()=>t.value?.style),v=o(()=>t.value?.color),f=o(()=>t.value?.visible);return d({appearance:i,font:l,size:r,style:a,color:v,visible:f})}function pe(e){const n=c(),t=o(()=>{const r=n.design.value[e],a=n.defaults.value[e],v=n.globalDesign.value;return{overlay:{type:r?.overlay?.type??a?.overlay?.type,solid:{color:p(v,r?.overlay?.solid?.color,a?.overlay?.solid?.color)},gradient:{fromColor:p(v,r?.overlay?.gradient?.fromColor,a?.overlay?.gradient?.fromColor),toColor:p(v,r?.overlay?.gradient?.toColor,a?.overlay?.gradient?.toColor)}},visible:r?.visible??a?.visible??!1}}),i=o(()=>t.value?.overlay),l=o(()=>t.value?.visible);return d({overlay:i,visible:l})}function Te(e){const n=c(),t=o(()=>{const l=n.design.value[e],r=n.defaults.value[e];return{enabled:l?.enabled??r?.enabled}}),i=o(()=>t.value?.enabled);return d({enabled:i})}function be(e){const n=c(),t=o(()=>{const l=n.design.value[e],r=n.defaults.value[e];return{value:l?.value??r?.value}}),i=o(()=>t.value?.value);return d({value:i})}function Ee(e){const n=c(),t=o(()=>{const l=n.design.value[e],r=n.defaults.value[e],a=n.globalDesign.value;return{background:{type:l?.background?.type??r?.background?.type,solid:{color:p(a,l?.background?.solid?.color,r?.background?.solid?.color)},gradient:{fromColor:p(a,l?.background?.gradient?.fromColor,r?.background?.gradient?.fromColor),toColor:p(a,l?.background?.gradient?.toColor,r?.background?.gradient?.toColor)}}}}),i=o(()=>t.value?.background);return d({background:i})}function Oe(){const e=c(),n=o(()=>e.design.value.layout),t=o(()=>n.value);return d({layout:t})}function me(){const e=c();return o(()=>{const n=e.design.value.logo,t=e.defaults.value.logo,i=e.globalDesign.value;return{font:_(i,n?.font,t?.font),size:L(i,n?.size,t?.size),bold:n?.bold??t?.bold,italic:n?.italic??t?.italic,color:p(i,n?.color,t?.color),visible:n?.visible??t?.visible??!1,spacing:n?.spacing??t?.spacing??0,capitalization:n?.capitalization??t?.capitalization??"none",frame:ve(i,n?.frame,t?.frame)}})}function M(e){return{app:K(e)}}function _e(e,n){return{init:()=>{const{app:t}=M(e);return n?.init?.(t),{render:async(i,l)=>(c().init(t,i,l.content,l.design,l.defaults,l.externalContent,i.globalDesign),n?.render?.(t,i,l),{html:await Y(t,{context:i}),state:{context:i,data:l}})}}}}function Ie(e,n){return{init:()=>{const{app:t}=M(e);return n?.init?.(t),{mount:(i,l)=>{c().init(t,l.context,l.data.content,l.data.design,l.data.defaults,l.data.externalContent,l.context.globalDesign),n?.mount?.(t,i,l),t.mount(i)},update:i=>{c().update(t,i.data.content,i.data.design,i.data.defaults,i.data.externalContent,i.context.globalDesign),n?.update?.(t,i)},unmount:()=>{n?.unmount?.(t),t.unmount()}}}}}function Ce(){return globalThis.window.instantsite}const Le={PRODUCT_LIST:"CONTROLS",BOTTOM_BAR:"FOOTER",CUSTOM_SLOT:"CUSTOM_SLOT"},we={CATEGORY_TITLE:"MAIN_TITLE",PRODUCT_LIST:"CONTROLS",BOTTOM_BAR:"FOOTER",CUSTOM_SLOT:"CUSTOM_SLOT"},ye={TOP_BAR:"TOP_BAR",GALLERY:"GALLERY",SIDEBAR:"SIDEBAR",DESCRIPTION:"DESCRIPTION",REVIEW_LIST:"REVIEW_LIST",RELATED_PRODUCTS:"RELATED_PRODUCTS",BOTTOM_BAR:"FOOTER",CUSTOM_SLOT:"CUSTOM_SLOT"};export{Le as CatalogLayoutSlot,we as CategoryLayoutSlot,x as EditorTypes,ye as ProductLayoutSlot,Ie as createVueClientApp,_e as createVueServerApp,Ee as useBackgroundElementDesign,S as useButtonElementContent,ge as useButtonElementDesign,ae as useDeckElementContent,h as useImageElementContent,pe as useImageElementDesign,w as useInputboxElementContent,Ce as useInstantsiteJsApi,Oe as useLayoutElementDesign,ce as useLogoElementContent,me as useLogoElementDesign,G as useMenuElementContent,le as useNavigationMenuElementContent,D as useSelectboxElementContent,be as useSelectboxElementDesign,de as useTextElementDesign,y as useTextareaElementContent,fe as useTextareaElementDesign,A as useToggleElementContent,Te as useToggleElementDesign,c as useVueBaseProps};
+export*from"@lightspeed/crane-api";