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.
Files changed (118) hide show
  1. package/conf.d.ts +18 -18
  2. package/conf.js +22 -22
  3. package/deps.d.ts +7 -7
  4. package/deps.js +7 -7
  5. package/effect/index.d.ts +3 -3
  6. package/effect/index.js +3 -3
  7. package/effect/ov-effect.d.ts +23 -23
  8. package/effect/ov-effect.js +63 -63
  9. package/effect/ro-effect.d.ts +19 -19
  10. package/effect/ro-effect.js +76 -76
  11. package/effect/std.d.ts +3 -3
  12. package/effect/std.js +3 -3
  13. package/effect/tw-effect.d.ts +21 -21
  14. package/effect/tw-effect.js +90 -90
  15. package/glob.d.ts +8 -8
  16. package/glob.js +9 -9
  17. package/group/avatar-group.d.ts +20 -20
  18. package/group/avatar-group.js +88 -88
  19. package/group/button-group.d.ts +12 -12
  20. package/group/button-group.js +26 -26
  21. package/group/details-group.d.ts +16 -16
  22. package/group/details-group.js +51 -51
  23. package/group/index.d.ts +3 -3
  24. package/group/index.js +3 -3
  25. package/group/std.d.ts +3 -3
  26. package/group/std.js +3 -3
  27. package/index.d.ts +7 -7
  28. package/index.js +7 -7
  29. package/input-form/base-input.d.ts +32 -32
  30. package/input-form/base-input.js +129 -129
  31. package/input-form/exp-input.d.ts +22 -22
  32. package/input-form/exp-input.js +67 -67
  33. package/input-form/index.d.ts +8 -8
  34. package/input-form/index.js +8 -8
  35. package/input-form/label-input.d.ts +21 -21
  36. package/input-form/label-input.js +69 -69
  37. package/input-form/search-input.d.ts +36 -36
  38. package/input-form/search-input.js +162 -162
  39. package/input-form/select-input.d.ts +31 -31
  40. package/input-form/select-input.js +256 -256
  41. package/input-form/sign-form.d.ts +25 -25
  42. package/input-form/sign-form.js +147 -147
  43. package/input-form/split-input.d.ts +26 -26
  44. package/input-form/split-input.js +127 -127
  45. package/input-form/std.d.ts +19 -19
  46. package/input-form/std.js +56 -55
  47. package/input-form/switch-input.d.ts +22 -22
  48. package/input-form/switch-input.js +73 -73
  49. package/items/alert-item.d.ts +16 -16
  50. package/items/alert-item.js +46 -46
  51. package/items/avatar-anchor.d.ts +19 -19
  52. package/items/avatar-anchor.js +62 -62
  53. package/items/base-button.d.ts +16 -16
  54. package/items/base-button.js +44 -44
  55. package/items/dialog-item.d.ts +24 -24
  56. package/items/dialog-item.js +92 -92
  57. package/items/index.d.ts +7 -7
  58. package/items/index.js +7 -7
  59. package/items/link-a.d.ts +19 -19
  60. package/items/link-a.js +76 -76
  61. package/items/load-track.d.ts +20 -20
  62. package/items/load-track.js +76 -76
  63. package/items/std.d.ts +3 -3
  64. package/items/std.js +3 -3
  65. package/items/super-a.d.ts +15 -15
  66. package/items/super-a.js +46 -46
  67. package/layout/div-line.d.ts +15 -15
  68. package/layout/div-line.js +39 -39
  69. package/layout/drag-box.d.ts +25 -25
  70. package/layout/drag-box.js +88 -88
  71. package/layout/flex-flow.d.ts +13 -13
  72. package/layout/flex-flow.js +32 -32
  73. package/layout/index.d.ts +5 -5
  74. package/layout/index.js +5 -5
  75. package/layout/nav-aside.d.ts +13 -13
  76. package/layout/nav-aside.js +38 -38
  77. package/layout/nav-layout.d.ts +16 -16
  78. package/layout/nav-layout.js +51 -51
  79. package/layout/std.d.ts +4 -4
  80. package/layout/std.js +4 -4
  81. package/package.json +6 -5
  82. package/react/effect.d.ts +9 -9
  83. package/react/effect.d.ts.map +1 -1
  84. package/react/effect.js +33 -33
  85. package/react/group.d.ts +4 -4
  86. package/react/group.d.ts.map +1 -1
  87. package/react/group.js +19 -19
  88. package/react/index.d.ts +7 -7
  89. package/react/index.d.ts.map +1 -1
  90. package/react/index.js +7 -7
  91. package/react/input-form.d.ts +32 -32
  92. package/react/input-form.d.ts.map +1 -1
  93. package/react/input-form.js +65 -65
  94. package/react/items.d.ts +8 -8
  95. package/react/items.d.ts.map +1 -1
  96. package/react/items.js +39 -39
  97. package/react/layout.d.ts +6 -6
  98. package/react/layout.d.ts.map +1 -1
  99. package/react/layout.js +29 -29
  100. package/react/view.d.ts +6 -6
  101. package/react/view.d.ts.map +1 -1
  102. package/react/view.js +29 -29
  103. package/view/details-expand.d.ts +18 -18
  104. package/view/details-expand.js +53 -53
  105. package/view/down-drop.d.ts +18 -18
  106. package/view/down-drop.js +71 -71
  107. package/view/index.d.ts +5 -5
  108. package/view/index.js +5 -5
  109. package/view/menu-list.d.ts +16 -16
  110. package/view/menu-list.js +48 -48
  111. package/view/route-view.d.ts +57 -57
  112. package/view/route-view.js +257 -257
  113. package/view/scroll-x.d.ts +14 -14
  114. package/view/scroll-x.js +47 -47
  115. package/view/std.d.ts +4 -4
  116. package/view/std.js +4 -4
  117. package/with.d.ts +27 -27
  118. 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";
@@ -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
@@ -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 };
@@ -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
@@ -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
+ }
@@ -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