@vandeurenglenn/lite-elements 0.3.41 → 0.3.42
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/exports/bar/top-app-bar.d.ts +1 -1
- package/exports/bundle/banner.js +1 -1
- package/exports/bundle/button.js +1 -1
- package/exports/bundle/card.js +1 -1
- package/exports/bundle/code.js +1 -1
- package/exports/bundle/{column-CNOGwAhj.js → column-B0bUzxkF.js} +1 -1
- package/exports/bundle/custom-element-CAdbJRVg.js +1 -0
- package/exports/bundle/demo-elements.js +1 -1
- package/exports/bundle/demo-icons.js +3 -3
- package/exports/bundle/demo-shell.js +1 -1
- package/exports/bundle/demo.js +1 -1
- package/exports/bundle/dialog.js +1 -1
- package/exports/bundle/divider.js +1 -1
- package/exports/bundle/drawer-button.js +1 -1
- package/exports/bundle/drawer-item.js +1 -1
- package/exports/bundle/drawer-layout.js +1 -1
- package/exports/bundle/drawer.js +46 -47
- package/exports/bundle/dropdown-menu.js +1 -1
- package/exports/bundle/dropdown.js +1 -1
- package/exports/bundle/elements.js +1 -1
- package/exports/bundle/elevation.js +1 -1
- package/exports/bundle/fab.js +2 -2
- package/exports/bundle/hash-router.js +1 -0
- package/exports/bundle/icon-button.js +1 -1
- package/exports/bundle/icon-set.js +1 -1
- package/exports/bundle/icon.js +1 -1
- package/exports/bundle/input.js +1 -1
- package/exports/bundle/list-item.js +1 -1
- package/exports/bundle/menu.js +1 -1
- package/exports/bundle/minute-field.js +1 -1
- package/exports/bundle/notification.js +1 -1
- package/exports/bundle/notifications.js +1 -1
- package/exports/bundle/pages.js +1 -1
- package/exports/bundle/pane.js +69 -68
- package/exports/bundle/property-BYA8Sw2t.js +11 -0
- package/exports/bundle/property-C4lhirVQ.js +23 -0
- package/exports/bundle/query-DCTzLeFk.js +1 -0
- package/exports/bundle/rail.js +1 -1
- package/exports/bundle/root.js +1 -1
- package/exports/bundle/row-DYDgQVDj.js +28 -0
- package/exports/bundle/section.js +1 -1
- package/exports/bundle/section2.js +1 -1
- package/exports/bundle/select-mixin.js +1 -1
- package/exports/bundle/selector-mixin.js +1 -1
- package/exports/bundle/selector.js +1 -1
- package/exports/bundle/simple-hash-router.js +1 -0
- package/exports/bundle/summary-mirror.js +1 -1
- package/exports/bundle/summary.js +1 -1
- package/exports/bundle/supporting-pane.js +1 -1
- package/exports/bundle/tab.js +1 -1
- package/exports/bundle/tabs.js +1 -1
- package/exports/bundle/text-field.js +1 -1
- package/exports/bundle/theme.js +1 -1
- package/exports/bundle/time-picker.js +1 -1
- package/exports/bundle/toggle-button.js +1 -1
- package/exports/bundle/toggle.js +1 -1
- package/exports/bundle/top-app-bar.js +4 -4
- package/exports/bundle/types2.js +1 -0
- package/exports/bundle/typography.js +1 -1
- package/exports/bundle/upload-file.js +1 -1
- package/exports/bundle/upload-image.js +91 -88
- package/exports/button/button.d.ts +1 -1
- package/exports/button/icon-button.d.ts +1 -1
- package/exports/demo/code.d.ts +1 -1
- package/exports/demo/demo-icons.d.ts +1 -1
- package/exports/demo/demo-shell.d.ts +1 -1
- package/exports/demo/demo.d.ts +1 -1
- package/exports/demo/section.d.ts +1 -1
- package/exports/demo-shell.js +2 -0
- package/exports/dialog/dialog.d.ts +1 -1
- package/exports/drawer/drawer-button.d.ts +1 -1
- package/exports/drawer/drawer-item.d.ts +1 -1
- package/exports/drawer/drawer.d.ts +1 -0
- package/exports/drawer-layout.js +2 -0
- package/exports/drawer.js +9 -54
- package/exports/dropdown/dropdown-menu.d.ts +1 -1
- package/exports/dropdown/dropdown.d.ts +1 -1
- package/exports/elements.js +2 -0
- package/exports/fab/fab.d.ts +1 -1
- package/exports/hash-router.js +97 -0
- package/exports/icon/icon-set.d.ts +1 -1
- package/exports/icon/icon.d.ts +1 -1
- package/exports/list/list-item.d.ts +1 -1
- package/exports/menu/menu.d.ts +1 -1
- package/exports/mixins/file-reader-mixin.d.ts +1 -1
- package/exports/notification/notifications.d.ts +1 -1
- package/exports/notifications.js +1 -0
- package/exports/pages/pages.d.ts +1 -1
- package/exports/pane/pane.d.ts +1 -0
- package/exports/pane.js +8 -82
- package/exports/rail.js +1 -0
- package/exports/root/root.d.ts +1 -1
- package/exports/router/hash-router.d.ts +18 -0
- package/exports/router/types.d.ts +45 -0
- package/exports/section/section.d.ts +1 -1
- package/exports/selector/selector.d.ts +1 -1
- package/exports/simple-hash-router.js +111 -0
- package/exports/summary/summary.d.ts +1 -1
- package/exports/supporting-pane.js +1 -0
- package/exports/text-field/text-field.d.ts +1 -1
- package/exports/time-picker/input.d.ts +1 -1
- package/exports/time-picker/minute-field.d.ts +1 -1
- package/exports/time-picker/time-picker.d.ts +1 -1
- package/exports/toggle/toggle.d.ts +1 -1
- package/exports/types2.js +1 -0
- package/exports/typography/typography.d.ts +1 -1
- package/exports/upload/upload-file.d.ts +1 -1
- package/exports/upload/upload-image.d.ts +2 -2
- package/package.json +14 -4
- package/exports/bundle/custom-element-BOdKJYdz.js +0 -1
- package/exports/bundle/property-BhmaXNYq.js +0 -39
- package/exports/bundle/property-D-Y1CFIF.js +0 -11
- package/exports/bundle/query-D-PG8Oyh.js +0 -1
- package/exports/bundle/row-BHK6Zell.js +0 -28
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SelectorBase } from '../mixins/selector-mixin.js';
|
|
2
2
|
export declare class CustomSelector extends SelectorBase {
|
|
3
|
-
static styles: import("
|
|
3
|
+
static styles: import("lit").CSSResult[];
|
|
4
4
|
render(): import("lit-html").TemplateResult<1>;
|
|
5
5
|
}
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @description
|
|
3
|
+
* A hash based router meant to work together with custom-pages, custom-select etc
|
|
4
|
+
*
|
|
5
|
+
* @example
|
|
6
|
+
* new HashRouter({
|
|
7
|
+
* host: document.querySelector('app-shell'),
|
|
8
|
+
* fallback: {route: 'home' params: {...}},
|
|
9
|
+
* routes: [{
|
|
10
|
+
* 'home': {
|
|
11
|
+
* import: 'views/home.js'
|
|
12
|
+
* }
|
|
13
|
+
* }]
|
|
14
|
+
* })
|
|
15
|
+
*
|
|
16
|
+
*/
|
|
17
|
+
class SimpleHashRouter {
|
|
18
|
+
routes;
|
|
19
|
+
constructor({ host, fallback, routes }) {
|
|
20
|
+
this.host = host;
|
|
21
|
+
this.routes = routes;
|
|
22
|
+
globalThis.onhashchange = this.#onhashchange;
|
|
23
|
+
if (!location.hash && fallback?.route) {
|
|
24
|
+
location.hash = HashRouter.bang(fallback.params ? `${fallback.route}?${HashRouter.queryIt(fallback.params)}` : fallback.route);
|
|
25
|
+
}
|
|
26
|
+
else
|
|
27
|
+
this.#onhashchange();
|
|
28
|
+
}
|
|
29
|
+
static queryIt(params) {
|
|
30
|
+
return Object.entries(params)
|
|
31
|
+
.map(([key, value]) => `${key}=${value}`)
|
|
32
|
+
.join('&');
|
|
33
|
+
}
|
|
34
|
+
static dequeryIt(query) {
|
|
35
|
+
const params = {};
|
|
36
|
+
if (!query)
|
|
37
|
+
return params;
|
|
38
|
+
for (const item of query.split('&')) {
|
|
39
|
+
const [key, value] = item.split('=');
|
|
40
|
+
params[key] = value;
|
|
41
|
+
}
|
|
42
|
+
return;
|
|
43
|
+
}
|
|
44
|
+
static bang(route) {
|
|
45
|
+
return `#!/${route}`;
|
|
46
|
+
}
|
|
47
|
+
static debang(route) {
|
|
48
|
+
return route.split('#!/')[1];
|
|
49
|
+
}
|
|
50
|
+
static parseHash(hash) {
|
|
51
|
+
const afterBang = HashRouter.debang(hash);
|
|
52
|
+
const splitted = afterBang.split('?');
|
|
53
|
+
const routes = splitted[0].split('/');
|
|
54
|
+
const route = routes[0];
|
|
55
|
+
const subRoutes = routes.slice(1, -1);
|
|
56
|
+
const params = HashRouter.dequeryIt(splitted[1]);
|
|
57
|
+
return { route, routes, subRoutes, params, url: splitted[0] };
|
|
58
|
+
}
|
|
59
|
+
#handleSubRoutes = async (routing, routeInfo) => {
|
|
60
|
+
const { params, subRoutes } = routing;
|
|
61
|
+
let selected = this.host.pages.querySelector('.custom-selected');
|
|
62
|
+
if (routing.subRoutes?.length > 0) {
|
|
63
|
+
for (const route of routing.subRoutes) {
|
|
64
|
+
const subRouteInfo = routeInfo.subRoutes[route];
|
|
65
|
+
if (subRouteInfo) {
|
|
66
|
+
if (!customElements.get(`./${subRouteInfo.tagName}`))
|
|
67
|
+
await import(`./${subRouteInfo.import}.js`);
|
|
68
|
+
}
|
|
69
|
+
else {
|
|
70
|
+
if (!customElements.get(`./${route}`))
|
|
71
|
+
await import(`./${route}.js`);
|
|
72
|
+
console.warn(`handling undefined subroute for ${routing.route} falling back to default behavior.`);
|
|
73
|
+
}
|
|
74
|
+
selected.select({ route, params, subRoutes });
|
|
75
|
+
selected = selected.pages.querySelector('.custom-selected');
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
if (params) {
|
|
79
|
+
for (const [key, value] of Object.entries(params)) {
|
|
80
|
+
selected[key] = value;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
};
|
|
84
|
+
#onhashchange = async () => {
|
|
85
|
+
const routing = HashRouter.parseHash(location.hash);
|
|
86
|
+
const routeInfo = this.routes[routing.url];
|
|
87
|
+
// todo allow to set loading
|
|
88
|
+
if (routeInfo) {
|
|
89
|
+
if (!customElements.get(`./${routeInfo.tagName}`))
|
|
90
|
+
await import(`./${routeInfo.import}.js`);
|
|
91
|
+
}
|
|
92
|
+
else {
|
|
93
|
+
if (!customElements.get(`./${routing.route}`))
|
|
94
|
+
await import(`./${routing.route}.js`);
|
|
95
|
+
}
|
|
96
|
+
this.host.select(routing);
|
|
97
|
+
// when a custom-pages element (or sortlike) is defined loop trough subroutes and make devlife easier
|
|
98
|
+
if (this.host.pages) {
|
|
99
|
+
this.#handleSubRoutes(routing, routeInfo);
|
|
100
|
+
}
|
|
101
|
+
document.dispatchEvent(new CustomEvent('route-change', {
|
|
102
|
+
detail: {
|
|
103
|
+
routing,
|
|
104
|
+
routeInfo
|
|
105
|
+
}
|
|
106
|
+
}));
|
|
107
|
+
};
|
|
108
|
+
go(route, params) { }
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
export { SimpleHashRouter as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { LiteElement } from '@vandeurenglenn/lite';
|
|
2
2
|
export declare class CustomSummary extends LiteElement {
|
|
3
|
-
static styles: import("
|
|
3
|
+
static styles: import("lit").CSSResult[];
|
|
4
4
|
render(): import("lit-html").TemplateResult<1>;
|
|
5
5
|
}
|
|
@@ -6,6 +6,7 @@ import './icon-button.js';
|
|
|
6
6
|
import './button.js';
|
|
7
7
|
import './icon.js';
|
|
8
8
|
import '@vandeurenglenn/little-pubsub';
|
|
9
|
+
import '@vandeurenglenn/custom-shared-styles/pane.css';
|
|
9
10
|
|
|
10
11
|
let CustomSupportingPane = (() => {
|
|
11
12
|
let _classDecorators = [customElement('custom-supporting-pane')];
|
|
@@ -6,6 +6,6 @@ export declare class TextField extends LiteElement {
|
|
|
6
6
|
accessor hasLeadingIcon: any;
|
|
7
7
|
accessor hasTrailingIcon: any;
|
|
8
8
|
connectedCallback(): void;
|
|
9
|
-
static styles: import("
|
|
9
|
+
static styles: import("lit").CSSResult[];
|
|
10
10
|
render(): import("lit-html").TemplateResult<1>;
|
|
11
11
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { LiteElement } from '@vandeurenglenn/lite';
|
|
2
2
|
export declare class TimePickerInput extends LiteElement {
|
|
3
|
-
static styles: import("
|
|
3
|
+
static styles: import("lit").CSSResult[];
|
|
4
4
|
render(): import("lit-html").TemplateResult<1>;
|
|
5
5
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { LiteElement } from '@vandeurenglenn/lite';
|
|
2
2
|
export declare class TimePickerMinuteField extends LiteElement {
|
|
3
|
-
static styles: import("
|
|
3
|
+
static styles: import("lit").CSSResult[];
|
|
4
4
|
render(): import("lit-html").TemplateResult<1>;
|
|
5
5
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { LiteElement } from '@vandeurenglenn/lite';
|
|
2
2
|
import './input.js';
|
|
3
3
|
export declare class CustomTimePicker extends LiteElement {
|
|
4
|
-
static styles: import("
|
|
4
|
+
static styles: import("lit").CSSResult[];
|
|
5
5
|
render(): import("lit-html").TemplateResult<1>;
|
|
6
6
|
}
|
|
@@ -7,6 +7,6 @@ export declare class CustomToggle extends LiteElement {
|
|
|
7
7
|
onChange(propertyKey: any, value: any): void;
|
|
8
8
|
next(): Promise<void>;
|
|
9
9
|
previous(): void;
|
|
10
|
-
static styles: import("
|
|
10
|
+
static styles: import("lit").CSSResult[];
|
|
11
11
|
render(): import("lit-html").TemplateResult<1>;
|
|
12
12
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -2,6 +2,6 @@ import { LiteElement } from '@vandeurenglenn/lite';
|
|
|
2
2
|
export declare class CustomTypography extends LiteElement {
|
|
3
3
|
accessor type: 'label' | 'title' | 'headline' | 'display' | 'body';
|
|
4
4
|
accessor size: 'small' | 'medium' | 'large';
|
|
5
|
-
static styles: import("
|
|
5
|
+
static styles: import("lit").CSSResult[];
|
|
6
6
|
render(): import("lit-html").TemplateResult<1>;
|
|
7
7
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { LiteElement } from '@vandeurenglenn/lite';
|
|
2
2
|
export declare class CustomUploadFile extends LiteElement {
|
|
3
3
|
accessor multiple: any;
|
|
4
|
-
static get styles(): import("
|
|
4
|
+
static get styles(): import("lit").CSSResult[];
|
|
5
5
|
render(): import("lit-html").TemplateResult<1>;
|
|
6
6
|
}
|
|
@@ -357,7 +357,7 @@ declare const CustomUploadImage_base: {
|
|
|
357
357
|
focus(options?: FocusOptions): void;
|
|
358
358
|
};
|
|
359
359
|
readonly observedAttributes: any;
|
|
360
|
-
styles?: import("
|
|
360
|
+
styles?: import("lit").CSSResultGroup;
|
|
361
361
|
};
|
|
362
362
|
export declare class CustomUploadImage extends CustomUploadImage_base {
|
|
363
363
|
#private;
|
|
@@ -369,7 +369,7 @@ export declare class CustomUploadImage extends CustomUploadImage_base {
|
|
|
369
369
|
accessor frontCameraDisabled: boolean;
|
|
370
370
|
accessor rearCameraDisabled: boolean;
|
|
371
371
|
accessor hasLibrary: boolean;
|
|
372
|
-
static styles: import("
|
|
372
|
+
static styles: import("lit").CSSResult[];
|
|
373
373
|
onChange(propertyKey: any, value: any): void;
|
|
374
374
|
select(value: any): void;
|
|
375
375
|
show(): void;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vandeurenglenn/lite-elements",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.42",
|
|
4
4
|
"description": "set of lite elements following Material Design 3 spec",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"scripts": {
|
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
},
|
|
12
12
|
"files": [
|
|
13
13
|
"./exports",
|
|
14
|
+
"lib",
|
|
14
15
|
"LICENSE"
|
|
15
16
|
],
|
|
16
17
|
"keywords": [],
|
|
@@ -20,7 +21,8 @@
|
|
|
20
21
|
"@material-design-icons/svg": "^0.14.13",
|
|
21
22
|
"@material-symbols/svg-400": "^0.17.0",
|
|
22
23
|
"@material/web": "^1.3.0",
|
|
23
|
-
"@vandeurenglenn/
|
|
24
|
+
"@vandeurenglenn/custom-shared-styles": "^0.0.9",
|
|
25
|
+
"@vandeurenglenn/flex-elements": "^1.3.1",
|
|
24
26
|
"@vandeurenglenn/lite": "^0.2.37",
|
|
25
27
|
"custom-element-decorator": "^0.6.0"
|
|
26
28
|
},
|
|
@@ -225,6 +227,14 @@
|
|
|
225
227
|
"import": "./exports/file-reader-mixin.js",
|
|
226
228
|
"types": "./exports/mixins/file-reader-mixin.d.ts"
|
|
227
229
|
},
|
|
230
|
+
"./hash-router": {
|
|
231
|
+
"import": "./exports/hash-router.js",
|
|
232
|
+
"types": "./exports/router/hash-router.d.ts"
|
|
233
|
+
},
|
|
234
|
+
"./hash-router.js": {
|
|
235
|
+
"import": "./exports/hash-router.js",
|
|
236
|
+
"types": "./exports/router/hash-router.d.ts"
|
|
237
|
+
},
|
|
228
238
|
"./hour-field": {
|
|
229
239
|
"import": "./exports/hour-field.js",
|
|
230
240
|
"types": "./exports/time-picker/hour-field.d.ts"
|
|
@@ -483,11 +493,11 @@
|
|
|
483
493
|
},
|
|
484
494
|
"./types": {
|
|
485
495
|
"import": "./exports/types.js",
|
|
486
|
-
"types": "./exports/types.d.ts"
|
|
496
|
+
"types": "./exports/router/types.d.ts"
|
|
487
497
|
},
|
|
488
498
|
"./types.js": {
|
|
489
499
|
"import": "./exports/types.js",
|
|
490
|
-
"types": "./exports/types.d.ts"
|
|
500
|
+
"types": "./exports/router/types.d.ts"
|
|
491
501
|
},
|
|
492
502
|
"./typography": {
|
|
493
503
|
"import": "./exports/typography.js",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
function e(e,t,r,n){var o,c=arguments.length,i=c<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,n);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(i=(c<3?o(i):c>3?o(t,r,i):o(t,r))||i);return c>3&&i&&Object.defineProperty(t,r,i),i}function t(e,t,r,n,o,c){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var a,s=n.kind,f="getter"===s?"get":"setter"===s?"set":"value",l=!t&&e?n.static?e:e.prototype:null,u=t||(l?Object.getOwnPropertyDescriptor(l,n.name):{}),p=!1,d=r.length-1;d>=0;d--){var g={};for(var h in n)g[h]="access"===h?{}:n[h];for(var h in n.access)g.access[h]=n.access[h];g.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");c.push(i(e||null))};var y=(0,r[d])("accessor"===s?{get:u.get,set:u.set}:u[f],g);if("accessor"===s){if(void 0===y)continue;if(null===y||"object"!=typeof y)throw new TypeError("Object expected");(a=i(y.get))&&(u.get=a),(a=i(y.set))&&(u.set=a),(a=i(y.init))&&o.unshift(a)}else(a=i(y))&&("field"===s?o.unshift(a):u[f]=a)}l&&Object.defineProperty(l,n.name,u),p=!0}function r(e,t,r){for(var n=arguments.length>2,o=0;o<t.length;o++)r=n?t[o].call(e,r):t[o].call(e);return n?r:void 0}function n(e){return(t,{addInitializer:r})=>{r((function(){customElements.define(e??t.name.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase(),this)}))}}"function"==typeof SuppressedError&&SuppressedError;export{t as _,r as a,e as b,n as e};
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import{j as t,w as e}from"./property-D-Y1CFIF.js";
|
|
2
|
-
/**
|
|
3
|
-
* @license
|
|
4
|
-
* Copyright 2019 Google LLC
|
|
5
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
6
|
-
*/const i=globalThis,r=i.ShadowRoot&&(void 0===i.ShadyCSS||i.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,o=Symbol(),h=new WeakMap;let a=class n{constructor(t,e,i){if(this._$cssResult$=!0,i!==o)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(r&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=h.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&h.set(e,t))}return t}toString(){return this.cssText}};const c=r?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return(t=>new a("string"==typeof t?t:t+"",void 0,o))(e)})(t):t
|
|
7
|
-
/**
|
|
8
|
-
* @license
|
|
9
|
-
* Copyright 2017 Google LLC
|
|
10
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
11
|
-
*/,{is:l,defineProperty:d,getOwnPropertyDescriptor:p,getOwnPropertyNames:u,getOwnPropertySymbols:f,getPrototypeOf:y}=Object,E=globalThis,m=E.trustedTypes,$=m?m.emptyScript:"",_=E.reactiveElementPolyfillSupport,S=(t,e)=>t,g={toAttribute(t,e){switch(e){case Boolean:t=t?$:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},P=(t,e)=>!l(t,e),v={attribute:!0,type:String,converter:g,reflect:!1,hasChanged:P};Symbol.metadata??=Symbol("metadata"),E.litPropertyMetadata??=new WeakMap;let w=class b extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=v){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol(),r=this.getPropertyDescriptor(t,i,e);void 0!==r&&d(this.prototype,t,r)}}static getPropertyDescriptor(t,e,i){const{get:r,set:o}=p(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get(){return r?.call(this)},set(e){const h=r?.call(this);o.call(this,e),this.requestUpdate(t,h,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??v}static _$Ei(){if(this.hasOwnProperty(S("elementProperties")))return;const t=y(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(S("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(S("properties"))){const t=this.properties,e=[...u(t),...f(t)];for(const i of e)this.createProperty(i,t[i])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,i]of e)this.elementProperties.set(t,i)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const i=this._$Eu(t,e);void 0!==i&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(c(t))}else void 0!==t&&e.push(c(t));return e}static _$Eu(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const i of e.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((t,e)=>{if(r)t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const r of e){const e=document.createElement("style"),o=i.litNonce;void 0!==o&&e.setAttribute("nonce",o),e.textContent=r.cssText,t.appendChild(e)}})(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$EC(t,e){const i=this.constructor.elementProperties.get(t),r=this.constructor._$Eu(t,i);if(void 0!==r&&!0===i.reflect){const o=(void 0!==i.converter?.toAttribute?i.converter:g).toAttribute(e,i.type);this._$Em=t,null==o?this.removeAttribute(r):this.setAttribute(r,o),this._$Em=null}}_$AK(t,e){const i=this.constructor,r=i._$Eh.get(t);if(void 0!==r&&this._$Em!==r){const t=i.getPropertyOptions(r),o="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:g;this._$Em=r,this[r]=o.fromAttribute(e,t.type),this._$Em=null}}requestUpdate(t,e,i){if(void 0!==t){if(i??=this.constructor.getPropertyOptions(t),!(i.hasChanged??P)(this[t],e))return;this.P(t,e,i)}!1===this.isUpdatePending&&(this._$ES=this._$ET())}P(t,e,i){this._$AL.has(t)||this._$AL.set(t,e),!0===i.reflect&&this._$Em!==t&&(this._$Ej??=new Set).add(t)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,i]of t)!0!==i.wrapped||this._$AL.has(e)||void 0===this[e]||this.P(e,this[e],i)}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(e)):this._$EU()}catch(e){throw t=!1,this._$EU(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Ej&&=this._$Ej.forEach((t=>this._$EC(t,this[t]))),this._$EU()}updated(t){}firstUpdated(t){}};w.elementStyles=[],w.shadowRootOptions={mode:"open"},w[S("elementProperties")]=new Map,w[S("finalized")]=new Map,_?.({ReactiveElement:w}),(E.reactiveElementVersions??=[]).push("2.0.4");
|
|
12
|
-
/**
|
|
13
|
-
* @license
|
|
14
|
-
* Copyright 2019 Google LLC
|
|
15
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
16
|
-
*/
|
|
17
|
-
const U=globalThis,C=U.ShadowRoot&&(void 0===U.ShadyCSS||U.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,O=Symbol(),A=new WeakMap;let R=class n{constructor(t,e,i){if(this._$cssResult$=!0,i!==O)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(C&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=A.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&A.set(e,t))}return t}toString(){return this.cssText}};const T=(t,...e)=>{const i=1===t.length?t[0]:e.reduce(((e,i,r)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+t[r+1]),t[0]);return new R(i,t,O)},M=C?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return(t=>new R("string"==typeof t?t:t+"",void 0,O))(e)})(t):t
|
|
18
|
-
/**
|
|
19
|
-
* @license
|
|
20
|
-
* Copyright 2017 Google LLC
|
|
21
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
22
|
-
*/,{is:k,defineProperty:z,getOwnPropertyDescriptor:L,getOwnPropertyNames:j,getOwnPropertySymbols:x,getPrototypeOf:D}=Object,N=globalThis,q=N.trustedTypes,B=q?q.emptyScript:"",J=N.reactiveElementPolyfillSupport,K=(t,e)=>t,V={toAttribute(t,e){switch(e){case Boolean:t=t?B:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},W=(t,e)=>!k(t,e),H={attribute:!0,type:String,converter:V,reflect:!1,hasChanged:W};Symbol.metadata??=Symbol("metadata"),N.litPropertyMetadata??=new WeakMap;class b extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=H){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol(),r=this.getPropertyDescriptor(t,i,e);void 0!==r&&z(this.prototype,t,r)}}static getPropertyDescriptor(t,e,i){const{get:r,set:o}=L(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get(){return r?.call(this)},set(e){const h=r?.call(this);o.call(this,e),this.requestUpdate(t,h,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??H}static _$Ei(){if(this.hasOwnProperty(K("elementProperties")))return;const t=D(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(K("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(K("properties"))){const t=this.properties,e=[...j(t),...x(t)];for(const i of e)this.createProperty(i,t[i])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,i]of e)this.elementProperties.set(t,i)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const i=this._$Eu(t,e);void 0!==i&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(M(t))}else void 0!==t&&e.push(M(t));return e}static _$Eu(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const i of e.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((t,e)=>{if(C)t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const i of e){const e=document.createElement("style"),r=U.litNonce;void 0!==r&&e.setAttribute("nonce",r),e.textContent=i.cssText,t.appendChild(e)}})(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$EC(t,e){const i=this.constructor.elementProperties.get(t),r=this.constructor._$Eu(t,i);if(void 0!==r&&!0===i.reflect){const o=(void 0!==i.converter?.toAttribute?i.converter:V).toAttribute(e,i.type);this._$Em=t,null==o?this.removeAttribute(r):this.setAttribute(r,o),this._$Em=null}}_$AK(t,e){const i=this.constructor,r=i._$Eh.get(t);if(void 0!==r&&this._$Em!==r){const t=i.getPropertyOptions(r),o="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:V;this._$Em=r,this[r]=o.fromAttribute(e,t.type),this._$Em=null}}requestUpdate(t,e,i){if(void 0!==t){if(i??=this.constructor.getPropertyOptions(t),!(i.hasChanged??W)(this[t],e))return;this.P(t,e,i)}!1===this.isUpdatePending&&(this._$ES=this._$ET())}P(t,e,i){this._$AL.has(t)||this._$AL.set(t,e),!0===i.reflect&&this._$Em!==t&&(this._$Ej??=new Set).add(t)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,i]of t)!0!==i.wrapped||this._$AL.has(e)||void 0===this[e]||this.P(e,this[e],i)}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(e)):this._$EU()}catch(e){throw t=!1,this._$EU(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Ej&&=this._$Ej.forEach((t=>this._$EC(t,this[t]))),this._$EU()}updated(t){}firstUpdated(t){}}b.elementStyles=[],b.shadowRootOptions={mode:"open"},b[K("elementProperties")]=new Map,b[K("finalized")]=new Map,J?.({ReactiveElement:b}),(N.reactiveElementVersions??=[]).push("2.0.4");
|
|
23
|
-
/**
|
|
24
|
-
* @license
|
|
25
|
-
* Copyright 2017 Google LLC
|
|
26
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
27
|
-
*/
|
|
28
|
-
class s extends b{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(e){const i=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=t(i,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return e}}s._$litElement$=!0,s.finalized=!0,globalThis.litElementHydrateSupport?.({LitElement:s});const I=globalThis.litElementPolyfillSupport;I?.({LitElement:s}),(globalThis.litElementVersions??=[]).push("4.0.4");
|
|
29
|
-
/**
|
|
30
|
-
* @license
|
|
31
|
-
* Copyright 2017 Google LLC
|
|
32
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
33
|
-
*/
|
|
34
|
-
const F=t=>(e,i)=>{void 0!==i?i.addInitializer((()=>{customElements.define(t,e)})):customElements.define(t,e)}
|
|
35
|
-
/**
|
|
36
|
-
* @license
|
|
37
|
-
* Copyright 2017 Google LLC
|
|
38
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
39
|
-
*/,G={attribute:!0,type:String,converter:g,reflect:!1,hasChanged:P},Q=(t=G,e,i)=>{const{kind:r,metadata:o}=i;let h=globalThis.litPropertyMetadata.get(o);if(void 0===h&&globalThis.litPropertyMetadata.set(o,h=new Map),h.set(i.name,t),"accessor"===r){const{name:r}=i;return{set(i){const o=e.get.call(this);e.set.call(this,i),this.requestUpdate(r,o,t)},init(e){return void 0!==e&&this.P(r,void 0,t),e}}}if("setter"===r){const{name:r}=i;return function(i){const o=this[r];e.call(this,i),this.requestUpdate(r,o,t)}}throw Error("Unsupported decorator location: "+r)};function X(t){return(e,i)=>"object"==typeof i?Q(t,e,i):((t,e,i)=>{const r=e.hasOwnProperty(i);return e.constructor.createProperty(i,r?{...t,wrapped:!0}:t),r?Object.getOwnPropertyDescriptor(e,i):void 0})(t,e,i)}export{T as i,X as n,s,F as t};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2017 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/
|
|
6
|
-
const t=globalThis,e=t.trustedTypes,i=e?e.createPolicy("lit-html",{createHTML:t=>t}):void 0,r="$lit$",n=`lit$${(Math.random()+"").slice(9)}$`,h="?"+n,l=`<${h}>`,a=document,u=()=>a.createComment(""),c=t=>null===t||"object"!=typeof t&&"function"!=typeof t,d=Array.isArray,b="[ \t\n\f\r]",p=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,$=/-->/g,_=/>/g,A=RegExp(`>|${b}(?:([^\\s"'>=/]+)(${b}*=${b}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),g=/'/g,v=/"/g,m=/^(?:script|style|textarea|title)$/i,y=(t=>(e,...i)=>({_$litType$:t,strings:e,values:i}))(1),f=Symbol.for("lit-noChange"),x=Symbol.for("lit-nothing"),w=new WeakMap,T=a.createTreeWalker(a,129);function N(t,e){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==i?i.createHTML(e):e}const C=(t,e)=>{const i=t.length-1,h=[];let a,u=2===e?"<svg>":"",c=p;for(let e=0;e<i;e++){const i=t[e];let d,b,y=-1,f=0;for(;f<i.length&&(c.lastIndex=f,b=c.exec(i),null!==b);)f=c.lastIndex,c===p?"!--"===b[1]?c=$:void 0!==b[1]?c=_:void 0!==b[2]?(m.test(b[2])&&(a=RegExp("</"+b[2],"g")),c=A):void 0!==b[3]&&(c=A):c===A?">"===b[0]?(c=a??p,y=-1):void 0===b[1]?y=-2:(y=c.lastIndex-b[2].length,d=b[1],c=void 0===b[3]?A:'"'===b[3]?v:g):c===v||c===g?c=A:c===$||c===_?c=p:(c=A,a=void 0);const x=c===A&&t[e+1].startsWith("/>")?" ":"";u+=c===p?i+l:y>=0?(h.push(d),i.slice(0,y)+r+i.slice(y)+n+x):i+n+(-2===y?e:x)}return[N(t,u+(t[i]||"<?>")+(2===e?"</svg>":"")),h]};class V{constructor({strings:t,_$litType$:i},l){let a;this.parts=[];let c=0,d=0;const b=t.length-1,p=this.parts,[$,_]=C(t,i);if(this.el=V.createElement($,l),T.currentNode=this.el.content,2===i){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(a=T.nextNode())&&p.length<b;){if(1===a.nodeType){if(a.hasAttributes())for(const t of a.getAttributeNames())if(t.endsWith(r)){const e=_[d++],i=a.getAttribute(t).split(n),r=/([.?@])?(.*)/.exec(e);p.push({type:1,index:c,name:r[2],strings:i,ctor:"."===r[1]?k:"?"===r[1]?H:"@"===r[1]?I:R}),a.removeAttribute(t)}else t.startsWith(n)&&(p.push({type:6,index:c}),a.removeAttribute(t));if(m.test(a.tagName)){const t=a.textContent.split(n),i=t.length-1;if(i>0){a.textContent=e?e.emptyScript:"";for(let e=0;e<i;e++)a.append(t[e],u()),T.nextNode(),p.push({type:2,index:++c});a.append(t[i],u())}}}else if(8===a.nodeType)if(a.data===h)p.push({type:2,index:c});else{let t=-1;for(;-1!==(t=a.data.indexOf(n,t+1));)p.push({type:7,index:c}),t+=n.length-1}c++}}static createElement(t,e){const i=a.createElement("template");return i.innerHTML=t,i}}function E(t,e,i=t,r){if(e===f)return e;let n=void 0!==r?i._$Co?.[r]:i._$Cl;const h=c(e)?void 0:e._$litDirective$;return n?.constructor!==h&&(n?._$AO?.(!1),void 0===h?n=void 0:(n=new h(t),n._$AT(t,i,r)),void 0!==r?(i._$Co??=[])[r]=n:i._$Cl=n),void 0!==n&&(e=E(t,n._$AS(t,e.values),n,r)),e}class S{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:i}=this._$AD,r=(t?.creationScope??a).importNode(e,!0);T.currentNode=r;let n=T.nextNode(),h=0,l=0,u=i[0];for(;void 0!==u;){if(h===u.index){let e;2===u.type?e=new M(n,n.nextSibling,this,t):1===u.type?e=new u.ctor(n,u.name,u.strings,this,t):6===u.type&&(e=new L(n,this,t)),this._$AV.push(e),u=i[++l]}h!==u?.index&&(n=T.nextNode(),h++)}return T.currentNode=a,r}p(t){let e=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class M{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,i,r){this.type=2,this._$AH=x,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=r,this._$Cv=r?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=E(this,t,e),c(t)?t===x||null==t||""===t?(this._$AH!==x&&this._$AR(),this._$AH=x):t!==this._$AH&&t!==f&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>d(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}S(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.S(t))}_(t){this._$AH!==x&&c(this._$AH)?this._$AA.nextSibling.data=t:this.T(a.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:i}=t,r="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=V.createElement(N(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===r)this._$AH.p(e);else{const t=new S(r,this),i=t.u(this.options);t.p(e),this.T(i),this._$AH=t}}_$AC(t){let e=w.get(t.strings);return void 0===e&&w.set(t.strings,e=new V(t)),e}k(t){d(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,r=0;for(const n of t)r===e.length?e.push(i=new M(this.S(u()),this.S(u()),this,this.options)):i=e[r],i._$AI(n),r++;r<e.length&&(this._$AR(i&&i._$AB.nextSibling,r),e.length=r)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class R{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,i,r,n){this.type=1,this._$AH=x,this._$AN=void 0,this.element=t,this.name=e,this._$AM=r,this.options=n,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=x}_$AI(t,e=this,i,r){const n=this.strings;let h=!1;if(void 0===n)t=E(this,t,e,0),h=!c(t)||t!==this._$AH&&t!==f,h&&(this._$AH=t);else{const r=t;let l,a;for(t=n[0],l=0;l<n.length-1;l++)a=E(this,r[i+l],e,l),a===f&&(a=this._$AH[l]),h||=!c(a)||a!==this._$AH[l],a===x?t=x:t!==x&&(t+=(a??"")+n[l+1]),this._$AH[l]=a}h&&!r&&this.j(t)}j(t){t===x?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class k extends R{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===x?void 0:t}}class H extends R{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==x)}}class I extends R{constructor(t,e,i,r,n){super(t,e,i,r,n),this.type=5}_$AI(t,e=this){if((t=E(this,t,e,0)??x)===f)return;const i=this._$AH,r=t===x&&i!==x||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,n=t!==x&&(i===x||r);r&&this.element.removeEventListener(this.name,this,i),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class L{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){E(this,t)}}const U=t.litHtmlPolyfillSupport;U?.(V,M),(t.litHtmlVersions??=[]).push("3.1.2");const B=(t,e,i)=>{const r=i?.renderBefore??e;let n=r._$litPart$;if(void 0===n){const t=i?.renderBefore??null;r._$litPart$=n=new M(e.insertBefore(u(),t),t,void 0,i??{})}return n._$AI(t),n
|
|
7
|
-
/**
|
|
8
|
-
* @license
|
|
9
|
-
* Copyright 2019 Google LLC
|
|
10
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
11
|
-
*/},O=window,P=O.ShadowRoot&&(void 0===O.ShadyCSS||O.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,W=Symbol(),j=new WeakMap;class o{constructor(t,e,i){if(this._$cssResult$=!0,i!==W)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(P&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=j.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&j.set(e,t))}return t}toString(){return this.cssText}}const D=(t,...e)=>{const i=1===t.length?t[0]:e.reduce(((e,i,r)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+t[r+1]),t[0]);return new o(i,t,W)};Symbol.metadata??=Symbol("metadata");let q=class s extends HTMLElement{static get observedAttributes(){return this[Symbol.metadata]?.observedAttributes?.values()??[]}attributeChangedCallback(t,e,i){this[t]===i&&e===i||(this[t]=i)}constructor(){super(),this.renderedOnce=!1,this.rendered=new Promise((t=>{this.renderResolve=t})),this.attachShadow({mode:"open"});const t=customElements.get(this.localName);this.shadowRoot.adoptedStyleSheets=t.styles?t.styles.map((t=>t.styleSheet??t)):[],this.requestRender()}render(){return y`<slot></slot>`}requestRender(){B(this.render(),this.shadowRoot),this.renderedOnce||(this.renderResolve(!0),this.renderedOnce=!0,this.firstRender&&this.firstRender())}};class LittlePubSub{subscribers={};verbose;constructor(t){this.verbose=t}_handleContext(t,e){return void 0===e&&(e=t),e}hasSubscribers(t){return!!this.subscribers[t]}subscribe(t,e,i){this.hasSubscribers(t)||(this.subscribers[t]={handlers:[],value:void 0}),i=this._handleContext(e,i),this.subscribers[t].handlers.push(e.bind(i))}unsubscribe(t,e,i){if(!this.hasSubscribers(t))return;i=this._handleContext(e,i);const r=this.subscribers[t].handlers.indexOf(e.bind(i));this.subscribers[t].handlers.splice(r),0===this.subscribers[t].handlers.length&&delete this.subscribers[t]}publish(t,e,i){this.hasSubscribers(t)||(this.subscribers[t]={handlers:[]});const r=this.subscribers[t]?.value;if(this.verbose||i||r!==e){this.subscribers[t].value=e;for(const i of this.subscribers[t].handlers)i(e,r)}}publishVerbose(t,e){this.publish(t,e,!0)}once(t){return new Promise((e=>{const i=r=>{e(r),this.unsubscribe(t,i)};this.subscribe(t,i)}))}}globalThis.pubsub=globalThis.pubsub||new LittlePubSub;const z={type:String,reflect:!1,renders:!0,batchDelay:50,temporaryRender:10},J=(t,e)=>{let i=t;return e===Boolean?i=Boolean("true"===t):e===Number?i=Number(t):e===Uint8Array?i=new Uint8Array(t.split(",")):e!==Array&&e!==Object&&e!==WeakMap&&e!==Map&&e!==Uint8Array||(i=JSON.parse(t),e===Map&&(i=new Map(t)),e===WeakMap&&(i=new WeakMap(t))),i},Z=t=>{t={...z,...t};let e=0;return function(i,{kind:r,name:n,addInitializer:h,access:l,metadata:a}){const{type:u,reflect:c,renders:d,batches:b,batchDelay:p,consumer:$,provider:_,temporaryRender:A}=t,g=t.attribute??c,v=String(n),m=g&&"string"==typeof g?g:v,y=u===Boolean,f=$||"boolean"==typeof t.consumes?m:t.consumes,x=_||"boolean"==typeof t.provides?m:t.provides;if(t.provider&&console.warn(`${v}: 'options.provider' is deprecated, use options.provides instead`),t.consumer&&console.warn(`${v}: 'options.consumer' is deprecated, used options.consumes instead`),h((async function(){"accessor"!==r&&console.warn(`${this.localName}: @property(${t}) ${v} ${r} is not supported`),g&&(a||(a={}),a.observedAttributes||(a.observedAttributes=new Map),a.observedAttributes.set(v,m)),f&&globalThis.pubsub.subscribe(f,(async t=>{this[n]=t}))})),"accessor"===r)return{get(){return w.call(this)},set(t){return T.call(this,t)},init(t){return this.hasAttribute(m)&&(t=y?this.hasAttribute(m):J(this.getAttribute(m),u)),void 0!==t&&T.call(this,t),f&&globalThis.pubsub.subscribers?.[f]?.value&&T.call(this,globalThis.pubsub.subscribers[f].value),this[n]}};function w(){const t=g?y?this.hasAttribute(m):J(this.getAttribute(m),u):this[`__lite_${v}`]?this[`__lite_${v}`]:this[`_lite_${v}`];return f&&!this[`__lite_${v}`]&&globalThis.pubsub.subscribers?.[f]?.value?(t!==globalThis.pubsub.subscribers[f].value&&T.call(this,globalThis.pubsub.subscribers[f].value),globalThis.pubsub.subscribers[f].value):t}async function T(t){if(x&&globalThis.pubsub.publish(x,t),this[`_lite_${v}`]!==t){this.willChange&&(this[`__lite_${v}`]=await this.willChange(n,t)),g?y?t||this[`__lite_${v}`]?this.setAttribute(m,""):this.removeAttribute(m):t||this[`__lite_${v}`]?this.setAttribute(m,((t,e)=>{let i=e;if(t===Boolean||t===Number||t===Uint8Array)return e.toString();if(t===Array||t===Object||t===WeakMap||t===Map||t===Uint8Array){let r;t!==Map&&t!==WeakMap||(r=Object(e).entries()),i=JSON.stringify(r)}return i})(u,this[`__lite_${v}`]??t)):this.removeAttribute(m):this[`_lite_${v}`]=t;const i=()=>{e=0,this.requestRender&&d&&this.requestRender(),this.onChange&&this.onChange(n,this[`__lite_${v}`]??t)};b?(e===A&&i(),this[`_${v}_timeout`]&&clearTimeout(this[`_${v}_timeout`]),this[`_${v}_timeout`]=setTimeout(i,p)):i()}}}};export{LittlePubSub as L,x as T,Z as a,D as i,B as j,q as s,f as w,y as x};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const t=t=>function(e,{kind:o,name:r,access:n,addInitializer:s}){return"accessor"!==o&&s((function(){console.warn(`${this.localName}: @query(${t}) ${String(r)} ${o} is not supported`)})),{get(){return this.shadowRoot?this.shadowRoot.querySelector(t):this.querySelector(t)}}};export{t};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import{x as t,j as e,L as i}from"./property-D-Y1CFIF.js";Symbol.metadata??=Symbol("metadata");let r=class s extends HTMLElement{static get observedAttributes(){return this[Symbol.metadata]?.observedAttributes?.values()??[]}attributeChangedCallback(t,e,i){this[t]===i&&e===i||(this[t]=i)}constructor(){super(),this.renderedOnce=!1,this.rendered=new Promise((t=>{this.renderResolve=t})),this.attachShadow({mode:"open"});const t=customElements.get(this.localName);this.shadowRoot.adoptedStyleSheets=t.styles?t.styles.map((t=>t.styleSheet??t)):[],this.requestRender()}render(){return t`<slot></slot>`}requestRender(){e(this.render(),this.shadowRoot),this.renderedOnce||(this.renderResolve(!0),this.renderedOnce=!0,this.firstRender&&this.firstRender())}};globalThis.pubsub=globalThis.pubsub||new i;const a={type:String,reflect:!1,renders:!0,batchDelay:50,temporaryRender:10},n=(t,e)=>{let i=t;return e===Boolean?i=Boolean("true"===t):e===Number?i=Number(t):e===Uint8Array?i=new Uint8Array(t.split(",")):e!==Array&&e!==Object&&e!==WeakMap&&e!==Map&&e!==Uint8Array||(i=JSON.parse(t),e===Map&&(i=new Map(t)),e===WeakMap&&(i=new WeakMap(t))),i},o=t=>{t={...a,...t};let e=0;return function(i,{kind:r,name:a,addInitializer:o,access:c,metadata:l}){const{type:h,reflect:d,renders:u,batches:g,batchDelay:p,consumer:b,provider:m,temporaryRender:_}=t,y=t.attribute??d,f=String(a),v=y&&"string"==typeof y?y:f,x=h===Boolean,w=b||"boolean"==typeof t.consumes?v:t.consumes,S=m||"boolean"==typeof t.provides?v:t.provides;if(t.provider&&console.warn(`${f}: 'options.provider' is deprecated, use options.provides instead`),t.consumer&&console.warn(`${f}: 'options.consumer' is deprecated, used options.consumes instead`),o((async function(){"accessor"!==r&&console.warn(`${this.localName}: @property(${t}) ${f} ${r} is not supported`),y&&(l||(l={}),l.observedAttributes||(l.observedAttributes=new Map),l.observedAttributes.set(f,v)),w&&globalThis.pubsub.subscribe(w,(async t=>{this[a]=t}))})),"accessor"===r)return{get(){return $.call(this)},set(t){return C.call(this,t)},init(t){return this.hasAttribute(v)&&(t=x?this.hasAttribute(v):n(this.getAttribute(v),h)),void 0!==t&&C.call(this,t),w&&globalThis.pubsub.subscribers?.[w]?.value&&C.call(this,globalThis.pubsub.subscribers[w].value),this[a]}};function $(){const t=y?x?this.hasAttribute(v):n(this.getAttribute(v),h):this[`__lite_${f}`]?this[`__lite_${f}`]:this[`_lite_${f}`];return w&&!this[`__lite_${f}`]&&globalThis.pubsub.subscribers?.[w]?.value?(t!==globalThis.pubsub.subscribers[w].value&&C.call(this,globalThis.pubsub.subscribers[w].value),globalThis.pubsub.subscribers[w].value):t}async function C(t){if(S&&globalThis.pubsub.publish(S,t),this[`_lite_${f}`]!==t){this.willChange&&(this[`__lite_${f}`]=await this.willChange(a,t)),y?x?t||this[`__lite_${f}`]?this.setAttribute(v,""):this.removeAttribute(v):t||this[`__lite_${f}`]?this.setAttribute(v,((t,e)=>{let i=e;if(t===Boolean||t===Number||t===Uint8Array)return e.toString();if(t===Array||t===Object||t===WeakMap||t===Map||t===Uint8Array){let r;t!==Map&&t!==WeakMap||(r=Object(e).entries()),i=JSON.stringify(r)}return i})(h,this[`__lite_${f}`]??t)):this.removeAttribute(v):this[`_lite_${f}`]=t;const i=()=>{e=0,this.requestRender&&u&&this.requestRender(),this.onChange&&this.onChange(a,this[`__lite_${f}`]??t)};g?(e===_&&i(),this[`_${f}_timeout`]&&clearTimeout(this[`_${f}_timeout`]),this[`_${f}_timeout`]=setTimeout(i,p)):i()}}}};var c=function(t,e,i,r,a,n){function o(t){if(void 0!==t&&"function"!=typeof t)throw new TypeError("Function expected");return t}for(var c,l=r.kind,h="getter"===l?"get":"setter"===l?"set":"value",d=!e&&t?r.static?t:t.prototype:null,u=e||(d?Object.getOwnPropertyDescriptor(d,r.name):{}),g=!1,p=i.length-1;p>=0;p--){var b={};for(var m in r)b[m]="access"===m?{}:r[m];for(var m in r.access)b.access[m]=r.access[m];b.addInitializer=function(t){if(g)throw new TypeError("Cannot add initializers after decoration has completed");n.push(o(t||null))};var _=(0,i[p])("accessor"===l?{get:u.get,set:u.set}:u[h],b);if("accessor"===l){if(void 0===_)continue;if(null===_||"object"!=typeof _)throw new TypeError("Object expected");(c=o(_.get))&&(u.get=c),(c=o(_.set))&&(u.set=c),(c=o(_.init))&&a.unshift(c)}else(c=o(_))&&("field"===l?a.unshift(c):u[h]=c)}d&&Object.defineProperty(d,r.name,u),g=!0},l=function(t,e,i){for(var r=arguments.length>2,a=0;a<e.length;a++)i=r?e[a].call(t,i):e[a].call(t);return r?i:void 0};let h=(()=>{let e,i,a,n,h,d,u,g,p,b,m=r,_=[],y=[],f=[],v=[],x=[],w=[],S=[],$=[],C=[],W=[],j=[];return class FlexDisplay extends m{static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;e=[o({type:String})],i=[o({type:String})],a=[o({type:String})],n=[o({type:String})],h=[o({type:String,reflect:!0})],d=[o({type:Boolean,reflect:!0})],u=[o({type:Boolean,reflect:!0,attribute:"center-center"})],g=[o({type:String})],p=[o({type:String})],b=[o({type:String})],c(this,null,e,{kind:"accessor",name:"padding",static:!1,private:!1,access:{has:t=>"padding"in t,get:t=>t.padding,set:(t,e)=>{t.padding=e}},metadata:t},y,_),c(this,null,i,{kind:"accessor",name:"minWidth",static:!1,private:!1,access:{has:t=>"minWidth"in t,get:t=>t.minWidth,set:(t,e)=>{t.minWidth=e}},metadata:t},f,_),c(this,null,a,{kind:"accessor",name:"maxWidth",static:!1,private:!1,access:{has:t=>"maxWidth"in t,get:t=>t.maxWidth,set:(t,e)=>{t.maxWidth=e}},metadata:t},v,_),c(this,null,n,{kind:"accessor",name:"width",static:!1,private:!1,access:{has:t=>"width"in t,get:t=>t.width,set:(t,e)=>{t.width=e}},metadata:t},x,_),c(this,null,h,{kind:"accessor",name:"direction",static:!1,private:!1,access:{has:t=>"direction"in t,get:t=>t.direction,set:(t,e)=>{t.direction=e}},metadata:t},w,_),c(this,null,d,{kind:"accessor",name:"center",static:!1,private:!1,access:{has:t=>"center"in t,get:t=>t.center,set:(t,e)=>{t.center=e}},metadata:t},S,_),c(this,null,u,{kind:"accessor",name:"centerCenter",static:!1,private:!1,access:{has:t=>"centerCenter"in t,get:t=>t.centerCenter,set:(t,e)=>{t.centerCenter=e}},metadata:t},$,_),c(this,null,g,{kind:"accessor",name:"justifyContent",static:!1,private:!1,access:{has:t=>"justifyContent"in t,get:t=>t.justifyContent,set:(t,e)=>{t.justifyContent=e}},metadata:t},C,_),c(this,null,p,{kind:"accessor",name:"alignItems",static:!1,private:!1,access:{has:t=>"alignItems"in t,get:t=>t.alignItems,set:(t,e)=>{t.alignItems=e}},metadata:t},W,_),c(this,null,b,{kind:"accessor",name:"boxSizing",static:!1,private:!1,access:{has:t=>"boxSizing"in t,get:t=>t.boxSizing,set:(t,e)=>{t.boxSizing=e}},metadata:t},j,_),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#t=(l(this,_),l(this,y,"0"));get padding(){return this.#t}set padding(t){this.#t=t}#e=l(this,f,"auto");get minWidth(){return this.#e}set minWidth(t){this.#e=t}#s=l(this,v,"auto");get maxWidth(){return this.#s}set maxWidth(t){this.#s=t}#i=l(this,x,"100%");get width(){return this.#i}set width(t){this.#i=t}#r=l(this,w,"row");get direction(){return this.#r}set direction(t){this.#r=t}#a=l(this,S,void 0);get center(){return this.#a}set center(t){this.#a=t}#n=l(this,$,void 0);get centerCenter(){return this.#n}set centerCenter(t){this.#n=t}#o=l(this,C,"flex-start");get justifyContent(){return this.#o}set justifyContent(t){this.#o=t}#c=l(this,W,"flex-start");get alignItems(){return this.#c}set alignItems(t){this.#c=t}#l=l(this,j,"border-box");get boxSizing(){return this.#l}set boxSizing(t){this.#l=t}render(){return t`
|
|
2
|
-
<style>
|
|
3
|
-
:host {
|
|
4
|
-
display: flex;
|
|
5
|
-
box-sizing: var(--flex-display-box-sizing, ${this.boxSizing});
|
|
6
|
-
max-width: var(--flex-display-max-width, ${this.maxWidth});
|
|
7
|
-
min-width: var(--flex-display-min-width, ${this.minWidth});
|
|
8
|
-
width: var(--flex-display-width, ${this.width});
|
|
9
|
-
flex-direction: var(--flex-display-direction, ${this.direction});
|
|
10
|
-
justify-content: var(
|
|
11
|
-
--flex-display-justify-content,
|
|
12
|
-
${this.justifyContent}
|
|
13
|
-
);
|
|
14
|
-
align-items: var(--flex-display-align-items, ${this.alignItems});
|
|
15
|
-
padding: var(--flex-display-padding, ${this.padding});
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
:host([center]) {
|
|
19
|
-
align-items: center;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
:host([center-center]) {
|
|
23
|
-
align-items: center;
|
|
24
|
-
justify-content: center;
|
|
25
|
-
}
|
|
26
|
-
</style>
|
|
27
|
-
<slot></slot>
|
|
28
|
-
`}}})();customElements.define("flex-row",class FlexRow extends h{constructor(){super(),this.direction="row",this.width="auto"}});export{h as F};
|