godown 1.1.4 → 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 (179) hide show
  1. package/README.md +35 -35
  2. package/conf.d.ts +18 -18
  3. package/conf.js +22 -22
  4. package/deps.d.ts +7 -7
  5. package/deps.js +7 -7
  6. package/effect/index.d.ts +3 -3
  7. package/effect/index.js +3 -3
  8. package/effect/ov-effect.d.ts +23 -23
  9. package/effect/ov-effect.d.ts.map +1 -1
  10. package/effect/ov-effect.js +299 -275
  11. package/effect/ro-effect.d.ts +19 -19
  12. package/effect/ro-effect.d.ts.map +1 -1
  13. package/effect/ro-effect.js +125 -120
  14. package/effect/std.d.ts +3 -3
  15. package/effect/std.d.ts.map +1 -1
  16. package/effect/std.js +3 -3
  17. package/effect/tw-effect.d.ts +21 -21
  18. package/effect/tw-effect.d.ts.map +1 -1
  19. package/effect/tw-effect.js +108 -107
  20. package/glob.d.ts +8 -8
  21. package/glob.d.ts.map +1 -1
  22. package/glob.js +25 -24
  23. package/group/avatar-group.d.ts +20 -20
  24. package/group/avatar-group.d.ts.map +1 -1
  25. package/group/avatar-group.js +112 -88
  26. package/group/button-group.d.ts +12 -12
  27. package/group/button-group.d.ts.map +1 -1
  28. package/group/button-group.js +79 -74
  29. package/group/details-group.d.ts +16 -16
  30. package/group/details-group.d.ts.map +1 -1
  31. package/group/details-group.js +55 -53
  32. package/group/index.d.ts +3 -3
  33. package/group/index.js +3 -3
  34. package/group/std.d.ts +3 -3
  35. package/group/std.d.ts.map +1 -1
  36. package/group/std.js +3 -3
  37. package/index.d.ts +7 -7
  38. package/index.js +7 -7
  39. package/input-form/base-input.d.ts +32 -32
  40. package/input-form/base-input.d.ts.map +1 -1
  41. package/input-form/base-input.js +229 -226
  42. package/input-form/exp-input.d.ts +22 -22
  43. package/input-form/exp-input.d.ts.map +1 -1
  44. package/input-form/exp-input.js +218 -205
  45. package/input-form/index.d.ts +8 -8
  46. package/input-form/index.js +8 -8
  47. package/input-form/label-input.d.ts +21 -21
  48. package/input-form/label-input.d.ts.map +1 -1
  49. package/input-form/label-input.js +150 -137
  50. package/input-form/search-input.d.ts +36 -36
  51. package/input-form/search-input.d.ts.map +1 -1
  52. package/input-form/search-input.js +311 -297
  53. package/input-form/select-input.d.ts +31 -31
  54. package/input-form/select-input.d.ts.map +1 -1
  55. package/input-form/select-input.js +354 -330
  56. package/input-form/sign-form.d.ts +25 -23
  57. package/input-form/sign-form.d.ts.map +1 -1
  58. package/input-form/sign-form.js +165 -160
  59. package/input-form/split-input.d.ts +26 -26
  60. package/input-form/split-input.d.ts.map +1 -1
  61. package/input-form/split-input.js +181 -173
  62. package/input-form/std.d.ts +19 -19
  63. package/input-form/std.d.ts.map +1 -1
  64. package/input-form/std.js +72 -68
  65. package/input-form/switch-input.d.ts +22 -22
  66. package/input-form/switch-input.d.ts.map +1 -1
  67. package/input-form/switch-input.js +181 -175
  68. package/items/alert-item.d.ts +16 -16
  69. package/items/alert-item.d.ts.map +1 -1
  70. package/items/alert-item.js +143 -142
  71. package/items/avatar-anchor.d.ts +19 -19
  72. package/items/avatar-anchor.d.ts.map +1 -1
  73. package/items/avatar-anchor.js +150 -148
  74. package/items/base-button.d.ts +16 -16
  75. package/items/base-button.d.ts.map +1 -1
  76. package/items/base-button.js +170 -167
  77. package/items/dialog-item.d.ts +24 -24
  78. package/items/dialog-item.d.ts.map +1 -1
  79. package/items/dialog-item.js +157 -156
  80. package/items/index.d.ts +7 -7
  81. package/items/index.js +7 -7
  82. package/items/link-a.d.ts +19 -19
  83. package/items/link-a.d.ts.map +1 -1
  84. package/items/link-a.js +98 -97
  85. package/items/load-track.d.ts +20 -20
  86. package/items/load-track.d.ts.map +1 -1
  87. package/items/load-track.js +115 -109
  88. package/items/std.d.ts +3 -3
  89. package/items/std.d.ts.map +1 -1
  90. package/items/std.js +3 -3
  91. package/items/super-a.d.ts +15 -15
  92. package/items/super-a.d.ts.map +1 -1
  93. package/items/super-a.js +99 -88
  94. package/layout/div-line.d.ts +15 -15
  95. package/layout/div-line.d.ts.map +1 -1
  96. package/layout/div-line.js +71 -65
  97. package/layout/drag-box.d.ts +25 -25
  98. package/layout/drag-box.d.ts.map +1 -1
  99. package/layout/drag-box.js +95 -94
  100. package/layout/flex-flow.d.ts +13 -13
  101. package/layout/flex-flow.d.ts.map +1 -1
  102. package/layout/flex-flow.js +39 -34
  103. package/layout/index.d.ts +5 -5
  104. package/layout/index.js +5 -5
  105. package/layout/nav-aside.d.ts +13 -13
  106. package/layout/nav-aside.d.ts.map +1 -1
  107. package/layout/nav-aside.js +61 -54
  108. package/layout/nav-layout.d.ts +16 -16
  109. package/layout/nav-layout.d.ts.map +1 -1
  110. package/layout/nav-layout.js +167 -146
  111. package/layout/std.d.ts +4 -4
  112. package/layout/std.d.ts.map +1 -1
  113. package/layout/std.js +10 -8
  114. package/package.json +48 -40
  115. package/react/effect.d.ts +9 -9
  116. package/react/effect.d.ts.map +1 -1
  117. package/react/effect.js +33 -33
  118. package/react/group.d.ts +4 -4
  119. package/react/group.d.ts.map +1 -1
  120. package/react/group.js +19 -19
  121. package/react/index.d.ts +7 -7
  122. package/react/index.d.ts.map +1 -1
  123. package/react/index.js +7 -7
  124. package/react/input-form.d.ts +32 -32
  125. package/react/input-form.d.ts.map +1 -1
  126. package/react/input-form.js +65 -65
  127. package/react/items.d.ts +8 -8
  128. package/react/items.d.ts.map +1 -1
  129. package/react/items.js +39 -39
  130. package/react/layout.d.ts +6 -6
  131. package/react/layout.d.ts.map +1 -1
  132. package/react/layout.js +29 -29
  133. package/react/view.d.ts +6 -6
  134. package/react/view.d.ts.map +1 -1
  135. package/react/view.js +29 -29
  136. package/view/details-expand.d.ts +18 -18
  137. package/view/details-expand.d.ts.map +1 -1
  138. package/view/details-expand.js +85 -80
  139. package/view/down-drop.d.ts +18 -18
  140. package/view/down-drop.d.ts.map +1 -1
  141. package/view/down-drop.js +98 -94
  142. package/view/index.d.ts +5 -5
  143. package/view/index.js +5 -5
  144. package/view/menu-list.d.ts +16 -16
  145. package/view/menu-list.d.ts.map +1 -1
  146. package/view/menu-list.js +77 -72
  147. package/view/route-view.d.ts +57 -57
  148. package/view/route-view.d.ts.map +1 -1
  149. package/view/route-view.js +261 -258
  150. package/view/scroll-x.d.ts +14 -14
  151. package/view/scroll-x.d.ts.map +1 -1
  152. package/view/scroll-x.js +77 -72
  153. package/view/std.d.ts +4 -4
  154. package/view/std.d.ts.map +1 -1
  155. package/view/std.js +37 -37
  156. package/with.d.ts +27 -27
  157. package/with.d.ts.map +1 -1
  158. package/with.js +77 -78
  159. package/view/react/effect.d.ts +0 -10
  160. package/view/react/effect.d.ts.map +0 -1
  161. package/view/react/effect.js +0 -32
  162. package/view/react/group.d.ts +0 -5
  163. package/view/react/group.d.ts.map +0 -1
  164. package/view/react/group.js +0 -18
  165. package/view/react/index.d.ts +0 -7
  166. package/view/react/index.d.ts.map +0 -1
  167. package/view/react/index.js +0 -6
  168. package/view/react/input-form.d.ts +0 -33
  169. package/view/react/input-form.d.ts.map +0 -1
  170. package/view/react/input-form.js +0 -64
  171. package/view/react/items.d.ts +0 -9
  172. package/view/react/items.d.ts.map +0 -1
  173. package/view/react/items.js +0 -38
  174. package/view/react/layout.d.ts +0 -7
  175. package/view/react/layout.d.ts.map +0 -1
  176. package/view/react/layout.js +0 -28
  177. package/view/react/view.d.ts +0 -7
  178. package/view/react/view.d.ts.map +0 -1
  179. package/view/react/view.js +0 -28
@@ -1,156 +1,157 @@
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 { html, css, property, define } from "../deps.js";
8
- import STD from "./std.js";
9
- let DialogItem = class DialogItem extends STD {
10
- constructor() {
11
- super(...arguments);
12
- this.open = false;
13
- this.key = "Escape";
14
- this.scale = false;
15
- this.modal = false;
16
- this.call = "center";
17
- }
18
- get _div() {
19
- return this.shadowRoot.querySelector("div");
20
- }
21
- render() {
22
- return html `<div ?open=${this.open} ?modal=${this.modal}>
23
- <slot class=${this.call}></slot>
24
- </div>`;
25
- }
26
- firstUpdated() {
27
- this.addEventListener("submit", e => {
28
- if (e.target.method === "dialog")
29
- this.close();
30
- });
31
- if (this.scale)
32
- this.addEventListener("wheel", this._handleWheel);
33
- if (this.key)
34
- document.addEventListener("keydown", e => this._handleKeydown(e));
35
- if (this.open)
36
- this.show();
37
- }
38
- show() {
39
- this.open = true;
40
- if (this.modal) {
41
- this.showModal();
42
- }
43
- }
44
- showModal() {
45
- this.modal = true;
46
- this.open = true;
47
- this._div.addEventListener("click", this._handleModal);
48
- }
49
- close() {
50
- this.open = false;
51
- if (this.modal)
52
- this._div.removeEventListener("click", this._handleModal);
53
- }
54
- _handleWheel(e) {
55
- let s = this._div.style.transform.match(/scale\((.*)\)/);
56
- var scale = 1;
57
- if (s)
58
- scale = Number(s[1]);
59
- if (e.deltaY > 0)
60
- scale -= 0.1;
61
- else
62
- scale += 0.1;
63
- this._div.style.transform = `scale(${scale})`;
64
- }
65
- _handleKeydown(e) {
66
- const keys = this.key.split(/[^a-zA-Z0-9]/).filter(e => e !== "");
67
- if (keys.includes(e.key) || keys.includes(e.code))
68
- this.close();
69
- }
70
- _handleModal(e) {
71
- e.stopPropagation();
72
- }
73
- };
74
- DialogItem.styles = css `:host {
75
- position: fixed;
76
- height: 100%;
77
- width: 100%;
78
- top: 0;
79
- bottom: 0;
80
- left: 0;
81
- right: 0;
82
- transition: all .3s;
83
- display: flex;
84
- visibility: hidden;
85
- background: rgb(0 0 0 / 0%);
86
- }
87
- :host([open]) {
88
- visibility: visible;
89
- }
90
- :host([open][modal]) {
91
- backdrop-filter: blur(.25px);
92
- background: rgb(0 0 0 / 20%);
93
- }
94
- [open] slot {
95
- opacity: 1 !important;
96
- transform: translateY(0) translateX(0) !important;
97
- }
98
- div{
99
- height: 100%;
100
- width: 100%;
101
- display: flex;
102
- transition: inherit;
103
- }
104
- slot {
105
- display: block;
106
- width: fit-content;
107
- height: fit-content;
108
- margin:auto;
109
- opacity: 0;
110
- transition: inherit;
111
- pointer-events: all;
112
- }
113
- .center{
114
- transform:translateY(-15%);
115
- }
116
- .top{
117
- width: 100%;
118
- margin-top:0;
119
- transform: translateY(-15%);
120
- }
121
- .right{
122
- height: 100%;
123
- margin-right:0;
124
- transform: translateX(15%);
125
- }
126
- .bottom{
127
- width: 100%;
128
- margin-bottom:0;
129
- transform: translateY(15%);
130
- }
131
- .left{
132
- height: 100%;
133
- margin-left:0;
134
- transform: translateX(-15%);
135
- }
136
- `;
137
- __decorate([
138
- property({ type: Boolean, reflect: true })
139
- ], DialogItem.prototype, "open", void 0);
140
- __decorate([
141
- property({ type: String })
142
- ], DialogItem.prototype, "key", void 0);
143
- __decorate([
144
- property({ type: Boolean })
145
- ], DialogItem.prototype, "scale", void 0);
146
- __decorate([
147
- property({ type: Boolean })
148
- ], DialogItem.prototype, "modal", void 0);
149
- __decorate([
150
- property({ type: String })
151
- ], DialogItem.prototype, "call", void 0);
152
- DialogItem = __decorate([
153
- define("dialog-item")
154
- ], DialogItem);
155
- export { DialogItem };
156
- export default DialogItem;
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 { html, css, property, define } from "../deps.js";
8
+ import STD from "./std.js";
9
+ let DialogItem = class DialogItem extends STD {
10
+ constructor() {
11
+ super(...arguments);
12
+ this.open = false;
13
+ this.key = "Escape";
14
+ this.scale = false;
15
+ this.modal = false;
16
+ this.call = "center";
17
+ }
18
+ get _div() {
19
+ return this.shadowRoot.querySelector("div");
20
+ }
21
+ render() {
22
+ return html `<div ?open=${this.open} ?modal=${this.modal}>
23
+ <slot class=${this.call}></slot>
24
+ </div>`;
25
+ }
26
+ firstUpdated() {
27
+ this.addEventListener("submit", (e) => {
28
+ if (e.target.method === "dialog")
29
+ this.close();
30
+ });
31
+ if (this.scale)
32
+ this.addEventListener("wheel", this._handleWheel);
33
+ if (this.key)
34
+ document.addEventListener("keydown", (e) => this._handleKeydown(e));
35
+ if (this.open)
36
+ this.show();
37
+ }
38
+ show() {
39
+ this.open = true;
40
+ if (this.modal) {
41
+ this.showModal();
42
+ }
43
+ }
44
+ showModal() {
45
+ this.modal = true;
46
+ this.open = true;
47
+ this._div.addEventListener("click", this._handleModal);
48
+ }
49
+ close() {
50
+ this.open = false;
51
+ if (this.modal)
52
+ this._div.removeEventListener("click", this._handleModal);
53
+ }
54
+ _handleWheel(e) {
55
+ const s = this._div.style.transform.match(/scale\((.*)\)/);
56
+ let scale = 1;
57
+ if (s)
58
+ scale = Number(s[1]);
59
+ if (e.deltaY > 0)
60
+ scale -= 0.1;
61
+ else
62
+ scale += 0.1;
63
+ this._div.style.transform = `scale(${scale})`;
64
+ }
65
+ _handleKeydown(e) {
66
+ const keys = this.key.split(/[^a-zA-Z0-9]/).filter((e) => e !== "");
67
+ if (keys.includes(e.key) || keys.includes(e.code))
68
+ this.close();
69
+ }
70
+ _handleModal(e) {
71
+ e.stopPropagation();
72
+ }
73
+ };
74
+ DialogItem.styles = css `
75
+ :host {
76
+ position: fixed;
77
+ height: 100%;
78
+ width: 100%;
79
+ top: 0;
80
+ bottom: 0;
81
+ left: 0;
82
+ right: 0;
83
+ transition: all 0.3s;
84
+ display: flex;
85
+ visibility: hidden;
86
+ background: rgb(0 0 0 / 0%);
87
+ }
88
+ :host([open]) {
89
+ visibility: visible;
90
+ }
91
+ :host([open][modal]) {
92
+ backdrop-filter: blur(0.25px);
93
+ background: rgb(0 0 0 / 20%);
94
+ }
95
+ [open] slot {
96
+ opacity: 1 !important;
97
+ transform: translateY(0) translateX(0) !important;
98
+ }
99
+ div {
100
+ height: 100%;
101
+ width: 100%;
102
+ display: flex;
103
+ transition: inherit;
104
+ }
105
+ slot {
106
+ display: block;
107
+ width: fit-content;
108
+ height: fit-content;
109
+ margin: auto;
110
+ opacity: 0;
111
+ transition: inherit;
112
+ pointer-events: all;
113
+ }
114
+ .center {
115
+ transform: translateY(-15%);
116
+ }
117
+ .top {
118
+ width: 100%;
119
+ margin-top: 0;
120
+ transform: translateY(-15%);
121
+ }
122
+ .right {
123
+ height: 100%;
124
+ margin-right: 0;
125
+ transform: translateX(15%);
126
+ }
127
+ .bottom {
128
+ width: 100%;
129
+ margin-bottom: 0;
130
+ transform: translateY(15%);
131
+ }
132
+ .left {
133
+ height: 100%;
134
+ margin-left: 0;
135
+ transform: translateX(-15%);
136
+ }
137
+ `;
138
+ __decorate([
139
+ property({ type: Boolean, reflect: true })
140
+ ], DialogItem.prototype, "open", void 0);
141
+ __decorate([
142
+ property({ type: String })
143
+ ], DialogItem.prototype, "key", void 0);
144
+ __decorate([
145
+ property({ type: Boolean })
146
+ ], DialogItem.prototype, "scale", void 0);
147
+ __decorate([
148
+ property({ type: Boolean })
149
+ ], DialogItem.prototype, "modal", void 0);
150
+ __decorate([
151
+ property({ type: String })
152
+ ], DialogItem.prototype, "call", void 0);
153
+ DialogItem = __decorate([
154
+ define("dialog-item")
155
+ ], DialogItem);
156
+ export { DialogItem };
157
+ export default DialogItem;
package/items/index.d.ts CHANGED
@@ -1,8 +1,8 @@
1
- export * from "./alert-item.js";
2
- export * from "./avatar-anchor.js";
3
- export * from "./base-button.js";
4
- export * from "./dialog-item.js";
5
- export * from "./link-a.js";
6
- export * from "./load-track.js";
7
- export * from "./super-a.js";
1
+ export * from "./alert-item.js";
2
+ export * from "./avatar-anchor.js";
3
+ export * from "./base-button.js";
4
+ export * from "./dialog-item.js";
5
+ export * from "./link-a.js";
6
+ export * from "./load-track.js";
7
+ export * from "./super-a.js";
8
8
  //# sourceMappingURL=index.d.ts.map
package/items/index.js CHANGED
@@ -1,7 +1,7 @@
1
- export * from "./alert-item.js";
2
- export * from "./avatar-anchor.js";
3
- export * from "./base-button.js";
4
- export * from "./dialog-item.js";
5
- export * from "./link-a.js";
6
- export * from "./load-track.js";
7
- export * from "./super-a.js";
1
+ export * from "./alert-item.js";
2
+ export * from "./avatar-anchor.js";
3
+ export * from "./base-button.js";
4
+ export * from "./dialog-item.js";
5
+ export * from "./link-a.js";
6
+ export * from "./load-track.js";
7
+ export * from "./super-a.js";
package/items/link-a.d.ts CHANGED
@@ -1,20 +1,20 @@
1
- import { SuperAnchor } from "./super-a.js";
2
- export declare class LinkAnchor extends SuperAnchor {
3
- active: string;
4
- replace: boolean;
5
- static styles: import("lit").CSSResult;
6
- firstUpdated(): void;
7
- useActive(): void;
8
- _handleClick(e: MouseEvent): void;
9
- pushState(url?: string): void;
10
- replaceState(url?: string): void;
11
- static pushState(data: any, unused: string, url?: string): void;
12
- static replaceState(data: any, unused: string, url?: string): void;
13
- }
14
- export default LinkAnchor;
15
- declare global {
16
- interface HTMLElementTagNameMap {
17
- "link-a": LinkAnchor;
18
- }
19
- }
1
+ import { SuperAnchor } from "./super-a.js";
2
+ export declare class LinkAnchor extends SuperAnchor {
3
+ active: string;
4
+ replace: boolean;
5
+ static styles: import("lit").CSSResult;
6
+ firstUpdated(): void;
7
+ useActive(): void;
8
+ _handleClick(e: MouseEvent): void;
9
+ pushState(url?: string): void;
10
+ replaceState(url?: string): void;
11
+ static pushState(data: any, unused: string, url?: string): void;
12
+ static replaceState(data: any, unused: string, url?: string): void;
13
+ }
14
+ export default LinkAnchor;
15
+ declare global {
16
+ interface HTMLElementTagNameMap {
17
+ "link-a": LinkAnchor;
18
+ }
19
+ }
20
20
  //# sourceMappingURL=link-a.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"link-a.d.ts","sourceRoot":"","sources":["../../src/items/link-a.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,qBACa,UAAW,SAAQ,WAAW;IAC7B,MAAM,SAAM;IACK,OAAO,UAAS;IAC7C,MAAM,CAAC,MAAM,0BAqBV;IACH,YAAY;IAMZ,SAAS;IAUT,YAAY,CAAC,CAAC,EAAE,UAAU;IAY1B,SAAS,CAAC,GAAG,SAAY;IAIzB,YAAY,CAAC,GAAG,SAAY;IAI5B,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM;IAIxD,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM;CAI5D;AACD,eAAe,UAAU,CAAC;AAC1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,UAAU,CAAC;KACtB;CACF"}
1
+ {"version":3,"file":"link-a.d.ts","sourceRoot":"","sources":["../../src/items/link-a.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,qBACa,UAAW,SAAQ,WAAW;IAC7B,MAAM,SAAM;IACK,OAAO,UAAS;IAC7C,MAAM,CAAC,MAAM,0BAsBX;IACF,YAAY;IAMZ,SAAS;IAUT,YAAY,CAAC,CAAC,EAAE,UAAU;IAY1B,SAAS,CAAC,GAAG,SAAY;IAIzB,YAAY,CAAC,GAAG,SAAY;IAI5B,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM;IAIxD,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM;CAI5D;AACD,eAAe,UAAU,CAAC;AAC1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,UAAU,CAAC;KACtB;CACF"}
package/items/link-a.js CHANGED
@@ -1,97 +1,98 @@
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
- var LinkAnchor_1;
8
- import { css, property, define } from "../deps.js";
9
- import { SuperAnchor } from "./super-a.js";
10
- import { RouteView } from "../view/route-view.js";
11
- let LinkAnchor = LinkAnchor_1 = class LinkAnchor extends SuperAnchor {
12
- constructor() {
13
- super(...arguments);
14
- this.active = "";
15
- this.replace = false;
16
- }
17
- firstUpdated() {
18
- this.shadowRoot.querySelector("a").addEventListener("click", this._handleClick.bind(this));
19
- if (this.active) {
20
- window.addEventListener("popstate", this.useActive.bind(this));
21
- }
22
- }
23
- useActive() {
24
- const url = new URL(this.href, window.location.href);
25
- if (url.origin === window.location.origin) {
26
- if (url.pathname === window.location.pathname) {
27
- this.classList.add(this.active);
28
- }
29
- else {
30
- this.classList.remove(this.active);
31
- }
32
- }
33
- }
34
- _handleClick(e) {
35
- if (this.target !== "_self")
36
- return;
37
- const url = new URL(this.href, window.location.href);
38
- if (url.origin === window.location.origin) {
39
- e.preventDefault();
40
- if (this.replace) {
41
- this.replaceState();
42
- }
43
- else {
44
- this.pushState();
45
- }
46
- }
47
- }
48
- pushState(url = this.href) {
49
- LinkAnchor_1.pushState(null, "", url);
50
- this.active && this.useActive();
51
- }
52
- replaceState(url = this.href) {
53
- LinkAnchor_1.replaceState(null, "", url);
54
- this.active && this.useActive();
55
- }
56
- static pushState(data, unused, url) {
57
- history.pushState(data, unused, url);
58
- RouteView.updateAll();
59
- }
60
- static replaceState(data, unused, url) {
61
- history.replaceState(data, unused, url);
62
- RouteView.updateAll();
63
- }
64
- };
65
- LinkAnchor.styles = css `
66
- :host{
67
- display: inline-block;
68
- color:currentColor;
69
- text-decoration: none;
70
- cursor: default;
71
- }
72
- :host([href]){
73
- cursor: pointer;
74
- }
75
- a{
76
- width: 100%;
77
- display: flex;
78
- color: inherit;
79
- text-decoration: inherit;
80
- justify-content: space-between;
81
- align-items: center;
82
- }
83
- i{
84
- display: inline-flex;
85
- border-radius: 20%;
86
- }`;
87
- __decorate([
88
- property()
89
- ], LinkAnchor.prototype, "active", void 0);
90
- __decorate([
91
- property({ type: Boolean })
92
- ], LinkAnchor.prototype, "replace", void 0);
93
- LinkAnchor = LinkAnchor_1 = __decorate([
94
- define("link-a")
95
- ], LinkAnchor);
96
- export { LinkAnchor };
97
- export default LinkAnchor;
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
+ var LinkAnchor_1;
8
+ import { css, property, define } from "../deps.js";
9
+ import { SuperAnchor } from "./super-a.js";
10
+ import { RouteView } from "../view/route-view.js";
11
+ let LinkAnchor = LinkAnchor_1 = class LinkAnchor extends SuperAnchor {
12
+ constructor() {
13
+ super(...arguments);
14
+ this.active = "";
15
+ this.replace = false;
16
+ }
17
+ firstUpdated() {
18
+ this.shadowRoot.querySelector("a").addEventListener("click", this._handleClick.bind(this));
19
+ if (this.active) {
20
+ window.addEventListener("popstate", this.useActive.bind(this));
21
+ }
22
+ }
23
+ useActive() {
24
+ const url = new URL(this.href, window.location.href);
25
+ if (url.origin === window.location.origin) {
26
+ if (url.pathname === window.location.pathname) {
27
+ this.classList.add(this.active);
28
+ }
29
+ else {
30
+ this.classList.remove(this.active);
31
+ }
32
+ }
33
+ }
34
+ _handleClick(e) {
35
+ if (this.target !== "_self")
36
+ return;
37
+ const url = new URL(this.href, window.location.href);
38
+ if (url.origin === window.location.origin) {
39
+ e.preventDefault();
40
+ if (this.replace) {
41
+ this.replaceState();
42
+ }
43
+ else {
44
+ this.pushState();
45
+ }
46
+ }
47
+ }
48
+ pushState(url = this.href) {
49
+ LinkAnchor_1.pushState(null, "", url);
50
+ this.active && this.useActive();
51
+ }
52
+ replaceState(url = this.href) {
53
+ LinkAnchor_1.replaceState(null, "", url);
54
+ this.active && this.useActive();
55
+ }
56
+ static pushState(data, unused, url) {
57
+ history.pushState(data, unused, url);
58
+ RouteView.updateAll();
59
+ }
60
+ static replaceState(data, unused, url) {
61
+ history.replaceState(data, unused, url);
62
+ RouteView.updateAll();
63
+ }
64
+ };
65
+ LinkAnchor.styles = css `
66
+ :host {
67
+ display: inline-block;
68
+ color: currentColor;
69
+ text-decoration: none;
70
+ cursor: default;
71
+ }
72
+ :host([href]) {
73
+ cursor: pointer;
74
+ }
75
+ a {
76
+ width: 100%;
77
+ display: flex;
78
+ color: inherit;
79
+ text-decoration: inherit;
80
+ justify-content: space-between;
81
+ align-items: center;
82
+ }
83
+ i {
84
+ display: inline-flex;
85
+ border-radius: 20%;
86
+ }
87
+ `;
88
+ __decorate([
89
+ property()
90
+ ], LinkAnchor.prototype, "active", void 0);
91
+ __decorate([
92
+ property({ type: Boolean })
93
+ ], LinkAnchor.prototype, "replace", void 0);
94
+ LinkAnchor = LinkAnchor_1 = __decorate([
95
+ define("link-a")
96
+ ], LinkAnchor);
97
+ export { LinkAnchor };
98
+ export default LinkAnchor;
@@ -1,21 +1,21 @@
1
- import STD from "./std.js";
2
- export declare class LoadTrack extends STD {
3
- static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag.js").CSSResultGroup[])[];
4
- current: number;
5
- isValue: boolean;
6
- max: number;
7
- min: number;
8
- modify: boolean;
9
- set value(val: string);
10
- get value(): string;
11
- render(): import("lit").TemplateResult<1>;
12
- parsePercent(s?: string | number): number;
13
- _handleClick(e: any): void;
14
- }
15
- export default LoadTrack;
16
- declare global {
17
- interface HTMLElementTagNameMap {
18
- "load-track": LoadTrack;
19
- }
20
- }
1
+ import STD from "./std.js";
2
+ export declare class LoadTrack extends STD {
3
+ static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag.js").CSSResultGroup[])[];
4
+ current: number;
5
+ isValue: boolean;
6
+ max: number;
7
+ min: number;
8
+ modify: boolean;
9
+ set value(val: string);
10
+ get value(): string;
11
+ render(): import("lit-html").TemplateResult<1>;
12
+ parsePercent(s?: string | number): number;
13
+ _handleClick(e: any): void;
14
+ }
15
+ export default LoadTrack;
16
+ declare global {
17
+ interface HTMLElementTagNameMap {
18
+ "load-track": LoadTrack;
19
+ }
20
+ }
21
21
  //# sourceMappingURL=load-track.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"load-track.d.ts","sourceRoot":"","sources":["../../src/items/load-track.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAE3B,qBACa,SAAU,SAAQ,GAAG;IAChC,MAAM,CAAC,MAAM,4FAoCV;IACM,OAAO,SAAM;IACb,OAAO,EAAE,OAAO,CAAS;IACN,GAAG,SAAK;IACR,GAAG,SAAK;IACP,MAAM,UAAS;IAC5C,IAAI,KAAK,CAAC,GAAG,QAAA,EASZ;IACD,IAAI,KAAK,WAER;IACD,MAAM;IAON,YAAY,CAAC,CAAC,GAAE,MAAM,GAAG,MAAY,GAAG,MAAM;IAM9C,YAAY,CAAC,CAAC,KAAA;CAMf;AACD,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
1
+ {"version":3,"file":"load-track.d.ts","sourceRoot":"","sources":["../../src/items/load-track.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAE3B,qBACa,SAAU,SAAQ,GAAG;IAChC,MAAM,CAAC,MAAM,4FAwCX;IACO,OAAO,SAAM;IACb,OAAO,EAAE,OAAO,CAAS;IACN,GAAG,SAAK;IACR,GAAG,SAAK;IACP,MAAM,UAAS;IAC5C,IAAI,KAAK,CAAC,GAAG,QAAA,EASZ;IACD,IAAI,KAAK,WAER;IACD,MAAM;IASN,YAAY,CAAC,CAAC,GAAE,MAAM,GAAG,MAAY,GAAG,MAAM;IAM9C,YAAY,CAAC,CAAC,KAAA;CAMf;AACD,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}