godown 1.1.5 → 1.1.6
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/conf.d.ts +18 -18
- package/conf.js +22 -22
- package/deps.d.ts +7 -7
- package/deps.js +7 -7
- package/effect/index.d.ts +3 -3
- package/effect/index.js +3 -3
- package/effect/ov-effect.d.ts +23 -23
- package/effect/ov-effect.js +63 -63
- package/effect/ro-effect.d.ts +19 -19
- package/effect/ro-effect.js +76 -76
- package/effect/std.d.ts +3 -3
- package/effect/std.js +3 -3
- package/effect/tw-effect.d.ts +21 -21
- package/effect/tw-effect.js +90 -90
- package/glob.d.ts +8 -8
- package/glob.js +9 -9
- package/group/avatar-group.d.ts +20 -20
- package/group/avatar-group.js +88 -88
- package/group/button-group.d.ts +12 -12
- package/group/button-group.js +26 -26
- package/group/details-group.d.ts +16 -16
- package/group/details-group.js +51 -51
- package/group/index.d.ts +3 -3
- package/group/index.js +3 -3
- package/group/std.d.ts +3 -3
- package/group/std.js +3 -3
- package/index.d.ts +7 -7
- package/index.js +7 -7
- package/input-form/base-input.d.ts +32 -32
- package/input-form/base-input.js +129 -129
- package/input-form/exp-input.d.ts +22 -22
- package/input-form/exp-input.js +67 -67
- package/input-form/index.d.ts +8 -8
- package/input-form/index.js +8 -8
- package/input-form/label-input.d.ts +21 -21
- package/input-form/label-input.js +69 -69
- package/input-form/search-input.d.ts +36 -36
- package/input-form/search-input.js +162 -162
- package/input-form/select-input.d.ts +31 -31
- package/input-form/select-input.js +256 -256
- package/input-form/sign-form.d.ts +25 -25
- package/input-form/sign-form.js +147 -147
- package/input-form/split-input.d.ts +26 -26
- package/input-form/split-input.js +127 -127
- package/input-form/std.d.ts +19 -19
- package/input-form/std.js +56 -55
- package/input-form/switch-input.d.ts +22 -22
- package/input-form/switch-input.js +73 -73
- package/items/alert-item.d.ts +16 -16
- package/items/alert-item.js +46 -46
- package/items/avatar-anchor.d.ts +19 -19
- package/items/avatar-anchor.js +62 -62
- package/items/base-button.d.ts +16 -16
- package/items/base-button.js +44 -44
- package/items/dialog-item.d.ts +24 -24
- package/items/dialog-item.js +92 -92
- package/items/index.d.ts +7 -7
- package/items/index.js +7 -7
- package/items/link-a.d.ts +19 -19
- package/items/link-a.js +76 -76
- package/items/load-track.d.ts +20 -20
- package/items/load-track.js +76 -76
- package/items/std.d.ts +3 -3
- package/items/std.js +3 -3
- package/items/super-a.d.ts +15 -15
- package/items/super-a.js +46 -46
- package/layout/div-line.d.ts +15 -15
- package/layout/div-line.js +39 -39
- package/layout/drag-box.d.ts +25 -25
- package/layout/drag-box.js +88 -88
- package/layout/flex-flow.d.ts +13 -13
- package/layout/flex-flow.js +32 -32
- package/layout/index.d.ts +5 -5
- package/layout/index.js +5 -5
- package/layout/nav-aside.d.ts +13 -13
- package/layout/nav-aside.js +38 -38
- package/layout/nav-layout.d.ts +16 -16
- package/layout/nav-layout.js +51 -51
- package/layout/std.d.ts +4 -4
- package/layout/std.js +4 -4
- package/package.json +6 -5
- package/react/effect.d.ts +9 -9
- package/react/effect.d.ts.map +1 -1
- package/react/effect.js +33 -33
- package/react/group.d.ts +4 -4
- package/react/group.d.ts.map +1 -1
- package/react/group.js +19 -19
- package/react/index.d.ts +7 -7
- package/react/index.d.ts.map +1 -1
- package/react/index.js +7 -7
- package/react/input-form.d.ts +32 -32
- package/react/input-form.d.ts.map +1 -1
- package/react/input-form.js +65 -65
- package/react/items.d.ts +8 -8
- package/react/items.d.ts.map +1 -1
- package/react/items.js +39 -39
- package/react/layout.d.ts +6 -6
- package/react/layout.d.ts.map +1 -1
- package/react/layout.js +29 -29
- package/react/view.d.ts +6 -6
- package/react/view.d.ts.map +1 -1
- package/react/view.js +29 -29
- package/view/details-expand.d.ts +18 -18
- package/view/details-expand.js +53 -53
- package/view/down-drop.d.ts +18 -18
- package/view/down-drop.js +71 -71
- package/view/index.d.ts +5 -5
- package/view/index.js +5 -5
- package/view/menu-list.d.ts +16 -16
- package/view/menu-list.js +48 -48
- package/view/route-view.d.ts +57 -57
- package/view/route-view.js +257 -257
- package/view/scroll-x.d.ts +14 -14
- package/view/scroll-x.js +47 -47
- package/view/std.d.ts +4 -4
- package/view/std.js +4 -4
- package/with.d.ts +27 -27
- package/with.js +77 -77
package/conf.d.ts
CHANGED
@@ -1,19 +1,19 @@
|
|
1
|
-
declare const conf: conftype;
|
2
|
-
declare function init(CONFObject: conftype, source?: conftype): conftype;
|
3
|
-
export { conf, init };
|
4
|
-
export default conf;
|
5
|
-
declare global {
|
6
|
-
interface globalThis {
|
7
|
-
GodownWebComponentsCONF: conftype;
|
8
|
-
}
|
9
|
-
}
|
10
|
-
type conftype = {
|
11
|
-
prefix?: string;
|
12
|
-
suffix?: string;
|
13
|
-
tag?: (origin: string) => string;
|
14
|
-
enabled?: any[];
|
15
|
-
namemap?: Map<string, string>;
|
16
|
-
reflect?: boolean;
|
17
|
-
cssvar?: string;
|
18
|
-
};
|
1
|
+
declare const conf: conftype;
|
2
|
+
declare function init(CONFObject: conftype, source?: conftype): conftype;
|
3
|
+
export { conf, init };
|
4
|
+
export default conf;
|
5
|
+
declare global {
|
6
|
+
interface globalThis {
|
7
|
+
GodownWebComponentsCONF: conftype;
|
8
|
+
}
|
9
|
+
}
|
10
|
+
type conftype = {
|
11
|
+
prefix?: string;
|
12
|
+
suffix?: string;
|
13
|
+
tag?: (origin: string) => string;
|
14
|
+
enabled?: any[];
|
15
|
+
namemap?: Map<string, string>;
|
16
|
+
reflect?: boolean;
|
17
|
+
cssvar?: string;
|
18
|
+
};
|
19
19
|
//# sourceMappingURL=conf.d.ts.map
|
package/conf.js
CHANGED
@@ -1,22 +1,22 @@
|
|
1
|
-
const defconf = {
|
2
|
-
prefix: "",
|
3
|
-
suffix: "",
|
4
|
-
tag(origin) {
|
5
|
-
return this.prefix + origin + this.suffix;
|
6
|
-
},
|
7
|
-
enabled: [],
|
8
|
-
namemap: new Map(),
|
9
|
-
reflect: false,
|
10
|
-
cssvar: "godown-c",
|
11
|
-
};
|
12
|
-
const conf = init(globalThis.GodownWebComponentsCONF, defconf);
|
13
|
-
function init(CONFObject, source = conf) {
|
14
|
-
Object.assign(source, CONFObject);
|
15
|
-
if (source.reflect) {
|
16
|
-
// Reflect conf to globalThis
|
17
|
-
globalThis.GodownWebComponentsCONF = source;
|
18
|
-
}
|
19
|
-
return source;
|
20
|
-
}
|
21
|
-
export { conf, init };
|
22
|
-
export default conf;
|
1
|
+
const defconf = {
|
2
|
+
prefix: "",
|
3
|
+
suffix: "",
|
4
|
+
tag(origin) {
|
5
|
+
return this.prefix + origin + this.suffix;
|
6
|
+
},
|
7
|
+
enabled: [],
|
8
|
+
namemap: new Map(),
|
9
|
+
reflect: false,
|
10
|
+
cssvar: "godown-c",
|
11
|
+
};
|
12
|
+
const conf = init(globalThis.GodownWebComponentsCONF, defconf);
|
13
|
+
function init(CONFObject, source = conf) {
|
14
|
+
Object.assign(source, CONFObject);
|
15
|
+
if (source.reflect) {
|
16
|
+
// Reflect conf to globalThis
|
17
|
+
globalThis.GodownWebComponentsCONF = source;
|
18
|
+
}
|
19
|
+
return source;
|
20
|
+
}
|
21
|
+
export { conf, init };
|
22
|
+
export default conf;
|
package/deps.d.ts
CHANGED
@@ -1,8 +1,8 @@
|
|
1
|
-
export { CSSResultGroup, html, css, LitElement } from "lit";
|
2
|
-
export { query, queryAll, property, state, customElement } from "lit/decorators.js";
|
3
|
-
export { conf } from "./conf.js";
|
4
|
-
export { append, create, define, retag } from "./with.js";
|
5
|
-
export { ifDefined } from "lit/directives/if-defined.js";
|
6
|
-
export { classMap } from "lit/directives/class-map.js";
|
7
|
-
export { GLOBSTD, cssvar } from "./glob.js";
|
1
|
+
export { CSSResultGroup, html, css, LitElement } from "lit";
|
2
|
+
export { query, queryAll, property, state, customElement } from "lit/decorators.js";
|
3
|
+
export { conf } from "./conf.js";
|
4
|
+
export { append, create, define, retag } from "./with.js";
|
5
|
+
export { ifDefined } from "lit/directives/if-defined.js";
|
6
|
+
export { classMap } from "lit/directives/class-map.js";
|
7
|
+
export { GLOBSTD, cssvar } from "./glob.js";
|
8
8
|
//# sourceMappingURL=deps.d.ts.map
|
package/deps.js
CHANGED
@@ -1,7 +1,7 @@
|
|
1
|
-
export { html, css, LitElement } from "lit";
|
2
|
-
export { query, queryAll, property, state, customElement } from "lit/decorators.js";
|
3
|
-
export { conf } from "./conf.js";
|
4
|
-
export { append, create, define, retag } from "./with.js";
|
5
|
-
export { ifDefined } from "lit/directives/if-defined.js";
|
6
|
-
export { classMap } from "lit/directives/class-map.js";
|
7
|
-
export { GLOBSTD, cssvar } from "./glob.js";
|
1
|
+
export { html, css, LitElement } from "lit";
|
2
|
+
export { query, queryAll, property, state, customElement } from "lit/decorators.js";
|
3
|
+
export { conf } from "./conf.js";
|
4
|
+
export { append, create, define, retag } from "./with.js";
|
5
|
+
export { ifDefined } from "lit/directives/if-defined.js";
|
6
|
+
export { classMap } from "lit/directives/class-map.js";
|
7
|
+
export { GLOBSTD, cssvar } from "./glob.js";
|
package/effect/index.d.ts
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
export * from "./ov-effect.js";
|
2
|
-
export * from "./ro-effect.js";
|
3
|
-
export * from "./tw-effect.js";
|
1
|
+
export * from "./ov-effect.js";
|
2
|
+
export * from "./ro-effect.js";
|
3
|
+
export * from "./tw-effect.js";
|
4
4
|
//# sourceMappingURL=index.d.ts.map
|
package/effect/index.js
CHANGED
@@ -1,3 +1,3 @@
|
|
1
|
-
export * from "./ov-effect.js";
|
2
|
-
export * from "./ro-effect.js";
|
3
|
-
export * from "./tw-effect.js";
|
1
|
+
export * from "./ov-effect.js";
|
2
|
+
export * from "./ro-effect.js";
|
3
|
+
export * from "./tw-effect.js";
|
package/effect/ov-effect.d.ts
CHANGED
@@ -1,24 +1,24 @@
|
|
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
|
-
}
|
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
24
|
//# sourceMappingURL=ov-effect.d.ts.map
|
package/effect/ov-effect.js
CHANGED
@@ -1,11 +1,11 @@
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
4
|
-
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;
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
6
|
-
};
|
7
|
-
import { css, define, html, property } from "../deps.js";
|
8
|
-
import STD from "./std.js";
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
4
|
+
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;
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
6
|
+
};
|
7
|
+
import { css, define, html, property } from "../deps.js";
|
8
|
+
import STD from "./std.js";
|
9
9
|
const theme = css `
|
10
10
|
:host {
|
11
11
|
--ov-text: aliceblue;
|
@@ -49,24 +49,24 @@ const theme = css `
|
|
49
49
|
background-image: var(--ov-3);
|
50
50
|
}
|
51
51
|
}
|
52
|
-
`;
|
53
|
-
let OVText = class OVText extends STD {
|
54
|
-
constructor() {
|
55
|
-
super(...arguments);
|
56
|
-
this.t1 = "t1 unset.";
|
57
|
-
this.t2 = "t2 unset..";
|
58
|
-
this.t3 = "t3 unset...";
|
59
|
-
}
|
60
|
-
render() {
|
52
|
+
`;
|
53
|
+
let OVText = class OVText extends STD {
|
54
|
+
constructor() {
|
55
|
+
super(...arguments);
|
56
|
+
this.t1 = "t1 unset.";
|
57
|
+
this.t2 = "t2 unset..";
|
58
|
+
this.t3 = "t3 unset...";
|
59
|
+
}
|
60
|
+
render() {
|
61
61
|
return html `<div class="overbreath">
|
62
62
|
<span class="overbreathpart"><span class="overbreathroot">${this.t1}</span><span class="overbreathtext">${this.t1}</span></span>
|
63
63
|
<span class="overbreathpart"><span class="overbreathroot">${this.t2}</span><span class="overbreathtext">${this.t2}</span></span>
|
64
64
|
<span class="overbreathpart"><span class="overbreathroot">${this.t3}</span><span class="overbreathtext">${this.t3}</span></span>
|
65
|
-
</div>`;
|
66
|
-
}
|
67
|
-
};
|
68
|
-
OVText.styles = [
|
69
|
-
theme,
|
65
|
+
</div>`;
|
66
|
+
}
|
67
|
+
};
|
68
|
+
OVText.styles = [
|
69
|
+
theme,
|
70
70
|
css `
|
71
71
|
:host {
|
72
72
|
display: flex;
|
@@ -209,29 +209,29 @@ OVText.styles = [
|
|
209
209
|
opacity: 0;
|
210
210
|
}
|
211
211
|
}
|
212
|
-
`,
|
213
|
-
];
|
214
|
-
__decorate([
|
215
|
-
property()
|
216
|
-
], OVText.prototype, "t1", void 0);
|
217
|
-
__decorate([
|
218
|
-
property()
|
219
|
-
], OVText.prototype, "t2", void 0);
|
220
|
-
__decorate([
|
221
|
-
property()
|
222
|
-
], OVText.prototype, "t3", void 0);
|
223
|
-
OVText = __decorate([
|
224
|
-
define("ov-text")
|
225
|
-
], OVText);
|
226
|
-
export { OVText };
|
227
|
-
let OVPort = class OVPort extends STD {
|
228
|
-
render() {
|
212
|
+
`,
|
213
|
+
];
|
214
|
+
__decorate([
|
215
|
+
property()
|
216
|
+
], OVText.prototype, "t1", void 0);
|
217
|
+
__decorate([
|
218
|
+
property()
|
219
|
+
], OVText.prototype, "t2", void 0);
|
220
|
+
__decorate([
|
221
|
+
property()
|
222
|
+
], OVText.prototype, "t3", void 0);
|
223
|
+
OVText = __decorate([
|
224
|
+
define("ov-text")
|
225
|
+
], OVText);
|
226
|
+
export { OVText };
|
227
|
+
let OVPort = class OVPort extends STD {
|
228
|
+
render() {
|
229
229
|
return html `<div class="overbreathflow"></div>
|
230
|
-
<slot></slot>`;
|
231
|
-
}
|
232
|
-
};
|
233
|
-
OVPort.styles = [
|
234
|
-
theme,
|
230
|
+
<slot></slot>`;
|
231
|
+
}
|
232
|
+
};
|
233
|
+
OVPort.styles = [
|
234
|
+
theme,
|
235
235
|
css `
|
236
236
|
:host {
|
237
237
|
z-index: 1;
|
@@ -245,22 +245,22 @@ OVPort.styles = [
|
|
245
245
|
.overbreathflow {
|
246
246
|
z-index: -1;
|
247
247
|
}
|
248
|
-
`,
|
249
|
-
];
|
250
|
-
OVPort = __decorate([
|
251
|
-
define("ov-port")
|
252
|
-
], OVPort);
|
253
|
-
export { OVPort };
|
254
|
-
let OVButton = class OVButton extends STD {
|
255
|
-
render() {
|
248
|
+
`,
|
249
|
+
];
|
250
|
+
OVPort = __decorate([
|
251
|
+
define("ov-port")
|
252
|
+
], OVPort);
|
253
|
+
export { OVPort };
|
254
|
+
let OVButton = class OVButton extends STD {
|
255
|
+
render() {
|
256
256
|
return html `<div class="overbreathboard">
|
257
257
|
<div class="overbreathflow"></div>
|
258
258
|
<button><slot></slot></button>
|
259
|
-
</div>`;
|
260
|
-
}
|
261
|
-
};
|
262
|
-
OVButton.styles = [
|
263
|
-
theme,
|
259
|
+
</div>`;
|
260
|
+
}
|
261
|
+
};
|
262
|
+
OVButton.styles = [
|
263
|
+
theme,
|
264
264
|
css `
|
265
265
|
:host {
|
266
266
|
display: inline-block;
|
@@ -291,9 +291,9 @@ OVButton.styles = [
|
|
291
291
|
border: 0;
|
292
292
|
border-radius: inherit;
|
293
293
|
}
|
294
|
-
`,
|
295
|
-
];
|
296
|
-
OVButton = __decorate([
|
297
|
-
define("ov-button")
|
298
|
-
], OVButton);
|
299
|
-
export { OVButton };
|
294
|
+
`,
|
295
|
+
];
|
296
|
+
OVButton = __decorate([
|
297
|
+
define("ov-button")
|
298
|
+
], OVButton);
|
299
|
+
export { OVButton };
|
package/effect/ro-effect.d.ts
CHANGED
@@ -1,20 +1,20 @@
|
|
1
|
-
import STD from "./std.js";
|
2
|
-
export declare class ROPort extends STD {
|
3
|
-
index: number;
|
4
|
-
autochange: number;
|
5
|
-
static styles: import("lit").CSSResult;
|
6
|
-
current: number;
|
7
|
-
get assigned(): any;
|
8
|
-
render(): import("lit-html").TemplateResult<1>;
|
9
|
-
firstUpdated(): void;
|
10
|
-
show(i: any): void;
|
11
|
-
next(): void;
|
12
|
-
prev(): void;
|
13
|
-
}
|
14
|
-
export default ROPort;
|
15
|
-
declare global {
|
16
|
-
interface HTMLElementTagNameMap {
|
17
|
-
"ro-port": ROPort;
|
18
|
-
}
|
19
|
-
}
|
1
|
+
import STD from "./std.js";
|
2
|
+
export declare class ROPort extends STD {
|
3
|
+
index: number;
|
4
|
+
autochange: number;
|
5
|
+
static styles: import("lit").CSSResult;
|
6
|
+
current: number;
|
7
|
+
get assigned(): any;
|
8
|
+
render(): import("lit-html").TemplateResult<1>;
|
9
|
+
firstUpdated(): void;
|
10
|
+
show(i: any): void;
|
11
|
+
next(): void;
|
12
|
+
prev(): void;
|
13
|
+
}
|
14
|
+
export default ROPort;
|
15
|
+
declare global {
|
16
|
+
interface HTMLElementTagNameMap {
|
17
|
+
"ro-port": ROPort;
|
18
|
+
}
|
19
|
+
}
|
20
20
|
//# sourceMappingURL=ro-effect.d.ts.map
|
package/effect/ro-effect.js
CHANGED
@@ -1,22 +1,22 @@
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
4
|
-
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;
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
6
|
-
};
|
7
|
-
import { css, define, html, property } from "../deps.js";
|
8
|
-
import STD from "./std.js";
|
9
|
-
let ROPort = class ROPort extends STD {
|
10
|
-
constructor() {
|
11
|
-
super(...arguments);
|
12
|
-
this.index = 0;
|
13
|
-
this.autochange = 0;
|
14
|
-
this.current = 0;
|
15
|
-
}
|
16
|
-
get assigned() {
|
17
|
-
return this.shadowRoot.querySelector("slot").assignedElements();
|
18
|
-
}
|
19
|
-
render() {
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
4
|
+
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;
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
6
|
+
};
|
7
|
+
import { css, define, html, property } from "../deps.js";
|
8
|
+
import STD from "./std.js";
|
9
|
+
let ROPort = class ROPort extends STD {
|
10
|
+
constructor() {
|
11
|
+
super(...arguments);
|
12
|
+
this.index = 0;
|
13
|
+
this.autochange = 0;
|
14
|
+
this.current = 0;
|
15
|
+
}
|
16
|
+
get assigned() {
|
17
|
+
return this.shadowRoot.querySelector("slot").assignedElements();
|
18
|
+
}
|
19
|
+
render() {
|
20
20
|
return html `<div>
|
21
21
|
<a @click=${this.prev} prev>
|
22
22
|
<svg viewBox="0 0 48 48" fill="none"><path d="M31 36L19 24L31 12" stroke="#1e293b" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /></svg>
|
@@ -25,51 +25,51 @@ let ROPort = class ROPort extends STD {
|
|
25
25
|
<a @click=${this.next} next
|
26
26
|
><svg viewBox="0 0 48 48" fill="none"><path d="M19 12L31 24L19 36" stroke="#1e293b" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /></svg>
|
27
27
|
</a>
|
28
|
-
</div>`;
|
29
|
-
}
|
30
|
-
firstUpdated() {
|
31
|
-
if (this.assigned.length == 0)
|
32
|
-
return;
|
33
|
-
this.shadowRoot.querySelector("div").style.width = `${this.assigned[0].offsetWidth}px`;
|
34
|
-
this.assigned.forEach((e) => {
|
35
|
-
e.style.overflowX = "hidden";
|
36
|
-
e.style.transition = "width 0s";
|
37
|
-
});
|
38
|
-
this.show(this.index);
|
39
|
-
if (this.autochange)
|
40
|
-
setInterval(() => {
|
41
|
-
this.index++;
|
42
|
-
if (this.index >= this.assigned.length)
|
43
|
-
this.index = 0;
|
44
|
-
this.show(this.index);
|
45
|
-
}, this.autochange);
|
46
|
-
}
|
47
|
-
show(i) {
|
48
|
-
this.shadowRoot.querySelector("section").style.width = "100%";
|
49
|
-
this.assigned.forEach((e, index) => {
|
50
|
-
if (index == i) {
|
51
|
-
e.style.width = "100%";
|
52
|
-
e.style.transition = "";
|
53
|
-
}
|
54
|
-
else {
|
55
|
-
e.style.width = 0;
|
56
|
-
}
|
57
|
-
});
|
58
|
-
this.current = i;
|
59
|
-
}
|
60
|
-
next() {
|
61
|
-
this.index++;
|
62
|
-
if (this.index >= this.assigned.length)
|
63
|
-
this.index = 0;
|
64
|
-
this.show(this.index);
|
65
|
-
}
|
66
|
-
prev() {
|
67
|
-
this.index--;
|
68
|
-
if (this.index < 0)
|
69
|
-
this.index = this.assigned.length - 1;
|
70
|
-
this.show(this.index);
|
71
|
-
}
|
72
|
-
};
|
28
|
+
</div>`;
|
29
|
+
}
|
30
|
+
firstUpdated() {
|
31
|
+
if (this.assigned.length == 0)
|
32
|
+
return;
|
33
|
+
this.shadowRoot.querySelector("div").style.width = `${this.assigned[0].offsetWidth}px`;
|
34
|
+
this.assigned.forEach((e) => {
|
35
|
+
e.style.overflowX = "hidden";
|
36
|
+
e.style.transition = "width 0s";
|
37
|
+
});
|
38
|
+
this.show(this.index);
|
39
|
+
if (this.autochange)
|
40
|
+
setInterval(() => {
|
41
|
+
this.index++;
|
42
|
+
if (this.index >= this.assigned.length)
|
43
|
+
this.index = 0;
|
44
|
+
this.show(this.index);
|
45
|
+
}, this.autochange);
|
46
|
+
}
|
47
|
+
show(i) {
|
48
|
+
this.shadowRoot.querySelector("section").style.width = "100%";
|
49
|
+
this.assigned.forEach((e, index) => {
|
50
|
+
if (index == i) {
|
51
|
+
e.style.width = "100%";
|
52
|
+
e.style.transition = "";
|
53
|
+
}
|
54
|
+
else {
|
55
|
+
e.style.width = 0;
|
56
|
+
}
|
57
|
+
});
|
58
|
+
this.current = i;
|
59
|
+
}
|
60
|
+
next() {
|
61
|
+
this.index++;
|
62
|
+
if (this.index >= this.assigned.length)
|
63
|
+
this.index = 0;
|
64
|
+
this.show(this.index);
|
65
|
+
}
|
66
|
+
prev() {
|
67
|
+
this.index--;
|
68
|
+
if (this.index < 0)
|
69
|
+
this.index = this.assigned.length - 1;
|
70
|
+
this.show(this.index);
|
71
|
+
}
|
72
|
+
};
|
73
73
|
ROPort.styles = css `
|
74
74
|
:host {
|
75
75
|
display: block;
|
@@ -111,15 +111,15 @@ ROPort.styles = css `
|
|
111
111
|
height: 100%;
|
112
112
|
width: 1.4em;
|
113
113
|
}
|
114
|
-
`;
|
115
|
-
__decorate([
|
116
|
-
property({ type: Number })
|
117
|
-
], ROPort.prototype, "index", void 0);
|
118
|
-
__decorate([
|
119
|
-
property({ type: Number })
|
120
|
-
], ROPort.prototype, "autochange", void 0);
|
121
|
-
ROPort = __decorate([
|
122
|
-
define("ro-port")
|
123
|
-
], ROPort);
|
124
|
-
export { ROPort };
|
125
|
-
export default ROPort;
|
114
|
+
`;
|
115
|
+
__decorate([
|
116
|
+
property({ type: Number })
|
117
|
+
], ROPort.prototype, "index", void 0);
|
118
|
+
__decorate([
|
119
|
+
property({ type: Number })
|
120
|
+
], ROPort.prototype, "autochange", void 0);
|
121
|
+
ROPort = __decorate([
|
122
|
+
define("ro-port")
|
123
|
+
], ROPort);
|
124
|
+
export { ROPort };
|
125
|
+
export default ROPort;
|
package/effect/std.d.ts
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
import { GLOBSTD } from "../deps.js";
|
2
|
-
export default class EffectSTD extends GLOBSTD {
|
3
|
-
}
|
1
|
+
import { GLOBSTD } from "../deps.js";
|
2
|
+
export default class EffectSTD extends GLOBSTD {
|
3
|
+
}
|
4
4
|
//# sourceMappingURL=std.d.ts.map
|
package/effect/std.js
CHANGED
@@ -1,3 +1,3 @@
|
|
1
|
-
import { GLOBSTD } from "../deps.js";
|
2
|
-
export default class EffectSTD extends GLOBSTD {
|
3
|
-
}
|
1
|
+
import { GLOBSTD } from "../deps.js";
|
2
|
+
export default class EffectSTD extends GLOBSTD {
|
3
|
+
}
|
package/effect/tw-effect.d.ts
CHANGED
@@ -1,22 +1,22 @@
|
|
1
|
-
import STD from "./std.js";
|
2
|
-
export declare class TWText extends STD {
|
3
|
-
text: string;
|
4
|
-
stopped: boolean;
|
5
|
-
autochange: number;
|
6
|
-
max: number;
|
7
|
-
min: number;
|
8
|
-
len: number;
|
9
|
-
_timer: any[];
|
10
|
-
static styles: import("lit").CSSResult;
|
11
|
-
render(): import("lit-html").TemplateResult<1>;
|
12
|
-
firstUpdated(): void;
|
13
|
-
rewrite(): void;
|
14
|
-
stop(): void;
|
15
|
-
}
|
16
|
-
export default TWText;
|
17
|
-
declare global {
|
18
|
-
interface HTMLElementTagNameMap {
|
19
|
-
"tw-text": TWText;
|
20
|
-
}
|
21
|
-
}
|
1
|
+
import STD from "./std.js";
|
2
|
+
export declare class TWText extends STD {
|
3
|
+
text: string;
|
4
|
+
stopped: boolean;
|
5
|
+
autochange: number;
|
6
|
+
max: number;
|
7
|
+
min: number;
|
8
|
+
len: number;
|
9
|
+
_timer: any[];
|
10
|
+
static styles: import("lit").CSSResult;
|
11
|
+
render(): import("lit-html").TemplateResult<1>;
|
12
|
+
firstUpdated(): void;
|
13
|
+
rewrite(): void;
|
14
|
+
stop(): void;
|
15
|
+
}
|
16
|
+
export default TWText;
|
17
|
+
declare global {
|
18
|
+
interface HTMLElementTagNameMap {
|
19
|
+
"tw-text": TWText;
|
20
|
+
}
|
21
|
+
}
|
22
22
|
//# sourceMappingURL=tw-effect.d.ts.map
|