wj-elements 0.7.6 → 0.8.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/animations.js +28 -51
- package/dist/animations.js.map +1 -1
- package/dist/base-path.js +19 -31
- package/dist/base-path.js.map +1 -1
- package/dist/custom-elements.json +9053 -9048
- package/dist/dark.css +1 -302
- package/dist/date.js +16 -36
- package/dist/date.js.map +1 -1
- package/dist/element-utils.js +20 -81
- package/dist/element-utils.js.map +1 -1
- package/dist/event.js +49 -165
- package/dist/event.js.map +1 -1
- package/dist/form-associated-element-BjeJn7j8.js +101 -0
- package/dist/{form-associated-element-DEQ4y-jn.js.map → form-associated-element-BjeJn7j8.js.map} +1 -1
- package/dist/icon-DmsqtDpL.js +102 -0
- package/dist/{icon-CReYMzAK.js.map → icon-DmsqtDpL.js.map} +1 -1
- package/dist/light.css +1 -731
- package/dist/localize.js +36 -111
- package/dist/localize.js.map +1 -1
- package/dist/packages/wje-accordion-item/accordion-item.element.d.ts +3 -2
- package/dist/packages/wje-img/img.element.d.ts +4 -4
- package/dist/permissions.js +14 -41
- package/dist/permissions.js.map +1 -1
- package/dist/popup.element-CbkhthPP.js +806 -0
- package/dist/{popup.element-CwXvVFK7.js.map → popup.element-CbkhthPP.js.map} +1 -1
- package/dist/router-links-CNsJ-elb.js +105 -0
- package/dist/{router-links-wjqCnncc.js.map → router-links-CNsJ-elb.js.map} +1 -1
- package/dist/skeleton.css +1 -197
- package/dist/styles.css +1 -866
- package/dist/universal-service.js +48 -109
- package/dist/universal-service.js.map +1 -1
- package/dist/utils.js +11 -18
- package/dist/utils.js.map +1 -1
- package/dist/web-types.json +698 -698
- package/dist/wje-accordion-item.js +33 -106
- package/dist/wje-accordion-item.js.map +1 -1
- package/dist/wje-accordion.js +19 -84
- package/dist/wje-accordion.js.map +1 -1
- package/dist/wje-animation.js +37 -4258
- package/dist/wje-animation.js.map +1 -1
- package/dist/wje-aside.js +9 -34
- package/dist/wje-aside.js.map +1 -1
- package/dist/wje-avatar.js +36 -126
- package/dist/wje-avatar.js.map +1 -1
- package/dist/wje-badge.js +10 -52
- package/dist/wje-badge.js.map +1 -1
- package/dist/wje-breadcrumb.js +205 -668
- package/dist/wje-breadcrumb.js.map +1 -1
- package/dist/wje-breadcrumbs.js +177 -633
- package/dist/wje-breadcrumbs.js.map +1 -1
- package/dist/wje-button-group.js +48 -153
- package/dist/wje-button-group.js.map +1 -1
- package/dist/wje-button.js +92 -413
- package/dist/wje-button.js.map +1 -1
- package/dist/wje-card-content.js +7 -30
- package/dist/wje-card-content.js.map +1 -1
- package/dist/wje-card-controls.js +7 -30
- package/dist/wje-card-controls.js.map +1 -1
- package/dist/wje-card-header.js +7 -30
- package/dist/wje-card-header.js.map +1 -1
- package/dist/wje-card-subtitle.js +7 -34
- package/dist/wje-card-subtitle.js.map +1 -1
- package/dist/wje-card-title.js +7 -34
- package/dist/wje-card-title.js.map +1 -1
- package/dist/wje-card.js +15 -71
- package/dist/wje-card.js.map +1 -1
- package/dist/wje-carousel-item.js +12 -56
- package/dist/wje-carousel-item.js.map +1 -1
- package/dist/wje-carousel.js +154 -509
- package/dist/wje-carousel.js.map +1 -1
- package/dist/wje-checkbox.js +50 -227
- package/dist/wje-checkbox.js.map +1 -1
- package/dist/wje-chip.js +43 -160
- package/dist/wje-chip.js.map +1 -1
- package/dist/wje-col.js +7 -20
- package/dist/wje-col.js.map +1 -1
- package/dist/wje-color-picker.js +445 -1464
- package/dist/wje-color-picker.js.map +1 -1
- package/dist/wje-container.js +9 -35
- package/dist/wje-container.js.map +1 -1
- package/dist/wje-copy-button.js +64 -204
- package/dist/wje-copy-button.js.map +1 -1
- package/dist/wje-dialog.js +85 -553
- package/dist/wje-dialog.js.map +1 -1
- package/dist/wje-divider.js +7 -34
- package/dist/wje-divider.js.map +1 -1
- package/dist/wje-dropdown.js +78 -305
- package/dist/wje-dropdown.js.map +1 -1
- package/dist/wje-element.js +191 -700
- package/dist/wje-element.js.map +1 -1
- package/dist/wje-file-upload-item.js +51 -156
- package/dist/wje-file-upload-item.js.map +1 -1
- package/dist/wje-file-upload.js +181 -619
- package/dist/wje-file-upload.js.map +1 -1
- package/dist/wje-footer.js +7 -31
- package/dist/wje-footer.js.map +1 -1
- package/dist/wje-form.js +7 -32
- package/dist/wje-form.js.map +1 -1
- package/dist/wje-format-digital.js +26 -118
- package/dist/wje-format-digital.js.map +1 -1
- package/dist/wje-grid.js +7 -33
- package/dist/wje-grid.js.map +1 -1
- package/dist/wje-header.js +9 -35
- package/dist/wje-header.js.map +1 -1
- package/dist/wje-icon-library.js +12 -18
- package/dist/wje-icon-library.js.map +1 -1
- package/dist/wje-icon-picker.js +65 -320
- package/dist/wje-icon-picker.js.map +1 -1
- package/dist/wje-icon.js +1 -1
- package/dist/wje-img-comparer.js +37 -114
- package/dist/wje-img-comparer.js.map +1 -1
- package/dist/wje-img.js +50 -197
- package/dist/wje-img.js.map +1 -1
- package/dist/wje-infinite-scroll.js +94 -346
- package/dist/wje-infinite-scroll.js.map +1 -1
- package/dist/wje-input-file.js +23 -84
- package/dist/wje-input-file.js.map +1 -1
- package/dist/wje-input.js +78 -392
- package/dist/wje-input.js.map +1 -1
- package/dist/wje-item.js +11 -64
- package/dist/wje-item.js.map +1 -1
- package/dist/wje-kanban.js +124 -401
- package/dist/wje-kanban.js.map +1 -1
- package/dist/wje-label.js +9 -32
- package/dist/wje-label.js.map +1 -1
- package/dist/wje-level-indicator.js +38 -157
- package/dist/wje-level-indicator.js.map +1 -1
- package/dist/wje-list.js +10 -40
- package/dist/wje-list.js.map +1 -1
- package/dist/wje-main.js +7 -31
- package/dist/wje-main.js.map +1 -1
- package/dist/wje-masonry.js +66 -211
- package/dist/wje-masonry.js.map +1 -1
- package/dist/wje-master.js +45 -161
- package/dist/wje-master.js.map +1 -1
- package/dist/wje-menu-button.js +10 -38
- package/dist/wje-menu-button.js.map +1 -1
- package/dist/wje-menu-item.js +127 -577
- package/dist/wje-menu-item.js.map +1 -1
- package/dist/wje-menu-label.js +9 -35
- package/dist/wje-menu-label.js.map +1 -1
- package/dist/wje-menu.js +14 -49
- package/dist/wje-menu.js.map +1 -1
- package/dist/wje-option.js +48 -279
- package/dist/wje-option.js.map +1 -1
- package/dist/wje-options.js +130 -384
- package/dist/wje-options.js.map +1 -1
- package/dist/wje-orgchart-group.js +16 -52
- package/dist/wje-orgchart-group.js.map +1 -1
- package/dist/wje-orgchart-item.js +24 -93
- package/dist/wje-orgchart-item.js.map +1 -1
- package/dist/wje-orgchart.js +18 -68
- package/dist/wje-orgchart.js.map +1 -1
- package/dist/wje-pagination.js +113 -397
- package/dist/wje-pagination.js.map +1 -1
- package/dist/wje-popup.js +3 -3
- package/dist/wje-popup.js.map +1 -1
- package/dist/wje-progress-bar.js +53 -205
- package/dist/wje-progress-bar.js.map +1 -1
- package/dist/wje-qr-code.js +398 -2980
- package/dist/wje-qr-code.js.map +1 -1
- package/dist/wje-radio-group.js +52 -190
- package/dist/wje-radio-group.js.map +1 -1
- package/dist/wje-radio.js +24 -118
- package/dist/wje-radio.js.map +1 -1
- package/dist/wje-rate.js +62 -266
- package/dist/wje-rate.js.map +1 -1
- package/dist/wje-relative-time.js +24 -99
- package/dist/wje-relative-time.js.map +1 -1
- package/dist/wje-reorder-dropzone.js +9 -31
- package/dist/wje-reorder-dropzone.js.map +1 -1
- package/dist/wje-reorder-handle.js +67 -204
- package/dist/wje-reorder-handle.js.map +1 -1
- package/dist/wje-reorder-item.js +14 -44
- package/dist/wje-reorder-item.js.map +1 -1
- package/dist/wje-reorder.js +61 -246
- package/dist/wje-reorder.js.map +1 -1
- package/dist/wje-route.js +6 -24
- package/dist/wje-route.js.map +1 -1
- package/dist/wje-router-link.js +11 -39
- package/dist/wje-router-link.js.map +1 -1
- package/dist/wje-router-outlet.js +76 -172
- package/dist/wje-router-outlet.js.map +1 -1
- package/dist/wje-routerx.js +537 -1331
- package/dist/wje-routerx.js.map +1 -1
- package/dist/wje-row.js +9 -31
- package/dist/wje-row.js.map +1 -1
- package/dist/wje-select.js +326 -1152
- package/dist/wje-select.js.map +1 -1
- package/dist/wje-slider.js +44 -225
- package/dist/wje-slider.js.map +1 -1
- package/dist/wje-sliding-container.js +295 -1319
- package/dist/wje-sliding-container.js.map +1 -1
- package/dist/wje-split-view.js +35 -121
- package/dist/wje-split-view.js.map +1 -1
- package/dist/wje-status.js +14 -45
- package/dist/wje-status.js.map +1 -1
- package/dist/wje-step.js +9 -32
- package/dist/wje-step.js.map +1 -1
- package/dist/wje-stepper.js +109 -357
- package/dist/wje-stepper.js.map +1 -1
- package/dist/wje-store.js +67 -360
- package/dist/wje-store.js.map +1 -1
- package/dist/wje-tab-group.js +85 -314
- package/dist/wje-tab-group.js.map +1 -1
- package/dist/wje-tab-panel.js +7 -28
- package/dist/wje-tab-panel.js.map +1 -1
- package/dist/wje-tab.js +21 -198
- package/dist/wje-tab.js.map +1 -1
- package/dist/wje-textarea.js +64 -264
- package/dist/wje-textarea.js.map +1 -1
- package/dist/wje-thumbnail.js +10 -51
- package/dist/wje-thumbnail.js.map +1 -1
- package/dist/wje-toast.js +127 -632
- package/dist/wje-toast.js.map +1 -1
- package/dist/wje-toggle.js +52 -177
- package/dist/wje-toggle.js.map +1 -1
- package/dist/wje-toolbar-action.js +128 -456
- package/dist/wje-toolbar-action.js.map +1 -1
- package/dist/wje-toolbar.js +75 -270
- package/dist/wje-toolbar.js.map +1 -1
- package/dist/wje-tooltip.js +50 -161
- package/dist/wje-tooltip.js.map +1 -1
- package/dist/wje-tree-item.js +70 -301
- package/dist/wje-tree-item.js.map +1 -1
- package/dist/wje-tree.js +145 -489
- package/dist/wje-tree.js.map +1 -1
- package/dist/wje-visually-hidden.js +7 -34
- package/dist/wje-visually-hidden.js.map +1 -1
- package/package.json +4 -2
- package/dist/form-associated-element-DEQ4y-jn.js +0 -245
- package/dist/icon-CReYMzAK.js +0 -245
- package/dist/popup.element-CwXvVFK7.js +0 -2133
- package/dist/router-links-wjqCnncc.js +0 -156
|
@@ -1,208 +1,112 @@
|
|
|
1
1
|
var __defProp = Object.defineProperty;
|
|
2
2
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
3
3
|
var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
4
|
-
import
|
|
5
|
-
class
|
|
6
|
-
constructor(
|
|
7
|
-
this.options =
|
|
4
|
+
import t from "./wje-element.js";
|
|
5
|
+
class e {
|
|
6
|
+
constructor(t2 = {}) {
|
|
7
|
+
this.options = t2;
|
|
8
8
|
}
|
|
9
|
-
getOption(
|
|
10
|
-
return
|
|
9
|
+
getOption(t2, e2) {
|
|
10
|
+
return t2.hasAttribute(e2) ? t2.getAttribute(e2) : this.options[e2];
|
|
11
11
|
}
|
|
12
|
-
hasOption(
|
|
13
|
-
return
|
|
12
|
+
hasOption(t2, e2) {
|
|
13
|
+
return t2.hasAttribute(e2) || this.options[e2];
|
|
14
14
|
}
|
|
15
|
-
runParallel(
|
|
16
|
-
return this.hasOption(
|
|
15
|
+
runParallel(t2) {
|
|
16
|
+
return this.hasOption(t2, "parallel");
|
|
17
17
|
}
|
|
18
|
-
beforeEnter(
|
|
18
|
+
beforeEnter(t2, e2) {
|
|
19
19
|
}
|
|
20
|
-
enter(
|
|
20
|
+
enter(t2, e2) {
|
|
21
21
|
}
|
|
22
|
-
leave(
|
|
23
|
-
|
|
22
|
+
leave(t2, e2, n2) {
|
|
23
|
+
n2();
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
|
-
const
|
|
27
|
-
|
|
28
|
-
const
|
|
29
|
-
const
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
const ref = getTransitionInfo(el);
|
|
40
|
-
const type = ref.type;
|
|
41
|
-
const timeout = ref.timeout;
|
|
42
|
-
const propCount = ref.propCount;
|
|
43
|
-
if (!type) {
|
|
44
|
-
return cb();
|
|
45
|
-
}
|
|
46
|
-
const event = type === TRANSITION ? transitionEndEvent : animationEndEvent;
|
|
47
|
-
let ended = 0;
|
|
48
|
-
const end = function() {
|
|
49
|
-
el.removeEventListener(event, onEnd);
|
|
50
|
-
cb();
|
|
51
|
-
};
|
|
52
|
-
const onEnd = function(e) {
|
|
53
|
-
if (e.target === el) {
|
|
54
|
-
if (++ended >= propCount) {
|
|
55
|
-
end();
|
|
56
|
-
}
|
|
57
|
-
}
|
|
26
|
+
const n = window.requestAnimationFrame, i = "transition", a = "animation", r = "transition", s = "animation";
|
|
27
|
+
function o(t2, e2) {
|
|
28
|
+
const n2 = (function(t3) {
|
|
29
|
+
const e3 = window.getComputedStyle(t3), n3 = (e3[r + "Delay"] || "").split(", "), o3 = (e3[r + "Duration"] || "").split(", "), u3 = l(n3, o3), c3 = (e3[s + "Delay"] || "").split(", "), d3 = (e3[s + "Duration"] || "").split(", "), h3 = l(c3, d3), p3 = Math.max(u3, h3), m3 = p3 > 0 ? u3 > h3 ? i : a : null, v2 = m3 ? m3 === i ? o3.length : d3.length : 0;
|
|
30
|
+
return { type: m3, timeout: p3, propCount: v2 };
|
|
31
|
+
})(t2), o2 = n2.type, u2 = n2.timeout, c2 = n2.propCount;
|
|
32
|
+
if (!o2) return e2();
|
|
33
|
+
const d2 = o2 === i ? "transitionend" : "animationend";
|
|
34
|
+
let h2 = 0;
|
|
35
|
+
const p2 = function() {
|
|
36
|
+
t2.removeEventListener(d2, m2), e2();
|
|
37
|
+
}, m2 = function(e3) {
|
|
38
|
+
e3.target === t2 && ++h2 >= c2 && p2();
|
|
58
39
|
};
|
|
59
40
|
setTimeout(function() {
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
}
|
|
63
|
-
}, timeout + 1);
|
|
64
|
-
el.addEventListener(event, onEnd);
|
|
65
|
-
}
|
|
66
|
-
function getTransitionInfo(el) {
|
|
67
|
-
const styles2 = window.getComputedStyle(el);
|
|
68
|
-
const transitionDelays = (styles2[transitionProp + "Delay"] || "").split(", ");
|
|
69
|
-
const transitionDurations = (styles2[transitionProp + "Duration"] || "").split(", ");
|
|
70
|
-
const transitionTimeout = getTimeout(transitionDelays, transitionDurations);
|
|
71
|
-
const animationDelays = (styles2[animationProp + "Delay"] || "").split(", ");
|
|
72
|
-
const animationDurations = (styles2[animationProp + "Duration"] || "").split(", ");
|
|
73
|
-
const animationTimeout = getTimeout(animationDelays, animationDurations);
|
|
74
|
-
const timeout = Math.max(transitionTimeout, animationTimeout);
|
|
75
|
-
const type = timeout > 0 ? transitionTimeout > animationTimeout ? TRANSITION : ANIMATION : null;
|
|
76
|
-
const propCount = type ? type === TRANSITION ? transitionDurations.length : animationDurations.length : 0;
|
|
77
|
-
return {
|
|
78
|
-
type,
|
|
79
|
-
timeout,
|
|
80
|
-
propCount
|
|
81
|
-
};
|
|
41
|
+
h2 < c2 && p2();
|
|
42
|
+
}, u2 + 1), t2.addEventListener(d2, m2);
|
|
82
43
|
}
|
|
83
|
-
function
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
null,
|
|
89
|
-
durations.map(function(d, i) {
|
|
90
|
-
return toMs(d) + toMs(delays[i]);
|
|
91
|
-
})
|
|
92
|
-
);
|
|
44
|
+
function l(t2, e2) {
|
|
45
|
+
for (; t2.length < e2.length; ) t2 = t2.concat(t2);
|
|
46
|
+
return Math.max.apply(null, e2.map(function(e3, n2) {
|
|
47
|
+
return u(e3) + u(t2[n2]);
|
|
48
|
+
}));
|
|
93
49
|
}
|
|
94
|
-
function
|
|
95
|
-
return Number(
|
|
50
|
+
function u(t2) {
|
|
51
|
+
return 1e3 * Number(t2.slice(0, -1).replace(",", "."));
|
|
96
52
|
}
|
|
97
|
-
function
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
whenTransitionEnds(el, function() {
|
|
103
|
-
el.classList.remove(`${name}-${type}-active`, `${name}-${type}-to`);
|
|
104
|
-
if (cb) cb();
|
|
53
|
+
function c(t2, e2, i2, a2) {
|
|
54
|
+
var r2;
|
|
55
|
+
t2.classList.add(`${e2}-${i2}-active`), r2 = function() {
|
|
56
|
+
t2.classList.remove(`${e2}-${i2}`), t2.classList.add(`${e2}-${i2}-to`), o(t2, function() {
|
|
57
|
+
t2.classList.remove(`${e2}-${i2}-active`, `${e2}-${i2}-to`), a2 && a2();
|
|
105
58
|
});
|
|
59
|
+
}, n(function() {
|
|
60
|
+
n(r2);
|
|
106
61
|
});
|
|
107
62
|
}
|
|
108
|
-
class
|
|
109
|
-
beforeEnter(
|
|
110
|
-
const
|
|
111
|
-
|
|
63
|
+
class d extends e {
|
|
64
|
+
beforeEnter(t2, e2) {
|
|
65
|
+
const n2 = t2.getAttribute("animation") || "outlet";
|
|
66
|
+
e2.classList.add(`${n2}-enter`);
|
|
112
67
|
}
|
|
113
|
-
enter(
|
|
114
|
-
|
|
115
|
-
runTransition(el, name, "enter");
|
|
68
|
+
enter(t2, e2) {
|
|
69
|
+
c(e2, t2.getAttribute("animation") || "outlet", "enter");
|
|
116
70
|
}
|
|
117
|
-
leave(
|
|
118
|
-
const
|
|
119
|
-
|
|
120
|
-
runTransition(el, name, "leave", done);
|
|
71
|
+
leave(t2, e2, n2) {
|
|
72
|
+
const i2 = t2.getAttribute("animation") || "outlet";
|
|
73
|
+
e2.classList.add(`${i2}-leave`), c(e2, i2, "leave", n2);
|
|
121
74
|
}
|
|
122
75
|
}
|
|
123
|
-
const
|
|
124
|
-
let
|
|
125
|
-
function
|
|
126
|
-
|
|
127
|
-
}
|
|
128
|
-
function getAnimationHook(name) {
|
|
129
|
-
return animationRegistry[name] || defaultHook || (defaultHook = new GenericCSS());
|
|
76
|
+
const h = {};
|
|
77
|
+
let p;
|
|
78
|
+
function m(t2) {
|
|
79
|
+
return h[t2] || p || (p = new d());
|
|
130
80
|
}
|
|
131
|
-
class
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
if (!this.hasAttribute("animation"))
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
hook.beforeEnter(this, el);
|
|
144
|
-
super.appendChild(el);
|
|
145
|
-
if (!runParallel && this.removing) {
|
|
146
|
-
this.appending = el;
|
|
147
|
-
} else {
|
|
148
|
-
hook.enter(this, el);
|
|
149
|
-
}
|
|
150
|
-
return el;
|
|
151
|
-
}
|
|
152
|
-
/**
|
|
153
|
-
* @template {Node} T
|
|
154
|
-
* @param {T} el
|
|
155
|
-
* @returns {T}
|
|
156
|
-
*/
|
|
157
|
-
removeChild(el) {
|
|
158
|
-
if (!this.hasAttribute("animation")) {
|
|
159
|
-
return super.removeChild(el);
|
|
160
|
-
}
|
|
161
|
-
const hook = getAnimationHook(this.getAttribute("animation"));
|
|
162
|
-
if (this.removing && this.removing.parentNode === this) {
|
|
163
|
-
super.removeChild(this.removing);
|
|
164
|
-
}
|
|
165
|
-
if (el === this.appending) {
|
|
166
|
-
if (el.parentNode === this) {
|
|
167
|
-
super.removeChild(el);
|
|
168
|
-
}
|
|
169
|
-
this.removing = null;
|
|
170
|
-
return el;
|
|
171
|
-
}
|
|
172
|
-
this.removing = el;
|
|
173
|
-
hook.leave(this, el, () => {
|
|
174
|
-
if (this.removing && this.removing.parentNode === this) {
|
|
175
|
-
super.removeChild(this.removing);
|
|
176
|
-
}
|
|
177
|
-
if (this.appending) hook.enter(this, this.appending);
|
|
178
|
-
this.appending = null;
|
|
179
|
-
this.removing = null;
|
|
180
|
-
});
|
|
181
|
-
return el;
|
|
81
|
+
class v extends HTMLElement {
|
|
82
|
+
appendChild(t2) {
|
|
83
|
+
if (!this.hasAttribute("animation")) return super.appendChild(t2);
|
|
84
|
+
const e2 = m(this.getAttribute("animation")), n2 = e2.runParallel(this);
|
|
85
|
+
return e2.beforeEnter(this, t2), super.appendChild(t2), !n2 && this.removing ? this.appending = t2 : e2.enter(this, t2), t2;
|
|
86
|
+
}
|
|
87
|
+
removeChild(t2) {
|
|
88
|
+
if (!this.hasAttribute("animation")) return super.removeChild(t2);
|
|
89
|
+
const e2 = m(this.getAttribute("animation"));
|
|
90
|
+
return this.removing && this.removing.parentNode === this && super.removeChild(this.removing), t2 === this.appending ? (t2.parentNode === this && super.removeChild(t2), this.removing = null, t2) : (this.removing = t2, e2.leave(this, t2, () => {
|
|
91
|
+
this.removing && this.removing.parentNode === this && super.removeChild(this.removing), this.appending && e2.enter(this, this.appending), this.appending = null, this.removing = null;
|
|
92
|
+
}), t2);
|
|
182
93
|
}
|
|
183
94
|
}
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
* Creates an instance of Route.
|
|
189
|
-
*/
|
|
95
|
+
!(function(t2, e2 = {}) {
|
|
96
|
+
p = new t2(e2);
|
|
97
|
+
})(d);
|
|
98
|
+
class f extends v {
|
|
190
99
|
constructor() {
|
|
191
100
|
super();
|
|
192
|
-
/**
|
|
193
|
-
* The class name for the component.
|
|
194
|
-
* @type {string}
|
|
195
|
-
*/
|
|
196
101
|
__publicField(this, "className", "RouterOutlet");
|
|
197
102
|
}
|
|
198
103
|
connectedCallback() {
|
|
199
|
-
const
|
|
200
|
-
|
|
201
|
-
this.parentNode.insertBefore(styleEl, this);
|
|
104
|
+
const t2 = document.createElement("style");
|
|
105
|
+
t2.textContent = ".fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter{height:0;overflow:hidden}.fade-enter,.fade-leave-to{opacity:0}.slide-fade-enter-active{transition:all .3s ease}.slide-fade-leave-active{transition:all .8s cubic-bezier(1,.5,.8,1)}.slide-fade-enter,.slide-fade-leave-to{transform:translate(100px);opacity:0}.bounce-enter{opacity:0}.bounce-enter-active{animation:bounce-in .5s}.bounce-leave-active{animation:bounce-in .5s reverse}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.5)}to{transform:scale(1)}}", this.parentNode.insertBefore(t2, this);
|
|
202
106
|
}
|
|
203
107
|
}
|
|
204
|
-
|
|
108
|
+
t.define("wje-router-outlet", f);
|
|
205
109
|
export {
|
|
206
|
-
|
|
110
|
+
f as default
|
|
207
111
|
};
|
|
208
112
|
//# sourceMappingURL=wje-router-outlet.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"wje-router-outlet.js","sources":["../node_modules/slick-router/lib/components/animated-outlet.js","../packages/wje-router-outlet/router-outlet.element.js","../packages/wje-router-outlet/router-outlet.js"],"sourcesContent":["export class AnimationHook {\n constructor(options = {}) {\n this.options = options\n }\n\n getOption(outlet, name) {\n return outlet.hasAttribute(name) ? outlet.getAttribute(name) : this.options[name]\n }\n\n hasOption(outlet, name) {\n return outlet.hasAttribute(name) || this.options[name]\n }\n\n runParallel(outlet) {\n return this.hasOption(outlet, 'parallel')\n }\n\n beforeEnter(outlet, el) {}\n\n enter(outlet, el) {}\n\n leave(outlet, el, done) {\n done()\n }\n}\n\n// code extracted from vue\nconst raf = window.requestAnimationFrame\nconst TRANSITION = 'transition'\nconst ANIMATION = 'animation'\n\n// Transition property/event sniffing\nconst transitionProp = 'transition'\nconst transitionEndEvent = 'transitionend'\nconst animationProp = 'animation'\nconst animationEndEvent = 'animationend'\n\nfunction nextFrame(fn) {\n raf(function () {\n raf(fn)\n })\n}\n\nfunction whenTransitionEnds(el, cb) {\n const ref = getTransitionInfo(el)\n const type = ref.type\n const timeout = ref.timeout\n const propCount = ref.propCount\n if (!type) {\n return cb()\n }\n const event = type === TRANSITION ? transitionEndEvent : animationEndEvent\n let ended = 0\n const end = function () {\n el.removeEventListener(event, onEnd)\n cb()\n }\n const onEnd = function (e) {\n if (e.target === el) {\n if (++ended >= propCount) {\n end()\n }\n }\n }\n setTimeout(function () {\n if (ended < propCount) {\n end()\n }\n }, timeout + 1)\n el.addEventListener(event, onEnd)\n}\n\nfunction getTransitionInfo(el) {\n const styles = window.getComputedStyle(el)\n // JSDOM may return undefined for transition properties\n const transitionDelays = (styles[transitionProp + 'Delay'] || '').split(', ')\n const transitionDurations = (styles[transitionProp + 'Duration'] || '').split(', ')\n const transitionTimeout = getTimeout(transitionDelays, transitionDurations)\n const animationDelays = (styles[animationProp + 'Delay'] || '').split(', ')\n const animationDurations = (styles[animationProp + 'Duration'] || '').split(', ')\n const animationTimeout = getTimeout(animationDelays, animationDurations)\n\n const timeout = Math.max(transitionTimeout, animationTimeout)\n const type = timeout > 0 ? (transitionTimeout > animationTimeout ? TRANSITION : ANIMATION) : null\n const propCount = type\n ? type === TRANSITION\n ? transitionDurations.length\n : animationDurations.length\n : 0\n\n return {\n type,\n timeout,\n propCount,\n }\n}\n\nfunction getTimeout(delays, durations) {\n /* istanbul ignore next */\n while (delays.length < durations.length) {\n delays = delays.concat(delays)\n }\n\n return Math.max.apply(\n null,\n durations.map(function (d, i) {\n return toMs(d) + toMs(delays[i])\n }),\n )\n}\n\n// Old versions of Chromium (below 61.0.3163.100) formats floating pointer numbers\n// in a locale-dependent way, using a comma instead of a dot.\n// If comma is not replaced with a dot, the input will be rounded down (i.e. acting\n// as a floor function) causing unexpected behaviors\nfunction toMs(s) {\n return Number(s.slice(0, -1).replace(',', '.')) * 1000\n}\n\nfunction runTransition(el, name, type, cb) {\n el.classList.add(`${name}-${type}-active`)\n nextFrame(function () {\n el.classList.remove(`${name}-${type}`)\n el.classList.add(`${name}-${type}-to`)\n whenTransitionEnds(el, function () {\n el.classList.remove(`${name}-${type}-active`, `${name}-${type}-to`)\n if (cb) cb()\n })\n })\n}\n\nexport class GenericCSS extends AnimationHook {\n beforeEnter(outlet, el) {\n const name = outlet.getAttribute('animation') || 'outlet'\n el.classList.add(`${name}-enter`)\n }\n\n enter(outlet, el) {\n const name = outlet.getAttribute('animation') || 'outlet'\n runTransition(el, name, 'enter')\n }\n\n leave(outlet, el, done) {\n const name = outlet.getAttribute('animation') || 'outlet'\n el.classList.add(`${name}-leave`)\n runTransition(el, name, 'leave', done)\n }\n}\n\nexport class AnimateCSS extends AnimationHook {\n beforeEnter(outlet, el) {\n const enter = this.getOption(outlet, 'enter')\n if (enter) {\n el.style.display = 'none'\n }\n }\n\n enter(outlet, el) {\n const enter = this.getOption(outlet, 'enter')\n if (!enter) return\n el.style.display = 'block'\n el.classList.add('animated', enter)\n el.addEventListener(\n 'animationend',\n () => {\n el.classList.remove('animated', enter)\n },\n { once: true },\n )\n }\n\n leave(outlet, el, done) {\n const leave = this.getOption(outlet, 'leave')\n if (!leave) {\n done()\n return\n }\n el.classList.add('animated', leave)\n el.addEventListener('animationend', done, { once: true })\n }\n}\n\nconst animationRegistry = {}\nlet defaultHook\n\nexport function registerAnimation(name, AnimationHookClass, options = {}) {\n animationRegistry[name] = new AnimationHookClass(options)\n}\n\nexport function setDefaultAnimation(AnimationHookClass, options = {}) {\n defaultHook = new AnimationHookClass(options)\n}\n\nfunction getAnimationHook(name) {\n return animationRegistry[name] || defaultHook || (defaultHook = new GenericCSS())\n}\n\nexport class AnimatedOutlet extends HTMLElement {\n /**\n * @template {Node} T\n * @param {T} el\n * @returns {T}\n */\n appendChild(el) {\n if (!this.hasAttribute('animation')) {\n return super.appendChild(el)\n }\n const hook = getAnimationHook(this.getAttribute('animation'))\n const runParallel = hook.runParallel(this)\n\n hook.beforeEnter(this, el)\n super.appendChild(el)\n if (!runParallel && this.removing) {\n // when removing a previous el, append animation is run after remove one\n this.appending = el\n } else {\n hook.enter(this, el)\n }\n return el\n }\n\n /**\n * @template {Node} T\n * @param {T} el\n * @returns {T}\n */\n removeChild(el) {\n if (!this.hasAttribute('animation')) {\n return super.removeChild(el)\n }\n const hook = getAnimationHook(this.getAttribute('animation'))\n\n if (this.removing && this.removing.parentNode === this) {\n super.removeChild(this.removing)\n }\n\n if (el === this.appending) {\n if (el.parentNode === this) {\n super.removeChild(el)\n }\n this.removing = null\n return el\n }\n\n this.removing = el\n hook.leave(this, el, () => {\n if (this.removing && this.removing.parentNode === this) {\n super.removeChild(this.removing)\n }\n if (this.appending) hook.enter(this, this.appending)\n this.appending = null\n this.removing = null\n })\n return el\n }\n}\n","import { AnimatedOutlet, GenericCSS, setDefaultAnimation } from 'slick-router/components/animated-outlet.js';\n\nimport styles from './styles/styles.css?inline';\n\nsetDefaultAnimation(GenericCSS);\n\n/**\n * `Route` is a custom web component that represents a route in a routing system.\n * @summary This element represents a route in a routing system.\n * @documentation https://elements.webjet.sk/components/route\n * @status stable\n * @augments AnimatedOutlet\n * @tag wje-router-outlet\n */\nexport default class RouterOutlet extends AnimatedOutlet {\n /**\n * Creates an instance of Route.\n */\n constructor() {\n super();\n }\n\n /**\n * The class name for the component.\n * @type {string}\n */\n className = 'RouterOutlet';\n\n connectedCallback() {\n const styleEl = document.createElement('style');\n styleEl.textContent = styles;\n this.parentNode.insertBefore(styleEl, this);\n }\n}\n","import { default as WJElement } from '../wje-element/element.js';\nimport RouterOutlet from './router-outlet.element.js';\n\nexport default RouterOutlet;\n\nWJElement.define('wje-router-outlet', RouterOutlet);\n"],"names":["styles"],"mappings":"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","x_google_ignoreList":[0]}
|
|
1
|
+
{"version":3,"file":"wje-router-outlet.js","sources":["../node_modules/slick-router/lib/components/animated-outlet.js","../packages/wje-router-outlet/router-outlet.element.js","../packages/wje-router-outlet/router-outlet.js"],"sourcesContent":["export class AnimationHook {\n constructor(options = {}) {\n this.options = options\n }\n\n getOption(outlet, name) {\n return outlet.hasAttribute(name) ? outlet.getAttribute(name) : this.options[name]\n }\n\n hasOption(outlet, name) {\n return outlet.hasAttribute(name) || this.options[name]\n }\n\n runParallel(outlet) {\n return this.hasOption(outlet, 'parallel')\n }\n\n beforeEnter(outlet, el) {}\n\n enter(outlet, el) {}\n\n leave(outlet, el, done) {\n done()\n }\n}\n\n// code extracted from vue\nconst raf = window.requestAnimationFrame\nconst TRANSITION = 'transition'\nconst ANIMATION = 'animation'\n\n// Transition property/event sniffing\nconst transitionProp = 'transition'\nconst transitionEndEvent = 'transitionend'\nconst animationProp = 'animation'\nconst animationEndEvent = 'animationend'\n\nfunction nextFrame(fn) {\n raf(function () {\n raf(fn)\n })\n}\n\nfunction whenTransitionEnds(el, cb) {\n const ref = getTransitionInfo(el)\n const type = ref.type\n const timeout = ref.timeout\n const propCount = ref.propCount\n if (!type) {\n return cb()\n }\n const event = type === TRANSITION ? transitionEndEvent : animationEndEvent\n let ended = 0\n const end = function () {\n el.removeEventListener(event, onEnd)\n cb()\n }\n const onEnd = function (e) {\n if (e.target === el) {\n if (++ended >= propCount) {\n end()\n }\n }\n }\n setTimeout(function () {\n if (ended < propCount) {\n end()\n }\n }, timeout + 1)\n el.addEventListener(event, onEnd)\n}\n\nfunction getTransitionInfo(el) {\n const styles = window.getComputedStyle(el)\n // JSDOM may return undefined for transition properties\n const transitionDelays = (styles[transitionProp + 'Delay'] || '').split(', ')\n const transitionDurations = (styles[transitionProp + 'Duration'] || '').split(', ')\n const transitionTimeout = getTimeout(transitionDelays, transitionDurations)\n const animationDelays = (styles[animationProp + 'Delay'] || '').split(', ')\n const animationDurations = (styles[animationProp + 'Duration'] || '').split(', ')\n const animationTimeout = getTimeout(animationDelays, animationDurations)\n\n const timeout = Math.max(transitionTimeout, animationTimeout)\n const type = timeout > 0 ? (transitionTimeout > animationTimeout ? TRANSITION : ANIMATION) : null\n const propCount = type\n ? type === TRANSITION\n ? transitionDurations.length\n : animationDurations.length\n : 0\n\n return {\n type,\n timeout,\n propCount,\n }\n}\n\nfunction getTimeout(delays, durations) {\n /* istanbul ignore next */\n while (delays.length < durations.length) {\n delays = delays.concat(delays)\n }\n\n return Math.max.apply(\n null,\n durations.map(function (d, i) {\n return toMs(d) + toMs(delays[i])\n }),\n )\n}\n\n// Old versions of Chromium (below 61.0.3163.100) formats floating pointer numbers\n// in a locale-dependent way, using a comma instead of a dot.\n// If comma is not replaced with a dot, the input will be rounded down (i.e. acting\n// as a floor function) causing unexpected behaviors\nfunction toMs(s) {\n return Number(s.slice(0, -1).replace(',', '.')) * 1000\n}\n\nfunction runTransition(el, name, type, cb) {\n el.classList.add(`${name}-${type}-active`)\n nextFrame(function () {\n el.classList.remove(`${name}-${type}`)\n el.classList.add(`${name}-${type}-to`)\n whenTransitionEnds(el, function () {\n el.classList.remove(`${name}-${type}-active`, `${name}-${type}-to`)\n if (cb) cb()\n })\n })\n}\n\nexport class GenericCSS extends AnimationHook {\n beforeEnter(outlet, el) {\n const name = outlet.getAttribute('animation') || 'outlet'\n el.classList.add(`${name}-enter`)\n }\n\n enter(outlet, el) {\n const name = outlet.getAttribute('animation') || 'outlet'\n runTransition(el, name, 'enter')\n }\n\n leave(outlet, el, done) {\n const name = outlet.getAttribute('animation') || 'outlet'\n el.classList.add(`${name}-leave`)\n runTransition(el, name, 'leave', done)\n }\n}\n\nexport class AnimateCSS extends AnimationHook {\n beforeEnter(outlet, el) {\n const enter = this.getOption(outlet, 'enter')\n if (enter) {\n el.style.display = 'none'\n }\n }\n\n enter(outlet, el) {\n const enter = this.getOption(outlet, 'enter')\n if (!enter) return\n el.style.display = 'block'\n el.classList.add('animated', enter)\n el.addEventListener(\n 'animationend',\n () => {\n el.classList.remove('animated', enter)\n },\n { once: true },\n )\n }\n\n leave(outlet, el, done) {\n const leave = this.getOption(outlet, 'leave')\n if (!leave) {\n done()\n return\n }\n el.classList.add('animated', leave)\n el.addEventListener('animationend', done, { once: true })\n }\n}\n\nconst animationRegistry = {}\nlet defaultHook\n\nexport function registerAnimation(name, AnimationHookClass, options = {}) {\n animationRegistry[name] = new AnimationHookClass(options)\n}\n\nexport function setDefaultAnimation(AnimationHookClass, options = {}) {\n defaultHook = new AnimationHookClass(options)\n}\n\nfunction getAnimationHook(name) {\n return animationRegistry[name] || defaultHook || (defaultHook = new GenericCSS())\n}\n\nexport class AnimatedOutlet extends HTMLElement {\n /**\n * @template {Node} T\n * @param {T} el\n * @returns {T}\n */\n appendChild(el) {\n if (!this.hasAttribute('animation')) {\n return super.appendChild(el)\n }\n const hook = getAnimationHook(this.getAttribute('animation'))\n const runParallel = hook.runParallel(this)\n\n hook.beforeEnter(this, el)\n super.appendChild(el)\n if (!runParallel && this.removing) {\n // when removing a previous el, append animation is run after remove one\n this.appending = el\n } else {\n hook.enter(this, el)\n }\n return el\n }\n\n /**\n * @template {Node} T\n * @param {T} el\n * @returns {T}\n */\n removeChild(el) {\n if (!this.hasAttribute('animation')) {\n return super.removeChild(el)\n }\n const hook = getAnimationHook(this.getAttribute('animation'))\n\n if (this.removing && this.removing.parentNode === this) {\n super.removeChild(this.removing)\n }\n\n if (el === this.appending) {\n if (el.parentNode === this) {\n super.removeChild(el)\n }\n this.removing = null\n return el\n }\n\n this.removing = el\n hook.leave(this, el, () => {\n if (this.removing && this.removing.parentNode === this) {\n super.removeChild(this.removing)\n }\n if (this.appending) hook.enter(this, this.appending)\n this.appending = null\n this.removing = null\n })\n return el\n }\n}\n","import { AnimatedOutlet, GenericCSS, setDefaultAnimation } from 'slick-router/components/animated-outlet.js';\n\nimport styles from './styles/styles.css?inline';\n\nsetDefaultAnimation(GenericCSS);\n\n/**\n * `Route` is a custom web component that represents a route in a routing system.\n * @summary This element represents a route in a routing system.\n * @documentation https://elements.webjet.sk/components/route\n * @status stable\n * @augments AnimatedOutlet\n * @tag wje-router-outlet\n */\nexport default class RouterOutlet extends AnimatedOutlet {\n /**\n * Creates an instance of Route.\n */\n constructor() {\n super();\n }\n\n /**\n * The class name for the component.\n * @type {string}\n */\n className = 'RouterOutlet';\n\n connectedCallback() {\n const styleEl = document.createElement('style');\n styleEl.textContent = styles;\n this.parentNode.insertBefore(styleEl, this);\n }\n}\n","import { default as WJElement } from '../wje-element/element.js';\nimport RouterOutlet from './router-outlet.element.js';\n\nexport default RouterOutlet;\n\nWJElement.define('wje-router-outlet', RouterOutlet);\n"],"names":["AnimationHook","options","this","outlet","name","hasAttribute","getAttribute","hasOption","el","done","raf","window","requestAnimationFrame","TRANSITION","ANIMATION","transitionProp","animationProp","whenTransitionEnds","cb","ref","styles","getComputedStyle","transitionDelays","split","transitionDurations","transitionTimeout","getTimeout","animationDelays","animationDurations","animationTimeout","timeout","Math","max","type","propCount","length","event","ended","end","removeEventListener","onEnd","e","target","setTimeout","addEventListener","delays","durations","concat","apply","map","d","i","toMs","s","Number","slice","replace","runTransition","fn","classList","add","remove","GenericCSS","animationRegistry","defaultHook","getAnimationHook","AnimatedOutlet","HTMLElement","super","appendChild","hook","runParallel","beforeEnter","removing","appending","enter","removeChild","parentNode","leave","AnimationHookClass","RouterOutlet","constructor","className","styleEl","document","createElement","textContent","insertBefore","WJElement","define"],"mappings":"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","x_google_ignoreList":[0]}
|