@pairbo/ui-kit 0.4.4 → 0.4.5

package/dist/ui-kit.js

@@ -1862,10 +1862,7 @@
         class=${fe({loaded:this.loaded,hidden:!this.loaded})}
         @error=${()=>this.handleError()}
       />
-    `}};ae.styles=[bt,op];We([C()],ae.prototype,"skeletonHeight",2);We([C()],ae.prototype,"skeletonWidth",2);We([C()],ae.prototype,"src",2);We([C()],ae.prototype,"alt",2);We([C()],ae.prototype,"placeholder",2);We([C({type:Boolean})],ae.prototype,"skeleton",2);We([I()],ae.prototype,"loaded",2);We([B("img")],ae.prototype,"imgEl",2);We([G("src")],ae.prototype,"handleSrcChange",1);ae=We([mt("pbo-image")],ae);var cp=Object.defineProperty,hp=Object.getOwnPropertyDescriptor,Ft=(n,t,e,i)=>{for(var s=i>1?void 0:i?hp(t,e):t,r=n.length-1,o;r>=0;r--)(o=n[r])&&(s=(i?o(t,e,s):o(s))||s);return i&&s&&cp(t,e,s),s};let ct=class extends vt{constructor(){super(...arguments),this.card=null,this.focusIndex=0,this.livePreviewProps={font:"Monsieur La Doulaise",text:"",color:"rgb(0,0,0)",alignment:"left"},this.handwrittenPreviewProps={isLoading:!1,processedFileUrl:null},this.type="type",this.allowPinchToToggle=!0,this.distance=0,this.mainImageTemplates=[],this.closeZoomedPreview=()=>{this.zoomedPreview&&(this.zoomedPreview.open=!1),this.emit("pbo_close_live_preview",{detail:{editor:this.type}})},this.openZoomedPreview=()=>{this.zoomedPreview&&(this.zoomedPreview.open=!0),this.emit("pbo_open_live_preview",{detail:{editor:this.type}})},this.handleOpenZoomedClick=t=>{if(!bi()){t.preventDefault(),t.stopPropagation();return}this.openZoomedPreview()},this.handleTouchMove=t=>{if(this.allowPinchToToggle===!1)return;t.preventDefault();const e=t.touches[0],i=t.touches[1];if(!(e&&!i)&&e&&i){const s={x:e.clientX,y:e.clientY},r={x:i.clientX,y:i.clientY},o=dc(s,r);this.distance||(this.distance=o),o-this.distance>10&&this.openZoomedPreview()}},this.handleTouchEnd=()=>{this.allowPinchToToggle!==!1&&(this.distance=null)}}firstUpdated(){this.addEventListener("handwritten-image-dimensions-changed",t=>{var r,o;const{detail:e}=t,i=(r=this.shadowRoot)==null?void 0:r.querySelector("#handwritten-main-canvas"),s=(o=this.shadowRoot)==null?void 0:o.querySelector("#handwritten-zoomed-preview-canvas");i&&s&&(i.imageWidth=e.width,i.imageHeight=e.height,i.imageTop=e.top,i.imageLeft=e.left,s.imageWidth=e.width,s.imageHeight=e.height,s.imageTop=e.top,s.imageLeft=e.left)}),this.updateComplete,this.thumbnailElements[this.focusIndex].classList.add("active"),this.mainSlideElements[this.focusIndex].classList.add("active")}handleCardChange(t,e){var i,s,r,o;e&&(this.mainImageTemplates=[F`<pbo-image
-          src="${e.medias.cover.url||"https://picsum.photos/id/1/300/400"}"
-          alt=""
-        />`,F`<pbo-type-canvas
+    `}};ae.styles=[bt,op];We([C()],ae.prototype,"skeletonHeight",2);We([C()],ae.prototype,"skeletonWidth",2);We([C()],ae.prototype,"src",2);We([C()],ae.prototype,"alt",2);We([C()],ae.prototype,"placeholder",2);We([C({type:Boolean})],ae.prototype,"skeleton",2);We([I()],ae.prototype,"loaded",2);We([B("img")],ae.prototype,"imgEl",2);We([G("src")],ae.prototype,"handleSrcChange",1);ae=We([mt("pbo-image")],ae);var cp=Object.defineProperty,hp=Object.getOwnPropertyDescriptor,Ft=(n,t,e,i)=>{for(var s=i>1?void 0:i?hp(t,e):t,r=n.length-1,o;r>=0;r--)(o=n[r])&&(s=(i?o(t,e,s):o(s))||s);return i&&s&&cp(t,e,s),s};let ct=class extends vt{constructor(){super(...arguments),this.card=null,this.focusIndex=0,this.livePreviewProps={font:"Monsieur La Doulaise",text:"",color:"rgb(0,0,0)",alignment:"left"},this.handwrittenPreviewProps={isLoading:!1,processedFileUrl:null},this.type="type",this.allowPinchToToggle=!0,this.distance=0,this.mainImageTemplates=[],this.closeZoomedPreview=()=>{this.zoomedPreview&&(this.zoomedPreview.open=!1),this.emit("pbo_close_live_preview",{detail:{editor:this.type}})},this.openZoomedPreview=()=>{this.zoomedPreview&&(this.zoomedPreview.open=!0),this.emit("pbo_open_live_preview",{detail:{editor:this.type}})},this.handleOpenZoomedClick=t=>{if(!bi()){t.preventDefault(),t.stopPropagation();return}this.openZoomedPreview()},this.handleTouchMove=t=>{if(this.allowPinchToToggle===!1)return;t.preventDefault();const e=t.touches[0],i=t.touches[1];if(!(e&&!i)&&e&&i){const s={x:e.clientX,y:e.clientY},r={x:i.clientX,y:i.clientY},o=dc(s,r);this.distance||(this.distance=o),o-this.distance>10&&this.openZoomedPreview()}},this.handleTouchEnd=()=>{this.allowPinchToToggle!==!1&&(this.distance=null)}}firstUpdated(){this.addEventListener("handwritten-image-dimensions-changed",t=>{var r,o;const{detail:e}=t,i=(r=this.shadowRoot)==null?void 0:r.querySelector("#handwritten-main-canvas"),s=(o=this.shadowRoot)==null?void 0:o.querySelector("#handwritten-zoomed-preview-canvas");i&&s&&(i.imageWidth=e.width,i.imageHeight=e.height,i.imageTop=e.top,i.imageLeft=e.left,s.imageWidth=e.width,s.imageHeight=e.height,s.imageTop=e.top,s.imageLeft=e.left)}),this.updateComplete,this.thumbnailElements[this.focusIndex].classList.add("active"),this.mainSlideElements[this.focusIndex].classList.add("active")}handleCardChange(t,e){var i,s,r,o;e&&(this.mainImageTemplates=[F`<pbo-image src="${e.medias.cover.url}" alt="" />`,F`<pbo-type-canvas
           background-url=${e.medias.insert.url}
           message=${(i=this.livePreviewProps)==null?void 0:i.text}
           alignment=${((s=this.livePreviewProps)==null?void 0:s.alignment)||"left"}
@@ -1873,10 +1870,7 @@
           font=${(o=this.livePreviewProps)==null?void 0:o.font}
           display-type=${e.hasEditorial?"default":"fullSize"}
           @click="${this.handleOpenZoomedClick}"
-        ></pbo-type-canvas>`,F`<pbo-image
-          src="${e.medias.rendered_2.url||"https://picsum.photos/id/10/300/400"}"
-          alt=""
-        />`])}handleFocusIndexChange(t,e){var i,s,r,o;this.thumbnailElements.length!==0&&t!==e&&((i=this.thumbnailElements[t])==null||i.classList.remove("active"),(s=this.thumbnailElements[e])==null||s.classList.add("active"),(r=this.mainSlideElements[t])==null||r.classList.remove("active"),(o=this.mainSlideElements[e])==null||o.classList.add("active"),this.requestUpdate())}handleAllowPinchToToggle(){this.allowPinchToToggle=this.type!=="handwritten"||this.focusIndex!==1||!0}focusOn(t){if(t<0||t>=this.thumbnailElements.length){console.warn("Invalid index:",t);return}this.focusIndex=t}get mainSlides(){return this.card?[F`<pbo-image src="${this.card.medias.cover.url}" alt="" />`,F`<pbo-type-canvas
+        ></pbo-type-canvas>`,F`<pbo-image src="${e.medias.rendered_2.url}" alt="" />`])}handleFocusIndexChange(t,e){var i,s,r,o;this.thumbnailElements.length!==0&&t!==e&&((i=this.thumbnailElements[t])==null||i.classList.remove("active"),(s=this.thumbnailElements[e])==null||s.classList.add("active"),(r=this.mainSlideElements[t])==null||r.classList.remove("active"),(o=this.mainSlideElements[e])==null||o.classList.add("active"),this.requestUpdate())}handleAllowPinchToToggle(){this.allowPinchToToggle=this.type!=="handwritten"||this.focusIndex!==1||!0}focusOn(t){if(t<0||t>=this.thumbnailElements.length){console.warn("Invalid index:",t);return}this.focusIndex=t}get mainSlides(){return this.card?[F`<pbo-image src="${this.card.medias.cover.url}" alt="" />`,F`<pbo-type-canvas
         background-url=${this.card.medias.insert.url}
         message=${this.livePreviewProps.text}
         alignment=${this.livePreviewProps.alignment}
@@ -1911,12 +1905,7 @@
             aria-pressed="${this.focusIndex===0}"
             @click="${()=>this.focusOn(0)}"
           >
-            <pbo-image
-              src="${((t=this.card)==null?void 0:t.medias.cover.url)||"https://picsum.photos/id/1/300/400"}"
-              alt=""
-              aria-hidden="true"
-            >
-            </pbo-image>
+            <pbo-image src="${(t=this.card)==null?void 0:t.medias.cover.url}" alt="" aria-hidden="true"> </pbo-image>
           </button>
           <button
             class="thumbnail"
@@ -1926,7 +1915,7 @@
             @click="${()=>this.focusOn(1)}"
           >
             <pbo-image
-              src="${((e=this.card)==null?void 0:e.medias.rendered_1.url)||"https://picsum.photos/id/10/300/400"}"
+              src="${(e=this.card)==null?void 0:e.medias.rendered_1.url}"
               alt=""
               aria-hidden="true"
             ></pbo-image>
@@ -1939,7 +1928,7 @@
             @click="${()=>this.focusOn(2)}"
           >
             <pbo-image
-              src="${((i=this.card)==null?void 0:i.medias.rendered_2.url)||"https://picsum.photos/id/10/300/400"}"
+              src="${(i=this.card)==null?void 0:i.medias.rendered_2.url}"
               alt=""
               aria-hidden="true"
             ></pbo-image>
@@ -1952,10 +1941,7 @@
           @touchend="${this.handleTouchEnd}"
         >
           <div class="main-slide" @click="${this.handleOpenZoomedClick}">
-            <pbo-image
-              src="${((s=this.card)==null?void 0:s.medias.cover.url)||"https://picsum.photos/id/1/300/400"}"
-              alt=""
-            ></pbo-image>
+            <pbo-image src="${(s=this.card)==null?void 0:s.medias.cover.url}" alt=""></pbo-image>
             ${bi()?F`<button
                   class="zoomed-preview-open-button"
                   type="button"
@@ -1991,10 +1977,7 @@
                 </button>`:Z}
           </div>
           <div class="main-slide" @click=${this.handleOpenZoomedClick}>
-            <pbo-image
-              src="${((p=this.card)==null?void 0:p.medias.rendered_2.url)||"https://picsum.photos/id/10/300/400"}"
-              alt=""
-            ></pbo-image>
+            <pbo-image src="${(p=this.card)==null?void 0:p.medias.rendered_2.url}" alt=""></pbo-image>
             ${bi()?F`<button
                   class="zoomed-preview-open-button"
                   type="button"
@@ -2045,7 +2028,7 @@
                   style=${ge({display:this.focusIndex===1?"block":"none"})}
                 ></pbo-handwritten-canvas>`:Z)}
           <img
-            src="${((E=this.card)==null?void 0:E.medias.rendered_2.url)||"https://picsum.photos/id/10/300/400"}"
+            src="${(E=this.card)==null?void 0:E.medias.rendered_2.url}"
             alt=""
             style=${ge({display:this.focusIndex===2?"block":"none"})}
           />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pairbo/ui-kit",
-  "version": "0.4.4",
+  "version": "0.4.5",
   "description": "",
   "type": "module",
   "readme": "./README-NPM.md",