@everymatrix/lottery-bullet 1.76.12 → 1.76.13
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.
- package/dist/cjs/{index-1580c0b3.js → index-f5440596.js} +31 -5
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/lottery-bullet.cjs.entry.js +88 -24
- package/dist/cjs/lottery-bullet.cjs.js +2 -2
- package/dist/collection/components/lottery-bullet/lottery-bullet.js +57 -30
- package/dist/esm/{index-4eaba73f.js → index-92cdc135.js} +31 -5
- package/dist/esm/loader.js +3 -3
- package/dist/esm/lottery-bullet.entry.js +88 -24
- package/dist/esm/lottery-bullet.js +3 -3
- package/dist/lottery-bullet/{index-4eaba73f.js → index-92cdc135.js} +2 -2
- package/dist/lottery-bullet/lottery-bullet.entry.js +1 -1
- package/dist/lottery-bullet/lottery-bullet.esm.js +1 -1
- package/dist/types/components/lottery-bullet/lottery-bullet.d.ts +10 -5
- package/dist/types/components.d.ts +10 -2
- package/package.json +1 -1
|
@@ -21,7 +21,7 @@ function _interopNamespace(e) {
|
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
const NAMESPACE = 'lottery-bullet';
|
|
24
|
-
const BUILD = /* lottery-bullet */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad:
|
|
24
|
+
const BUILD = /* lottery-bullet */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, 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: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, 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: false, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: false, 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: true };
|
|
25
25
|
|
|
26
26
|
/*
|
|
27
27
|
Stencil Client Platform v4.19.2 | MIT Licensed | https://stenciljs.com
|
|
@@ -800,14 +800,14 @@ var postUpdateComponent = (hostRef) => {
|
|
|
800
800
|
const endPostUpdate = createTime("postUpdate", tagName);
|
|
801
801
|
const instance = hostRef.$lazyInstance$ ;
|
|
802
802
|
const ancestorComponent = hostRef.$ancestorComponent$;
|
|
803
|
-
{
|
|
804
|
-
safeCall(instance, "componentDidRender");
|
|
805
|
-
}
|
|
806
803
|
if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
|
|
807
804
|
hostRef.$flags$ |= 64 /* hasLoadedComponent */;
|
|
808
805
|
{
|
|
809
806
|
addHydratedFlag(elm);
|
|
810
807
|
}
|
|
808
|
+
{
|
|
809
|
+
safeCall(instance, "componentDidLoad");
|
|
810
|
+
}
|
|
811
811
|
endPostUpdate();
|
|
812
812
|
{
|
|
813
813
|
hostRef.$onReadyResolve$(elm);
|
|
@@ -859,6 +859,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
|
|
|
859
859
|
`Couldn't find host element for "${cmpMeta.$tagName$}" 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).`
|
|
860
860
|
);
|
|
861
861
|
}
|
|
862
|
+
const elm = hostRef.$hostElement$ ;
|
|
862
863
|
const oldVal = hostRef.$instanceValues$.get(propName);
|
|
863
864
|
const flags = hostRef.$flags$;
|
|
864
865
|
const instance = hostRef.$lazyInstance$ ;
|
|
@@ -868,6 +869,18 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
|
|
|
868
869
|
if ((!(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
|
|
869
870
|
hostRef.$instanceValues$.set(propName, newVal);
|
|
870
871
|
if (instance) {
|
|
872
|
+
if (cmpMeta.$watchers$ && flags & 128 /* isWatchReady */) {
|
|
873
|
+
const watchMethods = cmpMeta.$watchers$[propName];
|
|
874
|
+
if (watchMethods) {
|
|
875
|
+
watchMethods.map((watchMethodName) => {
|
|
876
|
+
try {
|
|
877
|
+
instance[watchMethodName](newVal, oldVal, propName);
|
|
878
|
+
} catch (e) {
|
|
879
|
+
consoleError(e, elm);
|
|
880
|
+
}
|
|
881
|
+
});
|
|
882
|
+
}
|
|
883
|
+
}
|
|
871
884
|
if ((flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
|
|
872
885
|
scheduleUpdate(hostRef, false);
|
|
873
886
|
}
|
|
@@ -879,7 +892,10 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
|
|
|
879
892
|
var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
880
893
|
var _a, _b;
|
|
881
894
|
const prototype = Cstr.prototype;
|
|
882
|
-
if (cmpMeta.$members$ ||
|
|
895
|
+
if (cmpMeta.$members$ || (cmpMeta.$watchers$ || Cstr.watchers)) {
|
|
896
|
+
if (Cstr.watchers && !cmpMeta.$watchers$) {
|
|
897
|
+
cmpMeta.$watchers$ = Cstr.watchers;
|
|
898
|
+
}
|
|
883
899
|
const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
|
|
884
900
|
members.map(([memberName, [memberFlags]]) => {
|
|
885
901
|
if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
|
|
@@ -961,6 +977,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
961
977
|
throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
|
|
962
978
|
}
|
|
963
979
|
if (!Cstr.isProxied) {
|
|
980
|
+
{
|
|
981
|
+
cmpMeta.$watchers$ = Cstr.watchers;
|
|
982
|
+
}
|
|
964
983
|
proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
|
|
965
984
|
Cstr.isProxied = true;
|
|
966
985
|
}
|
|
@@ -976,6 +995,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
976
995
|
{
|
|
977
996
|
hostRef.$flags$ &= ~8 /* isConstructingInstance */;
|
|
978
997
|
}
|
|
998
|
+
{
|
|
999
|
+
hostRef.$flags$ |= 128 /* isWatchReady */;
|
|
1000
|
+
}
|
|
979
1001
|
endNewInstance();
|
|
980
1002
|
} else {
|
|
981
1003
|
Cstr = elm.constructor;
|
|
@@ -1072,6 +1094,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1072
1094
|
let hasSlotRelocation = false;
|
|
1073
1095
|
lazyBundles.map((lazyBundle) => {
|
|
1074
1096
|
lazyBundle[1].map((compactMeta) => {
|
|
1097
|
+
var _a2;
|
|
1075
1098
|
const cmpMeta = {
|
|
1076
1099
|
$flags$: compactMeta[0],
|
|
1077
1100
|
$tagName$: compactMeta[1],
|
|
@@ -1087,6 +1110,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1087
1110
|
{
|
|
1088
1111
|
cmpMeta.$attrsToReflect$ = [];
|
|
1089
1112
|
}
|
|
1113
|
+
{
|
|
1114
|
+
cmpMeta.$watchers$ = (_a2 = compactMeta[4]) != null ? _a2 : {};
|
|
1115
|
+
}
|
|
1090
1116
|
const tagName = cmpMeta.$tagName$;
|
|
1091
1117
|
const HostElement = class extends HTMLElement {
|
|
1092
1118
|
// StencilLazyHost
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-f5440596.js');
|
|
6
6
|
const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
7
7
|
|
|
8
8
|
const defineCustomElements = async (win, options) => {
|
|
9
9
|
if (typeof window === 'undefined') return undefined;
|
|
10
10
|
await appGlobals.globalScripts();
|
|
11
|
-
return index.bootstrapLazy([["lottery-bullet.cjs",[[1,"lottery-bullet",{"value":[513],"selectable":[516],"isSelected":[516,"is-selected"],"isBonus":[516,"is-bonus"],"clientStyling":[513,"client-styling"],"
|
|
11
|
+
return index.bootstrapLazy([["lottery-bullet.cjs",[[1,"lottery-bullet",{"value":[513],"selectable":[516],"isSelected":[516,"is-selected"],"isBonus":[516,"is-bonus"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
exports.setNonce = index.setNonce;
|
|
@@ -2,7 +2,64 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-f5440596.js');
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* @name setClientStyling
|
|
9
|
+
* @description Method used to create and append to the passed element of the widget a style element with the content received
|
|
10
|
+
* @param {HTMLElement} stylingContainer The reference element of the widget
|
|
11
|
+
* @param {string} clientStyling The style content
|
|
12
|
+
*/
|
|
13
|
+
function setClientStyling(stylingContainer, clientStyling) {
|
|
14
|
+
if (stylingContainer) {
|
|
15
|
+
const sheet = document.createElement('style');
|
|
16
|
+
sheet.innerHTML = clientStyling;
|
|
17
|
+
stylingContainer.appendChild(sheet);
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
/**
|
|
22
|
+
* @name setClientStylingURL
|
|
23
|
+
* @description Method used to create and append to the passed element of the widget a style element with the content fetched from a given URL
|
|
24
|
+
* @param {HTMLElement} stylingContainer The reference element of the widget
|
|
25
|
+
* @param {string} clientStylingUrl The URL of the style content
|
|
26
|
+
*/
|
|
27
|
+
function setClientStylingURL(stylingContainer, clientStylingUrl) {
|
|
28
|
+
const url = new URL(clientStylingUrl);
|
|
29
|
+
|
|
30
|
+
fetch(url.href)
|
|
31
|
+
.then((res) => res.text())
|
|
32
|
+
.then((data) => {
|
|
33
|
+
const cssFile = document.createElement('style');
|
|
34
|
+
cssFile.innerHTML = data;
|
|
35
|
+
if (stylingContainer) {
|
|
36
|
+
stylingContainer.appendChild(cssFile);
|
|
37
|
+
}
|
|
38
|
+
})
|
|
39
|
+
.catch((err) => {
|
|
40
|
+
console.error('There was an error while trying to load client styling from URL', err);
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
/**
|
|
45
|
+
* @name setStreamLibrary
|
|
46
|
+
* @description Method used to create and append to the passed element of the widget a style element with content fetched from the MessageBus
|
|
47
|
+
* @param {HTMLElement} stylingContainer The highest element of the widget
|
|
48
|
+
* @param {string} domain The domain from where the content should be fetched (e.g. 'Casino.Style', 'App.Style', 'casino-footer.style', etc.)
|
|
49
|
+
* @param {ref} subscription A reference to a variable where the subscription should be saved for unsubscribing when no longer needed
|
|
50
|
+
*/
|
|
51
|
+
function setStreamStyling(stylingContainer, domain, subscription) {
|
|
52
|
+
if (window.emMessageBus) {
|
|
53
|
+
const sheet = document.createElement('style');
|
|
54
|
+
|
|
55
|
+
window.emMessageBus.subscribe(domain, (data) => {
|
|
56
|
+
sheet.innerHTML = data;
|
|
57
|
+
if (stylingContainer) {
|
|
58
|
+
stylingContainer.appendChild(sheet);
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
}
|
|
62
|
+
}
|
|
6
63
|
|
|
7
64
|
const lotteryBulletCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}@-webkit-keyframes Circle{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes Circle{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes hover-rotate{0%{-webkit-transform:scale(1) rotateZ(0);transform:scale(1) rotateZ(0)}50%{-webkit-transform:scale(1.2) rotateZ(180deg);transform:scale(1.22) rotateZ(180deg)}100%{-webkit-transform:scale(1) rotateZ(360deg);transform:scale(1) rotateZ(360deg)}}@keyframes hover-rotate{0%{-webkit-transform:scale(1) rotateZ(0);transform:scale(1) rotateZ(0)}50%{-webkit-transform:scale(1.2) rotateZ(180deg);transform:scale(1.2) rotateZ(180deg)}100%{-webkit-transform:scale(1) rotateZ(360deg);transform:scale(1) rotateZ(360deg)}}@-webkit-keyframes selected-scaleUp{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes selected-scaleUp{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}.Circle{-webkit-animation:Circle 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:Circle 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both;cursor:pointer;color:var(--emw--button-text-color, #000);display:block;height:30px;width:30px;margin:0;display:flex;align-items:center;justify-content:center;justify-content:center;align-items:center;border:solid 2px var(--emw--color-gray-transparency-100, rgb(255, 255, 255));background:radial-gradient(circle at top, var(--emw--color-gray-transparency-100, rgb(255, 255, 255)) 0%, var(--emw--color-gray-transparency-100, rgb(255, 255, 255)) 100%);font-weight:bold;border-radius:50%;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);user-select:none;font-size:16px;line-height:16px;font-weight:600;position:relative}.Circle:hover{-webkit-animation:hover-rotate 0.4s linear both;animation:hover-rotate 0.4s linear both;background:radial-gradient(circle at top, var(--emw--color-gray-transparency-100, rgb(255, 255, 255)) 0%, var(--emw--color-gray-50, #F1F1F1) 100%)}.Circle.Selected{-webkit-animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;color:var(--emw--color-gray-transparency-100, rgb(255, 255, 255));background:var(--emw--color-primary, #9EC258);background:-webkit-radial-gradient(top, var(--emw--button-background-color, #00958f), var(--emw--color-primary-variant, #004D4A));background:-moz-radial-gradient(top, var(--emw--button-background-color, #00958f), var(--emw--color-primary-variant, #004D4A));background:radial-gradient(circle at top, var(--emw--button-background-color, #00958f), var(--emw--color-primary-variant, #004D4A));border:solid 2px var(--emw--button-border-color, #00958f)}.Circle.Disabled{-webkit-animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;color:var(--emw--color-gray-50, #F1F1F1);background:var(--emw--color-gray-100, #D4D4D4);border:solid 2px var(--emw--color-gray-100, #D4D4D4);cursor:default}.Circle.DisabledSelected{-webkit-animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;color:var(--emw--color-gray-50, #F1F1F1);background:var(--emw--color-primary, #9EC258);background:-webkit-radial-gradient(top, var(--emw--button-background-color, #00958f), var(--emw--color-primary-variant, #004D4A));background:-moz-radial-gradient(top, var(--emw--button-background-color, #00958f), var(--emw--color-primary-variant, #004D4A));background:radial-gradient(circle at top, var(--emw--button-background-color, #00958f), var(--emw--color-primary-variant, #004D4A));border:solid 2px var(--emw--color-gray-100, #D4D4D4);cursor:default}.Circle.Bonus{background:var(--emw--color-error, #FF3D00)}";
|
|
8
65
|
const LotteryBulletStyle0 = lotteryBulletCss;
|
|
@@ -20,40 +77,47 @@ const LotteryBullet = class {
|
|
|
20
77
|
});
|
|
21
78
|
}
|
|
22
79
|
};
|
|
23
|
-
this.setClientStyling = () => {
|
|
24
|
-
let sheet = document.createElement('style');
|
|
25
|
-
sheet.innerHTML = this.clientStyling;
|
|
26
|
-
this.stylingContainer.prepend(sheet);
|
|
27
|
-
};
|
|
28
|
-
this.setClientStylingURL = () => {
|
|
29
|
-
let cssFile = document.createElement('style');
|
|
30
|
-
setTimeout(() => {
|
|
31
|
-
cssFile.innerHTML = this.clientStylingUrlContent;
|
|
32
|
-
this.stylingContainer.prepend(cssFile);
|
|
33
|
-
}, 1);
|
|
34
|
-
};
|
|
35
80
|
this.value = '0';
|
|
36
81
|
this.selectable = true;
|
|
37
82
|
this.isSelected = false;
|
|
38
83
|
this.isBonus = false;
|
|
39
84
|
this.clientStyling = '';
|
|
40
|
-
this.
|
|
41
|
-
this.
|
|
85
|
+
this.clientStylingUrl = '';
|
|
86
|
+
this.mbSource = undefined;
|
|
87
|
+
}
|
|
88
|
+
handleClientStylingChange(newValue, oldValue) {
|
|
89
|
+
if (newValue != oldValue) {
|
|
90
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
handleClientStylingUrlChange(newValue, oldValue) {
|
|
94
|
+
if (newValue != oldValue) {
|
|
95
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
handleMbSourceChange(newValue, oldValue) {
|
|
99
|
+
if (newValue != oldValue) {
|
|
100
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
101
|
+
}
|
|
42
102
|
}
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
103
|
+
componentDidLoad() {
|
|
104
|
+
if (this.stylingContainer) {
|
|
105
|
+
if (this.mbSource)
|
|
106
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
46
107
|
if (this.clientStyling)
|
|
47
|
-
this.
|
|
48
|
-
if (this.
|
|
49
|
-
this.
|
|
50
|
-
this.limitStylingAppends = true;
|
|
108
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
109
|
+
if (this.clientStylingUrl)
|
|
110
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
51
111
|
}
|
|
52
|
-
// end custom styling area
|
|
53
112
|
}
|
|
54
113
|
render() {
|
|
55
|
-
return (index.h("div", { key: '
|
|
114
|
+
return (index.h("div", { key: '2cfab600728d3aa72f9f87e4e07a968ea030e415', class: 'Circle ' + (this.selectable ? '' : 'Disabled') + (this.isSelected ? 'Selected' : '') + (this.isBonus ? ' Bonus' : ''), onClick: () => this.select(), ref: el => this.stylingContainer = el }, this.value));
|
|
56
115
|
}
|
|
116
|
+
static get watchers() { return {
|
|
117
|
+
"clientStyling": ["handleClientStylingChange"],
|
|
118
|
+
"clientStylingUrl": ["handleClientStylingUrlChange"],
|
|
119
|
+
"mbSource": ["handleMbSourceChange"]
|
|
120
|
+
}; }
|
|
57
121
|
};
|
|
58
122
|
LotteryBullet.style = LotteryBulletStyle0;
|
|
59
123
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-f5440596.js');
|
|
6
6
|
const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
7
7
|
|
|
8
8
|
/*
|
|
@@ -19,7 +19,7 @@ var patchBrowser = () => {
|
|
|
19
19
|
|
|
20
20
|
patchBrowser().then(async (options) => {
|
|
21
21
|
await appGlobals.globalScripts();
|
|
22
|
-
return index.bootstrapLazy([["lottery-bullet.cjs",[[1,"lottery-bullet",{"value":[513],"selectable":[516],"isSelected":[516,"is-selected"],"isBonus":[516,"is-bonus"],"clientStyling":[513,"client-styling"],"
|
|
22
|
+
return index.bootstrapLazy([["lottery-bullet.cjs",[[1,"lottery-bullet",{"value":[513],"selectable":[516],"isSelected":[516,"is-selected"],"isBonus":[516,"is-bonus"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.setNonce = index.setNonce;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
|
+
import { setClientStyling, setClientStylingURL, setStreamStyling } from "../../../../../../../../libs/common/src/styling/index";
|
|
2
3
|
export class LotteryBullet {
|
|
3
4
|
constructor() {
|
|
4
5
|
this.select = () => {
|
|
@@ -10,39 +11,41 @@ export class LotteryBullet {
|
|
|
10
11
|
});
|
|
11
12
|
}
|
|
12
13
|
};
|
|
13
|
-
this.setClientStyling = () => {
|
|
14
|
-
let sheet = document.createElement('style');
|
|
15
|
-
sheet.innerHTML = this.clientStyling;
|
|
16
|
-
this.stylingContainer.prepend(sheet);
|
|
17
|
-
};
|
|
18
|
-
this.setClientStylingURL = () => {
|
|
19
|
-
let cssFile = document.createElement('style');
|
|
20
|
-
setTimeout(() => {
|
|
21
|
-
cssFile.innerHTML = this.clientStylingUrlContent;
|
|
22
|
-
this.stylingContainer.prepend(cssFile);
|
|
23
|
-
}, 1);
|
|
24
|
-
};
|
|
25
14
|
this.value = '0';
|
|
26
15
|
this.selectable = true;
|
|
27
16
|
this.isSelected = false;
|
|
28
17
|
this.isBonus = false;
|
|
29
18
|
this.clientStyling = '';
|
|
30
|
-
this.
|
|
31
|
-
this.
|
|
19
|
+
this.clientStylingUrl = '';
|
|
20
|
+
this.mbSource = undefined;
|
|
21
|
+
}
|
|
22
|
+
handleClientStylingChange(newValue, oldValue) {
|
|
23
|
+
if (newValue != oldValue) {
|
|
24
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
handleClientStylingUrlChange(newValue, oldValue) {
|
|
28
|
+
if (newValue != oldValue) {
|
|
29
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
handleMbSourceChange(newValue, oldValue) {
|
|
33
|
+
if (newValue != oldValue) {
|
|
34
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
|
|
35
|
+
}
|
|
32
36
|
}
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
37
|
+
componentDidLoad() {
|
|
38
|
+
if (this.stylingContainer) {
|
|
39
|
+
if (this.mbSource)
|
|
40
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
|
|
36
41
|
if (this.clientStyling)
|
|
37
|
-
this.
|
|
38
|
-
if (this.
|
|
39
|
-
this.
|
|
40
|
-
this.limitStylingAppends = true;
|
|
42
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
43
|
+
if (this.clientStylingUrl)
|
|
44
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
41
45
|
}
|
|
42
|
-
// end custom styling area
|
|
43
46
|
}
|
|
44
47
|
render() {
|
|
45
|
-
return (h("div", { key: '
|
|
48
|
+
return (h("div", { key: '2cfab600728d3aa72f9f87e4e07a968ea030e415', class: 'Circle ' + (this.selectable ? '' : 'Disabled') + (this.isSelected ? 'Selected' : '') + (this.isBonus ? ' Bonus' : ''), onClick: () => this.select(), ref: el => this.stylingContainer = el }, this.value));
|
|
46
49
|
}
|
|
47
50
|
static get is() { return "lottery-bullet"; }
|
|
48
51
|
static get encapsulation() { return "shadow"; }
|
|
@@ -148,7 +151,7 @@ export class LotteryBullet {
|
|
|
148
151
|
"reflect": true,
|
|
149
152
|
"defaultValue": "''"
|
|
150
153
|
},
|
|
151
|
-
"
|
|
154
|
+
"clientStylingUrl": {
|
|
152
155
|
"type": "string",
|
|
153
156
|
"mutable": false,
|
|
154
157
|
"complexType": {
|
|
@@ -162,17 +165,29 @@ export class LotteryBullet {
|
|
|
162
165
|
"tags": [],
|
|
163
166
|
"text": "Client custom styling via url content"
|
|
164
167
|
},
|
|
165
|
-
"attribute": "client-styling-url
|
|
168
|
+
"attribute": "client-styling-url",
|
|
166
169
|
"reflect": true,
|
|
167
170
|
"defaultValue": "''"
|
|
171
|
+
},
|
|
172
|
+
"mbSource": {
|
|
173
|
+
"type": "string",
|
|
174
|
+
"mutable": false,
|
|
175
|
+
"complexType": {
|
|
176
|
+
"original": "string",
|
|
177
|
+
"resolved": "string",
|
|
178
|
+
"references": {}
|
|
179
|
+
},
|
|
180
|
+
"required": false,
|
|
181
|
+
"optional": false,
|
|
182
|
+
"docs": {
|
|
183
|
+
"tags": [],
|
|
184
|
+
"text": "Client custom styling via message bus"
|
|
185
|
+
},
|
|
186
|
+
"attribute": "mb-source",
|
|
187
|
+
"reflect": true
|
|
168
188
|
}
|
|
169
189
|
};
|
|
170
190
|
}
|
|
171
|
-
static get states() {
|
|
172
|
-
return {
|
|
173
|
-
"limitStylingAppends": {}
|
|
174
|
-
};
|
|
175
|
-
}
|
|
176
191
|
static get events() {
|
|
177
192
|
return [{
|
|
178
193
|
"method": "bulletEvent",
|
|
@@ -197,4 +212,16 @@ export class LotteryBullet {
|
|
|
197
212
|
}
|
|
198
213
|
}];
|
|
199
214
|
}
|
|
215
|
+
static get watchers() {
|
|
216
|
+
return [{
|
|
217
|
+
"propName": "clientStyling",
|
|
218
|
+
"methodName": "handleClientStylingChange"
|
|
219
|
+
}, {
|
|
220
|
+
"propName": "clientStylingUrl",
|
|
221
|
+
"methodName": "handleClientStylingUrlChange"
|
|
222
|
+
}, {
|
|
223
|
+
"propName": "mbSource",
|
|
224
|
+
"methodName": "handleMbSourceChange"
|
|
225
|
+
}];
|
|
226
|
+
}
|
|
200
227
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
const NAMESPACE = 'lottery-bullet';
|
|
2
|
-
const BUILD = /* lottery-bullet */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad:
|
|
2
|
+
const BUILD = /* lottery-bullet */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, 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: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, 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: false, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: false, 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: true };
|
|
3
3
|
|
|
4
4
|
/*
|
|
5
5
|
Stencil Client Platform v4.19.2 | MIT Licensed | https://stenciljs.com
|
|
@@ -778,14 +778,14 @@ var postUpdateComponent = (hostRef) => {
|
|
|
778
778
|
const endPostUpdate = createTime("postUpdate", tagName);
|
|
779
779
|
const instance = hostRef.$lazyInstance$ ;
|
|
780
780
|
const ancestorComponent = hostRef.$ancestorComponent$;
|
|
781
|
-
{
|
|
782
|
-
safeCall(instance, "componentDidRender");
|
|
783
|
-
}
|
|
784
781
|
if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
|
|
785
782
|
hostRef.$flags$ |= 64 /* hasLoadedComponent */;
|
|
786
783
|
{
|
|
787
784
|
addHydratedFlag(elm);
|
|
788
785
|
}
|
|
786
|
+
{
|
|
787
|
+
safeCall(instance, "componentDidLoad");
|
|
788
|
+
}
|
|
789
789
|
endPostUpdate();
|
|
790
790
|
{
|
|
791
791
|
hostRef.$onReadyResolve$(elm);
|
|
@@ -837,6 +837,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
|
|
|
837
837
|
`Couldn't find host element for "${cmpMeta.$tagName$}" 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).`
|
|
838
838
|
);
|
|
839
839
|
}
|
|
840
|
+
const elm = hostRef.$hostElement$ ;
|
|
840
841
|
const oldVal = hostRef.$instanceValues$.get(propName);
|
|
841
842
|
const flags = hostRef.$flags$;
|
|
842
843
|
const instance = hostRef.$lazyInstance$ ;
|
|
@@ -846,6 +847,18 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
|
|
|
846
847
|
if ((!(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
|
|
847
848
|
hostRef.$instanceValues$.set(propName, newVal);
|
|
848
849
|
if (instance) {
|
|
850
|
+
if (cmpMeta.$watchers$ && flags & 128 /* isWatchReady */) {
|
|
851
|
+
const watchMethods = cmpMeta.$watchers$[propName];
|
|
852
|
+
if (watchMethods) {
|
|
853
|
+
watchMethods.map((watchMethodName) => {
|
|
854
|
+
try {
|
|
855
|
+
instance[watchMethodName](newVal, oldVal, propName);
|
|
856
|
+
} catch (e) {
|
|
857
|
+
consoleError(e, elm);
|
|
858
|
+
}
|
|
859
|
+
});
|
|
860
|
+
}
|
|
861
|
+
}
|
|
849
862
|
if ((flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
|
|
850
863
|
scheduleUpdate(hostRef, false);
|
|
851
864
|
}
|
|
@@ -857,7 +870,10 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
|
|
|
857
870
|
var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
858
871
|
var _a, _b;
|
|
859
872
|
const prototype = Cstr.prototype;
|
|
860
|
-
if (cmpMeta.$members$ ||
|
|
873
|
+
if (cmpMeta.$members$ || (cmpMeta.$watchers$ || Cstr.watchers)) {
|
|
874
|
+
if (Cstr.watchers && !cmpMeta.$watchers$) {
|
|
875
|
+
cmpMeta.$watchers$ = Cstr.watchers;
|
|
876
|
+
}
|
|
861
877
|
const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
|
|
862
878
|
members.map(([memberName, [memberFlags]]) => {
|
|
863
879
|
if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
|
|
@@ -939,6 +955,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
939
955
|
throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
|
|
940
956
|
}
|
|
941
957
|
if (!Cstr.isProxied) {
|
|
958
|
+
{
|
|
959
|
+
cmpMeta.$watchers$ = Cstr.watchers;
|
|
960
|
+
}
|
|
942
961
|
proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
|
|
943
962
|
Cstr.isProxied = true;
|
|
944
963
|
}
|
|
@@ -954,6 +973,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
954
973
|
{
|
|
955
974
|
hostRef.$flags$ &= ~8 /* isConstructingInstance */;
|
|
956
975
|
}
|
|
976
|
+
{
|
|
977
|
+
hostRef.$flags$ |= 128 /* isWatchReady */;
|
|
978
|
+
}
|
|
957
979
|
endNewInstance();
|
|
958
980
|
} else {
|
|
959
981
|
Cstr = elm.constructor;
|
|
@@ -1050,6 +1072,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1050
1072
|
let hasSlotRelocation = false;
|
|
1051
1073
|
lazyBundles.map((lazyBundle) => {
|
|
1052
1074
|
lazyBundle[1].map((compactMeta) => {
|
|
1075
|
+
var _a2;
|
|
1053
1076
|
const cmpMeta = {
|
|
1054
1077
|
$flags$: compactMeta[0],
|
|
1055
1078
|
$tagName$: compactMeta[1],
|
|
@@ -1065,6 +1088,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1065
1088
|
{
|
|
1066
1089
|
cmpMeta.$attrsToReflect$ = [];
|
|
1067
1090
|
}
|
|
1091
|
+
{
|
|
1092
|
+
cmpMeta.$watchers$ = (_a2 = compactMeta[4]) != null ? _a2 : {};
|
|
1093
|
+
}
|
|
1068
1094
|
const tagName = cmpMeta.$tagName$;
|
|
1069
1095
|
const HostElement = class extends HTMLElement {
|
|
1070
1096
|
// StencilLazyHost
|
package/dist/esm/loader.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { b as bootstrapLazy } from './index-92cdc135.js';
|
|
2
|
+
export { s as setNonce } from './index-92cdc135.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
4
4
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await globalScripts();
|
|
8
|
-
return bootstrapLazy([["lottery-bullet",[[1,"lottery-bullet",{"value":[513],"selectable":[516],"isSelected":[516,"is-selected"],"isBonus":[516,"is-bonus"],"clientStyling":[513,"client-styling"],"
|
|
8
|
+
return bootstrapLazy([["lottery-bullet",[[1,"lottery-bullet",{"value":[513],"selectable":[516],"isSelected":[516,"is-selected"],"isBonus":[516,"is-bonus"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|
|
@@ -1,4 +1,61 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h } from './index-92cdc135.js';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* @name setClientStyling
|
|
5
|
+
* @description Method used to create and append to the passed element of the widget a style element with the content received
|
|
6
|
+
* @param {HTMLElement} stylingContainer The reference element of the widget
|
|
7
|
+
* @param {string} clientStyling The style content
|
|
8
|
+
*/
|
|
9
|
+
function setClientStyling(stylingContainer, clientStyling) {
|
|
10
|
+
if (stylingContainer) {
|
|
11
|
+
const sheet = document.createElement('style');
|
|
12
|
+
sheet.innerHTML = clientStyling;
|
|
13
|
+
stylingContainer.appendChild(sheet);
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* @name setClientStylingURL
|
|
19
|
+
* @description Method used to create and append to the passed element of the widget a style element with the content fetched from a given URL
|
|
20
|
+
* @param {HTMLElement} stylingContainer The reference element of the widget
|
|
21
|
+
* @param {string} clientStylingUrl The URL of the style content
|
|
22
|
+
*/
|
|
23
|
+
function setClientStylingURL(stylingContainer, clientStylingUrl) {
|
|
24
|
+
const url = new URL(clientStylingUrl);
|
|
25
|
+
|
|
26
|
+
fetch(url.href)
|
|
27
|
+
.then((res) => res.text())
|
|
28
|
+
.then((data) => {
|
|
29
|
+
const cssFile = document.createElement('style');
|
|
30
|
+
cssFile.innerHTML = data;
|
|
31
|
+
if (stylingContainer) {
|
|
32
|
+
stylingContainer.appendChild(cssFile);
|
|
33
|
+
}
|
|
34
|
+
})
|
|
35
|
+
.catch((err) => {
|
|
36
|
+
console.error('There was an error while trying to load client styling from URL', err);
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
/**
|
|
41
|
+
* @name setStreamLibrary
|
|
42
|
+
* @description Method used to create and append to the passed element of the widget a style element with content fetched from the MessageBus
|
|
43
|
+
* @param {HTMLElement} stylingContainer The highest element of the widget
|
|
44
|
+
* @param {string} domain The domain from where the content should be fetched (e.g. 'Casino.Style', 'App.Style', 'casino-footer.style', etc.)
|
|
45
|
+
* @param {ref} subscription A reference to a variable where the subscription should be saved for unsubscribing when no longer needed
|
|
46
|
+
*/
|
|
47
|
+
function setStreamStyling(stylingContainer, domain, subscription) {
|
|
48
|
+
if (window.emMessageBus) {
|
|
49
|
+
const sheet = document.createElement('style');
|
|
50
|
+
|
|
51
|
+
window.emMessageBus.subscribe(domain, (data) => {
|
|
52
|
+
sheet.innerHTML = data;
|
|
53
|
+
if (stylingContainer) {
|
|
54
|
+
stylingContainer.appendChild(sheet);
|
|
55
|
+
}
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
}
|
|
2
59
|
|
|
3
60
|
const lotteryBulletCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}@-webkit-keyframes Circle{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes Circle{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes hover-rotate{0%{-webkit-transform:scale(1) rotateZ(0);transform:scale(1) rotateZ(0)}50%{-webkit-transform:scale(1.2) rotateZ(180deg);transform:scale(1.22) rotateZ(180deg)}100%{-webkit-transform:scale(1) rotateZ(360deg);transform:scale(1) rotateZ(360deg)}}@keyframes hover-rotate{0%{-webkit-transform:scale(1) rotateZ(0);transform:scale(1) rotateZ(0)}50%{-webkit-transform:scale(1.2) rotateZ(180deg);transform:scale(1.2) rotateZ(180deg)}100%{-webkit-transform:scale(1) rotateZ(360deg);transform:scale(1) rotateZ(360deg)}}@-webkit-keyframes selected-scaleUp{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes selected-scaleUp{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}.Circle{-webkit-animation:Circle 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:Circle 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both;cursor:pointer;color:var(--emw--button-text-color, #000);display:block;height:30px;width:30px;margin:0;display:flex;align-items:center;justify-content:center;justify-content:center;align-items:center;border:solid 2px var(--emw--color-gray-transparency-100, rgb(255, 255, 255));background:radial-gradient(circle at top, var(--emw--color-gray-transparency-100, rgb(255, 255, 255)) 0%, var(--emw--color-gray-transparency-100, rgb(255, 255, 255)) 100%);font-weight:bold;border-radius:50%;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);user-select:none;font-size:16px;line-height:16px;font-weight:600;position:relative}.Circle:hover{-webkit-animation:hover-rotate 0.4s linear both;animation:hover-rotate 0.4s linear both;background:radial-gradient(circle at top, var(--emw--color-gray-transparency-100, rgb(255, 255, 255)) 0%, var(--emw--color-gray-50, #F1F1F1) 100%)}.Circle.Selected{-webkit-animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;color:var(--emw--color-gray-transparency-100, rgb(255, 255, 255));background:var(--emw--color-primary, #9EC258);background:-webkit-radial-gradient(top, var(--emw--button-background-color, #00958f), var(--emw--color-primary-variant, #004D4A));background:-moz-radial-gradient(top, var(--emw--button-background-color, #00958f), var(--emw--color-primary-variant, #004D4A));background:radial-gradient(circle at top, var(--emw--button-background-color, #00958f), var(--emw--color-primary-variant, #004D4A));border:solid 2px var(--emw--button-border-color, #00958f)}.Circle.Disabled{-webkit-animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;color:var(--emw--color-gray-50, #F1F1F1);background:var(--emw--color-gray-100, #D4D4D4);border:solid 2px var(--emw--color-gray-100, #D4D4D4);cursor:default}.Circle.DisabledSelected{-webkit-animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;color:var(--emw--color-gray-50, #F1F1F1);background:var(--emw--color-primary, #9EC258);background:-webkit-radial-gradient(top, var(--emw--button-background-color, #00958f), var(--emw--color-primary-variant, #004D4A));background:-moz-radial-gradient(top, var(--emw--button-background-color, #00958f), var(--emw--color-primary-variant, #004D4A));background:radial-gradient(circle at top, var(--emw--button-background-color, #00958f), var(--emw--color-primary-variant, #004D4A));border:solid 2px var(--emw--color-gray-100, #D4D4D4);cursor:default}.Circle.Bonus{background:var(--emw--color-error, #FF3D00)}";
|
|
4
61
|
const LotteryBulletStyle0 = lotteryBulletCss;
|
|
@@ -16,40 +73,47 @@ const LotteryBullet = class {
|
|
|
16
73
|
});
|
|
17
74
|
}
|
|
18
75
|
};
|
|
19
|
-
this.setClientStyling = () => {
|
|
20
|
-
let sheet = document.createElement('style');
|
|
21
|
-
sheet.innerHTML = this.clientStyling;
|
|
22
|
-
this.stylingContainer.prepend(sheet);
|
|
23
|
-
};
|
|
24
|
-
this.setClientStylingURL = () => {
|
|
25
|
-
let cssFile = document.createElement('style');
|
|
26
|
-
setTimeout(() => {
|
|
27
|
-
cssFile.innerHTML = this.clientStylingUrlContent;
|
|
28
|
-
this.stylingContainer.prepend(cssFile);
|
|
29
|
-
}, 1);
|
|
30
|
-
};
|
|
31
76
|
this.value = '0';
|
|
32
77
|
this.selectable = true;
|
|
33
78
|
this.isSelected = false;
|
|
34
79
|
this.isBonus = false;
|
|
35
80
|
this.clientStyling = '';
|
|
36
|
-
this.
|
|
37
|
-
this.
|
|
81
|
+
this.clientStylingUrl = '';
|
|
82
|
+
this.mbSource = undefined;
|
|
83
|
+
}
|
|
84
|
+
handleClientStylingChange(newValue, oldValue) {
|
|
85
|
+
if (newValue != oldValue) {
|
|
86
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
handleClientStylingUrlChange(newValue, oldValue) {
|
|
90
|
+
if (newValue != oldValue) {
|
|
91
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
handleMbSourceChange(newValue, oldValue) {
|
|
95
|
+
if (newValue != oldValue) {
|
|
96
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
97
|
+
}
|
|
38
98
|
}
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
99
|
+
componentDidLoad() {
|
|
100
|
+
if (this.stylingContainer) {
|
|
101
|
+
if (this.mbSource)
|
|
102
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
42
103
|
if (this.clientStyling)
|
|
43
|
-
this.
|
|
44
|
-
if (this.
|
|
45
|
-
this.
|
|
46
|
-
this.limitStylingAppends = true;
|
|
104
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
105
|
+
if (this.clientStylingUrl)
|
|
106
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
47
107
|
}
|
|
48
|
-
// end custom styling area
|
|
49
108
|
}
|
|
50
109
|
render() {
|
|
51
|
-
return (h("div", { key: '
|
|
110
|
+
return (h("div", { key: '2cfab600728d3aa72f9f87e4e07a968ea030e415', class: 'Circle ' + (this.selectable ? '' : 'Disabled') + (this.isSelected ? 'Selected' : '') + (this.isBonus ? ' Bonus' : ''), onClick: () => this.select(), ref: el => this.stylingContainer = el }, this.value));
|
|
52
111
|
}
|
|
112
|
+
static get watchers() { return {
|
|
113
|
+
"clientStyling": ["handleClientStylingChange"],
|
|
114
|
+
"clientStylingUrl": ["handleClientStylingUrlChange"],
|
|
115
|
+
"mbSource": ["handleMbSourceChange"]
|
|
116
|
+
}; }
|
|
53
117
|
};
|
|
54
118
|
LotteryBullet.style = LotteryBulletStyle0;
|
|
55
119
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { p as promiseResolve, b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { p as promiseResolve, b as bootstrapLazy } from './index-92cdc135.js';
|
|
2
|
+
export { s as setNonce } from './index-92cdc135.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
4
4
|
|
|
5
5
|
/*
|
|
@@ -16,5 +16,5 @@ var patchBrowser = () => {
|
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(async (options) => {
|
|
18
18
|
await globalScripts();
|
|
19
|
-
return bootstrapLazy([["lottery-bullet",[[1,"lottery-bullet",{"value":[513],"selectable":[516],"isSelected":[516,"is-selected"],"isBonus":[516,"is-bonus"],"clientStyling":[513,"client-styling"],"
|
|
19
|
+
return bootstrapLazy([["lottery-bullet",[[1,"lottery-bullet",{"value":[513],"selectable":[516],"isSelected":[516,"is-selected"],"isBonus":[516,"is-bonus"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
|
|
20
20
|
});
|
|
@@ -1,2 +1,2 @@
|
|
|
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),r=new Map,i=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),d=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),m=!1,p=[],y=[],$=(e,t)=>n=>{e.push(n),m||(m=!0,t&&4&f.l?v(w):f.raf(w))},b=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){s(e)}e.length=0},w=()=>{b(p),b(y),(m=p.length>0)&&f.raf(w)},v=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:()=>E,map:()=>C,ok:()=>O,unwrap:()=>P,unwrapErr:()=>R});var O=e=>({isOk:!0,isErr:!1,value:e}),E=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=>O(e))):O(n)}if(e.isErr)return E(e.value);throw"should never get here"}var M,x,P=e=>{if(e.isOk)return e.value;throw e.value},R=e=>{if(e.isErr)return e.value;throw e.value},T=(e,t,...n)=>{let l=null,o=null,s=!1,r=!1;const i=[],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&&r?i[i.length-1].i+=l:i.push(s?A(null,l):l),r=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=A(e,null);return u.u=t,i.length>0&&(u.h=i),u.m=o,u},A=(e,t)=>({l:0,p:e,i:t,$:null,h:null,u:null,m:null}),N={},U=(e,t,l)=>{const o=(e=>n(e).$hostElement$)(e);return{emit:e=>D(o,t,{bubbles:!!(4&l),composed:!!(2&l),cancelable:!!(1&l),detail:e})}},D=(e,t,n)=>{const l=f.ce(t,n);return e.dispatchEvent(l),l},F=new WeakMap,H=e=>"sc-"+e.v,L=(e,t,n,l,s,r)=>{if(n!==l){let i=o(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,o=q(n),s=q(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(i||"o"!==t[0]||"n"!==t[1]){const o=j(l);if((i||o&&null!==l)&&!s)try{if(e.tagName.includes("-"))e[t]=l;else{const o=null==l?"":l;"list"===t?i=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(t)||e.removeAttribute(t):(!i||4&r||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(G);t=t.replace(V,""),n&&f.rel(e,t,n,o),l&&f.ael(e,t,l,o)}}},W=/\s/,q=e=>e?e.split(W):[],G="Capture",V=RegExp(G+"$"),_=(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 z(Object.keys(o)))e in s||L(l,e,o[e],void 0,n,t.l);for(const e of z(Object.keys(s)))L(l,e,o[e],s[e],n,t.l)};function z(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var B=!1,I=(e,t,n)=>{const l=t.h[n];let o,s,r=0;if(null!==l.i)o=l.$=a.createTextNode(l.i);else if(o=l.$=a.createElement(l.p),_(null,l,B),null!=M&&o["s-si"]!==M&&o.classList.add(o["s-si"]=M),l.h)for(r=0;r<l.h.length;++r)s=I(e,l,r),s&&o.appendChild(s);return o["s-hn"]=x,o},J=(e,t,n,l,o,s)=>{let r,i=e;for(i.shadowRoot&&i.tagName===x&&(i=i.shadowRoot);o<=s;++o)l[o]&&(r=I(null,n,o),r&&(l[o].$=r,Z(i,r,t)))},K=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.$;Y(t),e&&e.remove()}}},Q=(e,t,n=!1)=>e.p===t.p&&(!!n||e.m===t.m),X=(e,t,n=!1)=>{const l=t.$=e.$,o=e.h,s=t.h,r=t.i;null===r?(_(e,t,B),null!==o&&null!==s?((e,t,n,l,o=!1)=>{let s,r,i=0,c=0,u=0,a=0,f=t.length-1,h=t[0],d=t[f],m=l.length-1,p=l[0],y=l[m];for(;i<=f&&c<=m;)if(null==h)h=t[++i];else if(null==d)d=t[--f];else if(null==p)p=l[++c];else if(null==y)y=l[--m];else if(Q(h,p,o))X(h,p,o),h=t[++i],p=l[++c];else if(Q(d,y,o))X(d,y,o),d=t[--f],y=l[--m];else if(Q(h,y,o))X(h,y,o),Z(e,h.$,d.$.nextSibling),h=t[++i],y=l[--m];else if(Q(d,p,o))X(d,p,o),Z(e,d.$,h.$),d=t[--f],p=l[++c];else{for(u=-1,a=i;a<=f;++a)if(t[a]&&null!==t[a].m&&t[a].m===p.m){u=a;break}u>=0?(r=t[u],r.p!==p.p?s=I(t&&t[c],n,u):(X(r,p,o),t[u]=void 0,s=r.$),p=l[++c]):(s=I(t&&t[c],n,c),p=l[++c]),s&&Z(h.$.parentNode,s,h.$)}i>f?J(e,null==l[m+1]?null:l[m+1].$,n,l,c,m):c>m&&K(t,i,f)})(l,o,t,s,n):null!==s?(null!==e.i&&(l.textContent=""),J(l,null,t,s,0,s.length-1)):null!==o&&K(o,0,o.length-1)):e.i!==r&&(l.data=r)},Y=e=>{e.u&&e.u.ref&&e.u.ref(null),e.h&&e.h.map(Y)},Z=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),ee=(e,t)=>{t&&!e.S&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.S=t)))},te=(e,t)=>{if(e.l|=16,!(4&e.l))return ee(e,e.j),S((()=>ne(e,t)));e.l|=512},ne=(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 le(void 0,(()=>se(e,n,t)))},le=(e,t)=>oe(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),oe=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,se=async(e,t,n)=>{var l;const o=e.$hostElement$,s=o["s-rc"];n&&(e=>{const t=e.k,n=e.$hostElement$,l=t.l,o=((e,t)=>{var n;const l=H(t),o=i.get(l);if(e=11===e.nodeType?e:a,o)if("string"==typeof o){let s,r=F.get(e=e.head||e);if(r||F.set(e,r=new Set),!r.has(l)){{s=a.createElement("style"),s.innerHTML=o;const t=null!=(n=f.O)?n:k(a);null!=t&&s.setAttribute("nonce",t),e.insertBefore(s,e.querySelector("link"))}4&t.l&&(s.innerHTML+=c),r&&r.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]);return l})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);re(e,t,o,n),s&&(s.map((e=>e())),o["s-rc"]=void 0);{const t=null!=(l=o["s-p"])?l:[],n=()=>ie(e);0===t.length?n():(Promise.all(t).then(n),e.l|=4,t.length=0)}},re=(e,t,n,l)=>{try{t=t.render(),e.l&=-17,e.l|=2,((e,t,n=!1)=>{const l=e.$hostElement$,o=e.k,s=e.C||A(null,null),r=(e=>e&&e.p===N)(t)?t:T(null,null,t);if(x=l.tagName,o.M&&(r.u=r.u||{},o.M.map((([e,t])=>r.u[t]=l[e]))),n&&r.u)for(const e of Object.keys(r.u))l.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(r.u[e]=l[e]);r.p=null,r.l|=4,e.C=r,r.$=s.$=l.shadowRoot||l,M=l["s-sc"],X(s,r,n)})(e,t,l)}catch(t){s(t,e.$hostElement$)}return null},ie=e=>{const t=e.$hostElement$,n=e.j;ue(e.t,"componentDidRender"),64&e.l||(e.l|=64,ae(t),e.P(t),n||ce()),e.S&&(e.S(),e.S=void 0),512&e.l&&v((()=>te(e,!1))),e.l&=-517},ce=()=>{ae(a.documentElement),v((()=>D(u,"appload",{detail:{namespace:"lottery-bullet"}})))},ue=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){s(e)}},ae=e=>e.classList.add("hydrated"),fe=(e,t,l)=>{var o,s;const r=e.prototype;if(t.R){const i=Object.entries(null!=(o=t.R)?o:{});if(i.map((([e,[o]])=>{(31&o||2&l&&32&o)&&Object.defineProperty(r,e,{get(){return((e,t)=>n(this).T.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 r=s.T.get(t),i=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&i&&void 0!==r||l===r||Number.isNaN(r)&&Number.isNaN(l)||(s.T.set(t,l),c&&2==(18&i)&&te(s,!1))})(this,e,l,t)},configurable:!0,enumerable:!0})})),1&l){const l=new Map;r.attributeChangedCallback=function(e,o,s){f.jmp((()=>{var i;const c=l.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(r.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const l=n(this),r=null==l?void 0:l.l;if(r&&!(8&r)&&128&r&&s!==o){const n=l.t,r=null==(i=t.A)?void 0:i[e];null==r||r.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.A)?s:{}),...i.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.M)||o.push([e,s])),s}))]))}}return e},he=(e,l={})=>{var o;const h=[],m=l.exclude||[],p=u.customElements,y=a.head,$=y.querySelector("meta[charset]"),b=a.createElement("style"),w=[];let v,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],N:l[3]};4&o.l&&(g=!0),o.R=l[2],o.M=[];const c=o.v,u=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const l={l:0,$hostElement$:e,k:n,T:new Map};l.U=new Promise((e=>l.P=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(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),v&&(clearTimeout(v),v=null),S?w.push(this):f.jmp((()=>(e=>{if(!(1&f.l)){const t=n(e),l=t.k,o=()=>{};if(1&t.l)(null==t?void 0:t.t)||(null==t?void 0:t.U)&&t.U.then((()=>{}));else{t.l|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){ee(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.D){const e=(e=>{const t=e.v.replace(/-/g,"_"),n=e.D;if(!n)return;const l=r.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(r.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.
|
|
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),r=new Map,i=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),d=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),m=!1,p=[],y=[],$=(e,t)=>n=>{e.push(n),m||(m=!0,t&&4&f.l?v(w):f.raf(w))},b=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){s(e)}e.length=0},w=()=>{b(p),b(y),(m=p.length>0)&&f.raf(w)},v=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:()=>E,map:()=>C,ok:()=>O,unwrap:()=>P,unwrapErr:()=>R});var O=e=>({isOk:!0,isErr:!1,value:e}),E=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=>O(e))):O(n)}if(e.isErr)return E(e.value);throw"should never get here"}var M,x,P=e=>{if(e.isOk)return e.value;throw e.value},R=e=>{if(e.isErr)return e.value;throw e.value},T=(e,t,...n)=>{let l=null,o=null,s=!1,r=!1;const i=[],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&&r?i[i.length-1].i+=l:i.push(s?A(null,l):l),r=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=A(e,null);return u.u=t,i.length>0&&(u.h=i),u.m=o,u},A=(e,t)=>({l:0,p:e,i:t,$:null,h:null,u:null,m:null}),L={},N=(e,t,l)=>{const o=(e=>n(e).$hostElement$)(e);return{emit:e=>U(o,t,{bubbles:!!(4&l),composed:!!(2&l),cancelable:!!(1&l),detail:e})}},U=(e,t,n)=>{const l=f.ce(t,n);return e.dispatchEvent(l),l},D=new WeakMap,F=e=>"sc-"+e.v,H=(e,t,n,l,s,r)=>{if(n!==l){let i=o(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,o=q(n),s=q(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(i||"o"!==t[0]||"n"!==t[1]){const o=j(l);if((i||o&&null!==l)&&!s)try{if(e.tagName.includes("-"))e[t]=l;else{const o=null==l?"":l;"list"===t?i=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(t)||e.removeAttribute(t):(!i||4&r||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(G);t=t.replace(V,""),n&&f.rel(e,t,n,o),l&&f.ael(e,t,l,o)}}},W=/\s/,q=e=>e?e.split(W):[],G="Capture",V=RegExp(G+"$"),_=(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 z(Object.keys(o)))e in s||H(l,e,o[e],void 0,n,t.l);for(const e of z(Object.keys(s)))H(l,e,o[e],s[e],n,t.l)};function z(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var B=!1,I=(e,t,n)=>{const l=t.h[n];let o,s,r=0;if(null!==l.i)o=l.$=a.createTextNode(l.i);else if(o=l.$=a.createElement(l.p),_(null,l,B),null!=M&&o["s-si"]!==M&&o.classList.add(o["s-si"]=M),l.h)for(r=0;r<l.h.length;++r)s=I(e,l,r),s&&o.appendChild(s);return o["s-hn"]=x,o},J=(e,t,n,l,o,s)=>{let r,i=e;for(i.shadowRoot&&i.tagName===x&&(i=i.shadowRoot);o<=s;++o)l[o]&&(r=I(null,n,o),r&&(l[o].$=r,Z(i,r,t)))},K=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.$;Y(t),e&&e.remove()}}},Q=(e,t,n=!1)=>e.p===t.p&&(!!n||e.m===t.m),X=(e,t,n=!1)=>{const l=t.$=e.$,o=e.h,s=t.h,r=t.i;null===r?(_(e,t,B),null!==o&&null!==s?((e,t,n,l,o=!1)=>{let s,r,i=0,c=0,u=0,a=0,f=t.length-1,h=t[0],d=t[f],m=l.length-1,p=l[0],y=l[m];for(;i<=f&&c<=m;)if(null==h)h=t[++i];else if(null==d)d=t[--f];else if(null==p)p=l[++c];else if(null==y)y=l[--m];else if(Q(h,p,o))X(h,p,o),h=t[++i],p=l[++c];else if(Q(d,y,o))X(d,y,o),d=t[--f],y=l[--m];else if(Q(h,y,o))X(h,y,o),Z(e,h.$,d.$.nextSibling),h=t[++i],y=l[--m];else if(Q(d,p,o))X(d,p,o),Z(e,d.$,h.$),d=t[--f],p=l[++c];else{for(u=-1,a=i;a<=f;++a)if(t[a]&&null!==t[a].m&&t[a].m===p.m){u=a;break}u>=0?(r=t[u],r.p!==p.p?s=I(t&&t[c],n,u):(X(r,p,o),t[u]=void 0,s=r.$),p=l[++c]):(s=I(t&&t[c],n,c),p=l[++c]),s&&Z(h.$.parentNode,s,h.$)}i>f?J(e,null==l[m+1]?null:l[m+1].$,n,l,c,m):c>m&&K(t,i,f)})(l,o,t,s,n):null!==s?(null!==e.i&&(l.textContent=""),J(l,null,t,s,0,s.length-1)):null!==o&&K(o,0,o.length-1)):e.i!==r&&(l.data=r)},Y=e=>{e.u&&e.u.ref&&e.u.ref(null),e.h&&e.h.map(Y)},Z=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),ee=(e,t)=>{t&&!e.S&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.S=t)))},te=(e,t)=>{if(e.l|=16,!(4&e.l))return ee(e,e.j),S((()=>ne(e,t)));e.l|=512},ne=(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 le(void 0,(()=>se(e,n,t)))},le=(e,t)=>oe(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),oe=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,se=async(e,t,n)=>{var l;const o=e.$hostElement$,s=o["s-rc"];n&&(e=>{const t=e.k,n=e.$hostElement$,l=t.l,o=((e,t)=>{var n;const l=F(t),o=i.get(l);if(e=11===e.nodeType?e:a,o)if("string"==typeof o){let s,r=D.get(e=e.head||e);if(r||D.set(e,r=new Set),!r.has(l)){{s=a.createElement("style"),s.innerHTML=o;const t=null!=(n=f.O)?n:k(a);null!=t&&s.setAttribute("nonce",t),e.insertBefore(s,e.querySelector("link"))}4&t.l&&(s.innerHTML+=c),r&&r.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]);return l})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);re(e,t,o,n),s&&(s.map((e=>e())),o["s-rc"]=void 0);{const t=null!=(l=o["s-p"])?l:[],n=()=>ie(e);0===t.length?n():(Promise.all(t).then(n),e.l|=4,t.length=0)}},re=(e,t,n,l)=>{try{t=t.render(),e.l&=-17,e.l|=2,((e,t,n=!1)=>{const l=e.$hostElement$,o=e.k,s=e.C||A(null,null),r=(e=>e&&e.p===L)(t)?t:T(null,null,t);if(x=l.tagName,o.M&&(r.u=r.u||{},o.M.map((([e,t])=>r.u[t]=l[e]))),n&&r.u)for(const e of Object.keys(r.u))l.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(r.u[e]=l[e]);r.p=null,r.l|=4,e.C=r,r.$=s.$=l.shadowRoot||l,M=l["s-sc"],X(s,r,n)})(e,t,l)}catch(t){s(t,e.$hostElement$)}return null},ie=e=>{const t=e.$hostElement$,n=e.t,l=e.j;64&e.l||(e.l|=64,ae(t),ue(n,"componentDidLoad"),e.P(t),l||ce()),e.S&&(e.S(),e.S=void 0),512&e.l&&v((()=>te(e,!1))),e.l&=-517},ce=()=>{ae(a.documentElement),v((()=>U(u,"appload",{detail:{namespace:"lottery-bullet"}})))},ue=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){s(e)}},ae=e=>e.classList.add("hydrated"),fe=(e,t,l)=>{var o,r;const i=e.prototype;if(t.R||t.T||e.watchers){e.watchers&&!t.T&&(t.T=e.watchers);const c=Object.entries(null!=(o=t.R)?o:{});if(c.map((([e,[o]])=>{(31&o||2&l&&32&o)&&Object.defineProperty(i,e,{get(){return((e,t)=>n(this).A.get(t))(0,e)},set(l){((e,t,l,o)=>{const r=n(e);if(!r)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=r.$hostElement$,c=r.A.get(t),u=r.l,a=r.t;if(l=((e,t)=>null==e||j(e)?e:4&t?"false"!==e&&(""===e||!!e):1&t?e+"":e)(l,o.R[t][0]),(!(8&u)||void 0===c)&&l!==c&&(!Number.isNaN(c)||!Number.isNaN(l))&&(r.A.set(t,l),a)){if(o.T&&128&u){const e=o.T[t];e&&e.map((e=>{try{a[e](l,c,t)}catch(e){s(e,i)}}))}2==(18&u)&&te(r,!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.T)?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!=(r=t.T)?r:{}),...c.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.M)||o.push([e,s])),s}))]))}}return e},he=(e,l={})=>{var o;const h=[],m=l.exclude||[],p=u.customElements,y=a.head,$=y.querySelector("meta[charset]"),b=a.createElement("style"),w=[];let v,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=>{var o;const c={l:l[0],v:l[1],R:l[2],L:l[3]};4&c.l&&(g=!0),c.R=l[2],c.M=[],c.T=null!=(o=l[4])?o:{};const u=c.v,a=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const l={l:0,$hostElement$:e,k:n,A:new Map};l.N=new Promise((e=>l.P=e)),e["s-p"]=[],e["s-rc"]=[],t.set(e,l)})(e=this,c),1&c.l)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${c.v}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open"})}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),v&&(clearTimeout(v),v=null),S?w.push(this):f.jmp((()=>(e=>{if(!(1&f.l)){const t=n(e),l=t.k,o=()=>{};if(1&t.l)(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"]){ee(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=r.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(r.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.D}" was not found`);l.isProxied||(n.T=l.watchers,fe(l,n,2),l.isProxied=!0);const o=()=>{};t.l|=8;try{new l(t)}catch(e){s(e)}t.l&=-9,t.l|=128,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=F(n);if(!i.has(t)){const l=()=>{};((e,t,n)=>{let l=i.get(e);d&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,i.set(e,l)})(t,e,!!(1&n.l)),l()}}}const o=t.j,c=()=>te(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);(null==e?void 0:e.t)||(null==e?void 0:e.N)&&e.N.then((()=>{}))}})()))}componentOnReady(){return n(this).N}};c.U=e[0],m.includes(u)||p.get(u)||(h.push(u),p.define(u,fe(a,c,1)))}))})),h.length>0&&(g&&(b.textContent+=c),b.textContent+=h.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",b.innerHTML.length)){b.setAttribute("data-styles","");const e=null!=(o=f.O)?o:k(a);null!=e&&b.setAttribute("nonce",e),y.insertBefore(b,$?$.nextSibling:y.firstChild)}S=!1,w.length?w.map((e=>e.connectedCallback())):f.jmp((()=>v=setTimeout(ce,30)))},de=e=>f.O=e;export{he as b,N as c,T as h,h as p,l as r,de as s}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,c as e,h as t}from"./index-
|
|
1
|
+
import{r,c as e,h as t}from"./index-92cdc135.js";function a(r,e){if(r){const t=document.createElement("style");t.innerHTML=e,r.appendChild(t)}}function o(r,e){const t=new URL(e);fetch(t.href).then((r=>r.text())).then((e=>{const t=document.createElement("style");t.innerHTML=e,r&&r.appendChild(t)})).catch((r=>{console.error("There was an error while trying to load client styling from URL",r)}))}function i(r,e){if(window.emMessageBus){const t=document.createElement("style");window.emMessageBus.subscribe(e,(e=>{t.innerHTML=e,r&&r.appendChild(t)}))}}const s=class{constructor(t){r(this,t),this.bulletEvent=e(this,"lotteryBulletSelection",7),this.select=()=>{this.selectable&&(this.isSelected=!this.isSelected,this.bulletEvent.emit({value:this.value,selected:this.isSelected}))},this.value="0",this.selectable=!0,this.isSelected=!1,this.isBonus=!1,this.clientStyling="",this.clientStylingUrl="",this.mbSource=void 0}handleClientStylingChange(r,e){r!=e&&a(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(r,e){r!=e&&o(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(r,e){r!=e&&i(this.stylingContainer,`${this.mbSource}.Style`)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&i(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&a(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&o(this.stylingContainer,this.clientStylingUrl))}render(){return t("div",{key:"2cfab600728d3aa72f9f87e4e07a968ea030e415",class:"Circle "+(this.selectable?"":"Disabled")+(this.isSelected?"Selected":"")+(this.isBonus?" Bonus":""),onClick:()=>this.select(),ref:r=>this.stylingContainer=r},this.value)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};s.style='@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap");:host{display:block;font-family:"Roboto", sans-serif}@-webkit-keyframes Circle{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes Circle{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes hover-rotate{0%{-webkit-transform:scale(1) rotateZ(0);transform:scale(1) rotateZ(0)}50%{-webkit-transform:scale(1.2) rotateZ(180deg);transform:scale(1.22) rotateZ(180deg)}100%{-webkit-transform:scale(1) rotateZ(360deg);transform:scale(1) rotateZ(360deg)}}@keyframes hover-rotate{0%{-webkit-transform:scale(1) rotateZ(0);transform:scale(1) rotateZ(0)}50%{-webkit-transform:scale(1.2) rotateZ(180deg);transform:scale(1.2) rotateZ(180deg)}100%{-webkit-transform:scale(1) rotateZ(360deg);transform:scale(1) rotateZ(360deg)}}@-webkit-keyframes selected-scaleUp{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes selected-scaleUp{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}.Circle{-webkit-animation:Circle 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:Circle 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both;cursor:pointer;color:var(--emw--button-text-color, #000);display:block;height:30px;width:30px;margin:0;display:flex;align-items:center;justify-content:center;justify-content:center;align-items:center;border:solid 2px var(--emw--color-gray-transparency-100, rgb(255, 255, 255));background:radial-gradient(circle at top, var(--emw--color-gray-transparency-100, rgb(255, 255, 255)) 0%, var(--emw--color-gray-transparency-100, rgb(255, 255, 255)) 100%);font-weight:bold;border-radius:50%;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);user-select:none;font-size:16px;line-height:16px;font-weight:600;position:relative}.Circle:hover{-webkit-animation:hover-rotate 0.4s linear both;animation:hover-rotate 0.4s linear both;background:radial-gradient(circle at top, var(--emw--color-gray-transparency-100, rgb(255, 255, 255)) 0%, var(--emw--color-gray-50, #F1F1F1) 100%)}.Circle.Selected{-webkit-animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;color:var(--emw--color-gray-transparency-100, rgb(255, 255, 255));background:var(--emw--color-primary, #9EC258);background:-webkit-radial-gradient(top, var(--emw--button-background-color, #00958f), var(--emw--color-primary-variant, #004D4A));background:-moz-radial-gradient(top, var(--emw--button-background-color, #00958f), var(--emw--color-primary-variant, #004D4A));background:radial-gradient(circle at top, var(--emw--button-background-color, #00958f), var(--emw--color-primary-variant, #004D4A));border:solid 2px var(--emw--button-border-color, #00958f)}.Circle.Disabled{-webkit-animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;color:var(--emw--color-gray-50, #F1F1F1);background:var(--emw--color-gray-100, #D4D4D4);border:solid 2px var(--emw--color-gray-100, #D4D4D4);cursor:default}.Circle.DisabledSelected{-webkit-animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;color:var(--emw--color-gray-50, #F1F1F1);background:var(--emw--color-primary, #9EC258);background:-webkit-radial-gradient(top, var(--emw--button-background-color, #00958f), var(--emw--color-primary-variant, #004D4A));background:-moz-radial-gradient(top, var(--emw--button-background-color, #00958f), var(--emw--color-primary-variant, #004D4A));background:radial-gradient(circle at top, var(--emw--button-background-color, #00958f), var(--emw--color-primary-variant, #004D4A));border:solid 2px var(--emw--color-gray-100, #D4D4D4);cursor:default}.Circle.Bonus{background:var(--emw--color-error, #FF3D00)}';export{s as lottery_bullet}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as
|
|
1
|
+
import{p as e,b as l}from"./index-92cdc135.js";export{s as setNonce}from"./index-92cdc135.js";import{g as t}from"./app-globals-0f993ce5.js";(()=>{const l=import.meta.url,t={};return""!==l&&(t.resourcesUrl=new URL(".",l).href),e(t)})().then((async e=>(await t(),l([["lottery-bullet",[[1,"lottery-bullet",{value:[513],selectable:[516],isSelected:[516,"is-selected"],isBonus:[516,"is-bonus"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],mbSource:[513,"mb-source"]},null,{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}]]]],e))));
|
|
@@ -24,16 +24,21 @@ export declare class LotteryBullet {
|
|
|
24
24
|
/**
|
|
25
25
|
* Client custom styling via url content
|
|
26
26
|
*/
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
clientStylingUrl: string;
|
|
28
|
+
/**
|
|
29
|
+
* Client custom styling via message bus
|
|
30
|
+
*/
|
|
31
|
+
mbSource: string;
|
|
29
32
|
private stylingContainer;
|
|
33
|
+
private stylingSubscription;
|
|
30
34
|
/**
|
|
31
35
|
* When a bullet is selected/deselected this event is emmited
|
|
32
36
|
*/
|
|
33
37
|
bulletEvent: EventEmitter<BulletEvent>;
|
|
34
38
|
private select;
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
39
|
+
handleClientStylingChange(newValue: any, oldValue: any): void;
|
|
40
|
+
handleClientStylingUrlChange(newValue: any, oldValue: any): void;
|
|
41
|
+
handleMbSourceChange(newValue: any, oldValue: any): void;
|
|
42
|
+
componentDidLoad(): void;
|
|
38
43
|
render(): void;
|
|
39
44
|
}
|
|
@@ -16,7 +16,7 @@ export namespace Components {
|
|
|
16
16
|
/**
|
|
17
17
|
* Client custom styling via url content
|
|
18
18
|
*/
|
|
19
|
-
"
|
|
19
|
+
"clientStylingUrl": string;
|
|
20
20
|
/**
|
|
21
21
|
* Marks if the number is bonus number.
|
|
22
22
|
*/
|
|
@@ -25,6 +25,10 @@ export namespace Components {
|
|
|
25
25
|
* Marks if the bullet should be selected
|
|
26
26
|
*/
|
|
27
27
|
"isSelected": boolean;
|
|
28
|
+
/**
|
|
29
|
+
* Client custom styling via message bus
|
|
30
|
+
*/
|
|
31
|
+
"mbSource": string;
|
|
28
32
|
/**
|
|
29
33
|
* Marks if the bullet should be selectable
|
|
30
34
|
*/
|
|
@@ -70,7 +74,7 @@ declare namespace LocalJSX {
|
|
|
70
74
|
/**
|
|
71
75
|
* Client custom styling via url content
|
|
72
76
|
*/
|
|
73
|
-
"
|
|
77
|
+
"clientStylingUrl"?: string;
|
|
74
78
|
/**
|
|
75
79
|
* Marks if the number is bonus number.
|
|
76
80
|
*/
|
|
@@ -79,6 +83,10 @@ declare namespace LocalJSX {
|
|
|
79
83
|
* Marks if the bullet should be selected
|
|
80
84
|
*/
|
|
81
85
|
"isSelected"?: boolean;
|
|
86
|
+
/**
|
|
87
|
+
* Client custom styling via message bus
|
|
88
|
+
*/
|
|
89
|
+
"mbSource"?: string;
|
|
82
90
|
/**
|
|
83
91
|
* When a bullet is selected/deselected this event is emmited
|
|
84
92
|
*/
|