@everymatrix/casino-tournament-desc 1.0.69

package/dist/cjs/index.cjs.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-fae16713.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
+
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["casino-tournament-desc.cjs",[[1,"casino-tournament-desc",{"desc":[1],"descTitle":[1,"desc-title"],"useEvent":[4,"use-event"],"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"limitStylingAppends":[32],"stylingContainer":[32],"collapsed":[32],"tournamentDescriptions":[32]},[[8,"getTournamentDescriptionCompleted","descCompletedHandler"]]]]]], options);
+};
+
+exports.setNonce = index.setNonce;
+exports.defineCustomElements = defineCustomElements;

package/dist/collection/collection-manifest.json

@@ -0,0 +1,12 @@
+{
+  "entries": [
+    "components/casino-tournament-desc/casino-tournament-desc.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.20.0",
+    "typescriptVersion": "5.5.3"
+  },
+  "collections": [],
+  "bundles": []
+}

package/dist/collection/components/casino-tournament-desc/casino-tournament-desc.css

@@ -0,0 +1,46 @@
+:host {
+  display: block;
+}
+
+.DetailsCard {
+  color: var(--emfe-w-color-white, #FFFFFF);
+  width: 100%;
+  margin: 0 0 25px 0;
+}
+
+.DetailsTitle {
+  padding: 0 8px;
+  height: 36px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background: var(--emfe-w-tournament-color-bg, #153a5c);
+}
+
+.DetailsContent {
+  overflow: auto;
+  height: 150px;
+  font-size: 14px;
+  padding: 10px 10px 10px 20px;
+  margin: 10px 20px 10px 0;
+}
+
+.CollapseButtonDetails svg {
+  width: 24px;
+  height: 24px;
+}
+
+.sc::-webkit-scrollbar {
+  width: 5px;
+  height: 5px;
+}
+
+.sc::-webkit-scrollbar-track {
+  background-color: rgba(255, 255, 255, 0.1);
+  border-radius: 10px;
+}
+
+.sc::-webkit-scrollbar-thumb {
+  background-color: var(--emfe-w-color-white, #FFFFFF);
+  border-radius: 10px;
+}

package/dist/collection/components/casino-tournament-desc/casino-tournament-desc.js

@@ -0,0 +1,192 @@
+import { h } from "@stencil/core";
+export class CasinoTournamentDesc {
+    constructor() {
+        this.desc = undefined;
+        this.descTitle = undefined;
+        this.useEvent = true;
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.limitStylingAppends = false;
+        this.stylingContainer = undefined;
+        this.collapsed = [];
+        this.tournamentDescriptions = [];
+    }
+    descCompletedHandler(event) {
+        if (event.detail && this.useEvent) {
+            this.tournamentDescriptions = event.detail;
+        }
+    }
+    collapseText(index) {
+        this.collapsed[index] = !this.collapsed[index];
+        this.collapsed = [...this.collapsed];
+    }
+    componentWillLoad() {
+        if (this.useEvent == false && this.desc && this.descTitle) {
+            let item = {
+                title: this.descTitle,
+                text: this.desc
+            };
+            this.tournamentDescriptions.push(item);
+        }
+    }
+    componentDidRender() {
+        if (!this.limitStylingAppends && this.host) {
+            if (this.clientStyling)
+                this.setClientStyling();
+            if (this.clientStylingUrl)
+                this.setClientStylingURL();
+            this.limitStylingAppends = true;
+        }
+    }
+    setClientStyling() {
+        const sheet = new CSSStyleSheet();
+        // @ts-ignore
+        sheet.replace(this.clientStyling);
+        // @ts-ignore
+        this.host.shadowRoot.adoptedStyleSheets = [...this.host.shadowRoot.adoptedStyleSheets, sheet];
+    }
+    setClientStylingURL() {
+        let url = new URL(this.clientStylingUrl);
+        fetch(url.href)
+            .then((res) => res.text())
+            .then((data) => {
+            const sheet = new CSSStyleSheet();
+            // @ts-ignore
+            sheet.replace(data);
+            // @ts-ignore
+            this.host.shadowRoot.adoptedStyleSheets = [...this.host.shadowRoot.adoptedStyleSheets, sheet];
+        });
+    }
+    render() {
+        return h("div", { key: '58eb843db2f73c1549d703040cb13b4a0ce6ed5c', class: "TournamentDescription" }, this.tournamentDescriptions && this.tournamentDescriptions.map((item, index) => {
+            return h("div", { class: "DetailsCard" }, item.title &&
+                h("div", { class: "DetailsTitle" }, h("p", { class: "Title" }, item.title), h("div", { class: "CollapseButtonDetails", onClick: () => this.collapseText(index) }, this.collapsed[index] ?
+                    h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "#ffffff", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { d: "M18 15l-6-6-6 6" }))
+                    :
+                        h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "#ffffff", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { d: "M6 9l6 6 6-6" })))), item.text && !this.collapsed[index] &&
+                h("div", { class: "DetailsContent sc", innerHTML: item.text }));
+        }));
+    }
+    static get is() { return "casino-tournament-desc"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["casino-tournament-desc.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["casino-tournament-desc.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "desc": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Description content as HTML"
+                },
+                "attribute": "desc",
+                "reflect": false
+            },
+            "descTitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Description title"
+                },
+                "attribute": "desc-title",
+                "reflect": false
+            },
+            "useEvent": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Use event to get data"
+                },
+                "attribute": "use-event",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "clientStyling": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom styling via inline styles"
+                },
+                "attribute": "client-styling",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "clientStylingUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom styling via url"
+                },
+                "attribute": "client-styling-url",
+                "reflect": false,
+                "defaultValue": "''"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "limitStylingAppends": {},
+            "stylingContainer": {},
+            "collapsed": {},
+            "tournamentDescriptions": {}
+        };
+    }
+    static get elementRef() { return "host"; }
+    static get listeners() {
+        return [{
+                "name": "getTournamentDescriptionCompleted",
+                "method": "descCompletedHandler",
+                "target": "window",
+                "capture": false,
+                "passive": false
+            }];
+    }
+}

package/dist/collection/components/casino-tournament-desc/index.js

@@ -0,0 +1 @@
+export { CasinoTournamentDesc } from './casino-tournament-desc';

package/dist/collection/index.js

@@ -0,0 +1 @@
+export * from './components';

package/dist/collection/utils/utils.js

@@ -0,0 +1,3 @@
+export function format(first, middle, last) {
+    return ((first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : ''));
+}

package/dist/esm/app-globals-0f993ce5.js

@@ -0,0 +1,3 @@
+const globalScripts = () => {};
+
+export { globalScripts as g };

package/dist/esm/casino-tournament-desc.entry.js

@@ -0,0 +1,79 @@
+import { r as registerInstance, h, g as getElement } from './index-5479ab85.js';
+
+const casinoTournamentDescCss = ":host{display:block}.DetailsCard{color:var(--emfe-w-color-white, #FFFFFF);width:100%;margin:0 0 25px 0}.DetailsTitle{padding:0 8px;height:36px;display:flex;align-items:center;justify-content:space-between;background:var(--emfe-w-tournament-color-bg, #153a5c)}.DetailsContent{overflow:auto;height:150px;font-size:14px;padding:10px 10px 10px 20px;margin:10px 20px 10px 0}.CollapseButtonDetails svg{width:24px;height:24px}.sc::-webkit-scrollbar{width:5px;height:5px}.sc::-webkit-scrollbar-track{background-color:rgba(255, 255, 255, 0.1);border-radius:10px}.sc::-webkit-scrollbar-thumb{background-color:var(--emfe-w-color-white, #FFFFFF);border-radius:10px}";
+const CasinoTournamentDescStyle0 = casinoTournamentDescCss;
+
+const CasinoTournamentDesc = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.desc = undefined;
+        this.descTitle = undefined;
+        this.useEvent = true;
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.limitStylingAppends = false;
+        this.stylingContainer = undefined;
+        this.collapsed = [];
+        this.tournamentDescriptions = [];
+    }
+    descCompletedHandler(event) {
+        if (event.detail && this.useEvent) {
+            this.tournamentDescriptions = event.detail;
+        }
+    }
+    collapseText(index) {
+        this.collapsed[index] = !this.collapsed[index];
+        this.collapsed = [...this.collapsed];
+    }
+    componentWillLoad() {
+        if (this.useEvent == false && this.desc && this.descTitle) {
+            let item = {
+                title: this.descTitle,
+                text: this.desc
+            };
+            this.tournamentDescriptions.push(item);
+        }
+    }
+    componentDidRender() {
+        if (!this.limitStylingAppends && this.host) {
+            if (this.clientStyling)
+                this.setClientStyling();
+            if (this.clientStylingUrl)
+                this.setClientStylingURL();
+            this.limitStylingAppends = true;
+        }
+    }
+    setClientStyling() {
+        const sheet = new CSSStyleSheet();
+        // @ts-ignore
+        sheet.replace(this.clientStyling);
+        // @ts-ignore
+        this.host.shadowRoot.adoptedStyleSheets = [...this.host.shadowRoot.adoptedStyleSheets, sheet];
+    }
+    setClientStylingURL() {
+        let url = new URL(this.clientStylingUrl);
+        fetch(url.href)
+            .then((res) => res.text())
+            .then((data) => {
+            const sheet = new CSSStyleSheet();
+            // @ts-ignore
+            sheet.replace(data);
+            // @ts-ignore
+            this.host.shadowRoot.adoptedStyleSheets = [...this.host.shadowRoot.adoptedStyleSheets, sheet];
+        });
+    }
+    render() {
+        return h("div", { key: '58eb843db2f73c1549d703040cb13b4a0ce6ed5c', class: "TournamentDescription" }, this.tournamentDescriptions && this.tournamentDescriptions.map((item, index) => {
+            return h("div", { class: "DetailsCard" }, item.title &&
+                h("div", { class: "DetailsTitle" }, h("p", { class: "Title" }, item.title), h("div", { class: "CollapseButtonDetails", onClick: () => this.collapseText(index) }, this.collapsed[index] ?
+                    h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "#ffffff", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { d: "M18 15l-6-6-6 6" }))
+                    :
+                        h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "#ffffff", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { d: "M6 9l6 6 6-6" })))), item.text && !this.collapsed[index] &&
+                h("div", { class: "DetailsContent sc", innerHTML: item.text }));
+        }));
+    }
+    get host() { return getElement(this); }
+};
+CasinoTournamentDesc.style = CasinoTournamentDescStyle0;
+
+export { CasinoTournamentDesc as casino_tournament_desc };

package/dist/esm/casino-tournament-desc.js

@@ -0,0 +1,20 @@
+import { p as promiseResolve, b as bootstrapLazy } from './index-5479ab85.js';
+export { s as setNonce } from './index-5479ab85.js';
+import { g as globalScripts } from './app-globals-0f993ce5.js';
+
+/*
+ Stencil Client Patch Browser v4.20.0 | MIT Licensed | https://stenciljs.com
+ */
+var patchBrowser = () => {
+  const importMeta = import.meta.url;
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  await globalScripts();
+  return bootstrapLazy([["casino-tournament-desc",[[1,"casino-tournament-desc",{"desc":[1],"descTitle":[1,"desc-title"],"useEvent":[4,"use-event"],"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"limitStylingAppends":[32],"stylingContainer":[32],"collapsed":[32],"tournamentDescriptions":[32]},[[8,"getTournamentDescriptionCompleted","descCompletedHandler"]]]]]], options);
+});