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.
Files changed (234) 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 +9053 -9048
  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/packages/wje-img/img.element.d.ts +4 -4
  22. package/dist/permissions.js +14 -41
  23. package/dist/permissions.js.map +1 -1
  24. package/dist/popup.element-CbkhthPP.js +806 -0
  25. package/dist/{popup.element-CwXvVFK7.js.map → popup.element-CbkhthPP.js.map} +1 -1
  26. package/dist/router-links-CNsJ-elb.js +105 -0
  27. package/dist/{router-links-wjqCnncc.js.map → router-links-CNsJ-elb.js.map} +1 -1
  28. package/dist/skeleton.css +1 -197
  29. package/dist/styles.css +1 -866
  30. package/dist/universal-service.js +48 -109
  31. package/dist/universal-service.js.map +1 -1
  32. package/dist/utils.js +11 -18
  33. package/dist/utils.js.map +1 -1
  34. package/dist/web-types.json +698 -698
  35. package/dist/wje-accordion-item.js +33 -106
  36. package/dist/wje-accordion-item.js.map +1 -1
  37. package/dist/wje-accordion.js +19 -84
  38. package/dist/wje-accordion.js.map +1 -1
  39. package/dist/wje-animation.js +37 -4258
  40. package/dist/wje-animation.js.map +1 -1
  41. package/dist/wje-aside.js +9 -34
  42. package/dist/wje-aside.js.map +1 -1
  43. package/dist/wje-avatar.js +36 -126
  44. package/dist/wje-avatar.js.map +1 -1
  45. package/dist/wje-badge.js +10 -52
  46. package/dist/wje-badge.js.map +1 -1
  47. package/dist/wje-breadcrumb.js +205 -668
  48. package/dist/wje-breadcrumb.js.map +1 -1
  49. package/dist/wje-breadcrumbs.js +177 -633
  50. package/dist/wje-breadcrumbs.js.map +1 -1
  51. package/dist/wje-button-group.js +48 -153
  52. package/dist/wje-button-group.js.map +1 -1
  53. package/dist/wje-button.js +92 -413
  54. package/dist/wje-button.js.map +1 -1
  55. package/dist/wje-card-content.js +7 -30
  56. package/dist/wje-card-content.js.map +1 -1
  57. package/dist/wje-card-controls.js +7 -30
  58. package/dist/wje-card-controls.js.map +1 -1
  59. package/dist/wje-card-header.js +7 -30
  60. package/dist/wje-card-header.js.map +1 -1
  61. package/dist/wje-card-subtitle.js +7 -34
  62. package/dist/wje-card-subtitle.js.map +1 -1
  63. package/dist/wje-card-title.js +7 -34
  64. package/dist/wje-card-title.js.map +1 -1
  65. package/dist/wje-card.js +15 -71
  66. package/dist/wje-card.js.map +1 -1
  67. package/dist/wje-carousel-item.js +12 -56
  68. package/dist/wje-carousel-item.js.map +1 -1
  69. package/dist/wje-carousel.js +154 -509
  70. package/dist/wje-carousel.js.map +1 -1
  71. package/dist/wje-checkbox.js +50 -227
  72. package/dist/wje-checkbox.js.map +1 -1
  73. package/dist/wje-chip.js +43 -160
  74. package/dist/wje-chip.js.map +1 -1
  75. package/dist/wje-col.js +7 -20
  76. package/dist/wje-col.js.map +1 -1
  77. package/dist/wje-color-picker.js +445 -1464
  78. package/dist/wje-color-picker.js.map +1 -1
  79. package/dist/wje-container.js +9 -35
  80. package/dist/wje-container.js.map +1 -1
  81. package/dist/wje-copy-button.js +64 -204
  82. package/dist/wje-copy-button.js.map +1 -1
  83. package/dist/wje-dialog.js +85 -553
  84. package/dist/wje-dialog.js.map +1 -1
  85. package/dist/wje-divider.js +7 -34
  86. package/dist/wje-divider.js.map +1 -1
  87. package/dist/wje-dropdown.js +78 -305
  88. package/dist/wje-dropdown.js.map +1 -1
  89. package/dist/wje-element.js +191 -700
  90. package/dist/wje-element.js.map +1 -1
  91. package/dist/wje-file-upload-item.js +51 -156
  92. package/dist/wje-file-upload-item.js.map +1 -1
  93. package/dist/wje-file-upload.js +181 -619
  94. package/dist/wje-file-upload.js.map +1 -1
  95. package/dist/wje-footer.js +7 -31
  96. package/dist/wje-footer.js.map +1 -1
  97. package/dist/wje-form.js +7 -32
  98. package/dist/wje-form.js.map +1 -1
  99. package/dist/wje-format-digital.js +26 -118
  100. package/dist/wje-format-digital.js.map +1 -1
  101. package/dist/wje-grid.js +7 -33
  102. package/dist/wje-grid.js.map +1 -1
  103. package/dist/wje-header.js +9 -35
  104. package/dist/wje-header.js.map +1 -1
  105. package/dist/wje-icon-library.js +12 -18
  106. package/dist/wje-icon-library.js.map +1 -1
  107. package/dist/wje-icon-picker.js +65 -320
  108. package/dist/wje-icon-picker.js.map +1 -1
  109. package/dist/wje-icon.js +1 -1
  110. package/dist/wje-img-comparer.js +37 -114
  111. package/dist/wje-img-comparer.js.map +1 -1
  112. package/dist/wje-img.js +50 -197
  113. package/dist/wje-img.js.map +1 -1
  114. package/dist/wje-infinite-scroll.js +94 -346
  115. package/dist/wje-infinite-scroll.js.map +1 -1
  116. package/dist/wje-input-file.js +23 -84
  117. package/dist/wje-input-file.js.map +1 -1
  118. package/dist/wje-input.js +78 -392
  119. package/dist/wje-input.js.map +1 -1
  120. package/dist/wje-item.js +11 -64
  121. package/dist/wje-item.js.map +1 -1
  122. package/dist/wje-kanban.js +124 -401
  123. package/dist/wje-kanban.js.map +1 -1
  124. package/dist/wje-label.js +9 -32
  125. package/dist/wje-label.js.map +1 -1
  126. package/dist/wje-level-indicator.js +38 -157
  127. package/dist/wje-level-indicator.js.map +1 -1
  128. package/dist/wje-list.js +10 -40
  129. package/dist/wje-list.js.map +1 -1
  130. package/dist/wje-main.js +7 -31
  131. package/dist/wje-main.js.map +1 -1
  132. package/dist/wje-masonry.js +66 -211
  133. package/dist/wje-masonry.js.map +1 -1
  134. package/dist/wje-master.js +45 -161
  135. package/dist/wje-master.js.map +1 -1
  136. package/dist/wje-menu-button.js +10 -38
  137. package/dist/wje-menu-button.js.map +1 -1
  138. package/dist/wje-menu-item.js +127 -577
  139. package/dist/wje-menu-item.js.map +1 -1
  140. package/dist/wje-menu-label.js +9 -35
  141. package/dist/wje-menu-label.js.map +1 -1
  142. package/dist/wje-menu.js +14 -49
  143. package/dist/wje-menu.js.map +1 -1
  144. package/dist/wje-option.js +48 -279
  145. package/dist/wje-option.js.map +1 -1
  146. package/dist/wje-options.js +130 -384
  147. package/dist/wje-options.js.map +1 -1
  148. package/dist/wje-orgchart-group.js +16 -52
  149. package/dist/wje-orgchart-group.js.map +1 -1
  150. package/dist/wje-orgchart-item.js +24 -93
  151. package/dist/wje-orgchart-item.js.map +1 -1
  152. package/dist/wje-orgchart.js +18 -68
  153. package/dist/wje-orgchart.js.map +1 -1
  154. package/dist/wje-pagination.js +113 -397
  155. package/dist/wje-pagination.js.map +1 -1
  156. package/dist/wje-popup.js +3 -3
  157. package/dist/wje-popup.js.map +1 -1
  158. package/dist/wje-progress-bar.js +53 -205
  159. package/dist/wje-progress-bar.js.map +1 -1
  160. package/dist/wje-qr-code.js +398 -2980
  161. package/dist/wje-qr-code.js.map +1 -1
  162. package/dist/wje-radio-group.js +52 -190
  163. package/dist/wje-radio-group.js.map +1 -1
  164. package/dist/wje-radio.js +24 -118
  165. package/dist/wje-radio.js.map +1 -1
  166. package/dist/wje-rate.js +62 -266
  167. package/dist/wje-rate.js.map +1 -1
  168. package/dist/wje-relative-time.js +24 -99
  169. package/dist/wje-relative-time.js.map +1 -1
  170. package/dist/wje-reorder-dropzone.js +9 -31
  171. package/dist/wje-reorder-dropzone.js.map +1 -1
  172. package/dist/wje-reorder-handle.js +67 -204
  173. package/dist/wje-reorder-handle.js.map +1 -1
  174. package/dist/wje-reorder-item.js +14 -44
  175. package/dist/wje-reorder-item.js.map +1 -1
  176. package/dist/wje-reorder.js +61 -246
  177. package/dist/wje-reorder.js.map +1 -1
  178. package/dist/wje-route.js +6 -24
  179. package/dist/wje-route.js.map +1 -1
  180. package/dist/wje-router-link.js +11 -39
  181. package/dist/wje-router-link.js.map +1 -1
  182. package/dist/wje-router-outlet.js +76 -172
  183. package/dist/wje-router-outlet.js.map +1 -1
  184. package/dist/wje-routerx.js +537 -1331
  185. package/dist/wje-routerx.js.map +1 -1
  186. package/dist/wje-row.js +9 -31
  187. package/dist/wje-row.js.map +1 -1
  188. package/dist/wje-select.js +326 -1152
  189. package/dist/wje-select.js.map +1 -1
  190. package/dist/wje-slider.js +44 -225
  191. package/dist/wje-slider.js.map +1 -1
  192. package/dist/wje-sliding-container.js +295 -1319
  193. package/dist/wje-sliding-container.js.map +1 -1
  194. package/dist/wje-split-view.js +35 -121
  195. package/dist/wje-split-view.js.map +1 -1
  196. package/dist/wje-status.js +14 -45
  197. package/dist/wje-status.js.map +1 -1
  198. package/dist/wje-step.js +9 -32
  199. package/dist/wje-step.js.map +1 -1
  200. package/dist/wje-stepper.js +109 -357
  201. package/dist/wje-stepper.js.map +1 -1
  202. package/dist/wje-store.js +67 -360
  203. package/dist/wje-store.js.map +1 -1
  204. package/dist/wje-tab-group.js +85 -314
  205. package/dist/wje-tab-group.js.map +1 -1
  206. package/dist/wje-tab-panel.js +7 -28
  207. package/dist/wje-tab-panel.js.map +1 -1
  208. package/dist/wje-tab.js +21 -198
  209. package/dist/wje-tab.js.map +1 -1
  210. package/dist/wje-textarea.js +64 -264
  211. package/dist/wje-textarea.js.map +1 -1
  212. package/dist/wje-thumbnail.js +10 -51
  213. package/dist/wje-thumbnail.js.map +1 -1
  214. package/dist/wje-toast.js +127 -632
  215. package/dist/wje-toast.js.map +1 -1
  216. package/dist/wje-toggle.js +52 -177
  217. package/dist/wje-toggle.js.map +1 -1
  218. package/dist/wje-toolbar-action.js +128 -456
  219. package/dist/wje-toolbar-action.js.map +1 -1
  220. package/dist/wje-toolbar.js +75 -270
  221. package/dist/wje-toolbar.js.map +1 -1
  222. package/dist/wje-tooltip.js +50 -161
  223. package/dist/wje-tooltip.js.map +1 -1
  224. package/dist/wje-tree-item.js +70 -301
  225. package/dist/wje-tree-item.js.map +1 -1
  226. package/dist/wje-tree.js +145 -489
  227. package/dist/wje-tree.js.map +1 -1
  228. package/dist/wje-visually-hidden.js +7 -34
  229. package/dist/wje-visually-hidden.js.map +1 -1
  230. package/package.json +4 -2
  231. package/dist/form-associated-element-DEQ4y-jn.js +0 -245
  232. package/dist/icon-CReYMzAK.js +0 -245
  233. package/dist/popup.element-CwXvVFK7.js +0 -2133
  234. 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]}