npm - @everymatrix/casino-lobby - Versions diffs - 1.59.3 → 1.60.1 - Mend

@everymatrix/casino-lobby 1.59.3 → 1.60.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 (106) hide show

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

@@ -1,122 +0,0 @@
-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 DELETED Viewed

@@ -1 +0,0 @@

- "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 DELETED Viewed

@@ -1,122 +0,0 @@
-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
-};