@pacem/pacem-ui 1.0.5 → 1.0.6-mersenne
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/browser/pacem-ui.js +13 -2
- package/dist/browser/pacem-ui.js.map +1 -1
- package/dist/browser/pacem-ui.min.js +2 -2
- package/dist/bundle/pacem-ui.min.mjs +15 -15
- package/dist/bundle/pacem-ui.mjs +9 -1
- package/dist/bundle/pacem-ui.mjs.map +2 -2
- package/dist/esm/adapter.js +1 -1
- package/dist/esm/anchor.js +1 -1
- package/dist/esm/balloon.js +1 -1
- package/dist/esm/binder.js +13 -2
- package/dist/esm/blade.js +1 -1
- package/dist/esm/bottom-sheet.js +1 -1
- package/dist/esm/button.js +1 -1
- package/dist/esm/buttonset.js +1 -1
- package/dist/esm/calendar.js +1 -1
- package/dist/esm/collapse.js +1 -1
- package/dist/esm/dialog-abstractions.js +1 -1
- package/dist/esm/dialog.js +1 -1
- package/dist/esm/divider.js +1 -1
- package/dist/esm/icon.js +1 -1
- package/dist/esm/image.js +1 -1
- package/dist/esm/index-components-ui.js +1 -1
- package/dist/esm/index-components.js +1 -1
- package/dist/esm/index-iife.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/infinite-scroller.js +1 -1
- package/dist/esm/iterative.js +1 -1
- package/dist/esm/lightbox-abstractions.js +1 -1
- package/dist/esm/lightbox.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/markdown-svc.js +1 -1
- package/dist/esm/markdown.js +1 -1
- package/dist/esm/marquee.js +1 -1
- package/dist/esm/media-query.js +1 -1
- package/dist/esm/menu.js +1 -1
- package/dist/esm/pager.js +1 -1
- package/dist/esm/picture.js +1 -1
- package/dist/esm/progressbar.js +1 -1
- package/dist/esm/sidebar.js +1 -1
- package/dist/esm/slideshow.js +1 -1
- package/dist/esm/social-twitter.js +1 -1
- package/dist/esm/sticky-header.js +1 -1
- package/dist/esm/tabs.js +1 -1
- package/dist/esm/ticker.js +1 -1
- package/dist/esm/toast.js +1 -1
- package/dist/esm/toc.js +1 -1
- package/dist/esm/tuner.js +1 -1
- package/dist/esm/types.js +1 -1
- package/dist/esm/vibration.js +1 -1
- package/dist/esm/view.js +1 -1
- package/dist/esm/window.js +1 -1
- package/package.json +1 -1
package/dist/esm/adapter.js
CHANGED
package/dist/esm/anchor.js
CHANGED
package/dist/esm/balloon.js
CHANGED
package/dist/esm/binder.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @pacem/pacem-ui v1.0.
|
|
2
|
+
* @pacem/pacem-ui v1.0.6-mersenne (https://js.pacem.it)
|
|
3
3
|
* Pacem (https://pacem.it)
|
|
4
4
|
* Licensed under Apache-2.0
|
|
5
5
|
*/
|
|
@@ -46,10 +46,16 @@ export class BinderInteractionEvent extends CustomUIEvent {
|
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
48
|
const UI_BINDERS = 'pacem:components:ui:binders';
|
|
49
|
-
/** Tracks the {@link PacemBinderElement} instances bound to a single endpoint element, refreshing them all on that element's resize/reposition. */
|
|
49
|
+
/** Tracks the {@link PacemBinderElement} instances bound to a single endpoint element, refreshing them all on that element's resize/reposition (or as soon as it stops animating). */
|
|
50
50
|
class BindersCollector {
|
|
51
51
|
constructor(element) {
|
|
52
52
|
this.binders = [];
|
|
53
|
+
/** Refreshes the bound binders against the target's latest known size. */
|
|
54
|
+
this.refresh = () => {
|
|
55
|
+
for (var binder of this.binders) {
|
|
56
|
+
binder.refresh(this.resize.target, this.resize.currentSize);
|
|
57
|
+
}
|
|
58
|
+
};
|
|
53
59
|
this.fire = (evt) => {
|
|
54
60
|
for (var binder of this.binders) {
|
|
55
61
|
binder.refresh(this.resize.target, evt.detail);
|
|
@@ -59,6 +65,11 @@ class BindersCollector {
|
|
|
59
65
|
watcher.target = element;
|
|
60
66
|
watcher.watchPosition = true;
|
|
61
67
|
document.body.appendChild(watcher);
|
|
68
|
+
// an element might turn visible leaving its size and position untouched - e.g. while fading in -
|
|
69
|
+
// and binders skip invisible endpoints (see `_draw`): they need a nudge once the animation is over.
|
|
70
|
+
if (element instanceof HTMLElement || element instanceof SVGElement) {
|
|
71
|
+
Utils.addAnimationEndCallback(element, this.refresh);
|
|
72
|
+
}
|
|
62
73
|
}
|
|
63
74
|
dispose() {
|
|
64
75
|
this.resize.remove();
|
package/dist/esm/blade.js
CHANGED
package/dist/esm/bottom-sheet.js
CHANGED
package/dist/esm/button.js
CHANGED
package/dist/esm/buttonset.js
CHANGED
package/dist/esm/calendar.js
CHANGED
package/dist/esm/collapse.js
CHANGED
package/dist/esm/dialog.js
CHANGED
package/dist/esm/divider.js
CHANGED
package/dist/esm/icon.js
CHANGED
package/dist/esm/image.js
CHANGED
package/dist/esm/index-iife.js
CHANGED
package/dist/esm/index.js
CHANGED
package/dist/esm/iterative.js
CHANGED
package/dist/esm/lightbox.js
CHANGED
package/dist/esm/loader.js
CHANGED
package/dist/esm/markdown-svc.js
CHANGED
package/dist/esm/markdown.js
CHANGED
package/dist/esm/marquee.js
CHANGED
package/dist/esm/media-query.js
CHANGED
package/dist/esm/menu.js
CHANGED
package/dist/esm/pager.js
CHANGED
package/dist/esm/picture.js
CHANGED
package/dist/esm/progressbar.js
CHANGED
package/dist/esm/sidebar.js
CHANGED
package/dist/esm/slideshow.js
CHANGED
package/dist/esm/tabs.js
CHANGED
package/dist/esm/ticker.js
CHANGED
package/dist/esm/toast.js
CHANGED
package/dist/esm/toc.js
CHANGED
package/dist/esm/tuner.js
CHANGED
package/dist/esm/types.js
CHANGED
package/dist/esm/vibration.js
CHANGED
package/dist/esm/view.js
CHANGED
package/dist/esm/window.js
CHANGED