@everymatrix/casino-tournament-desc 1.20.0 → 1.20.5

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.
@@ -1 +1 @@
1
- import{p as e,b as t}from"./p-706aec6b.js";(()=>{const t=import.meta.url,n={};return""!==t&&(n.resourcesUrl=new URL(".",t).href),e(n)})().then((e=>t([["p-f7be50f0",[[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"]]]]]],e)));
1
+ import{p as e,b as t}from"./p-706aec6b.js";(()=>{const t=import.meta.url,n={};return""!==t&&(n.resourcesUrl=new URL(".",t).href),e(n)})().then((e=>t([["p-bd145b3e",[[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"]]]]]],e)));
@@ -0,0 +1 @@
1
+ import{r as t,h as i}from"./p-706aec6b.js";const s=class{constructor(i){t(this,i),this.useEvent=!0,this.clientStyling="",this.clientStylingUrl="",this.limitStylingAppends=!1,this.collapsed=[],this.tournamentDescriptions=[]}descCompletedHandler(t){t.detail&&this.useEvent&&(this.tournamentDescriptions=t.detail)}collapseText(t){this.collapsed[t]=!this.collapsed[t],this.collapsed=[...this.collapsed]}componentWillLoad(){0==this.useEvent&&this.desc&&this.descTitle&&this.tournamentDescriptions.push({title:this.descTitle,text:this.desc})}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.limitStylingAppends=!0)}setClientStyling(){let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)}setClientStylingURL(){let t=document.createElement("style");setTimeout((()=>{t.innerHTML=this.clientStylingUrl,this.stylingContainer.prepend(t)}),1)}render(){return i("div",{ref:t=>this.stylingContainer=t},this.tournamentDescriptions&&this.tournamentDescriptions.map(((t,s)=>i("div",{class:"DetailsCard"},t.title&&i("div",{class:"DetailsTitle"},i("p",{class:"Title"},t.title),i("div",{class:"CollapseButtonDetails",onClick:()=>this.collapseText(s)},i("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"},i("path",this.collapsed[s]?{d:"M18 15l-6-6-6 6"}:{d:"M6 9l6 6 6-6"})))),t.text&&!this.collapsed[s]&&i("div",{class:"DetailsContent sc",innerHTML:t.text})))))}};s.style=":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}.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}";export{s as casino_tournament_desc}
@@ -4,15 +4,22 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-24e86f34.js');
6
6
 
7
- 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}";
7
+ 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}.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}";
8
8
 
9
9
  const CasinoTournamentDesc = class {
10
10
  constructor(hostRef) {
11
11
  index.registerInstance(this, hostRef);
12
- this.desc = '';
13
- this.descTitle = '';
12
+ /**
13
+ * Use event to get data
14
+ */
14
15
  this.useEvent = true;
16
+ /**
17
+ * Client custom styling via inline styles
18
+ */
15
19
  this.clientStyling = '';
20
+ /**
21
+ * Client custom styling via url
22
+ */
16
23
  this.clientStylingUrl = '';
17
24
  this.limitStylingAppends = false;
18
25
  this.collapsed = [];
@@ -14,7 +14,7 @@
14
14
  display: flex;
15
15
  align-items: center;
16
16
  justify-content: space-between;
17
- background: #153A5C;
17
+ background: var(--emfe-w-tournament-color-bg, #153a5c);
18
18
  }
19
19
 
20
20
  .DetailsContent {
@@ -1,10 +1,17 @@
1
1
  import { Component, Prop, State, h, Listen } from '@stencil/core';
2
2
  export class CasinoTournamentDesc {
3
3
  constructor() {
4
- this.desc = '';
5
- this.descTitle = '';
4
+ /**
5
+ * Use event to get data
6
+ */
6
7
  this.useEvent = true;
8
+ /**
9
+ * Client custom styling via inline styles
10
+ */
7
11
  this.clientStyling = '';
12
+ /**
13
+ * Client custom styling via url
14
+ */
8
15
  this.clientStylingUrl = '';
9
16
  this.limitStylingAppends = false;
10
17
  this.collapsed = [];
@@ -82,15 +89,14 @@ export class CasinoTournamentDesc {
82
89
  "resolved": "string",
83
90
  "references": {}
84
91
  },
85
- "required": false,
92
+ "required": true,
86
93
  "optional": false,
87
94
  "docs": {
88
95
  "tags": [],
89
- "text": ""
96
+ "text": "Description content as HTML"
90
97
  },
91
98
  "attribute": "desc",
92
- "reflect": false,
93
- "defaultValue": "''"
99
+ "reflect": false
94
100
  },
95
101
  "descTitle": {
96
102
  "type": "string",
@@ -100,15 +106,14 @@ export class CasinoTournamentDesc {
100
106
  "resolved": "string",
101
107
  "references": {}
102
108
  },
103
- "required": false,
109
+ "required": true,
104
110
  "optional": false,
105
111
  "docs": {
106
112
  "tags": [],
107
- "text": ""
113
+ "text": "Description title"
108
114
  },
109
115
  "attribute": "desc-title",
110
- "reflect": false,
111
- "defaultValue": "''"
116
+ "reflect": false
112
117
  },
113
118
  "useEvent": {
114
119
  "type": "boolean",
@@ -119,10 +124,10 @@ export class CasinoTournamentDesc {
119
124
  "references": {}
120
125
  },
121
126
  "required": false,
122
- "optional": false,
127
+ "optional": true,
123
128
  "docs": {
124
129
  "tags": [],
125
- "text": ""
130
+ "text": "Use event to get data"
126
131
  },
127
132
  "attribute": "use-event",
128
133
  "reflect": false,
@@ -137,10 +142,10 @@ export class CasinoTournamentDesc {
137
142
  "references": {}
138
143
  },
139
144
  "required": false,
140
- "optional": false,
145
+ "optional": true,
141
146
  "docs": {
142
147
  "tags": [],
143
- "text": ""
148
+ "text": "Client custom styling via inline styles"
144
149
  },
145
150
  "attribute": "client-styling",
146
151
  "reflect": false,
@@ -155,10 +160,10 @@ export class CasinoTournamentDesc {
155
160
  "references": {}
156
161
  },
157
162
  "required": false,
158
- "optional": false,
163
+ "optional": true,
159
164
  "docs": {
160
165
  "tags": [],
161
- "text": ""
166
+ "text": "Client custom styling via url"
162
167
  },
163
168
  "attribute": "client-styling-url",
164
169
  "reflect": false,
@@ -1,16 +1,23 @@
1
1
  import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
2
2
 
3
- 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}";
3
+ 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}.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}";
4
4
 
5
5
  const CasinoTournamentDesc$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
6
6
  constructor() {
7
7
  super();
8
8
  this.__registerHost();
9
9
  this.__attachShadow();
10
- this.desc = '';
11
- this.descTitle = '';
10
+ /**
11
+ * Use event to get data
12
+ */
12
13
  this.useEvent = true;
14
+ /**
15
+ * Client custom styling via inline styles
16
+ */
13
17
  this.clientStyling = '';
18
+ /**
19
+ * Client custom styling via url
20
+ */
14
21
  this.clientStylingUrl = '';
15
22
  this.limitStylingAppends = false;
16
23
  this.collapsed = [];
@@ -1,14 +1,21 @@
1
1
  import { r as registerInstance, h } from './index-0f125200.js';
2
2
 
3
- 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}";
3
+ 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}.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}";
4
4
 
5
5
  const CasinoTournamentDesc = class {
6
6
  constructor(hostRef) {
7
7
  registerInstance(this, hostRef);
8
- this.desc = '';
9
- this.descTitle = '';
8
+ /**
9
+ * Use event to get data
10
+ */
10
11
  this.useEvent = true;
12
+ /**
13
+ * Client custom styling via inline styles
14
+ */
11
15
  this.clientStyling = '';
16
+ /**
17
+ * Client custom styling via url
18
+ */
12
19
  this.clientStylingUrl = '';
13
20
  this.limitStylingAppends = false;
14
21
  this.collapsed = [];
@@ -1,9 +1,24 @@
1
1
  export declare class CasinoTournamentDesc {
2
+ /**
3
+ * Description content as HTML
4
+ */
2
5
  desc: string;
6
+ /**
7
+ * Description title
8
+ */
3
9
  descTitle: string;
4
- useEvent: boolean;
5
- clientStyling: string;
6
- clientStylingUrl: string;
10
+ /**
11
+ * Use event to get data
12
+ */
13
+ useEvent?: boolean;
14
+ /**
15
+ * Client custom styling via inline styles
16
+ */
17
+ clientStyling?: string;
18
+ /**
19
+ * Client custom styling via url
20
+ */
21
+ clientStylingUrl?: string;
7
22
  limitStylingAppends: boolean;
8
23
  stylingContainer: HTMLElement;
9
24
  collapsed: any[];
@@ -7,11 +7,26 @@
7
7
  import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
8
8
  export namespace Components {
9
9
  interface CasinoTournamentDesc {
10
- "clientStyling": string;
11
- "clientStylingUrl": string;
10
+ /**
11
+ * Client custom styling via inline styles
12
+ */
13
+ "clientStyling"?: string;
14
+ /**
15
+ * Client custom styling via url
16
+ */
17
+ "clientStylingUrl"?: string;
18
+ /**
19
+ * Description content as HTML
20
+ */
12
21
  "desc": string;
22
+ /**
23
+ * Description title
24
+ */
13
25
  "descTitle": string;
14
- "useEvent": boolean;
26
+ /**
27
+ * Use event to get data
28
+ */
29
+ "useEvent"?: boolean;
15
30
  }
16
31
  }
17
32
  declare global {
@@ -27,10 +42,25 @@ declare global {
27
42
  }
28
43
  declare namespace LocalJSX {
29
44
  interface CasinoTournamentDesc {
45
+ /**
46
+ * Client custom styling via inline styles
47
+ */
30
48
  "clientStyling"?: string;
49
+ /**
50
+ * Client custom styling via url
51
+ */
31
52
  "clientStylingUrl"?: string;
32
- "desc"?: string;
33
- "descTitle"?: string;
53
+ /**
54
+ * Description content as HTML
55
+ */
56
+ "desc": string;
57
+ /**
58
+ * Description title
59
+ */
60
+ "descTitle": string;
61
+ /**
62
+ * Use event to get data
63
+ */
34
64
  "useEvent"?: boolean;
35
65
  }
36
66
  interface IntrinsicElements {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/casino-tournament-desc",
3
- "version": "1.20.0",
3
+ "version": "1.20.5",
4
4
  "main": "./dist/index.cjs.js",
5
5
  "module": "./dist/index.js",
6
6
  "es2015": "./dist/esm/index.mjs",
@@ -1 +0,0 @@
1
- import{r as t,h as i}from"./p-706aec6b.js";const s=class{constructor(i){t(this,i),this.desc="",this.descTitle="",this.useEvent=!0,this.clientStyling="",this.clientStylingUrl="",this.limitStylingAppends=!1,this.collapsed=[],this.tournamentDescriptions=[]}descCompletedHandler(t){t.detail&&this.useEvent&&(this.tournamentDescriptions=t.detail)}collapseText(t){this.collapsed[t]=!this.collapsed[t],this.collapsed=[...this.collapsed]}componentWillLoad(){0==this.useEvent&&this.desc&&this.descTitle&&this.tournamentDescriptions.push({title:this.descTitle,text:this.desc})}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.limitStylingAppends=!0)}setClientStyling(){let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)}setClientStylingURL(){let t=document.createElement("style");setTimeout((()=>{t.innerHTML=this.clientStylingUrl,this.stylingContainer.prepend(t)}),1)}render(){return i("div",{ref:t=>this.stylingContainer=t},this.tournamentDescriptions&&this.tournamentDescriptions.map(((t,s)=>i("div",{class:"DetailsCard"},t.title&&i("div",{class:"DetailsTitle"},i("p",{class:"Title"},t.title),i("div",{class:"CollapseButtonDetails",onClick:()=>this.collapseText(s)},i("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"},i("path",this.collapsed[s]?{d:"M18 15l-6-6-6 6"}:{d:"M6 9l6 6 6-6"})))),t.text&&!this.collapsed[s]&&i("div",{class:"DetailsContent sc",innerHTML:t.text})))))}};s.style=":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}";export{s as casino_tournament_desc}