@bluepic/embed 0.1.146 → 0.1.147

package/lib/bluepic-embed.es.js

@@ -100507,11 +100507,6 @@ class BluepicEmbed extends EventTarget {
                 :preview="basePreview"
               />
             </div>
-            <transition name="fade-spinner">
-              <div v-if="!ready" style="display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; position: absolute; left: 0; top: 0;">
-                <bluepic-spinner />
-              </div>
-            </transition>
 
         </div>
     `;

package/lib/bluepic-embed.umd.js

@@ -2983,11 +2983,6 @@ list should be an Array.`),ei.length===0)return new Fr(0);if(ei.length===1)retur
                 :preview="basePreview"
               />
             </div>
-            <transition name="fade-spinner">
-              <div v-if="!ready" style="display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; position: absolute; left: 0; top: 0;">
-                <bluepic-spinner />
-              </div>
-            </transition>
 
         </div>
     `;const we=this;vue.nextTick(()=>{vue.createApp({components:{BluepicEmbeddedEditor,BluepicSpinner},setup(){const Pe={async handleUpload({blob:Me,context:Ze,width:ne,height:rr,name:vr,onProgress:or}){const{variants:_r,filename:Lr,id:Br}=await uploadImage("https://embed-api-v2.bluepic.workers.dev",we.templateId.value,Ze,Me,vr,(Pr,Fr)=>{or(Pr/Fr)}),Ar=_r.find(Pr=>parseCloudflareImagesDeliveryUrl(Pr).variant==="public");if(!Ar)throw new Error("No public variant");return{width:ne,height:rr,key:Br,name:Lr,src:Ar}}};return vue.watch(we.embedProject,Me=>{if(Me?.config.customStyle)we.bxThemeStyleVars=useTheme(`#${c}`),we.bxThemeStyleVars.value=Me?.config.customStyle;else{const Ze=Color$1(Me?.config.backgroundColor).isDark();we.bxThemeStyleVars=useTheme(`#${c}`,Ze),we.bxThemeStyleVars.value["editor-view-background-color"]=Me?.config.backgroundColor}}),console.log(we.embedProject.value?.config.layout==="stack"),{bridge:Pe,editorRef:we.editorRef,embedProject:we.embedProject,allowPanAndZoom:we.allowPanAndZoom,templateId:we.templateId,baseSerial:we.baseSerial,basePreview:we.basePreview,studioResourcesBaseUrl:we.studioResourcesBaseUrl,cloudflarePagesHostname:we.cloudflarePagesHostname,data:we.data,serial:we.serial,ready:we.ready,displayMode:we.displayMode,bxCoreVersion:we.bxCoreVersion,bxThemeStyleVars:we.bxThemeStyleVars,darkmode:vue.computed(()=>Color$1(we.bxThemeStyleVars.value["editor-view-background-color"]).isDark()),borderRadius:vue.computed(()=>(we.embedProject.value?.config.layout==="stack","10px")),borderColor:vue.computed(()=>{const Me=Color$1(we.bxThemeStyleVars.value["editor-view-background-color"]);return Me.isDark()?Me.lighten(.8).hex():Me.darken(.1).hex()})}}}).mount(`#${c}`)})}setVariable(c,ie){this.data.value||(this.data.value={}),this.data.value[c]=ie}setData(c,ie=!1){if(ie)this.data.value=c;else{this.data.value||(this.data.value={});for(const we in c)this.setVariable(we,c[we])}}}async function getProjectWithRetries(m,c,ie,we,Pe){let Me=0;for(;Me<ie;){try{console.log(`\u{1F504} Versuch ${Me+1}/${ie}: Hole Public Config...`);const Ze=await fetch(`https://embed-api-v2.bluepic.workers.dev/api/public/project?${new URLSearchParams({hostname:m,slug:c,env:Pe})}`,{method:"GET"});return console.log(`\u2705 Erfolgreich nach ${Me+1} Versuchen`),await Ze.json()}catch(Ze){if(console.error(`\u274C Fehler bei Versuch ${Me+1}:`,Ze),Me<ie-1)console.log(`\u23F3 Warte ${we}ms vor erneutem Versuch...`),await new Promise(ne=>setTimeout(ne,we));else throw console.error(`\u{1F6A8} Maximalanzahl von ${ie} Versuchen erreicht. Abbruch.`),Ze}Me++}throw new Error("Unbekannter Fehler in getPublicConfigWithRetries")}const initEmbeds=async()=>{const m=document.querySelectorAll(".bluepic-embed");console.log("Auto-BluepicEmbed elements",m);for(const c of m){const ie=c.getAttribute("data-embed-project-id"),we=c.getAttribute("data-template-id");c.getAttribute("data-stripe-env");const Pe=c.getAttribute("data-init-data"),Me=c.getAttribute("data-studio-resources-base-url")??void 0,Ze=c.getAttribute("data-cloudflare-pages-hostname")??void 0,ne=c.getAttribute("data-display-mode"),rr=c.getAttribute("data-allow-pan-and-zoom"),vr=c.getAttribute("data-bx-core-version")??void 0,or=Pe?JSON.parse(Pe):void 0,_r=rr==="true",Lr=ne==="mobile"?"mobile":ne==="stack"?"stack":"auto",Br=c.getAttribute("data-branding")==="false",Ar=new BluepicEmbed(c,we,ie,{initData:or,displayMode:Lr,allowPanAndZoom:_r,studioResourcesBaseUrl:Me,cloudflarePagesHostname:Ze,bxCoreVersion:vr,branding:Br});console.log("!",c,Ar)}};window.addEventListener("load",initEmbeds);const GLOBAL_APP_WRAPPER_CLASS="bluepic-app-wrapper",GLOBAL_APP_WRAPPER_SELECTOR=`.${GLOBAL_APP_WRAPPER_CLASS}`;window.bluepicPopupProvider=new BluepicPopupProvider,exports.AdjustImage=AdjustImage,exports.BluepicBatchEditor=BluepicBatchEditor,exports.BluepicEmbed=BluepicEmbed,exports.BluepicEmbedded=BluepicEmbedded,exports.BluepicEmbeddedEditor=BluepicEmbeddedEditor,exports.BluepicFieldComponents=BluepciFieldComponents,exports.BluepicLogo=BluepicLogo,exports.BluepicSpinner=BluepicSpinner,exports.BxAvatar=BxAvatar,exports.BxButton=BxButton,exports.BxCard=BxCard,exports.BxCheckbox=BxCheckbox,exports.BxColorPicker=BxColorPicker,exports.BxDropdown=BxDropdown,exports.BxEmbedThemeDarkmode=BxEmbedThemeDarkmode,exports.BxEmbedThemeLightmode=BxEmbedThemeLightmode,exports.BxFields=_sfc_main$p,exports.BxIcon=BxIcon,exports.BxInput=BxInput,exports.BxList=BxList,exports.BxListItem=BxListItem,exports.BxMenu=BxMenu,exports.BxPopover=BxPopover,exports.BxPopup=_sfc_main$18,exports.BxRadio=BxRadio,exports.BxRadioGroup=BxRadioGroup,exports.BxSelect=BxSelect,exports.BxSlider=BxSlider,exports.BxSpin=BxSpin,exports.BxSwitch=BxSwitch,exports.BxTab=BxTab,exports.BxTabs=BxTabs,exports.BxTag=BxTag,exports.BxTooltip=BxTooltip,exports.BxUserMenu=BxUserMenu,exports.GLOBAL_APP_WRAPPER_CLASS=GLOBAL_APP_WRAPPER_CLASS,exports.GLOBAL_APP_WRAPPER_SELECTOR=GLOBAL_APP_WRAPPER_SELECTOR,exports.MapboxMap=MapboxMap,exports.SlidesNavigation=SlidesNavigation,exports.applyColorMatricesToImage=applyColorMatricesToImage,exports.applyColorMatrix=applyColorMatrix,exports.applyColorMatrixToColor=applyColorMatrixToColor,exports.convertDeprecatedField=convertDeprecatedField,exports.createMessage=createMessage,exports.createPopup=createPopup,exports.cropImage=cropImage,exports.cropToVisibleBBox=cropToVisibleBBox,exports.getDefaultValueForFieldModel=getDefaultValueForFieldModel,exports.getTemplateLiveUrl=getTemplateLiveUrl,exports.getTemplatePreviewUrl=getTemplatePreviewUrl,exports.getTemplateSerialUrl=getTemplateSerialUrl,exports.getThemeStyle=getThemeStyle,exports.getVisibleBBox=getVisibleBBox,exports.groupFeatureByLinebreaks=groupFeatureByLinebreaks$1,exports.initEmbeds=initEmbeds,exports.normalizeAdjust=normalizeAdjust,exports.normalizeCrop=normalizeCrop,exports.optimizePreviewUrl=optimizePreviewUrl,exports.rasterize=rasterize,exports.realizeField=realizeField,exports.renderFieldIcon=renderFieldIcon,exports.renderSVG=renderSVG,exports.stringifyField=stringifyField,exports.ungroupFeaturesDividedByLinebreaks=ungroupFeaturesDividedByLinebreaks,exports.useTheme=useTheme,exports.waitUntil=waitUntil,Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bluepic/embed",
   "private": false,
-  "version": "0.1.146",
+  "version": "0.1.147",
   "type": "module",
   "files": [
     "package.json",