@everymatrix/cashier-page 1.77.5 → 1.77.7

package/stencil/ui-image-8975d115-DxO6YS6C.js

@@ -0,0 +1,71 @@
+import { r as n, h as t, H as r, g as a } from "./index-256b7d4e-7jcaQ7rC.js";
+const h = ".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}", o = h, d = class {
+  constructor(i) {
+    n(this, i), this.hasStarted = !1, 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, this.hasStarted = !1, (typeof window > "u" || !("IntersectionObserver" in window)) && this.beginLoad());
+  }
+  onLoadingChange(i, e) {
+    i !== e && (this.cleanupObserver(), i === "eager" ? (this.imgEl && this.src && (this.imgEl.src = this.src), this.hasStarted = !0) : (this.imgLoaded = !1, this.hasStarted = !1, this.setupObserver()));
+  }
+  componentDidLoad() {
+    this.loading !== "eager" && this.setupObserver();
+  }
+  disconnectedCallback() {
+    this.cleanupObserver(), this.imgEl && (this.imgEl.src = "");
+  }
+  canUseIO() {
+    return typeof window < "u" && "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.hasStarted || this.imgEl && this.src && (this.hasStarted = !0, this.imgEl.src = this.src, this.imgEl.complete && this.imgEl.naturalWidth > 0 && (this.imgLoaded = !0));
+  }
+  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"]
+    };
+  }
+};
+d.style = o;
+export {
+  d as U
+};

package/stencil/{ui-image-e4W3SkhP.js → ui-image-B0TLi195.js}

@@ -14,7 +14,7 @@ var s = (r, e, a) => new Promise((g, n) => {
   }, i = (t) => t.done ? g(t.value) : Promise.resolve(t.value).then(m, u);
   i((a = a.apply(r, e)).next());
 });
-import { b as c, p as l } from "./index-242ac81a-BqeIndhr.js";
+import { b as c, p as l } from "./index-256b7d4e-CSg5Fmgt.js";
 import { g as d } from "./app-globals-0f993ce5-Cgk0KVAu.js";
 var h = () => {
   const r = import.meta.url, e = {};

package/stencil/{ui-image-C0iABVS5.cjs → ui-image-CLll1WRz.cjs}

@@ -1 +1 @@
-"use strict";var c=(t,r,i)=>new Promise((d,s)=>{var g=e=>{try{n(i.next(e))}catch(a){s(a)}},l=e=>{try{n(i.throw(e))}catch(a){s(a)}},n=e=>e.done?d(e.value):Promise.resolve(e.value).then(g,l);n((i=i.apply(t,r)).next())});const u=require("./index-242ac81a-CjjM4VND.cjs"),m=require("./app-globals-0f993ce5-BD-Q0C8R.cjs");var o=typeof document!="undefined"?document.currentScript:null,h=()=>{const t=typeof document=="undefined"?require("url").pathToFileURL(__filename).href:o&&o.tagName.toUpperCase()==="SCRIPT"&&o.src||new URL("stencil/ui-image-C0iABVS5.cjs",document.baseURI).href,r={};return t!==""&&(r.resourcesUrl=new URL(".",t).href),u.promiseResolve(r)};h().then(t=>c(exports,null,function*(){return yield m.globalScripts(),u.bootstrapLazy([["ui-image_2",[[0,"ui-image",{src:[1],width:[1],height:[1],alt:[1],styles:[8],detectDistance:[1,"detect-distance"],loading:[1],imgLoaded:[32]},null,{src:["onSrcChange"],loading:["onLoadingChange"]}],[0,"ui-skeleton",{structure:[1],width:[1],height:[1],borderRadius:[8,"border-radius"],marginBottom:[8,"margin-bottom"],marginTop:[8,"margin-top"],marginLeft:[8,"margin-left"],marginRight:[8,"margin-right"],animation:[4],rows:[2],size:[1]},null,{structure:["handleStructureChange"]}]]]],t)}));
+"use strict";var c=(t,r,i)=>new Promise((d,s)=>{var g=e=>{try{n(i.next(e))}catch(a){s(a)}},l=e=>{try{n(i.throw(e))}catch(a){s(a)}},n=e=>e.done?d(e.value):Promise.resolve(e.value).then(g,l);n((i=i.apply(t,r)).next())});const u=require("./index-256b7d4e-BnoVkrXr.cjs"),m=require("./app-globals-0f993ce5-BD-Q0C8R.cjs");var o=typeof document!="undefined"?document.currentScript:null,h=()=>{const t=typeof document=="undefined"?require("url").pathToFileURL(__filename).href:o&&o.tagName.toUpperCase()==="SCRIPT"&&o.src||new URL("stencil/ui-image-CLll1WRz.cjs",document.baseURI).href,r={};return t!==""&&(r.resourcesUrl=new URL(".",t).href),u.promiseResolve(r)};h().then(t=>c(exports,null,function*(){return yield m.globalScripts(),u.bootstrapLazy([["ui-image_2",[[0,"ui-image",{src:[1],width:[1],height:[1],alt:[1],styles:[8],detectDistance:[1,"detect-distance"],loading:[1],imgLoaded:[32]},null,{src:["onSrcChange"],loading:["onLoadingChange"]}],[0,"ui-skeleton",{structure:[1],width:[1],height:[1],borderRadius:[8,"border-radius"],marginBottom:[8,"margin-bottom"],marginTop:[8,"margin-top"],marginLeft:[8,"margin-left"],marginRight:[8,"margin-right"],animation:[4],rows:[2],size:[1]},null,{structure:["handleStructureChange"]}]]]],t)}));

package/stencil/{ui-image-BRBJSkg1.js → ui-image-CayMADxC.js}

@@ -1,4 +1,4 @@
-import { b as e, p as a } from "./index-242ac81a-CI4JxPRf.js";
+import { b as e, p as a } from "./index-256b7d4e-7jcaQ7rC.js";
 import { g as i } from "./app-globals-0f993ce5-Cgk0KVAu.js";
 var o = () => {
   const t = import.meta.url, r = {};

package/stencil/{ui-image_2-CLk629jW.cjs → ui-image_2-CXGY1IY3.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./ui-image-2ff23cd5-BHGIWJop.cjs"),t=require("./index-242ac81a-CjjM4VND.cjs"),s=":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}",a=s,n=class{constructor(e){t.registerInstance(this,e),this.stylingValue={width:this.handleStylingProps(this.width),height:this.handleStylingProps(this.height),borderRadius:this.handleStylingProps(this.borderRadius),marginBottom:this.handleStylingProps(this.marginBottom),marginTop:this.handleStylingProps(this.marginTop),marginLeft:this.handleStylingProps(this.marginLeft),marginRight:this.handleStylingProps(this.marginRight),size:this.handleStylingProps(this.size)},this.structure=void 0,this.width="unset",this.height="unset",this.borderRadius="unset",this.marginBottom="unset",this.marginTop="unset",this.marginLeft="unset",this.marginRight="unset",this.animation=!0,this.rows=0,this.size="100%"}handleStructureChange(e,i){i!==e&&this.handleStructure(e)}handleStylingProps(e){switch(typeof e){case"number":return e===0?0:`${e}px`;case"undefined":return"unset";case"string":return["auto","unset","none","inherit","initial"].includes(e)||e.endsWith("px")||e.endsWith("%")?e:"unset";default:return"unset"}}handleStructure(e){switch(e){case"logo":return this.renderLogo();case"image":return this.renderImage();case"title":return this.renderTitle();case"text":return this.renderText();case"rectangle":return this.renderRectangle();case"circle":return this.renderCircle();default:return null}}renderLogo(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Logo "+(this.animation?"Skeleton":"")}))}renderImage(){return t.h("div",{class:"Image "+(this.animation?"Skeleton":"")})}renderTitle(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Title "+(this.animation?"Skeleton":"")}))}renderText(){return t.h("div",{class:"SkeletonContainer"},Array.from({length:this.rows>0?this.rows:1}).map((e,i)=>t.h("div",{key:i,class:"Text "+(this.animation?"Skeleton":"")})))}renderRectangle(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Rectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Circle "+(this.animation?"Skeleton":"")}))}render(){let e="";switch(this.structure){case"logo":e=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./ui-image-8975d115-BIwRmPA-.cjs"),t=require("./index-256b7d4e-BnoVkrXr.cjs"),s=":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}",a=s,n=class{constructor(e){t.registerInstance(this,e),this.stylingValue={width:this.handleStylingProps(this.width),height:this.handleStylingProps(this.height),borderRadius:this.handleStylingProps(this.borderRadius),marginBottom:this.handleStylingProps(this.marginBottom),marginTop:this.handleStylingProps(this.marginTop),marginLeft:this.handleStylingProps(this.marginLeft),marginRight:this.handleStylingProps(this.marginRight),size:this.handleStylingProps(this.size)},this.structure=void 0,this.width="unset",this.height="unset",this.borderRadius="unset",this.marginBottom="unset",this.marginTop="unset",this.marginLeft="unset",this.marginRight="unset",this.animation=!0,this.rows=0,this.size="100%"}handleStructureChange(e,i){i!==e&&this.handleStructure(e)}handleStylingProps(e){switch(typeof e){case"number":return e===0?0:`${e}px`;case"undefined":return"unset";case"string":return["auto","unset","none","inherit","initial"].includes(e)||e.endsWith("px")||e.endsWith("%")?e:"unset";default:return"unset"}}handleStructure(e){switch(e){case"logo":return this.renderLogo();case"image":return this.renderImage();case"title":return this.renderTitle();case"text":return this.renderText();case"rectangle":return this.renderRectangle();case"circle":return this.renderCircle();default:return null}}renderLogo(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Logo "+(this.animation?"Skeleton":"")}))}renderImage(){return t.h("div",{class:"Image "+(this.animation?"Skeleton":"")})}renderTitle(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Title "+(this.animation?"Skeleton":"")}))}renderText(){return t.h("div",{class:"SkeletonContainer"},Array.from({length:this.rows>0?this.rows:1}).map((e,i)=>t.h("div",{key:i,class:"Text "+(this.animation?"Skeleton":"")})))}renderRectangle(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Rectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Circle "+(this.animation?"Skeleton":"")}))}render(){let e="";switch(this.structure){case"logo":e=`
           :host {
             --emw-skeleton-logo-width: ${this.stylingValue.width};
             --emw-skeleton-logo-height: ${this.stylingValue.height};

package/stencil/{ui-image_2-VgK3B8gQ.js → ui-image_2-DwuycSdC.js}

@@ -1,5 +1,5 @@
-import { U as m } from "./ui-image-2ff23cd5-DCLQ0SIO.js";
-import { r, h as t, H as n } from "./index-242ac81a-BqeIndhr.js";
+import { U as m } from "./ui-image-8975d115-C8pJTCfZ.js";
+import { r, h as t, H as n } from "./index-256b7d4e-CSg5Fmgt.js";
 const s = ":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}", a = s, l = class {
   constructor(e) {
     r(this, e), this.stylingValue = {

package/stencil/{ui-image_2-B21W_djK.js → ui-image_2-rhY_9uoo.js}

@@ -1,5 +1,5 @@
-import { U as m } from "./ui-image-2ff23cd5-D0rXudCW.js";
-import { r, h as t, H as n } from "./index-242ac81a-CI4JxPRf.js";
+import { U as m } from "./ui-image-8975d115-DxO6YS6C.js";
+import { r, h as t, H as n } from "./index-256b7d4e-7jcaQ7rC.js";
 const s = ":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}", a = s, l = class {
   constructor(e) {
     r(this, e), this.stylingValue = {