@everymatrix/helper-pagination 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/helper-pagination.cjs.entry.js +20 -49
- package/dist/cjs/helper-pagination.cjs.js +2 -2
- package/dist/cjs/{index-5d7ac0d5.js → index-d76910e9.js} +69 -204
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/helper-pagination/helper-pagination.js +19 -72
- package/dist/esm/helper-pagination.entry.js +20 -49
- package/dist/esm/helper-pagination.js +3 -3
- package/dist/esm/{index-49bd7818.js → index-0483e183.js} +69 -204
- package/dist/esm/loader.js +2 -2
- package/dist/helper-pagination/helper-pagination.esm.js +1 -1
- package/dist/helper-pagination/p-b696341a.entry.js +1 -0
- package/dist/helper-pagination/p-fcde97c1.js +2 -0
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/helper-pagination/.stencil/packages/stencil/helper-pagination/stencil.config.d.ts +2 -0
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/helper-pagination/.stencil/packages/stencil/helper-pagination/stencil.config.dev.d.ts +2 -0
- package/dist/types/stencil-public-runtime.d.ts +0 -6
- package/package.json +1 -1
- package/dist/helper-pagination/p-645aa72c.entry.js +0 -1
- package/dist/helper-pagination/p-d28f6456.js +0 -2
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/helper-pagination/.stencil/packages/stencil/helper-pagination/stencil.config.d.ts +0 -2
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/helper-pagination/.stencil/packages/stencil/helper-pagination/stencil.config.dev.d.ts +0 -2
- /package/dist/types/Users/{adrian.pripon/Documents/Work → maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/helper-pagination/.stencil/tools/plugins/index.d.ts +0 -0
- /package/dist/types/Users/{adrian.pripon/Documents/Work → maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/helper-pagination/.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/helper-pagination/.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/helper-pagination/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts +0 -0
|
@@ -1,21 +1,17 @@
|
|
|
1
1
|
const NAMESPACE = 'helper-pagination';
|
|
2
|
-
const BUILD = /* helper-pagination */ { 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: true, cmpWillUpdate: false, connectedCallback: false, 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,
|
|
2
|
+
const BUILD = /* helper-pagination */ { 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: true, cmpWillUpdate: false, connectedCallback: false, 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: true, propMutable: true, 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: 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 };
|
|
3
3
|
|
|
4
4
|
/*
|
|
5
|
-
Stencil Client Platform v4.
|
|
5
|
+
Stencil Client Platform v4.19.2 | MIT Licensed | https://stenciljs.com
|
|
6
6
|
*/
|
|
7
7
|
var __defProp = Object.defineProperty;
|
|
8
8
|
var __export = (target, all) => {
|
|
9
9
|
for (var name in all)
|
|
10
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
11
|
};
|
|
12
|
-
|
|
13
|
-
// src/client/client-host-ref.ts
|
|
14
12
|
var hostRefs = /* @__PURE__ */ new WeakMap();
|
|
15
13
|
var getHostRef = (ref) => hostRefs.get(ref);
|
|
16
|
-
var registerInstance = (lazyInstance, hostRef) =>
|
|
17
|
-
hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
|
|
18
|
-
};
|
|
14
|
+
var registerInstance = (lazyInstance, hostRef) => hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
|
|
19
15
|
var registerHost = (hostElement, cmpMeta) => {
|
|
20
16
|
const hostRef = {
|
|
21
17
|
$flags$: 0,
|
|
@@ -28,8 +24,7 @@ var registerHost = (hostElement, cmpMeta) => {
|
|
|
28
24
|
hostElement["s-p"] = [];
|
|
29
25
|
hostElement["s-rc"] = [];
|
|
30
26
|
}
|
|
31
|
-
|
|
32
|
-
return ref;
|
|
27
|
+
return hostRefs.set(hostElement, hostRef);
|
|
33
28
|
};
|
|
34
29
|
var isMemberInElement = (elm, memberName) => memberName in elm;
|
|
35
30
|
var consoleError = (e, el) => (0, console.error)(e, el);
|
|
@@ -66,22 +61,16 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
66
61
|
/* webpackExclude: /\.system\.entry\.js$/ */
|
|
67
62
|
/* webpackMode: "lazy" */
|
|
68
63
|
`./${bundleId}.entry.js${""}`
|
|
69
|
-
).then(
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
cmpModules.set(bundleId, importedModule);
|
|
73
|
-
}
|
|
74
|
-
return importedModule[exportName];
|
|
75
|
-
},
|
|
76
|
-
(e) => {
|
|
77
|
-
consoleError(e, hostRef.$hostElement$);
|
|
64
|
+
).then((importedModule) => {
|
|
65
|
+
{
|
|
66
|
+
cmpModules.set(bundleId, importedModule);
|
|
78
67
|
}
|
|
79
|
-
|
|
68
|
+
return importedModule[exportName];
|
|
69
|
+
}, consoleError);
|
|
80
70
|
};
|
|
81
71
|
|
|
82
72
|
// src/client/client-style.ts
|
|
83
73
|
var styles = /* @__PURE__ */ new Map();
|
|
84
|
-
var HYDRATED_STYLE_ID = "sty-id";
|
|
85
74
|
var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
|
|
86
75
|
var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
|
|
87
76
|
var win = typeof window !== "undefined" ? window : {};
|
|
@@ -139,6 +128,12 @@ var flush = () => {
|
|
|
139
128
|
};
|
|
140
129
|
var nextTick = (cb) => promiseResolve().then(cb);
|
|
141
130
|
var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
|
|
131
|
+
|
|
132
|
+
// src/utils/constants.ts
|
|
133
|
+
var EMPTY_OBJ = {};
|
|
134
|
+
|
|
135
|
+
// src/utils/helpers.ts
|
|
136
|
+
var isDef = (v) => v != null;
|
|
142
137
|
var isComplexType = (o) => {
|
|
143
138
|
o = typeof o;
|
|
144
139
|
return o === "object" || o === "function";
|
|
@@ -332,40 +327,13 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
332
327
|
}
|
|
333
328
|
if (!appliedStyles.has(scopeId2)) {
|
|
334
329
|
{
|
|
335
|
-
styleElm =
|
|
330
|
+
styleElm = doc.createElement("style");
|
|
336
331
|
styleElm.innerHTML = style;
|
|
337
332
|
const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
|
|
338
333
|
if (nonce != null) {
|
|
339
334
|
styleElm.setAttribute("nonce", nonce);
|
|
340
335
|
}
|
|
341
|
-
|
|
342
|
-
if (styleContainerNode.nodeName === "HEAD") {
|
|
343
|
-
const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
|
|
344
|
-
const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
|
|
345
|
-
styleContainerNode.insertBefore(
|
|
346
|
-
styleElm,
|
|
347
|
-
(referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
|
|
348
|
-
);
|
|
349
|
-
} else if ("host" in styleContainerNode) {
|
|
350
|
-
if (supportsConstructableStylesheets) {
|
|
351
|
-
const stylesheet = new CSSStyleSheet();
|
|
352
|
-
stylesheet.replaceSync(style);
|
|
353
|
-
styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
|
|
354
|
-
} else {
|
|
355
|
-
const existingStyleContainer = styleContainerNode.querySelector("style");
|
|
356
|
-
if (existingStyleContainer) {
|
|
357
|
-
existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
|
|
358
|
-
} else {
|
|
359
|
-
styleContainerNode.prepend(styleElm);
|
|
360
|
-
}
|
|
361
|
-
}
|
|
362
|
-
} else {
|
|
363
|
-
styleContainerNode.append(styleElm);
|
|
364
|
-
}
|
|
365
|
-
}
|
|
366
|
-
if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
|
|
367
|
-
styleContainerNode.insertBefore(styleElm, null);
|
|
368
|
-
}
|
|
336
|
+
styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector("link"));
|
|
369
337
|
}
|
|
370
338
|
if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
|
|
371
339
|
styleElm.innerHTML += SLOT_FB_CSS;
|
|
@@ -388,25 +356,23 @@ var attachStyles = (hostRef) => {
|
|
|
388
356
|
const scopeId2 = addStyle(
|
|
389
357
|
elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
|
|
390
358
|
cmpMeta);
|
|
391
|
-
if (
|
|
359
|
+
if (flags & 10 /* needsScopedEncapsulation */) {
|
|
392
360
|
elm["s-sc"] = scopeId2;
|
|
393
361
|
elm.classList.add(scopeId2 + "-h");
|
|
394
362
|
}
|
|
395
363
|
endAttachStyles();
|
|
396
364
|
};
|
|
397
365
|
var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
|
|
398
|
-
var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags
|
|
366
|
+
var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
399
367
|
if (oldValue !== newValue) {
|
|
400
368
|
let isProp = isMemberInElement(elm, memberName);
|
|
401
369
|
let ln = memberName.toLowerCase();
|
|
402
370
|
if (memberName === "class") {
|
|
403
371
|
const classList = elm.classList;
|
|
404
372
|
const oldClasses = parseClassList(oldValue);
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
|
|
409
|
-
}
|
|
373
|
+
const newClasses = parseClassList(newValue);
|
|
374
|
+
classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
|
|
375
|
+
classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
|
|
410
376
|
} else if (memberName === "ref") {
|
|
411
377
|
if (newValue) {
|
|
412
378
|
newValue(elm);
|
|
@@ -438,13 +404,9 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
|
|
|
438
404
|
if (memberName === "list") {
|
|
439
405
|
isProp = false;
|
|
440
406
|
} else if (oldValue == null || elm[memberName] != n) {
|
|
441
|
-
|
|
442
|
-
elm[memberName] = n;
|
|
443
|
-
} else {
|
|
444
|
-
elm.setAttribute(memberName, n);
|
|
445
|
-
}
|
|
407
|
+
elm[memberName] = n;
|
|
446
408
|
}
|
|
447
|
-
} else
|
|
409
|
+
} else {
|
|
448
410
|
elm[memberName] = newValue;
|
|
449
411
|
}
|
|
450
412
|
} catch (e) {
|
|
@@ -466,44 +428,24 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
|
|
|
466
428
|
}
|
|
467
429
|
};
|
|
468
430
|
var parseClassListRegex = /\s/;
|
|
469
|
-
var parseClassList = (value) =>
|
|
470
|
-
if (typeof value === "object" && value && "baseVal" in value) {
|
|
471
|
-
value = value.baseVal;
|
|
472
|
-
}
|
|
473
|
-
if (!value || typeof value !== "string") {
|
|
474
|
-
return [];
|
|
475
|
-
}
|
|
476
|
-
return value.split(parseClassListRegex);
|
|
477
|
-
};
|
|
431
|
+
var parseClassList = (value) => !value ? [] : value.split(parseClassListRegex);
|
|
478
432
|
var CAPTURE_EVENT_SUFFIX = "Capture";
|
|
479
433
|
var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
|
|
480
434
|
|
|
481
435
|
// src/runtime/vdom/update-element.ts
|
|
482
|
-
var updateElement = (oldVnode, newVnode, isSvgMode2
|
|
436
|
+
var updateElement = (oldVnode, newVnode, isSvgMode2) => {
|
|
483
437
|
const elm = newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host ? newVnode.$elm$.host : newVnode.$elm$;
|
|
484
|
-
const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ ||
|
|
485
|
-
const newVnodeAttrs = newVnode.$attrs$ ||
|
|
438
|
+
const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ || EMPTY_OBJ;
|
|
439
|
+
const newVnodeAttrs = newVnode.$attrs$ || EMPTY_OBJ;
|
|
486
440
|
{
|
|
487
441
|
for (const memberName of sortedAttrNames(Object.keys(oldVnodeAttrs))) {
|
|
488
442
|
if (!(memberName in newVnodeAttrs)) {
|
|
489
|
-
setAccessor(
|
|
490
|
-
elm,
|
|
491
|
-
memberName,
|
|
492
|
-
oldVnodeAttrs[memberName],
|
|
493
|
-
void 0,
|
|
494
|
-
isSvgMode2,
|
|
495
|
-
newVnode.$flags$);
|
|
443
|
+
setAccessor(elm, memberName, oldVnodeAttrs[memberName], void 0, isSvgMode2, newVnode.$flags$);
|
|
496
444
|
}
|
|
497
445
|
}
|
|
498
446
|
}
|
|
499
447
|
for (const memberName of sortedAttrNames(Object.keys(newVnodeAttrs))) {
|
|
500
|
-
setAccessor(
|
|
501
|
-
elm,
|
|
502
|
-
memberName,
|
|
503
|
-
oldVnodeAttrs[memberName],
|
|
504
|
-
newVnodeAttrs[memberName],
|
|
505
|
-
isSvgMode2,
|
|
506
|
-
newVnode.$flags$);
|
|
448
|
+
setAccessor(elm, memberName, oldVnodeAttrs[memberName], newVnodeAttrs[memberName], isSvgMode2, newVnode.$flags$);
|
|
507
449
|
}
|
|
508
450
|
};
|
|
509
451
|
function sortedAttrNames(attrNames) {
|
|
@@ -515,10 +457,13 @@ function sortedAttrNames(attrNames) {
|
|
|
515
457
|
attrNames
|
|
516
458
|
);
|
|
517
459
|
}
|
|
460
|
+
|
|
461
|
+
// src/runtime/vdom/vdom-render.ts
|
|
462
|
+
var scopeId;
|
|
518
463
|
var hostTagName;
|
|
519
464
|
var useNativeShadowDom = false;
|
|
520
465
|
var isSvgMode = false;
|
|
521
|
-
var createElm = (oldParentVNode, newParentVNode, childIndex) => {
|
|
466
|
+
var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
|
|
522
467
|
const newVNode2 = newParentVNode.$children$[childIndex];
|
|
523
468
|
let i2 = 0;
|
|
524
469
|
let elm;
|
|
@@ -532,6 +477,9 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
|
|
|
532
477
|
{
|
|
533
478
|
updateElement(null, newVNode2, isSvgMode);
|
|
534
479
|
}
|
|
480
|
+
if (isDef(scopeId) && elm["s-si"] !== scopeId) {
|
|
481
|
+
elm.classList.add(elm["s-si"] = scopeId);
|
|
482
|
+
}
|
|
535
483
|
if (newVNode2.$children$) {
|
|
536
484
|
for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
|
|
537
485
|
childNode = createElm(oldParentVNode, newVNode2, i2);
|
|
@@ -636,9 +584,6 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
|
|
|
636
584
|
};
|
|
637
585
|
var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
|
|
638
586
|
if (leftVNode.$tag$ === rightVNode.$tag$) {
|
|
639
|
-
if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) {
|
|
640
|
-
leftVNode.$key$ = rightVNode.$key$;
|
|
641
|
-
}
|
|
642
587
|
return true;
|
|
643
588
|
}
|
|
644
589
|
return false;
|
|
@@ -661,10 +606,7 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
|
|
|
661
606
|
elm.textContent = "";
|
|
662
607
|
}
|
|
663
608
|
addVnodes(elm, null, newVNode2, newChildren, 0, newChildren.length - 1);
|
|
664
|
-
} else if (
|
|
665
|
-
// don't do this on initial render as it can cause non-hydrated content to be removed
|
|
666
|
-
!isInitialRender && BUILD.updatable && oldChildren !== null
|
|
667
|
-
) {
|
|
609
|
+
} else if (oldChildren !== null) {
|
|
668
610
|
removeVnodes(oldChildren, 0, oldChildren.length - 1);
|
|
669
611
|
}
|
|
670
612
|
} else if (oldVNode.$text$ !== text) {
|
|
@@ -678,9 +620,8 @@ var nullifyVNodeRefs = (vNode) => {
|
|
|
678
620
|
}
|
|
679
621
|
};
|
|
680
622
|
var insertBefore = (parent, newNode, reference) => {
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
}
|
|
623
|
+
const inserted = parent == null ? void 0 : parent.insertBefore(newNode, reference);
|
|
624
|
+
return inserted;
|
|
684
625
|
};
|
|
685
626
|
var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
686
627
|
const hostElm = hostRef.$hostElement$;
|
|
@@ -705,21 +646,17 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
|
705
646
|
rootVnode.$flags$ |= 4 /* isHost */;
|
|
706
647
|
hostRef.$vnode$ = rootVnode;
|
|
707
648
|
rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
|
|
708
|
-
|
|
649
|
+
{
|
|
650
|
+
scopeId = hostElm["s-sc"];
|
|
651
|
+
}
|
|
652
|
+
useNativeShadowDom = (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
|
|
709
653
|
patch(oldVNode, rootVnode, isInitialLoad);
|
|
710
654
|
};
|
|
711
655
|
|
|
712
656
|
// src/runtime/update-component.ts
|
|
713
657
|
var attachToAncestor = (hostRef, ancestorComponent) => {
|
|
714
658
|
if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent["s-p"]) {
|
|
715
|
-
|
|
716
|
-
new Promise(
|
|
717
|
-
(r) => hostRef.$onRenderResolve$ = () => {
|
|
718
|
-
ancestorComponent["s-p"].splice(index - 1, 1);
|
|
719
|
-
r();
|
|
720
|
-
}
|
|
721
|
-
)
|
|
722
|
-
);
|
|
659
|
+
ancestorComponent["s-p"].push(new Promise((r) => hostRef.$onRenderResolve$ = r));
|
|
723
660
|
}
|
|
724
661
|
};
|
|
725
662
|
var scheduleUpdate = (hostRef, isInitialLoad) => {
|
|
@@ -745,7 +682,7 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
|
|
|
745
682
|
}
|
|
746
683
|
let maybePromise;
|
|
747
684
|
{
|
|
748
|
-
maybePromise = enqueue(maybePromise, () => safeCall(instance, "componentWillRender"
|
|
685
|
+
maybePromise = enqueue(maybePromise, () => safeCall(instance, "componentWillRender"));
|
|
749
686
|
}
|
|
750
687
|
endSchedule();
|
|
751
688
|
return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
|
|
@@ -818,7 +755,7 @@ var postUpdateComponent = (hostRef) => {
|
|
|
818
755
|
addHydratedFlag(elm);
|
|
819
756
|
}
|
|
820
757
|
{
|
|
821
|
-
safeCall(instance, "componentDidLoad"
|
|
758
|
+
safeCall(instance, "componentDidLoad");
|
|
822
759
|
}
|
|
823
760
|
endPostUpdate();
|
|
824
761
|
{
|
|
@@ -842,14 +779,17 @@ var postUpdateComponent = (hostRef) => {
|
|
|
842
779
|
}
|
|
843
780
|
};
|
|
844
781
|
var appDidLoad = (who) => {
|
|
782
|
+
{
|
|
783
|
+
addHydratedFlag(doc.documentElement);
|
|
784
|
+
}
|
|
845
785
|
nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
|
|
846
786
|
};
|
|
847
|
-
var safeCall = (instance, method, arg
|
|
787
|
+
var safeCall = (instance, method, arg) => {
|
|
848
788
|
if (instance && instance[method]) {
|
|
849
789
|
try {
|
|
850
790
|
return instance[method](arg);
|
|
851
791
|
} catch (e) {
|
|
852
|
-
consoleError(e
|
|
792
|
+
consoleError(e);
|
|
853
793
|
}
|
|
854
794
|
}
|
|
855
795
|
return void 0;
|
|
@@ -908,68 +848,15 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
908
848
|
const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
|
|
909
849
|
members.map(([memberName, [memberFlags]]) => {
|
|
910
850
|
if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
|
|
911
|
-
const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
|
|
912
|
-
if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
|
|
913
|
-
if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
|
|
914
|
-
if (flags & 1 /* isElementConstructor */ || !origGetter) {
|
|
915
|
-
Object.defineProperty(prototype, memberName, {
|
|
916
|
-
get() {
|
|
917
|
-
{
|
|
918
|
-
if ((cmpMeta.$members$[memberName][0] & 2048 /* Getter */) === 0) {
|
|
919
|
-
return getValue(this, memberName);
|
|
920
|
-
}
|
|
921
|
-
const ref = getHostRef(this);
|
|
922
|
-
const instance = ref ? ref.$lazyInstance$ : prototype;
|
|
923
|
-
if (!instance) return;
|
|
924
|
-
return instance[memberName];
|
|
925
|
-
}
|
|
926
|
-
},
|
|
927
|
-
configurable: true,
|
|
928
|
-
enumerable: true
|
|
929
|
-
});
|
|
930
|
-
}
|
|
931
851
|
Object.defineProperty(prototype, memberName, {
|
|
852
|
+
get() {
|
|
853
|
+
return getValue(this, memberName);
|
|
854
|
+
},
|
|
932
855
|
set(newValue) {
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
|
|
936
|
-
|
|
937
|
-
newValue = ref.$instanceValues$.get(memberName);
|
|
938
|
-
} else if (!ref.$instanceValues$.get(memberName) && currentValue) {
|
|
939
|
-
ref.$instanceValues$.set(memberName, currentValue);
|
|
940
|
-
}
|
|
941
|
-
origSetter.apply(this, [parsePropertyValue(newValue, memberFlags)]);
|
|
942
|
-
newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
|
|
943
|
-
setValue(this, memberName, newValue, cmpMeta);
|
|
944
|
-
return;
|
|
945
|
-
}
|
|
946
|
-
{
|
|
947
|
-
if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
|
|
948
|
-
setValue(this, memberName, newValue, cmpMeta);
|
|
949
|
-
if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
|
|
950
|
-
ref.$onReadyPromise$.then(() => {
|
|
951
|
-
if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
|
|
952
|
-
ref.$lazyInstance$[memberName] = newValue;
|
|
953
|
-
}
|
|
954
|
-
});
|
|
955
|
-
}
|
|
956
|
-
return;
|
|
957
|
-
}
|
|
958
|
-
const setterSetVal = () => {
|
|
959
|
-
const currentValue = ref.$lazyInstance$[memberName];
|
|
960
|
-
if (!ref.$instanceValues$.get(memberName) && currentValue) {
|
|
961
|
-
ref.$instanceValues$.set(memberName, currentValue);
|
|
962
|
-
}
|
|
963
|
-
ref.$lazyInstance$[memberName] = parsePropertyValue(newValue, memberFlags);
|
|
964
|
-
setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
|
|
965
|
-
};
|
|
966
|
-
if (ref.$lazyInstance$) {
|
|
967
|
-
setterSetVal();
|
|
968
|
-
} else {
|
|
969
|
-
ref.$onReadyPromise$.then(() => setterSetVal());
|
|
970
|
-
}
|
|
971
|
-
}
|
|
972
|
-
}
|
|
856
|
+
setValue(this, memberName, newValue, cmpMeta);
|
|
857
|
+
},
|
|
858
|
+
configurable: true,
|
|
859
|
+
enumerable: true
|
|
973
860
|
});
|
|
974
861
|
}
|
|
975
862
|
});
|
|
@@ -979,11 +866,10 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
979
866
|
plt.jmp(() => {
|
|
980
867
|
var _a2;
|
|
981
868
|
const propName = attrNameToPropName.get(attrName);
|
|
982
|
-
if (this.hasOwnProperty(propName)
|
|
869
|
+
if (this.hasOwnProperty(propName)) {
|
|
983
870
|
newValue = this[propName];
|
|
984
871
|
delete this[propName];
|
|
985
|
-
} else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" &&
|
|
986
|
-
this[propName] == newValue) {
|
|
872
|
+
} else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && this[propName] == newValue) {
|
|
987
873
|
return;
|
|
988
874
|
} else if (propName == null) {
|
|
989
875
|
const hostRef = getHostRef(this);
|
|
@@ -999,11 +885,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
999
885
|
}
|
|
1000
886
|
return;
|
|
1001
887
|
}
|
|
1002
|
-
|
|
1003
|
-
newValue = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
|
|
1004
|
-
if (newValue !== this[propName] && (!propDesc.get || !!propDesc.set)) {
|
|
1005
|
-
this[propName] = newValue;
|
|
1006
|
-
}
|
|
888
|
+
this[propName] = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
|
|
1007
889
|
});
|
|
1008
890
|
};
|
|
1009
891
|
Cstr.observedAttributes = Array.from(
|
|
@@ -1032,7 +914,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1032
914
|
hostRef.$flags$ |= 32 /* hasInitializedComponent */;
|
|
1033
915
|
const bundleId = cmpMeta.$lazyBundleId$;
|
|
1034
916
|
if (bundleId) {
|
|
1035
|
-
const CstrImport = loadModule(cmpMeta
|
|
917
|
+
const CstrImport = loadModule(cmpMeta);
|
|
1036
918
|
if (CstrImport && "then" in CstrImport) {
|
|
1037
919
|
const endLoad = uniqueTime();
|
|
1038
920
|
Cstr = await CstrImport;
|
|
@@ -1057,7 +939,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1057
939
|
try {
|
|
1058
940
|
new Cstr(hostRef);
|
|
1059
941
|
} catch (e) {
|
|
1060
|
-
consoleError(e
|
|
942
|
+
consoleError(e);
|
|
1061
943
|
}
|
|
1062
944
|
{
|
|
1063
945
|
hostRef.$flags$ &= ~8 /* isConstructingInstance */;
|
|
@@ -1092,7 +974,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1092
974
|
schedule();
|
|
1093
975
|
}
|
|
1094
976
|
};
|
|
1095
|
-
var fireConnectedCallback = (instance
|
|
977
|
+
var fireConnectedCallback = (instance) => {
|
|
1096
978
|
};
|
|
1097
979
|
|
|
1098
980
|
// src/runtime/connected-callback.ts
|
|
@@ -1132,26 +1014,20 @@ var connectedCallback = (elm) => {
|
|
|
1132
1014
|
endConnected();
|
|
1133
1015
|
}
|
|
1134
1016
|
};
|
|
1135
|
-
var disconnectInstance = (instance
|
|
1017
|
+
var disconnectInstance = (instance) => {
|
|
1136
1018
|
{
|
|
1137
|
-
safeCall(instance, "disconnectedCallback"
|
|
1019
|
+
safeCall(instance, "disconnectedCallback");
|
|
1138
1020
|
}
|
|
1139
1021
|
};
|
|
1140
1022
|
var disconnectedCallback = async (elm) => {
|
|
1141
1023
|
if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
|
|
1142
1024
|
const hostRef = getHostRef(elm);
|
|
1143
1025
|
if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
|
|
1144
|
-
disconnectInstance(hostRef.$lazyInstance
|
|
1026
|
+
disconnectInstance(hostRef.$lazyInstance$);
|
|
1145
1027
|
} else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
|
|
1146
|
-
hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance
|
|
1028
|
+
hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$));
|
|
1147
1029
|
}
|
|
1148
1030
|
}
|
|
1149
|
-
if (rootAppliedStyles.has(elm)) {
|
|
1150
|
-
rootAppliedStyles.delete(elm);
|
|
1151
|
-
}
|
|
1152
|
-
if (elm.shadowRoot && rootAppliedStyles.has(elm.shadowRoot)) {
|
|
1153
|
-
rootAppliedStyles.delete(elm.shadowRoot);
|
|
1154
|
-
}
|
|
1155
1031
|
};
|
|
1156
1032
|
|
|
1157
1033
|
// src/runtime/bootstrap-lazy.ts
|
|
@@ -1232,17 +1108,6 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1232
1108
|
}
|
|
1233
1109
|
disconnectedCallback() {
|
|
1234
1110
|
plt.jmp(() => disconnectedCallback(this));
|
|
1235
|
-
plt.raf(() => {
|
|
1236
|
-
var _a3;
|
|
1237
|
-
const hostRef = getHostRef(this);
|
|
1238
|
-
const i2 = deferredConnectedCallbacks.findIndex((host) => host === this);
|
|
1239
|
-
if (i2 > -1) {
|
|
1240
|
-
deferredConnectedCallbacks.splice(i2, 1);
|
|
1241
|
-
}
|
|
1242
|
-
if (((_a3 = hostRef == null ? void 0 : hostRef.$vnode$) == null ? void 0 : _a3.$elm$) instanceof Node && !hostRef.$vnode$.$elm$.isConnected) {
|
|
1243
|
-
delete hostRef.$vnode$.$elm$;
|
|
1244
|
-
}
|
|
1245
|
-
});
|
|
1246
1111
|
}
|
|
1247
1112
|
componentOnReady() {
|
|
1248
1113
|
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-0483e183.js';
|
|
2
|
+
export { s as setNonce } from './index-0483e183.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 t}from"./p-
|
|
1
|
+
import{p as e,b as t}from"./p-fcde97c1.js";export{s as setNonce}from"./p-fcde97c1.js";import{g as n}from"./p-e1255160.js";(()=>{const t=import.meta.url,n={};return""!==t&&(n.resourcesUrl=new URL(".",t).href),e(n)})().then((async e=>(await n(),t([["p-b696341a",[[1,"helper-pagination",{nextPage:[1537,"next-page"],prevPage:[1537,"prev-page"],offset:[1538],limit:[1538],total:[1538],language:[1537],mbSource:[1,"mb-source"],clientStyling:[1537,"client-styling"],clientStylingUrl:[1537,"client-styling-url"],arrowsActive:[1540,"arrows-active"],secondaryArrowsActive:[1540,"secondary-arrows-active"],numberedNavActive:[1540,"numbered-nav-active"],offsetInt:[32],lastPage:[32],previousPage:[32],limitInt:[32],totalInt:[32],pagesArray:[32],endInt:[32]},null,{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}]]]],e))));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,h as s}from"./p-fcde97c1.js";function e(t,i){if(t){const s=document.createElement("style");s.innerHTML=i,t.appendChild(s)}}function a(t,i){const s=new URL(i);fetch(s.href).then((t=>t.text())).then((i=>{const s=document.createElement("style");s.innerHTML=i,t&&t.appendChild(s)})).catch((t=>{console.error("There was an error while trying to load client styling from URL",t)}))}const n=t=>!!(t.toLowerCase().match(/android/i)||t.toLowerCase().match(/blackberry|bb/i)||t.toLowerCase().match(/iphone|ipad|ipod/i)||t.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i)),o={en:{firstPage:"First",previousPage:"Previous",nextPage:"Next",lastPage:"Last"},ro:{firstPage:"Prima",previousPage:"Anterior",nextPage:"Urmatoarea",lastPage:"Ultima"},fr:{firstPage:"First",previousPage:"Previous",nextPage:"Next",lastPage:"Last"},ar:{firstPage:"First",previousPage:"Previous",nextPage:"Next",lastPage:"Last"},hu:{firstPage:"First",previousPage:"Previous",nextPage:"Következő",lastPage:"Last"},hr:{firstPage:"Prva",previousPage:"Prethodna",nextPage:"Slijedeća",lastPage:"Zadnja"}},h=(t,i)=>o[void 0!==i&&i in o?i:"en"][t],r=class{constructor(s){t(this,s),this.hpPageChange=i(this,"hpPageChange",7),this.userAgent=window.navigator.userAgent,this.currentPage=1,this.navigateTo=t=>{switch(t){case"firstPage":this.offsetInt=0;break;case"lastPage":this.offsetInt=this.endInt*this.limitInt;break;case"previousPage":this.offsetInt-=this.limitInt;break;case"nextPage":this.offsetInt+=this.limitInt;break;case"fivePagesBack":this.offsetInt-=5*this.limitInt,this.offsetInt=this.offsetInt<=0?0:this.offsetInt;break;case"fivePagesForward":this.offsetInt+=5*this.limitInt,this.offsetInt=this.offsetInt/this.limitInt>=this.endInt?this.endInt*this.limitInt:this.offsetInt}this.previousPage=!!this.offsetInt,this.hpPageChange.emit({offset:this.offsetInt,limit:this.limitInt,total:this.totalInt})},this.paginationNavigation=(t,i)=>{this.previousPage=!0,isNaN(t)?0===i&&this.currentPage<=4?this.navigateTo("firstPage"):0===i&&this.currentPage>4?this.navigateTo("fivePagesBack"):4===i&&this.endInt-this.currentPage>=2&&this.navigateTo("fivePagesForward"):1===t?(this.offsetInt=t-1,this.previousPage=!1):this.offsetInt=(t-1)*this.limitInt,this.hpPageChange.emit({offset:this.offsetInt,limit:this.limitInt,total:this.totalInt})},this.nextPage="",this.prevPage="",this.offset=0,this.limit=1,this.total=1,this.language="en",this.mbSource=void 0,this.clientStyling="",this.clientStylingUrl="",this.arrowsActive=void 0,this.secondaryArrowsActive=void 0,this.numberedNavActive=void 0,this.offsetInt=void 0,this.lastPage=!1,this.previousPage=!1,this.limitInt=void 0,this.totalInt=void 0,this.pagesArray=[],this.endInt=0}handleClientStylingChange(t,i){t!=i&&e(this.stylingContainer,this.clientStyling)}handleClientStylingChangeURL(t,i){t!=i&&this.clientStylingUrl&&a(this.stylingContainer,this.clientStylingUrl)}componentWillRender(){this.offsetInt=this.offset,this.limitInt=this.limit,this.currentPage=this.offsetInt/this.limitInt+1,this.limitInt=this.limit,this.totalInt=this.total,this.endInt=Math.ceil(this.totalInt/this.limitInt)-1,this.lastPage=!(this.offsetInt>=this.endInt*this.limitInt),1==this.currentPage||2==this.currentPage?(this.pagesArray=Array.from({length:4},((t,i)=>i+1)),this.pagesArray.push("...")):this.currentPage>=3&&this.endInt-this.currentPage>=2?(this.pagesArray=Array.from({length:3},((t,i)=>this.currentPage+i-1)),this.pagesArray.push("..."),this.pagesArray.unshift("...")):this.endInt-this.currentPage<3&&(this.pagesArray=Array.from({length:4},((t,i)=>this.endInt-2+i)),this.pagesArray.unshift("..."))}componentDidLoad(){this.stylingContainer&&(null!=window.emMessageBus?function(t,i){if(window.emMessageBus){const s=document.createElement("style");window.emMessageBus.subscribe(i,(i=>{s.innerHTML=i,t&&t.appendChild(s)}))}}(this.stylingContainer,`${this.mbSource}.Style`):(this.clientStyling&&e(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&a(this.stylingContainer,this.clientStylingUrl)))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}render(){let t=s("ul",{class:"PaginationArea"},this.pagesArray.map(((t,i)=>s("li",{class:"PaginationItem"+(t===this.currentPage?" ActiveItem":" ")+" "+(n(this.userAgent)?"MobileButtons":"")},s("button",{disabled:t===this.currentPage,onClick:this.paginationNavigation.bind(this,t,i)},s("span",null,t)))))),i=s("button",{disabled:!this.prevPage,onClick:this.navigateTo.bind(this,"firstPage")},s("span",{class:"NavigationButton"},h("firstPage",this.language)),s("span",{class:"NavigationIcon"})),e=s("div",{class:"LeftItems"},this.secondaryArrowsActive&&i,s("button",{disabled:!this.prevPage,onClick:this.navigateTo.bind(this,"previousPage")},s("span",{class:"NavigationButton"},h("previousPage",this.language)),s("span",{class:"NavigationIcon"})));n(this.userAgent)&&(e=s("div",{class:"LeftItems"},s("button",{disabled:!this.prevPage,onClick:this.navigateTo.bind(this,"previousPage")},s("span",{class:"NavigationButton"},h("previousPage",this.language)),s("span",{class:"NavigationIcon"}))));let a=s("button",{disabled:!this.nextPage,onClick:this.navigateTo.bind(this,"lastPage")},s("span",{class:"NavigationButton"},h("lastPage",this.language)),s("span",{class:"NavigationIcon"})),o=s("div",{class:"RightItems"},s("button",{disabled:!this.nextPage,onClick:this.navigateTo.bind(this,"nextPage")},s("span",{class:"NavigationButton"},h("nextPage",this.language)),s("span",{class:"NavigationIcon"})),this.secondaryArrowsActive&&a);return n(this.userAgent)&&(o=s("div",{class:"RightItems"},s("button",{disabled:!this.nextPage,onClick:this.navigateTo.bind(this,"nextPage")},s("span",{class:"NavigationButton"},h("nextPage",this.language)),s("span",{class:"NavigationIcon"})))),s("div",{id:"PaginationContainer",ref:t=>this.stylingContainer=t},this.arrowsActive&&e,this.numberedNavActive&&t,this.arrowsActive&&o)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}}};r.style='@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap");:host{display:block;font-family:"Roboto", sans-serif}#PaginationContainer{width:100%;margin:20px 0;display:inline-flex;justify-content:space-between;align-items:center}.LeftItems button:not(:first-child),.RightItems button:not(:last-child){margin:0 10px}.LeftItems button,.RightItems button{padding:0;background-color:#009993;border-color:#009993}.PaginationArea{display:inline-flex;gap:10px;list-style:none}.PaginationArea li{margin:0;padding:0}.PaginationArea li button{width:24px;height:24px;display:flex;border:0;padding:0;justify-content:center;align-items:center;background-color:transparent;color:#000;cursor:pointer;pointer-events:all}.PaginationItem.ActiveItem button{background:#009993;border-color:#009993;color:#fff}.PaginationItem.ActiveItem button:disabled{pointer-events:none;cursor:not-allowed}.PaginationItem button:hover,.PaginationItem button:active{background:#009993;border-color:#009993;color:#fff;opacity:0.8}button{width:100px;height:32px;border:1px solid #524e52;border-radius:5px;background:#524e52;color:#fff;font-size:14px;font:inherit;cursor:pointer;transition:all 0.1s linear;text-transform:uppercase;text-align:center;letter-spacing:0}button:hover,button:active{background:#004D4A;border-color:#004D4A}button:disabled{background-color:#ccc;border-color:#ccc;color:#fff;cursor:not-allowed}@media screen and (max-width: 720px){button{width:90px;font-size:14px}}@media screen and (max-width: 480px){button{width:70px;font-size:14px}.paginationArea{padding:5px}}@media screen and (max-width: 320px){button{width:58px;font-size:12px}.paginationArea{padding:5px;gap:5px}}@media (hover: none){.paginationItem button:hover{background:inherit;border-color:inherit;color:inherit;opacity:1}.paginationItem.activeItem button:hover{background:#009993;border-color:#009993;color:#fff}}';export{r as helper_pagination}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var t=Object.defineProperty,e=new WeakMap,n=t=>e.get(t),l=(t,n)=>e.set(n.t=t,n),o=(t,e)=>e in t,r=(t,e)=>(0,console.error)(t,e),s=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:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,l)=>t.addEventListener(e,n,l),rel:(t,e,n,l)=>t.removeEventListener(e,n,l),ce:(t,e)=>new CustomEvent(t,e)},h=t=>Promise.resolve(t),p=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),d=!1,m=[],y=[],$=(t,e)=>n=>{t.push(n),d||(d=!0,e&&4&f.l?v(w):f.raf(w))},b=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){r(t)}t.length=0},w=()=>{b(m),b(y),(d=m.length>0)&&f.raf(w)},v=t=>h().then(t),g=$(y,!0),S={},j=t=>"object"==(t=typeof t)||"function"===t;function k(t){var e,n,l;return null!=(l=null==(n=null==(e=t.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?l:void 0}((e,n)=>{for(var l in n)t(e,l,{get:n[l],enumerable:!0})})({},{err:()=>E,map:()=>C,ok:()=>O,unwrap:()=>P,unwrapErr:()=>R});var O=t=>({isOk:!0,isErr:!1,value:t}),E=t=>({isOk:!1,isErr:!0,value:t});function C(t,e){if(t.isOk){const n=e(t.value);return n instanceof Promise?n.then((t=>O(t))):O(n)}if(t.isErr)return E(t.value);throw"should never get here"}var M,x,P=t=>{if(t.isOk)return t.value;throw t.value},R=t=>{if(t.isErr)return t.value;throw t.value},T=(t,e,...n)=>{let l=null,o=!1,r=!1;const s=[],i=e=>{for(let n=0;n<e.length;n++)l=e[n],Array.isArray(l)?i(l):null!=l&&"boolean"!=typeof l&&((o="function"!=typeof t&&!j(l))&&(l+=""),o&&r?s[s.length-1].i+=l:s.push(o?A(null,l):l),r=o)};if(i(n),e){const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}const c=A(t,null);return c.u=e,s.length>0&&(c.h=s),c},A=(t,e)=>({l:0,p:t,i:e,m:null,h:null,u:null}),F={},L=(t,e,l)=>{const o=(t=>n(t).$hostElement$)(t);return{emit:t=>N(o,e,{bubbles:!!(4&l),composed:!!(2&l),cancelable:!!(1&l),detail:t})}},N=(t,e,n)=>{const l=f.ce(e,n);return t.dispatchEvent(l),l},U=new WeakMap,W=t=>"sc-"+t.$,D=(t,e,n,l,r,s)=>{if(n!==l){let i=o(t,e),c=e.toLowerCase();if("class"===e){const e=t.classList,o=q(n),r=q(l);e.remove(...o.filter((t=>t&&!r.includes(t)))),e.add(...r.filter((t=>t&&!o.includes(t))))}else if("ref"===e)l&&l(t);else if(i||"o"!==e[0]||"n"!==e[1]){const o=j(l);if((i||o&&null!==l)&&!r)try{if(t.tagName.includes("-"))t[e]=l;else{const o=null==l?"":l;"list"===e?i=!1:null!=n&&t[e]==o||(t[e]=o)}}catch(t){}null==l||!1===l?!1===l&&""!==t.getAttribute(e)||t.removeAttribute(e):(!i||4&s||r)&&!o&&t.setAttribute(e,l=!0===l?"":l)}else if(e="-"===e[2]?e.slice(3):o(u,c)?c.slice(2):c[2]+e.slice(3),n||l){const o=e.endsWith(G);e=e.replace(V,""),n&&f.rel(t,e,n,o),l&&f.ael(t,e,l,o)}}},H=/\s/,q=t=>t?t.split(H):[],G="Capture",V=RegExp(G+"$"),_=(t,e,n)=>{const l=11===e.m.nodeType&&e.m.host?e.m.host:e.m,o=t&&t.u||S,r=e.u||S;for(const t of z(Object.keys(o)))t in r||D(l,t,o[t],void 0,n,e.l);for(const t of z(Object.keys(r)))D(l,t,o[t],r[t],n,e.l)};function z(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var B=!1,I=(t,e,n)=>{const l=e.h[n];let o,r,s=0;if(null!==l.i)o=l.m=a.createTextNode(l.i);else if(o=l.m=a.createElement(l.p),_(null,l,B),null!=M&&o["s-si"]!==M&&o.classList.add(o["s-si"]=M),l.h)for(s=0;s<l.h.length;++s)r=I(t,l,s),r&&o.appendChild(r);return o["s-hn"]=x,o},J=(t,e,n,l,o,r)=>{let s,i=t;for(i.shadowRoot&&i.tagName===x&&(i=i.shadowRoot);o<=r;++o)l[o]&&(s=I(null,n,o),s&&(l[o].m=s,Z(i,s,e)))},K=(t,e,n)=>{for(let l=e;l<=n;++l){const e=t[l];if(e){const t=e.m;Y(e),t&&t.remove()}}},Q=(t,e)=>t.p===e.p,X=(t,e,n=!1)=>{const l=e.m=t.m,o=t.h,r=e.h,s=e.i;null===s?(_(t,e,B),null!==o&&null!==r?((t,e,n,l,o=!1)=>{let r,s=0,i=0,c=e.length-1,u=e[0],a=e[c],f=l.length-1,h=l[0],p=l[f];for(;s<=c&&i<=f;)null==u?u=e[++s]:null==a?a=e[--c]:null==h?h=l[++i]:null==p?p=l[--f]:Q(u,h)?(X(u,h,o),u=e[++s],h=l[++i]):Q(a,p)?(X(a,p,o),a=e[--c],p=l[--f]):Q(u,p)?(X(u,p,o),Z(t,u.m,a.m.nextSibling),u=e[++s],p=l[--f]):Q(a,h)?(X(a,h,o),Z(t,a.m,u.m),a=e[--c],h=l[++i]):(r=I(e&&e[i],n,i),h=l[++i],r&&Z(u.m.parentNode,r,u.m));s>c?J(t,null==l[f+1]?null:l[f+1].m,n,l,i,f):i>f&&K(e,s,c)})(l,o,e,r,n):null!==r?(null!==t.i&&(l.textContent=""),J(l,null,e,r,0,r.length-1)):null!==o&&K(o,0,o.length-1)):t.i!==s&&(l.data=s)},Y=t=>{t.u&&t.u.ref&&t.u.ref(null),t.h&&t.h.map(Y)},Z=(t,e,n)=>null==t?void 0:t.insertBefore(e,n),tt=(t,e)=>{e&&!t.v&&e["s-p"]&&e["s-p"].push(new Promise((e=>t.v=e)))},et=(t,e)=>{if(t.l|=16,!(4&t.l))return tt(t,t.S),g((()=>nt(t,e)));t.l|=512},nt=(t,e)=>{const n=t.t;if(!n)throw Error(`Can't render component <${t.$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 l;return l=lt(l,(()=>ut(n,"componentWillRender"))),lt(l,(()=>rt(t,n,e)))},lt=(t,e)=>ot(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),ot=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,rt=async(t,e,n)=>{var l;const o=t.$hostElement$,r=o["s-rc"];n&&(t=>{const e=t.j,n=t.$hostElement$,l=e.l,o=((t,e)=>{var n;const l=W(e),o=i.get(l);if(t=11===t.nodeType?t:a,o)if("string"==typeof o){let r,s=U.get(t=t.head||t);if(s||U.set(t,s=new Set),!s.has(l)){{r=a.createElement("style"),r.innerHTML=o;const e=null!=(n=f.k)?n:k(a);null!=e&&r.setAttribute("nonce",e),t.insertBefore(r,t.querySelector("link"))}4&e.l&&(r.innerHTML+=c),s&&s.add(l)}}else t.adoptedStyleSheets.includes(o)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,o]);return l})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(t);st(t,e,o,n),r&&(r.map((t=>t())),o["s-rc"]=void 0);{const e=null!=(l=o["s-p"])?l:[],n=()=>it(t);0===e.length?n():(Promise.all(e).then(n),t.l|=4,e.length=0)}},st=(t,e,n,l)=>{try{e=e.render(),t.l&=-17,t.l|=2,((t,e,n=!1)=>{const l=t.$hostElement$,o=t.j,r=t.O||A(null,null),s=(t=>t&&t.p===F)(e)?e:T(null,null,e);if(x=l.tagName,o.C&&(s.u=s.u||{},o.C.map((([t,e])=>s.u[e]=l[t]))),n&&s.u)for(const t of Object.keys(s.u))l.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(s.u[t]=l[t]);s.p=null,s.l|=4,t.O=s,s.m=r.m=l.shadowRoot||l,M=l["s-sc"],X(r,s,n)})(t,e,l)}catch(e){r(e,t.$hostElement$)}return null},it=t=>{const e=t.$hostElement$,n=t.t,l=t.S;64&t.l||(t.l|=64,at(e),ut(n,"componentDidLoad"),t.M(e),l||ct()),t.v&&(t.v(),t.v=void 0),512&t.l&&v((()=>et(t,!1))),t.l&=-517},ct=()=>{at(a.documentElement),v((()=>N(u,"appload",{detail:{namespace:"helper-pagination"}})))},ut=(t,e,n)=>{if(t&&t[e])try{return t[e](n)}catch(t){r(t)}},at=t=>t.classList.add("hydrated"),ft=(t,e,l)=>{var o,s;const i=t.prototype;if(e.P||e.R||t.watchers){t.watchers&&!e.R&&(e.R=t.watchers);const c=Object.entries(null!=(o=e.P)?o:{});if(c.map((([t,[o]])=>{(31&o||2&l&&32&o)&&Object.defineProperty(i,t,{get(){return((t,e)=>n(this).T.get(e))(0,t)},set(l){((t,e,l,o)=>{const s=n(t);if(!s)throw Error(`Couldn't find host element for "${o.$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const i=s.$hostElement$,c=s.T.get(e),u=s.l,a=s.t;if(l=((t,e)=>null==t||j(t)?t:4&e?"false"!==t&&(""===t||!!t):2&e?parseFloat(t):1&e?t+"":t)(l,o.P[e][0]),(!(8&u)||void 0===c)&&l!==c&&(!Number.isNaN(c)||!Number.isNaN(l))&&(s.T.set(e,l),a)){if(o.R&&128&u){const t=o.R[e];t&&t.map((t=>{try{a[t](l,c,e)}catch(t){r(t,i)}}))}2==(18&u)&&et(s,!1)}})(this,t,l,e)},configurable:!0,enumerable:!0})})),1&l){const l=new Map;i.attributeChangedCallback=function(t,o,r){f.jmp((()=>{var s;const c=l.get(t);if(this.hasOwnProperty(c))r=this[c],delete this[c];else{if(i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==r)return;if(null==c){const l=n(this),i=null==l?void 0:l.l;if(i&&!(8&i)&&128&i&&r!==o){const n=l.t,i=null==(s=e.R)?void 0:s[t];null==i||i.forEach((e=>{null!=n[e]&&n[e].call(n,r,o,t)}))}return}}this[c]=(null!==r||"boolean"!=typeof this[c])&&r}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=e.R)?s:{}),...c.filter((([t,e])=>15&e[0])).map((([t,n])=>{var o;const r=n[1]||t;return l.set(r,t),512&n[0]&&(null==(o=e.C)||o.push([t,r])),r}))]))}}return t},ht=t=>{ut(t,"disconnectedCallback")},pt=(t,l={})=>{var o;const h=[],d=l.exclude||[],m=u.customElements,y=a.head,$=y.querySelector("meta[charset]"),b=a.createElement("style"),w=[];let v,g=!0;Object.assign(f,l),f.o=new URL(l.resourcesUrl||"./",a.baseURI).href;let S=!1;if(t.map((t=>{t[1].map((l=>{var o;const c={l:l[0],$:l[1],P:l[2],A:l[3]};4&c.l&&(S=!0),c.P=l[2],c.C=[],c.R=null!=(o=l[4])?o:{};const u=c.$,a=class extends HTMLElement{constructor(t){if(super(t),this.hasRegisteredEventListeners=!1,((t,n)=>{const l={l:0,$hostElement$:t,j:n,T:new Map};l.F=new Promise((t=>l.M=t)),t["s-p"]=[],t["s-rc"]=[],e.set(t,l)})(t=this,c),1&c.l)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${c.$}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else t.attachShadow({mode:"open"})}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),v&&(clearTimeout(v),v=null),g?w.push(this):f.jmp((()=>(t=>{if(!(1&f.l)){const e=n(t),l=e.j,o=()=>{};if(1&e.l)(null==e?void 0:e.t)||(null==e?void 0:e.F)&&e.F.then((()=>{}));else{e.l|=1;{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){tt(e,e.S=n);break}}l.P&&Object.entries(l.P).map((([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n)=>{let l;if(!(32&e.l)){if(e.l|=32,n.L){const t=(t=>{const e=t.$.replace(/-/g,"_"),n=t.L;if(!n)return;const l=s.get(n);return l?l[e]:import(`./${n}.entry.js`).then((t=>(s.set(n,t),t[e])),r)
|
|
2
|
+
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n);if(t&&"then"in t){const e=()=>{};l=await t,e()}else l=t;if(!l)throw Error(`Constructor for "${n.$}#${e.N}" was not found`);l.isProxied||(n.R=l.watchers,ft(l,n,2),l.isProxied=!0);const o=()=>{};e.l|=8;try{new l(e)}catch(t){r(t)}e.l&=-9,e.l|=128,o()}else l=t.constructor,customElements.whenDefined(t.localName).then((()=>e.l|=128));if(l&&l.style){let t;"string"==typeof l.style&&(t=l.style);const e=W(n);if(!i.has(e)){const l=()=>{};((t,e,n)=>{let l=i.get(t);p&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=e:l.replaceSync(e)):l=e,i.set(t,l)})(e,t,!!(1&n.l)),l()}}}const o=e.S,c=()=>et(e,!0);o&&o["s-rc"]?o["s-rc"].push(c):c()})(t,e,l)}o()}})(this)))}disconnectedCallback(){f.jmp((()=>(async()=>{if(!(1&f.l)){const t=n(this);(null==t?void 0:t.t)?ht(t.t):(null==t?void 0:t.F)&&t.F.then((()=>ht(t.t)))}})()))}componentOnReady(){return n(this).F}};c.L=t[0],d.includes(u)||m.get(u)||(h.push(u),m.define(u,ft(a,c,1)))}))})),h.length>0&&(S&&(b.textContent+=c),b.textContent+=h.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",b.innerHTML.length)){b.setAttribute("data-styles","");const t=null!=(o=f.k)?o:k(a);null!=t&&b.setAttribute("nonce",t),y.insertBefore(b,$?$.nextSibling:y.firstChild)}g=!1,w.length?w.map((t=>t.connectedCallback())):f.jmp((()=>v=setTimeout(ct,30)))},dt=t=>f.k=t;export{pt as b,L as c,T as h,h as p,l as r,dt as s}
|
|
@@ -1015,8 +1015,6 @@ export declare namespace JSXBase {
|
|
|
1015
1015
|
autoPlay?: boolean;
|
|
1016
1016
|
autoplay?: boolean | string;
|
|
1017
1017
|
controls?: boolean;
|
|
1018
|
-
controlslist?: 'nodownload' | 'nofullscreen' | 'noremoteplayback';
|
|
1019
|
-
controlsList?: 'nodownload' | 'nofullscreen' | 'noremoteplayback';
|
|
1020
1018
|
crossOrigin?: string;
|
|
1021
1019
|
crossorigin?: string;
|
|
1022
1020
|
loop?: boolean;
|
|
@@ -1566,10 +1564,6 @@ export declare namespace JSXBase {
|
|
|
1566
1564
|
onSubmitCapture?: (event: Event) => void;
|
|
1567
1565
|
onInvalid?: (event: Event) => void;
|
|
1568
1566
|
onInvalidCapture?: (event: Event) => void;
|
|
1569
|
-
onBeforeToggle?: (event: Event) => void;
|
|
1570
|
-
onBeforeToggleCapture?: (event: Event) => void;
|
|
1571
|
-
onToggle?: (event: Event) => void;
|
|
1572
|
-
onToggleCapture?: (event: Event) => void;
|
|
1573
1567
|
onLoad?: (event: Event) => void;
|
|
1574
1568
|
onLoadCapture?: (event: Event) => void;
|
|
1575
1569
|
onError?: (event: Event) => void;
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as s}from"./p-d28f6456.js";function e(t,i){if(t){const s=document.createElement("style");s.innerHTML=i,t.appendChild(s)}}function a(t,i){const s=new URL(i);fetch(s.href).then((t=>t.text())).then((i=>{const s=document.createElement("style");s.innerHTML=i,t&&t.appendChild(s)})).catch((t=>{console.error("There was an error while trying to load client styling from URL",t)}))}const n=t=>!!(t.toLowerCase().match(/android/i)||t.toLowerCase().match(/blackberry|bb/i)||t.toLowerCase().match(/iphone|ipad|ipod/i)||t.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i)),o={en:{firstPage:"First",previousPage:"Previous",nextPage:"Next",lastPage:"Last"},ro:{firstPage:"Prima",previousPage:"Anterior",nextPage:"Urmatoarea",lastPage:"Ultima"},fr:{firstPage:"First",previousPage:"Previous",nextPage:"Next",lastPage:"Last"},ar:{firstPage:"First",previousPage:"Previous",nextPage:"Next",lastPage:"Last"},hu:{firstPage:"First",previousPage:"Previous",nextPage:"Következő",lastPage:"Last"},hr:{firstPage:"Prva",previousPage:"Prethodna",nextPage:"Slijedeća",lastPage:"Zadnja"}},h=(t,i)=>o[void 0!==i&&i in o?i:"en"][t],r=class{constructor(s){t(this,s),this.hpPageChange=i(this,"hpPageChange",7),this.nextPage="",this.prevPage="",this.offset=0,this.limit=1,this.total=1,this.language="en",this.clientStyling="",this.clientStylingUrl="",this.lastPage=!1,this.previousPage=!1,this.pagesArray=[],this.endInt=0,this.userAgent=window.navigator.userAgent,this.currentPage=1,this.navigateTo=t=>{switch(t){case"firstPage":this.offsetInt=0;break;case"lastPage":this.offsetInt=this.endInt*this.limitInt;break;case"previousPage":this.offsetInt-=this.limitInt;break;case"nextPage":this.offsetInt+=this.limitInt;break;case"fivePagesBack":this.offsetInt-=5*this.limitInt,this.offsetInt=this.offsetInt<=0?0:this.offsetInt;break;case"fivePagesForward":this.offsetInt+=5*this.limitInt,this.offsetInt=this.offsetInt/this.limitInt>=this.endInt?this.endInt*this.limitInt:this.offsetInt}this.previousPage=!!this.offsetInt,this.hpPageChange.emit({offset:this.offsetInt,limit:this.limitInt,total:this.totalInt})},this.paginationNavigation=(t,i)=>{this.previousPage=!0,isNaN(t)?0===i&&this.currentPage<=4?this.navigateTo("firstPage"):0===i&&this.currentPage>4?this.navigateTo("fivePagesBack"):4===i&&this.endInt-this.currentPage>=2&&this.navigateTo("fivePagesForward"):1===t?(this.offsetInt=t-1,this.previousPage=!1):this.offsetInt=(t-1)*this.limitInt,this.hpPageChange.emit({offset:this.offsetInt,limit:this.limitInt,total:this.totalInt})}}handleClientStylingChange(t,i){t!=i&&e(this.stylingContainer,this.clientStyling)}handleClientStylingChangeURL(t,i){t!=i&&this.clientStylingUrl&&a(this.stylingContainer,this.clientStylingUrl)}componentWillRender(){this.offsetInt=this.offset,this.limitInt=this.limit,this.currentPage=this.offsetInt/this.limitInt+1,this.limitInt=this.limit,this.totalInt=this.total,this.endInt=Math.ceil(this.totalInt/this.limitInt)-1,this.lastPage=!(this.offsetInt>=this.endInt*this.limitInt),1==this.currentPage||2==this.currentPage?(this.pagesArray=Array.from({length:4},((t,i)=>i+1)),this.pagesArray.push("...")):this.currentPage>=3&&this.endInt-this.currentPage>=2?(this.pagesArray=Array.from({length:3},((t,i)=>this.currentPage+i-1)),this.pagesArray.push("..."),this.pagesArray.unshift("...")):this.endInt-this.currentPage<3&&(this.pagesArray=Array.from({length:4},((t,i)=>this.endInt-2+i)),this.pagesArray.unshift("..."))}componentDidLoad(){this.stylingContainer&&(null!=window.emMessageBus?function(t,i){if(window.emMessageBus){const s=document.createElement("style");window.emMessageBus.subscribe(i,(i=>{s.innerHTML=i,t&&t.appendChild(s)}))}}(this.stylingContainer,`${this.mbSource}.Style`):(this.clientStyling&&e(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&a(this.stylingContainer,this.clientStylingUrl)))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}render(){let t=s("ul",{class:"PaginationArea"},this.pagesArray.map(((t,i)=>s("li",{class:"PaginationItem"+(t===this.currentPage?" ActiveItem":" ")+" "+(n(this.userAgent)?"MobileButtons":"")},s("button",{disabled:t===this.currentPage,onClick:this.paginationNavigation.bind(this,t,i)},s("span",null,t)))))),i=s("button",{disabled:!this.prevPage,onClick:this.navigateTo.bind(this,"firstPage")},s("span",{class:"NavigationButton"},h("firstPage",this.language)),s("span",{class:"NavigationIcon"})),e=s("div",{class:"LeftItems"},this.secondaryArrowsActive&&i,s("button",{disabled:!this.prevPage,onClick:this.navigateTo.bind(this,"previousPage")},s("span",{class:"NavigationButton"},h("previousPage",this.language)),s("span",{class:"NavigationIcon"})));n(this.userAgent)&&(e=s("div",{class:"LeftItems"},s("button",{disabled:!this.prevPage,onClick:this.navigateTo.bind(this,"previousPage")},s("span",{class:"NavigationButton"},h("previousPage",this.language)),s("span",{class:"NavigationIcon"}))));let a=s("button",{disabled:!this.nextPage,onClick:this.navigateTo.bind(this,"lastPage")},s("span",{class:"NavigationButton"},h("lastPage",this.language)),s("span",{class:"NavigationIcon"})),o=s("div",{class:"RightItems"},s("button",{disabled:!this.nextPage,onClick:this.navigateTo.bind(this,"nextPage")},s("span",{class:"NavigationButton"},h("nextPage",this.language)),s("span",{class:"NavigationIcon"})),this.secondaryArrowsActive&&a);return n(this.userAgent)&&(o=s("div",{class:"RightItems"},s("button",{disabled:!this.nextPage,onClick:this.navigateTo.bind(this,"nextPage")},s("span",{class:"NavigationButton"},h("nextPage",this.language)),s("span",{class:"NavigationIcon"})))),s("div",{id:"PaginationContainer",ref:t=>this.stylingContainer=t},this.arrowsActive&&e,this.numberedNavActive&&t,this.arrowsActive&&o)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}}};r.style='@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap");:host{display:block;font-family:"Roboto", sans-serif}#PaginationContainer{width:100%;margin:20px 0;display:inline-flex;justify-content:space-between;align-items:center}.LeftItems button:not(:first-child),.RightItems button:not(:last-child){margin:0 10px}.LeftItems button,.RightItems button{padding:0;background-color:#009993;border-color:#009993}.PaginationArea{display:inline-flex;gap:10px;list-style:none}.PaginationArea li{margin:0;padding:0}.PaginationArea li button{width:24px;height:24px;display:flex;border:0;padding:0;justify-content:center;align-items:center;background-color:transparent;color:#000;cursor:pointer;pointer-events:all}.PaginationItem.ActiveItem button{background:#009993;border-color:#009993;color:#fff}.PaginationItem.ActiveItem button:disabled{pointer-events:none;cursor:not-allowed}.PaginationItem button:hover,.PaginationItem button:active{background:#009993;border-color:#009993;color:#fff;opacity:0.8}button{width:100px;height:32px;border:1px solid #524e52;border-radius:5px;background:#524e52;color:#fff;font-size:14px;font:inherit;cursor:pointer;transition:all 0.1s linear;text-transform:uppercase;text-align:center;letter-spacing:0}button:hover,button:active{background:#004D4A;border-color:#004D4A}button:disabled{background-color:#ccc;border-color:#ccc;color:#fff;cursor:not-allowed}@media screen and (max-width: 720px){button{width:90px;font-size:14px}}@media screen and (max-width: 480px){button{width:70px;font-size:14px}.paginationArea{padding:5px}}@media screen and (max-width: 320px){button{width:58px;font-size:12px}.paginationArea{padding:5px;gap:5px}}@media (hover: none){.paginationItem button:hover{background:inherit;border-color:inherit;color:inherit;opacity:1}.paginationItem.activeItem button:hover{background:#009993;border-color:#009993;color:#fff}}';export{r as helper_pagination}
|