@everymatrix/casino-page 1.77.12 → 1.77.14

package/stencil/ui-image-ae115205-C9w0DS-q.js

@@ -1,81 +0,0 @@
-import { r as n, h as t, H as r, g as a } from "./index-256b7d4e-B27ydHcs.js";
-const o = ".HostContainer{display:block}.UiContainer{height:100%;width:100%;border-radius:inherit;object-fit:inherit}.UiContainer .Image{border-radius:inherit}.Hidden{opacity:0;transition:opacity 0.5s ease-in-out}.Visible{opacity:1;border-radius:var(--emw--border-radius-medium, 10px);transition:opacity 0.5s ease-in-out}", d = o, h = class {
-  constructor(i) {
-    n(this, i), this._onLoad = () => {
-      this.imgLoaded = !0;
-    }, this.src = void 0, this.width = void 0, this.height = void 0, this.alt = void 0, this.styles = void 0, this.detectDistance = "200px", this.loading = "lazy", this.imgLoaded = !1;
-  }
-  onSrcChange() {
-    this.loading !== "eager" && (this.imgLoaded = !1, (typeof window == "undefined" || !("IntersectionObserver" in window)) && this.beginLoad());
-  }
-  onLoadingChange(i, e) {
-    i !== e && (this.cleanupObserver(), i === "eager" ? this.imgEl && this.src && (this.imgEl.src = this.src) : (this.imgLoaded = !1, this.setupObserver()));
-  }
-  componentDidLoad() {
-    this.loading !== "eager" && this.setupObserver();
-  }
-  disconnectedCallback() {
-    this.cleanupObserver(), this.imgEl && (this.imgEl.src = "");
-  }
-  canUseIO() {
-    return typeof window != "undefined" && "IntersectionObserver" in window;
-  }
-  setupObserver() {
-    if (this.loading !== "eager") {
-      if (!this.canUseIO()) {
-        this.beginLoad();
-        return;
-      }
-      this.io = new IntersectionObserver((i) => {
-        var e;
-        for (const s of i)
-          if (s.isIntersecting) {
-            this.beginLoad(), (e = this.io) === null || e === void 0 || e.unobserve(s.target), this.cleanupObserver();
-            break;
-          }
-      }, { root: null, rootMargin: this.detectDistance, threshold: 0 }), this.io.observe(this.el);
-    }
-  }
-  cleanupObserver() {
-    var i;
-    (i = this.io) === null || i === void 0 || i.disconnect(), this.io = void 0;
-  }
-  beginLoad() {
-    this.preloadAndSetSrc(), this.imgEl && this.imgEl.complete && this.imgEl.naturalWidth > 0 && (this.imgLoaded = !0);
-  }
-  preloadAndSetSrc() {
-    if (!this.src || !this.imgEl)
-      return;
-    const i = new Image();
-    i.onload = () => {
-      this.imgEl && (this.imgEl.src = i.src, this.imgLoaded = !0);
-    }, i.onerror = () => {
-      this.imgEl && (this.imgEl.src = this.src);
-    }, i.src = this.src;
-  }
-  get showSkeleton() {
-    return this.loading !== "eager" && !this.imgLoaded;
-  }
-  renderEager() {
-    return t(r, { class: "HostContainer" }, t("img", { src: this.src, decoding: "async", style: this.styles, class: "UiContainer Visible", alt: this.alt, width: this.width, height: this.height, loading: "eager" }));
-  }
-  renderLazy() {
-    return t(r, { class: "HostContainer", "aria-busy": this.imgLoaded ? "false" : "true" }, this.showSkeleton && t("ui-skeleton", { class: "UiContainer", structure: "image", width: "100%", height: "100%" }), t("img", { ref: (i) => this.imgEl = i, src: void 0, decoding: "async", style: this.styles, onLoad: this._onLoad, class: `UiContainer ${this.imgLoaded ? "Visible" : "Hidden"}`, alt: this.alt, width: this.width, height: this.height, loading: "lazy" }));
-  }
-  render() {
-    return this.loading === "eager" ? this.renderEager() : this.renderLazy();
-  }
-  get el() {
-    return a(this);
-  }
-  static get watchers() {
-    return {
-      src: ["onSrcChange"],
-      loading: ["onLoadingChange"]
-    };
-  }
-};
-h.style = d;
-export {
-  h as U
-};

package/stencil/ui-image-ae115205-CcwMMc09.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("./index-256b7d4e-yFNBIexD.cjs"),n=".HostContainer{display:block}.UiContainer{height:100%;width:100%;border-radius:inherit;object-fit:inherit}.UiContainer .Image{border-radius:inherit}.Hidden{opacity:0;transition:opacity 0.5s ease-in-out}.Visible{opacity:1;border-radius:var(--emw--border-radius-medium, 10px);transition:opacity 0.5s ease-in-out}",a=n,r=class{constructor(i){e.registerInstance(this,i),this._onLoad=()=>{this.imgLoaded=!0},this.src=void 0,this.width=void 0,this.height=void 0,this.alt=void 0,this.styles=void 0,this.detectDistance="200px",this.loading="lazy",this.imgLoaded=!1}onSrcChange(){this.loading!=="eager"&&(this.imgLoaded=!1,(typeof window=="undefined"||!("IntersectionObserver"in window))&&this.beginLoad())}onLoadingChange(i,t){i!==t&&(this.cleanupObserver(),i==="eager"?this.imgEl&&this.src&&(this.imgEl.src=this.src):(this.imgLoaded=!1,this.setupObserver()))}componentDidLoad(){this.loading!=="eager"&&this.setupObserver()}disconnectedCallback(){this.cleanupObserver(),this.imgEl&&(this.imgEl.src="")}canUseIO(){return typeof window!="undefined"&&"IntersectionObserver"in window}setupObserver(){if(this.loading!=="eager"){if(!this.canUseIO()){this.beginLoad();return}this.io=new IntersectionObserver(i=>{var t;for(const s of i)if(s.isIntersecting){this.beginLoad(),(t=this.io)===null||t===void 0||t.unobserve(s.target),this.cleanupObserver();break}},{root:null,rootMargin:this.detectDistance,threshold:0}),this.io.observe(this.el)}}cleanupObserver(){var i;(i=this.io)===null||i===void 0||i.disconnect(),this.io=void 0}beginLoad(){this.preloadAndSetSrc(),this.imgEl&&this.imgEl.complete&&this.imgEl.naturalWidth>0&&(this.imgLoaded=!0)}preloadAndSetSrc(){if(!this.src||!this.imgEl)return;const i=new Image;i.onload=()=>{this.imgEl&&(this.imgEl.src=i.src,this.imgLoaded=!0)},i.onerror=()=>{this.imgEl&&(this.imgEl.src=this.src)},i.src=this.src}get showSkeleton(){return this.loading!=="eager"&&!this.imgLoaded}renderEager(){return e.h(e.Host,{class:"HostContainer"},e.h("img",{src:this.src,decoding:"async",style:this.styles,class:"UiContainer Visible",alt:this.alt,width:this.width,height:this.height,loading:"eager"}))}renderLazy(){return e.h(e.Host,{class:"HostContainer","aria-busy":this.imgLoaded?"false":"true"},this.showSkeleton&&e.h("ui-skeleton",{class:"UiContainer",structure:"image",width:"100%",height:"100%"}),e.h("img",{ref:i=>this.imgEl=i,src:void 0,decoding:"async",style:this.styles,onLoad:this._onLoad,class:`UiContainer ${this.imgLoaded?"Visible":"Hidden"}`,alt:this.alt,width:this.width,height:this.height,loading:"lazy"}))}render(){return this.loading==="eager"?this.renderEager():this.renderLazy()}get el(){return e.getElement(this)}static get watchers(){return{src:["onSrcChange"],loading:["onLoadingChange"]}}};r.style=a;exports.UiImage=r;