@everymatrix/casino-engagement-suite-bar 1.55.0 → 1.56.0

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.
Files changed (24) hide show
  1. package/dist/casino-engagement-suite-bar/casino-engagement-suite-bar.esm.js +1 -1
  2. package/dist/casino-engagement-suite-bar/p-3ed6d677.entry.js +1 -0
  3. package/dist/casino-engagement-suite-bar/p-e3eeee5f.js +2 -0
  4. package/dist/cjs/casino-engagement-suite-bar.cjs.entry.js +43 -19
  5. package/dist/cjs/casino-engagement-suite-bar.cjs.js +2 -2
  6. package/dist/cjs/{index-e5bc7c81.js → index-74d721d6.js} +168 -67
  7. package/dist/cjs/loader.cjs.js +1 -1
  8. package/dist/collection/collection-manifest.json +1 -1
  9. package/dist/collection/components/casino-engagement-suite-bar/casino-engagement-suite-bar.js +73 -19
  10. package/dist/esm/casino-engagement-suite-bar.entry.js +43 -19
  11. package/dist/esm/casino-engagement-suite-bar.js +3 -3
  12. package/dist/esm/{index-fa9a5454.js → index-466e12d6.js} +168 -67
  13. package/dist/esm/loader.js +2 -2
  14. package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/casino-engagement-suite-bar/.stencil/packages/stencil/casino-engagement-suite-bar/stencil.config.d.ts +2 -0
  15. package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/casino-engagement-suite-bar/.stencil/packages/stencil/casino-engagement-suite-bar/stencil.config.dev.d.ts +2 -0
  16. package/package.json +1 -1
  17. package/dist/casino-engagement-suite-bar/p-a7ca9798.entry.js +0 -1
  18. package/dist/casino-engagement-suite-bar/p-d14341cc.js +0 -2
  19. package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/casino-engagement-suite-bar/.stencil/packages/stencil/casino-engagement-suite-bar/stencil.config.d.ts +0 -2
  20. package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/casino-engagement-suite-bar/.stencil/packages/stencil/casino-engagement-suite-bar/stencil.config.dev.d.ts +0 -2
  21. /package/dist/types/Users/{maria.bumbar/Desktop → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/casino-engagement-suite-bar/.stencil/tools/plugins/index.d.ts +0 -0
  22. /package/dist/types/Users/{maria.bumbar/Desktop → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/casino-engagement-suite-bar/.stencil/tools/plugins/stencil-clean-deps-plugin.d.ts +0 -0
  23. /package/dist/types/Users/{maria.bumbar/Desktop → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/casino-engagement-suite-bar/.stencil/tools/plugins/vite-chunk-plugin.d.ts +0 -0
  24. /package/dist/types/Users/{maria.bumbar/Desktop → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/casino-engagement-suite-bar/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts +0 -0
@@ -1,17 +1,21 @@
1
1
  const NAMESPACE = 'casino-engagement-suite-bar';
2
- const BUILD = /* casino-engagement-suite-bar */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: false, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: false, 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: true, 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: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
2
+ const BUILD = /* casino-engagement-suite-bar */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: false, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: false, 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, modernPropertyDecls: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, 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: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
3
3
 
4
4
  /*
5
- Stencil Client Platform v4.22.3 | MIT Licensed | https://stenciljs.com
5
+ Stencil Client Platform v4.26.0 | MIT Licensed | https://stenciljs.com
6
6
  */
7
7
  var __defProp = Object.defineProperty;
8
8
  var __export = (target, all) => {
9
9
  for (var name in all)
10
10
  __defProp(target, name, { get: all[name], enumerable: true });
11
11
  };
12
+
13
+ // src/client/client-host-ref.ts
12
14
  var hostRefs = /* @__PURE__ */ new WeakMap();
13
15
  var getHostRef = (ref) => hostRefs.get(ref);
14
- var registerInstance = (lazyInstance, hostRef) => hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
16
+ var registerInstance = (lazyInstance, hostRef) => {
17
+ hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
18
+ };
15
19
  var registerHost = (hostElement, cmpMeta) => {
16
20
  const hostRef = {
17
21
  $flags$: 0,
@@ -24,7 +28,8 @@ var registerHost = (hostElement, cmpMeta) => {
24
28
  hostElement["s-p"] = [];
25
29
  hostElement["s-rc"] = [];
26
30
  }
27
- return hostRefs.set(hostElement, hostRef);
31
+ const ref = hostRefs.set(hostElement, hostRef);
32
+ return ref;
28
33
  };
29
34
  var isMemberInElement = (elm, memberName) => memberName in elm;
30
35
  var consoleError = (e, el) => (0, console.error)(e, el);
@@ -61,16 +66,22 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
61
66
  /* webpackExclude: /\.system\.entry\.js$/ */
62
67
  /* webpackMode: "lazy" */
63
68
  `./${bundleId}.entry.js${""}`
64
- ).then((importedModule) => {
65
- {
66
- cmpModules.set(bundleId, importedModule);
69
+ ).then(
70
+ (importedModule) => {
71
+ {
72
+ cmpModules.set(bundleId, importedModule);
73
+ }
74
+ return importedModule[exportName];
75
+ },
76
+ (e) => {
77
+ consoleError(e, hostRef.$hostElement$);
67
78
  }
68
- return importedModule[exportName];
69
- }, consoleError);
79
+ );
70
80
  };
71
81
 
72
82
  // src/client/client-style.ts
73
83
  var styles = /* @__PURE__ */ new Map();
84
+ var HYDRATED_STYLE_ID = "sty-id";
74
85
  var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
75
86
  var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
76
87
  var win = typeof window !== "undefined" ? window : {};
@@ -144,12 +155,6 @@ var flush = () => {
144
155
  };
145
156
  var nextTick = (cb) => promiseResolve().then(cb);
146
157
  var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
147
-
148
- // src/utils/constants.ts
149
- var EMPTY_OBJ = {};
150
-
151
- // src/utils/helpers.ts
152
- var isDef = (v) => v != null;
153
158
  var isComplexType = (o) => {
154
159
  o = typeof o;
155
160
  return o === "object" || o === "function";
@@ -334,7 +339,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
334
339
  }
335
340
  if (!appliedStyles.has(scopeId2)) {
336
341
  {
337
- styleElm = doc.createElement("style");
342
+ styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || doc.createElement("style");
338
343
  styleElm.innerHTML = style;
339
344
  const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
340
345
  if (nonce != null) {
@@ -344,7 +349,10 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
344
349
  if (styleContainerNode.nodeName === "HEAD") {
345
350
  const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
346
351
  const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
347
- styleContainerNode.insertBefore(styleElm, referenceNode2);
352
+ styleContainerNode.insertBefore(
353
+ styleElm,
354
+ (referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
355
+ );
348
356
  } else if ("host" in styleContainerNode) {
349
357
  if (supportsConstructableStylesheets) {
350
358
  const stylesheet = new CSSStyleSheet();
@@ -362,7 +370,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
362
370
  styleContainerNode.append(styleElm);
363
371
  }
364
372
  }
365
- if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD") {
373
+ if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
366
374
  styleContainerNode.insertBefore(styleElm, null);
367
375
  }
368
376
  }
@@ -387,23 +395,25 @@ var attachStyles = (hostRef) => {
387
395
  const scopeId2 = addStyle(
388
396
  elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
389
397
  cmpMeta);
390
- if (flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */) {
398
+ if ((flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */ || flags & 128 /* shadowNeedsScopedCss */)) {
391
399
  elm["s-sc"] = scopeId2;
392
400
  elm.classList.add(scopeId2 + "-h");
393
401
  }
394
402
  endAttachStyles();
395
403
  };
396
404
  var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
397
- var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
405
+ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
398
406
  if (oldValue !== newValue) {
399
407
  let isProp = isMemberInElement(elm, memberName);
400
408
  let ln = memberName.toLowerCase();
401
409
  if (memberName === "class") {
402
410
  const classList = elm.classList;
403
411
  const oldClasses = parseClassList(oldValue);
404
- const newClasses = parseClassList(newValue);
405
- classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
406
- classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
412
+ let newClasses = parseClassList(newValue);
413
+ {
414
+ classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
415
+ classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
416
+ }
407
417
  } else if (memberName === "key") ; else if (memberName === "ref") {
408
418
  if (newValue) {
409
419
  newValue(elm);
@@ -441,7 +451,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
441
451
  elm.setAttribute(memberName, n);
442
452
  }
443
453
  }
444
- } else {
454
+ } else if (elm[memberName] !== newValue) {
445
455
  elm[memberName] = newValue;
446
456
  }
447
457
  } catch (e) {
@@ -463,24 +473,44 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
463
473
  }
464
474
  };
465
475
  var parseClassListRegex = /\s/;
466
- var parseClassList = (value) => !value ? [] : value.split(parseClassListRegex);
476
+ var parseClassList = (value) => {
477
+ if (typeof value === "object" && value && "baseVal" in value) {
478
+ value = value.baseVal;
479
+ }
480
+ if (!value || typeof value !== "string") {
481
+ return [];
482
+ }
483
+ return value.split(parseClassListRegex);
484
+ };
467
485
  var CAPTURE_EVENT_SUFFIX = "Capture";
468
486
  var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
469
487
 
470
488
  // src/runtime/vdom/update-element.ts
471
- var updateElement = (oldVnode, newVnode, isSvgMode2) => {
489
+ var updateElement = (oldVnode, newVnode, isSvgMode2, isInitialRender) => {
472
490
  const elm = newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host ? newVnode.$elm$.host : newVnode.$elm$;
473
- const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ || EMPTY_OBJ;
474
- const newVnodeAttrs = newVnode.$attrs$ || EMPTY_OBJ;
491
+ const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ || {};
492
+ const newVnodeAttrs = newVnode.$attrs$ || {};
475
493
  {
476
494
  for (const memberName of sortedAttrNames(Object.keys(oldVnodeAttrs))) {
477
495
  if (!(memberName in newVnodeAttrs)) {
478
- setAccessor(elm, memberName, oldVnodeAttrs[memberName], void 0, isSvgMode2, newVnode.$flags$);
496
+ setAccessor(
497
+ elm,
498
+ memberName,
499
+ oldVnodeAttrs[memberName],
500
+ void 0,
501
+ isSvgMode2,
502
+ newVnode.$flags$);
479
503
  }
480
504
  }
481
505
  }
482
506
  for (const memberName of sortedAttrNames(Object.keys(newVnodeAttrs))) {
483
- setAccessor(elm, memberName, oldVnodeAttrs[memberName], newVnodeAttrs[memberName], isSvgMode2, newVnode.$flags$);
507
+ setAccessor(
508
+ elm,
509
+ memberName,
510
+ oldVnodeAttrs[memberName],
511
+ newVnodeAttrs[memberName],
512
+ isSvgMode2,
513
+ newVnode.$flags$);
484
514
  }
485
515
  };
486
516
  function sortedAttrNames(attrNames) {
@@ -492,13 +522,10 @@ function sortedAttrNames(attrNames) {
492
522
  attrNames
493
523
  );
494
524
  }
495
-
496
- // src/runtime/vdom/vdom-render.ts
497
- var scopeId;
498
525
  var hostTagName;
499
526
  var useNativeShadowDom = false;
500
527
  var isSvgMode = false;
501
- var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
528
+ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
502
529
  const newVNode2 = newParentVNode.$children$[childIndex];
503
530
  let i2 = 0;
504
531
  let elm;
@@ -512,11 +539,6 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
512
539
  {
513
540
  updateElement(null, newVNode2, isSvgMode);
514
541
  }
515
- const rootNode = elm.getRootNode();
516
- const isElementWithinShadowRoot = !rootNode.querySelector("body");
517
- if (!isElementWithinShadowRoot && BUILD.scoped && isDef(scopeId) && elm["s-si"] !== scopeId) {
518
- elm.classList.add(elm["s-si"] = scopeId);
519
- }
520
542
  if (newVNode2.$children$) {
521
543
  for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
522
544
  childNode = createElm(oldParentVNode, newVNode2, i2);
@@ -646,6 +668,9 @@ var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
646
668
  if (!isInitialRender) {
647
669
  return leftVNode.$key$ === rightVNode.$key$;
648
670
  }
671
+ if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) {
672
+ leftVNode.$key$ = rightVNode.$key$;
673
+ }
649
674
  return true;
650
675
  }
651
676
  return false;
@@ -685,8 +710,9 @@ var nullifyVNodeRefs = (vNode) => {
685
710
  }
686
711
  };
687
712
  var insertBefore = (parent, newNode, reference) => {
688
- const inserted = parent == null ? void 0 : parent.insertBefore(newNode, reference);
689
- return inserted;
713
+ {
714
+ return parent == null ? void 0 : parent.insertBefore(newNode, reference);
715
+ }
690
716
  };
691
717
  var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
692
718
  const hostElm = hostRef.$hostElement$;
@@ -711,17 +737,21 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
711
737
  rootVnode.$flags$ |= 4 /* isHost */;
712
738
  hostRef.$vnode$ = rootVnode;
713
739
  rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
714
- {
715
- scopeId = hostElm["s-sc"];
716
- }
717
- useNativeShadowDom = (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
740
+ useNativeShadowDom = !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && !(cmpMeta.$flags$ & 128 /* shadowNeedsScopedCss */);
718
741
  patch(oldVNode, rootVnode, isInitialLoad);
719
742
  };
720
743
 
721
744
  // src/runtime/update-component.ts
722
745
  var attachToAncestor = (hostRef, ancestorComponent) => {
723
746
  if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent["s-p"]) {
724
- ancestorComponent["s-p"].push(new Promise((r) => hostRef.$onRenderResolve$ = r));
747
+ const index = ancestorComponent["s-p"].push(
748
+ new Promise(
749
+ (r) => hostRef.$onRenderResolve$ = () => {
750
+ ancestorComponent["s-p"].splice(index - 1, 1);
751
+ r();
752
+ }
753
+ )
754
+ );
725
755
  }
726
756
  };
727
757
  var scheduleUpdate = (hostRef, isInitialLoad) => {
@@ -750,7 +780,7 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
750
780
  {
751
781
  hostRef.$flags$ |= 256 /* isListenReady */;
752
782
  if (hostRef.$queuedListeners$) {
753
- hostRef.$queuedListeners$.map(([methodName, event]) => safeCall(instance, methodName, event));
783
+ hostRef.$queuedListeners$.map(([methodName, event]) => safeCall(instance, methodName, event, elm));
754
784
  hostRef.$queuedListeners$ = void 0;
755
785
  }
756
786
  }
@@ -821,7 +851,7 @@ var postUpdateComponent = (hostRef) => {
821
851
  const instance = hostRef.$lazyInstance$ ;
822
852
  const ancestorComponent = hostRef.$ancestorComponent$;
823
853
  {
824
- safeCall(instance, "componentDidRender");
854
+ safeCall(instance, "componentDidRender", void 0, elm);
825
855
  }
826
856
  if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
827
857
  hostRef.$flags$ |= 64 /* hasLoadedComponent */;
@@ -850,17 +880,14 @@ var postUpdateComponent = (hostRef) => {
850
880
  }
851
881
  };
852
882
  var appDidLoad = (who) => {
853
- {
854
- addHydratedFlag(doc.documentElement);
855
- }
856
883
  nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
857
884
  };
858
- var safeCall = (instance, method, arg) => {
885
+ var safeCall = (instance, method, arg, elm) => {
859
886
  if (instance && instance[method]) {
860
887
  try {
861
888
  return instance[method](arg);
862
889
  } catch (e) {
863
- consoleError(e);
890
+ consoleError(e, elm);
864
891
  }
865
892
  }
866
893
  return void 0;
@@ -903,15 +930,68 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
903
930
  const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
904
931
  members.map(([memberName, [memberFlags]]) => {
905
932
  if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
933
+ const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
934
+ if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
935
+ if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
936
+ if (flags & 1 /* isElementConstructor */ || !origGetter) {
937
+ Object.defineProperty(prototype, memberName, {
938
+ get() {
939
+ {
940
+ if ((cmpMeta.$members$[memberName][0] & 2048 /* Getter */) === 0) {
941
+ return getValue(this, memberName);
942
+ }
943
+ const ref = getHostRef(this);
944
+ const instance = ref ? ref.$lazyInstance$ : prototype;
945
+ if (!instance) return;
946
+ return instance[memberName];
947
+ }
948
+ },
949
+ configurable: true,
950
+ enumerable: true
951
+ });
952
+ }
906
953
  Object.defineProperty(prototype, memberName, {
907
- get() {
908
- return getValue(this, memberName);
909
- },
910
954
  set(newValue) {
911
- setValue(this, memberName, newValue, cmpMeta);
912
- },
913
- configurable: true,
914
- enumerable: true
955
+ const ref = getHostRef(this);
956
+ if (origSetter) {
957
+ const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
958
+ if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
959
+ newValue = ref.$instanceValues$.get(memberName);
960
+ } else if (!ref.$instanceValues$.get(memberName) && currentValue) {
961
+ ref.$instanceValues$.set(memberName, currentValue);
962
+ }
963
+ origSetter.apply(this, [parsePropertyValue(newValue, memberFlags)]);
964
+ newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
965
+ setValue(this, memberName, newValue, cmpMeta);
966
+ return;
967
+ }
968
+ {
969
+ if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
970
+ setValue(this, memberName, newValue, cmpMeta);
971
+ if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
972
+ ref.$onReadyPromise$.then(() => {
973
+ if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
974
+ ref.$lazyInstance$[memberName] = newValue;
975
+ }
976
+ });
977
+ }
978
+ return;
979
+ }
980
+ const setterSetVal = () => {
981
+ const currentValue = ref.$lazyInstance$[memberName];
982
+ if (!ref.$instanceValues$.get(memberName) && currentValue) {
983
+ ref.$instanceValues$.set(memberName, currentValue);
984
+ }
985
+ ref.$lazyInstance$[memberName] = parsePropertyValue(newValue, memberFlags);
986
+ setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
987
+ };
988
+ if (ref.$lazyInstance$) {
989
+ setterSetVal();
990
+ } else {
991
+ ref.$onReadyPromise$.then(() => setterSetVal());
992
+ }
993
+ }
994
+ }
915
995
  });
916
996
  }
917
997
  });
@@ -921,7 +1001,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
921
1001
  plt.jmp(() => {
922
1002
  var _a2;
923
1003
  const propName = attrNameToPropName.get(attrName);
924
- if (this.hasOwnProperty(propName)) {
1004
+ if (this.hasOwnProperty(propName) && BUILD.lazyLoad) {
925
1005
  newValue = this[propName];
926
1006
  delete this[propName];
927
1007
  } else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
@@ -941,7 +1021,11 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
941
1021
  }
942
1022
  return;
943
1023
  }
944
- this[propName] = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
1024
+ const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
1025
+ newValue = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
1026
+ if (newValue !== this[propName] && (!propDesc.get || !!propDesc.set)) {
1027
+ this[propName] = newValue;
1028
+ }
945
1029
  });
946
1030
  };
947
1031
  Cstr.observedAttributes = Array.from(
@@ -970,7 +1054,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
970
1054
  hostRef.$flags$ |= 32 /* hasInitializedComponent */;
971
1055
  const bundleId = cmpMeta.$lazyBundleId$;
972
1056
  if (bundleId) {
973
- const CstrImport = loadModule(cmpMeta);
1057
+ const CstrImport = loadModule(cmpMeta, hostRef);
974
1058
  if (CstrImport && "then" in CstrImport) {
975
1059
  const endLoad = uniqueTime();
976
1060
  Cstr = await CstrImport;
@@ -992,7 +1076,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
992
1076
  try {
993
1077
  new Cstr(hostRef);
994
1078
  } catch (e) {
995
- consoleError(e);
1079
+ consoleError(e, elm);
996
1080
  }
997
1081
  {
998
1082
  hostRef.$flags$ &= ~8 /* isConstructingInstance */;
@@ -1024,7 +1108,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
1024
1108
  schedule();
1025
1109
  }
1026
1110
  };
1027
- var fireConnectedCallback = (instance) => {
1111
+ var fireConnectedCallback = (instance, elm) => {
1028
1112
  };
1029
1113
 
1030
1114
  // src/runtime/connected-callback.ts
@@ -1065,7 +1149,7 @@ var connectedCallback = (elm) => {
1065
1149
  endConnected();
1066
1150
  }
1067
1151
  };
1068
- var disconnectInstance = (instance) => {
1152
+ var disconnectInstance = (instance, elm) => {
1069
1153
  };
1070
1154
  var disconnectedCallback = async (elm) => {
1071
1155
  if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
@@ -1080,6 +1164,12 @@ var disconnectedCallback = async (elm) => {
1080
1164
  hostRef.$onReadyPromise$.then(() => disconnectInstance());
1081
1165
  }
1082
1166
  }
1167
+ if (rootAppliedStyles.has(elm)) {
1168
+ rootAppliedStyles.delete(elm);
1169
+ }
1170
+ if (elm.shadowRoot && rootAppliedStyles.has(elm.shadowRoot)) {
1171
+ rootAppliedStyles.delete(elm.shadowRoot);
1172
+ }
1083
1173
  };
1084
1174
 
1085
1175
  // src/runtime/bootstrap-lazy.ts
@@ -1160,6 +1250,17 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
1160
1250
  }
1161
1251
  disconnectedCallback() {
1162
1252
  plt.jmp(() => disconnectedCallback(this));
1253
+ plt.raf(() => {
1254
+ var _a3;
1255
+ const hostRef = getHostRef(this);
1256
+ const i2 = deferredConnectedCallbacks.findIndex((host) => host === this);
1257
+ if (i2 > -1) {
1258
+ deferredConnectedCallbacks.splice(i2, 1);
1259
+ }
1260
+ if (((_a3 = hostRef == null ? void 0 : hostRef.$vnode$) == null ? void 0 : _a3.$elm$) instanceof Node && !hostRef.$vnode$.$elm$.isConnected) {
1261
+ delete hostRef.$vnode$.$elm$;
1262
+ }
1263
+ });
1163
1264
  }
1164
1265
  componentOnReady() {
1165
1266
  return getHostRef(this).$onReadyPromise$;
@@ -1223,7 +1324,7 @@ var hostListenerProxy = (hostRef, methodName) => (ev) => {
1223
1324
  }
1224
1325
  }
1225
1326
  } catch (e) {
1226
- consoleError(e);
1327
+ consoleError(e, hostRef.$hostElement$);
1227
1328
  }
1228
1329
  };
1229
1330
  var getHostListenerTarget = (elm, flags) => {
@@ -1,5 +1,5 @@
1
- import { b as bootstrapLazy } from './index-fa9a5454.js';
2
- export { s as setNonce } from './index-fa9a5454.js';
1
+ import { b as bootstrapLazy } from './index-466e12d6.js';
2
+ export { s as setNonce } from './index-466e12d6.js';
3
3
  import { g as globalScripts } from './app-globals-0f993ce5.js';
4
4
 
5
5
  const defineCustomElements = async (win, options) => {
@@ -0,0 +1,2 @@
1
+ import { Config } from '../../../../../../../../../../../../stencil-public-runtime';
2
+ export declare const config: Config;
@@ -0,0 +1,2 @@
1
+ import { Config } from '../../../../../../../../../../../../stencil-public-runtime';
2
+ export declare const config: Config;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/casino-engagement-suite-bar",
3
- "version": "1.55.0",
3
+ "version": "1.56.0",
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 e,h as a}from"./p-d14341cc.js";"function"==typeof SuppressedError&&SuppressedError;const t={labels:[],rank:"-"},n=["en"],i={en:{new:"new",win:"win"}},r=(e,a)=>{const t=a;return i[void 0!==t&&n.includes(t)?t:"en"][e]},s=class{constructor(a){e(this,a),this.handleTileClick=e=>{const a=e.target.getAttribute("data-app");window.postMessage({type:`Bar${a}Click`}),this.activeWidget=a,"Jackpots"===a&&(this.activeJackpot=e.target.getAttribute("data-type"))},this.setClientStyling=()=>{let e=document.createElement("style");e.innerHTML=this.clientStyling,this.engagementSuiteBar.prepend(e)},this.setClientStylingURL=()=>{let e=new URL(this.clientStylingUrl),a=document.createElement("style");fetch(e.href).then((e=>e.text())).then((e=>{a.innerHTML=e,setTimeout((()=>{this.engagementSuiteBar.prepend(a)}),1)})).catch((e=>{console.log("Error ",e)}))},this.activeWidget=void 0,this.challengePercent=void 0,this.highlightChallenge=!1,this.clientStyling="",this.clientStylingUrl="",this.orientation="Landscape",this.device="Mobile",this.isChallengeLabel=!1,this.isForfeitedChallengeLabel=!1,this.isSpinForfeitedLabel=!1,this.language="en",this.jackpots=[],this.remainingFreeSpins=void 0,this.remainingLuckywheels="1",this.leaderboards=void 0,this.limitStylingAppends=!1,this.activeJackpot="",this.leaderboardState=t}handleEvent(e){const a=null==e?void 0:e.data,{type:n}=a,i=function(e,a){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&a.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(e);i<n.length;i++)a.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(t[n[i]]=e[n[i]])}return t}(a,["type"]);switch(n){case"UpdateLeaderboardState":Object.keys(t).map((e=>{i[e]&&(this.leaderboardState=Object.assign(Object.assign({},this.leaderboardState),{[e]:i[e]}))}));break;case"LeaderboardLiveEvent":["TournamentUpdate","PlayerLeaderBoardUpdate"].includes(i.messageType)&&!this.leaderboardState.labels.includes("new")&&(this.leaderboardState=Object.assign(Object.assign({},this.leaderboardState),{labels:[...this.leaderboardState.labels,"new"]}))}}componentDidRender(){!this.limitStylingAppends&&this.engagementSuiteBar&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.limitStylingAppends=!0)}getChallengeTile(){return a("button",{class:"Tile Reward Challenges "+("Challenges"===this.activeWidget||this.highlightChallenge?"Active":""),"data-app":"Challenges",onClick:this.handleTileClick},a("div",{class:"RewardIcon"}),a("span",null,this.challengePercent),a("div",{class:"ChallengeLabel "+(this.isChallengeLabel&&!this.isForfeitedChallengeLabel?"ShowChallengeLabel":"")},a("span",null,r("new",this.language))),a("div",{class:"ForfeitLabel "+(this.isForfeitedChallengeLabel?"ShowForfeitChallengeLabel":"")}))}getFreeSpinsTile(){return a("button",{class:"Tile Reward FreeSpins "+("FreeSpins"===this.activeWidget?"Active":""),"data-app":"FreeSpins",onClick:this.handleTileClick},a("div",{class:"RewardIcon"}),a("span",null,this.remainingFreeSpins),a("div",{class:"ForfeitLabel "+(this.isSpinForfeitedLabel?"ShowForfeitLabel":"")},a("span",null)))}getLuckyWheelTile(){return a("button",{class:"Tile Reward Luckywheel "+("LuckyWheels"===this.activeWidget?"Active":""),"data-app":"LuckyWheels",onClick:this.handleTileClick},a("div",{class:"RewardIcon"}),a("span",null,this.remainingLuckywheels))}getJackpotClasses(e){return{Tile:!0,Jackpot:!0,Enabled:e.Enabled,Active:"Jackpots"===this.activeWidget&&this.activeJackpot===e.Type,[e.Type.charAt(0).toUpperCase()+e.Type.slice(1)]:!0}}getJackpotsTemplate(){return this.jackpots.map((e=>{const t=function(e,a,t=99999999){return e=Math.min(e,t),`${a} ${new Intl.NumberFormat("en",{minimumFractionDigits:2,maximumFractionDigits:2}).format(e)}`}(e.Balance,e.Currency);return a("div",{class:this.getJackpotClasses(e),"data-app":"Jackpots","data-type":e.Type,onClick:this.handleTileClick},a("div",{class:"JackpotType"},e.Type),a("span",{class:"JackpotBalance"},t))}))}getLeaderboardsTile(){return a("button",{class:"Tile Reward Leaderboard "+("Leaderboards"===this.activeWidget?"Active":""),"data-app":"Leaderboards",onClick:this.handleTileClick},a("div",{class:"RewardIcon"}),a("span",null,this.leaderboardState.rank),a("div",{class:"LeaderboardLabels"},this.leaderboardState.labels.map((e=>a("div",{class:"LeaderboardLabel"},a("span",null,r(e,this.language)))))))}displayTilesInOneRow(){return this.jackpots.length+[this.leaderboards,this.challengePercent,this.remainingFreeSpins].filter((e=>!!e)).length<4}getTilesTemplate(){return this.displayTilesInOneRow()?a("div",{class:"EngagementSuiteContainer"},!!this.jackpots.length&&this.getJackpotsTemplate(),this.leaderboards&&this.getLeaderboardsTile(),this.remainingLuckywheels&&this.getLuckyWheelTile(),this.challengePercent&&this.getChallengeTile(),this.remainingFreeSpins&&this.getFreeSpinsTile()):a("div",{class:"EngagementSuiteContainer"},a("div",{class:"Jackpots"},!!this.jackpots.length&&this.getJackpotsTemplate()),a("div",{class:"Rewards"},this.leaderboards&&this.getLeaderboardsTile(),this.remainingLuckywheels&&this.getLuckyWheelTile(),this.challengePercent&&this.getChallengeTile(),this.remainingFreeSpins&&this.getFreeSpinsTile()))}render(){return a("div",{key:"d932ee7e636f06b0c50841a4737cb6572c1500aa",class:`CasinoEngagementSuiteBar ${this.orientation} ${this.device}`,ref:e=>this.engagementSuiteBar=e},this.getTilesTemplate())}};s.style=':host{display:block}*{box-sizing:border-box}button{touch-action:manipulation}.CasinoEngagementSuiteBar{height:100vh;background-color:var(--emw--color-background, #1E1638);color:var(--emw--color-typography, #FFF);display:flex;justify-content:center;position:relative;z-index:1}.CasinoEngagementSuiteBar .EngagementSuiteContainer{display:flex;align-items:center;gap:4px;scrollbar-gutter:stable;overflow-x:auto;padding:7px 9px 0;width:100%}.CasinoEngagementSuiteBar .EngagementSuiteContainer::-webkit-scrollbar{width:3px;background:none}.CasinoEngagementSuiteBar .EngagementSuiteContainer::-webkit-scrollbar-thumb{border-radius:var(--emw--border-radius-small, 4px);background:var(--emw--color-gray-transparency-30, rgba(255, 255, 255, 0.3))}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Tile{cursor:pointer;background-color:var(--emw--color-background-secondary, #251D3E);border-radius:var(--emw--border-radius-small, 4px);display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;font-weight:var(--emw--font-weight-semibold, 600);font-size:var(--emw--font-size-x-small, 12px);font-family:var(--emw--font-family-secondary, "Montserrat", sans-serif);color:var(--emw--color-typography, #FFF)}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Tile.Active::before{background:linear-gradient(143.2deg, #FF9401 -0.41%, #FFD32D 45.61%, #2D2545 82.77%)}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Tile::before{content:"";position:absolute;inset:0;border-radius:var(--emw--border-radius-small, 4px);padding:1px;background:linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%);-webkit-mask:linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpots,.CasinoEngagementSuiteBar .EngagementSuiteContainer .Rewards{display:flex;gap:4px;width:100%}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpot{padding:14px 4px;flex-direction:column}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpot .JackpotType{display:none}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpot .JackpotBalance{font-weight:var(--emw--font-weight-semibold, 600);line-height:12px;font-size:var(--emw--font-size-x-small, 12px);color:var(--emw--color-typography, #fff)}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpot.Enabled.Mega .JackpotBalance{background:var(--emw--engagement-suite-gradient-golden, linear-gradient(180deg, #FFB801 15.86%, #FEF746 31.36%, #FBFFE0 36.86%, #FFFA60 47.86%, #FF9400 87.36%));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpot.Enabled.Major .JackpotBalance{background:var(--emw--engagement-suite-gradient-silver, linear-gradient(180deg, #A19FA0 5.36%, #E1DBDB 28.86%, #FEFFFF 36.86%, #E1DBDB 44.36%, #5E5B5F 91.86%));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpot.Enabled.Minor .JackpotBalance{background:var(--emw--engagement-suite-gradient-bronze, linear-gradient(180deg, #A0522C 5.36%, #FFAB8C 28.86%, #FFEEDF 36.86%, #FFAB8C 44.36%, #6A3A21 91.86%));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpot.Enabled .JackpotBalance{font-weight:var(--emw--font-weight-extra-bold, 800)}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Reward{justify-content:space-between;padding:8px;border:none}.CasinoEngagementSuiteBar .EngagementSuiteContainer .RewardIcon{width:24px;height:24px;background-size:100%;background-position:center}.Tile.Leaderboard .RewardIcon{background:center/contain url("https://static.everymatrix.com/gic/img/engagement-suite/bar/leaderboard.svg")}.Tile.Leaderboard.Active .RewardIcon{background-image:url("https://static.everymatrix.com/gic/img/engagement-suite/bar/leaderboard-pressed.svg")}.Tile.Challenges .RewardIcon{background:center/contain url("https://static.everymatrix.com/gic/img/engagement-suite/bar/challenge.svg")}.Tile.Challenges.Active .RewardIcon{background-image:url("https://static.everymatrix.com/gic/img/engagement-suite/bar/challenge-pressed.svg")}.Tile.Luckywheel .RewardIcon{background:center/contain url("https://static.everymatrix.com/gic/img/engagement-suite/bar/luckywheel.svg")}.Tile.Luckywheel.Active .RewardIcon{background-image:url("https://static.everymatrix.com/gic/img/engagement-suite/bar/luckywheel-pressed.svg")}.Tile.FreeSpins .RewardIcon{background:center/contain url("https://static.everymatrix.com/gic/img/engagement-suite/bar/freespins.svg")}.Tile.FreeSpins.Active .RewardIcon{background-image:url("https://static.everymatrix.com/gic/img/engagement-suite/bar/freespins-pressed.svg")}.ChallengeLabel{min-width:23px;height:11px;background:var(--emw--engagement-suite-gradient-golden, linear-gradient(180deg, #FFB801 15.86%, #FEF746 31.36%, #FBFFE0 36.86%, #FFFA60 47.86%, #FF9400 87.36%));border-radius:var(--emw--border-radius-x-small, 2px);display:none;position:absolute;top:-4px;right:4px;padding:0 2px;align-items:center;justify-content:center}.ChallengeLabel span{display:inline-block;text-transform:uppercase;font-size:7px;line-height:7px;font-weight:var(--emw--font-weight-bold, 700);font-family:var(--emw--font-family-secondary, "Montserrat", sans-serif);color:var(--emw--color-background, #1E1638)}.ForfeitLabel{width:12px;height:12px;background:var(--emw--engagement-suite-gradient-golden, linear-gradient(180deg, #FFB801 15.86%, #FEF746 31.36%, #FBFFE0 36.86%, #FFFA60 47.86%, #FF9400 87.36%));border-radius:50%;display:none;position:absolute;top:-6px;right:8px}.ShowChallengeLabel{display:inline-flex}.ShowForfeitLabel,.ShowForfeitChallengeLabel{display:inline-flex}.LeaderboardLabels{position:absolute;top:-4px;right:4px;display:flex;gap:4px}.LeaderboardLabel{min-width:23px;height:11px;background:var(--emw--engagement-suite-gradient-golden, linear-gradient(180deg, #FFB801 15.86%, #FEF746 31.36%, #FBFFE0 36.86%, #FFFA60 47.86%, #FF9400 87.36%));border-radius:var(--emw--border-radius-x-small, 2px);display:inline-flex;padding:0 2px;align-items:center;justify-content:center}.LeaderboardLabel span{display:inline-block;text-transform:uppercase;font-size:7px;line-height:7px;font-weight:var(--emw--font-weight-bold, 700);font-family:var(--emw--font-family-secondary, "Montserrat", sans-serif);color:var(--emw--color-background, #1E1638)}.Landscape.CasinoEngagementSuiteBar{width:152px;padding-top:10px;box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.2509803922), 8px 0 10px 0 rgba(0, 0, 0, 0.3019607843)}.Landscape.CasinoEngagementSuiteBar .EngagementSuiteContainer{flex-direction:column}.Landscape.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpots,.Landscape.CasinoEngagementSuiteBar .EngagementSuiteContainer .Rewards{width:120px}.Landscape.CasinoEngagementSuiteBar .EngagementSuiteContainer .Tile{width:120px;height:40px}.Landscape.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpots,.Landscape.CasinoEngagementSuiteBar .EngagementSuiteContainer .Rewards{flex-direction:column}.Portrait.CasinoEngagementSuiteBar{border-radius:0 0 var(--emw--border-radius-medium, 4px) var(--emw--border-radius-medium, 4px);height:auto;padding:3px 10px 10px;box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.2509803922), 8px 0 10px 0 rgba(0, 0, 0, 0.3019607843)}.Portrait.CasinoEngagementSuiteBar .EngagementSuiteContainer{padding:7px 0 0;gap:8px;flex-wrap:wrap}.Portrait.CasinoEngagementSuiteBar .EngagementSuiteContainer .Rewards,.Portrait.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpots{gap:8px}.Portrait.CasinoEngagementSuiteBar .EngagementSuiteContainer .Tile{flex:1 1 0px;height:32px}.Portrait.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpot{min-width:30%;padding:10px 4px}.Portrait.CasinoEngagementSuiteBar .EngagementSuiteContainer .Reward{min-width:20%;padding:4px 8px}.CasinoEngagementSuiteBar.Desktop.Landscape{width:252px}.CasinoEngagementSuiteBar.Desktop.Landscape .Jackpots,.CasinoEngagementSuiteBar.Desktop.Landscape .Rewards,.CasinoEngagementSuiteBar.Desktop.Landscape .EngagementSuiteContainer{gap:12px}.CasinoEngagementSuiteBar.Desktop.Landscape .Reward{padding:8px 20px;height:64px;font-size:var(--emw--font-size-medium, 16px)}.CasinoEngagementSuiteBar.Desktop.Landscape .Reward .RewardIcon{width:48px;height:48px}.CasinoEngagementSuiteBar.Desktop.Landscape .Rewards,.CasinoEngagementSuiteBar.Desktop.Landscape .Jackpots,.CasinoEngagementSuiteBar.Desktop.Landscape .Tile{width:212px}.CasinoEngagementSuiteBar.Desktop.Landscape .Jackpot{padding-top:35px;min-height:133px;background:center/contain url("https://static.everymatrix.com/gic/img/engagement-suite/bar/jackpot-bg-stars.svg"), var(--emw--color-background-secondary, #251D3E)}.CasinoEngagementSuiteBar.Desktop.Landscape .Jackpot .JackpotType{display:block;font-weight:var(--emw--font-weight-extra-bold, 800);margin-bottom:12px;text-transform:uppercase}.CasinoEngagementSuiteBar.Desktop.Landscape .Jackpot .JackpotType,.CasinoEngagementSuiteBar.Desktop.Landscape .Jackpot .JackpotBalance{font-size:var(--emw--size-large, 24px);line-height:24px}';export{s as casino_engagement_suite_bar}
@@ -1,2 +0,0 @@
1
- var e=Object.defineProperty,t=new WeakMap,n=e=>t.get(e),l=(e,n)=>t.set(n.t=e,n),o=(e,t)=>t in e,s=(e,t)=>(0,console.error)(e,t),i=new Map,r=new Map,c="slot-fb{display:contents}slot-fb[hidden]{display:none}",u="undefined"!=typeof window?window:{},a=u.document||{head:{}},f={l:0,o:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},h=e=>Promise.resolve(e),p=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),d=!1,m=[],y=[],$=(e,t)=>n=>{e.push(n),d||(d=!0,t&&4&f.l?b(w):f.raf(w))},v=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){s(e)}e.length=0},w=()=>{v(m),v(y),(d=m.length>0)&&f.raf(w)},b=e=>h().then(e),S=$(y,!0),g={},j=e=>"object"==(e=typeof e)||"function"===e;function k(e){var t,n,l;return null!=(l=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?l:void 0}((t,n)=>{for(var l in n)e(t,l,{get:n[l],enumerable:!0})})({},{err:()=>O,map:()=>C,ok:()=>E,unwrap:()=>x,unwrapErr:()=>P});var E=e=>({isOk:!0,isErr:!1,value:e}),O=e=>({isOk:!1,isErr:!0,value:e});function C(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>E(e))):E(n)}if(e.isErr)return O(e.value);throw"should never get here"}var M,x=e=>{if(e.isOk)return e.value;throw e.value},P=e=>{if(e.isErr)return e.value;throw e.value},A=(e,t,...n)=>{let l=null,o=null,s=!1,i=!1;const r=[],c=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?c(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!j(l))&&(l+=""),s&&i?r[r.length-1].i+=l:r.push(s?R(null,l):l),i=s)};if(c(n),t){t.key&&(o=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const u=R(e,null);return u.u=t,r.length>0&&(u.h=r),u.p=o,u},R=(e,t)=>({l:0,m:e,i:t,$:null,h:null,u:null,p:null}),D={},H=new WeakMap,T=e=>"sc-"+e.v,N=(e,t,n,l,s,i)=>{if(n!==l){let r=o(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,o=F(n),s=F(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("key"===t);else if("ref"===t)l&&l(e);else if(r||"o"!==t[0]||"n"!==t[1]){const o=j(l);if((r||o&&null!==l)&&!s)try{if(e.tagName.includes("-"))e[t]=l;else{const o=null==l?"":l;"list"===t?r=!1:null!=n&&e[t]==o||("function"==typeof e.__lookupSetter__(t)?e[t]=o:e.setAttribute(t,o))}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(t)||e.removeAttribute(t):(!r||4&i||s)&&!o&&e.setAttribute(t,l=!0===l?"":l)}else if(t="-"===t[2]?t.slice(3):o(u,c)?c.slice(2):c[2]+t.slice(3),n||l){const o=t.endsWith(L);t=t.replace(W,""),n&&f.rel(e,t,n,o),l&&f.ael(e,t,l,o)}}},U=/\s/,F=e=>e?e.split(U):[],L="Capture",W=RegExp(L+"$"),q=(e,t,n)=>{const l=11===t.$.nodeType&&t.$.host?t.$.host:t.$,o=e&&e.u||g,s=t.u||g;for(const e of G(Object.keys(o)))e in s||N(l,e,o[e],void 0,n,t.l);for(const e of G(Object.keys(s)))N(l,e,o[e],s[e],n,t.l)};function G(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var V=!1,_=(e,t,n)=>{const l=t.h[n];let o,s,i=0;if(null!==l.i)o=l.$=a.createTextNode(l.i);else if(o=l.$=a.createElement(l.m),q(null,l,V),o.getRootNode().querySelector("body"),l.h)for(i=0;i<l.h.length;++i)s=_(e,l,i),s&&o.appendChild(s);return o["s-hn"]=M,o},z=(e,t,n,l,o,s)=>{let i,r=e;for(r.shadowRoot&&r.tagName===M&&(r=r.shadowRoot);o<=s;++o)l[o]&&(i=_(null,n,o),i&&(l[o].$=i,Q(r,i,t)))},B=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.$;K(t),e&&e.remove()}}},I=(e,t,n=!1)=>e.m===t.m&&(!!n||e.p===t.p),J=(e,t,n=!1)=>{const l=t.$=e.$,o=e.h,s=t.h,i=t.i;null===i?(q(e,t,V),null!==o&&null!==s?((e,t,n,l,o=!1)=>{let s,i,r=0,c=0,u=0,a=0,f=t.length-1,h=t[0],p=t[f],d=l.length-1,m=l[0],y=l[d];for(;r<=f&&c<=d;)if(null==h)h=t[++r];else if(null==p)p=t[--f];else if(null==m)m=l[++c];else if(null==y)y=l[--d];else if(I(h,m,o))J(h,m,o),h=t[++r],m=l[++c];else if(I(p,y,o))J(p,y,o),p=t[--f],y=l[--d];else if(I(h,y,o))J(h,y,o),Q(e,h.$,p.$.nextSibling),h=t[++r],y=l[--d];else if(I(p,m,o))J(p,m,o),Q(e,p.$,h.$),p=t[--f],m=l[++c];else{for(u=-1,a=r;a<=f;++a)if(t[a]&&null!==t[a].p&&t[a].p===m.p){u=a;break}u>=0?(i=t[u],i.m!==m.m?s=_(t&&t[c],n,u):(J(i,m,o),t[u]=void 0,s=i.$),m=l[++c]):(s=_(t&&t[c],n,c),m=l[++c]),s&&Q(h.$.parentNode,s,h.$)}r>f?z(e,null==l[d+1]?null:l[d+1].$,n,l,c,d):c>d&&B(t,r,f)})(l,o,t,s,n):null!==s?(null!==e.i&&(l.textContent=""),z(l,null,t,s,0,s.length-1)):!n&&null!==o&&B(o,0,o.length-1)):e.i!==i&&(l.data=i)},K=e=>{e.u&&e.u.ref&&e.u.ref(null),e.h&&e.h.map(K)},Q=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),X=(e,t)=>{t&&!e.S&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.S=t)))},Y=(e,t)=>{if(e.l|=16,!(4&e.l))return X(e,e.j),S((()=>Z(e,t)));e.l|=512},Z=(e,t)=>{const n=e.t;if(!n)throw Error(`Can't render component <${e.$hostElement$.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);return t&&(e.l|=256,e.k&&(e.k.map((([e,t])=>ie(n,e,t))),e.k=void 0)),ee(void 0,(()=>ne(e,n,t)))},ee=(e,t)=>te(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),te=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,ne=async(e,t,n)=>{var l;const o=e.$hostElement$,s=o["s-rc"];n&&(e=>{const t=e.O,n=e.$hostElement$,l=t.l,o=((e,t)=>{var n;const l=T(t),o=r.get(l);if(e=11===e.nodeType?e:a,o)if("string"==typeof o){let s,i=H.get(e=e.head||e);if(i||H.set(e,i=new Set),!i.has(l)){{s=a.createElement("style"),s.innerHTML=o;const l=null!=(n=f.C)?n:k(a);if(null!=l&&s.setAttribute("nonce",l),!(1&t.l))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(s,n)}else if("host"in e)if(p){const t=new CSSStyleSheet;t.replaceSync(o),e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.innerHTML=o+t.innerHTML:e.prepend(s)}else e.append(s);1&t.l&&"HEAD"!==e.nodeName&&e.insertBefore(s,null)}4&t.l&&(s.innerHTML+=c),i&&i.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]);return l})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&2&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);le(e,t,o,n),s&&(s.map((e=>e())),o["s-rc"]=void 0);{const t=null!=(l=o["s-p"])?l:[],n=()=>oe(e);0===t.length?n():(Promise.all(t).then(n),e.l|=4,t.length=0)}},le=(e,t,n,l)=>{try{t=t.render(),e.l&=-17,e.l|=2,((e,t,n=!1)=>{const l=e.$hostElement$,o=e.O,s=e.M||R(null,null),i=(e=>e&&e.m===D)(t)?t:A(null,null,t);if(M=l.tagName,o.P&&(i.u=i.u||{},o.P.map((([e,t])=>i.u[t]=l[e]))),n&&i.u)for(const e of Object.keys(i.u))l.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(i.u[e]=l[e]);i.m=null,i.l|=4,e.M=i,i.$=s.$=l.shadowRoot||l,J(s,i,n)})(e,t,l)}catch(t){s(t,e.$hostElement$)}return null},oe=e=>{const t=e.$hostElement$,n=e.j;ie(e.t,"componentDidRender"),64&e.l||(e.l|=64,re(t),e.A(t),n||se()),e.S&&(e.S(),e.S=void 0),512&e.l&&b((()=>Y(e,!1))),e.l&=-517},se=()=>{re(a.documentElement),b((()=>(e=>{const t=f.ce("appload",{detail:{namespace:"casino-engagement-suite-bar"}});return e.dispatchEvent(t),t})(u)))},ie=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){s(e)}},re=e=>e.classList.add("hydrated"),ce=(e,t,l)=>{var o,s;const i=e.prototype;if(t.R){const r=Object.entries(null!=(o=t.R)?o:{});if(r.map((([e,[o]])=>{(31&o||2&l&&32&o)&&Object.defineProperty(i,e,{get(){return((e,t)=>n(this).D.get(t))(0,e)},set(l){((e,t,l,o)=>{const s=n(e);if(!s)throw Error(`Couldn't find host element for "${o.v}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const i=s.D.get(t),r=s.l,c=s.t;l=((e,t)=>null==e||j(e)?e:4&t?"false"!==e&&(""===e||!!e):1&t?e+"":e)(l,o.R[t][0]),8&r&&void 0!==i||l===i||Number.isNaN(i)&&Number.isNaN(l)||(s.D.set(t,l),c&&2==(18&r)&&Y(s,!1))})(this,e,l,t)},configurable:!0,enumerable:!0})})),1&l){const l=new Map;i.attributeChangedCallback=function(e,o,s){f.jmp((()=>{var r;const c=l.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const l=n(this),i=null==l?void 0:l.l;if(i&&!(8&i)&&128&i&&s!==o){const n=l.t,i=null==(r=t.H)?void 0:r[e];null==i||i.forEach((t=>{null!=n[t]&&n[t].call(n,s,o,e)}))}return}}this[c]=(null!==s||"boolean"!=typeof this[c])&&s}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=t.H)?s:{}),...r.filter((([e,t])=>15&t[0])).map((([e,n])=>{var o;const s=n[1]||e;return l.set(s,e),512&n[0]&&(null==(o=t.P)||o.push([e,s])),s}))]))}}return e},ue=(e,l={})=>{var o;const h=[],d=l.exclude||[],m=u.customElements,y=a.head,$=y.querySelector("meta[charset]"),v=a.createElement("style"),w=[];let b,S=!0;Object.assign(f,l),f.o=new URL(l.resourcesUrl||"./",a.baseURI).href;let g=!1;if(e.map((e=>{e[1].map((l=>{const o={l:l[0],v:l[1],R:l[2],T:l[3]};4&o.l&&(g=!0),o.R=l[2],o.T=l[3],o.P=[];const c=o.v,u=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const l={l:0,$hostElement$:e,O:n,D:new Map};l.N=new Promise((e=>l.A=e)),e["s-p"]=[],e["s-rc"]=[],t.set(e,l)})(e=this,o),1&o.l)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${o.v}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open"})}connectedCallback(){const e=n(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,ae(this,e,o.T)),b&&(clearTimeout(b),b=null),S?w.push(this):f.jmp((()=>(e=>{if(!(1&f.l)){const t=n(e),l=t.O,o=()=>{};if(1&t.l)ae(e,t,l.T),(null==t?void 0:t.t)||(null==t?void 0:t.N)&&t.N.then((()=>{}));else{t.l|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){X(t,t.j=n);break}}l.R&&Object.entries(l.R).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let l;if(!(32&t.l)){if(t.l|=32,n.U){const e=(e=>{const t=e.v.replace(/-/g,"_"),n=e.U;if(!n)return;const l=i.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(i.set(n,e),e[t])),s)
2
- /*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n);if(e&&"then"in e){const t=()=>{};l=await e,t()}else l=e;if(!l)throw Error(`Constructor for "${n.v}#${t.F}" was not found`);l.isProxied||(ce(l,n,2),l.isProxied=!0);const o=()=>{};t.l|=8;try{new l(t)}catch(e){s(e)}t.l&=-9,o()}else l=e.constructor,customElements.whenDefined(e.localName).then((()=>t.l|=128));if(l&&l.style){let e;"string"==typeof l.style&&(e=l.style);const t=T(n);if(!r.has(t)){const l=()=>{};((e,t,n)=>{let l=r.get(e);p&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,r.set(e,l)})(t,e,!!(1&n.l)),l()}}}const o=t.j,c=()=>Y(t,!0);o&&o["s-rc"]?o["s-rc"].push(c):c()})(e,t,l)}o()}})(this)))}disconnectedCallback(){f.jmp((()=>(async()=>{if(!(1&f.l)){const e=n(this);e.L&&(e.L.map((e=>e())),e.L=void 0),(null==e?void 0:e.t)||(null==e?void 0:e.N)&&e.N.then((()=>{}))}})()))}componentOnReady(){return n(this).N}};o.U=e[0],d.includes(c)||m.get(c)||(h.push(c),m.define(c,ce(u,o,1)))}))})),h.length>0&&(g&&(v.textContent+=c),v.textContent+=h.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",v.innerHTML.length)){v.setAttribute("data-styles","");const e=null!=(o=f.C)?o:k(a);null!=e&&v.setAttribute("nonce",e),y.insertBefore(v,$?$.nextSibling:y.firstChild)}S=!1,w.length?w.map((e=>e.connectedCallback())):f.jmp((()=>b=setTimeout(se,30)))},ae=(e,t,n)=>{n&&n.map((([n,l,o])=>{const s=he(e,n),i=fe(t,o),r=pe(n);f.ael(s,l,i,r),(t.L=t.L||[]).push((()=>f.rel(s,l,i,r)))}))},fe=(e,t)=>n=>{var l;try{256&e.l?null==(l=e.t)||l[t](n):(e.k=e.k||[]).push([t,n])}catch(e){s(e)}},he=(e,t)=>8&t?u:e,pe=e=>({passive:!!(1&e),capture:!!(2&e)}),de=e=>f.C=e;export{ue as b,A as h,h as p,l as r,de as s}
@@ -1,2 +0,0 @@
1
- import { Config } from '../../../../../../../../../../../stencil-public-runtime';
2
- export declare const config: Config;
@@ -1,2 +0,0 @@
1
- import { Config } from '../../../../../../../../../../../stencil-public-runtime';
2
- export declare const config: Config;