npm - @everymatrix/casino-lobby - Versions diffs - 1.58.1 → 1.59.1 - Mend

@everymatrix/casino-lobby 1.58.1 → 1.59.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (99) hide show

package/stencil/ui-skeleton-a642cced-Bg6oYmhk.js ADDED Viewed

@@ -0,0 +1,122 @@
+import { r as o, h as r } from "./index-ae04a8b1-Dn3cponN.js";
+const n = ".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, 2px)}.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, 5px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:var(--emw-skeleton-text-width-100, 300px)}.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, 5px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 250px);height:var(--emw-skeleton-image-height, 200px);border-radius:var(--emw-skeleton-image-border-radius, 10px)}.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, 5px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, var(--emw-skeleton-color-0, #c2c2c2))}100%{background-color:var(--emw-skeleton-secondary-color, var(--emw-skeleton-color-100, #f0f0f0))}}", s = n, a = class {
+  constructor(e) {
+    o(this, e), this.structure = void 0, this.width = void 0, this.height = void 0, this.borderRadius = void 0, this.marginBottom = void 0, this.marginTop = void 0, this.marginLeft = void 0, this.marginRight = void 0, this.animation = !0, this.rows = void 0, this.size = void 0, this.color = void 0, this.primaryColor = void 0, this.secondaryColor = void 0;
+  }
+  handleStructureChange(e, t) {
+    t !== e && this.handleStructure(e);
+  }
+  updateStyles() {
+    this.primaryColor && this.skeletonContainer.style.setProperty("--emw-skeleton-primary-color", this.primaryColor), this.secondaryColor && this.skeletonContainer.style.setProperty("--emw-skeleton-secondary-color", this.secondaryColor);
+  }
+  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();
+    }
+  }
+  renderLogo() {
+    const e = {
+      width: `${this.width}`,
+      height: `${this.height}`,
+      "background-color": `${this.color}`,
+      "border-radius": `${this.borderRadius}px`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return r("div", { ref: (t) => this.skeletonContainer = t }, r("div", { style: e, class: "Logo " + (this.animation ? "Skeleton" : "") }));
+  }
+  renderImage() {
+    const e = {
+      width: `${this.width}`,
+      height: `${this.height}`,
+      "background-color": `${this.color}`,
+      "border-radius": `${this.borderRadius}px`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return r("div", { ref: (t) => this.skeletonContainer = t }, r("div", { style: e, class: "Image " + (this.animation ? "Skeleton" : "") }));
+  }
+  renderTitle() {
+    const e = {
+      width: `${this.width}`,
+      height: `${this.height}`,
+      "background-color": `${this.color}`,
+      "border-radius": `${this.borderRadius}px`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return r("div", { ref: (t) => this.skeletonContainer = t }, r("div", { style: e, class: "Title " + (this.animation ? "Skeleton" : "") }));
+  }
+  renderText() {
+    const e = {
+      width: `${this.width}`,
+      height: `${this.height}`,
+      "background-color": `${this.color}`,
+      "border-radius": `${this.borderRadius}px`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return Array.from({ length: this.rows > 0 ? this.rows : 1 }).map((t, i) => r("div", { style: e, key: i, class: "Text " + (this.animation ? "Skeleton" : "") }));
+  }
+  renderRectangle() {
+    const e = {
+      width: `${this.width}`,
+      height: `${this.height}`,
+      "background-color": `${this.color}`,
+      "border-radius": `${this.borderRadius}px`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return r("div", { ref: (t) => this.skeletonContainer = t }, r("div", { style: e, class: "Rectangle " + (this.animation ? "Skeleton" : "") }));
+  }
+  renderCircle() {
+    const e = {
+      width: `${this.size}`,
+      height: `${this.size}`,
+      "background-color": `${this.color}`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return r("div", { ref: (t) => this.skeletonContainer = t }, r("div", { style: e, class: "Circle " + (this.animation ? "Skeleton" : "") }));
+  }
+  componentDidLoad() {
+    this.updateStyles();
+  }
+  render() {
+    return this.handleStructure(this.structure);
+  }
+  static get watchers() {
+    return {
+      structure: ["handleStructureChange"],
+      primaryColor: ["updateStyles"],
+      secondaryColor: ["updateStyles"]
+    };
+  }
+};
+a.style = s;
+export {
+  a as U
+};

package/stencil/ui-skeleton-a642cced-CVw8zpGJ.cjs ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";const r=require("./index-ae04a8b1-jEvGbYrB.cjs"),n=".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, 2px)}.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, 5px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:var(--emw-skeleton-text-width-100, 300px)}.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, 5px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 250px);height:var(--emw-skeleton-image-height, 200px);border-radius:var(--emw-skeleton-image-border-radius, 10px)}.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, 5px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, var(--emw-skeleton-color-0, #c2c2c2))}100%{background-color:var(--emw-skeleton-secondary-color, var(--emw-skeleton-color-100, #f0f0f0))}}",s=n,i=class{constructor(e){r.registerInstance(this,e),this.structure=void 0,this.width=void 0,this.height=void 0,this.borderRadius=void 0,this.marginBottom=void 0,this.marginTop=void 0,this.marginLeft=void 0,this.marginRight=void 0,this.animation=!0,this.rows=void 0,this.size=void 0,this.color=void 0,this.primaryColor=void 0,this.secondaryColor=void 0}handleStructureChange(e,t){t!==e&&this.handleStructure(e)}updateStyles(){this.primaryColor&&this.skeletonContainer.style.setProperty("--emw-skeleton-primary-color",this.primaryColor),this.secondaryColor&&this.skeletonContainer.style.setProperty("--emw-skeleton-secondary-color",this.secondaryColor)}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()}}renderLogo(){const e={width:`${this.width}`,height:`${this.height}`,"background-color":`${this.color}`,"border-radius":`${this.borderRadius}px`,"margin-bottom":`${this.marginBottom}px`,"margin-top":`${this.marginTop}px`,"margin-left":`${this.marginLeft}px`,"margin-right":`${this.marginRight}px`};return r.h("div",{ref:t=>this.skeletonContainer=t},r.h("div",{style:e,class:"Logo "+(this.animation?"Skeleton":"")}))}renderImage(){const e={width:`${this.width}`,height:`${this.height}`,"background-color":`${this.color}`,"border-radius":`${this.borderRadius}px`,"margin-bottom":`${this.marginBottom}px`,"margin-top":`${this.marginTop}px`,"margin-left":`${this.marginLeft}px`,"margin-right":`${this.marginRight}px`};return r.h("div",{ref:t=>this.skeletonContainer=t},r.h("div",{style:e,class:"Image "+(this.animation?"Skeleton":"")}))}renderTitle(){const e={width:`${this.width}`,height:`${this.height}`,"background-color":`${this.color}`,"border-radius":`${this.borderRadius}px`,"margin-bottom":`${this.marginBottom}px`,"margin-top":`${this.marginTop}px`,"margin-left":`${this.marginLeft}px`,"margin-right":`${this.marginRight}px`};return r.h("div",{ref:t=>this.skeletonContainer=t},r.h("div",{style:e,class:"Title "+(this.animation?"Skeleton":"")}))}renderText(){const e={width:`${this.width}`,height:`${this.height}`,"background-color":`${this.color}`,"border-radius":`${this.borderRadius}px`,"margin-bottom":`${this.marginBottom}px`,"margin-top":`${this.marginTop}px`,"margin-left":`${this.marginLeft}px`,"margin-right":`${this.marginRight}px`};return Array.from({length:this.rows>0?this.rows:1}).map((t,o)=>r.h("div",{style:e,key:o,class:"Text "+(this.animation?"Skeleton":"")}))}renderRectangle(){const e={width:`${this.width}`,height:`${this.height}`,"background-color":`${this.color}`,"border-radius":`${this.borderRadius}px`,"margin-bottom":`${this.marginBottom}px`,"margin-top":`${this.marginTop}px`,"margin-left":`${this.marginLeft}px`,"margin-right":`${this.marginRight}px`};return r.h("div",{ref:t=>this.skeletonContainer=t},r.h("div",{style:e,class:"Rectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){const e={width:`${this.size}`,height:`${this.size}`,"background-color":`${this.color}`,"margin-bottom":`${this.marginBottom}px`,"margin-top":`${this.marginTop}px`,"margin-left":`${this.marginLeft}px`,"margin-right":`${this.marginRight}px`};return r.h("div",{ref:t=>this.skeletonContainer=t},r.h("div",{style:e,class:"Circle "+(this.animation?"Skeleton":"")}))}componentDidLoad(){this.updateStyles()}render(){return this.handleStructure(this.structure)}static get watchers(){return{structure:["handleStructureChange"],primaryColor:["updateStyles"],secondaryColor:["updateStyles"]}}};i.style=s;exports.UiSkeleton=i;

package/stencil/ui-skeleton-a642cced-MvzXi5-c.js ADDED Viewed

@@ -0,0 +1,122 @@
+import { r as o, h as r } from "./index-ae04a8b1-BhaHMrLE.js";
+const n = ".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, 2px)}.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, 5px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:var(--emw-skeleton-text-width-100, 300px)}.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, 5px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 250px);height:var(--emw-skeleton-image-height, 200px);border-radius:var(--emw-skeleton-image-border-radius, 10px)}.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, 5px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, var(--emw-skeleton-color-0, #c2c2c2))}100%{background-color:var(--emw-skeleton-secondary-color, var(--emw-skeleton-color-100, #f0f0f0))}}", s = n, a = class {
+  constructor(e) {
+    o(this, e), this.structure = void 0, this.width = void 0, this.height = void 0, this.borderRadius = void 0, this.marginBottom = void 0, this.marginTop = void 0, this.marginLeft = void 0, this.marginRight = void 0, this.animation = !0, this.rows = void 0, this.size = void 0, this.color = void 0, this.primaryColor = void 0, this.secondaryColor = void 0;
+  }
+  handleStructureChange(e, t) {
+    t !== e && this.handleStructure(e);
+  }
+  updateStyles() {
+    this.primaryColor && this.skeletonContainer.style.setProperty("--emw-skeleton-primary-color", this.primaryColor), this.secondaryColor && this.skeletonContainer.style.setProperty("--emw-skeleton-secondary-color", this.secondaryColor);
+  }
+  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();
+    }
+  }
+  renderLogo() {
+    const e = {
+      width: `${this.width}`,
+      height: `${this.height}`,
+      "background-color": `${this.color}`,
+      "border-radius": `${this.borderRadius}px`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return r("div", { ref: (t) => this.skeletonContainer = t }, r("div", { style: e, class: "Logo " + (this.animation ? "Skeleton" : "") }));
+  }
+  renderImage() {
+    const e = {
+      width: `${this.width}`,
+      height: `${this.height}`,
+      "background-color": `${this.color}`,
+      "border-radius": `${this.borderRadius}px`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return r("div", { ref: (t) => this.skeletonContainer = t }, r("div", { style: e, class: "Image " + (this.animation ? "Skeleton" : "") }));
+  }
+  renderTitle() {
+    const e = {
+      width: `${this.width}`,
+      height: `${this.height}`,
+      "background-color": `${this.color}`,
+      "border-radius": `${this.borderRadius}px`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return r("div", { ref: (t) => this.skeletonContainer = t }, r("div", { style: e, class: "Title " + (this.animation ? "Skeleton" : "") }));
+  }
+  renderText() {
+    const e = {
+      width: `${this.width}`,
+      height: `${this.height}`,
+      "background-color": `${this.color}`,
+      "border-radius": `${this.borderRadius}px`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return Array.from({ length: this.rows > 0 ? this.rows : 1 }).map((t, i) => r("div", { style: e, key: i, class: "Text " + (this.animation ? "Skeleton" : "") }));
+  }
+  renderRectangle() {
+    const e = {
+      width: `${this.width}`,
+      height: `${this.height}`,
+      "background-color": `${this.color}`,
+      "border-radius": `${this.borderRadius}px`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return r("div", { ref: (t) => this.skeletonContainer = t }, r("div", { style: e, class: "Rectangle " + (this.animation ? "Skeleton" : "") }));
+  }
+  renderCircle() {
+    const e = {
+      width: `${this.size}`,
+      height: `${this.size}`,
+      "background-color": `${this.color}`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return r("div", { ref: (t) => this.skeletonContainer = t }, r("div", { style: e, class: "Circle " + (this.animation ? "Skeleton" : "") }));
+  }
+  componentDidLoad() {
+    this.updateStyles();
+  }
+  render() {
+    return this.handleStructure(this.structure);
+  }
+  static get watchers() {
+    return {
+      structure: ["handleStructureChange"],
+      primaryColor: ["updateStyles"],
+      secondaryColor: ["updateStyles"]
+    };
+  }
+};
+a.style = s;
+export {
+  a as U
+};