wj-elements 0.7.7 → 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.
Files changed (233) hide show
  1. package/dist/animations.js +28 -51
  2. package/dist/animations.js.map +1 -1
  3. package/dist/base-path.js +19 -31
  4. package/dist/base-path.js.map +1 -1
  5. package/dist/custom-elements.json +11504 -11499
  6. package/dist/dark.css +1 -302
  7. package/dist/date.js +16 -36
  8. package/dist/date.js.map +1 -1
  9. package/dist/element-utils.js +20 -81
  10. package/dist/element-utils.js.map +1 -1
  11. package/dist/event.js +49 -165
  12. package/dist/event.js.map +1 -1
  13. package/dist/form-associated-element-BjeJn7j8.js +101 -0
  14. package/dist/{form-associated-element-DEQ4y-jn.js.map → form-associated-element-BjeJn7j8.js.map} +1 -1
  15. package/dist/icon-DmsqtDpL.js +102 -0
  16. package/dist/{icon-CReYMzAK.js.map → icon-DmsqtDpL.js.map} +1 -1
  17. package/dist/light.css +1 -731
  18. package/dist/localize.js +36 -111
  19. package/dist/localize.js.map +1 -1
  20. package/dist/packages/wje-accordion-item/accordion-item.element.d.ts +3 -2
  21. package/dist/permissions.js +14 -41
  22. package/dist/permissions.js.map +1 -1
  23. package/dist/popup.element-CbkhthPP.js +806 -0
  24. package/dist/{popup.element-CwXvVFK7.js.map → popup.element-CbkhthPP.js.map} +1 -1
  25. package/dist/router-links-CNsJ-elb.js +105 -0
  26. package/dist/{router-links-wjqCnncc.js.map → router-links-CNsJ-elb.js.map} +1 -1
  27. package/dist/skeleton.css +1 -197
  28. package/dist/styles.css +1 -866
  29. package/dist/universal-service.js +48 -109
  30. package/dist/universal-service.js.map +1 -1
  31. package/dist/utils.js +11 -18
  32. package/dist/utils.js.map +1 -1
  33. package/dist/web-types.json +760 -760
  34. package/dist/wje-accordion-item.js +33 -106
  35. package/dist/wje-accordion-item.js.map +1 -1
  36. package/dist/wje-accordion.js +19 -84
  37. package/dist/wje-accordion.js.map +1 -1
  38. package/dist/wje-animation.js +37 -4258
  39. package/dist/wje-animation.js.map +1 -1
  40. package/dist/wje-aside.js +9 -34
  41. package/dist/wje-aside.js.map +1 -1
  42. package/dist/wje-avatar.js +36 -126
  43. package/dist/wje-avatar.js.map +1 -1
  44. package/dist/wje-badge.js +10 -52
  45. package/dist/wje-badge.js.map +1 -1
  46. package/dist/wje-breadcrumb.js +205 -672
  47. package/dist/wje-breadcrumb.js.map +1 -1
  48. package/dist/wje-breadcrumbs.js +177 -633
  49. package/dist/wje-breadcrumbs.js.map +1 -1
  50. package/dist/wje-button-group.js +48 -153
  51. package/dist/wje-button-group.js.map +1 -1
  52. package/dist/wje-button.js +92 -413
  53. package/dist/wje-button.js.map +1 -1
  54. package/dist/wje-card-content.js +7 -30
  55. package/dist/wje-card-content.js.map +1 -1
  56. package/dist/wje-card-controls.js +7 -30
  57. package/dist/wje-card-controls.js.map +1 -1
  58. package/dist/wje-card-header.js +7 -30
  59. package/dist/wje-card-header.js.map +1 -1
  60. package/dist/wje-card-subtitle.js +7 -34
  61. package/dist/wje-card-subtitle.js.map +1 -1
  62. package/dist/wje-card-title.js +7 -34
  63. package/dist/wje-card-title.js.map +1 -1
  64. package/dist/wje-card.js +15 -71
  65. package/dist/wje-card.js.map +1 -1
  66. package/dist/wje-carousel-item.js +12 -56
  67. package/dist/wje-carousel-item.js.map +1 -1
  68. package/dist/wje-carousel.js +154 -509
  69. package/dist/wje-carousel.js.map +1 -1
  70. package/dist/wje-checkbox.js +50 -227
  71. package/dist/wje-checkbox.js.map +1 -1
  72. package/dist/wje-chip.js +43 -160
  73. package/dist/wje-chip.js.map +1 -1
  74. package/dist/wje-col.js +7 -20
  75. package/dist/wje-col.js.map +1 -1
  76. package/dist/wje-color-picker.js +445 -1464
  77. package/dist/wje-color-picker.js.map +1 -1
  78. package/dist/wje-container.js +9 -35
  79. package/dist/wje-container.js.map +1 -1
  80. package/dist/wje-copy-button.js +64 -204
  81. package/dist/wje-copy-button.js.map +1 -1
  82. package/dist/wje-dialog.js +85 -553
  83. package/dist/wje-dialog.js.map +1 -1
  84. package/dist/wje-divider.js +7 -34
  85. package/dist/wje-divider.js.map +1 -1
  86. package/dist/wje-dropdown.js +78 -305
  87. package/dist/wje-dropdown.js.map +1 -1
  88. package/dist/wje-element.js +191 -700
  89. package/dist/wje-element.js.map +1 -1
  90. package/dist/wje-file-upload-item.js +51 -156
  91. package/dist/wje-file-upload-item.js.map +1 -1
  92. package/dist/wje-file-upload.js +181 -619
  93. package/dist/wje-file-upload.js.map +1 -1
  94. package/dist/wje-footer.js +7 -31
  95. package/dist/wje-footer.js.map +1 -1
  96. package/dist/wje-form.js +7 -32
  97. package/dist/wje-form.js.map +1 -1
  98. package/dist/wje-format-digital.js +26 -118
  99. package/dist/wje-format-digital.js.map +1 -1
  100. package/dist/wje-grid.js +7 -33
  101. package/dist/wje-grid.js.map +1 -1
  102. package/dist/wje-header.js +9 -35
  103. package/dist/wje-header.js.map +1 -1
  104. package/dist/wje-icon-library.js +12 -18
  105. package/dist/wje-icon-library.js.map +1 -1
  106. package/dist/wje-icon-picker.js +65 -320
  107. package/dist/wje-icon-picker.js.map +1 -1
  108. package/dist/wje-icon.js +1 -1
  109. package/dist/wje-img-comparer.js +37 -114
  110. package/dist/wje-img-comparer.js.map +1 -1
  111. package/dist/wje-img.js +50 -198
  112. package/dist/wje-img.js.map +1 -1
  113. package/dist/wje-infinite-scroll.js +94 -346
  114. package/dist/wje-infinite-scroll.js.map +1 -1
  115. package/dist/wje-input-file.js +23 -84
  116. package/dist/wje-input-file.js.map +1 -1
  117. package/dist/wje-input.js +78 -392
  118. package/dist/wje-input.js.map +1 -1
  119. package/dist/wje-item.js +11 -64
  120. package/dist/wje-item.js.map +1 -1
  121. package/dist/wje-kanban.js +124 -401
  122. package/dist/wje-kanban.js.map +1 -1
  123. package/dist/wje-label.js +9 -32
  124. package/dist/wje-label.js.map +1 -1
  125. package/dist/wje-level-indicator.js +38 -157
  126. package/dist/wje-level-indicator.js.map +1 -1
  127. package/dist/wje-list.js +10 -40
  128. package/dist/wje-list.js.map +1 -1
  129. package/dist/wje-main.js +7 -31
  130. package/dist/wje-main.js.map +1 -1
  131. package/dist/wje-masonry.js +66 -211
  132. package/dist/wje-masonry.js.map +1 -1
  133. package/dist/wje-master.js +45 -161
  134. package/dist/wje-master.js.map +1 -1
  135. package/dist/wje-menu-button.js +10 -38
  136. package/dist/wje-menu-button.js.map +1 -1
  137. package/dist/wje-menu-item.js +127 -577
  138. package/dist/wje-menu-item.js.map +1 -1
  139. package/dist/wje-menu-label.js +9 -35
  140. package/dist/wje-menu-label.js.map +1 -1
  141. package/dist/wje-menu.js +14 -49
  142. package/dist/wje-menu.js.map +1 -1
  143. package/dist/wje-option.js +48 -279
  144. package/dist/wje-option.js.map +1 -1
  145. package/dist/wje-options.js +130 -384
  146. package/dist/wje-options.js.map +1 -1
  147. package/dist/wje-orgchart-group.js +16 -52
  148. package/dist/wje-orgchart-group.js.map +1 -1
  149. package/dist/wje-orgchart-item.js +24 -93
  150. package/dist/wje-orgchart-item.js.map +1 -1
  151. package/dist/wje-orgchart.js +18 -68
  152. package/dist/wje-orgchart.js.map +1 -1
  153. package/dist/wje-pagination.js +113 -397
  154. package/dist/wje-pagination.js.map +1 -1
  155. package/dist/wje-popup.js +3 -3
  156. package/dist/wje-popup.js.map +1 -1
  157. package/dist/wje-progress-bar.js +53 -205
  158. package/dist/wje-progress-bar.js.map +1 -1
  159. package/dist/wje-qr-code.js +398 -2980
  160. package/dist/wje-qr-code.js.map +1 -1
  161. package/dist/wje-radio-group.js +52 -190
  162. package/dist/wje-radio-group.js.map +1 -1
  163. package/dist/wje-radio.js +24 -118
  164. package/dist/wje-radio.js.map +1 -1
  165. package/dist/wje-rate.js +62 -266
  166. package/dist/wje-rate.js.map +1 -1
  167. package/dist/wje-relative-time.js +24 -99
  168. package/dist/wje-relative-time.js.map +1 -1
  169. package/dist/wje-reorder-dropzone.js +9 -31
  170. package/dist/wje-reorder-dropzone.js.map +1 -1
  171. package/dist/wje-reorder-handle.js +67 -204
  172. package/dist/wje-reorder-handle.js.map +1 -1
  173. package/dist/wje-reorder-item.js +14 -44
  174. package/dist/wje-reorder-item.js.map +1 -1
  175. package/dist/wje-reorder.js +61 -246
  176. package/dist/wje-reorder.js.map +1 -1
  177. package/dist/wje-route.js +6 -24
  178. package/dist/wje-route.js.map +1 -1
  179. package/dist/wje-router-link.js +11 -39
  180. package/dist/wje-router-link.js.map +1 -1
  181. package/dist/wje-router-outlet.js +76 -172
  182. package/dist/wje-router-outlet.js.map +1 -1
  183. package/dist/wje-routerx.js +537 -1331
  184. package/dist/wje-routerx.js.map +1 -1
  185. package/dist/wje-row.js +9 -31
  186. package/dist/wje-row.js.map +1 -1
  187. package/dist/wje-select.js +326 -1152
  188. package/dist/wje-select.js.map +1 -1
  189. package/dist/wje-slider.js +44 -225
  190. package/dist/wje-slider.js.map +1 -1
  191. package/dist/wje-sliding-container.js +295 -1319
  192. package/dist/wje-sliding-container.js.map +1 -1
  193. package/dist/wje-split-view.js +35 -121
  194. package/dist/wje-split-view.js.map +1 -1
  195. package/dist/wje-status.js +14 -45
  196. package/dist/wje-status.js.map +1 -1
  197. package/dist/wje-step.js +9 -32
  198. package/dist/wje-step.js.map +1 -1
  199. package/dist/wje-stepper.js +109 -357
  200. package/dist/wje-stepper.js.map +1 -1
  201. package/dist/wje-store.js +67 -360
  202. package/dist/wje-store.js.map +1 -1
  203. package/dist/wje-tab-group.js +85 -314
  204. package/dist/wje-tab-group.js.map +1 -1
  205. package/dist/wje-tab-panel.js +7 -28
  206. package/dist/wje-tab-panel.js.map +1 -1
  207. package/dist/wje-tab.js +21 -198
  208. package/dist/wje-tab.js.map +1 -1
  209. package/dist/wje-textarea.js +64 -264
  210. package/dist/wje-textarea.js.map +1 -1
  211. package/dist/wje-thumbnail.js +10 -51
  212. package/dist/wje-thumbnail.js.map +1 -1
  213. package/dist/wje-toast.js +127 -632
  214. package/dist/wje-toast.js.map +1 -1
  215. package/dist/wje-toggle.js +52 -177
  216. package/dist/wje-toggle.js.map +1 -1
  217. package/dist/wje-toolbar-action.js +128 -456
  218. package/dist/wje-toolbar-action.js.map +1 -1
  219. package/dist/wje-toolbar.js +75 -270
  220. package/dist/wje-toolbar.js.map +1 -1
  221. package/dist/wje-tooltip.js +50 -161
  222. package/dist/wje-tooltip.js.map +1 -1
  223. package/dist/wje-tree-item.js +70 -301
  224. package/dist/wje-tree-item.js.map +1 -1
  225. package/dist/wje-tree.js +145 -489
  226. package/dist/wje-tree.js.map +1 -1
  227. package/dist/wje-visually-hidden.js +7 -34
  228. package/dist/wje-visually-hidden.js.map +1 -1
  229. package/package.json +3 -2
  230. package/dist/form-associated-element-DEQ4y-jn.js +0 -245
  231. package/dist/icon-CReYMzAK.js +0 -245
  232. package/dist/popup.element-CwXvVFK7.js +0 -2133
  233. 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 WJElement from "./wje-element.js";
5
- class AnimationHook {
6
- constructor(options = {}) {
7
- this.options = options;
4
+ import t from "./wje-element.js";
5
+ class e {
6
+ constructor(t2 = {}) {
7
+ this.options = t2;
8
8
  }
9
- getOption(outlet, name) {
10
- return outlet.hasAttribute(name) ? outlet.getAttribute(name) : this.options[name];
9
+ getOption(t2, e2) {
10
+ return t2.hasAttribute(e2) ? t2.getAttribute(e2) : this.options[e2];
11
11
  }
12
- hasOption(outlet, name) {
13
- return outlet.hasAttribute(name) || this.options[name];
12
+ hasOption(t2, e2) {
13
+ return t2.hasAttribute(e2) || this.options[e2];
14
14
  }
15
- runParallel(outlet) {
16
- return this.hasOption(outlet, "parallel");
15
+ runParallel(t2) {
16
+ return this.hasOption(t2, "parallel");
17
17
  }
18
- beforeEnter(outlet, el) {
18
+ beforeEnter(t2, e2) {
19
19
  }
20
- enter(outlet, el) {
20
+ enter(t2, e2) {
21
21
  }
22
- leave(outlet, el, done) {
23
- done();
22
+ leave(t2, e2, n2) {
23
+ n2();
24
24
  }
25
25
  }
26
- const raf = window.requestAnimationFrame;
27
- const TRANSITION = "transition";
28
- const ANIMATION = "animation";
29
- const transitionProp = "transition";
30
- const transitionEndEvent = "transitionend";
31
- const animationProp = "animation";
32
- const animationEndEvent = "animationend";
33
- function nextFrame(fn) {
34
- raf(function() {
35
- raf(fn);
36
- });
37
- }
38
- function whenTransitionEnds(el, cb) {
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
- if (ended < propCount) {
61
- end();
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 getTimeout(delays, durations) {
84
- while (delays.length < durations.length) {
85
- delays = delays.concat(delays);
86
- }
87
- return Math.max.apply(
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 toMs(s) {
95
- return Number(s.slice(0, -1).replace(",", ".")) * 1e3;
50
+ function u(t2) {
51
+ return 1e3 * Number(t2.slice(0, -1).replace(",", "."));
96
52
  }
97
- function runTransition(el, name, type, cb) {
98
- el.classList.add(`${name}-${type}-active`);
99
- nextFrame(function() {
100
- el.classList.remove(`${name}-${type}`);
101
- el.classList.add(`${name}-${type}-to`);
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 GenericCSS extends AnimationHook {
109
- beforeEnter(outlet, el) {
110
- const name = outlet.getAttribute("animation") || "outlet";
111
- el.classList.add(`${name}-enter`);
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(outlet, el) {
114
- const name = outlet.getAttribute("animation") || "outlet";
115
- runTransition(el, name, "enter");
68
+ enter(t2, e2) {
69
+ c(e2, t2.getAttribute("animation") || "outlet", "enter");
116
70
  }
117
- leave(outlet, el, done) {
118
- const name = outlet.getAttribute("animation") || "outlet";
119
- el.classList.add(`${name}-leave`);
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 animationRegistry = {};
124
- let defaultHook;
125
- function setDefaultAnimation(AnimationHookClass, options = {}) {
126
- defaultHook = new AnimationHookClass(options);
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 AnimatedOutlet extends HTMLElement {
132
- /**
133
- * @template {Node} T
134
- * @param {T} el
135
- * @returns {T}
136
- */
137
- appendChild(el) {
138
- if (!this.hasAttribute("animation")) {
139
- return super.appendChild(el);
140
- }
141
- const hook = getAnimationHook(this.getAttribute("animation"));
142
- const runParallel = hook.runParallel(this);
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
- const styles = "/*\n[ WJ Router Outlet ]\n*/\n\n.fade-enter-active,\n.fade-leave-active {\n transition: opacity 0.5s;\n}\n.fade-enter {\n height: 0;\n overflow: hidden;\n}\n\n.fade-enter,\n.fade-leave-to {\n opacity: 0;\n}\n\n.slide-fade-enter-active {\n transition: all 0.3s ease;\n}\n\n.slide-fade-leave-active {\n transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);\n}\n\n.slide-fade-enter,\n.slide-fade-leave-to {\n transform: translateX(100px);\n opacity: 0;\n}\n\n.bounce-enter {\n opacity: 0;\n}\n\n.bounce-enter-active {\n animation: bounce-in 0.5s;\n}\n\n.bounce-leave-active {\n animation: bounce-in 0.5s reverse;\n}\n\n@keyframes bounce-in {\n 0% {\n transform: scale(0);\n }\n 50% {\n transform: scale(1.5);\n }\n 100% {\n transform: scale(1);\n }\n}\n\n\n";
185
- setDefaultAnimation(GenericCSS);
186
- class RouterOutlet extends AnimatedOutlet {
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 styleEl = document.createElement("style");
200
- styleEl.textContent = styles;
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
- WJElement.define("wje-router-outlet", RouterOutlet);
108
+ t.define("wje-router-outlet", f);
205
109
  export {
206
- RouterOutlet as default
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]}