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,33 +1,33 @@
1
- import STD from "./std.js";
2
- type inputtype = "hidden" | "text" | "search" | "tel" | "url" | "email" | "password" | "datetime" | "date" | "month" | "week" | "time" | "datetime-local" | "number" | "range" | "color" | "checkbox" | "radio" | "file" | "image";
3
- export declare class BaseInput extends STD {
4
- _input: HTMLInputElement;
5
- _ranged: HTMLElement;
6
- accept: any;
7
- label: string;
8
- name: string;
9
- pla: any;
10
- type: inputtype;
11
- value: string | File | FileList;
12
- def: string;
13
- only: boolean;
14
- min: number;
15
- max: number;
16
- step: number;
17
- autofocus: boolean;
18
- static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag.js").CSSResultGroup[])[];
19
- render(): import("lit").TemplateResult<1>;
20
- connectedCallback(): void;
21
- firstUpdated(): void;
22
- _handleRange(e: any): void;
23
- _handleFile(e: any): void;
24
- reset(): void;
25
- _typeSwitcher(): import("lit").TemplateResult<1>;
26
- }
27
- export default BaseInput;
28
- declare global {
29
- interface HTMLElementTagNameMap {
30
- "base-input": BaseInput;
31
- }
32
- }
1
+ import STD from "./std.js";
2
+ type inputtype = "hidden" | "text" | "search" | "tel" | "url" | "email" | "password" | "datetime" | "date" | "month" | "week" | "time" | "datetime-local" | "number" | "range" | "color" | "checkbox" | "radio" | "file" | "image";
3
+ export declare class BaseInput extends STD {
4
+ _input: HTMLInputElement;
5
+ _ranged: HTMLElement;
6
+ accept: any;
7
+ label: string;
8
+ name: string;
9
+ pla: any;
10
+ type: inputtype;
11
+ value: string | File | FileList;
12
+ def: string;
13
+ only: boolean;
14
+ min: number;
15
+ max: number;
16
+ step: number;
17
+ autofocus: boolean;
18
+ static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag.js").CSSResultGroup[])[];
19
+ render(): import("lit-html").TemplateResult<1>;
20
+ connectedCallback(): void;
21
+ firstUpdated(): void;
22
+ _handleRange(e: any): void;
23
+ _handleFile(e: any): void;
24
+ reset(): void;
25
+ _typeSwitcher(): import("lit-html").TemplateResult<1>;
26
+ }
27
+ export default BaseInput;
28
+ declare global {
29
+ interface HTMLElementTagNameMap {
30
+ "base-input": BaseInput;
31
+ }
32
+ }
33
33
  //# sourceMappingURL=base-input.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"base-input.d.ts","sourceRoot":"","sources":["../../src/input-form/base-input.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,KAAK,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,gBAAgB,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AACnO,qBACa,SAAU,SAAQ,GAAG;IAChB,MAAM,EAAE,gBAAgB,CAAC;IACtB,OAAO,EAAE,WAAW,CAAC;IAC5B,MAAM,MAAa;IACnB,KAAK,SAAM;IACX,IAAI,SAAM;IACV,GAAG,MAAa;IAChB,IAAI,EAAE,SAAS,CAAU;IACzB,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,QAAQ,CAAa;IAC5C,GAAG,EAAE,MAAM,CAAM;IACA,IAAI,UAAS;IACd,GAAG,SAAK;IACR,GAAG,SAAO;IACV,IAAI,SAAK;IACR,SAAS,UAAS;IAC/C,MAAM,CAAC,MAAM,4FA+FV;IACH,MAAM;IASN,iBAAiB,IAAI,IAAI;IAKzB,YAAY;IAUZ,YAAY,CAAC,CAAC,KAAA;IAKd,WAAW,CAAC,CAAC,KAAA;IAIb,KAAK;IAUL,aAAa;CAUd;AACD,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
1
+ {"version":3,"file":"base-input.d.ts","sourceRoot":"","sources":["../../src/input-form/base-input.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,KAAK,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,gBAAgB,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AACnO,qBACa,SAAU,SAAQ,GAAG;IAChB,MAAM,EAAE,gBAAgB,CAAC;IACtB,OAAO,EAAE,WAAW,CAAC;IAC5B,MAAM,MAAa;IACnB,KAAK,SAAM;IACX,IAAI,SAAM;IACV,GAAG,MAAa;IAChB,IAAI,EAAE,SAAS,CAAU;IACzB,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,QAAQ,CAAa;IAC5C,GAAG,EAAE,MAAM,CAAM;IACA,IAAI,UAAS;IACd,GAAG,SAAK;IACR,GAAG,SAAO;IACV,IAAI,SAAK;IACR,SAAS,UAAS;IAC/C,MAAM,CAAC,MAAM,4FAkGX;IACF,MAAM;IASN,iBAAiB,IAAI,IAAI;IAKzB,YAAY;IAUZ,YAAY,CAAC,CAAC,KAAA;IAKd,WAAW,CAAC,CAAC,KAAA;IAIb,KAAK;IAUL,aAAa;CAUd;AACD,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
@@ -1,226 +1,229 @@
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, query, ifDefined, define, cssvar } from "../deps.js";
8
- import STD from "./std.js";
9
- let BaseInput = class BaseInput extends STD {
10
- constructor() {
11
- super(...arguments);
12
- this.accept = undefined;
13
- this.label = "";
14
- this.name = "";
15
- this.pla = undefined;
16
- this.type = "text";
17
- this.value = undefined;
18
- this.def = "";
19
- this.only = false;
20
- this.min = 0;
21
- this.max = 100;
22
- this.step = 1;
23
- this.autofocus = false;
24
- }
25
- render() {
26
- var _a;
27
- if (!this.name)
28
- this.name = ((_a = this.label) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || this.type;
29
- return html `<label for="input">
30
- <slot name="pre"></slot>
31
- <slot></slot>
32
- <div class=${this.type}>${this._typeSwitcher()}</div>
33
- <slot name="suf"></slot>
34
- </label>`;
35
- }
36
- connectedCallback() {
37
- super.connectedCallback();
38
- if (!this.def && this.type !== "file")
39
- this.def = this.value || "";
40
- if (!this.value)
41
- this.value = this.def;
42
- }
43
- firstUpdated() {
44
- if (this.type === "range") {
45
- this._ranged.style.width = 100 * (parseInt(this.value) / (this.max - this.min)) + "%";
46
- if (this.childNodes.length) {
47
- this.shadowRoot.querySelector("div").style.margin = "0";
48
- }
49
- }
50
- this._focusCheck();
51
- this._compositionCheck();
52
- }
53
- _handleRange(e) {
54
- this.value = e.target.value;
55
- this._ranged.style.width = 100 * parseInt(e.target.value) / (this.max - this.min) + "%";
56
- this.dispatchEvent(new CustomEvent("input", { detail: this.value }));
57
- }
58
- _handleFile(e) {
59
- this.value = !this.only ? e.target.files : e.target.files[0];
60
- this.dispatchEvent(new CustomEvent("change", { detail: this.value }));
61
- }
62
- reset() {
63
- if (this.type === "range") {
64
- this._input.value = this.def || ((this.max - this.min) / 2).toString();
65
- this.value = this._input.value;
66
- this._ranged.style.width = 100 * (parseInt(this.value) / (this.max - this.min)) + "%";
67
- }
68
- else {
69
- this._input.value = this.def.toString();
70
- this.value = this.def;
71
- }
72
- }
73
- _typeSwitcher() {
74
- switch (this.type) {
75
- case "range":
76
- return html `<input id="input" type="range" min=${this.min} max=${this.max} step=${this.step} value=${this.value} @input=${this._handleRange} @change=${this._handleChange}><i></i>`;
77
- case "file":
78
- return html `<input id="input" type="file" accept=${ifDefined(this.accept)} ?multiple=${!this.only} class="input" @change=${this._handleFile}>`;
79
- default:
80
- return html `<input id="input" class="input" type=${this.type} placeholder=${this.pla} value=${this.value} @input=${this._handleInput} @change=${this._handleChange}/>`;
81
- }
82
- }
83
- };
84
- BaseInput.styles = [STD.styles, , css `
85
- :host{
86
- width:var(${cssvar}--input-width);
87
- height: 1em;
88
- display: inline-flex;
89
- background-color: var(${cssvar}--input-background);
90
- border-radius: .2em;
91
- outline: .18em solid transparent;
92
- color:var(${cssvar}--text);
93
- }
94
- :host(:focus-within){
95
- outline-color: var(${cssvar}--input-outline-focus);
96
- }
97
- :host([type="range"]){
98
- outline: none;
99
- height: auto;
100
- }
101
- :host([type="file"]){
102
- height: auto;
103
- width: auto;
104
- min-height: .5em;
105
- min-width: .5em;
106
- }
107
- div,label{
108
- display: flex;
109
- flex: 1;
110
- }
111
- *{
112
- border-radius: inherit;
113
- cursor: inherit;
114
- font-family: inherit;
115
- }
116
- .input[type="color"] {
117
- padding: 0;
118
- height: 100% !important;
119
- }
120
- .input[type="file"]{
121
- display: none;
122
- }
123
- .input {
124
- box-sizing: border-box;
125
- height: 100%;
126
- width: 100%;
127
- font-size: .8em;
128
- outline: 0;
129
- border: 0;
130
- margin: 0;
131
- border: none;
132
- color: inherit;
133
- background: transparent;
134
- padding: 0 .25em;
135
- border-radius: .25em;
136
- }
137
- .range{
138
- position: relative;
139
- display: inline-flex;
140
- justify-content: center;
141
- align-items: center;
142
- box-shadow: 0 .5px .1em var(${cssvar}--shadow);
143
- background-color:var(${cssvar}--input-false);
144
-
145
- }
146
- .range input~i {
147
- position: absolute;
148
- left: 0;
149
- width: 50%;
150
- pointer-events: none ;
151
- background-color: var(${cssvar}--input-true);
152
- height: calc(.6em - 1.1px);
153
- }
154
- .range input {
155
- height: .6em;
156
- margin: 0px -0.5em;
157
- width: calc(100% + 0.5em);
158
- appearance: none;
159
- -webkit-appearance: none;
160
- outline: none;
161
- background-color: transparent;
162
- }
163
- .range input::-webkit-slider-runnable-track {
164
- height: .6em;
165
- }
166
- .range input::-webkit-slider-thumb {
167
- z-index: 1;
168
- appearance: none;
169
- -webkit-appearance: none;
170
- position: relative;
171
- height: 1.2em;
172
- width: 1.2em;
173
- margin-top: -0.3em;
174
- background-color: var(${cssvar}--input-control);
175
- border-radius: 50%;
176
- border: solid 0.125em rgba(0, 221, 255, 0.5);
177
- box-shadow: 0 .1em .1em var(${cssvar}--shadow);
178
- }
179
- `];
180
- __decorate([
181
- query("input")
182
- ], BaseInput.prototype, "_input", void 0);
183
- __decorate([
184
- query(".range i")
185
- ], BaseInput.prototype, "_ranged", void 0);
186
- __decorate([
187
- property()
188
- ], BaseInput.prototype, "accept", void 0);
189
- __decorate([
190
- property()
191
- ], BaseInput.prototype, "label", void 0);
192
- __decorate([
193
- property()
194
- ], BaseInput.prototype, "name", void 0);
195
- __decorate([
196
- property()
197
- ], BaseInput.prototype, "pla", void 0);
198
- __decorate([
199
- property()
200
- ], BaseInput.prototype, "type", void 0);
201
- __decorate([
202
- property()
203
- ], BaseInput.prototype, "value", void 0);
204
- __decorate([
205
- property()
206
- ], BaseInput.prototype, "def", void 0);
207
- __decorate([
208
- property({ type: Boolean })
209
- ], BaseInput.prototype, "only", void 0);
210
- __decorate([
211
- property({ type: Number })
212
- ], BaseInput.prototype, "min", void 0);
213
- __decorate([
214
- property({ type: Number })
215
- ], BaseInput.prototype, "max", void 0);
216
- __decorate([
217
- property({ type: Number })
218
- ], BaseInput.prototype, "step", void 0);
219
- __decorate([
220
- property({ type: Boolean })
221
- ], BaseInput.prototype, "autofocus", void 0);
222
- BaseInput = __decorate([
223
- define("base-input")
224
- ], BaseInput);
225
- export { BaseInput };
226
- export default BaseInput;
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, query, ifDefined, define, cssvar } from "../deps.js";
8
+ import STD from "./std.js";
9
+ let BaseInput = class BaseInput extends STD {
10
+ constructor() {
11
+ super(...arguments);
12
+ this.accept = undefined;
13
+ this.label = "";
14
+ this.name = "";
15
+ this.pla = undefined;
16
+ this.type = "text";
17
+ this.value = undefined;
18
+ this.def = "";
19
+ this.only = false;
20
+ this.min = 0;
21
+ this.max = 100;
22
+ this.step = 1;
23
+ this.autofocus = false;
24
+ }
25
+ render() {
26
+ var _a;
27
+ if (!this.name)
28
+ this.name = ((_a = this.label) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || this.type;
29
+ return html `<label for="input">
30
+ <slot name="pre"></slot>
31
+ <slot></slot>
32
+ <div class=${this.type}>${this._typeSwitcher()}</div>
33
+ <slot name="suf"></slot>
34
+ </label>`;
35
+ }
36
+ connectedCallback() {
37
+ super.connectedCallback();
38
+ if (!this.def && this.type !== "file")
39
+ this.def = this.value || "";
40
+ if (!this.value)
41
+ this.value = this.def;
42
+ }
43
+ firstUpdated() {
44
+ if (this.type === "range") {
45
+ this._ranged.style.width = 100 * (parseInt(this.value) / (this.max - this.min)) + "%";
46
+ if (this.childNodes.length) {
47
+ this.shadowRoot.querySelector("div").style.margin = "0";
48
+ }
49
+ }
50
+ this._focusCheck();
51
+ this._compositionCheck();
52
+ }
53
+ _handleRange(e) {
54
+ this.value = e.target.value;
55
+ this._ranged.style.width = (100 * parseInt(e.target.value)) / (this.max - this.min) + "%";
56
+ this.dispatchEvent(new CustomEvent("input", { detail: this.value }));
57
+ }
58
+ _handleFile(e) {
59
+ this.value = !this.only ? e.target.files : e.target.files[0];
60
+ this.dispatchEvent(new CustomEvent("change", { detail: this.value }));
61
+ }
62
+ reset() {
63
+ if (this.type === "range") {
64
+ this._input.value = this.def || ((this.max - this.min) / 2).toString();
65
+ this.value = this._input.value;
66
+ this._ranged.style.width = 100 * (parseInt(this.value) / (this.max - this.min)) + "%";
67
+ }
68
+ else {
69
+ this._input.value = this.def.toString();
70
+ this.value = this.def;
71
+ }
72
+ }
73
+ _typeSwitcher() {
74
+ switch (this.type) {
75
+ case "range":
76
+ return html `<input id="input" type="range" min=${this.min} max=${this.max} step=${this.step} value=${this.value} @input=${this._handleRange} @change=${this._handleChange} /><i></i>`;
77
+ case "file":
78
+ return html `<input id="input" type="file" accept=${ifDefined(this.accept)} ?multiple=${!this.only} class="input" @change=${this._handleFile} />`;
79
+ default:
80
+ return html `<input id="input" class="input" type=${this.type} placeholder=${this.pla} value=${this.value} @input=${this._handleInput} @change=${this._handleChange} />`;
81
+ }
82
+ }
83
+ };
84
+ BaseInput.styles = [
85
+ STD.styles,
86
+ css `
87
+ :host {
88
+ width: var(${cssvar}--input-width);
89
+ height: 1em;
90
+ display: inline-flex;
91
+ background-color: var(${cssvar}--input-background);
92
+ border-radius: 0.2em;
93
+ outline: 0.18em solid transparent;
94
+ color: var(${cssvar}--text);
95
+ }
96
+ :host(:focus-within) {
97
+ outline-color: var(${cssvar}--input-outline-focus);
98
+ }
99
+ :host([type="range"]) {
100
+ outline: none;
101
+ height: auto;
102
+ }
103
+ :host([type="file"]) {
104
+ height: auto;
105
+ width: auto;
106
+ min-height: 0.5em;
107
+ min-width: 0.5em;
108
+ }
109
+ div,
110
+ label {
111
+ display: flex;
112
+ flex: 1;
113
+ }
114
+ * {
115
+ border-radius: inherit;
116
+ cursor: inherit;
117
+ font-family: inherit;
118
+ }
119
+ .input[type="color"] {
120
+ padding: 0;
121
+ height: 100% !important;
122
+ }
123
+ .input[type="file"] {
124
+ display: none;
125
+ }
126
+ .input {
127
+ box-sizing: border-box;
128
+ height: 100%;
129
+ width: 100%;
130
+ font-size: 0.8em;
131
+ outline: 0;
132
+ border: 0;
133
+ margin: 0;
134
+ border: none;
135
+ color: inherit;
136
+ background: transparent;
137
+ padding: 0 0.25em;
138
+ border-radius: 0.25em;
139
+ }
140
+ .range {
141
+ position: relative;
142
+ display: inline-flex;
143
+ justify-content: center;
144
+ align-items: center;
145
+ box-shadow: 0 0.5px 0.1em var(${cssvar}--shadow);
146
+ background-color: var(${cssvar}--input-false);
147
+ }
148
+ .range input ~ i {
149
+ position: absolute;
150
+ left: 0;
151
+ width: 50%;
152
+ pointer-events: none;
153
+ background-color: var(${cssvar}--input-true);
154
+ height: calc(0.6em - 1.1px);
155
+ }
156
+ .range input {
157
+ height: 0.6em;
158
+ margin: 0px -0.5em;
159
+ width: calc(100% + 0.5em);
160
+ appearance: none;
161
+ -webkit-appearance: none;
162
+ outline: none;
163
+ background-color: transparent;
164
+ }
165
+ .range input::-webkit-slider-runnable-track {
166
+ height: 0.6em;
167
+ }
168
+ .range input::-webkit-slider-thumb {
169
+ z-index: 1;
170
+ appearance: none;
171
+ -webkit-appearance: none;
172
+ position: relative;
173
+ height: 1.2em;
174
+ width: 1.2em;
175
+ margin-top: -0.3em;
176
+ background-color: var(${cssvar}--input-control);
177
+ border-radius: 50%;
178
+ border: solid 0.125em rgba(0, 221, 255, 0.5);
179
+ box-shadow: 0 0.1em 0.1em var(${cssvar}--shadow);
180
+ }
181
+ `,
182
+ ];
183
+ __decorate([
184
+ query("input")
185
+ ], BaseInput.prototype, "_input", void 0);
186
+ __decorate([
187
+ query(".range i")
188
+ ], BaseInput.prototype, "_ranged", void 0);
189
+ __decorate([
190
+ property()
191
+ ], BaseInput.prototype, "accept", void 0);
192
+ __decorate([
193
+ property()
194
+ ], BaseInput.prototype, "label", void 0);
195
+ __decorate([
196
+ property()
197
+ ], BaseInput.prototype, "name", void 0);
198
+ __decorate([
199
+ property()
200
+ ], BaseInput.prototype, "pla", void 0);
201
+ __decorate([
202
+ property()
203
+ ], BaseInput.prototype, "type", void 0);
204
+ __decorate([
205
+ property()
206
+ ], BaseInput.prototype, "value", void 0);
207
+ __decorate([
208
+ property()
209
+ ], BaseInput.prototype, "def", void 0);
210
+ __decorate([
211
+ property({ type: Boolean })
212
+ ], BaseInput.prototype, "only", void 0);
213
+ __decorate([
214
+ property({ type: Number })
215
+ ], BaseInput.prototype, "min", void 0);
216
+ __decorate([
217
+ property({ type: Number })
218
+ ], BaseInput.prototype, "max", void 0);
219
+ __decorate([
220
+ property({ type: Number })
221
+ ], BaseInput.prototype, "step", void 0);
222
+ __decorate([
223
+ property({ type: Boolean })
224
+ ], BaseInput.prototype, "autofocus", void 0);
225
+ BaseInput = __decorate([
226
+ define("base-input")
227
+ ], BaseInput);
228
+ export { BaseInput };
229
+ export default BaseInput;
@@ -1,23 +1,23 @@
1
- import STD from "./std.js";
2
- type inputtype = "hidden" | "text" | "search" | "tel" | "url" | "email" | "password" | "datetime" | "date" | "month" | "week" | "time" | "datetime-local" | "number" | "range" | "color" | "checkbox" | "radio" | "file" | "image";
3
- export declare class ExpInput extends STD {
4
- static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag.js").CSSResultGroup[])[];
5
- label: string;
6
- name: string;
7
- pla: any;
8
- type: inputtype | "textarea";
9
- value: string;
10
- def: string;
11
- base: "outline" | "filed" | "underline";
12
- offset: string;
13
- autofocus: boolean;
14
- _input: HTMLInputElement;
15
- render(): import("lit").TemplateResult<1>;
16
- }
17
- export default ExpInput;
18
- declare global {
19
- interface HTMLElementTagNameMap {
20
- "exp-input": ExpInput;
21
- }
22
- }
1
+ import STD from "./std.js";
2
+ type inputtype = "hidden" | "text" | "search" | "tel" | "url" | "email" | "password" | "datetime" | "date" | "month" | "week" | "time" | "datetime-local" | "number" | "range" | "color" | "checkbox" | "radio" | "file" | "image";
3
+ export declare class ExpInput extends STD {
4
+ static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag.js").CSSResultGroup[])[];
5
+ label: string;
6
+ name: string;
7
+ pla: any;
8
+ type: inputtype | "textarea";
9
+ value: string;
10
+ def: string;
11
+ base: "outline" | "filed" | "underline";
12
+ offset: string;
13
+ autofocus: boolean;
14
+ _input: HTMLInputElement;
15
+ render(): import("lit-html").TemplateResult<1>;
16
+ }
17
+ export default ExpInput;
18
+ declare global {
19
+ interface HTMLElementTagNameMap {
20
+ "exp-input": ExpInput;
21
+ }
22
+ }
23
23
  //# sourceMappingURL=exp-input.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"exp-input.d.ts","sourceRoot":"","sources":["../../src/input-form/exp-input.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,KAAK,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,gBAAgB,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AACnO,qBACa,QAAS,SAAQ,GAAG;IAC/B,MAAM,CAAC,MAAM,4FAwIX;IACU,KAAK,SAAM;IACX,IAAI,SAAM;IACV,GAAG,MAAa;IAChB,IAAI,EAAE,SAAS,GAAG,UAAU,CAAU;IACtC,KAAK,SAAM;IACX,GAAG,SAAM;IACT,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,WAAW,CAAa;IACpD,MAAM,SAAM;IACK,SAAS,UAAS;IAC9B,MAAM,EAAE,gBAAgB,CAAC;IAC1C,MAAM;CASP;AACD,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
1
+ {"version":3,"file":"exp-input.d.ts","sourceRoot":"","sources":["../../src/input-form/exp-input.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,KAAK,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,gBAAgB,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AACnO,qBACa,QAAS,SAAQ,GAAG;IAC/B,MAAM,CAAC,MAAM,4FA+IX;IACU,KAAK,SAAM;IACX,IAAI,SAAM;IACV,GAAG,MAAa;IAChB,IAAI,EAAE,SAAS,GAAG,UAAU,CAAU;IACtC,KAAK,SAAM;IACX,GAAG,SAAM;IACT,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,WAAW,CAAa;IACpD,MAAM,SAAM;IACK,SAAS,UAAS;IAC9B,MAAM,EAAE,gBAAgB,CAAC;IAC1C,MAAM;CAeP;AACD,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}