@everymatrix/casino-engagement-suite-tournament 0.0.0 → 0.0.1

package/dist/esm/{index-c8be0c5b.js → index-3962add4.js}

@@ -1,5 +1,5 @@
 const NAMESPACE = 'casino-engagement-suite-tournament';
-const BUILD = /* casino-engagement-suite-tournament */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: false, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: false, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: false, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: false };
+const BUILD = /* casino-engagement-suite-tournament */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: false };
 
 /*
  Stencil Client Platform v4.20.0 | MIT Licensed | https://stenciljs.com
@@ -49,10 +49,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
-                case 'casino-engagement-suite-tournament':
+                case 'casino-engagement-suite-progress-bar_3':
                     return import(
                       /* webpackMode: "lazy" */
-                      './casino-engagement-suite-tournament.entry.js').then(processMod, consoleError);
+                      './casino-engagement-suite-progress-bar_3.entry.js').then(processMod, consoleError);
           }
       }
   return import(
@@ -227,6 +227,7 @@ var uniqueTime = (key, measureText) => {
 var h = (nodeName, vnodeData, ...children) => {
   let child = null;
   let key = null;
+  let slotName = null;
   let simple = false;
   let lastSimple = false;
   const vNodeChildren = [];
@@ -253,6 +254,9 @@ var h = (nodeName, vnodeData, ...children) => {
     if (vnodeData.key) {
       key = vnodeData.key;
     }
+    if (vnodeData.name) {
+      slotName = vnodeData.name;
+    }
     {
       const classData = vnodeData.className || vnodeData.class;
       if (classData) {
@@ -275,6 +279,9 @@ var h = (nodeName, vnodeData, ...children) => {
   {
     vnode.$key$ = key;
   }
+  {
+    vnode.$name$ = slotName;
+  }
   return vnode;
 };
 var newVNode = (tag, text) => {
@@ -291,6 +298,9 @@ var newVNode = (tag, text) => {
   {
     vnode.$key$ = null;
   }
+  {
+    vnode.$name$ = null;
+  }
   return vnode;
 };
 var Host = {};
@@ -327,6 +337,12 @@ var convertToPrivate = (node) => {
 };
 var parsePropertyValue = (propValue, propType) => {
   if (propValue != null && !isComplexType(propValue)) {
+    if (propType & 4 /* Boolean */) {
+      return propValue === "false" ? false : propValue === "" || !!propValue;
+    }
+    if (propType & 2 /* Number */) {
+      return parseFloat(propValue);
+    }
     if (propType & 1 /* String */) {
       return String(propValue);
     }
@@ -561,16 +577,41 @@ function sortedAttrNames(attrNames) {
 
 // src/runtime/vdom/vdom-render.ts
 var scopeId;
+var contentRef;
 var hostTagName;
 var useNativeShadowDom = false;
+var checkSlotFallbackVisibility = false;
+var checkSlotRelocate = false;
 var isSvgMode = false;
 var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
+  var _a;
   const newVNode2 = newParentVNode.$children$[childIndex];
   let i2 = 0;
   let elm;
   let childNode;
+  let oldVNode;
+  if (!useNativeShadowDom) {
+    checkSlotRelocate = true;
+    if (newVNode2.$tag$ === "slot") {
+      if (scopeId) {
+        parentElm.classList.add(scopeId + "-s");
+      }
+      newVNode2.$flags$ |= newVNode2.$children$ ? (
+        // slot element has fallback content
+        // still create an element that "mocks" the slot element
+        2 /* isSlotFallback */
+      ) : (
+        // slot element does not have fallback content
+        // create an html comment we'll use to always reference
+        // where actual slot content should sit next to
+        1 /* isSlotReference */
+      );
+    }
+  }
   if (newVNode2.$text$ !== null) {
     elm = newVNode2.$elm$ = doc.createTextNode(newVNode2.$text$);
+  } else if (newVNode2.$flags$ & 1 /* isSlotReference */) {
+    elm = newVNode2.$elm$ = doc.createTextNode("");
   } else {
     elm = newVNode2.$elm$ = doc.createElement(
       !useNativeShadowDom && BUILD.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */ ? "slot-fb" : newVNode2.$tag$
@@ -585,7 +626,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
     }
     if (newVNode2.$children$) {
       for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
-        childNode = createElm(oldParentVNode, newVNode2, i2);
+        childNode = createElm(oldParentVNode, newVNode2, i2, elm);
         if (childNode) {
           elm.appendChild(childNode);
         }
@@ -593,20 +634,60 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
     }
   }
   elm["s-hn"] = hostTagName;
+  {
+    if (newVNode2.$flags$ & (2 /* isSlotFallback */ | 1 /* isSlotReference */)) {
+      elm["s-sr"] = true;
+      elm["s-cr"] = contentRef;
+      elm["s-sn"] = newVNode2.$name$ || "";
+      elm["s-rf"] = (_a = newVNode2.$attrs$) == null ? void 0 : _a.ref;
+      oldVNode = oldParentVNode && oldParentVNode.$children$ && oldParentVNode.$children$[childIndex];
+      if (oldVNode && oldVNode.$tag$ === newVNode2.$tag$ && oldParentVNode.$elm$) {
+        {
+          putBackInOriginalLocation(oldParentVNode.$elm$, false);
+        }
+      }
+    }
+  }
   return elm;
 };
+var putBackInOriginalLocation = (parentElm, recursive) => {
+  plt.$flags$ |= 1 /* isTmpDisconnected */;
+  const oldSlotChildNodes = Array.from(parentElm.childNodes);
+  if (parentElm["s-sr"] && BUILD.experimentalSlotFixes) {
+    let node = parentElm;
+    while (node = node.nextSibling) {
+      if (node && node["s-sn"] === parentElm["s-sn"] && node["s-sh"] === hostTagName) {
+        oldSlotChildNodes.push(node);
+      }
+    }
+  }
+  for (let i2 = oldSlotChildNodes.length - 1; i2 >= 0; i2--) {
+    const childNode = oldSlotChildNodes[i2];
+    if (childNode["s-hn"] !== hostTagName && childNode["s-ol"]) {
+      insertBefore(parentReferenceNode(childNode), childNode, referenceNode(childNode));
+      childNode["s-ol"].remove();
+      childNode["s-ol"] = void 0;
+      childNode["s-sh"] = void 0;
+      checkSlotRelocate = true;
+    }
+    if (recursive) {
+      putBackInOriginalLocation(childNode, recursive);
+    }
+  }
+  plt.$flags$ &= ~1 /* isTmpDisconnected */;
+};
 var addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
-  let containerElm = parentElm;
+  let containerElm = parentElm["s-cr"] && parentElm["s-cr"].parentNode || parentElm;
   let childNode;
   if (containerElm.shadowRoot && containerElm.tagName === hostTagName) {
     containerElm = containerElm.shadowRoot;
   }
   for (; startIdx <= endIdx; ++startIdx) {
     if (vnodes[startIdx]) {
-      childNode = createElm(null, parentVNode, startIdx);
+      childNode = createElm(null, parentVNode, startIdx, parentElm);
       if (childNode) {
         vnodes[startIdx].$elm$ = childNode;
-        insertBefore(containerElm, childNode, before);
+        insertBefore(containerElm, childNode, referenceNode(before) );
       }
     }
   }
@@ -618,6 +699,14 @@ var removeVnodes = (vnodes, startIdx, endIdx) => {
       const elm = vnode.$elm$;
       nullifyVNodeRefs(vnode);
       if (elm) {
+        {
+          checkSlotFallbackVisibility = true;
+          if (elm["s-ol"]) {
+            elm["s-ol"].remove();
+          } else {
+            putBackInOriginalLocation(elm, true);
+          }
+        }
         elm.remove();
       }
     }
@@ -654,11 +743,17 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
       oldEndVnode = oldCh[--oldEndIdx];
       newEndVnode = newCh[--newEndIdx];
     } else if (isSameVnode(oldStartVnode, newEndVnode, isInitialRender)) {
+      if ((oldStartVnode.$tag$ === "slot" || newEndVnode.$tag$ === "slot")) {
+        putBackInOriginalLocation(oldStartVnode.$elm$.parentNode, false);
+      }
       patch(oldStartVnode, newEndVnode, isInitialRender);
       insertBefore(parentElm, oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
       oldStartVnode = oldCh[++oldStartIdx];
       newEndVnode = newCh[--newEndIdx];
     } else if (isSameVnode(oldEndVnode, newStartVnode, isInitialRender)) {
+      if ((oldStartVnode.$tag$ === "slot" || newEndVnode.$tag$ === "slot")) {
+        putBackInOriginalLocation(oldEndVnode.$elm$.parentNode, false);
+      }
       patch(oldEndVnode, newStartVnode, isInitialRender);
       insertBefore(parentElm, oldEndVnode.$elm$, oldStartVnode.$elm$);
       oldEndVnode = oldCh[--oldEndIdx];
@@ -676,7 +771,7 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
       if (idxInOld >= 0) {
         elmToMove = oldCh[idxInOld];
         if (elmToMove.$tag$ !== newStartVnode.$tag$) {
-          node = createElm(oldCh && oldCh[newStartIdx], newVNode2, idxInOld);
+          node = createElm(oldCh && oldCh[newStartIdx], newVNode2, idxInOld, parentElm);
         } else {
           patch(elmToMove, newStartVnode, isInitialRender);
           oldCh[idxInOld] = void 0;
@@ -684,12 +779,12 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
         }
         newStartVnode = newCh[++newStartIdx];
       } else {
-        node = createElm(oldCh && oldCh[newStartIdx], newVNode2, newStartIdx);
+        node = createElm(oldCh && oldCh[newStartIdx], newVNode2, newStartIdx, parentElm);
         newStartVnode = newCh[++newStartIdx];
       }
       if (node) {
         {
-          insertBefore(oldStartVnode.$elm$.parentNode, node, oldStartVnode.$elm$);
+          insertBefore(parentReferenceNode(oldStartVnode.$elm$), node, referenceNode(oldStartVnode.$elm$));
         }
       }
     }
@@ -709,6 +804,18 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
 };
 var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
   if (leftVNode.$tag$ === rightVNode.$tag$) {
+    if (leftVNode.$tag$ === "slot") {
+      if (
+        // The component gets hydrated and no VDOM has been initialized.
+        // Here the comparison can't happen as $name$ property is not set for `leftNode`.
+        "$nodeId$" in leftVNode && isInitialRender && // `leftNode` is not from type HTMLComment which would cause many
+        // hydration comments to be removed
+        leftVNode.$elm$.nodeType !== 8
+      ) {
+        return false;
+      }
+      return leftVNode.$name$ === rightVNode.$name$;
+    }
     if (!isInitialRender) {
       return leftVNode.$key$ === rightVNode.$key$;
     }
@@ -716,14 +823,20 @@ var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
   }
   return false;
 };
+var referenceNode = (node) => {
+  return node && node["s-ol"] || node;
+};
+var parentReferenceNode = (node) => (node["s-ol"] ? node["s-ol"] : node).parentNode;
 var patch = (oldVNode, newVNode2, isInitialRender = false) => {
   const elm = newVNode2.$elm$ = oldVNode.$elm$;
   const oldChildren = oldVNode.$children$;
   const newChildren = newVNode2.$children$;
+  const tag = newVNode2.$tag$;
   const text = newVNode2.$text$;
+  let defaultHolder;
   if (text === null) {
     {
-      {
+      if (tag === "slot" && !useNativeShadowDom) ; else {
         updateElement(oldVNode, newVNode2, isSvgMode);
       }
     }
@@ -740,10 +853,103 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
     ) {
       removeVnodes(oldChildren, 0, oldChildren.length - 1);
     }
+  } else if ((defaultHolder = elm["s-cr"])) {
+    defaultHolder.parentNode.textContent = text;
   } else if (oldVNode.$text$ !== text) {
     elm.data = text;
   }
 };
+var updateFallbackSlotVisibility = (elm) => {
+  const childNodes = elm.childNodes;
+  for (const childNode of childNodes) {
+    if (childNode.nodeType === 1 /* ElementNode */) {
+      if (childNode["s-sr"]) {
+        const slotName = childNode["s-sn"];
+        childNode.hidden = false;
+        for (const siblingNode of childNodes) {
+          if (siblingNode !== childNode) {
+            if (siblingNode["s-hn"] !== childNode["s-hn"] || slotName !== "") {
+              if (siblingNode.nodeType === 1 /* ElementNode */ && (slotName === siblingNode.getAttribute("slot") || slotName === siblingNode["s-sn"]) || siblingNode.nodeType === 3 /* TextNode */ && slotName === siblingNode["s-sn"]) {
+                childNode.hidden = true;
+                break;
+              }
+            } else {
+              if (siblingNode.nodeType === 1 /* ElementNode */ || siblingNode.nodeType === 3 /* TextNode */ && siblingNode.textContent.trim() !== "") {
+                childNode.hidden = true;
+                break;
+              }
+            }
+          }
+        }
+      }
+      updateFallbackSlotVisibility(childNode);
+    }
+  }
+};
+var relocateNodes = [];
+var markSlotContentForRelocation = (elm) => {
+  let node;
+  let hostContentNodes;
+  let j;
+  for (const childNode of elm.childNodes) {
+    if (childNode["s-sr"] && (node = childNode["s-cr"]) && node.parentNode) {
+      hostContentNodes = node.parentNode.childNodes;
+      const slotName = childNode["s-sn"];
+      for (j = hostContentNodes.length - 1; j >= 0; j--) {
+        node = hostContentNodes[j];
+        if (!node["s-cn"] && !node["s-nr"] && node["s-hn"] !== childNode["s-hn"] && (!BUILD.experimentalSlotFixes  )) {
+          if (isNodeLocatedInSlot(node, slotName)) {
+            let relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);
+            checkSlotFallbackVisibility = true;
+            node["s-sn"] = node["s-sn"] || slotName;
+            if (relocateNodeData) {
+              relocateNodeData.$nodeToRelocate$["s-sh"] = childNode["s-hn"];
+              relocateNodeData.$slotRefNode$ = childNode;
+            } else {
+              node["s-sh"] = childNode["s-hn"];
+              relocateNodes.push({
+                $slotRefNode$: childNode,
+                $nodeToRelocate$: node
+              });
+            }
+            if (node["s-sr"]) {
+              relocateNodes.map((relocateNode) => {
+                if (isNodeLocatedInSlot(relocateNode.$nodeToRelocate$, node["s-sn"])) {
+                  relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);
+                  if (relocateNodeData && !relocateNode.$slotRefNode$) {
+                    relocateNode.$slotRefNode$ = relocateNodeData.$slotRefNode$;
+                  }
+                }
+              });
+            }
+          } else if (!relocateNodes.some((r) => r.$nodeToRelocate$ === node)) {
+            relocateNodes.push({
+              $nodeToRelocate$: node
+            });
+          }
+        }
+      }
+    }
+    if (childNode.nodeType === 1 /* ElementNode */) {
+      markSlotContentForRelocation(childNode);
+    }
+  }
+};
+var isNodeLocatedInSlot = (nodeToRelocate, slotName) => {
+  if (nodeToRelocate.nodeType === 1 /* ElementNode */) {
+    if (nodeToRelocate.getAttribute("slot") === null && slotName === "") {
+      return true;
+    }
+    if (nodeToRelocate.getAttribute("slot") === slotName) {
+      return true;
+    }
+    return false;
+  }
+  if (nodeToRelocate["s-sn"] === slotName) {
+    return true;
+  }
+  return slotName === "";
+};
 var nullifyVNodeRefs = (vNode) => {
   {
     vNode.$attrs$ && vNode.$attrs$.ref && vNode.$attrs$.ref(null);
@@ -755,6 +961,7 @@ var insertBefore = (parent, newNode, reference) => {
   return inserted;
 };
 var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
+  var _a, _b, _c, _d;
   const hostElm = hostRef.$hostElement$;
   const cmpMeta = hostRef.$cmpMeta$;
   const oldVNode = hostRef.$vnode$ || newVNode(null, null);
@@ -781,7 +988,75 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
     scopeId = hostElm["s-sc"];
   }
   useNativeShadowDom = (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
+  {
+    contentRef = hostElm["s-cr"];
+    checkSlotFallbackVisibility = false;
+  }
   patch(oldVNode, rootVnode, isInitialLoad);
+  {
+    plt.$flags$ |= 1 /* isTmpDisconnected */;
+    if (checkSlotRelocate) {
+      markSlotContentForRelocation(rootVnode.$elm$);
+      for (const relocateData of relocateNodes) {
+        const nodeToRelocate = relocateData.$nodeToRelocate$;
+        if (!nodeToRelocate["s-ol"]) {
+          const orgLocationNode = doc.createTextNode("");
+          orgLocationNode["s-nr"] = nodeToRelocate;
+          insertBefore(nodeToRelocate.parentNode, nodeToRelocate["s-ol"] = orgLocationNode, nodeToRelocate);
+        }
+      }
+      for (const relocateData of relocateNodes) {
+        const nodeToRelocate = relocateData.$nodeToRelocate$;
+        const slotRefNode = relocateData.$slotRefNode$;
+        if (slotRefNode) {
+          const parentNodeRef = slotRefNode.parentNode;
+          let insertBeforeNode = slotRefNode.nextSibling;
+          {
+            let orgLocationNode = (_a = nodeToRelocate["s-ol"]) == null ? void 0 : _a.previousSibling;
+            while (orgLocationNode) {
+              let refNode = (_b = orgLocationNode["s-nr"]) != null ? _b : null;
+              if (refNode && refNode["s-sn"] === nodeToRelocate["s-sn"] && parentNodeRef === refNode.parentNode) {
+                refNode = refNode.nextSibling;
+                while (refNode === nodeToRelocate || (refNode == null ? void 0 : refNode["s-sr"])) {
+                  refNode = refNode == null ? void 0 : refNode.nextSibling;
+                }
+                if (!refNode || !refNode["s-nr"]) {
+                  insertBeforeNode = refNode;
+                  break;
+                }
+              }
+              orgLocationNode = orgLocationNode.previousSibling;
+            }
+          }
+          if (!insertBeforeNode && parentNodeRef !== nodeToRelocate.parentNode || nodeToRelocate.nextSibling !== insertBeforeNode) {
+            if (nodeToRelocate !== insertBeforeNode) {
+              if (!nodeToRelocate["s-hn"] && nodeToRelocate["s-ol"]) {
+                nodeToRelocate["s-hn"] = nodeToRelocate["s-ol"].parentNode.nodeName;
+              }
+              insertBefore(parentNodeRef, nodeToRelocate, insertBeforeNode);
+              if (nodeToRelocate.nodeType === 1 /* ElementNode */) {
+                nodeToRelocate.hidden = (_c = nodeToRelocate["s-ih"]) != null ? _c : false;
+              }
+            }
+          }
+          nodeToRelocate && typeof slotRefNode["s-rf"] === "function" && slotRefNode["s-rf"](nodeToRelocate);
+        } else {
+          if (nodeToRelocate.nodeType === 1 /* ElementNode */) {
+            if (isInitialLoad) {
+              nodeToRelocate["s-ih"] = (_d = nodeToRelocate.hidden) != null ? _d : false;
+            }
+            nodeToRelocate.hidden = true;
+          }
+        }
+      }
+    }
+    if (checkSlotFallbackVisibility) {
+      updateFallbackSlotVisibility(rootVnode.$elm$);
+    }
+    plt.$flags$ &= ~1 /* isTmpDisconnected */;
+    relocateNodes.length = 0;
+  }
+  contentRef = void 0;
 };
 
 // src/runtime/update-component.ts
@@ -820,6 +1095,9 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
         hostRef.$queuedListeners$ = void 0;
       }
     }
+    {
+      maybePromise = safeCall(instance, "componentWillLoad");
+    }
   }
   endSchedule();
   return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
@@ -884,7 +1162,11 @@ var postUpdateComponent = (hostRef) => {
   const tagName = hostRef.$cmpMeta$.$tagName$;
   const elm = hostRef.$hostElement$;
   const endPostUpdate = createTime("postUpdate", tagName);
+  const instance = hostRef.$lazyInstance$ ;
   const ancestorComponent = hostRef.$ancestorComponent$;
+  {
+    safeCall(instance, "componentDidRender");
+  }
   if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
     hostRef.$flags$ |= 64 /* hasLoadedComponent */;
     {
@@ -1101,6 +1383,12 @@ var connectedCallback = (elm) => {
     const endConnected = createTime("connectedCallback", cmpMeta.$tagName$);
     if (!(hostRef.$flags$ & 1 /* hasConnected */)) {
       hostRef.$flags$ |= 1 /* hasConnected */;
+      {
+        if (// TODO(STENCIL-854): Remove code related to legacy shadowDomShim field
+        cmpMeta.$flags$ & (4 /* hasSlotRelocation */ | 8 /* needsShadowDomShim */)) {
+          setContentReference(elm);
+        }
+      }
       {
         let ancestorComponent = elm;
         while (ancestorComponent = ancestorComponent.parentNode || ancestorComponent.host) {
@@ -1133,6 +1421,13 @@ var connectedCallback = (elm) => {
     endConnected();
   }
 };
+var setContentReference = (elm) => {
+  const contentRefElm = elm["s-cr"] = doc.createComment(
+    ""
+  );
+  contentRefElm["s-cn"] = true;
+  insertBefore(elm, contentRefElm, elm.firstChild);
+};
 var disconnectInstance = (instance) => {
   {
     safeCall(instance, "disconnectedCallback");
@@ -1314,4 +1609,4 @@ var hostListenerOpts = (flags) => supportsListenerOptions ? {
 // src/runtime/nonce.ts
 var setNonce = (nonce) => plt.$nonce$ = nonce;
 
-export { Fragment as F, Host as H, bootstrapLazy as b, createEvent as c, h, promiseResolve as p, registerInstance as r, setNonce as s };
+export { Fragment as F, Host as H, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };

package/dist/esm/index.js

@@ -1,4 +1,2 @@
-export { C as CasinoEngagementSuiteTournament } from './casino-engagement-suite-tournament-af4ed1fe.js';
-import './index-c8be0c5b.js';
-import '@everymatrix/general-styling-wrapper';
-import '@everymatrix/casino-engagement-suite-progress-bar';
+export { C as CasinoEngagementSuiteTournament } from './casino-engagement-suite-tournament-d8471680.js';
+import './index-3962add4.js';

package/dist/esm/loader.js

@@ -1,11 +1,11 @@
-import { b as bootstrapLazy } from './index-c8be0c5b.js';
-export { s as setNonce } from './index-c8be0c5b.js';
+import { b as bootstrapLazy } from './index-3962add4.js';
+export { s as setNonce } from './index-3962add4.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["casino-engagement-suite-tournament",[[1,"casino-engagement-suite-tournament",{"language":[1],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"leaderboardsInit":[16],"tab":[32],"locale":[32],"tournamentItem":[32],"tournamentList":[32],"leaderboards":[32],"isActionJoinPending":[32],"isDialogOpen":[32],"isShowInfo":[32],"page":[32],"tournamentInDialog":[32],"dialog":[32],"time":[32]},[[8,"message","handleEvent"]]]]]], options);
+  return bootstrapLazy([["casino-engagement-suite-progress-bar_3",[[1,"casino-engagement-suite-tournament",{"language":[1],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"leaderboardsInit":[16],"tab":[32],"locale":[32],"tournamentItem":[32],"tournamentList":[32],"leaderboards":[32],"isActionJoinPending":[32],"isDialogOpen":[32],"isShowInfo":[32],"page":[32],"tournamentInDialog":[32],"dialog":[32],"time":[32]},[[8,"message","handleEvent"]]],[1,"casino-engagement-suite-progress-bar",{"value":[2],"disabled":[4],"hidePercent":[4,"hide-percent"],"indeterminate":[4],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"limitStylingAppends":[32]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/types/components/casino-engagement-suite-tournament/casino-engagement-suite-tournament.d.ts

@@ -2,8 +2,8 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { Tab } from '../../utils/translations';
 import { Tournament, Leaderboard, LeaderboardPage, TournamentApi, Dialog } from '../../utils/types';
 import "../../../../../../dist/packages/svelte/general-animation-loading/es2015/general-animation-loading";
-import "@everymatrix/general-styling-wrapper";
-import "@everymatrix/casino-engagement-suite-progress-bar";
+import "../../../../../../dist/packages/stencil/general-styling-wrapper/dist/types/index";
+import "../../../../../../dist/packages/stencil/casino-engagement-suite-progress-bar/dist/types/index";
 export declare class CasinoEngagementSuiteTournament {
     /**
      * Language

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-engagement-suite-tournament",
-  "version": "0.0.0",
+  "version": "0.0.1",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",

package/dist/casino-engagement-suite-tournament/p-5e83c304.entry.js

@@ -1 +0,0 @@
-export{C as casino_engagement_suite_tournament}from"./p-9996e3fd.js";import"./p-d5ef82db.js";import"@everymatrix/general-styling-wrapper";import"@everymatrix/casino-engagement-suite-progress-bar";

package/dist/casino-engagement-suite-tournament/p-9996e3fd.js

@@ -1 +0,0 @@
-import{h as n,r as t,c as e,H as i,F as s}from"./p-d5ef82db.js";import"@everymatrix/general-styling-wrapper";import"@everymatrix/casino-engagement-suite-progress-bar";function r(n,t){var e={};for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&t.indexOf(i)<0&&(e[i]=n[i]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(i=Object.getOwnPropertySymbols(n);s<i.length;s++)t.indexOf(i[s])<0&&Object.prototype.propertyIsEnumerable.call(n,i[s])&&(e[i[s]]=n[i[s]])}return e}var o,a;"function"==typeof SuppressedError&&SuppressedError,function(n){n.Info="Info",n.Leaderboard="Leaderboard",n.Games="Games"}(o||(o={})),function(n){n.Starts="Starts",n.Ends="Ends"}(a||(a={}));const l=(n,t)=>(Object.keys(t).map((e=>{n=n.replace(`{${e}}`,t[e])})),n),d=Object.assign(Object.assign(Object.assign({Join:"Join",Unjoin:"Unjoin"},o),a),{TC:"Terms & Conditions",ScoreCriteria:"Score Criteria",MinimumBetCriteria:"Minimum bet criteria",Place:"place",Prizes:"Rewards",LeaderboardDetails:"Leaderboard Details",UnjoinDialog:{Title:"Quit Leaderboard?",Description:"Any progress on the current Leaderboard won’t be kept and you can not rejoin the Leaderboard any more. <br /><br />Would you still like to quit?",ButtonYes:"Yes, I want to quit leaderboard",ButtonNo:"No, Stay on the leaderboard"},JoinDialog:{Tile:"Congratulations!",Description:"You have unlocked <span>{tournamentName}</span>! <br />Would you like to join?",ButtonYes:"Join",ButtonNo:"Not interested"},NoLeaderboards:"No Leaderboards yet",NoLeaderboardsTip:"Try winning tickets to Leaderboards as rewards or launching other booster games",Leaderboards:"Leaderboards",TipPrize:"You took <span>{place}</span> place and win <span>{prize}</span>",Tip:"Competition where your real money bets contribute towards the leaderboard score calculation to win the leaderboard reward."}),c=(...n)=>{let t=[];return n.map((n=>{switch(typeof n){case"string":t.push(n);break;case"object":Object.keys(n).map((e=>{n[e]&&t.push(e)}))}})),t.join(" ")};var h,p,u;!function(n){n.Confirm="Confirm",n.List="List",n.Item="Item"}(h||(h={})),function(n){n.Running="Running",n.Unstarted="Unstarted",n.Closed="Closed",n.Closing="Closing"}(p||(p={})),function(n){n.Unjoin="Unjoin",n.Tip="Tip"}(u||(u={}));const g=t=>{var{statedClasses:e,innerHTML:i}=t,s=r(t,["statedClasses","innerHTML"]);const{isHollow:o,isPending:a}=e;return n("button",Object.assign({class:c("GradientRoundedButton","GradientRounded",{Hollow:o||!1,Pending:a||!1})},s),n("span",null,i))},m=n("img",{src:"https://static.everymatrix.com/gic/img/engagement-suite/close.svg"}),f=n("img",{src:"https://static.everymatrix.com/gic/img/engagement-suite/help.svg"}),b=n("img",{src:"https://static.everymatrix.com/gic/img/engagement-suite/eye-open.svg"}),v=n("img",{src:"https://static.everymatrix.com/gic/img/engagement-suite/eye-closed.svg"}),x=n("img",{src:"https://static.everymatrix.com/gic/img/engagement-suite/back.svg"}),y=n("img",{src:"https://static.everymatrix.com/gic/img/engagement-suite/reward.svg"}),w=n("img",{src:"https://static.everymatrix.com/gic/img/engagement-suite/cup-congras.svg"}),C=t=>{const{left:e,middle:i,right:s}=t,r={left:e,middle:i,right:s};return n("div",{class:"WrapperBar"},Object.keys(r).map((t=>{return n("div",{class:"WrapperBar"+(e=t,e.split("").map(((n,t)=>0===t?n.toUpperCase():n)).join(""))},r[t]||"");var e})))};function T(n){return n.toLocaleDateString("en-US",{year:"numeric",month:"long",day:"numeric",hour:"2-digit",minute:"2-digit",hour12:!1}).replace(" at",",")}function k(n,t){return(100*((new Date).getTime()-n.getTime())/(t.getTime()-n.getTime())).toFixed(0)}const L=n=>{const t=["startTime","endTime","closeTime","exhibitionStartTime","exhibitionEndTime"],e={};return Object.keys(n).map((i=>{const s=n[i];e[i]="games"===i?s.items:t.includes(i)?new Date(s):s})),e};var j,P={};(function(n){var t=Object.defineProperty,e=Object.defineProperties,i=Object.getOwnPropertyDescriptors,s=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable,a=(n,e,i)=>e in n?t(n,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):n[e]=i,l=(n,t)=>{for(var e in t||(t={}))r.call(t,e)&&a(n,e,t[e]);if(s)for(var e of s(t))o.call(t,e)&&a(n,e,t[e]);return n},d=(n,t)=>e(n,i(t)),c=(n,t,e)=>a(n,"symbol"!=typeof t?t+"":t,e);function h(){}function p(n){return n()}function u(){return Object.create(null)}function g(n){n.forEach(p)}function m(n){return"function"==typeof n}function f(n,t){return n!=n?t==t:n!==t||n&&"object"==typeof n||"function"==typeof n}function b(n,t,e){n.insertBefore(t,e||null)}function v(n){n.parentNode&&n.parentNode.removeChild(n)}function x(n){return document.createElement(n)}let y;function w(n){y=n}Object.defineProperty(n,Symbol.toStringTag,{value:"Module"});const C=[],T=[];let k=[];const L=[],j=Promise.resolve();let P=!1;function O(n){k.push(n)}const F=new Set;let z=0;function $(){if(0!==z)return;const n=y;do{try{for(;z<C.length;){const n=C[z];z++,w(n),M(n.$$)}}catch(n){throw C.length=0,z=0,n}for(w(null),C.length=0,z=0;T.length;)T.pop()();for(let n=0;n<k.length;n+=1){const t=k[n];F.has(t)||(F.add(t),t())}k.length=0}while(C.length);for(;L.length;)L.pop()();P=!1,F.clear(),w(n)}function M(n){if(null!==n.fragment){n.update(),g(n.before_update);const t=n.dirty;n.dirty=[-1],n.fragment&&n.fragment.p(n.ctx,t),n.after_update.forEach(O)}}const R=new Set;function I(n,t,e,i,s,r,o=null,a=[-1]){const l=y;w(n);const d=n.$$={fragment:null,ctx:[],props:r,update:h,not_equal:s,bound:u(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(t.context||(l?l.$$.context:[])),callbacks:u(),dirty:a,skip_bound:!1,root:t.target||l.$$.root};o&&o(d.root);let c=!1;if(d.ctx=e?e(n,t.props||{},((t,e,...i)=>{const r=i.length?i[0]:e;return d.ctx&&s(d.ctx[t],d.ctx[t]=r)&&(!d.skip_bound&&d.bound[t]&&d.bound[t](r),c&&function(n,t){-1===n.$$.dirty[0]&&(C.push(n),P||(P=!0,j.then($)),n.$$.dirty.fill(0)),n.$$.dirty[t/31|0]|=1<<t%31}(n,t)),e})):[],d.update(),c=!0,g(d.before_update),d.fragment=!!i&&i(d.ctx),t.target){if(t.hydrate){const n=function(n){return Array.from(n.childNodes)}(t.target);d.fragment&&d.fragment.l(n),n.forEach(v)}else d.fragment&&d.fragment.c();t.intro&&function(n){n&&n.i&&(R.delete(n),n.i(void 0))}(n.$$.fragment),function(n,t,e){const{fragment:i,after_update:s}=n.$$;i&&i.m(t,e),O((()=>{const t=n.$$.on_mount.map(p).filter(m);n.$$.on_destroy?n.$$.on_destroy.push(...t):g(t),n.$$.on_mount=[]})),s.forEach(O)}(n,t.target,t.anchor),$()}w(l)}let H;function D(n,t,e,i){var s;const r=null==(s=e[n])?void 0:s.type;if(t="Boolean"===r&&"boolean"!=typeof t?null!=t:t,!i||!e[n])return t;if("toAttribute"===i)switch(r){case"Object":case"Array":return null==t?null:JSON.stringify(t);case"Boolean":return t?"":null;case"Number":return null==t?null:t;default:return t}else switch(r){case"Object":case"Array":return t&&JSON.parse(t);case"Boolean":default:return t;case"Number":return null!=t?+t:t}}"function"==typeof HTMLElement&&(H=class extends HTMLElement{constructor(n,t,e){super(),c(this,"$$ctor"),c(this,"$$s"),c(this,"$$c"),c(this,"$$cn",!1),c(this,"$$d",{}),c(this,"$$r",!1),c(this,"$$p_d",{}),c(this,"$$l",{}),c(this,"$$l_u",new Map),this.$$ctor=n,this.$$s=t,e&&this.attachShadow({mode:"open"})}addEventListener(n,t,e){if(this.$$l[n]=this.$$l[n]||[],this.$$l[n].push(t),this.$$c){const e=this.$$c.$on(n,t);this.$$l_u.set(t,e)}super.addEventListener(n,t,e)}removeEventListener(n,t,e){if(super.removeEventListener(n,t,e),this.$$c){const n=this.$$l_u.get(t);n&&(n(),this.$$l_u.delete(t))}}connectedCallback(){return n=this,t=function*(){if(this.$$cn=!0,!this.$$c){let n=function(n){return()=>{let t;return{c:function(){t=x("slot"),"default"!==n&&function(n,t,e){null==e?n.removeAttribute(t):n.getAttribute(t)!==e&&n.setAttribute(t,e)}(t,"name",n)},m:function(n,e){b(n,t,e)},d:function(n){n&&v(t)}}}};if(yield Promise.resolve(),!this.$$cn||this.$$c)return;const t={},e=function(n){const t={};return n.childNodes.forEach((n=>{t[n.slot||"default"]=!0})),t}(this);for(const i of this.$$s)i in e&&(t[i]=[n(i)]);for(const n of this.attributes){const t=this.$$g_p(n.name);t in this.$$d||(this.$$d[t]=D(t,n.value,this.$$p_d,"toProp"))}for(const n in this.$$p_d)!(n in this.$$d)&&void 0!==this[n]&&(this.$$d[n]=this[n],delete this[n]);this.$$c=new this.$$ctor({target:this.shadowRoot||this,props:d(l({},this.$$d),{$$slots:t,$$scope:{ctx:[]}})});const i=()=>{this.$$r=!0;for(const n in this.$$p_d)if(this.$$d[n]=this.$$c.$$.ctx[this.$$c.$$.props[n]],this.$$p_d[n].reflect){const t=D(n,this.$$d[n],this.$$p_d,"toAttribute");null==t?this.removeAttribute(this.$$p_d[n].attribute||n):this.setAttribute(this.$$p_d[n].attribute||n,t)}this.$$r=!1};this.$$c.$$.after_update.push(i),i();for(const n in this.$$l)for(const t of this.$$l[n]){const e=this.$$c.$on(n,t);this.$$l_u.set(t,e)}this.$$l={}}},new Promise(((e,i)=>{var s=n=>{try{o(t.next(n))}catch(n){i(n)}},r=n=>{try{o(t.throw(n))}catch(n){i(n)}},o=n=>n.done?e(n.value):Promise.resolve(n.value).then(s,r);o((t=t.apply(n,null)).next())}));var n,t}attributeChangedCallback(n,t,e){var i;this.$$r||(n=this.$$g_p(n),this.$$d[n]=D(n,e,this.$$p_d,"toProp"),null==(i=this.$$c)||i.$set({[n]:this.$$d[n]}))}disconnectedCallback(){this.$$cn=!1,Promise.resolve().then((()=>{!this.$$cn&&this.$$c&&(this.$$c.$destroy(),this.$$c=void 0)}))}$$g_p(n){return Object.keys(this.$$p_d).find((t=>this.$$p_d[t].attribute===n||!this.$$p_d[t].attribute&&t.toLowerCase()===n))||n}});class S{constructor(){c(this,"$$"),c(this,"$$set")}$destroy(){(function(n,t){const e=n.$$;null!==e.fragment&&(function(n){const t=[],e=[];k.forEach((i=>-1===n.indexOf(i)?t.push(i):e.push(i))),e.forEach((n=>n())),k=t}(e.after_update),g(e.on_destroy),e.fragment&&e.fragment.d(t),e.on_destroy=e.fragment=null,e.ctx=[])})(this,1),this.$destroy=h}$on(n,t){if(!m(t))return h;const e=this.$$.callbacks[n]||(this.$$.callbacks[n]=[]);return e.push(t),()=>{const n=e.indexOf(t);-1!==n&&e.splice(n,1)}}$set(n){this.$$set&&0!==Object.keys(n).length&&(this.$$.skip_bound=!0,this.$$set(n),this.$$.skip_bound=!1)}}function U(n){!function(n,t,e){const i=function(n){if(!n)return document;const t=n.getRootNode?n.getRootNode():n.ownerDocument;return t&&t.host?t:n.ownerDocument}(n);if(!i.getElementById(t)){const n=x("style");n.id=t,n.textContent=e,function(n,t){!function(n,t){n.appendChild(t)}(n.head||n,t)}(i,n)}}(n,"svelte-g6m3er",".LoaderContainer.svelte-g6m3er.svelte-g6m3er{display:flex;justify-content:center}.lds-ellipsis.svelte-g6m3er.svelte-g6m3er{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis.svelte-g6m3er div.svelte-g6m3er{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#d1d1d1;animation-timing-function:cubic-bezier(0, 1, 1, 0)}.lds-ellipsis.svelte-g6m3er div.svelte-g6m3er:nth-child(1){left:8px;animation:svelte-g6m3er-lds-ellipsis1 0.6s infinite}.lds-ellipsis.svelte-g6m3er div.svelte-g6m3er:nth-child(2){left:8px;animation:svelte-g6m3er-lds-ellipsis2 0.6s infinite}.lds-ellipsis.svelte-g6m3er div.svelte-g6m3er:nth-child(3){left:32px;animation:svelte-g6m3er-lds-ellipsis2 0.6s infinite}.lds-ellipsis.svelte-g6m3er div.svelte-g6m3er:nth-child(4){left:56px;animation:svelte-g6m3er-lds-ellipsis3 0.6s infinite}@keyframes svelte-g6m3er-lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes svelte-g6m3er-lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes svelte-g6m3er-lds-ellipsis2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}")}function B(n){let t;return{c(){t=x("div"),t.innerHTML='<section class="LoaderContainer svelte-g6m3er" part="LoaderContainer"><div class="lds-ellipsis svelte-g6m3er"><div class="svelte-g6m3er"></div><div class="svelte-g6m3er"></div><div class="svelte-g6m3er"></div><div class="svelte-g6m3er"></div></div></section>'},m(e,i){b(e,t,i),n[3](t)},p:h,i:h,o:h,d(e){e&&v(t),n[3](null)}}}function E(n,t,e){let i,{clientstyling:s=""}=t,{clientstylingurl:r=""}=t;return n.$$set=n=>{"clientstyling"in n&&e(1,s=n.clientstyling),"clientstylingurl"in n&&e(2,r=n.clientstylingurl)},n.$$.update=()=>{3&n.$$.dirty&&s&&i&&(()=>{let n=document.createElement("style");n.innerHTML=s,i.appendChild(n)})(),5&n.$$.dirty&&r&&i&&(()=>{let n=new URL(r),t=document.createElement("style");fetch(n.href).then((n=>n.text())).then((n=>{t.innerHTML=n,setTimeout((()=>{i.appendChild(t)}),1),setTimeout((()=>{}),500)}))})()},[i,s,r,function(n){T[n?"unshift":"push"]((()=>{i=n,e(0,i)}))}]}"undefined"!=typeof window&&(window.__svelte||(window.__svelte={v:new Set})).v.add("4");class N extends S{constructor(n){super(),I(this,n,E,B,f,{clientstyling:1,clientstylingurl:2},U)}get clientstyling(){return this.$$.ctx[1]}set clientstyling(n){this.$$set({clientstyling:n}),$()}get clientstylingurl(){return this.$$.ctx[2]}set clientstylingurl(n){this.$$set({clientstylingurl:n}),$()}}!function(n,t,e){let i=class extends H{constructor(){super(n,e,true),this.$$p_d=t}static get observedAttributes(){return Object.keys(t).map((n=>(t[n].attribute||n).toLowerCase()))}};Object.keys(t).forEach((n=>{Object.defineProperty(i.prototype,n,{get(){return this.$$c&&n in this.$$c?this.$$c[n]:this.$$d[n]},set(e){var i;e=D(n,e,t),this.$$d[n]=e,null==(i=this.$$c)||i.$set({[n]:e})}})})),[].forEach((n=>{Object.defineProperty(i.prototype,n,{get(){var t;return null==(t=this.$$c)?void 0:t[n]}})})),n.element=i}(N,{clientstyling:{},clientstylingurl:{}},[]),n.default=N})(P),"undefined"!=typeof window&&(customElements.define=(j=customElements.define,function(...n){try{return j.apply(this,n)}catch(n){if(n instanceof DOMException&&n.message.includes("has already been used with this registry")||n.message.includes("Cannot define multiple custom elements with the same tag name"))return!1;throw n}}),Promise.resolve().then((()=>P)).then((({default:n})=>{!customElements.get("general-animation-loading")&&customElements.define("general-animation-loading",n.element)})));const O=class{constructor(n){t(this,n),this.close=e(this,"close",7),this.onClickConfirmJoin=()=>{this.actionJoin(this.tournamentItem),this.nextPage=h.List},this.onClickConfirmUnjoin=()=>{this.close.emit()},this.onClickDialogUnjoin=()=>{this.actionJoin(this.dialog.data),this.closeDialog()},this.onClickDialogJoin=()=>{this.closeDialog()},this.onClickBarInLayout=()=>{this.close.emit()},this.onClickBarInLayoutDialog=()=>{this.closeDialog()},this.onClickShowInfo=()=>{this.isShowInfo=!this.isShowInfo},this.onClickBarTip=()=>{this.openDialog(u.Tip)},this.onClickBarBack=()=>{this.setPage(h.List)},this.language="en",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.leaderboardsInit=void 0,this.tab=o.Info,this.locale=d,this.tournamentItem=void 0,this.tournamentList=void 0,this.leaderboards=[],this.isActionJoinPending=!1,this.isDialogOpen=!1,this.isShowInfo=!1,this.page=h.List,this.tournamentInDialog=void 0,this.dialog={isOpen:!1,type:void 0,data:void 0},this.time=0}setTimeInterval(){this.timeHolder=setInterval((()=>{this.tournamentList||this.tournamentItem?this.time+=1:this.time=0}),1e3)}updateTournamentListByItem(n){this.tournamentList=this.tournamentList.map((t=>t.id===n.id?L(n):t))}handleEvent(n){const t=n.data,{type:e}=t,i=r(t,["type"]);switch(e){case"ShowLeaderboardRewardModal":{const{tournament:n}=i;this.setPage(h.Confirm,{tournament:L(n)}),postMessage({type:"BarLeaderboardsClick"});break}case"UpdateTournamentsItemRes":{const n=L(i.data.item);this.tournamentItem=n,this.updateTournamentListByItem(n);break}case"UpdateLeaderboardsRes":this.leaderboards=(n=>{let{item:t,items:e}=n;return t?e.map((n=>t&&t.userID===n.userID?Object.assign(Object.assign({},n),{isMe:!0}):n)):e})(i.data);break;case"JoinTournamentRes":case"UnjoinTournamentRes":const{success:n}=i;if(n)switch(this.tournamentItem=Object.assign(Object.assign({},this.tournamentItem),{playerEnrolled:!this.tournamentItem.playerEnrolled}),this.page){case h.Item:break;case h.List:this.updateTournamentListByItem(this.tournamentItem)}this.nextPage&&(this.setPage(this.nextPage),this.nextPage=void 0),this.isActionJoinPending=!1}}get messageSender(){return{JoinTournamentReq:n=>{var t;return window.postMessage({type:"JoinTournamentReq",bonusCode:null===(t=n.wallets[0])||void 0===t?void 0:t.code})},UnjoinTournamentReq:n=>window.postMessage({type:"UnjoinTournamentReq",id:n.id}),UpdateTournamentsItemReq:n=>window.postMessage({type:"UpdateTournamentsItemReq",id:n.id}),UpdateLeaderboardsReq:n=>window.postMessage({type:"UpdateLeaderboardsReq",id:n.id})}}connectedCallback(){this.setTimeInterval()}disconnectedCallback(){clearInterval(this.timeHolder)}actionJoin(n){if(!this.isActionJoinPending){this.isActionJoinPending=!0;try{n.playerEnrolled?this.messageSender.UnjoinTournamentReq(n):this.messageSender.JoinTournamentReq(n)}catch(n){return void console.log("error",n)}}}isTournamentClosed(n){return[p.Closed,p.Closing].includes(n.state)}setPage(n,t){switch(n){case h.Confirm:case h.Item:this.tournamentItem=t.tournament,this.tournamentItem||this.messageSender.UpdateTournamentsItemReq(t.tournament),this.isTournamentClosed(this.tournamentItem)&&this.messageSender.UpdateLeaderboardsReq(this.tournamentItem)}this.tab=o.Info,this.page=n}renderPage(){switch(this.page){case h.Confirm:return this.renderPageConfirm();case h.Item:return this.renderPageLeaderboardItem();case h.List:return this.renderPageLeaderboardList()}}render(){return n(i,{key:"07ebdb6c71a03be84b430e18a80417323a9cd3cc"},n("general-styling-wrapper",{key:"ac0134009a6bfcdb4b79816138ea441a8415b953",clientStylingUrl:this.clientStylingUrl,clientStyling:this.clientStyling,targetTranslations:d,translationUrl:this.translationUrl}),this.renderPage())}onClickListItemChangePage(n){this.setPage(h.Item,{tournament:n})}onClickItemJoin(n,t){t.stopPropagation(),n.playerEnrolled?this.openDialog(u.Unjoin,n):(this.actionJoin(n),this.tournamentItem=n)}onClickTab(n){switch(this.tab=n,n){case o.Leaderboard:this.leaderboards=void 0,this.messageSender.UpdateLeaderboardsReq(this.tournamentItem);break;case o.Games:this.messageSender.UpdateTournamentsItemReq(this.tournamentItem)}}renderPageLeaderboardList(){var t;if(!this.tournamentList)return this.tournamentList=null===(t=this.leaderboardsInit)||void 0===t?void 0:t.map((n=>L(n))),n("general-animation-loading",null);const{locale:e}=this;return this.tournamentList.length?this.renderLeaderboardContainer(n(s,null,n("div",{class:"Leaderboards Row"},this.tournamentList.map((t=>n("div",{class:c("LeaderboardsItem",t.playerEnrolled?" GradientRounded Hollow":""),onClick:this.onClickListItemChangePage.bind(this,t)},n("div",{class:"LeaderboardsItemContainer"},this.renderTitleContainer(t),this.renderTimeBar(t)))))))):n("div",{class:"NoLeaderboards Row"},n("div",null,e.NoLeaderboards),n("div",null,e.NoLeaderboardsTip))}renderPageConfirm(){if(!this.tournamentItem)return n("general-animation-loading",null);const t=this.tournamentItem.nameOrTitle,{locale:e}=this;return n("div",{class:"PageConfirmContainer"},n("div",{class:"GradientRounded Hollow PageConfirm"},n("div",null,w),n("div",{class:"Title"},e.JoinDialog.Tile),n("div",{class:"Description",innerHTML:l(e.JoinDialog.Description,{tournamentName:t})}),n("div",{class:"PageConfirmButtonsGroup"},n(g,{statedClasses:{isPending:this.isActionJoinPending},onClick:this.onClickConfirmJoin,innerHTML:e.JoinDialog.ButtonYes}),n(g,{statedClasses:{isPending:this.isActionJoinPending,isHollow:!0},onClick:this.onClickConfirmUnjoin,innerHTML:e.JoinDialog.ButtonNo}))))}renderPageLeaderboardItem(){return this.tournamentItem?this.renderLeaderboardContainer(n(s,null,this.renderTitleContainer(this.tournamentItem),this.renderTabs(),this.renderTabbedContent())):n("general-animation-loading",null)}renderDialogContent(){switch(this.dialog.type){case u.Unjoin:return this.renderDialogContentUnjoin();case u.Tip:return n("div",{class:"Tip"},this.locale.Tip)}}renderDialogContentUnjoin(){const{locale:t}=this;return n("div",{class:"DialogContentUnjoin"},n("div",{class:"DialogContentUnjoinTitle"},t.UnjoinDialog.Title),n("div",{class:"DialogContentUnjoinDescription",innerHTML:t.UnjoinDialog.Description}),n(g,{statedClasses:{isPending:this.isActionJoinPending},onClick:this.onClickDialogUnjoin,innerHTML:t.UnjoinDialog.ButtonYes}),n(g,{statedClasses:{isHollow:!0,isPending:this.isActionJoinPending},onClick:this.onClickDialogJoin,innerHTML:t.UnjoinDialog.ButtonNo}))}renderTitleContainer(t){const{locale:e}=this;return n("div",{class:"TitleContainer"},n("div",{class:"Title"},t.nameOrTitle),t.state!==p.Closed&&n("div",null,n(g,{statedClasses:{isHollow:t.playerEnrolled,isPending:this.isActionJoinPending},onClick:this.onClickItemJoin.bind(this,t),innerHTML:t.playerEnrolled?e.Unjoin:e.Join})))}renderTabbedContent(){switch(this.tab){case o.Info:return this.renderInfo();case o.Leaderboard:return this.renderLeaderboard();case o.Games:return this.renderGames()}}renderGames(){var t;return n("div",{class:"Games"},null===(t=this.tournamentItem.games)||void 0===t?void 0:t.map((t=>n("div",null,n("img",{src:t.defaultThumbnail,alt:""})))))}renderLeaderboard(){return this.leaderboards?this.leaderboards.length?n("table",{class:"Leaderboards"},this.leaderboards.map((t=>n("tr",{class:c({isMe:t.isMe})},n("td",{class:"LeaderboardRank"},n("span",null,t.rank)),n("td",{class:"LeaderboardName"},t.shortName),n("td",{class:"LeaderboardScore"},t.score),n("td",{class:"LeaderboardPrize"},t.prizeName))))):"":n("general-animation-loading",null)}renderTabs(){const{locale:t,tab:e}=this;return n("div",{class:"TabsContainer"},n("div",{class:"Tabs"},Object.keys(o).map((i=>n("div",{class:c({active:e===i}),onClick:this.onClickTab.bind(this,i)},t[i])))))}renderTimeBar(t){return n("section",{class:"TimeContainer"},n("div",{class:"Time"},t.playerEnrolled?n(s,null,n("div",null,function(n,t){const e=Math.abs(t.getTime()-n.getTime()),i=Math.floor(e/864e5),s=Math.floor(e%864e5/36e5),r=Math.floor(e%36e5/6e4);return`${String(i).padStart(2,"0")}d:${String(s).padStart(2,"0")}h:${String(r).padStart(2,"0")}m`}(function(n,t){const e=new Date(n);return e.setSeconds(e.getSeconds()+t),e}(t.startTime,this.time),t.endTime)),n("div",null,n(g,{statedClasses:{isHollow:!0,isPendding:!1},innerHTML:`${k(t.startTime,t.endTime)}%`}))):n(s,null,n("div",null,T(t.startTime)),n("div",null,T(t.endTime)))),n("casino-engagement-suite-progress-bar",{value:Number(k(t.startTime,t.endTime)),"hide-percent":!0}))}renderInfo(){var t,e;const{locale:i,tournamentItem:s,isShowInfo:r}=this;return n("div",{class:"InfoContainer"},this.renderTimeBar(s),n("section",{class:"ShowInfo",onClick:this.onClickShowInfo},n("p",null,n("span",null,r?v:b),n("span",null,i.LeaderboardDetails))),r&&n("section",{class:"Info"},n("div",null,s.description),n("div",{class:"Criterias"},n("div",null,i.ScoreCriteria,": ",n("span",null,s.scoreCriteria)),n("div",null,i.MinimumBetCriteria,": ",n("span",null,s.minBetCount))),n("div",{class:"TC"},n("a",{href:s.termsUrl,target:"_blank"},i.TC))),this.isTournamentClosed(this.tournamentItem)&&(null===(t=this.leaderboards)||void 0===t?void 0:t.find((n=>n.isMe)))&&n("section",{class:"ResultPrize",innerHTML:l(i.TipPrize,this.getResultPrize(null===(e=this.leaderboards)||void 0===e?void 0:e.find((n=>n.isMe))))}),n("section",{class:"Prizes"},n("div",{class:"PrizesHeader"},y,n("span",{class:"PrizesText"},i.Prizes)),s.prizes.map(((t,e)=>n("div",{class:"Prize"},e+1," ",i.Place,": ",n("span",{class:"PrizeText"},t.name))))))}getResultPrize(n){return{prize:n.prizeName,place:n.rank}}renderCloseBarInLayout(){const{left:t,middle:e}=this.getWrapperBarData();return n(C,{left:t,middle:e,right:n("span",{onClick:this.onClickBarInLayout},m)})}renderCloseBarInLayoutDialog(){return n(C,{right:n("span",{onClick:this.onClickBarInLayoutDialog},m)})}renderLeaderboardContainer(t){const{dialog:{isOpen:e}}=this;return n("div",{class:"Wrapper"},n("div",{class:c("WrapperContent",{faded:e})},this.renderCloseBarInLayout(),n("div",{class:"Root"},n("div",{class:"Main"},t))),n("div",{class:"WrapperUtil"},n("dialog",{open:e},n("div",null,this.renderCloseBarInLayoutDialog(),e&&this.renderDialogContent()))))}getWrapperBarData(){const{page:t,locale:e}=this;switch(t){case h.List:return{left:n("span",{onClick:this.onClickBarTip},f),middle:e.Leaderboards};case h.Item:return{left:n("span",{onClick:this.onClickBarBack},x),middle:""}}}openDialog(n,t){this.dialog=Object.assign(Object.assign({},this.dialog),{isOpen:!0,type:n,data:t})}closeDialog(){this.dialog=Object.assign(Object.assign({},this.dialog),{isOpen:!1})}};O.style='.GradientRounded {\n  display: block;\n  background: linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%);\n  color: rgba(30, 22, 56, 1);\n  \n  position: relative;\n  border-radius: 16px;\n\n  &.Hollow {\n    background: rgba(30, 22, 56, 1);\n    color: #FFFFFF;\n    &::before {\n      content: "";\n      position: absolute;\n      inset: 0;\n      border-radius: 15px;\n      border: 1px solid transparent;\n      background: linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%) border-box;\n      -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n      mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n      -webkit-mask-composite: destination-out;\n      mask-composite: exclude;\n    }\n\n  }\n}\n\n.GradientRoundedButton {\n  border: none;\n  padding: 7px;\n  \n  height: 32px;\n  width: 100%;\n  \n  font-size: 14px;\n  font-weight: 700;\n  line-height: 17.07px;\n  text-align: center;\n  \n  transition: .5s opacity;\n\n  cursor: pointer;\n  &.Pending {\n    cursor: not-allowed;\n    opacity: .3;\n  }\n\n  &.Hollow {\n    \n    span {\n      background: -webkit-linear-gradient(98.25deg, rgb(255, 148, 0) 22.48%, rgb(254, 247, 70) 131.02%, rgb(255, 226, 74) 131.9%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n    }\n  }\n}\n.Wrapper {\n  height: 100%;\n  position: relative;\n  color: var(--emw--color-typography, #FFFFFF);\n  display: flex;\n  background-color: var(--emw--color-background, hsl(254, 44%, 15%));\n  flex-direction: column;\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.WrapperContent {\n  padding-bottom: 20px;\n  transition: 0.5s filter;\n}\n.WrapperContent.faded {\n  filter: brightness(53.3333333333%);\n}\n\n.WrapperBar {\n  display: flex;\n  width: 100%;\n  padding: 12px 8px 8px;\n}\n\n.WrapperBarLeft, .WrapperBarRight {\n  cursor: pointer;\n}\n\n.WrapperBarMiddle {\n  flex-grow: 1;\n  text-align: center;\n  font-size: 16px;\n  line-height: 16px;\n  font-weight: 500;\n  color: var(--emw--color-secondary, rgb(187, 185, 195));\n}\n\n:host {\n  display: block;\n  font-size: 12px;\n  font-family: Inter;\n}\n\n.Row {\n  margin: 24px 0;\n  padding: 0 20px;\n}\n\n.LeaderboardsItem {\n  margin: 10px 0;\n  border: 1px solid rgb(64, 57, 86);\n  border-radius: 16px;\n}\n.LeaderboardsItem.Hollow {\n  border-color: transparent;\n}\n\n.LeaderboardsItemContainer {\n  padding-top: 16px;\n}\n\n.Info {\n  margin: 24px 0;\n  padding: 0 20px;\n}\n\n.TimeContainer {\n  margin: 24px 0;\n  padding: 0 20px;\n}\n.TimeContainer .Time {\n  display: flex;\n  justify-content: space-between;\n  font-size: 11px;\n  align-items: center;\n  color: var(--emw--color-secondary, rgb(187, 185, 195));\n}\n.TimeContainer .Time button {\n  font-size: 12px;\n  height: 20px;\n  padding: 0;\n}\n.TimeContainer .Time button::before {\n  inset: inherit;\n  border: 0;\n}\n\n.ShowInfo {\n  margin: 24px 0;\n  padding: 0 20px;\n  cursor: pointer;\n  color: rgb(102, 97, 120);\n}\n.ShowInfo p {\n  display: flex;\n  gap: 4px;\n}\n\n.TitleContainer {\n  display: flex;\n  justify-content: space-between;\n  margin: 24px 0;\n  padding: 0 20px;\n  margin-top: 0;\n  gap: 10px;\n  font-family: Montserrat;\n}\n.TitleContainer .GradientRoundedButton {\n  width: 120px;\n}\n\n.TabsContainer {\n  margin: 24px 0;\n  padding: 0 20px;\n  margin: 0 20px;\n  padding: 0;\n  border-bottom: 1px solid #575757;\n}\n\n.Tabs {\n  display: flex;\n  justify-content: space-between;\n  justify-content: start;\n  font-size: 12px;\n  margin-bottom: -1px;\n}\n.Tabs > div {\n  padding: 10px;\n  color: rgb(102, 97, 120);\n  cursor: pointer;\n}\n.Tabs > div.active {\n  color: var(--emw--color-typography, #FFF);\n  border-bottom: 2px solid var(--emw--color-typography, #FFF);\n}\n\n.Title {\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 19.5px;\n  text-align: left;\n  word-break: break-word;\n}\n\n.TC {\n  margin-top: 12px;\n}\n.TC a {\n  color: rgb(89, 209, 255);\n}\n\n.Criterias {\n  margin: 12px 0;\n}\n.Criterias span {\n  color: var(--emw--color-primary, rgb(255, 214, 47));\n  font-weight: 400;\n}\n\n.ResultPrize {\n  margin: 24px 0;\n  padding: 0 20px;\n}\n.ResultPrize span {\n  color: var(--emw--color-primary, rgb(255, 214, 47));\n  font-weight: 400;\n}\n\n.Prizes {\n  margin: 24px 0;\n  padding: 0 20px;\n}\n.Prizes .PrizesText {\n  margin-left: 3px;\n  font-weight: 600;\n}\n.Prizes .PrizesHeader {\n  align-items: center;\n  display: flex;\n}\n.Prizes .PrizesHeader img {\n  width: 12px;\n}\n.Prizes .Prize {\n  margin: 8px 0;\n}\n.Prizes .Prize .PrizeText {\n  color: var(--emw--color-primary, rgb(255, 214, 47));\n  font-weight: 400;\n}\n\n* {\n  box-sizing: border-box;\n}\n\n.Leaderboards {\n  width: 100%;\n  text-align: center;\n  border-collapse: collapse;\n}\n.Leaderboards td {\n  opacity: 0.6;\n  padding: 20px 5px;\n}\n.Leaderboards td:first-child {\n  padding-left: 20px;\n}\n.Leaderboards td:last-child {\n  padding-right: 20px;\n}\n.Leaderboards .LeaderboardName {\n  color: var(--emw--color-typography, #FFF);\n  opacity: 1;\n}\n.Leaderboards tr.isMe {\n  background: rgba(0, 0, 0, 0.2);\n}\n.Leaderboards tr.isMe .LeaderboardRank span {\n  padding: 0px 3px;\n  opacity: 1;\n  border: 1px solid var(--emw--color-primary, rgb(255, 214, 47));\n  border-radius: 11px;\n}\n.Leaderboards tr.isMe td {\n  color: var(--emw--color-primary, rgb(255, 214, 47));\n}\n\n.Games {\n  margin: 24px 0;\n  padding: 0 20px;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-evenly;\n  gap: 4px 7.25px;\n}\n.Games img {\n  width: 60px;\n}\n\ndialog {\n  position: absolute;\n  top: 30px;\n  width: 100%;\n  height: 100%;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  color: var(--emw--color-typography, #FFFFFF);\n}\ndialog > div {\n  margin: 32px;\n  border-radius: 8px;\n  background: var(--emw--color-background, hsl(254, 44%, 15%));\n  border: 1px solid hsl(254, 20%, 28%);\n  align-items: center;\n}\n\n.DialogContentUnjoin {\n  padding: 32px;\n  padding-top: 10px;\n  display: flex;\n  gap: 10px;\n  flex-direction: column;\n}\n\n.DialogContentUnjoinTitle {\n  font-family: Montserrat;\n  font-size: 20px;\n  font-weight: 600;\n  line-height: 24.38px;\n  text-align: center;\n}\n\n.DialogContentUnjoinDescription {\n  color: var(--emw--color-secondary, rgb(187, 185, 195));\n  margin-bottom: 30px;\n}\n\n.Tip {\n  padding: 32px;\n  padding-top: 10px;\n  color: var(--emw--color-secondary, rgb(187, 185, 195));\n  font-size: 14px;\n}\n\n.PageConfirmContainer {\n  text-align: center;\n  width: 80%;\n  margin: 0 auto;\n}\n\n.PageConfirm {\n  padding: 40px 32px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n.PageConfirm .Title {\n  font-size: 20px;\n  text-align: center;\n}\n.PageConfirm .Description {\n  color: var(--emw--color-secondary, rgb(187, 185, 195));\n  font-weight: 400;\n}\n.PageConfirm .Description span {\n  color: var(--emw--color-typography, #FFF);\n  font-weight: 600;\n}\n\n.PageConfirmButtonsGroup {\n  width: 150px;\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}';export{O as C}