@pacem/pacem-ui 1.0.0-banach → 1.0.0-bessel
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 +24 -2
- package/dist/browser/pacem-ui.js.map +1 -1
- package/dist/browser/pacem-ui.min.js +2 -3
- package/dist/bundle/pacem-ui.min.mjs +30 -30
- package/dist/bundle/pacem-ui.mjs +30 -5
- package/dist/bundle/pacem-ui.mjs.map +3 -3
- 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 +1 -1
- 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 +25 -3
- package/dist/esm/window.js +1 -1
- package/package.json +1 -1
- package/typings/index.d.ts +2 -0
- package/dist/browser/pacem-ui.min.js.map +0 -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
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
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @pacem/pacem-ui v1.0.0-
|
|
2
|
+
* @pacem/pacem-ui v1.0.0-bessel (https://js.pacem.it)
|
|
3
3
|
* Pacem (https://pacem.it)
|
|
4
4
|
* Licensed under Apache-2.0
|
|
5
5
|
*/
|
|
@@ -9,7 +9,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
9
9
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
10
10
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
11
11
|
};
|
|
12
|
-
import { P, CustomElement, Watch, PacemEventTarget, Components, Utils, PropertyConverters, Logging } from '@pacem/pacem-core';
|
|
12
|
+
import { P, CustomElement, Watch, PacemEventTarget, Components, Utils, PropertyConverters, Logging, CustomElementUtils } from '@pacem/pacem-core';
|
|
13
13
|
//namespace Pacem.Components.UI {
|
|
14
14
|
const ANIM_TIMEOUT = 500;
|
|
15
15
|
const ElementOrStringPropertyConverter = {
|
|
@@ -31,6 +31,18 @@ let PacemViewElement = class PacemViewElement extends PacemEventTarget {
|
|
|
31
31
|
const tmplProxy = evt.target;
|
|
32
32
|
this._setTmpl(tmplProxy.target);
|
|
33
33
|
};
|
|
34
|
+
this._debounceDispatchHandler = (e) => {
|
|
35
|
+
clearTimeout(this.#resizeHandle);
|
|
36
|
+
this.#resizeHandle = setTimeout(() => {
|
|
37
|
+
if (e) {
|
|
38
|
+
const resizer = e.srcElement;
|
|
39
|
+
resizer.removeEventListener(Components.ResizeEventName, this._debounceDispatchHandler);
|
|
40
|
+
resizer.remove();
|
|
41
|
+
}
|
|
42
|
+
//
|
|
43
|
+
this.dispatchEvent(new CustomEvent("render"));
|
|
44
|
+
}, 100 /* tenth of a second limit */);
|
|
45
|
+
};
|
|
34
46
|
}
|
|
35
47
|
propertyChangedCallback(name, old, val, first) {
|
|
36
48
|
super.propertyChangedCallback(name, old, val, first);
|
|
@@ -99,6 +111,7 @@ let PacemViewElement = class PacemViewElement extends PacemEventTarget {
|
|
|
99
111
|
cancelAnimationFrame(this._renderHandle);
|
|
100
112
|
// this way, `this._container.innerHTML = ''` instruction will eventually let the page "scroll up"...
|
|
101
113
|
this.innerHTML = '';
|
|
114
|
+
this._dispatchPrerender();
|
|
102
115
|
this._renderHandle = requestAnimationFrame(() => {
|
|
103
116
|
if (Utils.isNull(tmpl)) {
|
|
104
117
|
this.log(Logging.LogLevel.Error, `Template element not found.`);
|
|
@@ -170,6 +183,7 @@ let PacemViewElement = class PacemViewElement extends PacemEventTarget {
|
|
|
170
183
|
cancelAnimationFrame(this._renderHandle);
|
|
171
184
|
this.scrollTo({ top: 0, left: 0, behavior: 'instant' });
|
|
172
185
|
this.innerHTML = '';
|
|
186
|
+
this._dispatchPrerender();
|
|
173
187
|
this._renderHandle = requestAnimationFrame(() => {
|
|
174
188
|
this.innerHTML = result;
|
|
175
189
|
this.fetching = false;
|
|
@@ -181,8 +195,16 @@ let PacemViewElement = class PacemViewElement extends PacemEventTarget {
|
|
|
181
195
|
}, ANIM_TIMEOUT);
|
|
182
196
|
});
|
|
183
197
|
}
|
|
198
|
+
#resizeHandle;
|
|
184
199
|
_dispatchRender() {
|
|
185
|
-
|
|
200
|
+
const resizer = new Components.PacemResizeElement();
|
|
201
|
+
resizer.target = this;
|
|
202
|
+
resizer.addEventListener(Components.ResizeEventName, this._debounceDispatchHandler);
|
|
203
|
+
CustomElementUtils.findAncestorShell(this).appendChild(resizer);
|
|
204
|
+
this._debounceDispatchHandler();
|
|
205
|
+
}
|
|
206
|
+
_dispatchPrerender() {
|
|
207
|
+
this.dispatchEvent(new CustomEvent("prerender"));
|
|
186
208
|
}
|
|
187
209
|
};
|
|
188
210
|
__decorate([
|
package/dist/esm/window.js
CHANGED
package/package.json
CHANGED
package/typings/index.d.ts
CHANGED
|
@@ -1003,7 +1003,9 @@ declare class PacemViewElement extends PacemEventTarget {
|
|
|
1003
1003
|
private _setTmpl;
|
|
1004
1004
|
private _manageUrl;
|
|
1005
1005
|
private _manageResult;
|
|
1006
|
+
private _debounceDispatchHandler;
|
|
1006
1007
|
private _dispatchRender;
|
|
1008
|
+
private _dispatchPrerender;
|
|
1007
1009
|
}
|
|
1008
1010
|
|
|
1009
1011
|
declare class PacemWindowAreaElement extends Components_2.PacemIterativeElement<PacemWindowElement> {
|