@pacem/pacem-ui 1.0.0-fermat → 1.0.0-gauss
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 +71 -42
- 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 +54 -54
- package/dist/bundle/pacem-ui.mjs +88 -55
- package/dist/bundle/pacem-ui.mjs.map +4 -4
- package/dist/docs/pacem-ui.json +127 -0
- 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 +19 -2
- 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 +47 -34
- 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/typings/index.d.ts +5 -0
package/dist/docs/pacem-ui.json
CHANGED
|
@@ -5928,6 +5928,37 @@
|
|
|
5928
5928
|
"name": "PacemBottomSheetElement",
|
|
5929
5929
|
"preserveMemberOrder": false,
|
|
5930
5930
|
"members": [
|
|
5931
|
+
{
|
|
5932
|
+
"kind": "Property",
|
|
5933
|
+
"canonicalReference": "@pacem/pacem-ui!Components.UI.PacemBottomSheetElement#behavior:member",
|
|
5934
|
+
"docComment": "/**\n * Gets or sets whether clicking outside the content closes the sheet.\n */\n",
|
|
5935
|
+
"excerptTokens": [
|
|
5936
|
+
{
|
|
5937
|
+
"kind": "Content",
|
|
5938
|
+
"text": "behavior: "
|
|
5939
|
+
},
|
|
5940
|
+
{
|
|
5941
|
+
"kind": "Reference",
|
|
5942
|
+
"text": "LightboxBehavior",
|
|
5943
|
+
"canonicalReference": "@pacem/pacem-ui!Components.UI.LightboxBehavior:enum"
|
|
5944
|
+
},
|
|
5945
|
+
{
|
|
5946
|
+
"kind": "Content",
|
|
5947
|
+
"text": ";"
|
|
5948
|
+
}
|
|
5949
|
+
],
|
|
5950
|
+
"isReadonly": false,
|
|
5951
|
+
"isOptional": false,
|
|
5952
|
+
"releaseTag": "Public",
|
|
5953
|
+
"name": "behavior",
|
|
5954
|
+
"propertyTypeTokenRange": {
|
|
5955
|
+
"startIndex": 1,
|
|
5956
|
+
"endIndex": 2
|
|
5957
|
+
},
|
|
5958
|
+
"isStatic": false,
|
|
5959
|
+
"isProtected": false,
|
|
5960
|
+
"isAbstract": false
|
|
5961
|
+
},
|
|
5931
5962
|
{
|
|
5932
5963
|
"kind": "Method",
|
|
5933
5964
|
"canonicalReference": "@pacem/pacem-ui!Components.UI.PacemBottomSheetElement#disconnectedCallback:member(1)",
|
|
@@ -12846,6 +12877,102 @@
|
|
|
12846
12877
|
"isAbstract": false,
|
|
12847
12878
|
"name": "disconnectedCallback"
|
|
12848
12879
|
},
|
|
12880
|
+
{
|
|
12881
|
+
"kind": "Method",
|
|
12882
|
+
"canonicalReference": "@pacem/pacem-ui!Components.UI.PacemMenuCursorElement#propertyChangedCallback:member(1)",
|
|
12883
|
+
"docComment": "",
|
|
12884
|
+
"excerptTokens": [
|
|
12885
|
+
{
|
|
12886
|
+
"kind": "Content",
|
|
12887
|
+
"text": "propertyChangedCallback(name: "
|
|
12888
|
+
},
|
|
12889
|
+
{
|
|
12890
|
+
"kind": "Content",
|
|
12891
|
+
"text": "string"
|
|
12892
|
+
},
|
|
12893
|
+
{
|
|
12894
|
+
"kind": "Content",
|
|
12895
|
+
"text": ", old: "
|
|
12896
|
+
},
|
|
12897
|
+
{
|
|
12898
|
+
"kind": "Content",
|
|
12899
|
+
"text": "any"
|
|
12900
|
+
},
|
|
12901
|
+
{
|
|
12902
|
+
"kind": "Content",
|
|
12903
|
+
"text": ", val: "
|
|
12904
|
+
},
|
|
12905
|
+
{
|
|
12906
|
+
"kind": "Content",
|
|
12907
|
+
"text": "any"
|
|
12908
|
+
},
|
|
12909
|
+
{
|
|
12910
|
+
"kind": "Content",
|
|
12911
|
+
"text": ", first: "
|
|
12912
|
+
},
|
|
12913
|
+
{
|
|
12914
|
+
"kind": "Content",
|
|
12915
|
+
"text": "boolean"
|
|
12916
|
+
},
|
|
12917
|
+
{
|
|
12918
|
+
"kind": "Content",
|
|
12919
|
+
"text": "): "
|
|
12920
|
+
},
|
|
12921
|
+
{
|
|
12922
|
+
"kind": "Content",
|
|
12923
|
+
"text": "void"
|
|
12924
|
+
},
|
|
12925
|
+
{
|
|
12926
|
+
"kind": "Content",
|
|
12927
|
+
"text": ";"
|
|
12928
|
+
}
|
|
12929
|
+
],
|
|
12930
|
+
"isStatic": false,
|
|
12931
|
+
"returnTypeTokenRange": {
|
|
12932
|
+
"startIndex": 9,
|
|
12933
|
+
"endIndex": 10
|
|
12934
|
+
},
|
|
12935
|
+
"releaseTag": "Public",
|
|
12936
|
+
"isProtected": false,
|
|
12937
|
+
"overloadIndex": 1,
|
|
12938
|
+
"parameters": [
|
|
12939
|
+
{
|
|
12940
|
+
"parameterName": "name",
|
|
12941
|
+
"parameterTypeTokenRange": {
|
|
12942
|
+
"startIndex": 1,
|
|
12943
|
+
"endIndex": 2
|
|
12944
|
+
},
|
|
12945
|
+
"isOptional": false
|
|
12946
|
+
},
|
|
12947
|
+
{
|
|
12948
|
+
"parameterName": "old",
|
|
12949
|
+
"parameterTypeTokenRange": {
|
|
12950
|
+
"startIndex": 3,
|
|
12951
|
+
"endIndex": 4
|
|
12952
|
+
},
|
|
12953
|
+
"isOptional": false
|
|
12954
|
+
},
|
|
12955
|
+
{
|
|
12956
|
+
"parameterName": "val",
|
|
12957
|
+
"parameterTypeTokenRange": {
|
|
12958
|
+
"startIndex": 5,
|
|
12959
|
+
"endIndex": 6
|
|
12960
|
+
},
|
|
12961
|
+
"isOptional": false
|
|
12962
|
+
},
|
|
12963
|
+
{
|
|
12964
|
+
"parameterName": "first",
|
|
12965
|
+
"parameterTypeTokenRange": {
|
|
12966
|
+
"startIndex": 7,
|
|
12967
|
+
"endIndex": 8
|
|
12968
|
+
},
|
|
12969
|
+
"isOptional": false
|
|
12970
|
+
}
|
|
12971
|
+
],
|
|
12972
|
+
"isOptional": false,
|
|
12973
|
+
"isAbstract": false,
|
|
12974
|
+
"name": "propertyChangedCallback"
|
|
12975
|
+
},
|
|
12849
12976
|
{
|
|
12850
12977
|
"kind": "Method",
|
|
12851
12978
|
"canonicalReference": "@pacem/pacem-ui!Components.UI.PacemMenuCursorElement#viewActivatedCallback:member(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
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @pacem/pacem-ui v1.0.0-
|
|
2
|
+
* @pacem/pacem-ui v1.0.0-gauss (https://js.pacem.it)
|
|
3
3
|
* Pacem (https://pacem.it)
|
|
4
4
|
* Licensed under Apache-2.0
|
|
5
5
|
*/
|
|
@@ -9,7 +9,8 @@ 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, PCSS, CustomElement, Watch, Utils, PropertyConverters, Components, preventDefaultHandler, ViewChild, CustomElementUtils, UI } from '@pacem/pacem-core';
|
|
12
|
+
import { P, PCSS, CustomElement, Watch, Utils, PropertyConverters, Components, preventDefaultHandler, ViewChild, CustomElementUtils, UI, stopPropagationHandler, avoidHandler } from '@pacem/pacem-core';
|
|
13
|
+
import { LightboxBehavior } from './lightbox-abstractions';
|
|
13
14
|
// namespace Pacem.Components.UI {
|
|
14
15
|
const OPEN_CSSCLASS = 'bottom-sheet-open';
|
|
15
16
|
/** Drag handle for an ancestor {@link PacemBottomSheetElement}: renders a small grip icon, toggles the sheet on click and drives its swipe-to-drag behavior. */
|
|
@@ -123,6 +124,12 @@ let PacemBottomSheetElement = class PacemBottomSheetElement extends Components.P
|
|
|
123
124
|
}
|
|
124
125
|
this._setPosition();
|
|
125
126
|
};
|
|
127
|
+
this._softReleaseHandler = (e) => {
|
|
128
|
+
avoidHandler(e);
|
|
129
|
+
if (this.behavior !== LightboxBehavior.ExplicitClose) {
|
|
130
|
+
this.open = false;
|
|
131
|
+
}
|
|
132
|
+
};
|
|
126
133
|
}
|
|
127
134
|
propertyChangedCallback(name, old, val, first) {
|
|
128
135
|
super.propertyChangedCallback(name, old, val, first);
|
|
@@ -179,6 +186,8 @@ let PacemBottomSheetElement = class PacemBottomSheetElement extends Components.P
|
|
|
179
186
|
this._toggle();
|
|
180
187
|
this._rebuildSwiperSnaps();
|
|
181
188
|
this._toggleSwiper();
|
|
189
|
+
this._sheet.addEventListener('pointerdown', stopPropagationHandler, false);
|
|
190
|
+
this.addEventListener('pointerdown', this._softReleaseHandler, false);
|
|
182
191
|
}
|
|
183
192
|
disconnectedCallback() {
|
|
184
193
|
const resizer = this._resizer;
|
|
@@ -196,6 +205,11 @@ let PacemBottomSheetElement = class PacemBottomSheetElement extends Components.P
|
|
|
196
205
|
swiper.removeEventListener(UI.SwipeEventType.SwipeUpAnimationEnd, this._swipeHandler);
|
|
197
206
|
swiper.removeEventListener(UI.SwipeEventType.SwipeDownAnimationEnd, this._swipeHandler);
|
|
198
207
|
}
|
|
208
|
+
const sheet = this._sheet;
|
|
209
|
+
if (!Utils.isNull(sheet)) {
|
|
210
|
+
sheet.removeEventListener('pointerdown', stopPropagationHandler);
|
|
211
|
+
}
|
|
212
|
+
this.removeEventListener('pointerdown', this._softReleaseHandler);
|
|
199
213
|
super.disconnectedCallback();
|
|
200
214
|
}
|
|
201
215
|
/**
|
|
@@ -273,6 +287,9 @@ __decorate([
|
|
|
273
287
|
__decorate([
|
|
274
288
|
Watch({ emit: false, converter: PropertyConverters.Boolean })
|
|
275
289
|
], PacemBottomSheetElement.prototype, "open", void 0);
|
|
290
|
+
__decorate([
|
|
291
|
+
Watch({ emit: false, converter: PropertyConverters.String })
|
|
292
|
+
], PacemBottomSheetElement.prototype, "behavior", void 0);
|
|
276
293
|
PacemBottomSheetElement = __decorate([
|
|
277
294
|
CustomElement({
|
|
278
295
|
tagName: P + '-bottom-sheet', shadow: false /* css priority would be a mess otherwise */, template: `
|
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
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @pacem/pacem-ui v1.0.0-
|
|
2
|
+
* @pacem/pacem-ui v1.0.0-gauss (https://js.pacem.it)
|
|
3
3
|
* Pacem (https://pacem.it)
|
|
4
4
|
* Licensed under Apache-2.0
|
|
5
5
|
*/
|
|
@@ -116,44 +116,14 @@ let PacemMenuCursorElement = PacemMenuCursorElement_1 = class PacemMenuCursorEle
|
|
|
116
116
|
constructor() {
|
|
117
117
|
super(...arguments);
|
|
118
118
|
this._onPathChange = (evt) => {
|
|
119
|
-
const
|
|
120
|
-
|
|
121
|
-
this.log(Logging.LogLevel.Warn, `Couldn't find a ${PacemMenuElement} ancestor for this ${PacemMenuCursorElement_1}.`);
|
|
122
|
-
return;
|
|
123
|
-
}
|
|
124
|
-
// 1. try to find a matching PacemAnchorElement
|
|
125
|
-
var anchors = menu.querySelectorAll(P + '-a');
|
|
126
|
-
var tget = null;
|
|
127
|
-
for (let j = 0; j < anchors.length; j++) {
|
|
128
|
-
let a = anchors.item(j);
|
|
129
|
-
if (a.href === path) {
|
|
130
|
-
tget = a;
|
|
131
|
-
break;
|
|
132
|
-
}
|
|
133
|
-
}
|
|
134
|
-
if (Utils.isNull(tget)) {
|
|
135
|
-
// 2. try with real HTMLAnchorElement
|
|
136
|
-
tget = menu.querySelector(`a[href='${path}']`);
|
|
137
|
-
}
|
|
138
|
-
if (!Utils.isNull(tget)) {
|
|
139
|
-
// TODO: use transforms (remove width/height/top/... animations)
|
|
140
|
-
// TODO: consider <nav> scrollTop
|
|
141
|
-
const rect = Utils.offset(tget);
|
|
142
|
-
const rectMenu = Utils.offset(menu);
|
|
143
|
-
this.style.top = rect.top + 'px';
|
|
144
|
-
this.style.left = rectMenu.left + 'px';
|
|
145
|
-
this.style.width = '0';
|
|
146
|
-
this.style.height = rect.height + 'px';
|
|
147
|
-
Utils.addAnimationEndCallback(this, () => {
|
|
148
|
-
this.style.width = (rect.width + rect.left - rectMenu.left) + 'px';
|
|
149
|
-
}, 500);
|
|
150
|
-
}
|
|
119
|
+
const path = evt?.detail.path;
|
|
120
|
+
this._findAnchorAndScrollItIntoView(path);
|
|
151
121
|
};
|
|
152
122
|
}
|
|
153
123
|
viewActivatedCallback() {
|
|
154
124
|
super.viewActivatedCallback();
|
|
155
125
|
this._menu = CustomElementUtils.findAncestorOfType(this, PacemMenuElement);
|
|
156
|
-
this.
|
|
126
|
+
this._findAnchorAndScrollItIntoView();
|
|
157
127
|
}
|
|
158
128
|
connectedCallback() {
|
|
159
129
|
super.connectedCallback();
|
|
@@ -164,6 +134,49 @@ let PacemMenuCursorElement = PacemMenuCursorElement_1 = class PacemMenuCursorEle
|
|
|
164
134
|
window.removeEventListener('navigate', this._onPathChange, false);
|
|
165
135
|
super.disconnectedCallback();
|
|
166
136
|
}
|
|
137
|
+
propertyChangedCallback(name, old, val, first) {
|
|
138
|
+
super.propertyChangedCallback(name, old, val, first);
|
|
139
|
+
if (first) {
|
|
140
|
+
return;
|
|
141
|
+
}
|
|
142
|
+
switch (name) {
|
|
143
|
+
case 'disabled':
|
|
144
|
+
this._findAnchorAndScrollItIntoView();
|
|
145
|
+
break;
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
_findAnchorAndScrollItIntoView(path = window.location.pathname) {
|
|
149
|
+
if (this.disabled) {
|
|
150
|
+
return;
|
|
151
|
+
}
|
|
152
|
+
const menu = this._menu;
|
|
153
|
+
if (Utils.isNull(menu)) {
|
|
154
|
+
this.log(Logging.LogLevel.Warn, `Couldn't find a ${PacemMenuElement} ancestor for this ${PacemMenuCursorElement_1}.`);
|
|
155
|
+
return;
|
|
156
|
+
}
|
|
157
|
+
// 1. try to find a matching PacemAnchorElement
|
|
158
|
+
const anchors = menu.querySelectorAll(P + '-a');
|
|
159
|
+
let tget = null;
|
|
160
|
+
for (let j = 0; j < anchors.length; j++) {
|
|
161
|
+
const a = anchors.item(j);
|
|
162
|
+
const router = a.router;
|
|
163
|
+
let href = Utils.isNull(router)
|
|
164
|
+
? a.href
|
|
165
|
+
: /* build fully formatted href, it might contain placeholders */ Utils.URIs.format(a.href, router.state);
|
|
166
|
+
if (href === path) {
|
|
167
|
+
tget = a;
|
|
168
|
+
break;
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
if (Utils.isNull(tget)) {
|
|
172
|
+
// 2. try with real HTMLAnchorElement
|
|
173
|
+
tget = menu.querySelector(`a[href='${path}']`);
|
|
174
|
+
}
|
|
175
|
+
// finally, scroll if any matching anchor was found
|
|
176
|
+
if (!Utils.isNull(tget)) {
|
|
177
|
+
tget.scrollIntoView({ behavior: 'smooth' });
|
|
178
|
+
}
|
|
179
|
+
}
|
|
167
180
|
};
|
|
168
181
|
PacemMenuCursorElement = PacemMenuCursorElement_1 = __decorate([
|
|
169
182
|
CustomElement({
|
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