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,109 +1,115 @@
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, classMap, define, state, cssvar } from "../deps.js";
8
- import STD from "./std.js";
9
- import InputFormSTD from "../input-form/std.js";
10
- let LoadTrack = class LoadTrack extends STD {
11
- constructor() {
12
- super(...arguments);
13
- this.current = 20;
14
- this.isValue = false;
15
- this.max = 1;
16
- this.min = 0;
17
- this.modify = false;
18
- }
19
- set value(val) {
20
- if (val === null || val === undefined || val === "") {
21
- this.removeAttribute("value");
22
- this.isValue = false;
23
- }
24
- else {
25
- this.setAttribute("value", val);
26
- this.isValue = true;
27
- }
28
- this.current = this.parsePercent(val || 20);
29
- }
30
- get value() {
31
- return this.getAttribute("value");
32
- }
33
- render() {
34
- if (this.value !== null) {
35
- this.isValue = true;
36
- this.current = this.parsePercent(this.value);
37
- }
38
- return html `<div class=${classMap({ value: this.isValue })} @click=${this._handleClick} ><i style="width:${this.current}%;"><slot></slot></i></div>`;
39
- }
40
- parsePercent(s = "0") {
41
- if (String(s).includes("%")) {
42
- return parseFloat(String(s));
43
- }
44
- return parseFloat(String(s)) / (this.max - this.min) * 100;
45
- }
46
- _handleClick(e) {
47
- if (this.modify) {
48
- this.value = ((e.offsetX / this.offsetWidth) * (this.max - this.min)).toString();
49
- this.dispatchEvent(new CustomEvent("change", { detail: e.offsetX / this.offsetWidth }));
50
- }
51
- }
52
- };
53
- LoadTrack.styles = [InputFormSTD.styles, css `
54
- :host,div{
55
- display:inline-flex;
56
- }
57
- div {
58
- position: relative;
59
- width: 10em;
60
- height: .5em;
61
- border-radius: .25em;
62
- background-color: var(${cssvar}--input-false);
63
- z-index: 1;
64
- }
65
- div i {
66
- position: absolute;
67
- border-radius: inherit;
68
- top: 0;
69
- left: 0;
70
- height: 100%;
71
- width: 20%;
72
- background-color: var(${cssvar}--input-true);
73
- z-index: 2;
74
- transition: all .3s;
75
- animation: progress 1.5s ease-in-out infinite alternate;
76
- }
77
- @keyframes progress {
78
- from {
79
- left: 0%;
80
- }
81
- to {
82
- left: 80%;
83
- }
84
- }
85
- div.value i {
86
- animation: none;
87
- width: 20% ;
88
- }
89
- `];
90
- __decorate([
91
- state()
92
- ], LoadTrack.prototype, "current", void 0);
93
- __decorate([
94
- state()
95
- ], LoadTrack.prototype, "isValue", void 0);
96
- __decorate([
97
- property({ type: Number })
98
- ], LoadTrack.prototype, "max", void 0);
99
- __decorate([
100
- property({ type: Number })
101
- ], LoadTrack.prototype, "min", void 0);
102
- __decorate([
103
- property({ type: Boolean })
104
- ], LoadTrack.prototype, "modify", void 0);
105
- LoadTrack = __decorate([
106
- define("load-track")
107
- ], LoadTrack);
108
- export { LoadTrack };
109
- export default LoadTrack;
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, classMap, define, state, cssvar } from "../deps.js";
8
+ import STD from "./std.js";
9
+ import InputFormSTD from "../input-form/std.js";
10
+ let LoadTrack = class LoadTrack extends STD {
11
+ constructor() {
12
+ super(...arguments);
13
+ this.current = 20;
14
+ this.isValue = false;
15
+ this.max = 1;
16
+ this.min = 0;
17
+ this.modify = false;
18
+ }
19
+ set value(val) {
20
+ if (val === null || val === undefined || val === "") {
21
+ this.removeAttribute("value");
22
+ this.isValue = false;
23
+ }
24
+ else {
25
+ this.setAttribute("value", val);
26
+ this.isValue = true;
27
+ }
28
+ this.current = this.parsePercent(val || 20);
29
+ }
30
+ get value() {
31
+ return this.getAttribute("value");
32
+ }
33
+ render() {
34
+ if (this.value !== null) {
35
+ this.isValue = true;
36
+ this.current = this.parsePercent(this.value);
37
+ }
38
+ return html `<div class=${classMap({ value: this.isValue })} @click=${this._handleClick}>
39
+ <i style="width:${this.current}%;"><slot></slot></i>
40
+ </div>`;
41
+ }
42
+ parsePercent(s = "0") {
43
+ if (String(s).includes("%")) {
44
+ return parseFloat(String(s));
45
+ }
46
+ return (parseFloat(String(s)) / (this.max - this.min)) * 100;
47
+ }
48
+ _handleClick(e) {
49
+ if (this.modify) {
50
+ this.value = ((e.offsetX / this.offsetWidth) * (this.max - this.min)).toString();
51
+ this.dispatchEvent(new CustomEvent("change", { detail: e.offsetX / this.offsetWidth }));
52
+ }
53
+ }
54
+ };
55
+ LoadTrack.styles = [
56
+ InputFormSTD.styles,
57
+ css `
58
+ :host,
59
+ div {
60
+ display: inline-flex;
61
+ }
62
+ div {
63
+ position: relative;
64
+ width: 10em;
65
+ height: 0.5em;
66
+ border-radius: 0.25em;
67
+ background-color: var(${cssvar}--input-false);
68
+ z-index: 1;
69
+ }
70
+ div i {
71
+ position: absolute;
72
+ border-radius: inherit;
73
+ top: 0;
74
+ left: 0;
75
+ height: 100%;
76
+ width: 20%;
77
+ background-color: var(${cssvar}--input-true);
78
+ z-index: 2;
79
+ transition: all 0.3s;
80
+ animation: progress 1.5s ease-in-out infinite alternate;
81
+ }
82
+ @keyframes progress {
83
+ from {
84
+ left: 0%;
85
+ }
86
+ to {
87
+ left: 80%;
88
+ }
89
+ }
90
+ div.value i {
91
+ animation: none;
92
+ width: 20%;
93
+ }
94
+ `,
95
+ ];
96
+ __decorate([
97
+ state()
98
+ ], LoadTrack.prototype, "current", void 0);
99
+ __decorate([
100
+ state()
101
+ ], LoadTrack.prototype, "isValue", void 0);
102
+ __decorate([
103
+ property({ type: Number })
104
+ ], LoadTrack.prototype, "max", void 0);
105
+ __decorate([
106
+ property({ type: Number })
107
+ ], LoadTrack.prototype, "min", void 0);
108
+ __decorate([
109
+ property({ type: Boolean })
110
+ ], LoadTrack.prototype, "modify", void 0);
111
+ LoadTrack = __decorate([
112
+ define("load-track")
113
+ ], LoadTrack);
114
+ export { LoadTrack };
115
+ export default LoadTrack;
package/items/std.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { GLOBSTD } from "../deps.js";
2
- export default class ItemsSTD extends GLOBSTD {
3
- }
1
+ import { GLOBSTD } from "../deps.js";
2
+ export default class ItemsSTD extends GLOBSTD {
3
+ }
4
4
  //# sourceMappingURL=std.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/items/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,OAAO;CAAI"}
1
+ {"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/items/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,OAAO;CAAG"}
package/items/std.js CHANGED
@@ -1,3 +1,3 @@
1
- import { GLOBSTD } from "../deps.js";
2
- export default class ItemsSTD extends GLOBSTD {
3
- }
1
+ import { GLOBSTD } from "../deps.js";
2
+ export default class ItemsSTD extends GLOBSTD {
3
+ }
@@ -1,16 +1,16 @@
1
- import STD from "./std.js";
2
- export declare class SuperAnchor extends STD {
3
- href: string;
4
- target: string;
5
- arrow: "" | "delta" | "arrow" | "angle" | "hand";
6
- static styles: import("lit").CSSResult;
7
- render(): import("lit").TemplateResult<1>;
8
- _arrowSwitcher(): import("lit").TemplateResult<1>;
9
- }
10
- export default SuperAnchor;
11
- declare global {
12
- interface HTMLElementTagNameMap {
13
- "super-a": SuperAnchor;
14
- }
15
- }
1
+ import STD from "./std.js";
2
+ export declare class SuperAnchor extends STD {
3
+ href: string;
4
+ target: string;
5
+ arrow: "" | "delta" | "arrow" | "angle" | "hand";
6
+ static styles: import("lit").CSSResult;
7
+ render(): import("lit-html").TemplateResult<1>;
8
+ _arrowSwitcher(): import("lit-html").TemplateResult<1>;
9
+ }
10
+ export default SuperAnchor;
11
+ declare global {
12
+ interface HTMLElementTagNameMap {
13
+ "super-a": SuperAnchor;
14
+ }
15
+ }
16
16
  //# sourceMappingURL=super-a.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"super-a.d.ts","sourceRoot":"","sources":["../../src/items/super-a.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,WAAY,SAAQ,GAAG;IACtB,IAAI,EAAE,MAAM,CAAa;IACzB,MAAM,SAAW;IACjB,KAAK,EAAE,EAAE,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAM;IAClE,MAAM,CAAC,MAAM,0BAuCV;IACH,MAAM;IAMN,cAAc;CAYf;AACD,eAAe,WAAW,CAAC;AAC3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,WAAW,CAAC;KACxB;CACF"}
1
+ {"version":3,"file":"super-a.d.ts","sourceRoot":"","sources":["../../src/items/super-a.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,WAAY,SAAQ,GAAG;IACtB,IAAI,EAAE,MAAM,CAAa;IACzB,MAAM,SAAW;IACjB,KAAK,EAAE,EAAE,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAM;IAClE,MAAM,CAAC,MAAM,0BA4CX;IACF,MAAM;IAMN,cAAc;CAkBf;AACD,eAAe,WAAW,CAAC;AAC3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,WAAW,CAAC;KACxB;CACF"}
package/items/super-a.js CHANGED
@@ -1,88 +1,99 @@
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, ifDefined, define } from "../deps.js";
8
- import STD from "./std.js";
9
- let SuperAnchor = class SuperAnchor extends STD {
10
- constructor() {
11
- super(...arguments);
12
- this.href = undefined;
13
- this.target = "_self";
14
- this.arrow = "";
15
- }
16
- render() {
17
- return html `<a href=${ifDefined(this.href)} target=${this.target}>
18
- <slot name="pre"></slot><slot></slot><slot name="suf"></slot>
19
- <i style="font-style:normal"><slot name="icon"></slot>${this._arrowSwitcher()}</i>
20
- </a>`;
21
- }
22
- _arrowSwitcher() {
23
- switch (this.arrow) {
24
- case "delta":
25
- return html `<svg viewBox="0 0 48 48" fill="none"><path d="M20 12L32 24L20 36V12Z" fill="currentColor" stroke="currentColor" stroke-width="3" stroke-linejoin="round"/></svg>`;
26
- case "arrow":
27
- return html `<svg width="38" height="38" viewBox="0 0 48 48" fill="none" ><path d="M36 24.0083H12" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 12L36 24L24 36" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
28
- case "angle":
29
- return html `<svg viewBox="0 0 48 48" fill="none"><path d="M19 12L31 24L19 36" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
30
- case "hand":
31
- return html `<svg viewBox="-10 -5 64 58" fill="none"><path d="M10.0264 40.9736L10.0264 18.9736H4.02637L4.02637 40.9736H10.0264Z" fill="currentColor" stroke="currentColor" stroke-width="3" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.0264 18.9738C17.1493 12.4548 21.2772 8.71418 22.4102 7.75192C24.1096 6.30854 26.0304 6.91463 26.0304 10.5268C26.0304 14.139 20.7449 16.2222 20.7449 18.9738C20.7415 18.9902 27.5007 18.9913 41.0223 18.9771C42.6797 18.9753 44.0246 20.3174 44.0264 21.9748L44.0264 21.9779C44.0264 23.6371 42.6814 24.9821 41.0222 24.9821H33.0128C31.8039 32.9549 31.137 37.2894 31.012 37.9858C30.8244 39.0303 29.8274 40.9738 26.9583 40.9738C25.0456 40.9738 20.0683 40.9738 10.0264 40.9738V18.9738Z" stroke="currentColor" stroke-width="3" stroke-linejoin="round"/></svg>`;
32
- }
33
- }
34
- };
35
- SuperAnchor.styles = css `
36
- :host{
37
- display: inline-block;
38
- color:currentColor;
39
- text-decoration: none;
40
- cursor: default;
41
- }
42
- :host([href]){
43
- cursor: pointer;
44
- }
45
- a{
46
- width: 100%;
47
- display: flex;
48
- color: inherit;
49
- text-decoration: inherit;
50
- justify-content: space-between;
51
- align-items: center;
52
- }
53
- i{
54
- display: inline-flex;
55
- border-radius: 20%;
56
- }
57
- i>svg{
58
- width: 1em;
59
- height: 1em;
60
- border-radius: inherit
61
- }
62
- :host(:hover) i{
63
- animation: arrow .3s linear;
64
- }
65
- i:hover{
66
- background-color: rgb(0 0 0 / .075);
67
- }
68
- @keyframes arrow{
69
- from {transform: translateX(0)}
70
- 50%{
71
- transform:translateX(.05em);
72
- }
73
- to {transform: translateX(0)}
74
- }`;
75
- __decorate([
76
- property()
77
- ], SuperAnchor.prototype, "href", void 0);
78
- __decorate([
79
- property()
80
- ], SuperAnchor.prototype, "target", void 0);
81
- __decorate([
82
- property()
83
- ], SuperAnchor.prototype, "arrow", void 0);
84
- SuperAnchor = __decorate([
85
- define("super-a")
86
- ], SuperAnchor);
87
- export { SuperAnchor };
88
- export default SuperAnchor;
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, ifDefined, define } from "../deps.js";
8
+ import STD from "./std.js";
9
+ let SuperAnchor = class SuperAnchor extends STD {
10
+ constructor() {
11
+ super(...arguments);
12
+ this.href = undefined;
13
+ this.target = "_self";
14
+ this.arrow = "";
15
+ }
16
+ render() {
17
+ return html `<a href=${ifDefined(this.href)} target=${this.target}>
18
+ <slot name="pre"></slot><slot></slot><slot name="suf"></slot>
19
+ <i style="font-style:normal"><slot name="icon"></slot>${this._arrowSwitcher()}</i>
20
+ </a>`;
21
+ }
22
+ _arrowSwitcher() {
23
+ switch (this.arrow) {
24
+ case "delta":
25
+ return html `<svg viewBox="0 0 48 48" fill="none"><path d="M20 12L32 24L20 36V12Z" fill="currentColor" stroke="currentColor" stroke-width="3" stroke-linejoin="round" /></svg>`;
26
+ case "arrow":
27
+ return html `<svg width="38" height="38" viewBox="0 0 48 48" fill="none">
28
+ <path d="M36 24.0083H12" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
29
+ <path d="M24 12L36 24L24 36" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
30
+ </svg>`;
31
+ case "angle":
32
+ return html `<svg viewBox="0 0 48 48" fill="none"><path d="M19 12L31 24L19 36" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /></svg>`;
33
+ case "hand":
34
+ return html `<svg viewBox="-10 -5 64 58" fill="none">
35
+ <path d="M10.0264 40.9736L10.0264 18.9736H4.02637L4.02637 40.9736H10.0264Z" fill="currentColor" stroke="currentColor" stroke-width="3" stroke-linejoin="round" />
36
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M10.0264 18.9738C17.1493 12.4548 21.2772 8.71418 22.4102 7.75192C24.1096 6.30854 26.0304 6.91463 26.0304 10.5268C26.0304 14.139 20.7449 16.2222 20.7449 18.9738C20.7415 18.9902 27.5007 18.9913 41.0223 18.9771C42.6797 18.9753 44.0246 20.3174 44.0264 21.9748L44.0264 21.9779C44.0264 23.6371 42.6814 24.9821 41.0222 24.9821H33.0128C31.8039 32.9549 31.137 37.2894 31.012 37.9858C30.8244 39.0303 29.8274 40.9738 26.9583 40.9738C25.0456 40.9738 20.0683 40.9738 10.0264 40.9738V18.9738Z" stroke="currentColor" stroke-width="3" stroke-linejoin="round" />
37
+ </svg>`;
38
+ }
39
+ }
40
+ };
41
+ SuperAnchor.styles = css `
42
+ :host {
43
+ display: inline-block;
44
+ color: currentColor;
45
+ text-decoration: none;
46
+ cursor: default;
47
+ }
48
+ :host([href]) {
49
+ cursor: pointer;
50
+ }
51
+ a {
52
+ width: 100%;
53
+ display: flex;
54
+ color: inherit;
55
+ text-decoration: inherit;
56
+ justify-content: space-between;
57
+ align-items: center;
58
+ }
59
+ i {
60
+ display: inline-flex;
61
+ border-radius: 20%;
62
+ }
63
+ i > svg {
64
+ width: 1em;
65
+ height: 1em;
66
+ border-radius: inherit;
67
+ }
68
+ :host(:hover) i {
69
+ animation: arrow 0.3s linear;
70
+ }
71
+ i:hover {
72
+ background-color: rgb(0 0 0 / 0.075);
73
+ }
74
+ @keyframes arrow {
75
+ from {
76
+ transform: translateX(0);
77
+ }
78
+ 50% {
79
+ transform: translateX(0.05em);
80
+ }
81
+ to {
82
+ transform: translateX(0);
83
+ }
84
+ }
85
+ `;
86
+ __decorate([
87
+ property()
88
+ ], SuperAnchor.prototype, "href", void 0);
89
+ __decorate([
90
+ property()
91
+ ], SuperAnchor.prototype, "target", void 0);
92
+ __decorate([
93
+ property()
94
+ ], SuperAnchor.prototype, "arrow", void 0);
95
+ SuperAnchor = __decorate([
96
+ define("super-a")
97
+ ], SuperAnchor);
98
+ export { SuperAnchor };
99
+ export default SuperAnchor;
@@ -1,16 +1,16 @@
1
- import STD from "./std.js";
2
- export declare class DivLine extends STD {
3
- static styles: import("lit").CSSResult;
4
- pre: string;
5
- suf: string;
6
- v: boolean;
7
- b: string;
8
- render(): import("lit").TemplateResult<1>;
9
- }
10
- export default DivLine;
11
- declare global {
12
- interface HTMLElementTagNameMap {
13
- "div-line": DivLine;
14
- }
15
- }
1
+ import STD from "./std.js";
2
+ export declare class DivLine extends STD {
3
+ static styles: import("lit").CSSResult;
4
+ pre: string;
5
+ suf: string;
6
+ v: boolean;
7
+ b: string;
8
+ render(): import("lit-html").TemplateResult<1>;
9
+ }
10
+ export default DivLine;
11
+ declare global {
12
+ interface HTMLElementTagNameMap {
13
+ "div-line": DivLine;
14
+ }
15
+ }
16
16
  //# sourceMappingURL=div-line.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"div-line.d.ts","sourceRoot":"","sources":["../../src/layout/div-line.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,OAAQ,SAAQ,GAAG;IAC9B,MAAM,CAAC,MAAM,0BAuBR;IACO,GAAG,SAAU;IACb,GAAG,SAAU;IACI,CAAC,UAAS;IAC3B,CAAC,SAAW;IACxB,MAAM;CAOP;AACD,eAAe,OAAO,CAAC;AACvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
1
+ {"version":3,"file":"div-line.d.ts","sourceRoot":"","sources":["../../src/layout/div-line.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,OAAQ,SAAQ,GAAG;IAC9B,MAAM,CAAC,MAAM,0BAyBX;IACU,GAAG,SAAU;IACb,GAAG,SAAU;IACI,CAAC,UAAS;IAC3B,CAAC,SAAW;IACxB,MAAM;CAWP;AACD,eAAe,OAAO,CAAC;AACvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}