@everymatrix/casino-most-played-section 1.60.0 → 1.60.1

package/stencil/ui-skeleton-a642cced-p8tGooXk.js

@@ -1,122 +0,0 @@
-import { r as o, h as r } from "./index-ae04a8b1-DRAR7dln.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
-};