@everymatrix/general-preview-social-posts 1.56.0 → 1.56.2
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/general-preview-social-posts.cjs.entry.js +6 -47
- package/dist/cjs/general-preview-social-posts.cjs.js +2 -2
- package/dist/cjs/{index-7a4ff06e.js → index-e03f08c0.js} +73 -208
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/general-preview-social-posts/general-preview-social-posts.js +5 -76
- package/dist/esm/general-preview-social-posts.entry.js +6 -47
- package/dist/esm/general-preview-social-posts.js +3 -3
- package/dist/esm/{index-64bce880.js → index-d101355b.js} +73 -208
- package/dist/esm/loader.js +2 -2
- package/dist/general-preview-social-posts/general-preview-social-posts.esm.js +1 -1
- package/dist/general-preview-social-posts/p-636881b7.entry.js +1 -0
- package/dist/general-preview-social-posts/p-fe0126be.js +2 -0
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/general-preview-social-posts/.stencil/packages/stencil/general-preview-social-posts/stencil.config.d.ts +2 -0
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/general-preview-social-posts/.stencil/packages/stencil/general-preview-social-posts/stencil.config.dev.d.ts +2 -0
- package/dist/types/stencil-public-runtime.d.ts +0 -6
- package/package.json +1 -1
- package/dist/general-preview-social-posts/p-2ffe61b5.js +0 -2
- package/dist/general-preview-social-posts/p-e0ee3f2f.entry.js +0 -1
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/general-preview-social-posts/.stencil/packages/stencil/general-preview-social-posts/stencil.config.d.ts +0 -2
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/general-preview-social-posts/.stencil/packages/stencil/general-preview-social-posts/stencil.config.dev.d.ts +0 -2
- /package/dist/types/Users/{adrian.pripon/Documents/Work → maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/general-preview-social-posts/.stencil/tools/plugins/index.d.ts +0 -0
- /package/dist/types/Users/{adrian.pripon/Documents/Work → maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/general-preview-social-posts/.stencil/tools/plugins/stencil-clean-deps-plugin.d.ts +0 -0
- /package/dist/types/Users/{adrian.pripon/Documents/Work → maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/general-preview-social-posts/.stencil/tools/plugins/vite-chunk-plugin.d.ts +0 -0
- /package/dist/types/Users/{adrian.pripon/Documents/Work → maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/general-preview-social-posts/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts +0 -0
|
@@ -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-e03f08c0.js');
|
|
6
6
|
|
|
7
7
|
const DEFAULT_LANGUAGE = 'en';
|
|
8
8
|
let TRANSLATIONS = {
|
|
@@ -171,68 +171,27 @@ const GeneralPreviewSocialPosts = class {
|
|
|
171
171
|
this.moreInfo = index.createEvent(this, "moreInfo", 7);
|
|
172
172
|
this.playNow = index.createEvent(this, "playNow", 7);
|
|
173
173
|
this.viewAll = index.createEvent(this, "viewAll", 7);
|
|
174
|
-
|
|
175
|
-
* The userId
|
|
176
|
-
*/
|
|
174
|
+
this.platform = getDevicePlatform();
|
|
177
175
|
this.userId = '';
|
|
178
|
-
/**
|
|
179
|
-
* The session
|
|
180
|
-
*/
|
|
181
176
|
this.session = '';
|
|
182
|
-
/**
|
|
183
|
-
* The Posts Title
|
|
184
|
-
*/
|
|
185
177
|
this.postsTitle = '';
|
|
186
|
-
/**
|
|
187
|
-
* The max cards displayed
|
|
188
|
-
*/
|
|
189
178
|
this.maxCards = '';
|
|
190
|
-
/**
|
|
191
|
-
* The language
|
|
192
|
-
*/
|
|
193
179
|
this.language = 'en';
|
|
194
|
-
/**
|
|
195
|
-
* The datasource
|
|
196
|
-
*/
|
|
197
180
|
this.datasource = '';
|
|
198
|
-
/**
|
|
199
|
-
* The NorWAy endpoint
|
|
200
|
-
*/
|
|
201
181
|
this.endpoint = '';
|
|
202
|
-
/**
|
|
203
|
-
* The NorWAy endpoint
|
|
204
|
-
*/
|
|
205
182
|
this.cmsEndpoint = '';
|
|
206
|
-
/**
|
|
207
|
-
* The userRoles
|
|
208
|
-
*/
|
|
209
183
|
this.userRoles = '';
|
|
210
|
-
/**
|
|
211
|
-
* The translationurl
|
|
212
|
-
*/
|
|
213
184
|
this.translationUrl = '';
|
|
214
|
-
|
|
215
|
-
* Client custom styling via string
|
|
216
|
-
*/
|
|
185
|
+
this.mbSource = undefined;
|
|
217
186
|
this.clientStyling = '';
|
|
218
|
-
/**
|
|
219
|
-
* Client custom styling via url content
|
|
220
|
-
*/
|
|
221
187
|
this.clientStylingUrl = '';
|
|
222
|
-
/**
|
|
223
|
-
* CMS Endpoint stage
|
|
224
|
-
*/
|
|
225
188
|
this.cmsEnv = 'stage';
|
|
226
|
-
/**
|
|
227
|
-
* The page parameter for the cms call
|
|
228
|
-
*/
|
|
229
189
|
this.pageName = 'casino';
|
|
230
|
-
this.posts = [];
|
|
190
|
+
this.posts = [];
|
|
231
191
|
this.isLoading = false;
|
|
232
192
|
this.isLoggedIn = false;
|
|
233
|
-
this.dataImages = [];
|
|
234
|
-
this.gameIds = '';
|
|
235
|
-
this.platform = getDevicePlatform();
|
|
193
|
+
this.dataImages = [];
|
|
194
|
+
this.gameIds = '';
|
|
236
195
|
}
|
|
237
196
|
handleNewTranslations() {
|
|
238
197
|
this.isLoading = true;
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-e03f08c0.js');
|
|
6
6
|
const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
7
7
|
|
|
8
8
|
/*
|
|
9
|
-
Stencil Client Patch Browser v4.
|
|
9
|
+
Stencil Client Patch Browser v4.19.2 | MIT Licensed | https://stenciljs.com
|
|
10
10
|
*/
|
|
11
11
|
var patchBrowser = () => {
|
|
12
12
|
const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('general-preview-social-posts.cjs.js', document.baseURI).href));
|
|
@@ -21,23 +21,19 @@ function _interopNamespace(e) {
|
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
const NAMESPACE = 'general-preview-social-posts';
|
|
24
|
-
const BUILD = /* general-preview-social-posts */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: 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,
|
|
24
|
+
const BUILD = /* general-preview-social-posts */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: 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: false, propMutable: false, propNumber: false, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: false, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: true };
|
|
25
25
|
|
|
26
26
|
/*
|
|
27
|
-
Stencil Client Platform v4.
|
|
27
|
+
Stencil Client Platform v4.19.2 | MIT Licensed | https://stenciljs.com
|
|
28
28
|
*/
|
|
29
29
|
var __defProp = Object.defineProperty;
|
|
30
30
|
var __export = (target, all) => {
|
|
31
31
|
for (var name in all)
|
|
32
32
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
33
33
|
};
|
|
34
|
-
|
|
35
|
-
// src/client/client-host-ref.ts
|
|
36
34
|
var hostRefs = /* @__PURE__ */ new WeakMap();
|
|
37
35
|
var getHostRef = (ref) => hostRefs.get(ref);
|
|
38
|
-
var registerInstance = (lazyInstance, hostRef) =>
|
|
39
|
-
hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
|
|
40
|
-
};
|
|
36
|
+
var registerInstance = (lazyInstance, hostRef) => hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
|
|
41
37
|
var registerHost = (hostElement, cmpMeta) => {
|
|
42
38
|
const hostRef = {
|
|
43
39
|
$flags$: 0,
|
|
@@ -50,8 +46,7 @@ var registerHost = (hostElement, cmpMeta) => {
|
|
|
50
46
|
hostElement["s-p"] = [];
|
|
51
47
|
hostElement["s-rc"] = [];
|
|
52
48
|
}
|
|
53
|
-
|
|
54
|
-
return ref;
|
|
49
|
+
return hostRefs.set(hostElement, hostRef);
|
|
55
50
|
};
|
|
56
51
|
var isMemberInElement = (elm, memberName) => memberName in elm;
|
|
57
52
|
var consoleError = (e, el) => (0, console.error)(e, el);
|
|
@@ -88,22 +83,16 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
88
83
|
/* webpackExclude: /\.system\.entry\.js$/ */
|
|
89
84
|
/* webpackMode: "lazy" */
|
|
90
85
|
`./${bundleId}.entry.js${""}`
|
|
91
|
-
)); }).then(
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
cmpModules.set(bundleId, importedModule);
|
|
95
|
-
}
|
|
96
|
-
return importedModule[exportName];
|
|
97
|
-
},
|
|
98
|
-
(e) => {
|
|
99
|
-
consoleError(e, hostRef.$hostElement$);
|
|
86
|
+
)); }).then((importedModule) => {
|
|
87
|
+
{
|
|
88
|
+
cmpModules.set(bundleId, importedModule);
|
|
100
89
|
}
|
|
101
|
-
|
|
90
|
+
return importedModule[exportName];
|
|
91
|
+
}, consoleError);
|
|
102
92
|
};
|
|
103
93
|
|
|
104
94
|
// src/client/client-style.ts
|
|
105
95
|
var styles = /* @__PURE__ */ new Map();
|
|
106
|
-
var HYDRATED_STYLE_ID = "sty-id";
|
|
107
96
|
var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
|
|
108
97
|
var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
|
|
109
98
|
var win = typeof window !== "undefined" ? window : {};
|
|
@@ -161,6 +150,12 @@ var flush = () => {
|
|
|
161
150
|
};
|
|
162
151
|
var nextTick = (cb) => promiseResolve().then(cb);
|
|
163
152
|
var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
|
|
153
|
+
|
|
154
|
+
// src/utils/constants.ts
|
|
155
|
+
var EMPTY_OBJ = {};
|
|
156
|
+
|
|
157
|
+
// src/utils/helpers.ts
|
|
158
|
+
var isDef = (v) => v != null;
|
|
164
159
|
var isComplexType = (o) => {
|
|
165
160
|
o = typeof o;
|
|
166
161
|
return o === "object" || o === "function";
|
|
@@ -348,40 +343,13 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
348
343
|
}
|
|
349
344
|
if (!appliedStyles.has(scopeId2)) {
|
|
350
345
|
{
|
|
351
|
-
styleElm =
|
|
346
|
+
styleElm = doc.createElement("style");
|
|
352
347
|
styleElm.innerHTML = style;
|
|
353
348
|
const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
|
|
354
349
|
if (nonce != null) {
|
|
355
350
|
styleElm.setAttribute("nonce", nonce);
|
|
356
351
|
}
|
|
357
|
-
|
|
358
|
-
if (styleContainerNode.nodeName === "HEAD") {
|
|
359
|
-
const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
|
|
360
|
-
const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
|
|
361
|
-
styleContainerNode.insertBefore(
|
|
362
|
-
styleElm,
|
|
363
|
-
(referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
|
|
364
|
-
);
|
|
365
|
-
} else if ("host" in styleContainerNode) {
|
|
366
|
-
if (supportsConstructableStylesheets) {
|
|
367
|
-
const stylesheet = new CSSStyleSheet();
|
|
368
|
-
stylesheet.replaceSync(style);
|
|
369
|
-
styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
|
|
370
|
-
} else {
|
|
371
|
-
const existingStyleContainer = styleContainerNode.querySelector("style");
|
|
372
|
-
if (existingStyleContainer) {
|
|
373
|
-
existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
|
|
374
|
-
} else {
|
|
375
|
-
styleContainerNode.prepend(styleElm);
|
|
376
|
-
}
|
|
377
|
-
}
|
|
378
|
-
} else {
|
|
379
|
-
styleContainerNode.append(styleElm);
|
|
380
|
-
}
|
|
381
|
-
}
|
|
382
|
-
if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
|
|
383
|
-
styleContainerNode.insertBefore(styleElm, null);
|
|
384
|
-
}
|
|
352
|
+
styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector("link"));
|
|
385
353
|
}
|
|
386
354
|
if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
|
|
387
355
|
styleElm.innerHTML += SLOT_FB_CSS;
|
|
@@ -404,25 +372,23 @@ var attachStyles = (hostRef) => {
|
|
|
404
372
|
const scopeId2 = addStyle(
|
|
405
373
|
elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
|
|
406
374
|
cmpMeta);
|
|
407
|
-
if (
|
|
375
|
+
if (flags & 10 /* needsScopedEncapsulation */) {
|
|
408
376
|
elm["s-sc"] = scopeId2;
|
|
409
377
|
elm.classList.add(scopeId2 + "-h");
|
|
410
378
|
}
|
|
411
379
|
endAttachStyles();
|
|
412
380
|
};
|
|
413
381
|
var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
|
|
414
|
-
var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags
|
|
382
|
+
var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
415
383
|
if (oldValue !== newValue) {
|
|
416
384
|
let isProp = isMemberInElement(elm, memberName);
|
|
417
385
|
let ln = memberName.toLowerCase();
|
|
418
386
|
if (memberName === "class") {
|
|
419
387
|
const classList = elm.classList;
|
|
420
388
|
const oldClasses = parseClassList(oldValue);
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
|
|
425
|
-
}
|
|
389
|
+
const newClasses = parseClassList(newValue);
|
|
390
|
+
classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
|
|
391
|
+
classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
|
|
426
392
|
} else if (memberName === "ref") {
|
|
427
393
|
if (newValue) {
|
|
428
394
|
newValue(elm);
|
|
@@ -454,13 +420,9 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
|
|
|
454
420
|
if (memberName === "list") {
|
|
455
421
|
isProp = false;
|
|
456
422
|
} else if (oldValue == null || elm[memberName] != n) {
|
|
457
|
-
|
|
458
|
-
elm[memberName] = n;
|
|
459
|
-
} else {
|
|
460
|
-
elm.setAttribute(memberName, n);
|
|
461
|
-
}
|
|
423
|
+
elm[memberName] = n;
|
|
462
424
|
}
|
|
463
|
-
} else
|
|
425
|
+
} else {
|
|
464
426
|
elm[memberName] = newValue;
|
|
465
427
|
}
|
|
466
428
|
} catch (e) {
|
|
@@ -482,44 +444,24 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
|
|
|
482
444
|
}
|
|
483
445
|
};
|
|
484
446
|
var parseClassListRegex = /\s/;
|
|
485
|
-
var parseClassList = (value) =>
|
|
486
|
-
if (typeof value === "object" && value && "baseVal" in value) {
|
|
487
|
-
value = value.baseVal;
|
|
488
|
-
}
|
|
489
|
-
if (!value || typeof value !== "string") {
|
|
490
|
-
return [];
|
|
491
|
-
}
|
|
492
|
-
return value.split(parseClassListRegex);
|
|
493
|
-
};
|
|
447
|
+
var parseClassList = (value) => !value ? [] : value.split(parseClassListRegex);
|
|
494
448
|
var CAPTURE_EVENT_SUFFIX = "Capture";
|
|
495
449
|
var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
|
|
496
450
|
|
|
497
451
|
// src/runtime/vdom/update-element.ts
|
|
498
|
-
var updateElement = (oldVnode, newVnode, isSvgMode2
|
|
452
|
+
var updateElement = (oldVnode, newVnode, isSvgMode2) => {
|
|
499
453
|
const elm = newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host ? newVnode.$elm$.host : newVnode.$elm$;
|
|
500
|
-
const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ ||
|
|
501
|
-
const newVnodeAttrs = newVnode.$attrs$ ||
|
|
454
|
+
const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ || EMPTY_OBJ;
|
|
455
|
+
const newVnodeAttrs = newVnode.$attrs$ || EMPTY_OBJ;
|
|
502
456
|
{
|
|
503
457
|
for (const memberName of sortedAttrNames(Object.keys(oldVnodeAttrs))) {
|
|
504
458
|
if (!(memberName in newVnodeAttrs)) {
|
|
505
|
-
setAccessor(
|
|
506
|
-
elm,
|
|
507
|
-
memberName,
|
|
508
|
-
oldVnodeAttrs[memberName],
|
|
509
|
-
void 0,
|
|
510
|
-
isSvgMode2,
|
|
511
|
-
newVnode.$flags$);
|
|
459
|
+
setAccessor(elm, memberName, oldVnodeAttrs[memberName], void 0, isSvgMode2, newVnode.$flags$);
|
|
512
460
|
}
|
|
513
461
|
}
|
|
514
462
|
}
|
|
515
463
|
for (const memberName of sortedAttrNames(Object.keys(newVnodeAttrs))) {
|
|
516
|
-
setAccessor(
|
|
517
|
-
elm,
|
|
518
|
-
memberName,
|
|
519
|
-
oldVnodeAttrs[memberName],
|
|
520
|
-
newVnodeAttrs[memberName],
|
|
521
|
-
isSvgMode2,
|
|
522
|
-
newVnode.$flags$);
|
|
464
|
+
setAccessor(elm, memberName, oldVnodeAttrs[memberName], newVnodeAttrs[memberName], isSvgMode2, newVnode.$flags$);
|
|
523
465
|
}
|
|
524
466
|
};
|
|
525
467
|
function sortedAttrNames(attrNames) {
|
|
@@ -531,10 +473,13 @@ function sortedAttrNames(attrNames) {
|
|
|
531
473
|
attrNames
|
|
532
474
|
);
|
|
533
475
|
}
|
|
476
|
+
|
|
477
|
+
// src/runtime/vdom/vdom-render.ts
|
|
478
|
+
var scopeId;
|
|
534
479
|
var hostTagName;
|
|
535
480
|
var useNativeShadowDom = false;
|
|
536
481
|
var isSvgMode = false;
|
|
537
|
-
var createElm = (oldParentVNode, newParentVNode, childIndex) => {
|
|
482
|
+
var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
|
|
538
483
|
const newVNode2 = newParentVNode.$children$[childIndex];
|
|
539
484
|
let i2 = 0;
|
|
540
485
|
let elm;
|
|
@@ -548,6 +493,9 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
|
|
|
548
493
|
{
|
|
549
494
|
updateElement(null, newVNode2, isSvgMode);
|
|
550
495
|
}
|
|
496
|
+
if (isDef(scopeId) && elm["s-si"] !== scopeId) {
|
|
497
|
+
elm.classList.add(elm["s-si"] = scopeId);
|
|
498
|
+
}
|
|
551
499
|
if (newVNode2.$children$) {
|
|
552
500
|
for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
|
|
553
501
|
childNode = createElm(oldParentVNode, newVNode2, i2);
|
|
@@ -652,9 +600,6 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
|
|
|
652
600
|
};
|
|
653
601
|
var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
|
|
654
602
|
if (leftVNode.$tag$ === rightVNode.$tag$) {
|
|
655
|
-
if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) {
|
|
656
|
-
leftVNode.$key$ = rightVNode.$key$;
|
|
657
|
-
}
|
|
658
603
|
return true;
|
|
659
604
|
}
|
|
660
605
|
return false;
|
|
@@ -677,10 +622,7 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
|
|
|
677
622
|
elm.textContent = "";
|
|
678
623
|
}
|
|
679
624
|
addVnodes(elm, null, newVNode2, newChildren, 0, newChildren.length - 1);
|
|
680
|
-
} else if (
|
|
681
|
-
// don't do this on initial render as it can cause non-hydrated content to be removed
|
|
682
|
-
!isInitialRender && BUILD.updatable && oldChildren !== null
|
|
683
|
-
) {
|
|
625
|
+
} else if (oldChildren !== null) {
|
|
684
626
|
removeVnodes(oldChildren, 0, oldChildren.length - 1);
|
|
685
627
|
}
|
|
686
628
|
} else if (oldVNode.$text$ !== text) {
|
|
@@ -694,9 +636,8 @@ var nullifyVNodeRefs = (vNode) => {
|
|
|
694
636
|
}
|
|
695
637
|
};
|
|
696
638
|
var insertBefore = (parent, newNode, reference) => {
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
}
|
|
639
|
+
const inserted = parent == null ? void 0 : parent.insertBefore(newNode, reference);
|
|
640
|
+
return inserted;
|
|
700
641
|
};
|
|
701
642
|
var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
702
643
|
const hostElm = hostRef.$hostElement$;
|
|
@@ -721,21 +662,17 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
|
721
662
|
rootVnode.$flags$ |= 4 /* isHost */;
|
|
722
663
|
hostRef.$vnode$ = rootVnode;
|
|
723
664
|
rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
|
|
724
|
-
|
|
665
|
+
{
|
|
666
|
+
scopeId = hostElm["s-sc"];
|
|
667
|
+
}
|
|
668
|
+
useNativeShadowDom = (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
|
|
725
669
|
patch(oldVNode, rootVnode, isInitialLoad);
|
|
726
670
|
};
|
|
727
671
|
|
|
728
672
|
// src/runtime/update-component.ts
|
|
729
673
|
var attachToAncestor = (hostRef, ancestorComponent) => {
|
|
730
674
|
if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent["s-p"]) {
|
|
731
|
-
|
|
732
|
-
new Promise(
|
|
733
|
-
(r) => hostRef.$onRenderResolve$ = () => {
|
|
734
|
-
ancestorComponent["s-p"].splice(index - 1, 1);
|
|
735
|
-
r();
|
|
736
|
-
}
|
|
737
|
-
)
|
|
738
|
-
);
|
|
675
|
+
ancestorComponent["s-p"].push(new Promise((r) => hostRef.$onRenderResolve$ = r));
|
|
739
676
|
}
|
|
740
677
|
};
|
|
741
678
|
var scheduleUpdate = (hostRef, isInitialLoad) => {
|
|
@@ -762,7 +699,7 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
|
|
|
762
699
|
let maybePromise;
|
|
763
700
|
if (isInitialLoad) {
|
|
764
701
|
{
|
|
765
|
-
maybePromise = safeCall(instance, "componentWillLoad"
|
|
702
|
+
maybePromise = safeCall(instance, "componentWillLoad");
|
|
766
703
|
}
|
|
767
704
|
}
|
|
768
705
|
endSchedule();
|
|
@@ -836,7 +773,7 @@ var postUpdateComponent = (hostRef) => {
|
|
|
836
773
|
addHydratedFlag(elm);
|
|
837
774
|
}
|
|
838
775
|
{
|
|
839
|
-
safeCall(instance, "componentDidLoad"
|
|
776
|
+
safeCall(instance, "componentDidLoad");
|
|
840
777
|
}
|
|
841
778
|
endPostUpdate();
|
|
842
779
|
{
|
|
@@ -860,14 +797,17 @@ var postUpdateComponent = (hostRef) => {
|
|
|
860
797
|
}
|
|
861
798
|
};
|
|
862
799
|
var appDidLoad = (who) => {
|
|
800
|
+
{
|
|
801
|
+
addHydratedFlag(doc.documentElement);
|
|
802
|
+
}
|
|
863
803
|
nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
|
|
864
804
|
};
|
|
865
|
-
var safeCall = (instance, method, arg
|
|
805
|
+
var safeCall = (instance, method, arg) => {
|
|
866
806
|
if (instance && instance[method]) {
|
|
867
807
|
try {
|
|
868
808
|
return instance[method](arg);
|
|
869
809
|
} catch (e) {
|
|
870
|
-
consoleError(e
|
|
810
|
+
consoleError(e);
|
|
871
811
|
}
|
|
872
812
|
}
|
|
873
813
|
return void 0;
|
|
@@ -926,68 +866,15 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
926
866
|
const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
|
|
927
867
|
members.map(([memberName, [memberFlags]]) => {
|
|
928
868
|
if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
|
|
929
|
-
const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
|
|
930
|
-
if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
|
|
931
|
-
if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
|
|
932
|
-
if (flags & 1 /* isElementConstructor */ || !origGetter) {
|
|
933
|
-
Object.defineProperty(prototype, memberName, {
|
|
934
|
-
get() {
|
|
935
|
-
{
|
|
936
|
-
if ((cmpMeta.$members$[memberName][0] & 2048 /* Getter */) === 0) {
|
|
937
|
-
return getValue(this, memberName);
|
|
938
|
-
}
|
|
939
|
-
const ref = getHostRef(this);
|
|
940
|
-
const instance = ref ? ref.$lazyInstance$ : prototype;
|
|
941
|
-
if (!instance) return;
|
|
942
|
-
return instance[memberName];
|
|
943
|
-
}
|
|
944
|
-
},
|
|
945
|
-
configurable: true,
|
|
946
|
-
enumerable: true
|
|
947
|
-
});
|
|
948
|
-
}
|
|
949
869
|
Object.defineProperty(prototype, memberName, {
|
|
870
|
+
get() {
|
|
871
|
+
return getValue(this, memberName);
|
|
872
|
+
},
|
|
950
873
|
set(newValue) {
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
955
|
-
newValue = ref.$instanceValues$.get(memberName);
|
|
956
|
-
} else if (!ref.$instanceValues$.get(memberName) && currentValue) {
|
|
957
|
-
ref.$instanceValues$.set(memberName, currentValue);
|
|
958
|
-
}
|
|
959
|
-
origSetter.apply(this, [parsePropertyValue(newValue, memberFlags)]);
|
|
960
|
-
newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
|
|
961
|
-
setValue(this, memberName, newValue, cmpMeta);
|
|
962
|
-
return;
|
|
963
|
-
}
|
|
964
|
-
{
|
|
965
|
-
if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
|
|
966
|
-
setValue(this, memberName, newValue, cmpMeta);
|
|
967
|
-
if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
|
|
968
|
-
ref.$onReadyPromise$.then(() => {
|
|
969
|
-
if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
|
|
970
|
-
ref.$lazyInstance$[memberName] = newValue;
|
|
971
|
-
}
|
|
972
|
-
});
|
|
973
|
-
}
|
|
974
|
-
return;
|
|
975
|
-
}
|
|
976
|
-
const setterSetVal = () => {
|
|
977
|
-
const currentValue = ref.$lazyInstance$[memberName];
|
|
978
|
-
if (!ref.$instanceValues$.get(memberName) && currentValue) {
|
|
979
|
-
ref.$instanceValues$.set(memberName, currentValue);
|
|
980
|
-
}
|
|
981
|
-
ref.$lazyInstance$[memberName] = parsePropertyValue(newValue, memberFlags);
|
|
982
|
-
setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
|
|
983
|
-
};
|
|
984
|
-
if (ref.$lazyInstance$) {
|
|
985
|
-
setterSetVal();
|
|
986
|
-
} else {
|
|
987
|
-
ref.$onReadyPromise$.then(() => setterSetVal());
|
|
988
|
-
}
|
|
989
|
-
}
|
|
990
|
-
}
|
|
874
|
+
setValue(this, memberName, newValue, cmpMeta);
|
|
875
|
+
},
|
|
876
|
+
configurable: true,
|
|
877
|
+
enumerable: true
|
|
991
878
|
});
|
|
992
879
|
}
|
|
993
880
|
});
|
|
@@ -997,11 +884,10 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
997
884
|
plt.jmp(() => {
|
|
998
885
|
var _a2;
|
|
999
886
|
const propName = attrNameToPropName.get(attrName);
|
|
1000
|
-
if (this.hasOwnProperty(propName)
|
|
887
|
+
if (this.hasOwnProperty(propName)) {
|
|
1001
888
|
newValue = this[propName];
|
|
1002
889
|
delete this[propName];
|
|
1003
|
-
} else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" &&
|
|
1004
|
-
this[propName] == newValue) {
|
|
890
|
+
} else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && this[propName] == newValue) {
|
|
1005
891
|
return;
|
|
1006
892
|
} else if (propName == null) {
|
|
1007
893
|
const hostRef = getHostRef(this);
|
|
@@ -1017,11 +903,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
1017
903
|
}
|
|
1018
904
|
return;
|
|
1019
905
|
}
|
|
1020
|
-
|
|
1021
|
-
newValue = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
|
|
1022
|
-
if (newValue !== this[propName] && (!propDesc.get || !!propDesc.set)) {
|
|
1023
|
-
this[propName] = newValue;
|
|
1024
|
-
}
|
|
906
|
+
this[propName] = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
|
|
1025
907
|
});
|
|
1026
908
|
};
|
|
1027
909
|
Cstr.observedAttributes = Array.from(
|
|
@@ -1050,7 +932,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1050
932
|
hostRef.$flags$ |= 32 /* hasInitializedComponent */;
|
|
1051
933
|
const bundleId = cmpMeta.$lazyBundleId$;
|
|
1052
934
|
if (bundleId) {
|
|
1053
|
-
const CstrImport = loadModule(cmpMeta
|
|
935
|
+
const CstrImport = loadModule(cmpMeta);
|
|
1054
936
|
if (CstrImport && "then" in CstrImport) {
|
|
1055
937
|
const endLoad = uniqueTime();
|
|
1056
938
|
Cstr = await CstrImport;
|
|
@@ -1075,7 +957,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1075
957
|
try {
|
|
1076
958
|
new Cstr(hostRef);
|
|
1077
959
|
} catch (e) {
|
|
1078
|
-
consoleError(e
|
|
960
|
+
consoleError(e);
|
|
1079
961
|
}
|
|
1080
962
|
{
|
|
1081
963
|
hostRef.$flags$ &= ~8 /* isConstructingInstance */;
|
|
@@ -1084,7 +966,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1084
966
|
hostRef.$flags$ |= 128 /* isWatchReady */;
|
|
1085
967
|
}
|
|
1086
968
|
endNewInstance();
|
|
1087
|
-
fireConnectedCallback(hostRef.$lazyInstance
|
|
969
|
+
fireConnectedCallback(hostRef.$lazyInstance$);
|
|
1088
970
|
} else {
|
|
1089
971
|
Cstr = elm.constructor;
|
|
1090
972
|
const cmpTag = elm.localName;
|
|
@@ -1111,9 +993,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1111
993
|
schedule();
|
|
1112
994
|
}
|
|
1113
995
|
};
|
|
1114
|
-
var fireConnectedCallback = (instance
|
|
996
|
+
var fireConnectedCallback = (instance) => {
|
|
1115
997
|
{
|
|
1116
|
-
safeCall(instance, "connectedCallback"
|
|
998
|
+
safeCall(instance, "connectedCallback");
|
|
1117
999
|
}
|
|
1118
1000
|
};
|
|
1119
1001
|
|
|
@@ -1148,34 +1030,28 @@ var connectedCallback = (elm) => {
|
|
|
1148
1030
|
}
|
|
1149
1031
|
} else {
|
|
1150
1032
|
if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
|
|
1151
|
-
fireConnectedCallback(hostRef.$lazyInstance
|
|
1033
|
+
fireConnectedCallback(hostRef.$lazyInstance$);
|
|
1152
1034
|
} else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
|
|
1153
|
-
hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance
|
|
1035
|
+
hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$));
|
|
1154
1036
|
}
|
|
1155
1037
|
}
|
|
1156
1038
|
endConnected();
|
|
1157
1039
|
}
|
|
1158
1040
|
};
|
|
1159
|
-
var disconnectInstance = (instance
|
|
1041
|
+
var disconnectInstance = (instance) => {
|
|
1160
1042
|
{
|
|
1161
|
-
safeCall(instance, "disconnectedCallback"
|
|
1043
|
+
safeCall(instance, "disconnectedCallback");
|
|
1162
1044
|
}
|
|
1163
1045
|
};
|
|
1164
1046
|
var disconnectedCallback = async (elm) => {
|
|
1165
1047
|
if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
|
|
1166
1048
|
const hostRef = getHostRef(elm);
|
|
1167
1049
|
if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
|
|
1168
|
-
disconnectInstance(hostRef.$lazyInstance
|
|
1050
|
+
disconnectInstance(hostRef.$lazyInstance$);
|
|
1169
1051
|
} else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
|
|
1170
|
-
hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance
|
|
1052
|
+
hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$));
|
|
1171
1053
|
}
|
|
1172
1054
|
}
|
|
1173
|
-
if (rootAppliedStyles.has(elm)) {
|
|
1174
|
-
rootAppliedStyles.delete(elm);
|
|
1175
|
-
}
|
|
1176
|
-
if (elm.shadowRoot && rootAppliedStyles.has(elm.shadowRoot)) {
|
|
1177
|
-
rootAppliedStyles.delete(elm.shadowRoot);
|
|
1178
|
-
}
|
|
1179
1055
|
};
|
|
1180
1056
|
|
|
1181
1057
|
// src/runtime/bootstrap-lazy.ts
|
|
@@ -1256,17 +1132,6 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1256
1132
|
}
|
|
1257
1133
|
disconnectedCallback() {
|
|
1258
1134
|
plt.jmp(() => disconnectedCallback(this));
|
|
1259
|
-
plt.raf(() => {
|
|
1260
|
-
var _a3;
|
|
1261
|
-
const hostRef = getHostRef(this);
|
|
1262
|
-
const i2 = deferredConnectedCallbacks.findIndex((host) => host === this);
|
|
1263
|
-
if (i2 > -1) {
|
|
1264
|
-
deferredConnectedCallbacks.splice(i2, 1);
|
|
1265
|
-
}
|
|
1266
|
-
if (((_a3 = hostRef == null ? void 0 : hostRef.$vnode$) == null ? void 0 : _a3.$elm$) instanceof Node && !hostRef.$vnode$.$elm$.isConnected) {
|
|
1267
|
-
delete hostRef.$vnode$.$elm$;
|
|
1268
|
-
}
|
|
1269
|
-
});
|
|
1270
1135
|
}
|
|
1271
1136
|
componentOnReady() {
|
|
1272
1137
|
return getHostRef(this).$onReadyPromise$;
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -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-e03f08c0.js');
|
|
6
6
|
const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
7
7
|
|
|
8
8
|
const defineCustomElements = async (win, options) => {
|