godown 1.1.6 → 2.0.0
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/LICENSE +9 -9
- package/conf.d.ts +12 -13
- package/conf.d.ts.map +1 -1
- package/conf.js +12 -9
- package/conf.js.map +1 -0
- package/deps.d.ts +4 -4
- package/deps.d.ts.map +1 -1
- package/deps.js +5 -4
- package/deps.js.map +1 -0
- package/effect/clip-text.d.ts +13 -0
- package/effect/clip-text.d.ts.map +1 -0
- package/effect/clip-text.js +35 -0
- package/effect/clip-text.js.map +1 -0
- package/effect/index.d.ts +3 -3
- package/effect/index.d.ts.map +1 -1
- package/effect/index.js +4 -3
- package/effect/index.js.map +1 -0
- package/effect/overbreath-text.d.ts +14 -0
- package/effect/overbreath-text.d.ts.map +1 -0
- package/effect/overbreath-text.js +244 -0
- package/effect/overbreath-text.js.map +1 -0
- package/effect/std.d.ts +2 -2
- package/effect/std.d.ts.map +1 -1
- package/effect/std.js +3 -2
- package/effect/std.js.map +1 -0
- package/effect/typewriter-text.d.ts +27 -0
- package/effect/typewriter-text.d.ts.map +1 -0
- package/effect/typewriter-text.js +121 -0
- package/effect/typewriter-text.js.map +1 -0
- package/glob.d.ts +18 -2
- package/glob.d.ts.map +1 -1
- package/glob.js +112 -5
- package/glob.js.map +1 -0
- package/group/avatar-group.d.ts +6 -8
- package/group/avatar-group.d.ts.map +1 -1
- package/group/avatar-group.js +24 -47
- package/group/avatar-group.js.map +1 -0
- package/group/details-group.d.ts +4 -5
- package/group/details-group.d.ts.map +1 -1
- package/group/details-group.js +7 -8
- package/group/details-group.js.map +1 -0
- package/group/index.d.ts +0 -1
- package/group/index.d.ts.map +1 -1
- package/group/index.js +1 -1
- package/group/index.js.map +1 -0
- package/group/std.d.ts +2 -2
- package/group/std.d.ts.map +1 -1
- package/group/std.js +3 -2
- package/group/std.js.map +1 -0
- package/index.js +1 -0
- package/index.js.map +1 -0
- package/input-form/base-input.d.ts +11 -10
- package/input-form/base-input.d.ts.map +1 -1
- package/input-form/base-input.js +38 -27
- package/input-form/base-input.js.map +1 -0
- package/input-form/index.d.ts +0 -1
- package/input-form/index.d.ts.map +1 -1
- package/input-form/index.js +1 -1
- package/input-form/index.js.map +1 -0
- package/input-form/label-input.d.ts +9 -8
- package/input-form/label-input.d.ts.map +1 -1
- package/input-form/label-input.js +43 -33
- package/input-form/label-input.js.map +1 -0
- package/input-form/search-input.d.ts +9 -18
- package/input-form/search-input.d.ts.map +1 -1
- package/input-form/search-input.js +31 -141
- package/input-form/search-input.js.map +1 -0
- package/input-form/select-input.d.ts +11 -8
- package/input-form/select-input.d.ts.map +1 -1
- package/input-form/select-input.js +79 -54
- package/input-form/select-input.js.map +1 -0
- package/input-form/sign-form.d.ts +9 -13
- package/input-form/sign-form.d.ts.map +1 -1
- package/input-form/sign-form.js +29 -40
- package/input-form/sign-form.js.map +1 -0
- package/input-form/split-input.d.ts +6 -5
- package/input-form/split-input.d.ts.map +1 -1
- package/input-form/split-input.js +27 -22
- package/input-form/split-input.js.map +1 -0
- package/input-form/std.d.ts +13 -8
- package/input-form/std.d.ts.map +1 -1
- package/input-form/std.js +58 -16
- package/input-form/std.js.map +1 -0
- package/input-form/switch-input.d.ts +6 -5
- package/input-form/switch-input.d.ts.map +1 -1
- package/input-form/switch-input.js +27 -7
- package/input-form/switch-input.js.map +1 -0
- package/items/alert-item.d.ts +4 -4
- package/items/alert-item.d.ts.map +1 -1
- package/items/alert-item.js +91 -95
- package/items/alert-item.js.map +1 -0
- package/items/avatar-a.d.ts +17 -0
- package/items/avatar-a.d.ts.map +1 -0
- package/items/avatar-a.js +102 -0
- package/items/avatar-a.js.map +1 -0
- package/items/base-button.d.ts +24 -7
- package/items/base-button.d.ts.map +1 -1
- package/items/base-button.js +184 -140
- package/items/base-button.js.map +1 -0
- package/items/dialog-item.d.ts +11 -10
- package/items/dialog-item.d.ts.map +1 -1
- package/items/dialog-item.js +69 -43
- package/items/dialog-item.js.map +1 -0
- package/items/index.d.ts +2 -1
- package/items/index.d.ts.map +1 -1
- package/items/index.js +3 -1
- package/items/index.js.map +1 -0
- package/items/link-a.d.ts +6 -5
- package/items/link-a.d.ts.map +1 -1
- package/items/link-a.js +24 -49
- package/items/link-a.js.map +1 -0
- package/items/load-track.d.ts +7 -6
- package/items/load-track.d.ts.map +1 -1
- package/items/load-track.js +17 -13
- package/items/load-track.js.map +1 -0
- package/items/std.d.ts +2 -2
- package/items/std.d.ts.map +1 -1
- package/items/std.js +3 -2
- package/items/std.js.map +1 -0
- package/items/super-a.d.ts +5 -5
- package/items/super-a.d.ts.map +1 -1
- package/items/super-a.js +26 -17
- package/items/super-a.js.map +1 -0
- package/items/time-bar.d.ts +20 -0
- package/items/time-bar.d.ts.map +1 -0
- package/items/time-bar.js +90 -0
- package/items/time-bar.js.map +1 -0
- package/layout/div-line.d.ts +3 -3
- package/layout/div-line.d.ts.map +1 -1
- package/layout/div-line.js +12 -7
- package/layout/div-line.js.map +1 -0
- package/layout/drag-box.d.ts +10 -12
- package/layout/drag-box.d.ts.map +1 -1
- package/layout/drag-box.js +10 -18
- package/layout/drag-box.js.map +1 -0
- package/layout/flex-flow.d.ts +3 -3
- package/layout/flex-flow.d.ts.map +1 -1
- package/layout/flex-flow.js +7 -5
- package/layout/flex-flow.js.map +1 -0
- package/layout/index.d.ts +1 -0
- package/layout/index.d.ts.map +1 -1
- package/layout/index.js +2 -0
- package/layout/index.js.map +1 -0
- package/layout/nav-aside.d.ts +5 -4
- package/layout/nav-aside.d.ts.map +1 -1
- package/layout/nav-aside.js +9 -6
- package/layout/nav-aside.js.map +1 -0
- package/layout/nav-layout.d.ts +5 -6
- package/layout/nav-layout.d.ts.map +1 -1
- package/layout/nav-layout.js +23 -42
- package/layout/nav-layout.js.map +1 -0
- package/layout/std.d.ts +3 -3
- package/layout/std.d.ts.map +1 -1
- package/layout/std.js +4 -3
- package/layout/std.js.map +1 -0
- package/layout/with-wrap.d.ts +13 -0
- package/layout/with-wrap.d.ts.map +1 -0
- package/{items/no-support.js → layout/with-wrap.js} +32 -23
- package/layout/with-wrap.js.map +1 -0
- package/package.json +15 -10
- package/react/effect.d.ts +2 -5
- package/react/effect.d.ts.map +1 -1
- package/react/effect.js +8 -22
- package/react/effect.js.map +1 -0
- package/react/group.d.ts +0 -1
- package/react/group.d.ts.map +1 -1
- package/react/group.js +2 -6
- package/react/group.js.map +1 -0
- package/react/index.js +1 -0
- package/react/index.js.map +1 -0
- package/react/input-form.d.ts +0 -5
- package/react/input-form.d.ts.map +1 -1
- package/react/input-form.js +9 -19
- package/react/input-form.js.map +1 -0
- package/react/items.d.ts +2 -1
- package/react/items.d.ts.map +1 -1
- package/react/items.js +9 -3
- package/react/items.js.map +1 -0
- package/react/layout.d.ts.map +1 -1
- package/react/layout.js +2 -1
- package/react/layout.js.map +1 -0
- package/react/view.d.ts +1 -0
- package/react/view.d.ts.map +1 -1
- package/react/view.js +7 -1
- package/react/view.js.map +1 -0
- package/tmpl.d.ts +20 -0
- package/tmpl.d.ts.map +1 -0
- package/tmpl.js +39 -0
- package/tmpl.js.map +1 -0
- package/view/details-expand.d.ts +9 -6
- package/view/details-expand.d.ts.map +1 -1
- package/view/details-expand.js +30 -26
- package/view/details-expand.js.map +1 -0
- package/view/down-drop.d.ts +11 -6
- package/view/down-drop.d.ts.map +1 -1
- package/view/down-drop.js +45 -24
- package/view/down-drop.js.map +1 -0
- package/view/index.d.ts +1 -0
- package/view/index.d.ts.map +1 -1
- package/view/index.js +2 -0
- package/view/index.js.map +1 -0
- package/view/menu-list.d.ts +7 -4
- package/view/menu-list.d.ts.map +1 -1
- package/view/menu-list.js +26 -13
- package/view/menu-list.js.map +1 -0
- package/view/rotation-pool.d.ts +23 -0
- package/view/rotation-pool.d.ts.map +1 -0
- package/{effect/ro-effect.js → view/rotation-pool.js} +74 -41
- package/view/rotation-pool.js.map +1 -0
- package/view/route-view.d.ts +10 -30
- package/view/route-view.d.ts.map +1 -1
- package/view/route-view.js +24 -28
- package/view/route-view.js.map +1 -0
- package/view/scroll-x.d.ts +4 -3
- package/view/scroll-x.d.ts.map +1 -1
- package/view/scroll-x.js +14 -10
- package/view/scroll-x.js.map +1 -0
- package/view/std.d.ts +3 -3
- package/view/std.d.ts.map +1 -1
- package/view/std.js +21 -4
- package/view/std.js.map +1 -0
- package/with.d.ts +27 -19
- package/with.d.ts.map +1 -1
- package/with.js +81 -59
- package/with.js.map +1 -0
- package/effect/ov-effect.d.ts +0 -24
- package/effect/ov-effect.d.ts.map +0 -1
- package/effect/ov-effect.js +0 -299
- package/effect/ro-effect.d.ts +0 -20
- package/effect/ro-effect.d.ts.map +0 -1
- package/effect/tw-effect.d.ts +0 -22
- package/effect/tw-effect.d.ts.map +0 -1
- package/effect/tw-effect.js +0 -108
- package/group/button-group.d.ts +0 -13
- package/group/button-group.d.ts.map +0 -1
- package/group/button-group.js +0 -79
- package/input-form/exp-input.d.ts +0 -23
- package/input-form/exp-input.d.ts.map +0 -1
- package/input-form/exp-input.js +0 -218
- package/items/avatar-anchor.d.ts +0 -20
- package/items/avatar-anchor.d.ts.map +0 -1
- package/items/avatar-anchor.js +0 -150
- package/items/no-support.d.ts +0 -7
- package/items/no-support.d.ts.map +0 -1
package/view/route-view.js
CHANGED
@@ -5,9 +5,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
6
6
|
};
|
7
7
|
var RouteView_1;
|
8
|
-
import { conf, css, define,
|
9
|
-
import {
|
10
|
-
let RouteView = RouteView_1 = class RouteView extends
|
8
|
+
import { conf, css, define, GlobalSTD, html, property } from "../deps.js";
|
9
|
+
import { htmlSlot } from "../tmpl.js";
|
10
|
+
let RouteView = RouteView_1 = class RouteView extends GlobalSTD {
|
11
11
|
constructor() {
|
12
12
|
super(...arguments);
|
13
13
|
this._routes = [];
|
@@ -16,8 +16,8 @@ let RouteView = RouteView_1 = class RouteView extends LitElement {
|
|
16
16
|
this.type = "united";
|
17
17
|
this.baseURL = "";
|
18
18
|
this.path = "";
|
19
|
-
this.override =
|
20
|
-
this.
|
19
|
+
this.override = true;
|
20
|
+
this.component = null;
|
21
21
|
}
|
22
22
|
set routes(v) {
|
23
23
|
if (Object.prototype.toString.call(v) !== "[object Array]") {
|
@@ -38,12 +38,12 @@ let RouteView = RouteView_1 = class RouteView extends LitElement {
|
|
38
38
|
render() {
|
39
39
|
var _a, _b, _c;
|
40
40
|
if (this.type === "field") {
|
41
|
-
return (_a = this.render_field()) !== null && _a !== void 0 ? _a :
|
41
|
+
return (_a = this.render_field()) !== null && _a !== void 0 ? _a : htmlSlot();
|
42
42
|
}
|
43
43
|
if (this.type === "slotted" || this.type === "child") {
|
44
|
-
return (_b = this.render_slotted()) !== null && _b !== void 0 ? _b :
|
44
|
+
return (_b = this.render_slotted()) !== null && _b !== void 0 ? _b : htmlSlot();
|
45
45
|
}
|
46
|
-
return (_c = this.render_united()) !== null && _c !== void 0 ? _c :
|
46
|
+
return (_c = this.render_united()) !== null && _c !== void 0 ? _c : htmlSlot();
|
47
47
|
}
|
48
48
|
useRouter() {
|
49
49
|
return {
|
@@ -54,11 +54,11 @@ let RouteView = RouteView_1 = class RouteView extends LitElement {
|
|
54
54
|
connectedCallback() {
|
55
55
|
super.connectedCallback();
|
56
56
|
this.path = window.location.pathname;
|
57
|
-
window.addEventListener("popstate", (e) => {
|
58
|
-
this.path = window.location.pathname;
|
59
|
-
});
|
60
57
|
if (!this.override)
|
61
58
|
return;
|
59
|
+
this.addEvent(window, "popstate", () => {
|
60
|
+
this.path = window.location.pathname;
|
61
|
+
});
|
62
62
|
const pushHistory = history.pushState;
|
63
63
|
history.pushState = function () {
|
64
64
|
pushHistory.apply(this, arguments);
|
@@ -71,11 +71,10 @@ let RouteView = RouteView_1 = class RouteView extends LitElement {
|
|
71
71
|
};
|
72
72
|
}
|
73
73
|
render_united() {
|
74
|
-
const
|
75
|
-
if (
|
76
|
-
return
|
77
|
-
|
78
|
-
return Compoent;
|
74
|
+
const slottedComponent = this.render_slotted();
|
75
|
+
if (slottedComponent)
|
76
|
+
return slottedComponent;
|
77
|
+
return this.render_field();
|
79
78
|
}
|
80
79
|
render_slotted() {
|
81
80
|
const childNodes = this.querySelectorAll(":scope > *[slot]");
|
@@ -94,15 +93,12 @@ let RouteView = RouteView_1 = class RouteView extends LitElement {
|
|
94
93
|
slotsSort = RouteView_1.sortRoutesPaths(slots);
|
95
94
|
}
|
96
95
|
const usedRouteTemplate = RouteView_1.useWhichRoute(slotsSort, this.path);
|
97
|
-
|
98
|
-
return Compoent;
|
96
|
+
return this.slottedComponent(usedRouteTemplate, slotsSort);
|
99
97
|
}
|
100
98
|
render_field() {
|
101
99
|
const usedRouteTemplate = RouteView_1.useWhichRoute(this.routes, this.path);
|
102
|
-
|
103
|
-
this.
|
104
|
-
const Compoent = this.fieldComponent(usedRouteTemplate);
|
105
|
-
return Compoent;
|
100
|
+
this.params = RouteView_1.parseRouterParams(usedRouteTemplate, this.path);
|
101
|
+
return this.fieldComponent(usedRouteTemplate);
|
106
102
|
}
|
107
103
|
fieldComponent(usedRouteTemplate) {
|
108
104
|
if (!usedRouteTemplate)
|
@@ -110,17 +106,16 @@ let RouteView = RouteView_1 = class RouteView extends LitElement {
|
|
110
106
|
const route = this.routes.find((r) => r.path === usedRouteTemplate);
|
111
107
|
if (!route)
|
112
108
|
return null;
|
113
|
-
return route.component
|
109
|
+
return route.component;
|
114
110
|
}
|
115
|
-
|
111
|
+
slottedComponent(usedRouteTemplate, ObjectArrayIncludePath) {
|
116
112
|
if (!usedRouteTemplate)
|
117
113
|
return;
|
118
114
|
const slotElement = ObjectArrayIncludePath.find((s) => s.path === usedRouteTemplate);
|
119
115
|
if (!slotElement)
|
120
116
|
return null;
|
121
|
-
|
122
|
-
|
123
|
-
return html `<slot name="${slotElement.slotname}"></slot>`;
|
117
|
+
this.params = RouteView_1.parseRouterParams(usedRouteTemplate, this.path);
|
118
|
+
return html ` <slot name="${slotElement.slotname}"></slot>`;
|
124
119
|
}
|
125
120
|
static sortRoutesPaths(ObjectArrayIncludePath) {
|
126
121
|
const all = ObjectArrayIncludePath.map((route) => {
|
@@ -253,9 +248,10 @@ __decorate([
|
|
253
248
|
], RouteView.prototype, "override", void 0);
|
254
249
|
__decorate([
|
255
250
|
property({ type: Object })
|
256
|
-
], RouteView.prototype, "
|
251
|
+
], RouteView.prototype, "component", void 0);
|
257
252
|
RouteView = RouteView_1 = __decorate([
|
258
253
|
define("route-view")
|
259
254
|
], RouteView);
|
260
255
|
export { RouteView };
|
261
256
|
export default RouteView;
|
257
|
+
//# sourceMappingURL=route-view.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"route-view.js","sourceRoot":"","sources":["../../src/view/route-view.ts"],"names":[],"mappings":"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"}
|
package/view/scroll-x.d.ts
CHANGED
@@ -1,8 +1,9 @@
|
|
1
|
-
import
|
2
|
-
export declare class ScrollX extends
|
1
|
+
import ViewSTD from "./std.js";
|
2
|
+
export declare class ScrollX extends ViewSTD {
|
3
3
|
static styles: import("lit").CSSResult;
|
4
4
|
get _section(): HTMLElement;
|
5
|
-
render(): import("lit
|
5
|
+
render(): import("lit").TemplateResult<1>;
|
6
|
+
protected _handelScroll(e: any): void;
|
6
7
|
firstUpdated(): void;
|
7
8
|
resize(): void;
|
8
9
|
}
|
package/view/scroll-x.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"scroll-x.d.ts","sourceRoot":"","sources":["../../src/view/scroll-x.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"scroll-x.d.ts","sourceRoot":"","sources":["../../src/view/scroll-x.ts"],"names":[],"mappings":"AAEA,OAAO,OAAO,MAAM,UAAU,CAAC;AAE/B,qBACa,OAAQ,SAAQ,OAAO;IAClC,MAAM,CAAC,MAAM,0BA8BX;IAEF,IAAI,QAAQ,gBAEX;IAED,MAAM;IAQN,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,GAAG;IAI9B,YAAY;IAKZ,MAAM;CAcP;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
|
package/view/scroll-x.js
CHANGED
@@ -5,26 +5,25 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
6
6
|
};
|
7
7
|
import { css, define, html } from "../deps.js";
|
8
|
-
import
|
9
|
-
|
8
|
+
import { htmlSlot } from "../tmpl.js";
|
9
|
+
import ViewSTD from "./std.js";
|
10
|
+
let ScrollX = class ScrollX extends ViewSTD {
|
10
11
|
get _section() {
|
11
12
|
return this.shadowRoot.querySelector("section");
|
12
13
|
}
|
13
14
|
render() {
|
14
|
-
return html `<section>
|
15
|
+
return html `<section @scroll="${this._handelScroll}">
|
15
16
|
<main>
|
16
|
-
<span
|
17
|
+
<span>${htmlSlot()}</span>
|
17
18
|
</main>
|
18
19
|
</section>`;
|
19
20
|
}
|
21
|
+
_handelScroll(e) {
|
22
|
+
this.dispatchEvent(new CustomEvent("scroll", { detail: e.target.scrollTop }));
|
23
|
+
}
|
20
24
|
firstUpdated() {
|
21
|
-
this._section.addEventListener("scroll", (e) => {
|
22
|
-
this.dispatchEvent(new CustomEvent("scroll", { detail: e.target.scrollTop }));
|
23
|
-
});
|
24
25
|
this.resize();
|
25
|
-
|
26
|
-
this.resize();
|
27
|
-
});
|
26
|
+
this.addEvent(window, "resize", this.resize.bind(this));
|
28
27
|
}
|
29
28
|
resize() {
|
30
29
|
const child = this.firstElementChild;
|
@@ -49,19 +48,23 @@ ScrollX.styles = css `
|
|
49
48
|
width: 100%;
|
50
49
|
height: fit-content;
|
51
50
|
}
|
51
|
+
|
52
52
|
section {
|
53
53
|
overflow: auto;
|
54
54
|
position: relative;
|
55
55
|
transform-origin: 0 0;
|
56
56
|
transform: rotate(-90deg) translateX(-100%);
|
57
57
|
}
|
58
|
+
|
58
59
|
section::-webkit-scrollbar {
|
59
60
|
display: none;
|
60
61
|
}
|
62
|
+
|
61
63
|
span {
|
62
64
|
height: 500px;
|
63
65
|
display: flex;
|
64
66
|
}
|
67
|
+
|
65
68
|
main {
|
66
69
|
width: auto;
|
67
70
|
position: absolute;
|
@@ -75,3 +78,4 @@ ScrollX = __decorate([
|
|
75
78
|
], ScrollX);
|
76
79
|
export { ScrollX };
|
77
80
|
export default ScrollX;
|
81
|
+
//# sourceMappingURL=scroll-x.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"scroll-x.js","sourceRoot":"","sources":["../../src/view/scroll-x.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,OAAO,MAAM,UAAU,CAAC;AAGxB,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,OAAO;IAiClC,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAClD,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,qBAAqB,IAAI,CAAC,aAAa;;gBAEtC,QAAQ,EAAE;;eAEX,CAAC;IACd,CAAC;IAES,aAAa,CAAC,CAAM;QAC5B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;IAChF,CAAC;IAED,YAAY;QACV,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC1D,CAAC;IAED,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,iBAAiB,CAAC;QACrC,IAAI,CAAC,KAAK;YAAE,OAAO;QACnB,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,IAAI,CAAC,CAAC;QAC7C,IAAI,YAAY,EAAE;YAChB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,YAAY,GAAG,IAAI,CAAC;YAChD,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC;SAC3D;aAAM;YACL,MAAM,cAAc,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC;YACtD,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC;YACnC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,cAAc,CAAC;YAC3C,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC;SAC3D;IACH,CAAC;;AAlEM,cAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BlB,AA9BY,CA8BX;AA/BS,OAAO;IADnB,MAAM,CAAC,UAAU,CAAC;GACN,OAAO,CAoEnB;;AAED,eAAe,OAAO,CAAC"}
|
package/view/std.d.ts
CHANGED
@@ -1,5 +1,5 @@
|
|
1
|
-
import {
|
2
|
-
export default class ViewSTD extends
|
1
|
+
import { GlobalSTD } from "../deps.js";
|
2
|
+
export default class ViewSTD extends GlobalSTD {
|
3
3
|
}
|
4
|
-
export declare const
|
4
|
+
export declare const dlShareCSS: import("lit").CSSResult;
|
5
5
|
//# sourceMappingURL=std.d.ts.map
|
package/view/std.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/view/std.ts"],"names":[],"mappings":"AAAA,OAAO,
|
1
|
+
{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/view/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,SAAS;CAAG;AACjD,eAAO,MAAM,UAAU,yBAiDtB,CAAC"}
|
package/view/std.js
CHANGED
@@ -1,17 +1,24 @@
|
|
1
|
-
import {
|
2
|
-
export default class ViewSTD extends
|
1
|
+
import { css, GlobalSTD } from "../deps.js";
|
2
|
+
export default class ViewSTD extends GlobalSTD {
|
3
3
|
}
|
4
|
-
export const
|
4
|
+
export const dlShareCSS = css `
|
5
5
|
:host {
|
6
6
|
display: block;
|
7
7
|
transition: all 0.3s ease-in-out;
|
8
8
|
}
|
9
|
+
|
9
10
|
span {
|
10
11
|
display: inline-flex;
|
11
12
|
align-items: center;
|
12
13
|
flex: 1;
|
13
14
|
white-space: nowrap;
|
14
15
|
}
|
16
|
+
|
17
|
+
dl {
|
18
|
+
height: 100%;
|
19
|
+
position: relative;
|
20
|
+
}
|
21
|
+
|
15
22
|
dt {
|
16
23
|
display: flex;
|
17
24
|
flex-wrap: nowrap;
|
@@ -19,19 +26,29 @@ export const DLsharecss = css `
|
|
19
26
|
background: inherit;
|
20
27
|
align-items: center;
|
21
28
|
}
|
29
|
+
|
22
30
|
* {
|
23
31
|
transition: inherit;
|
24
32
|
}
|
33
|
+
|
25
34
|
dd {
|
26
35
|
overflow: hidden;
|
27
36
|
display: grid;
|
28
37
|
grid-template-rows: 0fr;
|
29
38
|
}
|
39
|
+
|
30
40
|
section {
|
31
41
|
min-height: 0;
|
32
42
|
overflow: hidden;
|
33
43
|
}
|
34
|
-
|
44
|
+
|
45
|
+
:host([open]) dd {
|
35
46
|
grid-template-rows: 1fr;
|
36
47
|
}
|
48
|
+
|
49
|
+
:host([float]) dd {
|
50
|
+
top: 100%;
|
51
|
+
position: absolute;
|
52
|
+
}
|
37
53
|
`;
|
54
|
+
//# sourceMappingURL=std.js.map
|
package/view/std.js.map
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"std.js","sourceRoot":"","sources":["../../src/view/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,SAAS;CAAG;AACjD,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiD5B,CAAC"}
|
package/with.d.ts
CHANGED
@@ -1,28 +1,36 @@
|
|
1
1
|
export declare const define: (name: string, options?: ElementDefinitionOptions) => (constructor: CustomElementConstructor) => void;
|
2
2
|
/**
|
3
|
-
* Create element
|
4
|
-
* @param target Appended target element or
|
5
|
-
* @param args tag:tag name, props:attribute, children:appended chindren
|
3
|
+
* Create element from args append to target
|
4
|
+
* @param target Appended target element, target or document.querySelector(target) or document.body
|
5
|
+
* @param args tag: tag name, props: attribute, children: appended chindren
|
6
6
|
*/
|
7
|
-
export declare
|
8
|
-
tag: any;
|
9
|
-
props?: any;
|
10
|
-
children?: any;
|
11
|
-
html?: any;
|
12
|
-
}) => void;
|
7
|
+
export declare function append(target: string | HTMLElement, args: string | EleArgs | HTMLElement): void;
|
13
8
|
/**
|
14
9
|
* Create element from args
|
15
|
-
* @param args tag:tag name, props:attribute, children:appended chindren
|
10
|
+
* @param args tag: tag name, props: attribute, children: appended chindren
|
16
11
|
*/
|
17
|
-
export declare
|
18
|
-
tag: any;
|
19
|
-
props?: any;
|
20
|
-
children?: any;
|
21
|
-
html?: any;
|
22
|
-
}) => any;
|
12
|
+
export declare function create(args: string | EleArgs | HTMLElement): HTMLElement;
|
23
13
|
/**
|
24
|
-
*
|
25
|
-
* @param
|
14
|
+
* Replace elements
|
15
|
+
* @param matched
|
16
|
+
* @param args
|
26
17
|
*/
|
27
|
-
export declare
|
18
|
+
export declare function retag(matched: HTMLElement[], args: string | EleArgs | HTMLElement): void;
|
19
|
+
interface EleArgs {
|
20
|
+
tag: string;
|
21
|
+
props?: Record<string, any>;
|
22
|
+
children?: (string | HTMLElement | EleArgs)[];
|
23
|
+
}
|
24
|
+
/**
|
25
|
+
* @param vars css properties key array
|
26
|
+
* @param selectorProperties keys: raw name, as selector. values: css properties value array
|
27
|
+
* @param selectorFunc change raw name to a new selector
|
28
|
+
* @param propertyFunc form key and value into new key:value; pairs.
|
29
|
+
* @returns css text
|
30
|
+
*/
|
31
|
+
export declare function constructCSS(vars: LikeString[], selectorProperties: Record<string, LikeString[]>, selectorFunc?: (raw: LikeString) => string, propertyFunc?: (k: LikeString, v: LikeString) => string): string;
|
32
|
+
interface LikeString {
|
33
|
+
toString(): string;
|
34
|
+
}
|
35
|
+
export {};
|
28
36
|
//# sourceMappingURL=with.d.ts.map
|
package/with.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"with.d.ts","sourceRoot":"","sources":["../src/with.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"with.d.ts","sourceRoot":"","sources":["../src/with.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,SAAU,MAAM,YAAY,wBAAwB,mBAAmB,wBAAwB,SAOjH,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,WAA2B,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,QAKxG;AAED;;;GAGG;AACH,wBAAgB,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,CAuBxE;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,QAajF;AAED,UAAU,OAAO;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,MAAM,GAAG,WAAW,GAAG,OAAO,CAAC,EAAE,CAAC;CAC/C;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,MAAM,EAAE,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,UAAU,KAAK,MAAM,UAoBrM;AAED,UAAU,UAAU;IAClB,QAAQ,IAAI,MAAM,CAAC;CACpB"}
|
package/with.js
CHANGED
@@ -1,77 +1,99 @@
|
|
1
1
|
import { conf } from "./conf.js";
|
2
2
|
export const define = (name, options) => (constructor) => {
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
(_b = conf === null || conf === void 0 ? void 0 : conf.namemap) === null || _b === void 0 ? void 0 : _b.set(name, tagname);
|
3
|
+
const tagName = conf.tag(name);
|
4
|
+
if (customElements.get(tagName) === undefined) {
|
5
|
+
customElements.define(tagName, constructor, options);
|
6
|
+
conf.enabled.add(name);
|
7
|
+
conf.namemap.set(name, tagName);
|
9
8
|
}
|
10
9
|
};
|
11
10
|
/**
|
12
|
-
* Create element
|
13
|
-
* @param target Appended target element or
|
14
|
-
* @param args tag:tag name, props:attribute, children:appended chindren
|
11
|
+
* Create element from args append to target
|
12
|
+
* @param target Appended target element, target or document.querySelector(target) or document.body
|
13
|
+
* @param args tag: tag name, props: attribute, children: appended chindren
|
15
14
|
*/
|
16
|
-
export
|
17
|
-
if (!
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
};
|
15
|
+
export function append(target = document.body, args) {
|
16
|
+
if (!(target instanceof HTMLElement)) {
|
17
|
+
target = (document.querySelector(target) || document.body);
|
18
|
+
}
|
19
|
+
target.appendChild(create(args));
|
20
|
+
}
|
23
21
|
/**
|
24
22
|
* Create element from args
|
25
|
-
* @param args tag:tag name, props:attribute, children:appended chindren
|
23
|
+
* @param args tag: tag name, props: attribute, children: appended chindren
|
26
24
|
*/
|
27
|
-
export
|
28
|
-
|
29
|
-
|
30
|
-
|
25
|
+
export function create(args) {
|
26
|
+
if (args instanceof HTMLElement) {
|
27
|
+
return args;
|
28
|
+
}
|
29
|
+
const { tag, props, children } = (typeof args === "string" ? { tag: args } : args);
|
30
|
+
const newElement = document.createElement(tag);
|
31
31
|
if (props) {
|
32
32
|
Object.keys(props).forEach((prop) => {
|
33
|
-
|
34
|
-
element.setAttribute(prop, props[prop] === true ? "" : props[prop]);
|
33
|
+
newElement.setAttribute(prop, props[prop] === true ? "" : props[prop]);
|
35
34
|
});
|
36
35
|
}
|
37
|
-
if (
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
36
|
+
if (children && Array.isArray(children)) {
|
37
|
+
children.forEach((child) => {
|
38
|
+
if (typeof child === "string") {
|
39
|
+
newElement.appendChild(document.createTextNode(child));
|
40
|
+
}
|
41
|
+
else if (child instanceof HTMLElement) {
|
42
|
+
newElement.appendChild(child);
|
43
|
+
}
|
44
|
+
else {
|
45
|
+
newElement.appendChild(create(child));
|
46
|
+
}
|
47
|
+
});
|
48
48
|
}
|
49
|
-
return
|
50
|
-
}
|
49
|
+
return newElement;
|
50
|
+
}
|
51
51
|
/**
|
52
|
-
*
|
53
|
-
* @param
|
52
|
+
* Replace elements
|
53
|
+
* @param matched
|
54
|
+
* @param args
|
54
55
|
*/
|
55
|
-
export
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
const
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
acc[attr.name] = attr.args;
|
66
|
-
return acc;
|
67
|
-
}, props);
|
68
|
-
const newElement = create({
|
69
|
-
tag,
|
70
|
-
html: html + element.innerHTML,
|
71
|
-
props,
|
72
|
-
children,
|
73
|
-
});
|
74
|
-
element.parentNode.replaceChild(newElement, element);
|
56
|
+
export function retag(matched, args) {
|
57
|
+
var _a;
|
58
|
+
for (let i = matched.length - 1; i >= 0; i--) {
|
59
|
+
const element = matched[i];
|
60
|
+
const newElement = create(args);
|
61
|
+
for (let i = 0; i < element.attributes.length; i++) {
|
62
|
+
const attribute = element.attributes[i];
|
63
|
+
if (!newElement.hasAttribute(attribute.name)) {
|
64
|
+
newElement.setAttribute(attribute.name, attribute.value);
|
65
|
+
}
|
75
66
|
}
|
67
|
+
newElement.innerHTML = element.innerHTML;
|
68
|
+
(_a = element.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(newElement, element);
|
76
69
|
}
|
77
|
-
}
|
70
|
+
}
|
71
|
+
/**
|
72
|
+
* @param vars css properties key array
|
73
|
+
* @param selectorProperties keys: raw name, as selector. values: css properties value array
|
74
|
+
* @param selectorFunc change raw name to a new selector
|
75
|
+
* @param propertyFunc form key and value into new key:value; pairs.
|
76
|
+
* @returns css text
|
77
|
+
*/
|
78
|
+
export function constructCSS(vars, selectorProperties, selectorFunc, propertyFunc) {
|
79
|
+
let cssString = "";
|
80
|
+
Object.keys(selectorProperties).forEach((sel) => {
|
81
|
+
const classProperties = vars.map((propertyKey, index) => {
|
82
|
+
const propertyValue = selectorProperties[sel][index];
|
83
|
+
if (propertyValue === undefined || propertyValue === null) {
|
84
|
+
return;
|
85
|
+
}
|
86
|
+
if (propertyFunc) {
|
87
|
+
return propertyFunc(propertyKey, propertyValue);
|
88
|
+
}
|
89
|
+
return `${propertyKey}:${propertyValue}`;
|
90
|
+
});
|
91
|
+
const filtedProperties = classProperties.filter((p) => p);
|
92
|
+
if (selectorFunc) {
|
93
|
+
sel = selectorFunc(sel);
|
94
|
+
}
|
95
|
+
cssString = `${cssString}${sel}{${filtedProperties.join(";")}}`;
|
96
|
+
});
|
97
|
+
return cssString;
|
98
|
+
}
|
99
|
+
//# sourceMappingURL=with.js.map
|
package/with.js.map
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"with.js","sourceRoot":"","sources":["../src/with.ts"],"names":[],"mappings":"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"}
|
package/effect/ov-effect.d.ts
DELETED
@@ -1,24 +0,0 @@
|
|
1
|
-
import STD from "./std.js";
|
2
|
-
export declare class OVText extends STD {
|
3
|
-
static styles: import("lit").CSSResult[];
|
4
|
-
t1: string;
|
5
|
-
t2: string;
|
6
|
-
t3: string;
|
7
|
-
render(): import("lit-html").TemplateResult<1>;
|
8
|
-
}
|
9
|
-
export declare class OVPort extends STD {
|
10
|
-
static styles: import("lit").CSSResult[];
|
11
|
-
render(): import("lit-html").TemplateResult<1>;
|
12
|
-
}
|
13
|
-
export declare class OVButton extends STD {
|
14
|
-
static styles: import("lit").CSSResult[];
|
15
|
-
render(): import("lit-html").TemplateResult<1>;
|
16
|
-
}
|
17
|
-
declare global {
|
18
|
-
interface HTMLElementTagNameMap {
|
19
|
-
"ov-text": OVText;
|
20
|
-
"ov-port": OVPort;
|
21
|
-
"ov-button": OVButton;
|
22
|
-
}
|
23
|
-
}
|
24
|
-
//# sourceMappingURL=ov-effect.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"ov-effect.d.ts","sourceRoot":"","sources":["../../src/effect/ov-effect.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AA6C3B,qBACa,MAAO,SAAQ,GAAG;IAC7B,MAAM,CAAC,MAAM,4BAiJX;IACU,EAAE,SAAe;IACjB,EAAE,SAAgB;IAClB,EAAE,SAAiB;IAC/B,MAAM;CAOP;AACD,qBACa,MAAO,SAAQ,GAAG;IAC7B,MAAM,CAAC,MAAM,4BAgBX;IACF,MAAM;CAIP;AACD,qBACa,QAAS,SAAQ,GAAG;IAC/B,MAAM,CAAC,MAAM,4BAiCX;IACF,MAAM;CAMP;AACD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
|