@pacem/pacem-ui 2.0.0-chebyshev → 2.0.0-euler
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 +43 -10
- 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 +39 -38
- package/dist/bundle/pacem-ui.mjs +62 -27
- package/dist/bundle/pacem-ui.mjs.map +3 -3
- package/dist/docs/pacem-ui.json +1 -1
- package/dist/esm/adapter.js +1 -1
- package/dist/esm/anchor.js +3 -2
- package/dist/esm/balloon.js +5 -1
- package/dist/esm/binder.js +1 -1
- package/dist/esm/blade.js +1 -1
- package/dist/esm/bottom-sheet.js +2 -2
- package/dist/esm/button.js +3 -2
- 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 +2 -2
- package/dist/esm/loader.js +2 -2
- package/dist/esm/markdown-svc.js +23 -3
- 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 +5 -2
- package/dist/esm/sidebar.js +5 -2
- 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 +3 -2
- 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 +7 -1
package/dist/docs/pacem-ui.json
CHANGED
|
@@ -2525,7 +2525,7 @@
|
|
|
2525
2525
|
{
|
|
2526
2526
|
"kind": "Class",
|
|
2527
2527
|
"canonicalReference": "@pacem/pacem-ui!Components.UI.MarkdownService:class",
|
|
2528
|
-
"docComment": "/**\n * Parses Markdown into HTML, extended with Pacem-specific inline embeds (`{tweet}(id)`, `{yt}(id)`). Fenced code blocks are highlighted by the language-agnostic `Compile.Scanner`, for every language registered in `Compile.Syntaxes` (built-in: javascript/typescript, html/xml, c#, c/c++, json; more can be registered at runtime).\n */\n",
|
|
2528
|
+
"docComment": "/**\n * Parses Markdown into HTML, extended with Pacem-specific inline embeds (`{tweet}(id)`, `{yt}(id)`) and routed links (`{route}(#router0:/path \"text\")`). Fenced code blocks are highlighted by the language-agnostic `Compile.Scanner`, for every language registered in `Compile.Syntaxes` (built-in: javascript/typescript, html/xml, c#, c/c++, json; more can be registered at runtime).\n */\n",
|
|
2529
2529
|
"excerptTokens": [
|
|
2530
2530
|
{
|
|
2531
2531
|
"kind": "Content",
|
package/dist/esm/adapter.js
CHANGED
package/dist/esm/anchor.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @pacem/pacem-ui v2.0.0-
|
|
2
|
+
* @pacem/pacem-ui v2.0.0-euler (https://js.pacem.it)
|
|
3
3
|
* Pacem (https://pacem.it)
|
|
4
4
|
* Licensed under Apache-2.0
|
|
5
5
|
*/
|
|
@@ -149,7 +149,8 @@ __decorate([
|
|
|
149
149
|
], PacemAnchorElement.prototype, "router", void 0);
|
|
150
150
|
PacemAnchorElement = __decorate([
|
|
151
151
|
CustomElement({
|
|
152
|
-
tagName: P + '-a'
|
|
152
|
+
tagName: P + '-a',
|
|
153
|
+
modifiers: ['hoverable', 'focusable', 'pressable']
|
|
153
154
|
})
|
|
154
155
|
], PacemAnchorElement);
|
|
155
156
|
export { PacemAnchorElement };
|
package/dist/esm/balloon.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @pacem/pacem-ui v2.0.0-
|
|
2
|
+
* @pacem/pacem-ui v2.0.0-euler (https://js.pacem.it)
|
|
3
3
|
* Pacem (https://pacem.it)
|
|
4
4
|
* Licensed under Apache-2.0
|
|
5
5
|
*/
|
|
@@ -568,6 +568,9 @@ let PacemBalloonElement = class PacemBalloonElement extends Components.PacemElem
|
|
|
568
568
|
}
|
|
569
569
|
}
|
|
570
570
|
};
|
|
571
|
+
__decorate([
|
|
572
|
+
ViewChild(`.${PCSS}-balloon-face`, true, false)
|
|
573
|
+
], PacemBalloonElement.prototype, "_face", void 0);
|
|
571
574
|
__decorate([
|
|
572
575
|
ViewChild(`.${PCSS}-balloon`)
|
|
573
576
|
], PacemBalloonElement.prototype, "_container", void 0);
|
|
@@ -588,6 +591,7 @@ PacemBalloonElement = __decorate([
|
|
|
588
591
|
tagName: P + '-balloon',
|
|
589
592
|
shadow: true,
|
|
590
593
|
template: `<${P}-resize target="{{ :host.target }}" disabled="true" watch-position="true" on-${Components.ResizeEventName}=":host._onLayoutChange($event)"></${P}-resize>
|
|
594
|
+
<div class="${PCSS}-balloon-face"></div>
|
|
591
595
|
<div class="${PCSS}-balloon"><${P}-resize on-${Components.ResizeEventName}=":host._onLayoutChange($event)" disabled="true" content><slot></slot></${P}-resize></div>
|
|
592
596
|
<div class="corner top-left" part="corner-topleft"></div><div class="corner bottom-left" part="corner-bottomleft"></div><div class="corner top-right" part="corner-topright"></div><div class="corner bottom-right" part="corner-bottomright"></div>`
|
|
593
597
|
})
|
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 v2.0.0-
|
|
2
|
+
* @pacem/pacem-ui v2.0.0-euler (https://js.pacem.it)
|
|
3
3
|
* Pacem (https://pacem.it)
|
|
4
4
|
* Licensed under Apache-2.0
|
|
5
5
|
*/
|
|
@@ -282,7 +282,7 @@ __decorate([
|
|
|
282
282
|
ViewChild(P + '-resize[handle]')
|
|
283
283
|
], PacemBottomSheetElement.prototype, "_handleResizer", void 0);
|
|
284
284
|
__decorate([
|
|
285
|
-
ViewChild(P + '-panel.bottom-sheet')
|
|
285
|
+
ViewChild(P + '-panel.bottom-sheet', true)
|
|
286
286
|
], PacemBottomSheetElement.prototype, "_sheet", void 0);
|
|
287
287
|
__decorate([
|
|
288
288
|
Watch({ emit: false, converter: PropertyConverters.Boolean })
|
package/dist/esm/button.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @pacem/pacem-ui v2.0.0-
|
|
2
|
+
* @pacem/pacem-ui v2.0.0-euler (https://js.pacem.it)
|
|
3
3
|
* Pacem (https://pacem.it)
|
|
4
4
|
* Licensed under Apache-2.0
|
|
5
5
|
*/
|
|
@@ -108,7 +108,8 @@ __decorate([
|
|
|
108
108
|
], PacemButtonElement.prototype, "confirmationDialog", void 0);
|
|
109
109
|
PacemButtonElement = __decorate([
|
|
110
110
|
CustomElement({
|
|
111
|
-
tagName: P + '-button'
|
|
111
|
+
tagName: P + '-button',
|
|
112
|
+
modifiers: ['hoverable', 'focusable', 'clickable']
|
|
112
113
|
})
|
|
113
114
|
], PacemButtonElement);
|
|
114
115
|
export { PacemButtonElement };
|
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
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @pacem/pacem-ui v2.0.0-
|
|
2
|
+
* @pacem/pacem-ui v2.0.0-euler (https://js.pacem.it)
|
|
3
3
|
* Pacem (https://pacem.it)
|
|
4
4
|
* Licensed under Apache-2.0
|
|
5
5
|
*/
|
|
@@ -190,7 +190,7 @@ __decorate([
|
|
|
190
190
|
ViewChild('.' + PCSS + '-lightbox-wrapper')
|
|
191
191
|
], PacemLightboxElement.prototype, "_wrapperElement", void 0);
|
|
192
192
|
__decorate([
|
|
193
|
-
ViewChild('.' + PCSS + '-lightbox')
|
|
193
|
+
ViewChild('.' + PCSS + '-lightbox', true)
|
|
194
194
|
], PacemLightboxElement.prototype, "_container", void 0);
|
|
195
195
|
__decorate([
|
|
196
196
|
ViewChild('slot[name=close]')
|
package/dist/esm/loader.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @pacem/pacem-ui v2.0.0-
|
|
2
|
+
* @pacem/pacem-ui v2.0.0-euler (https://js.pacem.it)
|
|
3
3
|
* Pacem (https://pacem.it)
|
|
4
4
|
* Licensed under Apache-2.0
|
|
5
5
|
*/
|
|
@@ -75,7 +75,7 @@ let PacemLoaderElement = class PacemLoaderElement extends Components.PacemElemen
|
|
|
75
75
|
}
|
|
76
76
|
};
|
|
77
77
|
__decorate([
|
|
78
|
-
ViewChild('div.' + PCSS + '-spinner')
|
|
78
|
+
ViewChild('div.' + PCSS + '-spinner', true)
|
|
79
79
|
], PacemLoaderElement.prototype, "_spinner", void 0);
|
|
80
80
|
__decorate([
|
|
81
81
|
ViewChild('div.' + PCSS + '-loader')
|
package/dist/esm/markdown-svc.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @pacem/pacem-ui v2.0.0-
|
|
2
|
+
* @pacem/pacem-ui v2.0.0-euler (https://js.pacem.it)
|
|
3
3
|
* Pacem (https://pacem.it)
|
|
4
4
|
* Licensed under Apache-2.0
|
|
5
5
|
*/
|
|
@@ -36,6 +36,22 @@ const YOUTUBE_RULE = {
|
|
|
36
36
|
},
|
|
37
37
|
type: 'inline'
|
|
38
38
|
};
|
|
39
|
+
// routed link: {route}(#router0:/{culture}/pages/next "Next Page"), the router's selector, then the href (formatted by
|
|
40
|
+
// the router's state), then the optional text (the href when missing)
|
|
41
|
+
const ANCHOR_RULE = {
|
|
42
|
+
rule: {
|
|
43
|
+
exec: (input) => {
|
|
44
|
+
const arr = /\{route\}\(([^:\s)]+):([^\s")]+)(?:\s+"([^"]*)")?\)/.exec(input);
|
|
45
|
+
if (arr && arr.length > 2) {
|
|
46
|
+
return [{
|
|
47
|
+
type: 'route', raw: arr[0], text: arr[3] || arr[2], index: arr.index, router: arr[1], href: arr[2]
|
|
48
|
+
}];
|
|
49
|
+
}
|
|
50
|
+
return null;
|
|
51
|
+
}
|
|
52
|
+
},
|
|
53
|
+
type: 'inline'
|
|
54
|
+
};
|
|
39
55
|
const RULES_TO_HTML = (token) => {
|
|
40
56
|
switch (token.type) {
|
|
41
57
|
case 'youtube':
|
|
@@ -44,17 +60,21 @@ const RULES_TO_HTML = (token) => {
|
|
|
44
60
|
case 'tweet':
|
|
45
61
|
return `<!-- twitter embed -->
|
|
46
62
|
<${P}-tweetembed tweetid="${token.text}"></${P}-tweetembed>`;
|
|
63
|
+
case 'route':
|
|
64
|
+
return `<${P}-a href="${token['href']}" router="${token['router']}">${token.text}</${P}-a>`;
|
|
47
65
|
}
|
|
48
66
|
};
|
|
49
67
|
/**
|
|
50
|
-
* Parses Markdown into HTML, extended with Pacem-specific inline embeds (`{tweet}(id)`, `{yt}(id)`)
|
|
68
|
+
* Parses Markdown into HTML, extended with Pacem-specific inline embeds (`{tweet}(id)`, `{yt}(id)`) and routed links
|
|
69
|
+
* (`{route}(#router0:/path "text")`).
|
|
51
70
|
* Fenced code blocks are highlighted by the language-agnostic `Compile.Scanner`, for every language registered in
|
|
52
71
|
* `Compile.Syntaxes` (built-in: javascript/typescript, html/xml, c#, c/c++, json; more can be registered at runtime).
|
|
53
72
|
*/
|
|
54
73
|
export class MarkdownService {
|
|
55
74
|
#grammar = [
|
|
56
75
|
TWITTER_RULE,
|
|
57
|
-
YOUTUBE_RULE
|
|
76
|
+
YOUTUBE_RULE,
|
|
77
|
+
ANCHOR_RULE
|
|
58
78
|
];
|
|
59
79
|
#md = new Compile.Markdown.Parser();
|
|
60
80
|
_escape(md) {
|
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
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @pacem/pacem-ui v2.0.0-
|
|
2
|
+
* @pacem/pacem-ui v2.0.0-euler (https://js.pacem.it)
|
|
3
3
|
* Pacem (https://pacem.it)
|
|
4
4
|
* Licensed under Apache-2.0
|
|
5
5
|
*/
|
|
@@ -35,7 +35,10 @@ let PacemProgressbarElement = class PacemProgressbarElement extends Components.P
|
|
|
35
35
|
}
|
|
36
36
|
};
|
|
37
37
|
__decorate([
|
|
38
|
-
ViewChild('.progressbar-
|
|
38
|
+
ViewChild('.progressbar-track', true, false)
|
|
39
|
+
], PacemProgressbarElement.prototype, "_face", void 0);
|
|
40
|
+
__decorate([
|
|
41
|
+
ViewChild('.progressbar-bar', false, true)
|
|
39
42
|
], PacemProgressbarElement.prototype, "_bar", void 0);
|
|
40
43
|
__decorate([
|
|
41
44
|
ViewChild('.progressbar-glow')
|
package/dist/esm/sidebar.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @pacem/pacem-ui v2.0.0-
|
|
2
|
+
* @pacem/pacem-ui v2.0.0-euler (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, PCSS, Utils, CustomElement, Watch, PropertyConverters, Components, CustomElementUtils } from '@pacem/pacem-core';
|
|
12
|
+
import { P, PCSS, Utils, CustomElement, Watch, ViewChild, PropertyConverters, Components, CustomElementUtils } from '@pacem/pacem-core';
|
|
13
13
|
//namespace Pacem.Components.UI {
|
|
14
14
|
/** Collapsible off-canvas drawer/sidebar, optionally synchronized with the enclosing shell's CSS classes. */
|
|
15
15
|
let PacemSidebarElement = class PacemSidebarElement extends Components.PacemElement {
|
|
@@ -51,6 +51,9 @@ let PacemSidebarElement = class PacemSidebarElement extends Components.PacemElem
|
|
|
51
51
|
this.#shell = CustomElementUtils.findAncestorShell(this);
|
|
52
52
|
}
|
|
53
53
|
};
|
|
54
|
+
__decorate([
|
|
55
|
+
ViewChild('.sidebar-drawer', true)
|
|
56
|
+
], PacemSidebarElement.prototype, "_drawer", void 0);
|
|
54
57
|
__decorate([
|
|
55
58
|
Watch({ converter: PropertyConverters.Boolean })
|
|
56
59
|
], PacemSidebarElement.prototype, "open", void 0);
|
package/dist/esm/slideshow.js
CHANGED
package/dist/esm/tabs.js
CHANGED
package/dist/esm/ticker.js
CHANGED
package/dist/esm/toast.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @pacem/pacem-ui v2.0.0-
|
|
2
|
+
* @pacem/pacem-ui v2.0.0-euler (https://js.pacem.it)
|
|
3
3
|
* Pacem (https://pacem.it)
|
|
4
4
|
* Licensed under Apache-2.0
|
|
5
5
|
*/
|
|
@@ -181,7 +181,8 @@ __decorate([
|
|
|
181
181
|
], PacemToastElement, "toast2", null);
|
|
182
182
|
PacemToastElement = PacemToastElement_1 = __decorate([
|
|
183
183
|
CustomElement({
|
|
184
|
-
tagName: P + '-toast'
|
|
184
|
+
tagName: P + '-toast',
|
|
185
|
+
modifiers: ['clickable']
|
|
185
186
|
})
|
|
186
187
|
], PacemToastElement);
|
|
187
188
|
export { PacemToastElement };
|
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
package/package.json
CHANGED
package/typings/index.d.ts
CHANGED
|
@@ -239,7 +239,8 @@ declare enum LoaderType {
|
|
|
239
239
|
}
|
|
240
240
|
|
|
241
241
|
/**
|
|
242
|
-
* Parses Markdown into HTML, extended with Pacem-specific inline embeds (`{tweet}(id)`, `{yt}(id)`)
|
|
242
|
+
* Parses Markdown into HTML, extended with Pacem-specific inline embeds (`{tweet}(id)`, `{yt}(id)`) and routed links
|
|
243
|
+
* (`{route}(#router0:/path "text")`).
|
|
243
244
|
* Fenced code blocks are highlighted by the language-agnostic `Compile.Scanner`, for every language registered in
|
|
244
245
|
* `Compile.Syntaxes` (built-in: javascript/typescript, html/xml, c#, c/c++, json; more can be registered at runtime).
|
|
245
246
|
*/
|
|
@@ -394,6 +395,8 @@ declare class PacemBalloonElement extends Components_2.PacemElement {
|
|
|
394
395
|
private _visible;
|
|
395
396
|
private _options;
|
|
396
397
|
private _originalNeighborhood;
|
|
398
|
+
/** the surface face (shadow part `face`, see the surfaces of the native theme) */
|
|
399
|
+
private _face;
|
|
397
400
|
private _container;
|
|
398
401
|
private _resize;
|
|
399
402
|
private _position;
|
|
@@ -984,6 +987,7 @@ declare class PacemPictureSourceElement extends Components_2.PacemItemElement {
|
|
|
984
987
|
/** Horizontal progress bar with an optional textual caption. */
|
|
985
988
|
declare class PacemProgressbarElement extends Components_2.PacemElement {
|
|
986
989
|
constructor();
|
|
990
|
+
private _face;
|
|
987
991
|
private _bar;
|
|
988
992
|
private _glow;
|
|
989
993
|
private _caption;
|
|
@@ -1005,6 +1009,8 @@ declare class PacemScheduleElement extends PacemCalendarBaseElement {
|
|
|
1005
1009
|
/** Collapsible off-canvas drawer/sidebar, optionally synchronized with the enclosing shell's CSS classes. */
|
|
1006
1010
|
declare class PacemSidebarElement extends Components_2.PacemElement {
|
|
1007
1011
|
#private;
|
|
1012
|
+
/** The drawer: the face (and content) of the sidebar's surface. */
|
|
1013
|
+
private _drawer;
|
|
1008
1014
|
/** Gets or sets whether the sidebar is open. */
|
|
1009
1015
|
open: boolean;
|
|
1010
1016
|
/** Gets or sets whether the open/close state toggles CSS classes on the ancestor shell. */
|