@everymatrix/general-tutorial-slider 1.54.12 → 1.55.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/general-tutorial-slider.cjs.entry.js +19 -54
- package/dist/cjs/general-tutorial-slider.cjs.js +2 -2
- package/dist/cjs/{index-bfd21506.js → index-e91cd3ca.js} +77 -180
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/general-tutorial-slider/general-tutorial-slider.js +18 -79
- package/dist/esm/general-tutorial-slider.entry.js +19 -54
- package/dist/esm/general-tutorial-slider.js +3 -3
- package/dist/esm/{index-b8731ee9.js → index-8f6f886a.js} +77 -180
- package/dist/esm/loader.js +2 -2
- package/dist/general-tutorial-slider/general-tutorial-slider.esm.js +1 -1
- package/dist/general-tutorial-slider/p-61e877f0.entry.js +1 -0
- package/dist/general-tutorial-slider/p-f4302c55.js +2 -0
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/general-tutorial-slider/.stencil/packages/stencil/general-tutorial-slider/stencil.config.d.ts +2 -0
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/general-tutorial-slider/.stencil/packages/stencil/general-tutorial-slider/stencil.config.dev.d.ts +2 -0
- package/package.json +1 -1
- package/dist/general-tutorial-slider/p-a5407119.entry.js +0 -1
- package/dist/general-tutorial-slider/p-e2d02089.js +0 -2
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/general-tutorial-slider/.stencil/packages/stencil/general-tutorial-slider/stencil.config.d.ts +0 -2
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/general-tutorial-slider/.stencil/packages/stencil/general-tutorial-slider/stencil.config.dev.d.ts +0 -2
- /package/dist/types/Users/{adrian.pripon/Documents/Work → maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/general-tutorial-slider/.stencil/tools/plugins/index.d.ts +0 -0
- /package/dist/types/Users/{adrian.pripon/Documents/Work → maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/general-tutorial-slider/.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-tutorial-slider/.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-tutorial-slider/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts +0 -0
|
@@ -1,25 +1,17 @@
|
|
|
1
1
|
const NAMESPACE = 'general-tutorial-slider';
|
|
2
|
-
const BUILD = /* general-tutorial-slider */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: false, 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,
|
|
2
|
+
const BUILD = /* general-tutorial-slider */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: false, 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: true, 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: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: false, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
|
|
3
3
|
|
|
4
4
|
/*
|
|
5
|
-
Stencil Client Platform v4.
|
|
5
|
+
Stencil Client Platform v4.22.3 | MIT Licensed | https://stenciljs.com
|
|
6
6
|
*/
|
|
7
7
|
var __defProp = Object.defineProperty;
|
|
8
8
|
var __export = (target, all) => {
|
|
9
9
|
for (var name in all)
|
|
10
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
11
|
};
|
|
12
|
-
|
|
13
|
-
// src/utils/constants.ts
|
|
14
|
-
var SVG_NS = "http://www.w3.org/2000/svg";
|
|
15
|
-
var HTML_NS = "http://www.w3.org/1999/xhtml";
|
|
16
|
-
|
|
17
|
-
// src/client/client-host-ref.ts
|
|
18
12
|
var hostRefs = /* @__PURE__ */ new WeakMap();
|
|
19
13
|
var getHostRef = (ref) => hostRefs.get(ref);
|
|
20
|
-
var registerInstance = (lazyInstance, hostRef) =>
|
|
21
|
-
hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
|
|
22
|
-
};
|
|
14
|
+
var registerInstance = (lazyInstance, hostRef) => hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
|
|
23
15
|
var registerHost = (hostElement, cmpMeta) => {
|
|
24
16
|
const hostRef = {
|
|
25
17
|
$flags$: 0,
|
|
@@ -32,8 +24,7 @@ var registerHost = (hostElement, cmpMeta) => {
|
|
|
32
24
|
hostElement["s-p"] = [];
|
|
33
25
|
hostElement["s-rc"] = [];
|
|
34
26
|
}
|
|
35
|
-
|
|
36
|
-
return ref;
|
|
27
|
+
return hostRefs.set(hostElement, hostRef);
|
|
37
28
|
};
|
|
38
29
|
var isMemberInElement = (elm, memberName) => memberName in elm;
|
|
39
30
|
var consoleError = (e, el) => (0, console.error)(e, el);
|
|
@@ -70,22 +61,16 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
70
61
|
/* webpackExclude: /\.system\.entry\.js$/ */
|
|
71
62
|
/* webpackMode: "lazy" */
|
|
72
63
|
`./${bundleId}.entry.js${""}`
|
|
73
|
-
).then(
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
cmpModules.set(bundleId, importedModule);
|
|
77
|
-
}
|
|
78
|
-
return importedModule[exportName];
|
|
79
|
-
},
|
|
80
|
-
(e) => {
|
|
81
|
-
consoleError(e, hostRef.$hostElement$);
|
|
64
|
+
).then((importedModule) => {
|
|
65
|
+
{
|
|
66
|
+
cmpModules.set(bundleId, importedModule);
|
|
82
67
|
}
|
|
83
|
-
|
|
68
|
+
return importedModule[exportName];
|
|
69
|
+
}, consoleError);
|
|
84
70
|
};
|
|
85
71
|
|
|
86
72
|
// src/client/client-style.ts
|
|
87
73
|
var styles = /* @__PURE__ */ new Map();
|
|
88
|
-
var HYDRATED_STYLE_ID = "sty-id";
|
|
89
74
|
var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
|
|
90
75
|
var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
|
|
91
76
|
var win = typeof window !== "undefined" ? window : {};
|
|
@@ -143,6 +128,14 @@ var flush = () => {
|
|
|
143
128
|
};
|
|
144
129
|
var nextTick = (cb) => promiseResolve().then(cb);
|
|
145
130
|
var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
|
|
131
|
+
|
|
132
|
+
// src/utils/constants.ts
|
|
133
|
+
var EMPTY_OBJ = {};
|
|
134
|
+
var SVG_NS = "http://www.w3.org/2000/svg";
|
|
135
|
+
var HTML_NS = "http://www.w3.org/1999/xhtml";
|
|
136
|
+
|
|
137
|
+
// src/utils/helpers.ts
|
|
138
|
+
var isDef = (v) => v != null;
|
|
146
139
|
var isComplexType = (o) => {
|
|
147
140
|
o = typeof o;
|
|
148
141
|
return o === "object" || o === "function";
|
|
@@ -321,7 +314,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
321
314
|
}
|
|
322
315
|
if (!appliedStyles.has(scopeId2)) {
|
|
323
316
|
{
|
|
324
|
-
styleElm =
|
|
317
|
+
styleElm = doc.createElement("style");
|
|
325
318
|
styleElm.innerHTML = style;
|
|
326
319
|
const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
|
|
327
320
|
if (nonce != null) {
|
|
@@ -331,10 +324,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
331
324
|
if (styleContainerNode.nodeName === "HEAD") {
|
|
332
325
|
const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
|
|
333
326
|
const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
|
|
334
|
-
styleContainerNode.insertBefore(
|
|
335
|
-
styleElm,
|
|
336
|
-
(referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
|
|
337
|
-
);
|
|
327
|
+
styleContainerNode.insertBefore(styleElm, referenceNode2);
|
|
338
328
|
} else if ("host" in styleContainerNode) {
|
|
339
329
|
if (supportsConstructableStylesheets) {
|
|
340
330
|
const stylesheet = new CSSStyleSheet();
|
|
@@ -352,7 +342,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
352
342
|
styleContainerNode.append(styleElm);
|
|
353
343
|
}
|
|
354
344
|
}
|
|
355
|
-
if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
|
|
345
|
+
if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD") {
|
|
356
346
|
styleContainerNode.insertBefore(styleElm, null);
|
|
357
347
|
}
|
|
358
348
|
}
|
|
@@ -377,25 +367,23 @@ var attachStyles = (hostRef) => {
|
|
|
377
367
|
const scopeId2 = addStyle(
|
|
378
368
|
elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
|
|
379
369
|
cmpMeta);
|
|
380
|
-
if (
|
|
370
|
+
if (flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */) {
|
|
381
371
|
elm["s-sc"] = scopeId2;
|
|
382
372
|
elm.classList.add(scopeId2 + "-h");
|
|
383
373
|
}
|
|
384
374
|
endAttachStyles();
|
|
385
375
|
};
|
|
386
376
|
var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
|
|
387
|
-
var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags
|
|
377
|
+
var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
388
378
|
if (oldValue !== newValue) {
|
|
389
379
|
let isProp = isMemberInElement(elm, memberName);
|
|
390
380
|
let ln = memberName.toLowerCase();
|
|
391
381
|
if (memberName === "class") {
|
|
392
382
|
const classList = elm.classList;
|
|
393
383
|
const oldClasses = parseClassList(oldValue);
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
|
|
398
|
-
}
|
|
384
|
+
const newClasses = parseClassList(newValue);
|
|
385
|
+
classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
|
|
386
|
+
classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
|
|
399
387
|
} else if (memberName === "style") {
|
|
400
388
|
{
|
|
401
389
|
for (const prop in oldValue) {
|
|
@@ -454,7 +442,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
|
|
|
454
442
|
elm.setAttribute(memberName, n);
|
|
455
443
|
}
|
|
456
444
|
}
|
|
457
|
-
} else
|
|
445
|
+
} else {
|
|
458
446
|
elm[memberName] = newValue;
|
|
459
447
|
}
|
|
460
448
|
} catch (e) {
|
|
@@ -476,44 +464,24 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
|
|
|
476
464
|
}
|
|
477
465
|
};
|
|
478
466
|
var parseClassListRegex = /\s/;
|
|
479
|
-
var parseClassList = (value) =>
|
|
480
|
-
if (typeof value === "object" && value && "baseVal" in value) {
|
|
481
|
-
value = value.baseVal;
|
|
482
|
-
}
|
|
483
|
-
if (!value || typeof value !== "string") {
|
|
484
|
-
return [];
|
|
485
|
-
}
|
|
486
|
-
return value.split(parseClassListRegex);
|
|
487
|
-
};
|
|
467
|
+
var parseClassList = (value) => !value ? [] : value.split(parseClassListRegex);
|
|
488
468
|
var CAPTURE_EVENT_SUFFIX = "Capture";
|
|
489
469
|
var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
|
|
490
470
|
|
|
491
471
|
// src/runtime/vdom/update-element.ts
|
|
492
|
-
var updateElement = (oldVnode, newVnode, isSvgMode2
|
|
472
|
+
var updateElement = (oldVnode, newVnode, isSvgMode2) => {
|
|
493
473
|
const elm = newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host ? newVnode.$elm$.host : newVnode.$elm$;
|
|
494
|
-
const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ ||
|
|
495
|
-
const newVnodeAttrs = newVnode.$attrs$ ||
|
|
474
|
+
const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ || EMPTY_OBJ;
|
|
475
|
+
const newVnodeAttrs = newVnode.$attrs$ || EMPTY_OBJ;
|
|
496
476
|
{
|
|
497
477
|
for (const memberName of sortedAttrNames(Object.keys(oldVnodeAttrs))) {
|
|
498
478
|
if (!(memberName in newVnodeAttrs)) {
|
|
499
|
-
setAccessor(
|
|
500
|
-
elm,
|
|
501
|
-
memberName,
|
|
502
|
-
oldVnodeAttrs[memberName],
|
|
503
|
-
void 0,
|
|
504
|
-
isSvgMode2,
|
|
505
|
-
newVnode.$flags$);
|
|
479
|
+
setAccessor(elm, memberName, oldVnodeAttrs[memberName], void 0, isSvgMode2, newVnode.$flags$);
|
|
506
480
|
}
|
|
507
481
|
}
|
|
508
482
|
}
|
|
509
483
|
for (const memberName of sortedAttrNames(Object.keys(newVnodeAttrs))) {
|
|
510
|
-
setAccessor(
|
|
511
|
-
elm,
|
|
512
|
-
memberName,
|
|
513
|
-
oldVnodeAttrs[memberName],
|
|
514
|
-
newVnodeAttrs[memberName],
|
|
515
|
-
isSvgMode2,
|
|
516
|
-
newVnode.$flags$);
|
|
484
|
+
setAccessor(elm, memberName, oldVnodeAttrs[memberName], newVnodeAttrs[memberName], isSvgMode2, newVnode.$flags$);
|
|
517
485
|
}
|
|
518
486
|
};
|
|
519
487
|
function sortedAttrNames(attrNames) {
|
|
@@ -525,10 +493,13 @@ function sortedAttrNames(attrNames) {
|
|
|
525
493
|
attrNames
|
|
526
494
|
);
|
|
527
495
|
}
|
|
496
|
+
|
|
497
|
+
// src/runtime/vdom/vdom-render.ts
|
|
498
|
+
var scopeId;
|
|
528
499
|
var hostTagName;
|
|
529
500
|
var useNativeShadowDom = false;
|
|
530
501
|
var isSvgMode = false;
|
|
531
|
-
var createElm = (oldParentVNode, newParentVNode, childIndex) => {
|
|
502
|
+
var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
|
|
532
503
|
const newVNode2 = newParentVNode.$children$[childIndex];
|
|
533
504
|
let i2 = 0;
|
|
534
505
|
let elm;
|
|
@@ -549,6 +520,11 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
|
|
|
549
520
|
{
|
|
550
521
|
updateElement(null, newVNode2, isSvgMode);
|
|
551
522
|
}
|
|
523
|
+
const rootNode = elm.getRootNode();
|
|
524
|
+
const isElementWithinShadowRoot = !rootNode.querySelector("body");
|
|
525
|
+
if (!isElementWithinShadowRoot && BUILD.scoped && isDef(scopeId) && elm["s-si"] !== scopeId) {
|
|
526
|
+
elm.classList.add(elm["s-si"] = scopeId);
|
|
527
|
+
}
|
|
552
528
|
if (newVNode2.$children$) {
|
|
553
529
|
for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
|
|
554
530
|
childNode = createElm(oldParentVNode, newVNode2, i2);
|
|
@@ -660,9 +636,6 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
|
|
|
660
636
|
};
|
|
661
637
|
var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
|
|
662
638
|
if (leftVNode.$tag$ === rightVNode.$tag$) {
|
|
663
|
-
if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) {
|
|
664
|
-
leftVNode.$key$ = rightVNode.$key$;
|
|
665
|
-
}
|
|
666
639
|
return true;
|
|
667
640
|
}
|
|
668
641
|
return false;
|
|
@@ -709,9 +682,8 @@ var nullifyVNodeRefs = (vNode) => {
|
|
|
709
682
|
}
|
|
710
683
|
};
|
|
711
684
|
var insertBefore = (parent, newNode, reference) => {
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
}
|
|
685
|
+
const inserted = parent == null ? void 0 : parent.insertBefore(newNode, reference);
|
|
686
|
+
return inserted;
|
|
715
687
|
};
|
|
716
688
|
var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
717
689
|
const hostElm = hostRef.$hostElement$;
|
|
@@ -736,21 +708,17 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
|
736
708
|
rootVnode.$flags$ |= 4 /* isHost */;
|
|
737
709
|
hostRef.$vnode$ = rootVnode;
|
|
738
710
|
rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
|
|
739
|
-
|
|
711
|
+
{
|
|
712
|
+
scopeId = hostElm["s-sc"];
|
|
713
|
+
}
|
|
714
|
+
useNativeShadowDom = (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
|
|
740
715
|
patch(oldVNode, rootVnode, isInitialLoad);
|
|
741
716
|
};
|
|
742
717
|
|
|
743
718
|
// src/runtime/update-component.ts
|
|
744
719
|
var attachToAncestor = (hostRef, ancestorComponent) => {
|
|
745
720
|
if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent["s-p"]) {
|
|
746
|
-
|
|
747
|
-
new Promise(
|
|
748
|
-
(r) => hostRef.$onRenderResolve$ = () => {
|
|
749
|
-
ancestorComponent["s-p"].splice(index - 1, 1);
|
|
750
|
-
r();
|
|
751
|
-
}
|
|
752
|
-
)
|
|
753
|
-
);
|
|
721
|
+
ancestorComponent["s-p"].push(new Promise((r) => hostRef.$onRenderResolve$ = r));
|
|
754
722
|
}
|
|
755
723
|
};
|
|
756
724
|
var scheduleUpdate = (hostRef, isInitialLoad) => {
|
|
@@ -777,7 +745,7 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
|
|
|
777
745
|
let maybePromise;
|
|
778
746
|
if (isInitialLoad) {
|
|
779
747
|
{
|
|
780
|
-
maybePromise = safeCall(instance, "componentWillLoad"
|
|
748
|
+
maybePromise = safeCall(instance, "componentWillLoad");
|
|
781
749
|
}
|
|
782
750
|
}
|
|
783
751
|
endSchedule();
|
|
@@ -846,7 +814,7 @@ var postUpdateComponent = (hostRef) => {
|
|
|
846
814
|
const instance = hostRef.$lazyInstance$ ;
|
|
847
815
|
const ancestorComponent = hostRef.$ancestorComponent$;
|
|
848
816
|
{
|
|
849
|
-
safeCall(instance, "componentDidRender"
|
|
817
|
+
safeCall(instance, "componentDidRender");
|
|
850
818
|
}
|
|
851
819
|
if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
|
|
852
820
|
hostRef.$flags$ |= 64 /* hasLoadedComponent */;
|
|
@@ -854,7 +822,7 @@ var postUpdateComponent = (hostRef) => {
|
|
|
854
822
|
addHydratedFlag(elm);
|
|
855
823
|
}
|
|
856
824
|
{
|
|
857
|
-
safeCall(instance, "componentDidLoad"
|
|
825
|
+
safeCall(instance, "componentDidLoad");
|
|
858
826
|
}
|
|
859
827
|
endPostUpdate();
|
|
860
828
|
{
|
|
@@ -865,7 +833,7 @@ var postUpdateComponent = (hostRef) => {
|
|
|
865
833
|
}
|
|
866
834
|
} else {
|
|
867
835
|
{
|
|
868
|
-
safeCall(instance, "componentDidUpdate"
|
|
836
|
+
safeCall(instance, "componentDidUpdate");
|
|
869
837
|
}
|
|
870
838
|
endPostUpdate();
|
|
871
839
|
}
|
|
@@ -881,14 +849,17 @@ var postUpdateComponent = (hostRef) => {
|
|
|
881
849
|
}
|
|
882
850
|
};
|
|
883
851
|
var appDidLoad = (who) => {
|
|
852
|
+
{
|
|
853
|
+
addHydratedFlag(doc.documentElement);
|
|
854
|
+
}
|
|
884
855
|
nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
|
|
885
856
|
};
|
|
886
|
-
var safeCall = (instance, method, arg
|
|
857
|
+
var safeCall = (instance, method, arg) => {
|
|
887
858
|
if (instance && instance[method]) {
|
|
888
859
|
try {
|
|
889
860
|
return instance[method](arg);
|
|
890
861
|
} catch (e) {
|
|
891
|
-
consoleError(e
|
|
862
|
+
consoleError(e);
|
|
892
863
|
}
|
|
893
864
|
}
|
|
894
865
|
return void 0;
|
|
@@ -947,68 +918,15 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
947
918
|
const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
|
|
948
919
|
members.map(([memberName, [memberFlags]]) => {
|
|
949
920
|
if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
|
|
950
|
-
const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
|
|
951
|
-
if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
|
|
952
|
-
if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
|
|
953
|
-
if (flags & 1 /* isElementConstructor */ || !origGetter) {
|
|
954
|
-
Object.defineProperty(prototype, memberName, {
|
|
955
|
-
get() {
|
|
956
|
-
{
|
|
957
|
-
if ((cmpMeta.$members$[memberName][0] & 2048 /* Getter */) === 0) {
|
|
958
|
-
return getValue(this, memberName);
|
|
959
|
-
}
|
|
960
|
-
const ref = getHostRef(this);
|
|
961
|
-
const instance = ref ? ref.$lazyInstance$ : prototype;
|
|
962
|
-
if (!instance) return;
|
|
963
|
-
return instance[memberName];
|
|
964
|
-
}
|
|
965
|
-
},
|
|
966
|
-
configurable: true,
|
|
967
|
-
enumerable: true
|
|
968
|
-
});
|
|
969
|
-
}
|
|
970
921
|
Object.defineProperty(prototype, memberName, {
|
|
922
|
+
get() {
|
|
923
|
+
return getValue(this, memberName);
|
|
924
|
+
},
|
|
971
925
|
set(newValue) {
|
|
972
|
-
|
|
973
|
-
|
|
974
|
-
|
|
975
|
-
|
|
976
|
-
newValue = ref.$instanceValues$.get(memberName);
|
|
977
|
-
} else if (!ref.$instanceValues$.get(memberName) && currentValue) {
|
|
978
|
-
ref.$instanceValues$.set(memberName, currentValue);
|
|
979
|
-
}
|
|
980
|
-
origSetter.apply(this, [parsePropertyValue(newValue, memberFlags)]);
|
|
981
|
-
newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
|
|
982
|
-
setValue(this, memberName, newValue, cmpMeta);
|
|
983
|
-
return;
|
|
984
|
-
}
|
|
985
|
-
{
|
|
986
|
-
if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
|
|
987
|
-
setValue(this, memberName, newValue, cmpMeta);
|
|
988
|
-
if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
|
|
989
|
-
ref.$onReadyPromise$.then(() => {
|
|
990
|
-
if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
|
|
991
|
-
ref.$lazyInstance$[memberName] = newValue;
|
|
992
|
-
}
|
|
993
|
-
});
|
|
994
|
-
}
|
|
995
|
-
return;
|
|
996
|
-
}
|
|
997
|
-
const setterSetVal = () => {
|
|
998
|
-
const currentValue = ref.$lazyInstance$[memberName];
|
|
999
|
-
if (!ref.$instanceValues$.get(memberName) && currentValue) {
|
|
1000
|
-
ref.$instanceValues$.set(memberName, currentValue);
|
|
1001
|
-
}
|
|
1002
|
-
ref.$lazyInstance$[memberName] = parsePropertyValue(newValue, memberFlags);
|
|
1003
|
-
setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
|
|
1004
|
-
};
|
|
1005
|
-
if (ref.$lazyInstance$) {
|
|
1006
|
-
setterSetVal();
|
|
1007
|
-
} else {
|
|
1008
|
-
ref.$onReadyPromise$.then(() => setterSetVal());
|
|
1009
|
-
}
|
|
1010
|
-
}
|
|
1011
|
-
}
|
|
926
|
+
setValue(this, memberName, newValue, cmpMeta);
|
|
927
|
+
},
|
|
928
|
+
configurable: true,
|
|
929
|
+
enumerable: true
|
|
1012
930
|
});
|
|
1013
931
|
}
|
|
1014
932
|
});
|
|
@@ -1018,7 +936,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
1018
936
|
plt.jmp(() => {
|
|
1019
937
|
var _a2;
|
|
1020
938
|
const propName = attrNameToPropName.get(attrName);
|
|
1021
|
-
if (this.hasOwnProperty(propName)
|
|
939
|
+
if (this.hasOwnProperty(propName)) {
|
|
1022
940
|
newValue = this[propName];
|
|
1023
941
|
delete this[propName];
|
|
1024
942
|
} else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
|
|
@@ -1038,11 +956,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
1038
956
|
}
|
|
1039
957
|
return;
|
|
1040
958
|
}
|
|
1041
|
-
|
|
1042
|
-
newValue = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
|
|
1043
|
-
if (newValue !== this[propName] && (!propDesc.get || !!propDesc.set)) {
|
|
1044
|
-
this[propName] = newValue;
|
|
1045
|
-
}
|
|
959
|
+
this[propName] = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
|
|
1046
960
|
});
|
|
1047
961
|
};
|
|
1048
962
|
Cstr.observedAttributes = Array.from(
|
|
@@ -1071,7 +985,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1071
985
|
hostRef.$flags$ |= 32 /* hasInitializedComponent */;
|
|
1072
986
|
const bundleId = cmpMeta.$lazyBundleId$;
|
|
1073
987
|
if (bundleId) {
|
|
1074
|
-
const CstrImport = loadModule(cmpMeta
|
|
988
|
+
const CstrImport = loadModule(cmpMeta);
|
|
1075
989
|
if (CstrImport && "then" in CstrImport) {
|
|
1076
990
|
const endLoad = uniqueTime();
|
|
1077
991
|
Cstr = await CstrImport;
|
|
@@ -1096,7 +1010,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1096
1010
|
try {
|
|
1097
1011
|
new Cstr(hostRef);
|
|
1098
1012
|
} catch (e) {
|
|
1099
|
-
consoleError(e
|
|
1013
|
+
consoleError(e);
|
|
1100
1014
|
}
|
|
1101
1015
|
{
|
|
1102
1016
|
hostRef.$flags$ &= ~8 /* isConstructingInstance */;
|
|
@@ -1105,7 +1019,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1105
1019
|
hostRef.$flags$ |= 128 /* isWatchReady */;
|
|
1106
1020
|
}
|
|
1107
1021
|
endNewInstance();
|
|
1108
|
-
fireConnectedCallback(hostRef.$lazyInstance
|
|
1022
|
+
fireConnectedCallback(hostRef.$lazyInstance$);
|
|
1109
1023
|
} else {
|
|
1110
1024
|
Cstr = elm.constructor;
|
|
1111
1025
|
const cmpTag = elm.localName;
|
|
@@ -1132,9 +1046,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1132
1046
|
schedule();
|
|
1133
1047
|
}
|
|
1134
1048
|
};
|
|
1135
|
-
var fireConnectedCallback = (instance
|
|
1049
|
+
var fireConnectedCallback = (instance) => {
|
|
1136
1050
|
{
|
|
1137
|
-
safeCall(instance, "connectedCallback"
|
|
1051
|
+
safeCall(instance, "connectedCallback");
|
|
1138
1052
|
}
|
|
1139
1053
|
};
|
|
1140
1054
|
|
|
@@ -1169,34 +1083,28 @@ var connectedCallback = (elm) => {
|
|
|
1169
1083
|
}
|
|
1170
1084
|
} else {
|
|
1171
1085
|
if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
|
|
1172
|
-
fireConnectedCallback(hostRef.$lazyInstance
|
|
1086
|
+
fireConnectedCallback(hostRef.$lazyInstance$);
|
|
1173
1087
|
} else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
|
|
1174
|
-
hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance
|
|
1088
|
+
hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$));
|
|
1175
1089
|
}
|
|
1176
1090
|
}
|
|
1177
1091
|
endConnected();
|
|
1178
1092
|
}
|
|
1179
1093
|
};
|
|
1180
|
-
var disconnectInstance = (instance
|
|
1094
|
+
var disconnectInstance = (instance) => {
|
|
1181
1095
|
{
|
|
1182
|
-
safeCall(instance, "disconnectedCallback"
|
|
1096
|
+
safeCall(instance, "disconnectedCallback");
|
|
1183
1097
|
}
|
|
1184
1098
|
};
|
|
1185
1099
|
var disconnectedCallback = async (elm) => {
|
|
1186
1100
|
if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
|
|
1187
1101
|
const hostRef = getHostRef(elm);
|
|
1188
1102
|
if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
|
|
1189
|
-
disconnectInstance(hostRef.$lazyInstance
|
|
1103
|
+
disconnectInstance(hostRef.$lazyInstance$);
|
|
1190
1104
|
} else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
|
|
1191
|
-
hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance
|
|
1105
|
+
hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$));
|
|
1192
1106
|
}
|
|
1193
1107
|
}
|
|
1194
|
-
if (rootAppliedStyles.has(elm)) {
|
|
1195
|
-
rootAppliedStyles.delete(elm);
|
|
1196
|
-
}
|
|
1197
|
-
if (elm.shadowRoot && rootAppliedStyles.has(elm.shadowRoot)) {
|
|
1198
|
-
rootAppliedStyles.delete(elm.shadowRoot);
|
|
1199
|
-
}
|
|
1200
1108
|
};
|
|
1201
1109
|
|
|
1202
1110
|
// src/runtime/bootstrap-lazy.ts
|
|
@@ -1277,17 +1185,6 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1277
1185
|
}
|
|
1278
1186
|
disconnectedCallback() {
|
|
1279
1187
|
plt.jmp(() => disconnectedCallback(this));
|
|
1280
|
-
plt.raf(() => {
|
|
1281
|
-
var _a3;
|
|
1282
|
-
const hostRef = getHostRef(this);
|
|
1283
|
-
const i2 = deferredConnectedCallbacks.findIndex((host) => host === this);
|
|
1284
|
-
if (i2 > -1) {
|
|
1285
|
-
deferredConnectedCallbacks.splice(i2, 1);
|
|
1286
|
-
}
|
|
1287
|
-
if (((_a3 = hostRef == null ? void 0 : hostRef.$vnode$) == null ? void 0 : _a3.$elm$) instanceof Node && !hostRef.$vnode$.$elm$.isConnected) {
|
|
1288
|
-
delete hostRef.$vnode$.$elm$;
|
|
1289
|
-
}
|
|
1290
|
-
});
|
|
1291
1188
|
}
|
|
1292
1189
|
componentOnReady() {
|
|
1293
1190
|
return getHostRef(this).$onReadyPromise$;
|
package/dist/esm/loader.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { b as bootstrapLazy } from './index-8f6f886a.js';
|
|
2
|
+
export { s as setNonce } from './index-8f6f886a.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
4
4
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as r}from"./p-
|
|
1
|
+
import{p as e,b as r}from"./p-f4302c55.js";export{s as setNonce}from"./p-f4302c55.js";import{g as l}from"./p-e1255160.js";(()=>{const s=import.meta.url,r={};return""!==s&&(r.resourcesUrl=new URL(".",s).href),e(r)})().then((async e=>(await l(),r([["p-61e877f0",[[1,"general-tutorial-slider",{clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],language:[513],cmsEndpoint:[513,"cms-endpoint"],userRoles:[513,"user-roles"],cmsEnv:[513,"cms-env"],showSliderDots:[516,"show-slider-dots"],showSliderArrows:[516,"show-slider-arrows"],showSliderArrowsMobile:[516,"show-slider-arrows-mobile"],enableAutoScroll:[516,"enable-auto-scroll"],intervalPeriod:[514,"interval-period"],scrollItems:[520,"scroll-items"],itemsPerPage:[514,"items-per-page"],hasErrors:[32],limitStylingAppends:[32],isLoading:[32],activeIndex:[32],tutorialElementWidth:[32]},null,{cmsEndpoint:["watchEndpoint"],language:["watchEndpoint"]}]]]],e))));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as i,g as n}from"./p-f4302c55.js";const e={en:{error:"Error",noResults:"Loading, please wait ..."},hu:{error:"Error",noResults:"Loading, please wait ..."},ro:{error:"Eroare",noResults:"Loading, please wait ..."},fr:{error:"Error",noResults:"Loading, please wait ..."},ar:{error:"خطأ",noResults:"Loading, please wait ..."},hr:{error:"Greška",noResults:"Učitavanje, molimo pričekajte ..."},"es-mx":{error:"Error",noResults:"Cargando, espere por favor…"},"pt-br":{error:"Erro",noResults:"Carregando, espere por favor…"}},o=class{constructor(i){var n;t(this,i),this.userAgent=window.navigator.userAgent,this.isMobile=!!((n=this.userAgent).toLowerCase().match(/android/i)||n.toLowerCase().match(/blackberry|bb/i)||n.toLowerCase().match(/iphone|ipad|ipod/i)||n.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i)),this.allElementsWidth=0,this.xDown=null,this.yDown=null,this.resizeHandler=()=>{this.recalculateItemsPerPage()},this.orientationChangeHandler=()=>{setTimeout((()=>{this.recalculateItemsPerPage()}),10)},this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)},this.setClientStylingURL=()=>{let t=new URL(this.clientStylingUrl),i=document.createElement("style");fetch(t.href).then((t=>t.text())).then((t=>{i.innerHTML=t,setTimeout((()=>{this.stylingContainer.prepend(i)}),1)})).catch((t=>{console.log("error ",t)}))},this.clientStyling="",this.clientStylingUrl="",this.language="en",this.cmsEndpoint=void 0,this.userRoles="everyone",this.cmsEnv="stage",this.showSliderDots=!0,this.showSliderArrows=!0,this.showSliderArrowsMobile=!1,this.enableAutoScroll=!1,this.intervalPeriod=5e3,this.scrollItems=1,this.itemsPerPage=1,this.hasErrors=!1,this.limitStylingAppends=!1,this.isLoading=!0,this.activeIndex=0,this.tutorialElementWidth=0}watchEndpoint(t,i){t&&t!=i&&this.cmsEndpoint&&this.getGeneralTutorialSlider().then((t=>{this.tutorialData=t}))}connectedCallback(){window.screen.orientation.addEventListener("change",this.orientationChangeHandler)}componentWillLoad(){if(this.cmsEndpoint&&this.language)return this.getGeneralTutorialSlider().then((t=>{this.tutorialData=t}))}componentDidLoad(){window.addEventListener("resize",this.resizeHandler)}componentDidRender(){this.el.addEventListener("touchstart",this.handleTouchStart.bind(this),{passive:!0}),this.el.addEventListener("touchmove",this.handleTouchMove.bind(this),{passive:!0}),this.recalculateItemsPerPage(),!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.limitStylingAppends=!0)}componentDidUpdate(){this.recalculateItemsPerPage()}disconnectedCallback(){this.el.removeEventListener("touchstart",this.handleTouchStart),this.el.removeEventListener("touchmove",this.handleTouchMove),window.screen.orientation.removeEventListener("change",this.orientationChangeHandler),window.removeEventListener("resize",this.resizeHandler)}getGeneralTutorialSlider(){let t=new URL(`${this.cmsEndpoint}/${this.language}/slider-onboarding`);return t.searchParams.append("env",this.cmsEnv),t.searchParams.append("userRoles",this.userRoles),t.searchParams.append("device",(()=>{const t=(()=>{let t=window.navigator.userAgent;return t.toLowerCase().match(/android/i)?"Android":t.toLowerCase().match(/iphone/i)?"iPhone":t.toLowerCase().match(/ipad|ipod/i)?"iPad":"PC"})();if(t)return"PC"===t?"dk":"iPad"===t||"iPhone"===t?"ios":"mtWeb"})()),new Promise(((i,n)=>{this.isLoading=!0,fetch(t.href).then((t=>t.json())).then((t=>{i(t)})).catch((t=>{console.error(t),this.hasErrors=!0,n(t)})).finally((()=>{this.isLoading=!1}))}))}move(t){this.setActive(this.activeIndex+t)}recalculateItemsPerPage(){this.tutorialsElement&&(this.tutorialElementWidth=this.tutorialsElement.clientWidth,this.allElementsWidth=(this.tutorialData.length-1)*this.tutorialElementWidth)}goTo(t){let i=this.activeIndex-t;if(i>0)for(let t=0;t<i;t++)this.move(-1);else for(let t=0;t>i;t--)this.move(1)}handleTouchStart(t){const i=this.getTouches(t)[0];this.xDown=i.clientX,this.yDown=i.clientY}getTouches(t){return t.touches||t.originalEvent.touches}handleTouchMove(t){if(!this.xDown||!this.yDown)return;let i=this.xDown-t.touches[0].clientX,n=this.yDown-t.touches[0].clientY;Math.abs(i)>Math.abs(n)&&this.move(i>0?1:-1),this.xDown=null,this.yDown=null}setActive(t){const i=this.tutorialData.length;this.activeIndex=t>=0?t>=i-1?i-1:t:0}renderDots(){const t=[];for(let n=0;n<this.tutorialData.length/this.itemsPerPage;n++)t.push(i("li",{class:n==this.activeIndex?"active":"default",onClick:()=>{this.goTo(n),this.setActive(n)}}));return t}render(){const t={transform:`translate(${this.allElementsWidth/(this.tutorialData.length-1)*this.activeIndex*-1}px, 0px)`},n={width:this.tutorialElementWidth/this.itemsPerPage+"px"};return this.hasErrors?i("div",{class:"GeneralTutorialSliderError"},i("div",{class:"TitleError"},e[void 0!==(o=this.language)&&o in e?o:"en"].error)):this.isLoading?void 0:i("div",{ref:t=>this.stylingContainer=t},i("div",{class:"TutorialWrapper"},i("div",{class:"TutorialContent",ref:t=>this.slider=t},(this.showSliderArrows&&!this.isMobile||this.showSliderArrowsMobile&&this.isMobile)&&i("div",{class:0===this.activeIndex?"SliderNavButton DisabledArrow":"SliderNavButton",onClick:()=>this.move(-1)},i("svg",{fill:"none",stroke:"var(--emw--color-secondary, #FD2839)",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},i("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M15 19l-7-7 7-7"}))),i("main",null,i("div",{style:t,ref:t=>this.tutorialsElement=t,class:"TutorialItems"},this.tutorialData.map((t=>{var e,o,s,r,l,a,d,h,u,c,p,v,m,w,g,f,x,I;return i("div",{class:"TutorialItem",style:n},i("div",{class:"ItemTitle",innerHTML:null==t?void 0:t.title}),(null===(e=null==t?void 0:t.media)||void 0===e?void 0:e.images)?i("div",{class:"ItemImage"},i("img",this.isMobile?{src:null===(l=null===(r=null===(s=null===(o=null==t?void 0:t.media)||void 0===o?void 0:o.images[0])||void 0===s?void 0:s.sources)||void 0===r?void 0:r.find((t=>"mobile"===t.media)))||void 0===l?void 0:l.src,alt:null==t?void 0:t.slug}:{src:null===(u=null===(h=null===(d=null===(a=null==t?void 0:t.media)||void 0===a?void 0:a.images[0])||void 0===d?void 0:d.sources)||void 0===h?void 0:h.find((t=>"desktop"===t.media)))||void 0===u?void 0:u.src,alt:null==t?void 0:t.slug})):(null===(c=null==t?void 0:t.media)||void 0===c?void 0:c.video)?i("div",{class:"ItemImage"},i("video",{controls:!0,loop:!0,autoplay:!0},i("source",this.isMobile?{src:null===(w=null===(m=null===(v=null===(p=null==t?void 0:t.media)||void 0===p?void 0:p.video[0])||void 0===v?void 0:v.sources)||void 0===m?void 0:m.find((t=>"mobile"===t.media)))||void 0===w?void 0:w.src,type:"video/mp4"}:{src:null===(I=null===(x=null===(f=null===(g=null==t?void 0:t.media)||void 0===g?void 0:g.video[0])||void 0===f?void 0:f.sources)||void 0===x?void 0:x.find((t=>"desktop"===t.media)))||void 0===I?void 0:I.src,type:"video/mp4"}))):null,i("div",{class:"ItemDescription",innerHTML:null==t?void 0:t.content}))})))),(this.showSliderArrows&&!this.isMobile||this.showSliderArrowsMobile&&this.isMobile)&&i("div",{class:this.activeIndex===this.tutorialData.length-1?" SliderNavButton DisabledArrow disabled":"SliderNavButton",onClick:()=>this.move(1)},i("svg",{fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},i("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M9 5l7 7-7 7"}))),i("div",null)),this.showSliderDots&&i("div",{class:"DotsWrapper"},i("ul",{class:"Dots"},this.renderDots()))));var o}get el(){return n(this)}static get watchers(){return{cmsEndpoint:["watchEndpoint"],language:["watchEndpoint"]}}};o.style=":host {\n display: block;\n}\n\n.GeneralTutorialSliderError {\n display: flex;\n justify-content: center;\n flex-direction: column;\n}\n.GeneralTutorialSliderError.TitleError {\n color: red;\n}\n\nmain {\n width: 100%;\n overflow: hidden;\n}\n\n.TutorialWrapper {\n width: 100%;\n display: flex;\n flex: 0 0 auto;\n justify-content: center;\n flex-direction: column;\n overflow: auto;\n}\n\n.TutorialContent {\n display: flex;\n justify-content: center;\n flex-direction: row;\n}\n\n.TutorialItems {\n display: flex;\n transition: transform 0.4s ease-in-out;\n transform: translateX(0px);\n}\n\n.TutorialItem {\n flex: 0 0 auto;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n color: #000;\n background-color: #f5f5f5;\n border-radius: 5px;\n user-select: none;\n}\n.TutorialItem .ItemTitle {\n padding: 25px 15px;\n font-size: 18px;\n font-weight: 600;\n color: var(--emw--color-secondary, #FD2839);\n}\n.TutorialItem .ItemImage {\n overflow: hidden;\n}\n.TutorialItem .ItemImage img, .TutorialItem .ItemImage video {\n height: auto;\n width: 450px;\n}\n.TutorialItem .ItemDescription {\n font-size: 14px;\n padding: 25px 15px;\n font-weight: 400;\n color: #000;\n}\n\n.SliderNavButton {\n border: 0px;\n width: 25px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.SliderNavButton svg {\n width: 20px;\n stroke: var(--emw--color-secondary, #FD2839);\n}\n\n.DisabledArrow svg {\n opacity: 0.2;\n stroke: var(--emw--color-secondary, #FD2839);\n pointer-events: none;\n}\n\n.DotsWrapper {\n width: 100%;\n margin: 0 auto;\n margin-top: 20px;\n height: 30px;\n}\n.DotsWrapper ul.Dots {\n display: flex;\n justify-content: center;\n padding: 0;\n}\n.DotsWrapper ul.Dots li {\n height: 10px;\n width: 10px;\n background: #ccc;\n border-radius: 50%;\n margin-left: 3px;\n margin-right: 3px;\n list-style: none;\n cursor: pointer;\n}\n.DotsWrapper ul.Dots li:hover {\n background: #bbb;\n}\n.DotsWrapper ul.Dots li.active {\n border: solid 1px var(--emw--color-secondary, #FD2839);\n background: var(--emw--color-secondary, #FD2839);\n}\n.DotsWrapper ul.Dots li.default {\n border: solid 1px var(--emw--color-secondary, #FD2839);\n background-color: #FFF;\n}\n\n@container (max-width: 475px) {\n @media screen and (orientation: landscape) {\n .TutorialItem {\n width: 100%;\n }\n }\n main {\n height: 90cqh;\n }\n .TutorialItems {\n height: inherit;\n }\n .TutorialItem {\n min-width: 100%;\n max-height: 800px;\n overflow: auto;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n color: #000;\n background-color: #f5f5f5;\n border-radius: 5px;\n user-select: none;\n }\n .TutorialItem .ItemTitle {\n padding: 25px 15px;\n font-size: 18px;\n font-weight: 600;\n color: var(--emw--color-secondary, #FD2839);\n }\n .TutorialItem .ItemImage {\n min-height: 200px;\n }\n .TutorialItem .ItemImage img, .TutorialItem .ItemImage video {\n height: auto;\n width: 100%;\n }\n .TutorialItem .ItemDescription {\n font-size: 14px;\n padding: 25px 15px;\n font-weight: 400;\n color: #000;\n }\n}";export{o as general_tutorial_slider}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var e=Object.defineProperty,t=new WeakMap,n=e=>t.get(e),o=(e,n)=>t.set(n.t=e,n),l=(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={o:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,o)=>e.addEventListener(t,n,o),rel:(e,t,n,o)=>e.removeEventListener(t,n,o),ce:(e,t)=>new CustomEvent(e,t)},h=e=>Promise.resolve(e),p=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),d=!1,m=[],y=[],w=(e,t)=>n=>{e.push(n),d||(d=!0,t&&4&f.o?b($):f.raf($))},v=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){s(e)}e.length=0},$=()=>{v(m),v(y),(d=m.length>0)&&f.raf($)},b=e=>h().then(e),g=w(y,!0),S={},j=e=>"object"==(e=typeof e)||"function"===e;function O(e){var t,n,o;return null!=(o=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((t,n)=>{for(var o in n)e(t,o,{get:n[o],enumerable:!0})})({},{err:()=>E,map:()=>C,ok:()=>k,unwrap:()=>x,unwrapErr:()=>P});var k=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=>k(e))):k(n)}if(e.isErr)return E(e.value);throw"should never get here"}var M,x=e=>{if(e.isOk)return e.value;throw e.value},P=e=>{if(e.isErr)return e.value;throw e.value},D=(e,t,...n)=>{let o=null,l=!1,s=!1;const r=[],i=t=>{for(let n=0;n<t.length;n++)o=t[n],Array.isArray(o)?i(o):null!=o&&"boolean"!=typeof o&&((l="function"!=typeof e&&!j(o))&&(o+=""),l&&s?r[r.length-1].i+=o:r.push(l?A(null,o):o),s=l)};if(i(n),t){const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}const c=A(e,null);return c.u=t,r.length>0&&(c.h=r),c},A=(e,t)=>({o:0,p:e,i:t,m:null,h:null,u:null}),R={},H=e=>n(e).$hostElement$,L=new WeakMap,T=e=>"sc-"+e.v,U=(e,t,n,o,s,r)=>{if(n!==o){let i=l(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,l=N(n),s=N(o);t.remove(...l.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!l.includes(e))))}else if("style"===t){for(const t in n)o&&null!=o[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in o)n&&o[t]===n[t]||(t.includes("-")?e.style.setProperty(t,o[t]):e.style[t]=o[t])}else if("ref"===t)o&&o(e);else if(i||"o"!==t[0]||"n"!==t[1]){const l=j(o);if((i||l&&null!==o)&&!s)try{if(e.tagName.includes("-"))e[t]=o;else{const l=null==o?"":o;"list"===t?i=!1:null!=n&&e[t]==l||("function"==typeof e.__lookupSetter__(t)?e[t]=l:e.setAttribute(t,l))}}catch(e){}null==o||!1===o?!1===o&&""!==e.getAttribute(t)||e.removeAttribute(t):(!i||4&r||s)&&!l&&e.setAttribute(t,o=!0===o?"":o)}else if(t="-"===t[2]?t.slice(3):l(u,c)?c.slice(2):c[2]+t.slice(3),n||o){const l=t.endsWith(W);t=t.replace(q,""),n&&f.rel(e,t,n,l),o&&f.ael(e,t,o,l)}}},F=/\s/,N=e=>e?e.split(F):[],W="Capture",q=RegExp(W+"$"),G=(e,t,n)=>{const o=11===t.m.nodeType&&t.m.host?t.m.host:t.m,l=e&&e.u||S,s=t.u||S;for(const e of V(Object.keys(l)))e in s||U(o,e,l[e],void 0,n,t.o);for(const e of V(Object.keys(s)))U(o,e,l[e],s[e],n,t.o)};function V(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var _=!1,z=(e,t,n)=>{const o=t.h[n];let l,s,r=0;if(null!==o.i)l=o.m=a.createTextNode(o.i);else{if(_||(_="svg"===o.p),l=o.m=a.createElementNS(_?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.p),_&&"foreignObject"===o.p&&(_=!1),G(null,o,_),l.getRootNode().querySelector("body"),o.h)for(r=0;r<o.h.length;++r)s=z(e,o,r),s&&l.appendChild(s);"svg"===o.p?_=!1:"foreignObject"===l.tagName&&(_=!0)}return l["s-hn"]=M,l},B=(e,t,n,o,l,s)=>{let r,i=e;for(i.shadowRoot&&i.tagName===M&&(i=i.shadowRoot);l<=s;++l)o[l]&&(r=z(null,n,l),r&&(o[l].m=r,X(i,r,t)))},I=(e,t,n)=>{for(let o=t;o<=n;++o){const t=e[o];if(t){const e=t.m;Q(t),e&&e.remove()}}},J=(e,t)=>e.p===t.p,K=(e,t,n=!1)=>{const o=t.m=e.m,l=e.h,s=t.h,r=t.p,i=t.i;null===i?(G(e,t,_="svg"===r||"foreignObject"!==r&&_),null!==l&&null!==s?((e,t,n,o,l=!1)=>{let s,r=0,i=0,c=t.length-1,u=t[0],a=t[c],f=o.length-1,h=o[0],p=o[f];for(;r<=c&&i<=f;)null==u?u=t[++r]:null==a?a=t[--c]:null==h?h=o[++i]:null==p?p=o[--f]:J(u,h)?(K(u,h,l),u=t[++r],h=o[++i]):J(a,p)?(K(a,p,l),a=t[--c],p=o[--f]):J(u,p)?(K(u,p,l),X(e,u.m,a.m.nextSibling),u=t[++r],p=o[--f]):J(a,h)?(K(a,h,l),X(e,a.m,u.m),a=t[--c],h=o[++i]):(s=z(t&&t[i],n,i),h=o[++i],s&&X(u.m.parentNode,s,u.m));r>c?B(e,null==o[f+1]?null:o[f+1].m,n,o,i,f):i>f&&I(t,r,c)})(o,l,t,s,n):null!==s?(null!==e.i&&(o.textContent=""),B(o,null,t,s,0,s.length-1)):!n&&null!==l&&I(l,0,l.length-1),_&&"svg"===r&&(_=!1)):e.i!==i&&(o.data=i)},Q=e=>{e.u&&e.u.ref&&e.u.ref(null),e.h&&e.h.map(Q)},X=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),Y=(e,t)=>{t&&!e.$&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.$=t)))},Z=(e,t)=>{if(e.o|=16,!(4&e.o))return Y(e,e.S),g((()=>ee(e,t)));e.o|=512},ee=(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`);let o;return t&&(o=ie(n,"componentWillLoad")),te(o,(()=>oe(e,n,t)))},te=(e,t)=>ne(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),ne=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,oe=async(e,t,n)=>{var o;const l=e.$hostElement$,s=l["s-rc"];n&&(e=>{const t=e.j,n=e.$hostElement$,o=t.o,l=((e,t)=>{var n;const o=T(t),l=i.get(o);if(e=11===e.nodeType?e:a,l)if("string"==typeof l){let s,r=L.get(e=e.head||e);if(r||L.set(e,r=new Set),!r.has(o)){{s=a.createElement("style"),s.innerHTML=l;const o=null!=(n=f.O)?n:O(a);if(null!=o&&s.setAttribute("nonce",o),!(1&t.o))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(s,n)}else if("host"in e)if(p){const t=new CSSStyleSheet;t.replaceSync(l),e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.innerHTML=l+t.innerHTML:e.prepend(s)}else e.append(s);1&t.o&&"HEAD"!==e.nodeName&&e.insertBefore(s,null)}4&t.o&&(s.innerHTML+=c),r&&r.add(o)}}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&o&&2&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(e);le(e,t,l,n),s&&(s.map((e=>e())),l["s-rc"]=void 0);{const t=null!=(o=l["s-p"])?o:[],n=()=>se(e);0===t.length?n():(Promise.all(t).then(n),e.o|=4,t.length=0)}},le=(e,t,n,o)=>{try{t=t.render(),e.o&=-17,e.o|=2,((e,t,n=!1)=>{const o=e.$hostElement$,l=e.j,s=e.k||A(null,null),r=(e=>e&&e.p===R)(t)?t:D(null,null,t);if(M=o.tagName,l.C&&(r.u=r.u||{},l.C.map((([e,t])=>r.u[t]=o[e]))),n&&r.u)for(const e of Object.keys(r.u))o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(r.u[e]=o[e]);r.p=null,r.o|=4,e.k=r,r.m=s.m=o.shadowRoot||o,K(s,r,n)})(e,t,o)}catch(t){s(t,e.$hostElement$)}return null},se=e=>{const t=e.$hostElement$,n=e.t,o=e.S;ie(n,"componentDidRender"),64&e.o?ie(n,"componentDidUpdate"):(e.o|=64,ce(t),ie(n,"componentDidLoad"),e.M(t),o||re()),e.$&&(e.$(),e.$=void 0),512&e.o&&b((()=>Z(e,!1))),e.o&=-517},re=()=>{ce(a.documentElement),b((()=>(e=>{const t=f.ce("appload",{detail:{namespace:"general-tutorial-slider"}});return e.dispatchEvent(t),t})(u)))},ie=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){s(e)}},ce=e=>e.classList.add("hydrated"),ue=(e,t,o)=>{var l,r;const i=e.prototype;if(t.P||t.D||e.watchers){e.watchers&&!t.D&&(t.D=e.watchers);const c=Object.entries(null!=(l=t.P)?l:{});if(c.map((([e,[l]])=>{(31&l||2&o&&32&l)&&Object.defineProperty(i,e,{get(){return((e,t)=>n(this).A.get(t))(0,e)},set(o){((e,t,o,l)=>{const r=n(e);if(!r)throw Error(`Couldn't find host element for "${l.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.o,a=r.t;if(o=((e,t)=>null==e||j(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(o,l.P[t][0]),(!(8&u)||void 0===c)&&o!==c&&(!Number.isNaN(c)||!Number.isNaN(o))&&(r.A.set(t,o),a)){if(l.D&&128&u){const e=l.D[t];e&&e.map((e=>{try{a[e](o,c,t)}catch(e){s(e,i)}}))}2==(18&u)&&Z(r,!1)}})(this,e,o,t)},configurable:!0,enumerable:!0})})),1&o){const o=new Map;i.attributeChangedCallback=function(e,l,s){f.jmp((()=>{var r;const c=o.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 o=n(this),i=null==o?void 0:o.o;if(i&&!(8&i)&&128&i&&s!==l){const n=o.t,i=null==(r=t.D)?void 0:r[e];null==i||i.forEach((t=>{null!=n[t]&&n[t].call(n,s,l,e)}))}return}}this[c]=(null!==s||"boolean"!=typeof this[c])&&s}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(r=t.D)?r:{}),...c.filter((([e,t])=>15&t[0])).map((([e,n])=>{var l;const s=n[1]||e;return o.set(s,e),512&n[0]&&(null==(l=t.C)||l.push([e,s])),s}))]))}}return e},ae=e=>{ie(e,"connectedCallback")},fe=e=>{ie(e,"disconnectedCallback")},he=(e,o={})=>{var l;const h=[],d=o.exclude||[],m=u.customElements,y=a.head,w=y.querySelector("meta[charset]"),v=a.createElement("style"),$=[];let b,g=!0;Object.assign(f,o),f.l=new URL(o.resourcesUrl||"./",a.baseURI).href;let S=!1;if(e.map((e=>{e[1].map((o=>{var l;const c={o:o[0],v:o[1],P:o[2],R:o[3]};4&c.o&&(S=!0),c.P=o[2],c.C=[],c.D=null!=(l=o[4])?l:{};const u=c.v,a=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const o={o:0,$hostElement$:e,j:n,A:new Map};o.H=new Promise((e=>o.M=e)),e["s-p"]=[],e["s-rc"]=[],t.set(e,o)})(e=this,c),1&c.o)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),b&&(clearTimeout(b),b=null),g?$.push(this):f.jmp((()=>(e=>{if(!(1&f.o)){const t=n(e),o=t.j,l=()=>{};if(1&t.o)(null==t?void 0:t.t)?ae(t.t):(null==t?void 0:t.H)&&t.H.then((()=>ae(t.t)));else{t.o|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){Y(t,t.S=n);break}}o.P&&Object.entries(o.P).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let o;if(!(32&t.o)){if(t.o|=32,n.L){const e=(e=>{const t=e.v.replace(/-/g,"_"),n=e.L;if(!n)return;const o=r.get(n);return o?o[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=()=>{};o=await e,t()}else o=e;if(!o)throw Error(`Constructor for "${n.v}#${t.T}" was not found`);o.isProxied||(n.D=o.watchers,ue(o,n,2),o.isProxied=!0);const l=()=>{};t.o|=8;try{new o(t)}catch(e){s(e)}t.o&=-9,t.o|=128,l(),ae(t.t)}else o=e.constructor,customElements.whenDefined(e.localName).then((()=>t.o|=128));if(o&&o.style){let e;"string"==typeof o.style&&(e=o.style);const t=T(n);if(!i.has(t)){const o=()=>{};((e,t,n)=>{let o=i.get(e);p&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=t:o.replaceSync(t)):o=t,i.set(e,o)})(t,e,!!(1&n.o)),o()}}}const l=t.S,c=()=>Z(t,!0);l&&l["s-rc"]?l["s-rc"].push(c):c()})(e,t,o)}l()}})(this)))}disconnectedCallback(){f.jmp((()=>(async()=>{if(!(1&f.o)){const e=n(this);(null==e?void 0:e.t)?fe(e.t):(null==e?void 0:e.H)&&e.H.then((()=>fe(e.t)))}})()))}componentOnReady(){return n(this).H}};c.L=e[0],d.includes(u)||m.get(u)||(h.push(u),m.define(u,ue(a,c,1)))}))})),h.length>0&&(S&&(v.textContent+=c),v.textContent+=h.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",v.innerHTML.length)){v.setAttribute("data-styles","");const e=null!=(l=f.O)?l:O(a);null!=e&&v.setAttribute("nonce",e),y.insertBefore(v,w?w.nextSibling:y.firstChild)}g=!1,$.length?$.map((e=>e.connectedCallback())):f.jmp((()=>b=setTimeout(re,30)))},pe=e=>f.O=e;export{he as b,H as g,D as h,h as p,o as r,pe as s}
|