@everymatrix/casino-tournament-desc 1.16.1

package/dist/cjs/index.cjs.js

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

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-24e86f34.js');
+
+/*
+ Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com
+ */
+const patchEsm = () => {
+    return index.promiseResolve();
+};
+
+const defineCustomElements = (win, options) => {
+  if (typeof window === 'undefined') return Promise.resolve();
+  return patchEsm().then(() => {
+  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.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": "2.15.2",
+    "typescriptVersion": "4.5.4"
+  },
+  "collections": [],
+  "bundles": []
+}

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

@@ -0,0 +1,41 @@
+: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: #153A5C;
+}
+
+.DetailsContent {
+  overflow: auto;
+  height: 150px;
+  font-size: 14px;
+  padding: 10px 10px 10px 20px;
+  margin: 10px 20px 10px 0;
+}
+
+.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,181 @@
+import { Component, Prop, State, h, Listen } from '@stencil/core';
+export class CasinoTournamentDesc {
+  constructor() {
+    this.desc = '';
+    this.descTitle = '';
+    this.useEvent = true;
+    this.clientStyling = '';
+    this.clientStylingUrl = '';
+    this.limitStylingAppends = false;
+    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.stylingContainer) {
+      if (this.clientStyling)
+        this.setClientStyling();
+      if (this.clientStylingUrl)
+        this.setClientStylingURL();
+      this.limitStylingAppends = true;
+    }
+  }
+  setClientStyling() {
+    let sheet = document.createElement('style');
+    sheet.innerHTML = this.clientStyling;
+    this.stylingContainer.prepend(sheet);
+  }
+  setClientStylingURL() {
+    let cssFile = document.createElement('style');
+    setTimeout(() => {
+      cssFile.innerHTML = this.clientStylingUrl;
+      this.stylingContainer.prepend(cssFile);
+    }, 1);
+  }
+  render() {
+    return h("div", { ref: el => this.stylingContainer = el }, 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", width: "24", height: "24", 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", width: "24", height: "24", 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": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "desc",
+      "reflect": false,
+      "defaultValue": "''"
+    },
+    "descTitle": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "desc-title",
+      "reflect": false,
+      "defaultValue": "''"
+    },
+    "useEvent": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "use-event",
+      "reflect": false,
+      "defaultValue": "true"
+    },
+    "clientStyling": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "client-styling",
+      "reflect": false,
+      "defaultValue": "''"
+    },
+    "clientStylingUrl": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "client-styling-url",
+      "reflect": false,
+      "defaultValue": "''"
+    }
+  }; }
+  static get states() { return {
+    "limitStylingAppends": {},
+    "stylingContainer": {},
+    "collapsed": {},
+    "tournamentDescriptions": {}
+  }; }
+  static get listeners() { return [{
+      "name": "getTournamentDescriptionCompleted",
+      "method": "descCompletedHandler",
+      "target": "window",
+      "capture": false,
+      "passive": false
+    }]; }
+}

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/components/casino-tournament-desc.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface CasinoTournamentDesc extends Components.CasinoTournamentDesc, HTMLElement {}
+export const CasinoTournamentDesc: {
+  prototype: CasinoTournamentDesc;
+  new (): CasinoTournamentDesc;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,97 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+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:#153A5C}.DetailsContent{overflow:auto;height:150px;font-size:14px;padding:10px 10px 10px 20px;margin:10px 20px 10px 0}.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 CasinoTournamentDesc$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.desc = '';
+    this.descTitle = '';
+    this.useEvent = true;
+    this.clientStyling = '';
+    this.clientStylingUrl = '';
+    this.limitStylingAppends = false;
+    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.stylingContainer) {
+      if (this.clientStyling)
+        this.setClientStyling();
+      if (this.clientStylingUrl)
+        this.setClientStylingURL();
+      this.limitStylingAppends = true;
+    }
+  }
+  setClientStyling() {
+    let sheet = document.createElement('style');
+    sheet.innerHTML = this.clientStyling;
+    this.stylingContainer.prepend(sheet);
+  }
+  setClientStylingURL() {
+    let cssFile = document.createElement('style');
+    setTimeout(() => {
+      cssFile.innerHTML = this.clientStylingUrl;
+      this.stylingContainer.prepend(cssFile);
+    }, 1);
+  }
+  render() {
+    return h("div", { ref: el => this.stylingContainer = el }, 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", width: "24", height: "24", 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", width: "24", height: "24", 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 style() { return casinoTournamentDescCss; }
+}, [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"]]]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["casino-tournament-desc"];
+  components.forEach(tagName => { switch (tagName) {
+    case "casino-tournament-desc":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, CasinoTournamentDesc$1);
+      }
+      break;
+  } });
+}
+
+const CasinoTournamentDesc = CasinoTournamentDesc$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { CasinoTournamentDesc, defineCustomElement };

package/dist/components/index.d.ts

@@ -0,0 +1,26 @@
+/* CasinoTournamentDesc custom elements */
+
+import type { Components, JSX } from "../types/components";
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+export type { Components, JSX };
+
+export * from '../types';

package/dist/components/index.js

@@ -0,0 +1 @@
+export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';

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

@@ -0,0 +1,69 @@
+import { r as registerInstance, h } from './index-0f125200.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:#153A5C}.DetailsContent{overflow:auto;height:150px;font-size:14px;padding:10px 10px 10px 20px;margin:10px 20px 10px 0}.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 CasinoTournamentDesc = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.desc = '';
+    this.descTitle = '';
+    this.useEvent = true;
+    this.clientStyling = '';
+    this.clientStylingUrl = '';
+    this.limitStylingAppends = false;
+    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.stylingContainer) {
+      if (this.clientStyling)
+        this.setClientStyling();
+      if (this.clientStylingUrl)
+        this.setClientStylingURL();
+      this.limitStylingAppends = true;
+    }
+  }
+  setClientStyling() {
+    let sheet = document.createElement('style');
+    sheet.innerHTML = this.clientStyling;
+    this.stylingContainer.prepend(sheet);
+  }
+  setClientStylingURL() {
+    let cssFile = document.createElement('style');
+    setTimeout(() => {
+      cssFile.innerHTML = this.clientStylingUrl;
+      this.stylingContainer.prepend(cssFile);
+    }, 1);
+  }
+  render() {
+    return h("div", { ref: el => this.stylingContainer = el }, 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", width: "24", height: "24", 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", width: "24", height: "24", 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 }));
+    }));
+  }
+};
+CasinoTournamentDesc.style = casinoTournamentDescCss;
+
+export { CasinoTournamentDesc as casino_tournament_desc };

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

@@ -0,0 +1,17 @@
+import { p as promiseResolve, b as bootstrapLazy } from './index-0f125200.js';
+
+/*
+ Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com
+ */
+const patchBrowser = () => {
+    const importMeta = import.meta.url;
+    const opts = {};
+    if (importMeta !== '') {
+        opts.resourcesUrl = new URL('.', importMeta).href;
+    }
+    return promiseResolve(opts);
+};
+
+patchBrowser().then(options => {
+  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);
+});